/* Reset CSS v1.0 | 20080212 */
@import url("reset.css");

/* Structure
------------------------------------------------------*/
body {margin:20px auto; padding:10px 10px 0 10px; width:950px;}
	body, div.masthead, div.section {border:1px solid #ccc;}
	
div#header {}
	div.left-col {width:160px; padding:10px; margin:0 0 10px; float:left;}
		#header div.left-col {width:158px;}
	
	div.logo {text-align:center;}
	/* div.masthead {width:755px; float:right;} changed size and float*/
	div.masthead {width:949px; }

div#container, div.clear {clear:left;}
	#container div.left-col {padding:0 !important; width:180px !important;}
	
	*+html #container {margin-top:-10px;}
	* html #container {margin-top:-10px;}
	
div.middle-col {width:372px; float:left;margin-left:13px; padding:0 0 6px;}
	.full {width:757px !important;}
	
div#footer {}	
	
div#termsandconditions {width:950px; height:640px;}
/* Typography + Headers
------------------------------------------------------*/
body {font:normal 1em 'trebuchet ms',"arial narrow",sans-serif;}

h1, h2, h3 {padding:4px 15px; color:white; font-weight:normal; line-height:18px;}
h1 {background:url(images/bg_h1.gif) repeat-x; height:19px;}
h2 {background:url(images/bg_h2-2.gif) repeat-x; height:37px;}

div.masthead h1 {font-size: 10pt;}
div.masthead h2 {font-size: 10pt;}

div.left-col h3, h3.caption {background:url(images/bg_h3_left.gif) repeat-x !important; height:19px; text-align:center; text-transform:uppercase; font-weight:bold;}
	h3.caption {font-weight:normal !important; text-align:left; text-transform:none !important;}

div.middle-col h3, #footer h3 {background:url(images/bg_h3_mid.gif) repeat-x; height:19px; text-transform:uppercase; font-weight:bold;}

h4 {color:#FDB813; padding:5px 15px 0 15px;}

#profile h4 {background:#FFF1D4; margin:5px; padding-bottom:5px; height:22px;}
	#profile h4 strong {float:left;}
	#profile h4 span {float:right; color:#666; text-transform:uppercase; font-size:10pt;}
	
h5 {color:#81878F; padding:3px 15px 8px 5px;}
	h5.no-border {padding-left:15px;}


ol li {list-style-type: upper-alpha; margin-left:22px;}

input#search {width:140px; height:20px;}


textarea {width:330px; border:0; overflow:hidden;}
* html textarea {width:319px;}


/* Navigation
------------------------------------------------------*/
ul#nav {position:relative; z-index:10;}

ul#nav li {border-bottom:1px dotted #999; font-weight:bold; position:relative;}

#nav a:link, #nav a:active, #nav a:visited {
	display:block; padding:5px 15px; text-decoration:none; color:#81878F;
	background:url(images/arrow.gif) #fff 95% 53% no-repeat;
}
* html #nav a {	width:147px; }
*+html #nav a {	width:147px; }
 
#nav a:hover {background:#EDEFF1 url(images/arrow.gif) 95% 53% no-repeat;}


	/* second-level */
	ul#nav ul {width:175px; position:absolute; top:-1px; display:none; left:178px; border:1px solid #ccc; background:#fff;}
	ul#nav ul li {border:0;}
	* html #nav ul li a {width:145px !important;}
	*+html #nav ul li a {width:145px !important;}	
	
	#nav a.red {color:#DB2031 !important;}
	#nav a.orange {color:#F47E26 !important;}
	#nav a.yellow {color:#FDB813 !important;}
	#nav a.neutral {color:#B1B9C2 !important;}
	
	/* third-level */
	ul#nav ul ul {left:175px; width:450px;}
	ul#nav ul ul li a {background:#fff !important;}
		ul#nav ul ul li a:hover {background:#EDEFF1 !important; font-weight:bold;}
	ul#nav ul li ul li {font-weight:normal;}
	
	* html #nav ul ul li a {width:425px !important;}
	*+html #nav ul ul li a {width:425px !important;}	
	
	/* activate hovers - works without javascript on all browsers except IE */
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

/* Navigation2
------------------------------------------------------*/
ul#nav2 {position:relative; z-index:10;}

ul#nav2 li {border-bottom:1px dotted #999; font-weight:bold; position:relative;}

#nav2 a:link, #nav2 a:active, #nav2 a:visited {
	display:block; padding:5px 15px; text-decoration:none; color:#81878F;
	background:url(images/arrow.gif) #fff 95% 53% no-repeat;
}
* html #nav2 a {	width:147px; }
*+html #nav2 a {	width:147px; }
 
#nav2 a:hover {background:#EDEFF1 url(images/arrow.gif) 95% 53% no-repeat;}


	/* second-level */
	ul#nav2 ul {width:300px; position:absolute; top:-1px; display:none; left:178px; border:1px solid #ccc; background:#fff !important;}
	ul#nav2 ul li {border:0;background:#fff !important;}
	ul#nav2 ul li a {background:#fff !important;}
	ul#nav2 ul li a:hover {background:#EDEFF1 !important; font-weight:bold;}
	* html #nav2 ul li a {width:270px !important;}
	*+html #nav2 ul li a {width:270px !important;}	
	
	#nav2 a.red {color:#DB2031 !important;}
	#nav2 a.orange {color:#F47E26 !important;}
	#nav2 a.yellow {color:#FDB813 !important;}
	#nav2 a.neutral {color:#B1B9C2 !important;}
	
	#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul {display:none;}
	
	#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul {display:block;}
		

/* Sections
------------------------------------------------------*/
div.section {color:#999; margin-bottom:10px;}
	div.section div {padding:10px 5px;}
	
.border {border-bottom:1px dotted #ccc; margin:0 10px 5px 10px;}

.subform {line-height:47px;}
.middle-col ul, .middle-col ol {margin-left:5px;}

.full div.section {position:relative; height:885px !important;}
	.full div.section div {padding:7px 0 !important;}
	.full div a {color:#81878F !important; padding-left:25px; background:url(images/arrow.gif) 0 5px no-repeat; margin:0 0 0 15px;}
	.full div a:hover {text-decoration:none;}

	.full #search-nav {position:absolute;bottom:0;left:0; border-top:1px solid #cdcdcd; margin-left:15px;}
		.full #search-nav a {background:#fff !important; padding:0 !important; margin:0 !important;}
	

div#head-data {float:right;height:115px;width:360px;}
	#head-data div {margin-top:5px;}
	#head-data div strong {color:#81878F;}
	
select#risk {margin-left:2px;}	


div#info {height:315px; overflow:hidden; font-size:10pt; line-height:1.8;}
	#info p {font-weight:bold; text-decoration:underline;}
	#info p ul li {padding:2px 5px; display:block;}
	#info a:link, #info a:active, #info a:visited  { padding:5px 0px; display:block; font-weight:bold; text-decoration:underline; color:#4B84D2; padding-bottom:25px;}
	#info a:hover {text-decoration:none;}

/* middle-col - left */

div#profile {height:116px;}
	#profile h3 {margin-bottom:8px;}
	#profile h4 {margin-bottom:8px;}

div#common {height:382px;}
	#common ul li {font-weight: bold; font-size:10pt;}
	
img.risk-size {margin:0 0 9px 5px;}	
	
/* middle-col - right */

div#control {height:586px;}
	#control ul li {background:url(images/ico_checkbox.png) 0 1px no-repeat; padding-left:23px; margin-top:9px; line-height:1; font-weight: bold; font-size:10pt;}

div#legal div#reference {float:right;margin-top:-7px;width:280px;text-align:center; font-size:10pt;}
	div#legal h3 {width:50px;}
	* html #legal h3 {margin-top:-35px;}
	* html #legal {height:1px;}


div#what-more {height:278px; position:relative;}
	div#done {height: 70px;}
	img#pdf {position:absolute;right:7px;bottom:7px;}



form#page-0 div {width:310px; float:left; margin:20px 10px 0 0;}
	form#page-0 div.last {margin-right:0 !important;}
	
	form#page-0 h2 {font-weight:bold;}
	
	form#page-0 select option {width:283px;}
	
	form#page-0 input {margin:20px auto; opacity:.7;}
	form#page-0 input:hover {opacity:1;}	

	
/* footer */

div#footer {color:#999; margin-bottom:10px;}
	#footer div {float:right;margin-top:-7px;width:755px; font-weight:bold; font-size: 10pt;}
	#footer h3 {width:150px; background-color:#828790;}
	#footer h3, #footer div {height: 36px;}
	#footer a:link, #footer a:active, #footer a:visited {
	display:block; padding:5px 15px; text-decoration:none; color:#81878F;
	background: #fff 95% 53% no-repeat;
}

/*
 * Linkselect "Select" style CSS file
 */
a.linkselectLink {
	display: block;
	background: #fff url(images/dropdown.gif) 99% 2px no-repeat;
	border: 1px solid #999;
	max-width: 500px;
	padding: 2px 20px 2px 2px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
}

* html a.linkselectLink, * html span.linkselectDisabled {width:286px;}

a.linkselectLink:hover, a.linkselectLinkFocus {
	color: #333 !important;
	background-color: #f3f3f3 !important;
	outline: 1px solid #fff; /* prevent the link from being outlined */
}

a.linkselectLinkOpen {
	outline: 0; /* prevent the link from being outlined */
}

span.linkselectDisabled {
	display: block;
	border: 1px solid #999;
	max-width: 500px;
	padding: 2px 20px 2px 2px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	background: #fff url(images/dropdown.gif) 99% 2px no-repeat;

	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}

.linkselectContainer {
	position: absolute;
	/* this is required to correctly calculate the width of the container */
	left: 0; top: 0;
	display: none;
	/* 
	 * move the box to align with bottom of input box 
	 */
	margin-top: 20px;
	max-width:500px;
	z-index: 50000;
}

.linkselectContainer .title {
	background: #7f4020 !important;
	color: #fff !important;
	padding-right: 20px !important;
	white-space: nowrap;
	font-size: 11px !important;
	font-weight: bold !important;
	line-height: 11px !important;
}

.linkselectContainer .title span {
	display: block;
	padding: 3px 4px;
}

.linkselectContainer .scrollable {
	width: auto;
	background-color: white;
	border: 1px solid #7f4020;
	margin: 0;
	padding: 0px;
	font-size: 11px;
	text-align: left;
	overflow: auto;
	max-height: 216px;
	clear: both;
}

.linkselectContainer ul {
	list-style-type: decimal !important;
	margin: 0px;
	padding: 0px;
}

.linkselectContainer ul li.selected { 
	background-color: #e2c68f;
}

.linkselectContainer ul li.current { 
	background-color: #a64311;
	color: #fff;
}

.linkselectContainer ul li {
	display: block;
	margin: 0;
	padding: 2px;
	font-size: 11px;
	cursor: pointer;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}
	
#termsandconditions h1 {padding:14px 15px; text-align:center; color:#81878F; font-size:22pt; font-weight:bold; line-height:25px; background:url() repeat-x !important;}
#termsandconditions p {padding:14px 15px; text-align:justify; color:#81878F; font-size:12pt; font-weight:normal; line-height:18px; display:block;}

.termsform {margin-left:10px; width:300px;}
.agree { margin-right:10px; float:left; clear:left;}
/*.diagree { margin-left:10px;}*/