/* ================ 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 GREY (for h4 & strong text, and td text): #666; 
   - MEDIUM GREY (for body text): #727272; 
   - LIGHT GREY (for h5): #97969a;
   
   BACKGROUNDS:   
   
 	- FAINT GREY (for body background -visible only on monitors with resolution above 1024 x768): #d9dbdb;
 	- PALE GREY (for border at top of page & footer background: #ededed; 
 	- PALER GREY (for table heads) background-color:#f1f1f1; color:#787878;
 	- VERY PALE GREY (for backgrounds of H3 headings in tertiary right nav as well as dropdown menus) background: #f6f6f7;
 	- EVEN PALER GREY (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: #555; 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 dotted #dae7f2; text-decoration: none; }
	a:hover, a:focus { color: #75b2d5; }

ul {margin: .5em 0;}
ul li {list-style: none; background: transparent url(http://www.taxstream.eu/img/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}

blockquote { float: right; width: 250px; background: #fcfcfc url(http://www.taxstream.eu/img/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: #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; 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, grey 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.
-------------------------------------------*/
/*ADD to #header h1 with correct sitename (ie OneSource) background: url(../img/sitename_west.png) no-repeat 207px 5px */ 
	#header h1 { float:left; background: url(http://www.taxstream.eu/img/tr_logo_40.jpg) no-repeat top right; height: 60px; width: 935px; min-width: 930px; }
	#header h1 a { float:left; text-indent: -9999px; width: 446px;	background: url(http://www.taxstream.eu/img/Provision_header.jpg)  no-repeat top left; margin: 0 0 0 13px; *margin: 0 0 0 8px; display: block;overflow:hidden; border-bottom: medium none; height: 59px}
h2 {font-size: 20px; text-transform: uppercase; color: #ff9100; margin: 30px 0 0 10px; }
h3 {font-size: 15px; color: #ff9100; text-transform: uppercase; margin-top: 1em; }
	#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;}
	#tertiary h3 {color: #807f83; border-top: 1px solid #e1e2e3; border-bottom: 1px solid #e1e2e3; margin: 1.5em 0 1em 0; padding: .1em 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;}

/*-------------------------------------------
   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;}
	#header h1 { float:left; background: url(http://www.taxstream.eu/img/tr_logo_40.jpg) no-repeat top right; height: 60px; width: 935px; min-width: 930px; }
	#header h1 a { float:left; text-indent: -9999px; width: 446px;	background: url(http://www.taxstream.eu/img/Provision_header.jpg)  no-repeat top left; margin: 0 0 0 13px; *margin: 0 0 0 8px; display: block;overflow:hidden; border-bottom: medium none; height: 59px}


	#search	{ padding: 6px 0px 0 0; float: left; margin: 0; }
			#search * { vertical-align: middle; }
			#search label { position: absolute; left: -9999px; }
			#search p { padding: 0; margin: 0; }
				#search p input {}
				#search p #searchfield { width: 110px; margin: 0 10px 0 0px; }
				
				
/*-- 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: 490px;  margin: 0 30px 0 0;  padding: 18px 0; } 
	#main-home {float: left; width: 100%;  margin: 0 0 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; padding-left: 30px; border:0px solid;}
	
/*-- the secondary navigation - in this case the left hand accordion--*/
		#secondary {width: 174px; float: left; margin: 22px 22px 0 6px; border-right: 1px solid #eee; border-left: 1px solid #eee; 	border-bottom: 1px solid #eee; } 

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


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

#nav { float:left; width: 100%; height: 32px; border-bottom:1px solid #e1e2e3; border-top:1px solid #e1e2e3;}
#nav a.login{color: #ff9100;; text-decoration: none; border-bottom: none; text-transform: uppercase; font-size: 11px; padding:0px; margin:0px; margin-top: 8px; padding-right: 5px; float: right;}
#menubar, #menubar ul {padding: 0; margin: 0;list-style: none;font-family: Arial, Helvetica, sans-serif; float: left; line-height: 1; border: 0px solid;}
#menubar {padding-right: 60px; width: 700px; float: left;}
#menubar ul {padding: 2px 0; }
#menubar a{display: block;	text-align: center; color: #888; text-decoration: none; border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 11px;}
#menubar a.static {padding: 7px 15px 8px 20px;}
#menubar a.static:hover {background: #eee;}
#menubar a.dropdown {padding: 7px 15px 8px 20px; background: url('http://www.taxstream.eu/img/menu_arrow.gif') center left no-repeat;}
#menubar li {float: left; width: 100px; 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: 175px; z-index:50000;}
#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 #d5d5d5;}
#menubar li:hover a.dropdown, #menubar a:focus, #menubar a:active, #menubar li.hvr a {color: #222; background: #eee url('http://www.taxstream.eu/img/menu_arrow_down.gif') center left no-repeat;}
#menubar li:hover ul, #menubar li.hvr ul {display: block;}
#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: #eee !important;color: #222 !important;}
#menubar ul li a.slideout {
	background: url(http://www.taxstream.eu/img/menu_arrow_right.gif) center right no-repeat !important;
}

/*--- slide-out menu items ---*/
#menubar li ul a.slideout:hover, #menubar li ul a.slideout:active, #menubar li ul a.slideout:focus, #menubar li ul li.hvr a.slideout {
	background: #eeeeee url(http://www.taxstream.eu/img/menu_arrow_right_down.gif) center right no-repeat !important;
}
#menubar li ul ul {
	margin: -2.1em 0 0 14.6em;
	border-left: 0px solid;
}

