/* [%-# @(#)questionnaire.css	1.9 11:29:15,11/11/10 (yy/mm/dd) -%] */

@import url(global.css);

/*** Containers ***/

div#question-box{
	background: url(/images/questionnaire/question_bg_top.gif) top left no-repeat;
	position: relative;
}
div#question-box form{
	background: url(/images/questionnaire/question_bg_btm.gif) bottom left no-repeat;
	padding: 12px 12px 0 12px;
}
div#question-text{
	height: 65px;
	margin: 15px 10px 0 95px;
	
}
span#question-notes{
	font-weight: bold;
}
div.list-column{	
	float: left;
	margin: 0 0 0 10px;
	width: 30%;
}
div#quest-intro{	
	float: left;
	width: 550px;
}


/*** Anchors ***/

h2 a{
	color: #FBB031;
}

/*** Headers ***/

h2#question-no{
font-size:1.3em;
	left: 15px;
	position: absolute;
	top: 25px;
	text-align:center;
	width:75px;
}

h2#question-no span{
color: #00529B;
font-size:0.8em;
}

div.question-box1 h2{
	color: #00529B;
	margin: 0 0 .7em 0;
}

div#question-text h2{
	color: #00529B;
	font-size: 160%;
	font-weight: bold !important;
}
div#question-text p strong{
	color: #000 ;
	font-size:120%;
}

div.box-style2 h2{
	color: #00529B;
	margin: 0 0 .7em 0;
}

div#quest-intro h2,
div#quest-intro h3{
	margin: 0 0 1em 0
}

/*** Paragraphs ***/


/*** Forms ***/

form#question_form{
	margin: 0 0 1em 0;
}
form#question_form fieldset{
	border: 0;
}
form#question_form table{
	background: url(/images/questionnaire/choice_numbers.gif) -100px 0 no-repeat;
	font-size: 100%;
	padding: 0;
	margin: 0 0 1.5em 0;
	width: 100%;
}
form#question_form table tr th,
form#question_form table tr td{
	border: 0;
	vertical-align: middle;
}
form#question_form table tr th{
	-background-color: #fff; /* IE Hack */
}
form[id="question_form"]#question_form table tr th{
	background: none;
}

form#question_form table thead tr td{
	margin: 0;
}
form#question_form table thead tr th{
	color: #FBB031;
	height: 38px;
	vertical-align: top;
}
form#question_form table tbody tr{
	background: url(/images/questionnaire/grey_dotted_border.gif) bottom left repeat-x;
	cursor: hand;
}
form#question_form table tbody tr th.choicecolumn{
	color: #00529B;
	font-size: 115%;
	font-style: italic;
	text-align: center;
	width: 35px;	
}
form#question_form table tbody tr th.answercolumn{
	color: #000 !important;
}


form#question_form table tbody tr th label{
	color: #000 !important;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: .6em 5px .6em 3px;	
	width: auto;	
}
form#question_form table tbody tr td{
	text-align: center;	
	padding: 0;
	width: 20px;	
}
form#question_form table tbody tr:hover,
form#question_form table tbody tr.row-style7:hover{
	background-color: #FFF6E7;
	cursor: hand;
}
form[id="question_form"]#question_form table tbody tr.row-style7:hover{
	background: #FFF6E7 url(/images/questionnaire/grey_dotted_border.gif) bottom left repeat-x;
}
form#question_form table tbody tr.row-style5{
	background: #8FA3D4;
}
form#question_form table tbody tr.row-style3{
	background: #B5C2E3;
}
form#question_form table tbody tr.row-style1{
	background: #D9E0F0;
}
form#question_form table tbody tr.row-style0{
    background: #F4F6FA;
}
form#question_form table tbody tr.row-style7{
	background: #fff url(/images/questionnaire/grey_dotted_border.gif) bottom left repeat-x;
}


form#question_form table tbody tr.row-style5 th{
	background: #8FA3D4;
}
form#question_form table tbody tr.row-style3 th{
	background: #B5C2E3;
}
form#question_form table tbody tr.row-style1 th{
	background: #D9E0F0;
}
form#question_form table tbody tr.row-style0 th{
    background: #F4F6FA;
}


