/* Container */
div.drill.bipolar-disorder-test div#mdq {
	width:495px;
	/*border:1px solid;*/ }

/* Box styling*/
div.drill.bipolar-disorder-test div#mdq h2.box-top 
{
	font-size: 1.3em;
	background-image: none;
	border-style: solid;
	border-width: 2px 2px 1px;
	border-color: #dcdcdc;
	padding: .5em 1.9em;
	margin: 0;
}
div.drill.bipolar-disorder-test div#mdq fieldset {
	border-style: solid;
	border-width: 0 2px 2px;
	border-color: #dcdcdc;
	padding-bottom: 95px; }
	
div.drill.bipolar-disorder-test div#mdq p.in-box {
		border-color:#DCDCDC;
		border-style:solid;
		border-width:0 2px;
		margin:0;
		padding-left:1em;
		padding-right:0;
		padding-top:1em;
		width:488px;
}

/* Lists */
div.drill.bipolar-disorder-test div#mdq li {line-height: 1.4em; margin: 0; padding:0;}
div.drill.bipolar-disorder-test div#mdq ol {
	padding: 0 0 0 2.5em;
	margin: 0; 
	font-weight:bold; }
div.drill.bipolar-disorder-test div#mdq ol li {
	margin-top: 0;
	padding-top: 1em;}
div.drill.bipolar-disorder-test div#mdq ul {
	list-style-type:none; 
	list-style-image:none;
	margin: 0;
	padding-top: 1em; 
	clear: both;
}
div.drill.bipolar-disorder-test div#mdq ul li {
	display: inline;
	margin-right: 0.5em; }	


/* Validation */
div.drill.bipolar-disorder-test div#mdq p.required { font-weight: bold; }
div.drill.bipolar-disorder-test div#mdq .invalid {
	background: #ffffcc; 
	color: #ff0000; }
div.drill.bipolar-disorder-test div#mdq p.invalid {
	padding:.5em; }


/* Buttons */
.MDQButton {
	cursor:pointer;
	width:306px;
	height:36px;
	margin-top: 1em;
	background: transparent url(/images/button/start.png) no-repeat top left; }
.MDQButton:hover { background-image: url(/images/button/start-hover.png); }

fieldset + .MDQButton + p { margin-top: 0; }


/*** Pages ***/

/* Page 2 questions are formatted differently than page 3 questions. */
div.drill.bipolar-disorder-test div#mdq ol.p2 li {padding-right: 100px;}
div.drill.bipolar-disorder-test div#mdq ol.p2 {
	border-style: solid;
	border-width: 0 2px;
	border-color: #dcdcdc; }
div.drill.bipolar-disorder-test div#mdq fieldset.page2 ul li.p2q { float: left; width: 330px; padding: 0 1em 0 2.5em; }
div.drill.bipolar-disorder-test div#mdq fieldset.page2 ul li { float: left; }
div.drill.bipolar-disorder-test div#mdq fieldset.page2 ul li input { vertical-align: middle; }
div.drill.bipolar-disorder-test div#mdq fieldset.page2 ul li label { text-transform: uppercase; font-size: .8em;}

div.drill.bipolar-disorder-test div#mdq fieldset.page2 + input.MDQButton {
	background:transparent url(/images/button/next.png) no-repeat scroll left top;
	bottom:66px;
	height:36px;
	left:390px;
	position:relative;
	width:75px; }
div.drill.bipolar-disorder-test div#mdq fieldset.page2 + input.MDQButton:hover { background-image: url(/images/button/next-hover.png); }

