/* ================ COLORS ====================== 


   ORANGE (for h2 page title, #main h3 headings, h6, and footer link hover): #ff9100;
   
   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): #727272; 
   - 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

   TURQUIOSE (for links): #0078ae;
   LIGHT TURQUIOSE (for hover / active links: #75b2d5; 
   
 ================ END COLORS ======================  */

* { margin: 0; padding: 0; line-height: 1.5; color: #727272; font-style: normal; font-weight: normal;  }
body {font: normal 12px Arial, Helvetica, sans-serif; background:url(hihifrds/bodybg.gif) top repeat-x #828282; border-top: none; }

h1, h2, h3, h4, h5, h6, table { clear: both; }

p {margin: 0 0 1em 0; }

a, a:visited { color: #0078ae; border-bottom: 1px solid #dae7f2; text-decoration: none; }

a:hover, a:focus { color: #75b2d5; }
ul {margin: .5em 0;}
ul li {list-style: none; background: transparent url(hihifrds/list-marker.gif) no-repeat left 0.6em; padding-left: 13px; margin-bottom: 0.2em; margin-left: 0 !important }


ul.pre, ul.trade, ul.post{clear:both;margin-bottom:25px;}
ul.pre li {list-style: none; background: transparent url(hihifrds/bulletgreen.gif) no-repeat left 0.6em; padding-left: 25px; margin-bottom: 0.2em; margin-left: 0 !important }
ul.trade li {list-style: none; background: transparent url(hihifrds/bulletred.gif) no-repeat left 0.6em; padding-left: 25px; margin-bottom: 0.2em; margin-left: 0 !important }
ul.post li {list-style: none; background: transparent url(hihifrds/bulletyellow.gif) no-repeat left 0.6em; padding-left: 25px; margin-bottom: 0.2em; margin-left: 0 !important }


ul.nobullet li{background:none;}

	#secondary ul li, #tertiary ul li {margin-bottom: .2em}
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}

blockquote { float: right; width: 100%; background: #fcfcfc url(hihifrds/blockquote-bg.gif) repeat-x left top; margin: 8px 0 0 10px; border-top: 1px solid #babcbe; border-bottom: 1px solid #e1e2e3; clear: both; }
	blockquote p { margin: 8px 15px 10px 8px; 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: #5a5b5b; text-transform: uppercase; font-size: 11px; text-align: right; display: block; margin: 8px 15px}

strong {font-weight: bold; color: #666}
em {font-style: italic;}

img { border: none; margin-bottom: 10px; }
      a img, img a {border-bottom: none !important;}
	.float_right {float: right; margin-left: 1em;}
	.float_left {float: left; margin-right: 1em;}

hr {border: 0; height: 1px; color: #e1e2e3; border-bottom: 1px solid #e1e2e3;  margin-top: 0px; margin-bottom: 10px;clear:both;}
hr.noMargin{margin:0 0 10px 0;}

/*-------------------------------------------
   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: 15px; text-transform: uppercase; color: #ff9100; margin: 0; float:left; clear:none; border-top:1px solid #e1e2e3;border-bottom:1px solid #e1e2e3; width:560px; }
h2.second {color:#666;width:165px;margin-bottom:15px;}
h3 {font-size: 15px; color: #ff9100; text-transform: uppercase; margin: 0 10px 0 0; float:left; }


h3.trade{color:#78A22F;clear:none;}
h3.pre{color:#0183BF;clear:none;}
h3.post{color:#FFB400;clear:none;}
h3.title{float:left;margin:0px;padding-bottom:5px;}

h3.gray{color:#666;margin-top:15px;}
	
#secondary h3 {text-transform: uppercase; color: #5a5b5b; font-size: 12px; margin: 2em 0 1em 0; border-top: none}
#main h3.first, #secondary h3.first, #tertiary h3.first {}	
#tertiary h3 {color: #ff9100; width:140px; font-size:15px; border-bottom: 1px solid #e1e2e3; margin: 0; padding: 0; float:none;}
#tertiary h2{width:140px;margin:10px 0;}
h4, h5, h6 {margin: 1.5em 0 .5em 0;}
h4 {font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
h5 {font-size: 11px; color: #97969a; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
h6 {font-size: 11px; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}

	#tertiary h4{padding:0;margin:0 0 6px 0;color:White;letter-spacing: 0px;padding:4px 10px; }
/*-------------------------------------------
   LAYOUT
-------------------------------------------*/

#wrap { background: #fff; margin: 1.5em auto 1.5em auto; width: 960px; position: relative; }
#header {width: 100%; margin: 0; float: left; padding:24px 0 0 0; clear: both;position:relative;}
	#header h1 { float:left; /*background: url(hihifrds/tr_logo_40.gif) no-repeat top right;*/ height: 60px; width: 935px; min-width: 930px;}
	#header h1 a { float:left;  text-indent: -9999px; width: 500px;	background: url(hihifrds/dealing.gif)  no-repeat 30px 10px; margin:0;  display: block;overflow:hidden; border-bottom: medium none; height: 60px}
	#header img.TRlogo{width:178px; height:40px;position:absolute;top:24px;right:24px;}
	
#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; }

#nav { float:left; width: 940px; height: 32px;  border-top:1px solid #e1e2e3;padding:0 0 0 20px;border-bottom:1px solid #e1e2e3;}
#subNav { float:left; width: 100%; height: 32px; border:none; background:#efefef;}
								
/*-- 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: 605px;  margin: 10px 0 0 0;  padding: 0px 5px 0 26px; border-right:1px solid #e1e2e3;}
	#main.wide{width:750px;border-right:none;border-right:1px solid #e1e2e3; }
	#mainContent{float:right;width:535px;margin:0;padding-right:30px;}
	#main.widest{width:750px;border-right:none;border-right:1px solid #e1e2e3; } /*  this is for admin  */
	
	.intro{width:550px;}

	.mainposition{position:relative;}	

	/*-- divide the main body column into sections --*/
		.half {width: 48%; float: left;}
		 .last_half { width: 49%; float: right;}
		.third {width: 30%; float: left;margin-right:18px;}

		 .survey_half {width: 46%;float: left;border:10px solid #eaeaea;}
		 .survey_last_half { width: 46%; float: right;border:10px solid #eaeaea;padding-left:10px;}
		
		#Columns{clear:left;}
	
/*-- the secondary navigation - in this case the left hand accordion--*/
	#secondary {float: left; width: 160px; margin: 0px 20px 0 0;  padding: 0;  }

/*-- the third level navigation - in this case right hand calls to action --*/
	#tertiary {float: right; width: 280px;  margin: 5px 0px 0 0;  padding:0 20px 0 0; }
		.callout {padding-left: 6px;}
		.highlightCallout{float:right;padding-right:20px;}
		
		#LoginContent{float:right;width:360px;}

.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; }

.wideContent{width:500px;margin:10px 0 0 2px;}
/* */
.login{color:#ff9100; font-weight:normal; font-size:1.6em;text-transform:none;line-height:normal;margin:0;}	
.loginSub{color:#999; font-weight:bold; text-transform:none;font-size:1.1em;line-height:1.7em;padding:0 0 8px 0;}	
.loginTitle{margin:8px 0 12px 0;border-bottom:solid 1px #f1f1f1; width:100%;}

/*-------------------------------------------
    MENUBAR
-------------------------------------------*/


#menubar {width: 920px; float: left; padding: 1px 0; margin: 3px 0 0 0px; 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 a.triggeron {padding: 4px 10px 5px 10px; background:#ddd; color:#666;}
#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 li ul {position: absolute;	display: none;background-color: #fff; border: 1px solid #cecece; border-bottom: 1px solid #888; border-right: 1px solid  #bababa; padding: 6px 0; list-style-type: none; }

#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 li a:hover {color:#333;}



/*-------------------------------------------
    BREADCRUMB
-------------------------------------------*/

#breadcrumb {margin: .5em 0 0 16px; *margin-left: 23px;}
#breadcrumb li { color: #404040; font-size: 11px; background: transparent url(hihifrds/breadcrumb_marker.gif) no-repeat left center; padding-left: 8px; display: inline; left: 0; }
#breadcrumb li.first { background: none; padding: 0; }
#breadcrumb a { color: #97969a; border: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #babcbe;}


/*-------------------------------------------
    SECONDARY NAV
-------------------------------------------*/

#secondary ul {list-style: none;margin:0px;}
	#secondary li {border-bottom: 1px solid #f5f5f5; margin: .5em 0; background: none; padding: 0;}
	#secondary li a {border-bottom: none; }
	#secondary li a#active {color: #555}



/*-------------------------------------------
    FOOTER
-------------------------------------------*/

#footer-wrap { clear: both; position: relative; top: 0; width:960px; 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: #ff9100;}

#footer a{color:red;}


/*-------------------------------------------
    TABLES
-------------------------------------------*/

table { border-collapse: collapse; border:2px solid #f1f1f1;  margin:3px 0 1em 0; border-spacing: 0 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 }
	th, td { font-size:12px; padding:3px 5px; border-left: 2px solid #f1f1f1; vertical-align: top; color:#666; 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: #787878 !important; font-weight: bold;}
			 	 th a:hover {color: #c0c0c0 !important}
    	 	 td a {text-decoration: none; border-bottom: none !important; }
	    .number { text-align:right !important; padding: 3px 5px 3px 1px; }
		.cell_center {text-align: center !important; padding: 3px 5px 3px 1px;}


/*------------------------------------------
    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;}
legend {font-size: 12px; color: #666; text-transform: uppercase; font-weight: bold;  letter-spacing: .02cm; padding-right: .3em}
select { width: auto;}
	p select {  margin-bottom: 5px;  }
input, textarea {width: 120px; margin: 0 6px 0 0;}
	input.aligned { margin-top: 24px !important; }
	input.aligned_bottom { margin-top: -16px !important; }
	input.img_input { width: auto !important; float: right; margin-right: 16px;}
        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;}
.xlarge {width: 360px;}
label {color: #5a5b5b; font-size: 12px; display: block; margin: .6em 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; }
form strong {color: #5a5b5b;}
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;}


#Throbber{margin-top:20px;background:url(hihifrds/throbber.gif) top left no-repeat;height:272px;width:40px;display:none;}

#ThrobberLast{margin-top:20px;background:url(hihifrds/throbber.gif) top left no-repeat;height:40px;width:40px;display:none;}

#LoginError, #ForgotContent, #PasswordSent, #EmailError{display:none;}
#LoginErrorLast, #ForgotContentLast, #PasswordSentLast, #EmailErrorLast{display:none;}
#UsernameValidation, #PasswordValidation, #EmailValidation,#UsernameValidation2, #PasswordValidation2, #EmailValidation2{ color:#f90;display:none;}
.validate{color:#f90;margin-bottom:8px;}

.loginLink,.loginLink2,.loginLink3,.loginLinkLast,.loginLinkLast2,.loginLinkLast3, #ForgotLink, #LoginErrorLink, #ForgotLinkLast, #LoginErrorLinkLast{cursor:pointer;}



#LoginBox, #LoginError, #ForgotContent, #PasswordSent, #EmailError{width:336px;background:url(hihifrds/bg1.gif) top left no-repeat; border:1px solid #d2d2d2; height:auto;padding:10px 0 10px 4px;}
.loginHeader{background:url(hihifrds/T1A_keyline.gif) 5px 3px no-repeat; width:342px; height:38px;}
.loginTitle{color:#999; font-size:1.3em; font-weight:bold;margin-left:6px;}

#LoginBoxLast, #LoginErrorLast, #ForgotContentLast, #PasswordSentLast, #EmailErrorLast{background:url(hihifrds/gradientgreen.gif) top repeat-x; border:1px solid #f0f0f0; height:auto;padding-bottom:10px;}
.loginHeaderLast{background:url(hihifrds/ThomsonONEIM.gif); width:310px; height:50px;}

.mandatory{font-style:italic;font-weight:bold;}

/*------------------------------------------
    SITE SPECIFIC
-------------------------------------------*/

#PageTitle{}
#Ticker{height:30px; background:url(hihifrds/ticker.gif) repeat-x; color:White;text-transform:uppercase;padding:6px;clear:left;width:590px;}
#Ticker strong{color:White;}

.subTitle{font-size:1.6em;color:#666;font-weight:bold;margin:0 0 10px 0;}

.learnMore{background:url(hihifrds/callout_learnmore.gif) top left no-repeat;height:30px;width:300px;margin:10px 0 0 0;}

.knowledge{background:url(hihifrds/callout_knowledge.gif) top left no-repeat;height:200px;margin:10px 0 0 0;}

.frontItem{border-top:1px solid #e1e2e3;height:24px;width:600px;padding-top:4px;cursor:pointer;}
.frontItemHover{background:#e5e5e5;}
.frontItem h3{margin-top:-2px;}

.smallH3{font-size:1em;color:#828282;font-weight:bold;margin-bottom:15px;}
.rightImage{float:right;margin:15px 0 0 15px;}
.leftImage{float:left;margin:20px 20px 0 0;}
.leftParagraph{float:left;width:350px;}
.rightParagraph{float:left;width:215px;}
.btn{margin-right:15px;}
.chk{width:auto;}
.orange{color:#ff9100;}
.contactDetails{float:right;width:380px;}
.contactTitle{float:left;width:150px;}

.title{margin-bottom:10px;}

.section{clear:both;}

i{font-style:italic;}

.producttrade{padding-left:25px;margin-top:25px;background:url(hihifrds/bulletgreen.gif) 0px 4px no-repeat;  }
.product{padding-left:25px;margin-top:25px;background:url(hihifrds/bulletred.gif) 0px 4px no-repeat;  }
.productpost{padding-left:25px;margin-top:25px;background:url(hihifrds/bulletyellow.gif) 0px 4px no-repeat;  }
.answer{display:none;}
.navContent{display:none;}
.marker{margin-top:10px;float:right;}
.navHeader{cursor:pointer;height:22px;margin:0 0 5px 0;clear:both;}
.navHeader strong{padding-left:15px;color:#0078ae;}

.arrow{background:url(hihifrds/arrow.gif) top left no-repeat;*background:url(hihifrds/arrow.gif) 7px left no-repeat; } 
.arrowDown{background:url(hihifrds/arrowDown.gif) 0px 0px no-repeat;*background:url(hihifrds/arrowDown.gif) 7px left no-repeat; } 

.navHover{background-color:#efefef;}

.callout ul{margin-left:0px;}
.callout{padding-left:0;}
.callout ul li {padding-left:12px;}

.validate{color:#ff9100;margin:0;display:none;}

#Europe, #Asia{display:none;}


.promo{margin-top:15px;}

.promoTitle{background:url('hihifrds/sub_pages_header_bg.gif');height:20px;width:138px;color:white;text-transform:uppercase;padding:2px 0 0 5px;margin-top:10px;font-size:1.0em;}


a.tab:visited, .tab{color:#999;border-bottom:none;border-left:1px solid #e1e2e3;padding-left:10px;margin-left:8px;}
a.tabLeft:visited, .tabLeft{color:#999;border-bottom:none;border-right:1px solid #e1e2e3;padding-right:10px;margin-right:8px;}
a.tabLeft:hover{color:#ff9900;}
a.tab:hover{color:#ff9900;}
a.tabSelected {color:#FF9100;text-decoration:none;  border-bottom:none;border-left:1px solid #e1e2e3;padding-left:10px;margin-left:8px;}  /* changed for selecting the tab... new */

#Ticker{cursor:pointer;}

/*------------------------------------------
    Gizmo Survey graph
-------------------------------------------*/
.GraphTable{color: #727272; font-family: Arial; font-size: 12px; }
.Option{border-style: solid; border-color: #FFFFFF; border-top-width: 5px; border-bottom-width: 5px; }
.Bar{background-color: #ff9100; color: #727272; height: 20px;}
.pdfSubmitWrap{}
#LinkPDF{border:0;}
.pdfSubmit{margin-left:130px;margin-top:8px;}

#EikonHome {margin-top:10px; }
#EikonParent {margin-top:10px;}









































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

