@CHARSET "UTF-8";

* {
  padding: 0;
  margin: 0;
}

body{
	border:0; 
	font-family: Arial, Helvetica, sans-serif; 
	vertical-align:baseline;
	padding: 0;
	margin: 0;
	font-size: 81.25%;
	line-height: 1.3em;
	}


	
html {  
	height: 100%;
}

h2, h3, h6, .sf-menu, .largelabel, .nextprev {
	font-family: "Helvetica Neue", Helvetica, sans-serif, Arial;
 	}
h2.title {margin:10px;}
h3{	
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 ; 
	padding: 0 0 41px 20px; 
	background: url(../img/contgraygrad.gif) 0 27px repeat-x;
	}
	
/*-----------------    page structure style    -----------------*/


.collogin { width: 300px; float: left; }


#cmcontent{ 	
	padding: 0; 
	margin:0;
	min-height:600px;
  	height:auto !important;
  	height:600px;
}


/*
.qbox {
	margin: 15px 0 12px -20px; 
	padding: 9px 20px 5px 20px; 
	background: url(../img/testgrad.gif) top left repeat-x;
	border: 1px solid #d0d2d2;
	}
*/
.qbox {
	margin: 35px 30px 10px 0;
	padding: 9px 20px 5px 20px; 
	background: url(../img/testgrad.gif) top left repeat-x;
	border: 1px solid #d0d2d2;
	}
	
	
.qbox h4, .contactbox h4 {
	padding: 0;
	}
legend.q600 {
	width: 600px; float: none; margin:0 0 20px 10px;
	}


.contactbox {
	margin: 20px 0 20px 0 ; 
	padding: 15px 10px 15px 10px; 
	background: url(../img/contactgrad.gif) bottom left repeat-x;
	border: 1px solid #d0d2d2;
	}


a.showcont {
	margin:0;
	padding: 0 25px 5px 0;
	clear:both;
	background: url(../img/showbtn.gif) top right no-repeat;
	}
	
a.showcont:hover {
	background: url(../img/showbtn_hover.gif) top right no-repeat;
	}
	
div.expcont {
	display: none;
	margin:12px 0 12px 0;
	clear: both;
	/*width:600px;*/
	}

.nextprev{
	float:left;
	margin:12px 0 24px 0;
	font-size: 1.4em;
	clear:both;
}
.prevbox{ width: 180px; float: left;}
.finishbox{ width: 240px; float: left; text-align: center;}
.nextbox{ width: 180px; float: left; text-align: right;}

a.prev {
	padding: 5px 0 5px 36px; 
	background: url(../img/btn_prev.gif) center left no-repeat;
	color: #000;
	display:inline-block; 
}
a.prev:hover {
	text-decoration:none;
	background: url(../img/btn_prev_hover.gif) center left no-repeat;
}
a.finish {
	padding: 5px 17px 5px 17px; 
	background: #de3e00;
	color:#fff;
	display:inline-block; 
}
a.finish:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.confirmfinish {
	padding: 5px 17px 5px 17px; 
	background: #de3e00;
	color:#fff;
}
a.confirmfinish:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.next {
	padding: 5px 36px 5px 0; 
	background: url(../img/btn_next.gif) center right no-repeat;
	color: #000;
	display:inline-block; 
}
a.next:hover {
	text-decoration:none;
	background: url(../img/btn_next_hover.gif) center right no-repeat;
}

.timetotal{
background: #d7d7d7;
height:5px;
width:420px;
margin-top:5px;}

.timeleft{
background: #de3e00;
height:5px;
width:0%;}
.titlename{font-size: 1.1em; line-height: 1.3em;}
.qsholder{width:600px;margin:0 0 10px 10px;font-size: 1.125em; }
.answholder{width:600px;padding:0 0 10px 10px;font-size: 1.125em;}
.qsholder td, .answholder td{vertical-align: top;}

table.details td {font-size: .9em;}