/* Page 3 questions */
div.drill.bipolar-disorder-test div#mdq p.in-box.p3 {font-weight: bold; width: 270px; margin: 0; padding-right: 223px; padding-left: 13px; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 {padding-bottom: 65px; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul {position: relative; margin: 0; padding: 1em 0 0 0; width: 100%;}
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li { float: left; margin-left: 10px;  display: inline;  }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.p3q { margin-left: 0; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.p3q ol { width: 270px; float: left; margin: 0; list-style-position: outside; padding: 0 2.5em; border: 0; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.p3q ol li {
	display: list-item; 
	margin: 0;
	padding: 0; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li input { vertical-align: middle; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li label { line-height: 1.4em; text-transform: uppercase; font-size: .8em; }

div.drill.bipolar-disorder-test div#mdq fieldset.page3 + input {
	background:transparent url(/images/button/view-results.png) no-repeat scroll left top;
	bottom:63px;
	height:36px;
	left:347px;
	position:relative;
	width:137px; }
div.drill.bipolar-disorder-test div#mdq fieldset.page3 + input:hover { background-image: url(/images/button/view-results-hover.png); }

/* Decrease vertical margin above the 4-answer question */
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.morethan2ans { margin: 0 0 0 10px; line-height: 1; padding: 0;}
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.morethan2ans input,
div.drill.bipolar-disorder-test div#mdq fieldset.page3 ul li.morethan2ans label { line-height: 1; }


/*** Results ***/

/* Results lists */
div.drill.bipolar-disorder-test div#mdq ul.results-summary {
	list-style-type: disc !important; 
	list-style-position: outside !important;
	margin-left: 1.25em;
	margin-top: .25em;
	margin-bottom: .5em;
	font-weight: bold; }
div.drill.bipolar-disorder-test div#mdq ul.results-summary li {
	display: list-item;
	margin-bottom: 0;
	margin-top: 0; }

div.drill.bipolar-disorder-test div#mdq input.print { 
	background:transparent url(/images/button/print-results.png) no-repeat scroll left top;
	height:36px;
	left:185px;
	position:relative;
	width:315px;}
div.drill.bipolar-disorder-test div#mdq input.print:hover { background-image: url(/images/button/print-results-hover.png); }

/* Results Table */
div.drill.bipolar-disorder-test div#mdq h2.box-top.table {text-transform: uppercase; width: 437px; padding: 9px 32px; }
div.drill.bipolar-disorder-test div#mdq table#results 
{
	margin-top: 0; 
	border-collapse: collapse;
	color: #333333; 
	width: 503px;
	position: relative;
	left: 1px;
	border-style: solid;
	border-width: 0 2px 2px;
	border-color: #dcdcdc;}

/* Leading */
table#results tr td, table#results tr th { line-height: 1.25 !important; }
div.drill.bipolar-disorder-test div#mdq table#results tr th,
div.drill.bipolar-disorder-test div#mdq table#results tr,div.drill.bipolar-disorder-test div#mdq table#results tr td {border: solid 1px #dcdcdc;}

/* Cell Padding */
div.drill.bipolar-disorder-test div#mdq table#results tr td, table#results tr th { padding: .75em; }

/* Left column */
div.drill.bipolar-disorder-test div#mdq table#results tr td.l, 
div.drill.bipolar-disorder-test div#mdq table#results tr th.l { text-align: left !important; padding-left: 2.5em; border-right: solid 1px #f2eef0;}
div.drill.bipolar-disorder-test div#mdq table#results tr th.l {padding-left: 2.8em;}

/* Right column */
table#results tr td.r, 
table#results tr th.r { text-align: center !important; text-transform: uppercase; }
table#results tr td.r { font-weight: bold;}

/* Questions */
table#results ol.q1 { margin-top: 0 !important; }
div.drill.bipolar-disorder-test div#mdq table#results ol {margin-left: 0; padding-left: 0; }
div.drill.bipolar-disorder-test div#mdq table#results ol li {padding-top: 0;}

/* Break for FF2, so that error rows have yellow background color */
br.mdqEndRow { clear: both; }

div#content .fto_error {
    background: url("/images/bg/FTO_bg.jpg") no-repeat scroll 0 0 transparent;
    height: 126px;
    margin-top: 10px;
    padding: 33px 0 0 20px;
    width: 690px;
}

div#content .fto_error p.heading {
    color: #003E69;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
}

div#content .fto_error p {
    margin: 0 0 10px;
}
