#test { background: #222; color: #fff; padding: 10px; margin: 20px;}

ul { padding-left: 50px; }

a:link, a:visited, a:hover, a:active   { color: #005ec2; }

body {
	background-color: #000000;
	margin: 20px 0 0 0;
	padding: 0;
}

body, td {
	font-family: verdana, sans-serif;
	font-size: 12px;
}

#riskToolForm {
	margin-left: 95px;
}

.risktoolHeader {
	font-size: 13px;
	width: 562px;
	background-image: url(../images/risktool_header.gif);
	color: #FFFFFF; 
	font-weight: bold;
	background-repeat: no-repeat;
	min-height:35px;
	height:auto !important;
	height:35px;
}
.risktoolHeader h1 {
	padding: 5px 10px 5px 10px; 
	margin: 0;
	font-size: 12px;
}

.risktoolQuestion, .risktoolAnswer {
	width: 562px; 
	background-image: url(../images/risktool_bg.gif); 
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: top center;
}
.risktoolQuestionInner, .risktoolAnswerInner {
	border-left: 1px solid #a6a6a6; 
	border-right: 1px solid #a6a6a6;
	padding-top: 10px;
	padding-bottom: 7px;
}
.risktoolQuestion p, .risktoolAnswer p { margin: 10px; padding-top: 10px; border-top: 1px solid #a6a6a6; }

.risktoolTable { margin-left: 40px; margin-top: 10px; width: 500px; }
.risktoolTable td { text-align: center; padding: 5px 15px 0 5px;}
.risktoolTable td.sliderOuter { text-align: left; padding: 0; width: 200px; margin: 0;} 
.slider { background-image: url(../images/slider.gif); width: 200px; height: 15px; }
.sliderArrow { left: 94px; position: relative; }
.percentBox {
	font-family: verdana, sans-serif;
	font-size: 12px;
	border: none;
	margin-bottom: 5px;
	width: 190px;
	background-color: transparent;
}

.risktoolFooter {
	background-image: url(../images/risktool_footer.gif); width: 562px; height: 11px; background-repeat: no-repeat;
	margin-bottom: 20px;
}

.tip {
	margin-left: 10px;
	width: 542px;
	background-image: url(../images/risktool_tip_header.gif);
	background-repeat: no-repeat;
	background-color: #ffcc00;
	min-height: 42px;
	height: auto !important;
	height: 42px;
}

.tip p {
	margin: 0;
	padding: 12px 35px 8px 35px;
	font-style: italic;
	border-top: 0px;
}

.tipFooter {
	margin-left: 10px;
	background-image: url(../images/risktool_tip_footer.gif);
	width: 542px;
	height: 8px;
	background-repeat: no-repeat;
	padding-bottom: 10px; /* fixes issue tip footer not sliding out correctly */
}

.featuredHeader {
	margin-left: 10px;
	background-image: url(../images/risktool_feature_top_green.gif);
	width: 543px;
	height: 12px;
	background-repeat: no-repeat;
}
.featured {
	width: 543px;
	margin-left: 10px;
	background-image: url(../images/risktool_feature_bg.gif);
	background-repeat:  repeat-y;
}
.featured table td { padding: 0px 10px 0px 10px; }
.featured table td p { border: none; margin: 8px 0 4px 0; padding: 0; font-size: 11px; }

.featuredFooter {
	margin-left: 10px;
	background-image: url(../images/risktool_feature_bot_green.gif);
	width: 543px;
	height: 12px;
	background-repeat: no-repeat;
}

a.d10:link, a.d10:visited, a.d11:link, a.d11:visited,  a.d12:link, a.d12:visited {
	display: block;
	width: 100px;
	border: #fc0 1px solid;
	padding: 3px 6px;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma, verdana, sans-serif;
	text-decoration:none;
	color: #000;
	background-color:#fc0;
	}
a.d11:link, a.d11:visited {	background-color:#fff; }
a.d12:link, a.d12:visited { width: 120px; border: #027902 1px solid; 	color: #027902; background-color:#fff; }

a.d10.active, a.d10:hover {
	border: #fc0 1px solid;
	background-color:#fff }
	
a.d11.active, a.d11:hover {
	border: #fc0 1px solid;;
	background-color:#fc0}	

a.d12.active, a.d12:hover {
	border: #027902 1px solid;;
	background-color:#fc0}