td.radio{width:20px; padding-bottom: 12px; vertical-align: top;}
td.number{width:30px; font-weight:bold; padding-bottom: 12px;}
.qarrow{padding-right: 15px; vertical-align: top;}
td.inplab{width: 390px;vertical-align: top; }
td.answer{width: 578px;padding-bottom: 12px; }
.expcont .answer {color: #000;}
td.textanswer{width: 578px;color:#4d4d4d;padding-bottom: 12px; }
.testres {font-size: 1.125em;line-height: 2em; float: left; width:600px; clear:both; display: block; margin: 0 0 20px 0; padding: 10px 0 10px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.testres h5 { display: block; float: left; text-align:right; width: 100px;margin-right:10px; }

.testres span.outside{ display: block; float: left; clear: right;}
.testres table td {padding:5px 0;font-size: 1em;}

/* 508 styles */
.ans_select {float:left;margin-left: 10px;}
.ans_content {margin-left: 30px;width: 578px;padding-bottom: 12px;font-size: 1.125em;}
.ans_content_letter {margin-left: 50px;width: 578px;padding-bottom: 12px;}
.qfieldset{border:none;}
.ans_content img {vertical-align:text-top;}

div.scorerow {
  clear: both;
  margin:3px 0;
  }

div.scorerow div.scorename {
  float: left;
  width: 100px;
  text-align: right;
  }
div.scorerow div.scorename h5 {font-size: .9em;}
div.scorerow div.scorevalue {
  margin-left: 110px;
  width: 400px;
  text-align: left;
  font-size: .9em; 
  } 

div.sarow {
  clear: both;
  padding-bottom: 12px;
  margin-left: 10px;
  font-size: 1.125em;
  }
div.satick {
  float: left;
  width: 20px;
  }
div.saabc {
  font-weight:bold;
  float: left;
  width: 20px;
  }
div.saans {
  margin-left: 40px;
  text-align: left;
  }
  
div.tsarow {
  clear: both;
  padding-bottom: 12px;
  margin-left: 10px;
  font-size: 1.125em;
  }
div.tsatick {
  float: left;
  width: 20px;
  }
div.tsaans {
  margin-left: 20px;
  text-align: left;
  }
 div.tsaansheader {
  margin-left: 20px;
  text-align: left;
  font-size: 1em;
  color: #4d4d4d;
  }

	
/* END 508 styles */

/*column styles */
.col640 { width: 640px; float: left; margin-right: 20px;}
/*test question pages special style*/
.col600 { width: 600px; float: none; margin:0 0 20px 10px;}
.col420 { width: 420px; float: left; margin-right: 20px;}
.col340 { width: 340px; float: left; margin-right: 20px;}
.col280 { width: 280px; float: left; margin-right: 20px;}
.col200 { width: 200px; float: left; margin-right: 20px; color:#4d4d4d;}
.col180 { width: 180px; float: left; margin-right: 20px;}
.col160 { width: 160px; float: left; margin-right: 20px;}
.col100 { width: 160px; float: left; margin-right: 20px;}

.marg40 {margin-right: 40px;}
.nomarg {margin: 0!important;}
.clear {clear: both;}
.clearheight {clear: both; height: 15px; width: auto;}
.clearheight5 {clear: both; height: 5px; width: auto;}
.clearheight10 {clear: both; height: 10px; width: auto;}
.clearheight30 {clear: both; height: 30px; width: auto;}
.cleargrad {width:620px;height: 2.5em; background: url(../img/contgraygrad.gif) top left repeat-x; clear: both; margin: 5px 30px 10px 0;}
.resultstable .cleargrad {height: 20px;}
.right {float: right;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0;border:none;}
hr.dark {background:#5d5d5b;color:#5d5d5b;clear:both;float:none;width:100%;height:3px;margin:0 0 20px 0;border:none;}
hr.gray {background:#bdbcc1;color:#bdbcc1;clear:both;float:none;width:100%;height:3px;margin:0 0 15px 0;border:none;}
.dotted {color:#fff;clear:both;float:none;height:1px;margin: 5px 30px 10px 0; border-bottom:1px dotted #d2d2d2;}
.solid {clear:both;float:none;width:100%;height:1px;margin:5px 0 5px 0; padding: 0; border-bottom:1px solid #ddd;}
hr.grad {background: url(../img/contgraygrad.gif) top left repeat-x;color:#fff;clear:both;float:none;width:100%;height:1.2em;margin:0 0 0 -20px; padding: 20px 0 0 20px;border:none;}




		
h4{	
	font-size: 1.25em;
	margin: 0 ; 
	padding: 0 0 12px 0; 
	font-weight: bold;
	}

	
h4 span{	
	color: #4d4d4d;
	font-weight: normal;
	}

	

	
h5{	
	font-size: 1em;
	margin: 0 ; 
	padding: 0;
	clear: both;
	font-weight: bold; 
	}
	
.searchres h5{	
	font-size: 1.125em;
	margin: 0 0 8px 0 ; 
	font-weight: normal; 
	}
	
h6{	
	font-size: 1.325em;
	margin: 0 0 10px 0 ; 
	padding: 0 0 5px 0;
	clear: both;
	font-weight: bold;
	border-bottom: 2px solid #bcbdc1; 
	}

	
p, ul, a, label{ margin: 0 0 1.2em 0; list-style: none;}
.ind{margin-left: 27px;}
.headline{ font-size: 1.5em; margin-bottom: 23px;}
.headlinetop{ font-size: 1.125em; margin-bottom: 8px; line-height: 1.5em;}
.largelabel { font-size:1.125em; color:#4d4d4d;}
.chosen {color: #4d4d4d; margin: 12px 0 12px 0;}

a{
color: #de3e00;
text-decoration: none;}

a:hover{
text-decoration: underline;}

.gray, .active {color:#4d4d4d;}
.green {color:#006000;}
.orange {color:#de3e00;}
.red, .error {color:#7d0000;}
.black {color:#000;}



/*link styles*/
.blocklink, .submit, .ajaxSubmitBtn, .ajaxCancelBtn, .cancelbtn{
font-size:1.1em;
font-weight: bold;
width: auto;
display: inline-block;
text-align: left;
border: none;
clear: both;
padding: 6px 25px 6px 8px;
margin: 0 0 20px 0!important;
color: #fff;
height: auto;
background:#de3e00 url(../img/blockarrow.gif) right 10px no-repeat;
}

.whiteSubmit {background:#fff;padding: 0 10px;margin: 30px 0;}

.ajaxSubmitBtn, .cancelbtn{background:#4d4d4d url(../img/blockarrow.gif) right 10px no-repeat}

.cancelbtn:hover{background:#6d6d6d url(../img/blockcross_hover.gif) right 10px no-repeat; text-decoration:none;}

.blocklink:hover, .submit:hover, .ajaxCancelBtn:hover {
background:#6d6d6d url(../img/blockarrow.gif) right 10px no-repeat;
text-decoration:none;
}

/*inline box*/
.boxinline{
border: 1px solid #d0d2d2;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 10px 0 10px 0;
padding: 10px;
width:500px;
}


.boxinline1, .boxinline2{
border: 1px solid #99a4a4;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 0 0 20px 0;
padding: 8px 14px 30px 30px;
width: 534px;
}

.boxinline2{
background:url(../img/grad_inline_red.gif) bottom left repeat-x;
}

.boxinline1 h4, .boxinline2 h4, .jqmWindow h4{
font-size: 1.4em;
padding: 25px 0 10px 0;
}

.boxinline1 h5, .boxinline2 h5, .jqmWindow h5{
color: #4d4d4d;
font-size: 1.125em;
margin: 0 0 10px 0;
max-width: 450px;}

.success{
background:url(../img/inline_success.png) 90% 0 no-repeat;
}

.failx{
background:url(../img/inline_xmark.png) 95% 7px no-repeat;
padding: 0 0 5px 0;
}

.failq{
background:url(../img/inline_qmark.png) 95% 7px no-repeat;
padding: 0 0 5px 0;
}

.close span, .jqmClose span {
display: none;
}

a.close, .jqmClose {
display: block;
float: right;
height: 16px;
width: 16px;
background:url(../img/close.gif) top right no-repeat;
}

a:hover.close, .jqmClose:hover  {
background:url(../img/close_hover.gif) top right no-repeat;
}
.bold {font-weight: bold;}
.bbcode {display:none;}
.hide {display:none;}
.show {display:block;}
.sqr {text-decoration:overline; font-size: 90%;}/* square root creation */
.gas {text-decoration:underline; font-weight:bold;font-size:96%;}
.rb { position: absolute;left: -999em;}
.googleads {padding: 10px 0;}
.classmarker_powered_by  {padding: 0 0 60px 540px;}
.content_center {align: center;}
.header_content_center {text-align: center;}
.header_content_left {text-align:left;}