#menubar li:hover ul ul, #menubar li.hvr ul ul {
	display: none;
}

#menubar li li:hover ul, #menubar li.hvr ul, #menubar li li.hvr ul {
	display: block;
}

#login-box {
	position: absolute;
	background: white;
	float: right;
	top: 117px;
	right: 0px;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	border-right: 0px;
	width: 350px;
	display: none
}

#login-box a {
	padding-left: 5px;
	padding-right: 5px;
	color: #666;
	border: 0px;
	border-right: 1px solid;
	font-weight: bold; 
	font-size: 11px;
}

#login-box a.last {
	border-right:0;
}


#login-box a:hover {
	color: #97969a;
}

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

#breadcrumb {margin: .2em 0 0 10px}
#breadcrumb li { color: #404040; font-size: 11px; background: transparent url(http://www.taxstream.eu/img/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
-------------------------------------------*/

a.accordion_toggle, a.accordion_toggle:visited {display: block; height: 19px; width: 168px; margin: 0;	background: url(http://www.taxstream.eu/img/nav-bgSprite.jpg) no-repeat 0 0;
	    padding: 3px 0 0 6px; height: 19px; outline: none; 	font-weight: bold; font-size: 11px; color: #666; cursor: pointer; border-bottom: none; }
a.accordion_toggle:hover {background: url(http://www.taxstream.eu/img/nav-bgSprite.jpg) no-repeat -174px 0; outline: none; -moz-outline-style: none;
		padding: 3px 0 0 6px; height: 19px; outline: none; font-weight: bold; font-size: 11px;	color: #333; cursor: pointer; border-bottom: none; }
a.accordion_toggle_active, a.accordion_toggle_active:visited {background: url(http://www.taxstream.eu/img/nav-bgSprite.jpg) no-repeat -174px 0; outline: none; -moz-outline-style: none;
		padding: 3px 0 0 6px; height: 19px; outline: none; font-weight: bold; font-size: 11px;	color: #444; cursor: pointer; border-bottom: none; }

ul.accordion_content {background-color: #fff; font-size: 0px; overflow: hidden; list-style-type: none; margin: 4px 0 8px 0; padding: 0 0 0 16px}
		ul.accordion_content li  {width: 148px; border-bottom: 1px solid #eee; padding: 4px 0; background: none; margin:0;  }
			ul.accordion_content li a, ul.accordion_content li a:visited {color: #828282; text-decoration: none; font-size: 11px; font-weight: bold; border-bottom: none; outline: none; -moz-outline-style: none;  }
			    ul.accordion_content li a:hover, ul.accordion_content li a:active  {color: #75b2d5; }
			    ul.accordion_content li a#selected {color: #555; cursor: text;}


/*-------------------------------------------
    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;}


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

table { border-collapse: separate; border:2px solid #f1f1f1; width:100%; 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 #fff; 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: 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: 440px;}
label {color: #5a5b5b; font-size: 12px; display: block; margin: .6em 8px 0 0;  }
label.full {border: 0px solid; float:left; margin-left: 3px; _margin-left: 1px}
	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;}




/*------------------------------------------
    TABS
-------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
	list-style-type: none !important;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px !important;
	padding: 0px;
    min-width: 84px; /* be nice to Opera */
	background: none;
	
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px ;
    background: url(../img/tab_sprite.jpg) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	border: 0px !important;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
	padding: 6px 20px 0px 25px;
	font-weight: bold !important;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}