/* ================ COLORS ====================== 


   RED (for h2 page title, #main h3 headings, h6, and footer link hover): #86888b;
   
   TEXT: (Note: other shades of grey are used for borders, footer links, breadcrumbs, etc., but these are the primary greys)
   
   - DARK GRAY (for h4 & strong text, and td text): #666; 
   - MEDIUM GRAY (for body text): #505050; 
   - LIGHT GRAY (for h5): #97969a;
   
   BACKGROUNDS:   
   
 	- FAINT GRAY (for body background -visible only on monitors with resolution above 1024 x768): #d9dbdb;
 	- PALE GRAY (for border at top of page & footer background: #ededed; 
 	- PALER GRAY (for table heads) background-color:#f1f1f1; color:#787878;
 	- VERY PALE GRAY (for backgrounds of H3 headings in tertiary right nav as well as dropdown menus) background: #f6f6f7;
 	- EVEN PALER GRAY (for alt stripes on table rows): #f8f8f8
					
   MEDIUM BLUE (for links): #005A84
   DARK BLUE (for active / hover links): #00375E
   DARK BLUE (for links dotted bottom border): #00375E
   TURQUOISE (for topnav menubar secondary dropdown): #0078ae
   BRIGHT BLUE (for visited links): #0099C4
   
   modified: 19 mar 2010 cweeks
   
 ================ END COLORS ======================  */

