@CHARSET "UTF-8";

* {
  padding: 0;
  margin: 0;
}
.mandatory_imgw_container img {max-width:98%!important;}/* prev questions */
.imgw {display:none;}/* Javascript will display them on load so large images are not displayed large then javascript reduces them, see JS showImageEnlargeIcon();*/
#display_q_links img {display:block;}/* Javascript won't display cause they are not on page yet */
body{
	border:0;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	vertical-align:baseline;
	padding: 0;
	margin: 0;
	font-size: 81.25%;

	line-height: 1.3em;
	color: #545454; /*444444*/
}
html {
	height: 100%;
}
h1 {font-size: 1.5em;
	margin: 0;
	padding: 0 0 8px 0;
	font-weight: bold;
	line-height: 1.2em;}
h1.title {font-size: 1.5em;padding:10px 14.285714%;}/* .res. */
h1.theme_title{font-size: 1.5em;padding:10px;}
h2{
	font-size: 1.25em;
	margin: 0 ;
	padding: 0 0 12px 0;
	font-weight: bold;
}
h1 span, h2 span{
	color: #4d4d4d;
	font-weight: normal;
}
h3{
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 ;
	padding: 0 0 21px 13px;/*padding: 0 0 41px 20px;*/
	}
h4{
	font-size: 1.25em;
	margin: 0em 0em 0.3em;
	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;
}
img {border: 0 none;}
/*-----------------    page structure style    -----------------*/
/* RED #DE3E00 > #FB330D */
/* BG #f7f7f7 > #F9FAFB */

