@charset "UTF-8";
/* CSS Document */

/**QUIZ STYLES**/

.answer {
	float: left;
	margin: 20px 0 0 30px;;
	clear: both;
	border: 1px #99ccff solid;
	width: 85%;
	padding: 10px;
	}

.correct_answer {
	float: left;
	margin: 10px 10px 10px 25px;
	clear: both;
	width: 95%;
}

.feedback {
	float: left;
	margin: 10px 10px 10px 25px;
	clear: both;
	width: 95%;
}

.feedback_heading {
	margin-top: 20px;
	padding: 0;
	width: 93%;
}

.blue {
	color: #006699; 
}


th {
	text-align:left;
}


legend {
	color: #333;
}



.question {
	float: left;
	font-size: 1.2em;
	color: #000;
	clear: both;
	display: table;
width: 98%;
}


.question_num {
	width: 1.8em;
	display: table-cell;
	font-weight: bold;
vertical-align: top;

}

.question_txt {

	display: table-cell;
}

.question_txt caption {
	font-size: 1em;
}

.question_txt img{
	vertical-align: middle;
}

.dataTable{
	border: 1px solid #000;
	margin-bottom: 10px;
	clear:right;
}

.dataTable td{
	border: 1px #ccc solid;
	text-align: center;

}

.dataTable th{
	border: 1px #ccc solid;
	text-align: center;
	padding: 3px;
}

.longdesc {

	position:absolute;
	left:-1000em;
	width:900em;

}

ul.progress {

	float: left;
	margin: 0 0 15px 0;
	clear:both;
	padding: 5px 5px 5px 0;
	float:left;
	color: #cc0033;
	font-size: 1.2em;
}


ul.progress li {
	float: left;
	list-style-type: none;
	padding: 0 25px 0 0;
	margin: 0;
}


.fieldset_ans {
 	float: left;
	margin: 0;
	clear:both;
	/*width: 50em;*/
	width: 68em;
	padding: 20px;
	font-size: 1.1em;
}

.fieldset_ans img {
	vertical-align: middle;
}

.fieldset_ans label{
	margin: 0 20px 0 0;
	color: #000;
	font-weight: normal;
}

table.question {
	width: 80%;
	clear:both;
}

table.question_feedback{
	width: 98%;
	clear:both;
	font-weight: bold;
}

.submit {
	float: left;
	clear:both;
	margin: 0;
	padding: 10px 0 20px 20px;
}


.input_label {
	margin: 10px 0;
}

.input_label img {
	vertical-align: middle;
	margin: 5px auto;
}


.input_label label {
	font-weight:normal;
	color: #000;
}


/**RESULTS and FEEDBACK**/

a.print_exam {
	background: url(http://www.csumathsuccess.org/print) no-repeat left center;
	padding:3px 20px;
	font-size: 1.1em;
	clear: both;
}

.results {
	width:51em;
	margin: 20px 0;
	text-align:left;
	padding: 0 5px 5px 5px;
}

.results h2 {
	color:#fff;
	background:#09c;
	margin: 0 -5px;
	padding: 5px;
}

ul.score {
	float: left;
width: 100%;
	margin: 10px 0 10px 0;
	clear:both;
	padding: 0;
	float:left;
	color: #cc0033;	
}

ul.score li {
	float: left;
	list-style-type: none;
	padding: 0 25px 0 0;
	margin: 0;
}

.results table{
	width:100%;
	margin: 10px 0;
	text-align:left;
	border-collapse: collapse;
}

.results table td, .results table th {
	border: 1px solid #9cf;
}


.feedbackBox{
	width:50em;
	margin-bottom:40px;
	text-align:left;
	border: 1px solid #9cf;
	padding: 0 15px 15px 15px;
}

.feedbackBox strong {
	color:#069;
}


.feedbackBox h2 {
	margin: 0 -15px 10px -15px;
	padding: 5px;
}

.feedbackBox h3 {
	color:#069;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 1em;
}

.feedbackBox img {
	vertical-align: middle;
	margin: 5px;
}

.rowHeader {
	text-align:left;
	font-weight:bold;
	background: #99ccff;
}

caption{
	padding-bottom:8px;
	text-align: left;
	font-weight: bold;
	/*color: #334d55; */
}

/**10 Question**/
.fieldset_ans_10 {
 	float: left;
	margin: 0 0 20px 0;
	clear:both;
	/*width: 50em;*/
	width: 58em;
	border-bottom: 1px #ccc dashed;
	padding: 20px;
}

.fieldset_ans_10 img {
	vertical-align: middle;
}

.fieldset_ans_10 label{
	margin: 0 20px 0 0;
	font-size: 1.2em;
	color: #000;
	font-weight: normal;
}

/* -- expand boxes -- */
.expandBoxSource {

	background-color: #edf8ff;
background: #D0E8FC;
	padding: 5px;
	margin: 10px 0px 0px;
}
.expandBoxContent {
	border: 1px solid #ccc;
	border-top: none;
	background-color: #efefef;
	padding: 15px;
}
.expandBoxSource a {
	display: block;
	padding-left: 25px;
	background-image: url(arrowDown.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border: none;
	font-weight: normal;
}

h3.expandBoxSource a {
	font-weight: bold;
}

.expandBoxNote {
	position: absolute;
	left: -9999px;
}

.start_arrow {
	font-size: 1.1em;
	font-weight: bold;
	background: url(start-arrow.png) no-repeat right center;
	padding: 10px 30px 10px 0;

}

.startover_arrow {
	background: url(startover-arrow.png) no-repeat left center;
	padding: 3px 20px;
}

.exit_quiz {
	background: url(http://www.csumathsuccess.org/exit_quiz) no-repeat left center;
	padding: 3px 3px 3px 28px;
	float: right;
}

ul.elm_nav {
	margin: 0;
	padding: 10px 0;

}

ul.elm_nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}

.elm_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:1em;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.elm_submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.elm_submit:active {
	position:relative;
	top:1px;
}

.exam_correct {
	background: url(http://www.csumathsuccess.org/green_check) no-repeat left center;
	line-height: 2.3;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	color: #0c7926;
	margin-left: 10px;
}

.exam_incorrect {
	background: url(http://www.csumathsuccess.org/red_check) no-repeat left center;
	line-height: 2.3;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	color: #cc0033;
	margin-left: 10px;
}

.exam_skip {
	background: url(http://www.csumathsuccess.org/black_check) no-repeat left center;
	line-height: 2.3;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
}