* { margin: 0; padding: 0; line-height: 1.5; color: #505050; font-style: normal; font-weight: normal;  }
body {font: normal 12px Arial, Helvetica, sans-serif; background: #555555 url(../images/bg582.gif) repeat-x left top; border-top: none; }



h1, h2, h3, h4, h5, h6, table, dl { clear: both; }


p {margin: 0 0 1em 0; }
p, ul, dl, ol { font-size: 13px; margin-bottom: 1.3em;}

a, a:visited { color: #005A84; border-bottom: 1px dotted #00375E; text-decoration: none; }
a em, a:visited em { color: #005A84; font-style: italic; }
	a:hover em, a:focus em { color: #00375E; font-style: italic; }
		a.noborder, a:visited.noborder, a:hover.noborder, a:focus.noborder { border-bottom:0 solid #FFFFFF; }
a strong { color: #005A84; font-weight:bold; }
	a:visited { color:#0099C4; }
    a:visited em { color: #0099C4; font-style: italic; }
a:hover strong { color: #00375E; font-weight:bold; }
a:hover em { color: #00375E; font-style:italic; }
	a:hover, a:focus { color: #00375E; }

ul {margin: 0;}
ul li {list-style: none; background: transparent url(/now/images/css/layout/list-marker.gif) no-repeat left 0.6em; padding-left: 8px; margin-bottom: 0.8em; margin-left: 0 !important }
	#wrap .expand_list dd ul li {list-style: none; background: transparent url(/now/images/css/layout/list-marker.gif) no-repeat left 0.6em; padding-left: 8px; margin-bottom: 0.8em; margin-left: 0 !important }
	#secondary ul li, #tertiary ul li {margin-bottom: .5em}
ul ul {margin: .6em 0 0 1em;}
	#tertiary ul ul {margin-left: .5em;}
ol li {margin: .6em 0 0 1.5em; *margin: .6em 0 0 26px}
	#wrap .expand_list dd ol li {margin: .6em 0 0 1.5em; *margin: .6em 0 0 26px}
    ul.rss_list li {list-style: none; background: none !important;}

blockquote { float: right; width: 200px; background: #fcfcfc url(/now/images/css/layout/blockquote-bg.gif) repeat-x left top; margin: 4px 0 8px 10px; border-top: 1px solid #babcbe; border-bottom: 1px solid #e1e2e3; clear: both; }
	blockquote p { margin: 12px 15px 10px 15px; padding: 0 8px !important; }
             #tertiary blockquote {border-top: 0;}
             #tertiary blockquote p {margin: 10px 0 10px 0; padding: 10px 10px 0 0 !important}
	blockquote cite { color: #006699; text-transform: uppercase; font-size: 11px; text-align: right; display: block; margin: 8px 15px}

	
strong {font-weight: bold; color: #666666}
strong em { font-weight: bold; font-style: italic; }

em strong { font-weight: bold; font-style: italic; }


img { border: none; margin-bottom: 10px;}
      a:link img, img a:link {border: none; border-bottom: none !important; text-decoration: none; }
	.float_right {float: right; margin-left: 1em;}
	.float_left {float: left; margin-right: 1em;}
	.float_none { float: none; width: 100%; margin-left:0;}
	

hr {border: 0; height: 1px; color: #e1e2e3; background-color: #e1e2e3;  margin-top: 0; margin-bottom: 6px;}

/*-------------------------------------------    
    SPAN STYLES
-------------------------------------------*/

.hero_learnmore { background:url(/now/images/css/layout/hero_learnmore.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; }
.pdf { background:url(/now/images/css/layout/pdf.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; color: #a3a2a6; font-size: 11px; }
.ppt { background:url(/now/images/css/layout/ppt.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; color: #a3a2a6; font-size: 11px; }
.webcast { background:url(/now/images/css/layout/webcst.gif) no-repeat center left; padding: 0 0 0 18px !important;  margin: 0 5px; display: inline-block; color: #a3a2a6; font-size: 11px; }
.word { background:url(/now/images/css/layout/word.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; color: #a3a2a6; font-size: 11px; }
.xls { background:url(/now/images/css/layout/xls.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; color: #a3a2a6; font-size: 11px; }
.TM {font-size:0.6em; position:relative; top:-0.6em; left:0;}
     a .TM { color: #005A84; }
     a:hover .TM, a:active .TM { color: #00375E; }
.rss_icon { background: transparent url(/now/images/css/layout/small_rss.gif) no-repeat center left; padding-left: 18px !important; margin: 0 5px !important; display: inline-block; }
.phone { background:url(/now/images/css/layout/phonepic.jpg) no-repeat top left; padding-left: 12px !important; margin: 0 5px 0 0 !important; display: inline-block; }
.closewindow { background:url(/now/images/css/layout/closex.gif) no-repeat center left; padding-left: 16px !important; margin: 0 5px !important; border-bottom: none !important; display: inline-block; color: #a3a2a6; font-size: 11px; }
.arrow { background: transparent url(/now/images/css/layout/chevron.gif) no-repeat center left; padding-left: 15px !important; margin: 0 5px !important; border-bottom: none !important; display: inline-block; }
a.more_link { background: transparent url(/now/images/css/layout/chevron.gif) no-repeat right center; padding-right: 15px; border-bottom: none !important; }
a.enlarge { background: transparent url(/now/images/css/layout/enlarge.gif) no-repeat right center; padding-right: 15px; border-bottom: none !important; }
.boldital { font-weight: bold; font-style: italic; }
.smalltype { font-size: 0.8em; }
.dottedrule  { border-bottom: 1px dotted #d7d7d7; margin-bottom: 1em; line-height:0; height:1px; }

#wrap #secondary ul li.headline { background: transparent url(/now/images/css/layout/nav/sec-nav-headline.gif) no-repeat center left; padding-left: 12px; margin-left: -12px !important; position: relative; display: block}
	* html #wrap #secondary ul li.headline { background: transparent url(/now/images/css/layout/nav/sec-nav-headline.gif) no-repeat center left; padding-left: 12px !important; margin-left: 0 !important;  position: relative; display: block; }
	* + html #wrap #secondary ul li.headline { background: transparent url(/now/images/css/layout/nav/sec-nav-headline.gif) no-repeat center left; padding-left: 12px !important; margin-left: 0 !important;  position: relative; display: block; }
#wrap #secondary ul ul li.headline {background: transparent url(/now/images/css/layout/nav/sec-nav-headline.gif) no-repeat 16px center; display: block; padding-left: 12px !important; *padding-left: 10px !important; *border: 1px solid white; position: relative;}

/*-------------------------------------------
   HEADINGS - Note these are by no means the only options.  On Thomsonreuters.com the h2 & H3 headings are SIFR replaced with the Locator
   font (soon to be Knowledge).  TheLink sticks with the orange, black, gray color scheme, but modifies the font sizes introduces 
   a background image dot for the equivalent of H3.  The models below are intended to be a starting point - not an absolute - except
   for H1, which should always be used for linking the logo to the homepage of the site.
-------------------------------------------*/

h2 {font-size: 28px; text-transform: uppercase; color: #006699; margin: 30px 0 0 10px;line-height: 1.1em; padding-left:8px; }
h3 {font-size: 13px; color: #006699; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 1em; line-height: 1.1em; }
	#main h3, #mainFull h3, #mainProduct h3, .half h3, .last_half h3 {margin-bottom: .5em; margin-top: .5em}
	#secondary h3 {text-transform: uppercase; color: #006699; font-size: 12px; margin: 2em 0 .5em 0; border-top: none}
		#main h3.first, #mainFull h3.first, #mainProduct h3.first, #secondary h3.first {margin-top: 0; padding: 1em 0 .2em 0}
#tertiary h3 { color: #006699; font-size: 13px; font-weight: bold; margin: 0; letter-spacing: 0.1em; text-transform: uppercase; padding: 0;}
		#tertiary h3.first {margin-top: 0; padding: 0}
		

		
		
		
		
h3 a, h3 a:link, h3 a:visited { border-bottom: none !important; color: #86888b; }
h3 a:hover, h3 a:active { color: #86888b; }
h4, h5, h6 {margin: 1.5em 0 .5em 0;}
	h4.subtitle { margin: 0 0 0 10px; color: #97969a; letter-spacing: 1px; font-weight: normal; }
h4 {font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
h4 a, h4 a:link, h4 a:visited { border-bottom: none !important; font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
h4 a:hover, h4 a:active { color: #00375E; border-bottom: none !important; }
h5 {font-size: 11px; color: #97969a; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
h5 a, h5 a:link, h5 a:visited {font-size: 11px; color: #97969a; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; border-bottom: none !important; }
h5 a:hover, h5 a:active {color: #00375E; border-bottom: none !important; }
h6 {font-size: 11px; color: #86888b; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
h6 a:link, h6 a:visited { color: #86888b; border-bottom: none !important; }
h6 a:hover, h6 a:active { color: #00375E; border-bottom: none !important; }

/*-------------------------------------------
   LAYOUT
-------------------------------------------*/

#wrap { background: #fff; margin: 1.5em auto 1.5em auto; width: 945px; position: relative;}
#header {width: 100%; margin: 0; float: left; padding:24px 0 0 0; clear: both;}
	#header h1 { float:left; background: url(/now/images/css/layout/tr_logo_40.gif) no-repeat top right; height: 60px; width: 935px; min-width: 930px; }
	#header h1 a { float:left; text-indent: -9999px; width: 445px;	background: url(/now/images/css/layout/nav/site_scientific.png)  no-repeat top left; margin: 0 0 0 13px; *margin: 0 0 0 8px; display: block;overflow:hidden; border-bottom: medium none; height: 60px}
	#header h1 a#trlogo {float: right; background: url(/now/images/css/layout/tr_logo_40.gif) no-repeat top right; height: 60px;  text-indent: -9999px; }


#search	{ background: #f1f1f1; width: 250px; height: 32px; float:right; }
		#search * { vertical-align: middle; }
		#search label { position: absolute; left: -9999px; }
		#search p { padding: 0; margin: 6px 0 0 0; *margin: 5px 0 0 0}
			#search p input {}
			#search p #searchfield { width: 132px; margin: 0 11px 0 20px; }
		.hidden { visibility:hidden; }

#login	{ background: #f1f1f1; padding: 4px; }

#nav { float:left; width: 100%; height: 32px; background: #f1f1f1;xborder-bottom:1px solid #e1e2e3; xborder-top:1px solid #e1e2e3;}
				
				
/*-- container for the text area of page (main + secondary + tertiary --*/				
	#content { float: left; clear:both; margin: 0; width: 100%; }

/*-- the primary content on the page  --*/
	#main {float: left; width: 448px;  margin: 0 10px 0 0;  padding: 0; } 

/*-- pages with no tertiary nav  --*/
	#mainFull {float: left; width: 620px; margin: 0 10px 0 0;  padding: 18px 0; } 

/*-- pages with no secondary and no tertiary nav  --*/
	#mainProduct {float: right; width: 776px; margin: 0 20px 0 0;  padding: 18px 0;} 

	/*-- divide the main body column into sections --*/
		.half {width: 48%; float: left;}
		 	.last_half { width: 48%; float: right; margin-left: 12px;}
		/* .third {width: 30%; float: left;} */
		.third, .last_third { float: left; width: 30%; margin-right: 20px; }
		.last_third { margin-right: 0; }
	
/*-- the secondary navigation - in this case the left hand accordion--*/
	#secondary {float: left; width: 208px; margin: 0px 10px 0 0px; padding-left: 40px; }
/*-- the secondary column in popups - no content --*/
	#secondary_popup {float: left; width: 10px; }

/*-- the third level navigation - in this case right hand calls to action --*/
	#tertiary {float: left; width: 216px; height: 325px; position:relative; top: 240px; left:-10px; border:#0099cc solid; border-width:2px;};
	

	#tertiaryquote {float: left; width: 260px; height: 232px; position:relative; top: 265px; left:-5px; background-color:#ffffff; FONT-SIZE: 10pt; COLOR: #401e6c; font-style: italic; padding:5px;};
	
	
	#tertiarywhite {float: left; width: 260px; height: 232px; position:relative; top: 265px; left:-5px; background-color:#ffffff; padding:5px;};

	
		.callout {padding-left: 6px;}


.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

#skip, img.logo { position: absolute; left: -9999px; }


/*-------------------------------------------
    MENUBAR
-------------------------------------------*/


#menubar {width: 700px; float: left; padding: 2px 0; margin: 4px 0 0 6px; list-style: none;  padding: 0;}
#menubar a{display: block; color: #8e8e8e; text-decoration: none; border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 11px;}
	#menubar a.trigger {padding: 4px 10px 5px 10px;}
#menubar li {float: left; position: relative; background: none; padding: 0; margin: 0; }

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}

/*--- dropdown menu secondary items ---*/

#menubar li ul, #menubar ul li  {width: 140px;}
#menubar ul li {padding: 0; margin: 0}
#menubar ul li a  {padding: 3px 5px; margin: 0 3px}
#menubar ul li a strong  {color: #0078ae; }
#menubar li ul {position: absolute; z-index: 3;	display: none;background-color: #fff; border: 1px solid #d5d5d5; border-bottom: 1px solid #888; border-right: 1px solid  #bababa; padding: 6px 0; list-style-type: none; }
#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a {color: #444; background: #dcdcdc}
#menubar li:hover ul, #menubar li.hvr ul {display: block; margin: 0;}
#menubar li:hover ul a, #menubar li.hvr ul a {color: #222;background-color: transparent;}
#menubar ul a {color: #0078ae !important; text-transform: none; font-weight: normal; border-bottom: 1px solid #eee; text-align: left; background-image: none !important; outline: none; -moz-outline-style: none; }
	#menubar ul a.last {border-bottom: none;}
#menubar ul a:hover {background: #f2f2f2 !important;color: #444 !important;}

/*-------------------------------------------
    BREADCRUMB
-------------------------------------------*/

#breadcrumb {margin: .5em 0 0 16px; *margin-left: 17px; }
#breadcrumb li { color: #5a5b5b; font-size: 11px; background: transparent url(/now/images/css/layout/breadcrumb_marker.gif) no-repeat left center; padding-left: 8px; display: inline; left: 0; }
#breadcrumb li.first { background: none; padding: 0; }
#breadcrumb a { color: #005A84; border: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #00375E; text-decoration: underline;}


/*-------------------------------------------    
    Secondary Navigation 
-------------------------------------------*/

* html #secondary { display: inline; }
	
	/* First level of subnav */
	#secondary ul.subnav li { border-bottom: 1px solid #fff; background: none; padding: 0; margin: 0; }
	#secondary ul.subnav li.first { margin-top: 10px; }
		#secondary ul.subnav a, body.home #business_units a { color: #ffffff; font-weight:bold; text-transform: uppercase; letter-spacing: 0.1em; background: #666666 url(/now/images/css/layout/subnav-marker.gif) no-repeat 5px 0.4em; display: block; font-size: 9px; padding: 0.3em 10px 0.3em 10px; border: none; }
		* html #secondary ul.subnav a { height: 1%; background-position: 5px 0.45em; } /* for IE6 */
		* + html #secondary ul.subnav a { background-position: 5px 0.6em; } /* for IE7 */
		#secondary ul.subnav a:hover, #secondary ul.subnav a:focus, body.home #business_units a:hover, body.home #business_units a:focus { color: #fff; background-color: #0099cc; background-image: url(/now/images/css/layout/subnav-marker-over.gif); }
			#secondary ul.subnav a:hover span, #secondary ul.subnav strong span { color: #fff; }
		#secondary ul.subnav strong { color: #fff; font-weight:bold; text-transform: uppercase; letter-spacing: 0.1em; background: #0099cc url(/now/images/css/layout/subnav-marker-on.gif) no-repeat 5px 0.4em; display: block;font-size: 9px; padding: 0.3em 10px 0.3em 10px; }
		* html #secondary ul.subnav strong { background-position: 5px 0.45em; } /* for IE6 */
		* + html #secondary ul.subnav strong { background-position: 5px 0.6em; } /* for IE7 */
		
		/* Second level of subnav */
		#secondary ul.subnav ul { margin: 0; }
			#secondary ul.subnav ul li { border-bottom: 1px solid #eeeff0; }
				#secondary ul.subnav ul a { text-transform: none; letter-spacing: 0; background: transparent url(/now/images/css/layout/subnav-nested-marker.gif) no-repeat 5px 0.4em; font-size: 12px; }				
				#secondary ul.subnav ul strong { color: #0099cc; text-transform: none; letter-spacing: 0; background: transparent url(/now/images/css/layout/subnav-nested-marker-on.gif) no-repeat 5px 0.4em; font-size: 12px; font-weight: bold; }
				* html #secondary ul.subnav ul a, * html #secondary ul.subnav ul strong { background-position: 5px 0.6em; } /* for IE6 */
				* + html #secondary ul.subnav ul a, * + html #secondary ul.subnav ul strong { background-position: 5px 0.6em; } /* for IE7 */
				
				/* Third level of subnav */
				#secondary ul.subnav ul ul li { border: none; }
					#secondary ul.subnav ul ul li a, #secondary ul.subnav ul ul li strong { background: transparent url(/now/images/css/layout/chevron.gif) no-repeat 25px 0.75em; font-size: 11px; padding-left: 35px; }
					#secondary ul.subnav ul ul li a:hover, #secondary ul.subnav ul ul li a:focus { background: transparent url(/now/images/css/layout/chevron.gif) no-repeat 25px 0.75em; color: #f79901; }
					#secondary ul.subnav ul ul li strong { color: #303232; }	


/*-------------------------------------------
    FOOTER
-------------------------------------------*/

#footer-wrap { clear: both; position: relative; top: 0; width:945px; background-color: #fff; padding:0 }
#footer {float: left; width: 100%; margin: 3em 0 0 0; background: #eeefef; clear: both; height: 24px; padding-top: 8px}
#footer * { color: #97969a; display: inline; font-size: 11px; text-transform: uppercase; }
	#footer address { padding-left: 21px; margin-right: 30px; }
#footer ul {list-style: none; }
	#footer li {background: none; margin: 0; padding: 0;}
#footer li a { color: #807f83; border-bottom: 1px solid #e3e5e6; margin-right: 2em;}
#footer li a:hover, #footer li a:focus { color: #86888b;}


/*-------------------------------------------    
    PRESS RELEASES STYLES
-------------------------------------------*/

#releases h4, #releases h4 a, #releases h4 a span { color: #005A84; font-size: 15px; font-weight: bold; margin: 0 0 0.75em; text-transform: none !important; } 
#releases h4.subtitle, #releases h4.subtitle ul li {color: #afaeb2;  font-style: italic; font-size: 13px; font-weight: normal !important; margin: 0 0 18px; text-transform: none !important; letter-spacing: normal !important;}
#releases h4.selected, #releases h4.selected a { color: #726e6d; }
#wrap ul.meta { list-style: none; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; margin: .75em 0 1em; }
	#wrap .meta li { background: none; display: inline; padding: 0; margin: 0; color: #727272; }
	#wrap .meta .type { color: #505050; font-weight: bold; }
	#wrap .sub ul.meta { margin-top: 0; }
		#wrap .sub ul.meta li { background: none; }
	
#wrap ul.tools { list-style: none; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 1em; }
#wrap #content h3 + .tools { margin: -.3em 0 1.5em; }
	#wrap .tools li { border-left: 1px solid #cfcecf; padding: 0 0.3em 0 0.75em; display: inline; background: none; }
	#wrap .tools li:first-child { padding-left: 0; border: none; }
	#wrap .tools li.first { padding-left: 0; border: none; }
		#wrap .tools a { color: #006699; border: none; }

#main ul.sessions { list-style: none; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 1em; }
	#main .sessions li { border-left: 1px solid #cfcecf; padding: 0 0.3em 0 0.75em; display: inline; background: none; }
	#main .sessions li:first-child { padding-left: 0; border: none; }
	#main .sessions li.first { padding-left: 0; border: none; }

.rss {  background: transparent url(/now/images/css/layout/small_rss.gif) no-repeat right 1px !important; padding: 0 17px 0 10px !important;  margin-left: 7px; border-left: 1px solid #e1e2e3; }


/*-------------------------------------------
    IIFL ARTICLE STYLES
-------------------------------------------*/

#bigquote {}
/* #bigquote .start { background: transparent url(/now/images/css/layout/quote_open4.png) no-repeat top left; padding-left: 46px !important; display: block; } */
#bigquote .start { float: left; width: 46px; height: 34px; background: transparent url(/now/images/css/layout/quote_open4.png) no-repeat top left; }
#bigquote .stop { background: transparent url(/now/images/css/layout/quote_close4.png) no-repeat right bottom; padding-right: 46px; border-bottom: none !important; }
#bigquote cite { color: #5a5b5b; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: right; display: block; margin: 8px 0; letter-spacing: 1px;}



/*-------------------------------------------    
    HERO AREA
-------------------------------------------*/		
#hero { padding: 20px 10px; float: left; width: 900px; margin: 0 20px 10px; }
* html #hero { margin-left: 10px; }
	#hero p { color: #fff; line-height: 1.3; }
	#hero .blurb { float: right; width: 196px; margin: 0 8px 0 0; line-height: 1.3; }
		#hero .blurb h3 { color: #006699; font-size: 18px; font-weight: normal; line-height: 1.3; margin-top: 0px !important; }

	#hero .subnav { width: 220px; float: left; margin: 0; }
		#hero .subnav li { background: none; margin: 0 0 0.25em; }
			#hero .subnav a { color: #4c4c4d; border: none; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; background: transparent url(/now/images/css/layout/hero-marker.png) no-repeat 0 0.4em; display: block; padding: 0.3em 10px 0.3em 20px; }
			* html #hero .subnav a { background: transparent url(/now/images/css/layout/hero-marker.gif) no-repeat 0 0.5em; height: 1%;}
			* + html #hero .subnav a { background-position: 0 0.6em; }
			#hero .subnav a:hover, #hero .subnav a:focus { color: #ff8000; background-image: url(/now/images/css/layout/hero-marker-over.png); }
			* html #hero .subnav a:hover, * html #hero .subnav a:focus {  color: #ff8000; background-image: url(/now/images/css/layout/hero-marker-over.gif); }	




/*-------------------------------------------
    TABLES
-------------------------------------------*/

/*table { border-collapse: separate; width:100%; margin:0; border:0; }
caption {text-align: left; padding: 12px 0 3px 3px; color: #666; font-size: 12px; font-weight: bold; letter-spacing: .03mm; text-transform: uppercase;}
.alt td { background-color: #f8f8f8 }
.trbg { background:#f8f8f8; }
	th, td { font-size:12px; padding:3px 5px; vertical-align: top; color:#505050; empty-cells: show}
		th { background-color:#f1f1f1; color:#787878; font-weight:bold; text-align: left;}
			 th a {text-decoration: none; border-bottom: 1px solid #dedede !important; color: #5a5b5b !important; font-weight: bold;}
			 	 th a:hover {color: #c0c0c0 !important}
    	 	 .number { text-align:right !important; padding: 3px 5px 3px 1px; }
		.cell_center {text-align: center !important; padding: 3px 5px 3px 1px;}
/* the following class is for use on tables with sortable column heads; use td for column heads instead of th */
	/*table thead td{ font-weight:bold; cursor:pointer; text-decoration: underline; color: #00375E; background-color:#f1f1f1; }*/


/*------------------------------------------
    FORMS
-------------------------------------------*/
fieldset {border: none; border-top: 1px solid #e1e2e3; margin: 20px 0; padding: 4px 0;}
fieldset .half, fieldset .last-half {width: 200px !important; padding-left: 3px !important;}
fieldset .whole {width: 390px; padding-left: 3px}
legend {font-size: 12px; color: #444; text-transform: uppercase; font-weight: bold;  letter-spacing: .02cm; padding-right: .3em}
select { width: 95%; }
	p select {  margin-bottom: 5px;  }
select optgroup {
	/* font-style:italic; */
	font-weight: bold;
}
select optgroup option {
	margin-left: 20px;
}
input, textarea {width: auto; margin: 0 6px 0 0;}
	input.aligned { margin-top: 24px !important; }
	input.aligned_bottom { margin-top: -16px !important; }
	.callout input { margin-bottom: 10px; }
	input.img_input_l { width: auto !important; float: left; margin-right: 16px;}
	input.img_input_r { width: auto !important; float: right; margin-right: 16px;}
	input.img_input { width: auto !important; float: right; margin-right: 16px; margin-bottom: 8px;}
        input.img_input_go { width: auto !important; float: right; margin-top: -22px; padding-right: 14px}
.small {width: 50px; }
.smallmed {width: 70px;}
.smalllarge {width: 100px;}
.medium {width: 146px; }
.large {width: 200px;}
	.large_google {width: 200px; background-color:#ffffa0;}
.xlarge {width: 360px;}
label {color: #5a5b5b; font-size: 12px; display: block; margin: 5px 8px 0 0;  } 
	label em {margin: 0 6px 0 6px; font-weight: bold;  color: #f00 !important;}
	.required {color: #f00 !important; font-weight: bold !important;}
        .left_label {width: 160px; min-width: 160px !important; float: left; margin: 2px 10px 15px 0; clear: left; text-align: right;}
        .left_input {margin-bottom: 15px;}
        .left_area {margin-top: 22px;}
.submit { width:95%; text-align:right; }
	.formbutton { font-size: 11px; font-weight: normal; text-transform:uppercase; color: #FFFFFF; background-color: #FF9100; border: 0; letter-spacing: 1px; }
.main form p, #main form p, #mainFull form p, .callout form p { margin: 6px 0 5px 0 !important;}
form strong {color: #5a5b5b; margin-left: 3px;}

ul.checkboxes {padding: 0; margin-top: .6em; *margin-top: .4em; }
         ul.checkboxes li { list-style: none;  background: none !important;  clear:both; height: auto; overflow: auto;}
         ul.checkboxes li input {float: left; }
         ul.checkboxes li label {margin: -2px 2em 0 .1em; *margin: 0 2em 1em 0; float: left; clear: right;}

ul.form_list  {margin: .3em 0;} /*-- use for radio button and checkbox arrays -- */
	.form_list li {display: inline; background: none; margin-right:1em; padding: 0}
	.form_list_label {margin-top: 1em;}

div.formbuilder { margin-bottom: 10px; padding: 7px; }
div.formbuilder label { display:block;  float:left; width:200px;  margin-right: 1em; text-align:right; }
div.formbuilder p label { clear:both; }



/*-------------------------------------------    
    TABSET STYLES
-------------------------------------------*/

dt { color: #231f20; font-size: 11px; font-weight: bold; margin-top: 1.4em; }
dd { font-size: 12px; }

blockquote { background: #fcfcfc url(/now/images/css/layout/blockquote-bg.gif) repeat-x left top; margin-top: 8px; }
	blockquote p {  color: #006699; margin: 20px 15px 10px 15px; padding: 0 15px !important; }
             .sub blockquote, #tertiary blockquote {border-top: 0;}
             .sub blockquote p, #tertiary blockquote p {margin: 10px 0 10px 0; padding: 10px 10px 0 0 !important}
	blockquote cite { color: #5a5b5b; text-transform: uppercase; font-size: 11px; text-align: right; display: block; margin: 10px 15px}
	blockquote .date { color: #8b8c8c; padding-left: 5px; }

	/*\*/ .tabset-active .tabset dt a, .rss-link, #secondary p a { overflow: hidden; } /**/


/*-------------------------------------------    
    Headings
-------------------------------------------*/

h3 { color: #006699; font-size: 15px; font-weight: bold; margin: 20px 0 10px 0; line-height: 1.1em; }
		.tabset h3, body.products_services .has_sub h3, body.main .main h3, body.mainFull .mainFull h3, body.mainProduct .mainProduct h3 {margin: 0 0 10px 0 !important; padding: 10px 0 0 0 !important; border-top: 0 !important}


dl.tabset p, dl.tabset h4, dl.tabset h3, dl.tabset h5, dl.tabset ul {margin-left: 0 !important;}


/*-------------------------------------------    
    .has_sub classes for tabsets
-------------------------------------------*/
.has_sub strong em, .has_sub em strong {font-style:italic; font-weight: bold; }
	.has_sub ul li, .has_sub ul ul li {margin-bottom: 1em !important; margin-left: 10px;}
        /*.has_sub ul, .has_sub ul ul {margin-bottom: 0.4em !important;}*/
		.has_sub ul {margin-left: 0 !important; margin-right: 20px; }
		.has_sub ol li {margin-bottom: 0.8em;}
		.tabset h3, body.main .has_sub h3 { border: none; overflow: visible; clear: both; min-height: 1px; }
	.has_sub h5 {margin-bottom: .7em;}
.sub { float: left; width: 227px; margin: 0 0 2em 20px; width: 210px; }
	.sub .sub_alt { border-top: 1px solid #e1e2e3;}
.main .has_sub { border-top:none; padding-top:0; }
.has_sub form p, .sub form p { margin: 6px 0 5px 0 !important;}
.has_sub .expand_list {margin-right: 0 !important;}
.business_units .full .has_sub .img_container .img_details h4 a, .business_units .full .has_sub .img_container .img_details h4 {text-transform: none  !important; font-size: 13px !important; font-weight: bold;  letter-spacing: 0; margin-top: 0 !important; margin-bottom: .7em}


.has_sub { float: left; width: 468px; }
* html .has_sub { width: 468px; }
	.has_sub .half, .has_sub .last_half { float: left; width: 220px; margin-right: 20px; }
	* html .has_sub .half { margin-right: 0; }
	.has_sub .last_half { margin-right: 0; }
	.has_sub .third, .has_sub .last_third { float: left; width: 140px; margin-right: 20px; }
	* html .has_sub .third { margin-right: 10px; }
	.has_sub .last_third { margin-right: 0; }
	* html .has_sub .last_third { margin-right: 0; }

	#mainFull .has_sub { width: 620px; }
	* html #mainFull .has_sub { width: 600px; }

/*-------------------------------------------    
    Tabset - Old Styles
-------------------------------------------*/
/* .main .tabset, .wrap .tabset, .mainFull .tabset, .mainProduct .tabset { background:#fff; margin-top:-16px; border-top: 1px solid #e1e2e3; }
.tabset dt { background: #fff; color: #5a97c4; font-size: 13px; display: block; height: 38px; margin-bottom: 10px; }

.tabset-active .tabset dt { background:none; float:left; font-weight:normal; padding:0; margin:0 0 0 2px !important; }
	.tabset-active .tabset dt.first { margin: 0;}
		.tabset-active .tabset dt  { color: #5a97c4; display:block; font-size:13px; margin-bottom:10px; padding:8px 12px 0 0; border-bottom: none !important; }
	.tabset-active .tabset dt a { color: #5a97c4; display:block; font-size:13px; font-weight: bold; margin-bottom:10px; padding:0 14px 0 0; border-bottom: none !important; background: transparent url(/now/images/css/layout/tab-divider.gif) no-repeat right center}
		.tabset-active .tabset dt a:hover, .tabset-active .tabset dt a:focus { color: #75b2d5;}
	.tabset-active .tabset dt.selected { color: #555; }
		.tabset-active .tabset dt.selected a, .tabset-active .tabset dt.selected a:hover, .tabset-active .tabset dt.selected a:focus { color: #555; font-weight: bold;}
.tabset-active .tabset dd { border-top:1px solid #e1e2e3; color: #f36f27; clear:left; display:none; padding-top:20px; position:relative; top:-10px; }
.tabset-active .tabset dd.selected { display:block; }
.tabset-active .tabset dd > h5:first-child, .tabset-active .tabset dd > h4:first-child {margin-top: 0;}
.about .full .tabset dd li {margin-right: 70px;} */


/*-------------------------------------------    
    Tabset Revised Styles
-------------------------------------------*/
.main .tabset, .wrap .tabset, .mainFull .tabset, .mainProduct .tabset { background:#fff; margin-top:-16px; border-top: 1px solid #e1e2e3; }
.tabset dt { color: #ffffff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; display: block; height: 24px; margin-bottom: 10px; }

.tabset-active .tabset dt { background:none; float:left; padding:0; margin:0 0 0 2px !important; }
	.tabset-active .tabset dt.first { margin: 0; margin-left: 0 !important;}
		.tabset-active .tabset dt { background-color: #c6c6c6; }
	.tabset-active .tabset dt a { color: #ffffff; background-color: #86888b; display:block; padding:2px 7px 2px 7px; border-bottom: none !important; background: transparent url(/now/images/s.gif) no-repeat right center;}
		.tabset-active .tabset dt a:hover { background-color: #f99300; height: 20px;}
	.tabset-active .tabset dt.selected { background-color: #86888b; }
		.tabset-active .tabset dt.selected a, .tabset-active .tabset dt.selected a:hover, .tabset-active .tabset dt.selected a:focus { color: #ffffff; }
		.tabset dt a:hover { _width: 130px;}
.tabset-active .tabset dd { border:2px solid #e1e2e3; color: #f36f27; clear:left; display:none; padding: 10px; padding-top:20px; position:relative; }
.tabset-active .tabset dd.selected { display:block; }
.tabset-active .tabset dd > h5:first-child, .tabset-active .tabset dd > h4:first-child {margin-top: 0;}
.about .full .tabset dd li {margin-right: 70px;}


/*-------------------------------------------    
    Tabset as lists
-------------------------------------------*/
.tabset { position: relative; }

ul.tabs { list-style: none; margin: 0; padding: 0; }
* html ul.tabs { height: 1%; }
ul[class~="tabs"] { position: relative; top: 1em; margin: -1em 0 0; }
* + html ul.tabs { margin: 0; height: 1%; top: 0; }
	#content ul.tabs li { float: left; background: none; margin: 0 1px 0 0; padding: 0; border: none; }
		ul.tabs a { display: block; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; border: none; text-decoration: none; background: #c6c6c6; font-size: 11px; padding: 0.3em 5px; }
		ul.tabs a:hover, ul.tabs a:focus { background-color: #f99300; color: #fff; border: none; }
		ul.tabs a.active, ul.tabs li.ui-tabs-selected a { background-color: #86888b; color: #fff; }
		
.tab { padding: 1em 10px; margin: 0 0 1.5em; clear: left; }




/*----List/Tabs-----------------------------*/
* html .expand_list li.first { border-top: 1px solid #e4e4db;  }
* html dl.tabset { margin-bottom: 0px; }
* html .tabset-active .tabset { height:1%; position:relative; }
* + html .tabset-active .tabset { height:1%; }
* html .tabset-active .tabset dd { float:left; width:100%; }
* html .tabset-active #home_primary .tabset dd,
* html .tabset-active .sub .tabset dd { float:none; width:auto; }

/*-------------------------------------------
    sIFR
-------------------------------------------*/
.sIFR-flash {visibility: visible !important; margin: 0;	padding: 0;}

.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}

.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block; overflow: hidden;}

html.sIFR-active h2 { min-height: 30px; }
* html.sIFR-active h2 { height: 30px; }


body.sIFR-active h3 { padding-bottom:0;}
* html body.sIFR-active h3 { padding-bottom:6px; }
* + html body.sIFR-active h3 { padding-bottom:6px;}

* html.sIFR-active h2, * html.sIFR-active h2.small_title, * html.sIFR-active h3,  * html .sIFR-active h3.tagline  { visibility:hidden; }
* + html.sIFR-active h2, * + html.sIFR-active h3 { visibility: hidden; }


/*-------------------------------------------
    Flash Holder
-------------------------------------------*/
body.tertiary #flash_holder  { background: transparent url(/now/images/css/layout/s.gif) no-repeat;}
#feature { background: #fff url(/now/images/css/layout/s.gif) no-repeat; clear: both; margin: 0 0 14px 0; width: 190px; overflow-x: hidden; }
	#flash_holder { float: left; line-height: 0; }
		#flash_holder * { margin: 0; padding: 0; }

body.main #flash_holder  { background: transparent url(/now/images/css/layout/s.gif) no-repeat; height: 257px;}
#feature { background: #fff; clear: both; margin: 0 0 14px 0; width: 427px; overflow-x: hidden; }
	#flash_holder { float: left; line-height: 0; }
		#flash_holder * { margin: 0; padding: 0; }

body.mainFull #flash_holder  { background: transparent url(/now/images/css/layout/s.gif) no-repeat; height: 257px;}
#feature { background: #fff; clear: both; margin: 0 0 14px 0; width: 600px; overflow-x: hidden; }
	#flash_holder { float: left; line-height: 0; }
		#flash_holder * { margin: 0; padding: 0; }



/*-------------------------------------------    
    Expand/Contract List -  FAQs
-------------------------------------------*/
.border_tb { float: left; width: 468px; _width: 450px; margin: 0 30px 0 0;  padding: 18px 0; }
#mainFull .border_tb { width: 620px; _width: 602px; }
.expand_list { margin-bottom: 0; margin-right: 20px !important; }
.main .expand_list { margin-right: 0 !important;}
#wrap .expand_list li { background: none; padding-left: 0; margin-bottom: 0; }
* html #wrap .expand_list li dl { height:1%; overflow:hidden; }
* + html #wrap .expand_list li dl { height:1%; overflow:hidden; }
#wrap .expand_list li.select { border-top: 8px solid #E1E2E3 !important;  border-bottom: 8px solid #E1E2E3;  }
#wrap .expand_list li.first { border-top: none}
#wrap .expand_list li.last { border-bottom: none;  padding-bottom: 10px;}
	#wrap .expand_list dl { margin-bottom: 0;  padding: 10px 0 0; border-top: 1px solid #E1E2E3;  }
		#wrap .expand_list dt { color: #00375E; text-decoration: none; cursor: pointer; margin: 0 0 10px; font-size: 12px; font-weight: bold !important;  }
		#wrap .expand_list dt.selected { font-size: 15px; text-decoration: none; }
/*        #wrap .expand_list dt:hover { font-weight: bold; color: #75b2d5; }
        #wrap .expand_list dt a:hover em { font-weight: bold; font-style: italic; color: #75b2d5; } */
            #wrap .expand_list dt a {font-weight: bold; border-bottom: none !important;}
            #wrap .expand_list dt a em {font-weight: bold; font-style: italic; border-bottom: none !important;}
		#wrap .expand_list dd { overflow:hidden; }
		#wrap .expand_list dd.block_section { display: none; }


/*-------------------------------------------
    REDBOOK specific classes
-------------------------------------------*/
.quote {
	FONT-SIZE: 10pt; COLOR: #401e6c; font-style:italic;
}

.quoteAuthor {
	FONT-SIZE: 8pt; COLOR: #86888b; font-weight:bold;
}

.tabSelected {
	width:205px;
	height:27px;
	background-color:#006699;
	position:relative;	
	float:left;	
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:bold;
}

.tabDeselected {
	width:205px;
	height:27px;
	background-color:#86888b;
	position:relative;	
	float:left;	
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:bold;
}

/* Amanda addition below of .minitabSelected */

.miniTabSelected {
	width:95px;
	height:60px;
	background-color:#006699;
	position:relative;	
	float:left;	
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:bold;
	border-right:1px #FFFFFF solid;
}

.miniTabDeselected {
	width:95px;
	height:60px;
	background-color:#86888b;
	position:relative;	
	float:left;	
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:bold;
	border-right:1px #FFFFFF solid;
}

/* end of .miniTabs */




.tabLink {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.rely {
	background-image:url(../images/relyback.gif);	
	background-color:#ff7500;
	padding-top:5px;
	padding-bottom:5px;
}

.relyText {
	color:#FFFFFF;
}


#logo {
	padding-left:25px;
}

#bluebox {
	background-color:#006699;
	color:#ffffff;
	width: 220px;
	height: 219px;
	position:absolute;
	top:78px;
	left:706px;
	}
	
#blueboxtitle {
	color:#ffffff;
	font-size:28px;
	font-style: normal;
	line-height: 30px;
	padding:10px;
	}
	
#blueboxtext {
	color:#ffffff;
	font-size:18px;
	padding:10px;
	line-height: 20px;
	font-weight: 100;

	
	}	

#bluemonopolytitle {
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-top: 10px;
	padding-bottom:10px;
	color: #666666;
	line-height: 14px;
	width:160px;
	}