form#question_form fieldset#question-footer{
	margin: 0 10px;
	padding: 0 0 1em 0;
}
form#question_form fieldset#question-footer div{
	float: left;
}
form#question_form fieldset#question-footer p{
	float: right;
	margin: 0;
	padding: 0;
}
form#question_form fieldset input.next-question{
	border: none;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 115px;
}

/*label{
	cursor: pointer;
}*/

/*** Lists ***/

ul#errors{
	border: 1px solid #FF0000;
	background-color: #FFF5F5;
	margin: 0 0 1em 0;
	padding: 5px 5px 0 5px;
}
ul#errors li{
	background: url(/images/questionnaire/error_icon.gif) top left no-repeat;
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0 0 .3em 0;	
	width: auto;
}
ul.jpp{
	list-style-type: none;
}
ol li{	
	margin: 0 0 1em 0;
}


ol.report-list{
	list-style-type: none;
	margin: 0;
}
ol.report-list li{	
	background: url(/images/general/report_icon2.gif) left top no-repeat;
	color: #00529B;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0 0 0 15px;
}
ol.report-list li.first{	
	background: none;
	color: #00529B;
	margin: 0 10px 0 0;
}
ol.report-list li a,
ol.report-list li a:active,
ol.report-list li strong{	
	color: #00529B;
}

/*** Block Quotes ***/

blockquote#keith-quote{
	background: url(/images/questionnaire/keith_potts_quote.jpg) top center no-repeat;
	clear: none;
	float: right;
	font-size: 90%;
	margin: 0 0 1em .7em;
	padding: 120px 0 0 0;
	-padding: 130px 0 0 0;
	width: 150px;
}
blockquote#keith-quote p,
blockquote#keith-quote q{
	color: #000;
	line-height: 110%;
	margin: 10px;
}
blockquote#keith-quote p em,
blockquote#keith-quote p strong{
	color: #000;
}
blockquote#keith-quote p#author span{
	color: #000;
	display: block;
	font-size: 90%;
}

/*** Misc ***/

div.clear{
	clear:both !important;
	visibility:hidden !important;
	overflow:hidden !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:1px !important;
	height:1px !important;
	width:1px !important;
	float:none !important;
}
.choicetext{
	font-size: 1.1em;
}
.error{
	color: #ff0000;
}
.ok{
	background: url(/images/questionnaire/question_tick.gif) no-repeat 100% 0;
	padding: 1px 20px 1px 0;
	color: #04E12E;
}

a, strong, p, li, span, div{
	color: #000;
}

table#footerTable a{
	color:#000 !important;
	}

a.print-link{
	color: #000;
}
p em{
	color: #000;
	font-style: italic;
}

a.float-right,
a.float-left{
	position: relative;
}

.box-style1 .box-style1-wrap ul{width:580px !important;}

/***************************************************************
	white paper
***************************************************************/
#wpleft {
	width: 400px;
	float: left;
	color: #00529B;
}

#wpleft p {
    padding-right: 5px;
	color: #00529B;
} 

#wpleft p strong {
    color: #00529B;
} 

#wpright {
	width: 195px;
	float: left;	
	color: #00529B;
}

#wpleft h3 { 
   color: #00529B;
}

#wpleft a { 
   color: #00529B;
}

.box-style2 p {
   color: #000;
}

.box-style2 h3 {
   color: #00529B;
}

.box-style2 li strong {
   color: #00529B;
}

.box-style2 a {
   color: #00529B;
}

#footer ul.whitepaper {
	list-style-type: none;
}

#footer ul li {
	list-style-type: none;
}

/***pop up boxes***/


body#questionnaire_popup body{
	margin:none;
	text-align:left !important;
}
		
body#questionnaire_popup #wrapper{
	position:absolute !important;
	left:10px;
	top:10px;
}
	
/** style to hide print only headers**/

div.report_header{
	display:none;
}