/* added 02 July 2008 */

.white-section {	
	clear: both;
	border-top: 1px solid #C0E6BB;
	border-bottom: 1px solid #ccc;
	padding: 1px 0;
	margin: 0 0 1px 0;
}

.section-white-content {
	background: #fff;
	padding: 10px 0 10px 0;
}

.q-sections {
	background: url(../images/sections-bg.jpg) left top repeat-y;
	padding: 5px 0 0 20px;
}

.q-sections p {
	padding: 0 0 5px 0;
}

.q-sections .section {
	float: left;
	width: 115px;
	padding: 0 10px 0 10px;
	color: #999;
	font-size: 12px;
}

.q-sections .section-last {
	float: left;
	width: 115px;
	padding: 0 0 0 10px;
	color: #999;
	font-size: 12px;
	display: none;
}

.q-sections p {
	color: #CCCCCC;
}

.q-sections .completed-section {
	float: left;
	width: 115px;
	padding: 0 10px 0 10px;
	color: #999;
	font-size: 12px;
	color: #84BC6B;
}

.q-sections .completed-section p {
	color: #999999;
}

.q-sections #current-section {
	color: #2E2E2E;
}

.q-sections #current-section p {
	color: #666666;
}

.questions {
	background: #F0FFE6;
	padding: 20px 20px 1px 20px;
	margin: 0 0 20px 0;
	height: 100%;
}

.questions .q {
	color: #2E2E2E;
	font-size: 13px;
	font-weight: bold;
}

.questions .a {
	border-top: 1px solid #CCCCCC;
	background: #fff;
	padding: 20px;
	color: #144766;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.questions .a label{
	color: #144766;
	font-size: 13px;
}

.questions label.error { display: none; }

.questions label.error { font-size: 11px; font-weight: normal; line-height: 180%;color:#cc0000; text-align:left; }

.questions input {
	vertical-align: -0.1em;
	
}

.questions .box {
	border: 1px solid #EEEEEE;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	font-family: Lucida Grande, Tahoma, Arial, San-Serif;
	color: #666;
	font-size: 11px;
	width: 50px;
	margin: 0 10px 0 0;
}

.questions img {
	vertical-align: -0.2em;
}

.questions td {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.questions .answers-img {
	vertical-align: middle;
}

#results {
	padding: 20px 20px 20px 20px;
}

.a-image {
	float: left;
	width: 160px;
	background: #fff;
	margin: 0 20px 20px 0;
}

.a-image-last {
	float: left;
	width: 160px;
	background: #fff;
	margin: 0 0 20px 0;
}

.a-image .title, .a-image-last .title {
	border-top: 1px solid #B2DBE6; 
	background: #D1F0FF;
	padding: 3px 5px;
	color: #144766;
}

.a-image .title input, .a-image-last .title input {
	vertical-align: middle;
}

.a-image .indent, .a-image-last .indent {
	padding: 10px 10px 0 10px;
}

.dotted-box-b {
	background: url(../images/vert-line.jpg) left top repeat-y;
	margin: 0 0 10px 0;
	height: 100%;
	border:1px dotted #666;
	padding: 1px;}

.dotted-box-b .title {
	background: #FFE167;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 20px 6px 20px;
	border-bottom: 1px solid #E5CA5C;
	margin: 0 0 1px 0;
}

.dotted-box-b .indent-white {
	background: #fff;
	height: 100%;
	padding: 10px 20px 0 20px;
}

.dotted-box-b .indent-white p {
	color: #000000;
}

.dotted-box-b .indent-grey {
	background: #EEEEEE;
	height: 100%;
	padding: 10px 20px 0 20px;
}

.dotted-box-b .indent-grey p {
	color: #333333;
}

.dotted-box-b .grey-title {
	background: #DDDDDD;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 20px 6px 20px;
}

.dotted-box-b .grey-title span {
	float: right;
	font-size: 11px;
}

.dotted-box-b .grey-title span a:hover {
	text-decoration: underline;
}

.text-info {
	float: right;
	width: 150px;
	margin: 0 0 20px 20px;
}

.text-info ul {
	list-style: none;
	margin: 0 0 0 20px;
	
}

.text-info ul li img {
	vertical-alugn: middle;
}

.text-info ul li{
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 0 4px 0;
	margin: 0 0 0px 0;
}

.text-info ul li:hover {
	background: #EEE;
}

.subsections {
	background: #EEEEEE;
	padding: 10px 20px;
	margin: 0 0 1px 0;
}

.subsections span, .subsections span:hover {
	color: #999999;
	font-weight: bold;
	background: url(../images/arrow-right.jpg) left top no-repeat;
	padding: 0 0 0 10px;
}

.subsections span.current, .subsections span.current:hover {
	color: #2E2E2E;
	font-weight: bold;
}