/* ================ 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 ======================  */

body {font: normal 12px Arial, Helvetica, sans-serif; background: #BABABA; border-top: none; }

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

p {margin: 0 0 1em 0; }

a, a:visited { color: #0078ae;}
	a:hover, a:focus { color: #0078ae; }
a.no_bottom_border, a:visited.no_bottom_border { border:none; padding:0; margin:0 }


ul {margin: .5em 0;}
ul li {list-style: none; padding-left: 8px; margin-bottom: 0.8em; margin-left: 0 !important }
	#secondary ul li, #tertiary ul li {margin-bottom: .5em}
	.last {margin-bottom:10px;}
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 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: #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;}

.no_bottom_border{margin:0; padding:0; border:0}
      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; background-color: #e1e2e3;  margin-top: 0; margin-bottom: 6px;}

/*-------------------------------------------
   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: 20px; text-transform: uppercase; color: #ff9100; margin: 30px 0 0 18px; *margin-left: 20px}
h3 {font-size: 16px; color: #ff9100; text-transform: uppercase; /*margin-top: 1em;*/ margin-bottom: 0.3em;}
	#main h3, .half h3, .last_half h3 {margin-bottom: .5em; margin-top: .5em}
	#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 {margin-top: 0;}
	h3 strong {font-weight: bold; color: #ff9100}	
	#tertiary h3 {color: #807f83;  border-bottom: 1px solid #e1e2e3; margin: 1.5em 0 1em 0; padding: .1em 0}
h4, h5, h6 {margin: 1.5em 0 .9em 0;}
h4 {font-size: 12px; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
	#tertiary 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;}
	#last_half h5 {font-size: 11px; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; 
	margin-bottom:4px; margin-top:10px;}
h6 {font-size: 11px; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}


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

#holder{ background-color:#828282; background-image:none; margin-bottom:125px; position:relative; top:50px}
#wrap { background: #fff; margin: 0px auto -25px auto; width: 779px; position: relative; top:-25px}
#header {width: 100%; margin: 0; float: left; padding:10px 0 0 0; clear: both;}


#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: 100%; height: 32px; border-bottom:1px solid #e1e2e3; border-top:1px solid #e1e2e3; clear:both;}

				
				
/*-- 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: 100%;  margin:0; padding-top: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;}
	
/*-- the secondary navigation - in this case the left hand accordion--*/
	#secondary {float: left; width: 184px; margin: 10px 28px 0 7px; border:solid 2px red;   }

/*-- the third level navigation - in this case right hand calls to action --*/
	#tertiary {float: left; width: 220px;  margin: 18px 6px 0 10px;  }
		.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; }
/* */

.logo{text-align:left; margin:14px 30px 20px  14px; border:none}
.sitename3{text-align:left; margin:15px 5px 10px 28px; float:left; *margin-bottom:-50px;}
.submit_btn{margin-left:-6px;}

.headerKeyline{width:100%;height:1px;;border-top:1px solid #ccc;margin:0;padding:0;clear:both;line-height:1px;*margin-bottom:0; margin-bottom:1.5em;}


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


#menubar {width: 680px; 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: 12px;}
	#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 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 a, #menubar a:focus, #menubar a:active, #menubar li.hvr a {color: #444; background: #eee }
#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;}


/*-------------------------------------------
    SECONDARY NAV
-------------------------------------------*/

#secondary ul {list-style: none;}
	#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: 50px; width:779px; padding-bottom:25px; background-color:#FFFFFF;}
#footer {background: #eeefef; clear: both;  padding: 16px 0 15px;}
#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;}


/*------------------------------------------
    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: 95%;}
	p select {  margin-bottom: 5px;  }
input, textarea {width: auto; 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;}

.mandatory{color:#ff9100;}
.validate{color:#ff9100;display:none;}
.highlighted{border:1px solid #ff9100;}


/*------------------------------------------------------
		CSS FROM ORIFGIAN JP PAGE
-------------------------------------------------------*/
.text { font-size:12px; color: #808080; line-height:135%; }
#left  { vertical-align: top; margin-top: 3px; margin-right: 8px; margin-left: 9px }
#center { background-repeat: repeat-y }
#pr { color: #c0c0c0; font-size: 12px }
#oshirase { padding: 10px 15px; border: solid 1px #cfcec9  }
.right_menu_margin { margin-top: 6px; margin-right: 3px; margin-left: 7px }
.center_menu_margin { margin-top: 6px;}
.acrobat { font-size:11px; color:#808080; }
.right_menu_bg { background-color: #efefed; padding: 5px 4px 5px 5px; border: solid 1px #d0d0d0 }