/*----------------------------------------------------------------------------
Structural Style Sheet

----------------------------------------------------------------------------*/
@import url("menu.css");
@import url("customize.css");

* {
	margin: 0;
	padding: 0;
}
html {
	background: #C3C3C3 url(../images/structure/site-gradient.jpg) repeat;
	height: 100%;
	height: 100%!important;
}

body.blue #header { 
background: #eee url(../images/blue/header.png) top left no-repeat
 }

/* Base Font Sizes
*****************************************/
body.mediumText {
	font-size: 62.5%;
}
body.largeText {
	font-size: 82.5%;
}
body.xLargeText {
	font-size: 102.5%;
	font-weight: 100;
}
html > body.mediumText {
	font-size: 12px;
}
html > body.largeText {
	font-size: 11px;
}
html > body.xLargeText {
	font-size: 12px;
}

/* Template Width
*****************************************/
body #wrapper {
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	background-color: #fff;
}
body #content {

}



/* Wide Specific */
body.wide {

}
body.wide #wrapper {
	width: 900px;
}
body.wide #content {
	width: 672px;
}

/* Header Section
NOTE: Different "color" headers and set in 
the color.css file.
*****************************************/
div#header {
	width: 100%;
	overflow: hidden;
	height: 125px;
	position: relative;
	border-top: 1px solid #000;
}

/* Top Navigation
NOTE: All menu specific css (top and sidebar
is in the menu.css
*****************************************/
div#nav {
	
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 28px;
	position: relative;
	z-index: 100;
	float: none;
	margin: 0;
	padding: 0;
}

/* Sidebar on the Left */
body.left #main {
	
}
body.left #content .padding {

	padding: 0px;
}
body.left #content {

	float: right;
}
body.left #sidebar {
	float: left;
	padding-bottom: 70px;
	margin-top: -5px;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	width: 183px;
	
}



body.left #sidebar2 {
	float: right;
	padding-bottom: 70px;
	margin-top: -5px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 223px;
}
body.left #sidebar3 {
	float: right;
	padding-bottom: 70px;
	margin-top: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 303px;
	background-color: #ccc;
	padding: 8px 8px 8px 8px;
}




body.left #bottomInset {
	margin-right: -10px;
}
body.left table.contenttoc {
	margin-right: -10px;
}

/* Sidebar on the Right */
body.right #content .padding {
	background: transparent url(../images/structure/cornershadow-right.jpg) top right no-repeat;
	padding: 10px;
}
body.right #content {
	background: transparent url(../images/structure/content-top.jpg) repeat-x;
	float: left;
}
body.right #sidebar {
	width: 183px;
	float: right;
}
body.right #sidebar div.moduletable_menu h3,
body.right #sidebar div.moduletable h3,
body.right #sidebar div.moduletable-login h3 {
	margin: 8px 0 0 0;
}
body.right #sidebar div.moduletable_menu,
body.right #sidebar div.moduletable,
body.right #sidebar div.moduletable-login {
	padding-left: 10px;
}
body.right #sidebar div.moduletable_menu h3,
body.right #sidebar div.moduletable h3 {
	margin: 3px 0 5px -2px;
	width: 168px;
}
/* IE Fixes */
*+html body.right #sidebar .moduletable h3,
* html body.right #sidebar .moduletable h3 {
	text-indent: 7px;
	margin: 3px -13px 0 -3px;
	padding: 0;
}
*+html body.right #sidebar .moduletable,
* html body.right #sidebar .moduletable {
	padding-left: 10px;
}

/* Top Options Bar
*****************************************/
/* Generic Options Defaults */
div#toggleoptions {
	width: 109px;
	height: 28px;
	display: block;
	xbackground: url(../images/display-options-sprite.jpg) no-repeat;
	text-indent: -7998px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
div#options-wrap {
	background: url(../images/options/options-bg.jpg) top left repeat-x;
	height: 27px;
	overflow: hidden;
}
#displayOptions {
	height: 27px;
	width: 600px;
	float: left;
}
.fontsizer,
.fontsizer li,
.fontsizer li a {
	list-style-type: none;
}
.horizontal li,
.horizontal li a {
	display: block;
	float: left;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides From IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hide from IE Mac */
#displayOptions h3, 
#displayOptions h4 {
	position: absolute;
	top: -1000em;
}
#displayOptions ul {
	float: left;
	display: inline;
	height: 27px;
	margin: 0;
	margin-left: 4px;
	padding: 0;
}
#displayOptions li {
	height: 27px;
	width: 20px;
	overflow: hidden;
	display: inline;
	padding: 0;
	margin: 0;
}
#displayOptions a {
	padding-top: 27px;
	height: 0;
	overflow: hidden;
	background-position: 0 1px;
	background-repeat: no-repeat;
	font-size: 10px;
}
#displayOptions li a:hover {
	background-color: transparent;
}
div.optionsDivider {
	height: 27px;
	width: 9px;
	background: transparent url(../images/options/options-divider.jpg) no-repeat;
	float: left;
}

