/*	tpl update: 28.04.08 (v1.3)


/*	global
	----------------------------------------- */

	*{margin:0; padding:0; }
	a{ text-decoration: underline; outline: none; color: #003399; }
	a img{ border: 0; }
	h1, h2, h3, h4, h5, h6, p, address{ margin: 0 0 1em; }
	label{ display: block; }

	html, body{ margin:0!important; padding:0!important; font: 12px Arial, Helvetica, sans-serif; background: #fff; color: #656565;}
	body{ overflow-x: hidden; }
	#page-container{ text-align: left; width: 968px; margin: 12px; }

		#header{ width: 100%; height: 88px; background: url("../images/bg-header.gif") no-repeat left top; }
			#logo{ position: relative; left: 200px; top: 14px; background: none; padding: 0;}
			#logo a{ text-decoration: none; width: 120px; height: 60px;  text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; }
			#tagline{ display: none; }
		#navigator{position: relative; top: 1px; }
		#content{ width: 954px; float: left; background-color: #f1f1f1; /*background: url("../images/bg-page1.jpg") no-repeat left top;*/ padding: 7px 12px 20px 2px; margin-top: 34px; }
			#text-box{ /*background: url("../images/bg-textbox1-t.gif") no-repeat top left;*/ width: 954px; }
			#text-box .inner{ /*background: url("../images/bg-textbox1.gif") no-repeat bottom left;*/ background-color: #f1f1f1; padding: 0px 0px 10px 10px; position: relative; top: 5px; min-height: 550px;  }
			* html #text-box .inner{ height: 550px; }
				#text{ width: 561px; float: left; }
				#sidebar{ width: 307px; float: right;}
		#footer{ width: 100%; height: 36px; float: left; /*background: url("../images/bg-footer.gif") no-repeat left bottom;*/ position: relative; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; }


/*	header & navigation
	----------------------------------------- */


	/*#navigator li{ display: block; list-style: none; float: left; margin-right: 1px; }
	#navigator li a{ color: #333;width: 193px; height: 34px; text-indent: -9999px; display: block; position: relative; }


	#nav-home a{ background: url("../images/nav-home.gif") no-repeat bottom left; }
	#nav-home a.on{ background: url("../images/nav-home-on.gif") no-repeat bottom left; }

	#nav-corporate a{ background: url("../images/nav-corporate.gif") no-repeat bottom left; }
	#nav-corporate a.on{ background: url("../images/nav-corporate-on.gif") no-repeat bottom left; }

	#nav-financial a{ background: url("../images/nav-financial.gif") no-repeat bottom left; }
	#nav-financial a.on{ background: url("../images/nav-financial-on.gif") no-repeat bottom left; }


	#navc-overview a{ background: url("../images/navc-overview.gif") no-repeat bottom left; }
	#navc-overview a.on{ background: url("../images/navc-overview-on.gif") no-repeat bottom left; }

	#navc-guide a{ background: url("../images/navc-guide.gif") no-repeat bottom left; }
	#navc-guide a.on{ background: url("../images/navc-guide-on.gif") no-repeat bottom left; }

	#navc-cutoff-times a{ background: url("../images/navc-cutoff-times.gif") no-repeat bottom left; }
	#navc-cutoff-times a.on{ background: url("../images/navc-cutoff-times-on.gif") no-repeat bottom left; }
	*/

/*	content
	----------------------------------------- */
	h1{ /*background: url("../images/hline1.gif") no-repeat left bottom;*/ color: #003399; padding-bottom: 3px; font-size: 1.4em; font-weight: normal; }
	h1.hline2{ background: url("../images/hline2.gif") no-repeat left bottom; }
	.popup h1{ background-position: right bottom; }
	#how-it-works{ width: 561px; height: 282px; }

	div.scroll{ height: 550px; overflow: auto; padding: 1px; margin-bottom: 1em; }
	div.scroll2{ height: 350px; overflow: auto; padding: 1px; margin-bottom: 1em; }

	#text-box ul, .popup ul{ margin-left: 20px; margin-bottom: 1em; }
	#text-box ul li, .popup ul li{ margin: 1px 0; list-style-image: url(../images/list_img.gif) }
	#text-box ul li.special1, .popup ul li.special1{list-style: disc;margin-left:2em;}
	.popup h2{ font-size: 1.1em; }
/*	sidebar(s)
	----------------------------------------- */
	#sidebar ul{ list-style: none; margin: 0; }
	#sidebar ul li{ margin-bottom: 8px; }

	#further-info{ width: 136px; height: 158px; padding: 70px 5px 0 15px ; background: url("../images/box-further-info.gif"); float: right; margin-bottom: 20px; color: #000; }


	#sidebar .box{ width: 307px;  }
	#sidebar .box a{ display: block; text-indent: -9999px; width: 100%; height: 100%; }

	#box-currency-guide{ height: 130px; margin-bottom: 20px; }
	#box-industry-recognition{ height: 130px; }

/*	forms
	----------------------------------------- */
/*
	form label{ display: block; float: left; }
	form label span, form label input{ display: block; float: left; }
	form .submit{}
	form .submit input{}
*/


/*	footer
	----------------------------------------- */

	#footer p{position: absolute; font-size: .9em; }
	#footer p.copyright{ color: #666; top: 22px; left: 10px; }
	#footer p.disclaimer{ top: 22px; left: 200px; }


/*____________________________________________*/
/*	clearfix
	----------------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} .clearfix {display: block;}
	/* End hide from IE-mac */



/*	site-wide classes
	----------------------------------------- */
	.clear{ clear: both; }
	.b{ font-weight: bold; }
	.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
	.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
	.fl{ float: left; } .fr{ float: right; }


/*________________________________PAGES_______*/



	.currencies #page-container{ width: 733px; margin: 0; padding: 0; }
	.currencies #navigator li a{ width: 203px; }
	.currencies #content{ background: #ffffff; /*url("../images/bg-page2.jpg") no-repeat left top;*/ width: 693px; padding: 0px; }
	.currencies #text-box{ /*background: url("../images/bg-textbox2-t.gif") no-repeat top left; background: #f1f1f1;*/ width: 691px; }
	.currencies #text-box .inner{ /*background: url("../images/bg-textbox2.gif") no-repeat bottom left; padding: 20px 20px 10px; position: relative; top: 5px;  min-height: 550px;*/ width: 686px; padding-right:12px; padding-top:10px; position: relative; top: 5px; }
	* html .currencies #text-box .inner{ height: 550px; }

	table{ border-collapse: collapse; /*width: 100%;*/ }
	table thead th, table .thead th{ color: #fff; background: #4165ac; }
	table tbody td{ background: #dbe7f3; color: #000; }
	table tbody .special td{ background: #bfc8e4; font-weight: bold; font-style: italic; }
	/*.special2{ text-decoration:line-through; }*/
	table tr td, table tr th{ border: 1px solid #97b8da; padding: 5px; text-align: left;  }
	table h2{ font-size: 1.2em; margin: 0; }
	table h2 span{ font-weight: normal; }
	table ul{ margin-left: 15px; }

	table.rs{width: 100%;}

	#currency-guide{ width: 100%; margin-bottom: 15px; }
	#currency-guide select{ width: 220px; font-size:12px !important; vertical-align:middle; }
	#currency-guide label{ width: 48%; }
	#currency-guide label.fr{ text-align: right; }


	.popup{ /*background: url("../images/bg-page3.gif") no-repeat top left; background: #f1f1f1;*/ background:#fff; margin-bottom:12px; }
	.popup #page-container{ background: #f1f1f1; width: 442px; min-height: 422px; margin:0px 0px 12px 12px; padding:10px 10px 10px 100px;/*padding-top: 12px; margin-top: -7px;*/}

html>body .popup #page-container {
	height: auto;
}


	.cutoff td span{ float: left; width: 100px; }
	.cutoff td .notes span{ width: 40px; position: reative; margin-left: -40px;  }
	.cutoff td .notes{ padding-left: 50px; margin-top: 1em; font-style: italic; }
	.cutoff td .notes-flat{ padding-left: 0; }
	.cutoff .special td{ font-style: normal; }
	.no-italic{ font-style:normal !important; }

	.cutoff td{ font-size: .9em; }
	.cutoff table table td{ border: 0; padding: 2px; background: none; }
	.cutoff table.fl{ width: 50%; float: left; margin-bottom: -1px; }

	ul.menu{ margin: 0 0 15px 0!important; font-weight: bold;}
	ul.menu li{ padding: 0 10px; border-right: 1px solid #fff; float: left; list-style: none; }
	ul.menu li.first{ padding-left: 0; }
	ul.menu li.last{ border: 0; }
	#page-container ul.menu li a{ color: #fff; text-decoration: none; }
	#page-container ul.menu li a.on{ text-decoration: underline; }

	p.notice{ color: #b7bcc6; font-size: .9em; }

/* NEW NAV */

#nav {
	height:  20px;
	padding: 4px 0px 0px 4px;
	background-color: #003399 !important;
	margin: 0px;
}

#nav ul {
	list-style: none;
}

#nav li {
	margin: 0px;
	float: left;
}

#nav a {
	display: block;
	padding: 0px 8px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #8da4c4;
	text-decoration: none;
	/*
	border-right: 1px solid #86a7ce;
	*/
}

#nav a:hover, #nav a.active {
	color: #ffffff;
}

#nav a.no_border {
	border: 0px;
}

#nav-home a.on{ color: #ffffff; }

#nav-corporate a.on{ color: #ffffff; }

#nav-financial a.on{ color: #ffffff; }

#navc-overview a.on{ color: #ffffff; }

#navc-guide a.on{ color: #ffffff; }

#navc-cutoff-times a.on{ color: #ffffff; }

	/* HG Styles */

	.clear {
		clear: both;
	}


	ul.news_list li {
		list-style-image: url(../images/pdf_logo.gif);
		margin: 0px 0px 10px 15px;
	}

	ul.news_list li a {
		color: #003399;
		font-weight: bold;
	}

	ul.news_list li.doc_logo {
		list-style-image: url(../images/doc_logo.gif) !important;
	}

#sidebar {
	width: 319px;
	margin-right: 2px;
}

.sidebar_header {
	background-color: #c5cedf;
	padding: 6px 0px 0px 15px;
	color: #003399;
	font-size: 1.3em;
	height: 26px;
}

.sidebar_wrap {
	padding: 10px 15px;
	background-color: #dee1e6;
	color: #505052;
}

.sidebar_col {
	float: left;
	width: 140px;
}

.sidebar_col_right {
	float: right;
	width: 140px;
}

.gap {
	margin-top: 13px;
}

.popup_wrap2 {
	margin: 12px;
}

ul.new_menu {
	list-style: none;
	margin-top: 5px;
	margin-left: 0px !important;
}

ul.new_menu li {
	list-style: none !important;
	float: left;
}

ul.new_menu a {
	color: #003399;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #003399;
}

ul.new_menu a.no_border {
	border: 0px !important;
}