/*
ArboNed CSS Framework
Advisor stylesheet for Questionnaires
version 1.01 (27-august-2007)

?2007 Byelex Multimedia Products BV

This file should NOT be edited!
If you need custom styles or changes in styles specific for your application,
please use an application stylesheet to create (or override) styles!
*/
#bar_buttons_adv, #bar_buttons_adv_top {
	width: 100%;
	height: 66px;
	background: repeat-x url(../images/adv_nav_background2.png);
	padding-top: 10px;
	margin: 10px 0 10px 0;
}
#bar_buttons_adv a, #bar_buttons_adv_top a {width: 100px; height: 10px; display: block; line-height: 12px; text-align: center; padding-top: 30px; }
#bar_buttons_adv a.button_prevpage, #bar_buttons_adv_top a.button_prevpage {background: no-repeat url(../images/adv_icon_prevpage.jpg) center top; float: left;}
#bar_buttons_adv a.button_prevpage:hover, #bar_buttons_adv_top a.button_prevpage:hover {background: no-repeat url(../images/adv_icon_prevpage-over.jpg) center top;}
#bar_buttons_adv a.button_nextpage, #bar_buttons_adv_top a.button_nextpage {background: no-repeat url(../images/adv_icon_nextpage.jpg) center top; float: right;}
#bar_buttons_adv a.button_nextpage:hover, #bar_buttons_adv_top a.button_nextpage:hover {background: no-repeat url(../images/adv_icon_nextpage-over.jpg) center top;}
#bar_buttons_adv a.button_prelimrep, #bar_buttons_adv_top a.button_prelimrep {background: no-repeat url(../images/adv_icon_report.jpg) center top; }
#bar_buttons_adv a.button_prelimrep:hover, #bar_buttons_adv_top a.button_prelimrep:hover {background: no-repeat url(../images/adv_icon_report-over.jpg) center top;}
#bar_buttons_adv a.button_firstpage {background: no-repeat url(../images/adv_icon_firstpage.jpg) center top; float: left;}
#bar_buttons_adv a.button_firstpage:hover {background: no-repeat url(../images/adv_icon_firstpage-over.jpg) center top;}

.questionbox {
	background:#f4f4f4;
	width: 100%;
	font: bold 14px/17px Verdana, Arial, Helvetica;
}
.answerbox {
	display: block;
	height: auto;
	font: normal 9px/13px Tahoma, Arial, Helvetica;
}

/* Entire row */
dl {
	display: block;
	width:100%;

}
dt, dd {
	margin:0pt;
}
/* Question */
dt 					{ display: block; color:#333; padding:10px 8px;}

/* checkbox option*/
dt.checkbox { float: none; }
dt.checkbox input { float: left; }

/* Answer options, one for each option */
dd 						{display: inline-block; text-align:left; color:#444; padding:4px}

option.selected			{color:#af0240;}

dl .glue   				{padding:0;}

.unanswered dt			{color:#a70240;}
.unanswered dt.checkbox			{color:#000;}

label input,
.options input,
span.input,
span.answerlabel {
	float: left;
}


span.answerlabel {
	text-align: left;
	padding: 3px 0 0 0;
	display: block;
	font-size: 9px;
}
dd label {
	float: left;
}

/* =======================================================  */
/* CSS Hacks for answers markup, particularly long options
.* that did not fit properly
/* =======================================================  */

*:first-child+html label input {float:none}		/* IE7 only hack */


.answerbox dd label span {
	display: inline; /* Firefox */
	_display: inline-block; /* IE6 only*/

}

.ruler {
		border-bottom: 1px solid #CCCCCC;
}
.advisor_questions label 		{ color:#333; display:block; height:100%; border:1px solid #fff; white-space:nowrap; line-height:1.6em}
.advisor_questions label:hover		{ border: 1px dotted #ccc; }
.advisor_progresstable			{ position:absolute; top:64px; left:212px; width:424px; border:1px solid #aaa; }