/* Normal States
*****************************************/
/* Color Swatches */
#displayOptions li a#colorBlue {
	background-image: url(../images/options/color-blue.jpg);
}
#displayOptions li a#colorRed {
	background-image: url(../images/options/color-red.jpg);
}
#displayOptions li a#colorGreen {
	background-image: url(../images/options/color-green.jpg);
}
#displayOptions li a#colorPink {
	background-image: url(../images/options/color-pink.jpg);
}
#displayOptions li a#colorOrange {
	background-image: url(../images/options/color-orange.jpg);
}

/* Text Sizes */
#displayOptions li a#textMedium {
	background-image: url(../images/options/text-normal.jpg);
}
#displayOptions li a#textLarge {
	background-image: url(../images/options/text-large.jpg);
}
#displayOptions li a#textXLarge {
	background-image: url(../images/options/text-xlarge.jpg);
}



/* Hover States
*****************************************/
#displayOptions li a#colorBlue:hover,
#displayOptions li a#colorRed:hover,
#displayOptions li a#colorGreen:hover,
#displayOptions li a#colorPink:hover,
#displayOptions li a#colorOrange:hover,
#displayOptions li a#textMedium:hover,
#displayOptions li a#textLarge:hover,
#displayOptions li a#textXLarge:hover,
#displayOptions li a#sidebarLeft:hover,
#displayOptions li a#sidebarRight:hover,
#displayOptions li a#widthNarrow:hover,
#displayOptions li a#widthWide:hover,
#displayOptions li a#renderingOn:hover,
#displayOptions li a#renderingOff:hover {
	background-position: 0 -26px;
}

/* Active States
*****************************************/
#displayOptions li a#colorBlue.active-option,
#displayOptions li a#colorRed.active-option,
#displayOptions li a#colorGreen.active-option,
#displayOptions li a#colorPink.active-option,
#displayOptions li a#colorOrange.active-option,
#displayOptions li a#textMedium.active-option,
#displayOptions li a#textLarge.active-option,
#displayOptions li a#textXLarge.active-option,
#displayOptions li a#sidebarLeft.active-option,
#displayOptions li a#sidebarRight.active-option,
#displayOptions li a#widthNarrow.active-option,
#displayOptions li a#widthWide.active-option,
#displayOptions li a#renderingOn.active-option,
#displayOptions li a#renderingOff.active-option {
	background-position: 0 -53px;
}

/* Display Options Help
*****************************************/
a.help-link {
	width: 20px;
	height: 27px;
	display: block;
	background: url(../images/options/help-icon.png) 0 no-repeat;
	text-indent: -7998px;
	float: right;
}
.helpWrap {
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid white;
	width: 255px;
	height: 123px;
	margin: 0;
	padding: 0;
	display: none;
}
.help-contents {
	background: white;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	width: 100%;
	height: 100%;
	width: 100%;
	height: 100%;
}
div.helpWrap h3 {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	width: 255px;
	height: 21px;
	background: url(../images/options/help-header.png) no-repeat;
	text-indent: -7998px;
	font-size: 10px;
}
div.helpWrap ul {
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
	padding-left: 5px;
}
div.helpWrap ul li {
	margin: 0;
	padding: 0;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #09C;
	text-indent: 20px;
	background-repeat: no-repeat;
	background-position: 0;
	height: 20px;
	list-style-type: none;
}
.helpWrap li.help-blue {
	background-image: url(../images/options/help-blue.png);
}
.helpWrap li.help-red {
	background-image: url(../images/options/help-red.png);
}
.helpWrap li.help-green {
	background-image: url(../images/options/help-green.png);
}
.helpWrap li.help-pink {
	background-image: url(../images/options/help-pink.png);
}
.helpWrap li.help-yellow {
	background-image: url(../images/options/help-yellow.png);
}
.helpWrap li.help-narrow {
	background-image: url(../images/options/help-narrow.png);
}
.helpWrap li.help-wide {
	background-image: url(../images/options/help-wide.png);
}
.helpWrap li.help-sidebar {
	background-image: url(../images/options/help-sidebar.png);
}
.helpWrap li.help-text {
	background-image: url(../images/options/help-text.png);
}
.helpWrap li.help-sifr {
	background-image: url(../images/options/help-sifr.png);
}

/* Base Colors
*****************************************/
/* Links */
body.blue a:link,body.blue a:visited {
	color: #cc0000;
}


/* Content & Component Headers */
body.blue td.contentheading,
body.blue div.componentheading {
	color: #CC0000;
}


/* Pathway Bar 
*****************************************/
/* Site Path */
div#sitePath {
	height: 34px;
	font: normal 11px/30px Arial, serif;
	color: #fff;
	text-indent: 10px;
	position: relative;
}
div#sitePath a {
	font: bold 11px/30px Arial, serif;
	color: #fff;
	text-decoration: none;
}
span.pathway {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1;
}
span.pathway a {
	background: url(../images/structure/pathway-bullet.gif) 100% 50% no-repeat;
	padding-right: 15px;
}
span.pathway img {
	display: none;
}
a.pathway {
	color: #616772;
	line-height: 29px;
	text-decoration: none;
}
a.pathway:hover {
	color: #6ead33;
	text-decoration: underline!important;
}

