/* From headfirstlabs.com/hf.css*/
body {
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:12px;
background:#FFFFFF url(background2.gif) repeat scroll left top;
text-align: center;
}

body#main{overflow-y:scroll;}
/*The countdown timer*/
div#timeLeft {float:right}
#content {
	width: 750px;
	margin: auto;
	text-align: left;
}
#banner {
	position: absolute;
	top: -20px;
}
#purplebanner {
	margin: 0px;
}
#brainbanner a, #menu a:link, #menu a:hover, #menu a:visited  { 
	border: 0;
	text-decoration: none;
}
#brainbanner {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1;
}
#coverbanner {
	float: right;
	position: absolute;
	top: 30px;
	margin: 0px 0px 0px 655px;
}
#mainbody{
background-color:#FFFFFF;
border:thin solid #AE91D4;
padding:15px 15px 5px 20px;
margin:auto;
width:750px;
position:relative;
top: 155px;
text-align:left;
}
blockquote {
	font-size: 11px;
	line-height: 16px;
	margin-left: 0;
}
.headerimg {
	position: relative;
	top:-15px;
}
h1, h2, h3 {
	color: #3f2785; 
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.0em;
}
img {
	border: none;
}
a:link, a:visited {
    text-decoration: none;
	color: #4e1896;
}   
a:hover {
	color: black; 
}
ul {
	list-style-type: square
}
li {
	padding: 5px 0px 5px 0px;
}

#skip {float:right}
/* cqc is the current question container */
div#cqc {clear:right;width:750px;margin:auto;}
/*The buttons against each distractor*/
input.d {width:5ex;margin:5px;vertical-align:middle;}
div.chooseNumQuestions {padding:1ex}

td {vertical-align:top;font-size:small;}
/*The introduction text comes from another file in an iframe. It may have independent css*/
div#introduction iframe{width:100%;border:none 0px;height:760px;}

/* clickable look like links - used in the editor and in the question review
   to allow users to go to specific questions.*/
.clickable {cursor:pointer;color:blue;text-decoration:underline}
.r {text-align:right}
.questionBody {width:90ex}
.questionText {margin-left:2ex;width:80ex;text-align:justify}
.distractorButton, .distractorButtonCorrect {float:left;padding-right:1ex;}
.distractor, .distractorChosen {clear:left;padding:1ex;cursor:pointer;background-color:transparent;}
.distractorSelected {clear:left;padding:1ex;background-color:yellow;}
.distractorText {padding-top:1ex;}
.distractorTextCorrect {padding-top:1ex;color:black;font-weight:bold;}
a.distractor {text-decoration:none;border-style:none;color:black;display:block;}
a.distractor:focus {outline:0px;border-style:none;}
a.distractor div.distractor {border-style:solid;border-color:white;}
a.distractor div.distractorSelected {border-style:solid;border-color:white;}
a.distractor:hover div.distractorSelected {border-color:gray;}
a.distractor:hover div.distractor {border-color:gray;}

/* The review screen */
div#rv {}
.rvColumn {float:left;padding:0px;margin-right:2ex;margin-bottom:1ex;font-size:100%;border-top:solid thin}
.rvRow {clear:left;}
.rvCellL {float:left;border-style:solid;border-width:0 thin thin thin;width:5ex;padding:0ex 1ex 2px 0px;text-align:right}
.rvCellR {float:left;border-style:solid;border-width:0 thin thin 0;width:5ex;padding:0px 0ex 2px 1ex;}
#controlsReview {clear:left;}
/* summary */
div#summary div.pdc div.pd {text-decoration:underline;}
div#summary div.pdc {margin-bottom:2ex;}

/* Exam Report */
.summary .distractor {cursor:auto;}
.summary h1 {}
.fdb {width:100ex;text-align:left;margin:20px 0px 20px 0px; font-size:11px; line-height: 16px;}
div#summary .distractor {width:80ex;}
span.ref {color:white;}
.button, .buttonChosen {width:3em;padding:5px;text-align:center;
         vertical-align:middle;border:solid thin black}
.chosen {background-color:yellow;}
div.correct {font-weight:bold;}
.correct div.button
        {width:3em;padding:5px;text-align:center;
         vertical-align:middle;border:solid thin black;
         color:white;background-color:black;font-weight:bold;}
.userAdvice {color:red;margin:20px 0px 20px 0px;}
span.correct{font-weight:bold;}

#moreInfo{margin-top: 10px;
        clear: both;
        font-size: .8em;
		border: thin solid #AE91D4;
		padding: 10px;
}
#footer {
	margin-top:30px;
	margin-bottom:30px;
	clear: both;
	text-align: center;
	font-size: 10px;
}
#tips p { 
	line-height: 20px;
	vertical-align: middle;
}
#leftalign {
	text-align:left;
}
.revtask {font-size:10px; font-weight:bold;clear:left;}
.revpd {padding-top:20px; font-size:10px; font-weight:bold;clear:left;}