#cmcontent{
	padding: 0;
	margin:0;
	min-height:600px;
  	height:auto !important;
  	height:600px;
}
.classmarker_header img {
	max-width: 100%;/* .res. new */
}
.quiz_header_line_height {line-height: 0;}
.classmarker_content_inner {padding-left:2.1428571%; width:95.7142857%;}/*15/700 .res. 680/700*/
.test-taker-name{text-align:right;margin:5px 5px 5px 0;}
.cat_stats_container {
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	background-color: #F9FAFB;
	padding:16px;
	margin:25px 0;
	clear:both;
}
.cat_stats_container a {color:#545454;}
.single_question_box{
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	margin-bottom: 20px;
}
.qbox {
    margin: 0 0 12px 0;
    padding: 6px 11px 4px 13px;
    background-color: #F9FAFB;
	border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DDDDDD;
}
.test_width {width:85.7142857%;}/*600px .res.*/



div.showPrevQuestionsDiv {margin-top: 5px;}

div.qbox h2{
    font-size: 1.45em;
	padding: 11px 0 11px;
	color: #545454;
	}


div.qbox .show_points {text-align:right; font-size: 1em;float:right;padding-top: 6px;}
div.qbox .qboxleft {display: inline-block;float:left;}



/* Question title with points and categories */
div.qbox div.qboxprogress {float:left;display:inline-block;padding: 0 0 0 6px;}
div.qbox div.qboxcatsonly {font-size: 13px;float:left;display:block;clear:both;color:#808080;margin: 0 0 4px 7px;}
div.qbox .qboxcatandpoints {font-size: 13px;display:block;clear:both;float:left;color:#808080;margin: 0 0 4px 7px;}
div.qbox .qboxcatandpoints .qboxpoints {float:left;display: inline-block;}
div.qbox .qboxcatandpoints .qboxcats {float:right;display: inline-block;}
div.qbox .qboxcatandpoints .qbox-separator {margin:0 10px;float:left;display: inline-block;}
div.qbox .qboxflag {margin:6px 0 0 12px;float:right;display:block;padding-top: 3px;}
div.qbox .qboxflag a.flagqoff {color:#c4c4c4;font-size:20px;}
div.qbox .qboxflag a.flagqoff:hover {color: #b7b7b7;}
div.qbox .qboxflag a.flagqon, div.previous_questions_container div.row-flagged div.col-flag {color:#fcd100;font-size:20px;}

div.flagged-questions-selector {margin: 15px 0;}

div.flagged-questions-selector div.flagged-questions-selector-all {
	border-right: 1px #c4c4c4 solid;
	display:inline-block;
	padding: 4px 12px 2px 0;
	float: left;
	font-weight: normal;
	font-size: 13px;
}
div.flagged-questions-selector div.flagged-questions-selector-flagged {
	display:inline-block;
	padding: 4px 0 2px 12px;
}
div.flagged-questions-selector .flag_selected {
	font-weight: normal;
	color: #545454;
}
div.flagged-questions-selector .flag_selected:hover {
	text-decoration: none;
}
div.flagged-questions-selector .flag_selector_disabled {
	font-weight: normal;
	color: #C4C4C4;
}
div.flagged-questions-selector .flag_selector_disabled:hover {
	text-decoration: none;
	cursor: default;
}

span.faspacer-margright {margin-right: 7px;}
div#previous_questions_container {clear:both;}

div#previous_questions_container div.row-flagged {clear:both;border-top: 1px #F1F1F1 solid;}
div#previous_questions_container div.row-flagged div {display:inline-block;padding: 20px 0;}
div#previous_questions_container div.row-flagged div.col-flag{float: left;width:20px;}
div#previous_questions_container div.row-flagged div.col-question{float: left;width:130px;font-weight: bold;font-size: 13px;color: #545454;}
div#previous_questions_container div.row-flagged div.col-question-notseen{float: left;width:130px;font-weight: bold;font-size: 13px;color: #C4C4C4;}
div#previous_questions_container div.row-flagged div.col-status {float:left;width:100px;font-size:12px;padding-left:10px;}
div#previous_questions_container div.row-flagged div.answered {color:#939393;}
div#previous_questions_container div.row-flagged div.col-caret{width:50px;float:right;text-align:right;padding-right:10px;clear:right;color: #545454;}


div.results-feedback-wrapper{
	margin: 15px 0 15px 0;
}
div.results-correct-feedback{

	border-left: 3px solid #79b33e;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 5px;

}
div.results-correct-feedback span.feedback-title {
	color: #79b33e;
	font-weight: bold;
	font-style: italic;
}
div.results-incorrect-feedback{

	border-left: 3px solid #af4e4f;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 5px;

}
div.results-incorrect-feedback span.feedback-title {
	color: #af4e4f;
	font-weight: bold;
	font-style: italic;
}
div.results-default-feedback{

	border-left: 3px solid #888787;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 5px;

}
div.results-default-feedback span.feedback-title {
	color: #888787;
	font-weight: bold;
	font-style: italic;
}

@media screen and (max-width: 660px) {
	div#previous_questions_container div.row-flagged div.col-question, div#previous_questions_container div.row-flagged div.col-question-notseen, div#previous_questions_container div.row-flagged div.col-status{width:100px;padding-left: 2px;}
	div#previous_questions_container div.row-flagged div.col-caret {width:30px;}
}
@media screen and (max-width: 325px) {
	div#previous_questions_container div.row-flagged div.col-caret {width:10px;}
}


legend.q600 {
	width:85.7142857%; float: none; margin:0 0 20px 10px;/*600px .res.*/
	}

a.showcont {
	margin:0;
	padding: 0 18px 0 0;
	clear:both;
	background: url(../img/open_arrow.png) right no-repeat;
	}

div.expcont {
	display: none;
	margin:12px 0 12px 0;
	clear: both;
	}

.nextprev{
	float:left;
	margin:0 0 24px 0;
	clear:both;
	line-height: 1.7;
	width:100%;
	padding-bottom:20px;
}

.free_trial_banner {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	background-color: #F9FAFB;
	margin-bottom: 20px;
}

.finishbox{ width: 100%; text-align: center;clear:both;}
.prevbox{ width: 50%; float: left;margin-bottom: 20px;}
.nextbox{ width: 50%; float: left; text-align: right;margin-bottom: 20px;}
#icon_loading_kit{position:fixed;}

#quiz_timer_anchor {
	height:40px;
}

#quiz_timer_container {
	height:40px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

.timer_label_container span.icon-clock {
	margin-right:4px;
}

.sticky_timer {
	position: fixed;
	top: 0px;
	width: 100%;
	margin-top: 0px !important;
	padding-top: 10px;
	left: 0;
	height: auto !important;
	z-index: 100;
}

.sticky_timer .timer_label_container {
	margin-left: 10px;
}

.sticky_timer .countdown {
	font-weight: bold;
}


#showRefreshInstructions {margin: 40px 0;}
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: #4BBB35;/*#de3e00;*/
	color:#fff;
}
a.finish:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.confirmfinish {
	padding: 5px 17px 5px 17px;
	background: #4BBB35;/*#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;
}
/* V3 btns */
.prev2 {
    padding: 0.4em 1em 0.4em 1.6em;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background: #FB330D url(../img/blockarrowprev.gif) left center no-repeat;
    margin-left: 10px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.prev2:hover {
	text-decoration: none!important;
	background-color: #707070!important;
}
.next2 {
    padding: 0.4em 1.6em 0.4em 1em;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background: #FB330D url(../img/blockarrow.gif) right center no-repeat;
    margin-right: 10px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.next2:hover {
	text-decoration: none!important;
	background-color: #707070!important;
}
.btn:focus, .blocklink:focus, .nextprev a:focus, a.continue-here:focus, a.btn-download:focus, a.jump_to_q:focus{
	outline:solid 1px #707070;/* required for firefox accessibility - highlights on tabbing (focus) - we don't want to go for all links though, mainly blocklink style buttons, all other use default styles */
}
.finish2 {
    padding: 0.5em 1em 0.5em 1em;
    background: #4BBB35;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.finish2:hover {
	text-decoration: none!important;
	background-color: #707070!important;
}
.confirmfinish2 {
    padding: 0.5em 1em 0.5em 1em;
    background: #4BBB35;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.confirmfinish2:hover {
	background:#707070!important;
	text-decoration:none!important;
}
.jump_to_q{
    padding: 0.3em 1em 0.3em 1.6em;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background: #FB330D url(../img/blockarrowprev.gif) left center no-repeat;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.jump_to_q:hover{
	text-decoration: none!important;
	background-color: #707070!important;
}
.jump_to_q.noanswer{
	background-color: #888888;
}
.jump_to_q.noanswer:hover{
	text-decoration: none!important;
	background-color: #707070!important;
}
.clearselection {margin-left:11px;}
.timetotal{
background: #d7d7d7;
height:4px;
width:100%;/*420 / 700 .res. */
margin-top:5px;}

.timeleft{
background: #e32e0f;
height:4px;
width:0;}
.titlename{font-size: 1.1em; line-height: 1.3em;}
/*.qsholder{width:92.8571429%;margin:20px 10px;font-size: 1.125em; }*/
.qsholder{font-size: 15px;}
.answholder{width:100%;padding:20px;font-size: 1.125em;border-collapse: collapse;}
.qsholder td, .answholder td{vertical-align: top;}

/*table.detailsd 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; }


.nrg_score_table_left{text-align:left;vertical-align: top;padding-left:14px;border-collapse:collapse;white-space: nowrap;}
.nrg_score_table_right{vertical-align: top;padding-left:10px;border-collapse:collapse;}
.testres{
	line-height: 2.4em;
	border-top: 1px solid #d7d7d7;
/*border-bottom: 1px solid #d7d7d7;*/
	width: 100%;
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
}
.testresleft h5{
	font-size: 1.05em;
}
.testresleft {
	float: left;
	text-align: right;
	margin: 0 10px 0 20px;
}


/* 508 styles */
.ans_select {float:left;margin: 3px 0 0 10px;}
.ans_select input[type=radio],.ans_select input[type=checkbox] {
    zoom: 1.2;
}
.ans_content_letter {float:left;margin:2px 0 0 7px;font-weight: bold;}/* .res. margin-left: 50px width: 578px  margin-left: 7.1428571%*/
.ans_content_prefixed {margin: 1px 0 0 49px;width: 86.268656716%;padding-bottom: 12px;font-size: 15px;}/* .res. margin-left: 30px*/
.ans_content {margin-left: 35px;width: 86.268656716%;padding-bottom: 12px;font-size: 1.125em;}/* .res. margin-left: 30px*/
/*float:left;margin-left:30px;*/
.ans_content img {vertical-align:text-top;}
.answersDiv input[type="text"], .answersDiv textarea{
	width:75%;min-width:280px;
}
.answersDiv {margin-left: 10px;}
.qpad{margin-bottom: 1em;}
.qfieldset{border:none;}

div.sarow {
  clear: both;
  padding-bottom: 17px;
  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: .8em;
  font-style: italic;
  color: #4d4d4d;
  }
div.tsaansCount {
	margin-left: 20px;
	margin-top: 13px;
	text-align: left;
	font-size: .8em;
	font-style: italic;
	color: #4d4d4d;
}


/* END 508 styles */

/*column styles */
.col640 { width: 91.4285714%; float: left; margin-right: 2.857142857%;} /* .res. 640px 20%*/
/*test question pages special style*/
/*.col600 { width:92.714285714%; float: none; margin:2.857142857%;}*/
.col600 { float: none; margin:10px 10px 10px 21px;}
.col420 { width: 60%; float: left; margin:2.857142857%;}
.col340 { width: 48.5714286%; float: left; margin:2.857142857%;}
.col280 { width: 40%; float: left; margin:2.857142857%;}
.col200 { width: 28.5714286%; float: left; margin:2.857142857%; color:#4d4d4d;}
.col180 { width: 25.7142857%; float: left; margin:2.857142857%;}
.col160 { width: 22.857142857%; float: left; margin:2.857142857%;}
.col100 { width: 14.285714286%; float: left; margin:2.857142857%;}

.details_container{
	width: 60%;
	min-width: 270px;
	float: left;
}
.details_container .resp_width{
	/* Covers textarea, dropdown, inputs */
	width:100%;min-width:280px;
}
.details_container .ei_checkbox input{
	width: 30px;
    float: left;
    margin-top: 0;
	zoom: 1.2;
}
.details_container .ei_checkbox label{
	display:inline-block;
	max-width: 90%;
	margin:0 0 3px 0 ;
}




div.extestlogindiv {
	border: #dddddd solid 1px;
	border-radius: 3px;

}


.collogin-left { width: 29.850746268656714%;float: left;  }
.collogin-left-inactive {
	background-color: #F9FAFB;
	border-right:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-bottom-right-radius: 4px;
}

.collogin-right{ width: 70.1492537313433%;float: left; }
.collogin-right-inactive {
	background-color: #F9FAFB;
	border-left:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-bottom-left-radius: 4px;
}
.collogin-content h3{ padding: 7px; }
.collogin-content p { padding: 7px!important; }


.collogin-content {padding: 20px 0 0 20px;}

.formfielddiv {padding:20px;}


.marg40 {margin-right: 57.142857%;}/* .res. 40px / 700 */
.nomarg {margin: 0!important;}
.nrgmargleft{margin-left: 15px;}
.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 {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;}
.loadingGifCertificate, .loadingGifReceipt{
	margin:15px;
}
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;}*/
.dotted {color:#fff;clear:both;float:none;height:1px;margin: 5px 10px 10px 10px; border-bottom:1px dotted #d2d2d2;}
.col600 .dotted{margin: 5px 0 10px 0;}
.dotted_quiz {color:#fff;clear:both;float:none;height:1px;margin: 5px 0 10px 0;padding: 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;}


/* Results tables V2 stuff only */

.resultstable {
	margin: 0;
	width: 100%;
	padding:10px;
	background-color: #fff;
	border: solid 1px #ddd;
}
.resultstable_smallmarginbottom {margin-bottom: 1px!important;}
.no_border {border: none!important;}

.resultstable th {
	text-align: left;
	vertical-align:top;
	padding: 12px 5px 22px 0;
	line-height: 1em;
	font-weight: bold;
}
.resultstable td{
	text-align: left;
	vertical-align:top;
	padding: 12px 0 12px 0;
	line-height: 1em;
	border-top: 1px dotted #d2d2d2;
	color:#545454;
}
.resultstable th.thheader {
	font-size: 1em;
}
.resultstable td.tdgrad{border-bottom: none; padding: 0; }
.resultstable td.tdname{
	line-height: 1.3em;
	color:#545454;
}
/*
.resultstable .nb{
	width: 2.857142857%;
	border: none;
}
.resultstable .nbw{
	border: none;
}
*/
.resultstable .center {text-align: center!important;}


.key-element {margin:0 10px 10px 0;float:left;}


.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: #8c8c8c; margin: 12px 0 12px 0;line-height:1.3em;font-size: 13px;}
ol.preview_mode{margin: 1.2em 3em;line-height: 1.6;}
a{
color: #FB330D;
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;}


input[type="text"], input[type="password"], textarea{
border: 1px solid #DDDDDD;
border-radius: 4px;
margin-bottom: 2px;
margin-left: 0;
padding: 7px;
color: #545454;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
font-size: 95.25%;
line-height: 1.3em;
}
select{
	border-radius: 4px;
	height: 30px;
    line-height: 30px;
    border: 1px solid #DDDDDD;
    font-size: 15px;
    color: #545454;
	background: #FFF;
    margin-bottom: 8px;
}
form.SFL-Form input[type="text"], form.SFL-Form input[type="password"]{
	width:95%;/* .res. 250 / 700 */
}
/*link styles*/
.blocklink, .submit, .ajaxSubmitBtn, .ajaxCancelBtn, .cancelbtn{
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    padding: 0.4em 1.6em 0.4em 1em;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    display: inline-block;
    /*background: #DE3E00 url(../img/blockarrow.gif) right center no-repeat;*/
    background: #FB330D url(../img/blockarrow.gif) right center no-repeat;
    border: none;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
input.blocklink, input.submit, input.ajaxSubmitBtn, input.ajaxCancelBtn, input.cancelbtn {
	/* Hack to correct for FireFox different height issues on input elements here */
	height: 30px;
	/*background: #DE3E00 url(../img/blockarrow.gif) right 10px no-repeat;*/
	background: #FB330D url(../img/blockarrow.gif) right 10px no-repeat;
}
.whiteSubmit {background:#fff;padding: 0 10px;margin: 30px 0;}

.ajaxSubmitBtn, .cancelbtn{background-color:#4d4d4d; text-decoration:none;}

/* .cancelbtn:hover{background:#6d6d6d url(../img/blockcross_hover.gif) right 10px no-repeat; text-decoration:none;} */
.cancelbtn:hover{background:#6d6d6d url(../img/blockarrow.gif) right center no-repeat; text-decoration:none;}
.blocklink:hover, .submit:hover, .ajaxCancelBtn:hover {
background-color:#6d6d6d;
text-decoration:none;
}
.btn-download{
	text-decoration: none;
}
.btn-download {
    display: inline-block;
    height: auto;
    padding: 16px 27px 16px 50px;
    margin: 0 2px 20px !important;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
    text-align: left;

}
.btn-download.btn-certificate{
	background: url("../img/btn-icon-certificate.png") no-repeat scroll 15px 12px #FB330D;
}
.btn-download.btn-receipt{
	background: url("../img/btn-icon-receipt.png") no-repeat scroll 15px 12px #FB330D;
}


.continue-here {
    background: url("../img/btn-icon-link-white.png") no-repeat scroll 8px 7px #FB330D;
    padding: 5px 12px 5px 33px;
    color: #fff;
    letter-spacing: 0.08em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s ease;
    -webkit-font-smoothing: antialiased;
    line-height: 25px;
}
.continue-here-longtext {display:block;word-wrap: break-word;}
.continue-here:hover, .btn-download.btn-receipt:hover, .btn-download.btn-certificate:hover{
	text-decoration: none;
	background-color: #707070!important;
}
.continue-here-container H2 {
	margin-bottom: 10px;
}

.jqmWindow {
	display: none;
	background-color: #fff;
	padding: 25px;
	-moz-background-clip: padding; /* Firefox 3.6 */
	-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.42);
	-webkit-box-shadow: 10px 10px 23px rgba(0, 0, 0, .42);
	box-shadow: 10px 10px 23px 0 rgba(0, 0, 0, 0.42);
	position: fixed;
	float: left;
	left: 50%;
	top: 10px;
	width: 80%;
	max-width: 700px;
	transform: translate(-50%, 10px);
	overflow: auto;
	max-height:85%;
}
.jqmOverlay { background-color: #8b8b8b;opacity: 0.3; }/*8b8b8b #f8f8f8*/
/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead
* html .jqmWindow {
	position: absolute;
	top: expression((  document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/

/*inline box*/
.boxinline{
	border: 1px solid #d0d2d2;
	background:url(../img/grad_inline.gif) bottom left repeat-x;
	margin: 0 0 20px 0;
	padding: 8px 14px 30px 30px;
	width: 76.285714286%/* .res. 534px */
}
.boxinline1, .boxinline2{
border: 1px solid #d0d2d2;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 0 0 20px 0;
padding: 8px 14px 30px 30px;
	/*	width: 76.285714286%; .res. 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: 64.285714286%;}/* .res. 450px */

.boxinlineV3{
	border: 1px solid #DDDDDD;
	background-color:#F9FAFB;
	margin: 10px 0 20px 0;
	padding: 8px 14px 10px 20px;
	width: 500px;
	background-image:none!important;
	border-radius: 5px;
}

.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;
}

.ajaxerror {/* TW added */
	line-height: 1.3;
	background: none repeat scroll 0 0 #fff6f4;
	border: 1px solid #ebccd1;
	color: #b5514f;
	border-radius: 3px 3px 3px 3px;
	margin: 5px 0 16px 0;
	padding: 9px;
	clear:both;
	text-align:left;
}
.ajaxsuccess{/* TW added */
	line-height: 1.3;
	background: none repeat scroll 0 0 #EBF6EA;
	border: 1px solid #d6e9c6;
	border-radius: 3px 3px 3px 3px;
	margin: 5px 0 16px 0;
	padding: 9px;
	clear:both;
	color: #4e824e;
}

a.close, .jqmClose {
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 5px;/* for RTL languages */
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;}
.hide {display:none;}
.show {display:block;}
.width340 {width: 50.7462687%;}
.width10 {width: 1.4925373%;}

.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 500px;}
.classmarker_powered_by2 {width:250px; border-top: solid #ddd 1px;border-bottom: solid #ddd 1px;margin: auto;padding:10px 0;margin-bottom: 500px;}
.classmarker_powered_by2 p {
	text-align: center;
	margin: 3px;
	padding:0;
    font-size: 12px;
    line-height: 15px;
}
.classmarker_powered_by2 a {
	text-decoration: underline;
	color: #545454;
}
.content_center {align: center;}
.header_content_center {text-align: center;}
.header_content_left {text-align:left;}
ul.instructions-list {list-style: disc;margin: 16px 24px;}
ul.instructions-list li {margin: 16px 10px 16px 0;}
.alert-box {
	background: none repeat scroll 0 0 #FFF8CF;
	border: 1px solid #FFBD00;
	border-radius: 5px;
	margin: 5px 0 15px 0;
	padding: 16px;
	clear:both;/* TW Added clear both */
}

.alert-box.error{
	background: none repeat scroll 0 0 #fff6f4; /*#FEECE9;*/
	border: 1px solid #ebccd1;
	color: #b5514f; /*#a94442;*/
}
.alert-box.alert-default {
	background: none repeat scroll 0 0 #F9FAFB;
	border: 1px solid #dddddd;
}
.alert-box.alert-white {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #e1e1e1;
	color: #545454;
}

.editor {
	line-height: 1.3;
}
.test-feedback ol{
	margin-left: 35px;
}

.video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Pay box */
.pay_box_instructions  {
	width:62.711864407%;/* .res. 370/590 */
	margin-right: 8.474576271%;/* .res. 50/590 */
	position: relative;
	word-wrap: break-word;
	float:left;

}
.pay_box_price {
	width:28.813559322%;/* .res. 170/590 */
	min-width: 150px;
	float:left;
	clear:right;
	text-align: center;
}
.price_text{
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}

.cm-table-responsive {
    width:100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
}

/* matching question preview - multimedia 3 columns */
.mqsholder {
	width: 100%;
}

.m_content {
	border: 1px solid #DDDDDD;
	border-radius: 5px;
}

.m_title {
	background: #F9FAFB;
	border-bottom: 1px solid #DDDDDD;
	height: 27px;
	border-radius: 5px 5px 0 0;
}

.m_empty {
	width: 1%;
	padding: 4px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.m_selection {
	width:85px;
	float:right;
}

.m_margin {
	margin: 10px 10px 20px 10px;
}

.m_column {
	vertical-align: top;
}

.m_button {
	text-align:center;
	height: 25px;
}

.m_button button, .m_button label {
	width: 60%;
}

.m_button label {
	min-width: 60px;
	display: none;
}

.m_button input {
	margin:0;
}

/*
button {
	min-width: 80px;
	padding: 2px 6px 3px;
}
*/

.m_query {
	margin-bottom: 0;
}

.m_message {
	border: 1px solid red;
	display: none;
}

.m_h4 {

	padding:0;
	text-align: center;
}

.btn {
	background: none repeat scroll 0 0 #e7e7e7;
	border: 1px solid #AAAAAA;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color: #545454;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: medium none;
	padding: 0.4em 0.8em;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	width: auto;
}

.btn-white {
	background: none repeat scroll 0 0 #ffffff;
}

/*
.m_cell img, .m_cell .video-container {
    max-width: 100%!important;
	height: auto;
}
*/



.mqsholder td {
	width: 50%;
	height: 0;
}

.m_cell {
	padding: 10px;
	vertical-align:top;
}

.v_cell {
	padding: 10px 20px;
	vertical-align:top;
}


.manswersDiv td select {
	background: #FFFFFF;
	margin-bottom: 0;
	width: 100%;
	height: 28px;
}

/* matching question preview - drop down 2 columns */

.d_selection {
	background:#F9FAFB;
}

.matching_preview {
	padding: 0.6em;
}


/* Matching question borders */
.border table, .border td {
	border: 1px solid #DDDDDD;
}
.single_question_box .border table, .single_question_box .border td{
	border-top: 1px solid #DDDDDD;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.manswersDiv td {
	width: 50%;
	height: 0;
}

.m_cell, .v_cell {
	padding: 10px;
	vertical-align:top;
}


.manswersDiv td select {
	background: #FFFFFF;
	margin-bottom: 0;
	width: 100%;
	height: 28px;
}

.matching_preview {
	padding: 0.6em;
}

/* matching question view result */
.line_divider {
    background: #CCCCCC;
    margin:20px 0;
}
.mvholder {
	width: 97%;
	border:none;
	/* table-layout: fixed; */
}

.mvholder td {
	width: 33%;
	height: 0;
	vertical-align: top;
}

.mvholder .v_title {
	padding: 0 0 5px 10px;
}

.m_icon {
	margin-bottom: 0.3em;
	font-size: 1em;
}

.m_icon img {
	margin-bottom: -0.2em;
	padding-right: 5px;
}

.v_icon {
	margin-left: 10px;
}

.correct {
	color: #62B462;
}

.wrong {
	color: #FF4517;
}

.miss {
	color: #499FFF;
}

.v_clue {
	padding: 30px 10px 10px;
	max-width: 216px;
	word-wrap: break-word;
}
/*
.v_clue img, .v_clue .video-container, .v_result img, .v_result .video-container  {
    max-width:100%!important;
	height: auto;
}
*/
/*
@media screen and (max-width: 1000px) {
    .bbcode img {
        max-width: 100% !important;
    }
}*/

.bbcode video, .v_clue audio, .v_result audio, #display_q_links audio, #display_q_links video{
	width: 95%;
}
.bbcode .sqr {text-decoration:overline;font-size: 90%!important; }/* square root creation  *//* Also in cmbbcode.css but overridden here */
@media screen and (min-width: 660px) {
	#display_q_links audio{
		width: 100%;
	}
}
/* Small screens - shrink images (including browsers) max-device-width (for devices only)*/
@media screen and (max-width: 660px) {
	.imgw {
		max-width: 98%!important;
	}
	.nrg_score_table_left {padding-left:0;}
	.key-element {clear:both;}
	input[type="text"], input[type="text"],textarea {font-size: 1.24em;}
}

@media screen and (max-width: 700px) {
	.classmarker_powered_by  {padding: 0 0 60px 0;}
}

@media screen and (max-width: 425px) {

	#content .innerWrapper, .branding, .menu.main {
		padding-left: 5px;
		padding-right: 5px;
	}

	#footer {
		margin: 0 5px;
	}

	.access > ul > li > a {
		font-size: 16px;
		padding: 12px 0.5em;
	}

	.my-account .account {
		font-size: 16px;
	}

	#testTable th {
		padding: 16px 4px;
	}

	.access {
		clear: both;
	}

	/* iphone 5 fix */
	.upgrade-logout-nav {
		margin-bottom: 5px;
	}

	.m_answer_key {
		width: 1%;
		padding: 5px;
	}

	.mvholder td {
		width: 100%;
		display: block;
		height: auto;
	}

	.v_result {
		margin-left: 20px;
	}
	.resetpasslinkmobile {display:block; margin-top:20px!important;}
}

#checkEmailCorrectIntro {
	margin:10px 0;
}

#doSubmitCheck2Div div {
	margin:0 0 10px 0;
}

#checkEmailCorrect {
	padding-bottom: 10px;

}

.mcanswersDiv {margin-left:25px;margin-bottom:8px; width:92%}
.answersDiv {margin-left: 20px;}

div[id^="m_column_right_"] {
	position: absolute;
	display: none;
	right: 6px;
	width: 48%;
	z-index: 999;
	padding-bottom: 10px;
	padding-top: 10px;
	overflow: hidden;
	-moz-box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.20);
	box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.20);
	background-color: white;
	border:solid 1px #DDDDDD;
}

.m_column_left {
	width: 100%;
	position: relative;
	z-index: 0;
}

td[id^="m_answer_"] {
	width: 49%;
	z-index: 0;
	min-height: 50px;
	position: relative;
	border-right: 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 0;
	border-spacing: 0;
	border-collapse: collapse;
	vertical-align: top;
	padding-top: 10px;
}

td[id^='jms_'] {
	width: 49%;
	padding:10px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 0;
}

div[id^="mqsholder_"] {
	position: relative;
}

button[id^="select_"] {
	position: relative;
	margin-top: 15px;
	margin-left: 33%;
}

div[id^="m_title_clue_"] {
	display: inline-block;
	min-height:50px;
	height: 100%;
}

button[id^="clue_edit_"] {
	margin-top: 2%;
	margin-bottom: 2%;

	display:block;
}

div[id^="right_content_"] {
	border:none;
}

.matching_hr {
	width: 94%;
	margin-top: 5px;
}

td[id^="red_bar_"] {
	width:1%;
	/*background-color:white;*/
	border-right: 0;
	border-left: 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.m_answer_background {
	background-color: #F9FAFB;
	background-clip: padding-box;
}

table.mqsholder {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

table.mqsholder td{
	word-wrap: break-word;
}
.pre_answer_text{
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

div.answerKey{margin-left: 16px;}

/* Results page question filter links */
div.student_question_filter_links{
	margin:0 10px 0 18px;
}
div.student_question_filter_links a{
	font-size: 13px;
	color: #545454;
	display: inline-block;/* Required to move long Translations onto new line */
}
div.student_question_filter_links a.qfl_active{
	font-size: 13px;
	color: #FB330D; /* qfl_active color Overridden when using Link themes with Colored Links */
}
div.student_question_filter_links a.divider_left{
	margin:0 2px 0 7px;
	border-left: #545454 solid 1px;
	padding-left: 7px;
}


.left_bar_color {
	background-color: #FB330D;
}