/* Search */
div#searchBox {
	position: absolute;
	top: 0px;
	right: -2px;
	z-index: 1;
}
div#searchBox input {
	width: 153px;
	height: 17px;
	font: normal 12px Arial, serif;
	border: 0;
	color: #fff;
	padding: 2px 0 0 15px;
	text-indent: 3px;
}

/* Footer Section 
*****************************************/
#footer {
	margin: 0 auto;
	clear: both;
	position: relative;
	height: 59px;
}
body.narrow #footer {
	width: 760px;
}
body.wide #footer {
	width: 980px;
}

/* Footer Menu */
#footer ul#mainlevel-footer,
#footer ul#mainlevel-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	right: 10px;
	width: 445px;
	height: 30px;
}
ul#mainlevel-footer li,
ul#mainlevel-nav li {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}
ul#mainlevel-footer li a,
ul#mainlevel-nav li a {
	color: #fff;
	text-decoration: none;
	font: normal 12px Arial, serif;
	padding: 2px 5px;
}
ul#mainlevel-footer li a:hover,
ul#mainlevel-nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Credits */
div#credits {
	width: 250px;
	height: 30px;
	font: normal 12px Arial, serif;
	color: #fff;
	position: absolute;
	top: 25px;
	left: 25px;
}
div#credits div {
	color: #E4F5FF;
	text-indent: 12px;
}
div#credits a {
	color: #fff;
	text-decoration: underline;
}

/* Live Search
*****************************************/
.LSRow small, #searchcontrols small {
	color: #999!important;
}
#LSHighlight small {
	color: #999!important;
}
#LSResult {
	position: absolute;
	right: 14px;
	top: 28px;
	width: 250px;
	background: #fff url(../images/structure/content-top.jpg) repeat-x;
	font: normal 11px/20px 'Lucida Grande', Arial, Sans-Serif;
	z-index: 100;
	border: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.LSText small {
	color: #000!important;
}
.LSRow {
	text-align: left;
	padding: 0;
	border-top: 1px solid #E7E7E7;
}
.LSRow a#jxlvlink {
	width: 563px;
	color: #999!important;
	font-weight: normal;
}
* html .LSRow a#jxlvlink {
	height: 20px;
}
.LSRow a#jxlvlink:hover {
	color: #000;
	background: #eee;
	text-decoration: none;
}
div#searchcontrols {
	position: relative;
	padding: 0;
	margin: 0;
	height: 10px;
}
.oddresult {
	position: absolute;
	left: 0px;
	top: 5px;
	color: #999;
}
#searchcontrols a {
	position: absolute;
	right: 10px;
	top: -5px;
	color: #0099CC!important;
}

/* Tooltips in Live Search
*****************************************/
#JT_arrow_left {
	background-image: url(../images/structure/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	left: -12px;
	height: 23px;
	width: 10px;
	top: -3px;
}
#JT_arrow_right {
	background-image: url(../images/structure/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	height: 23px;
	width: 11px;
	top: -2px;
}
#JT {
	position: absolute;
	z-index: 100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	height: 250px;
	width: 300px;
	overflow: hidden;
}
#JT_copy {
	padding: 10px 10px 10px 10px;
	color: #333333;
}
.JT_loader {
	background-image: url(../images/structure/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 12px;
}
#JT_close_left {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}
#JT_close_right {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}
#JT_copy p {
	margin: 3px 0;
}
#JT_copy img {
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.jTip {
	color: #999!important;
	font-weight: normal;
	cursor: help;
}
#jxsearchform .jTip {
	color: #999!important;
	text-decoration: none;
	font-weight: normal;
	cursor: help;
	padding: 5px 5px 5px 0;
	text-indent: -7998px!important;
	background: transparent url(../jxcorelivesearch/magnifier.png) no-repeat 0;
}
#jxsearchform .OutUrl {
	color: #999!important;
	text-decoration: none;
	font-weight: normal;
	cursor: help;
	padding: 5px 5px 5px 0;
	text-indent: -7998px!important;
	background: transparent url(../jxcorelivesearch/link_go.png) no-repeat 0; 
}
#JT_copy .pagenav_prev,
#JT_copy .pagenav_next,
#JT_copy .back_button,
#JT_copy .createdate,
#JT_copy .modifydate,
#JT_copy .small,
#JT_copy .article_seperator,
#JT_copy .pagenav,
#JT_copy img,
#JT_copy textarea,
#JT_copy td.buttonheading{
	display: none;
}

/* sIFR - Dont Change!
*****************************************/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.padding .sIFR-hasFlash h1 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h2 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h3 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h4 {
	visibility: hidden;
}
.sIFR-hasFlash .contentheading {
	visibility: hidden;
}
fieldset{
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom:-10px;
}
#main #content textarea#introtext,
#main #content textarea#fulltext{
	width: 550px;
	border: 1px solid #ccc;
}
/************* EXTRA FOR v 1.5 *************/
fieldset { border: none;}