.instruction{
	/*
	font-weight: bold;
	font-size: larger;
	padding: 5px;
	margin-bottom: 5px;
	background: #e9e9e9;
	*/
	background:#DCE6F1 url(/img/searchbar-bg.png) repeat-x scroll 0 0;
	border:1px solid #B7C5D5;
	color:#515151;
	font-size:14px;
	font-weight:bold;
	margin:-6px -6px 6px;
	padding:8px 8px 3px 28px;
	text-align:left;
}
.instruction:first-letter {
	background: transparent url(/img/control_stop_square.png) 3px center no-repeat;
	margin-left: -24px;
	padding-left: 24px;
	}

.reference{
	font-size: 16px;
	letter-spacing: .1em;
	padding: 15px 20px;
	background: #f3f3f3;
	border: 4px solid #E2DED8;
	margin-bottom: 6px;
}

.question-box{
	position: relative;
	padding-bottom: 15px;
	/*border-bottom: 8px solid #f3f3f3;*/	
}

.question-box .question{
	position: relative;
	padding: 10px;	
	/*border: 5px solid #f3f3f3;*/
	background: #fff;
	font-size: 16px;
	letter-spacing: .1em;
}

.answer-box{
	font-size: 15px;
	position: relative;
	background: #fff;
	clear: left;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #E2DED8;
	margin-bottom: 5px;
	
	/*IE6 Fix*/
	#height: 140px;
}

.answer-box .answer-logo{
	font-size: 12px;
	color: #7f8183;
	margin: -5px 0 5px -5px;
	position: relative;
	}

.answer-box label{
	width: 90%;
	padding-left: 5px;
}

.answer-box label.short{
	width: 6em;
	padding: 0 0 0 5px;
	}

.result-popup{
	font-size:13px;
	height:51px;
	position:absolute;
	right:3px;
	text-align:right;
	top:8px;
	width:120px;
	}

.result-box{
	/*	Bottom Version
	clear: left;
	margin-top: 40px;
	font-size: 12px;
	padding: 4px;
	background: #f3f3f3;
	text-align:center;
	display: none;
	*/
	
	font-size:14px;	
	position:absolute;
	right:3px;
	text-align:right;
	top:8px;
	width:140px;	
	background: white url(/img/bg_widget.png) no-repeat bottom right;
	border: 1px solid silver;		
	display: none;
	}
.result-box div{
	overflow:hidden;
	/*border-bottom: 1px solid silver;*/
	}
.result-box div.title{background: url(/img/searchbar-bg.png) repeat-x scroll 0 0 #DCE6F1;}
.result-box div span{
	width: 35px;
	float:right;
	display: block;
	border: 0px;
	margin-left: 5px;
	text-align: right;
	}

	
.result-box table{ background-color: white; }
.result-box .result-result.correct{background-color: #b2f1a2}
.result-box .result-result.incorrect{background-color: #fcc072}

.result-popup span,
.result-box span{
	padding: 0 5px 0 5px;	
	color: #000;
	border: 1px solid silver;
	display: block;
	/*
	display: block;
	float:right;
	width: 52px;
	height: 51px;
	text-indent: -1000em;
	background-repeat: no-repeat;
	*/
	}

.save-success{
	background-color: silver;
	border-color: black;
	}

.save-failure{
	background-color: maroon;
	border-color: red;
	}

.correct,
.answer-correct,
label.correct{	
	background-color: #b2f1a2;
	border-color: #2bad39;
	}
	
.incorrect,
.answer-incorrect,
label.incorrect{
	background-color: #fcc072;
	border-color: #ff0000;
	}

.test-results{
	padding: 20px;
	border: 1px solid black;
	text-align: center;
	font-size: 20px;
	background: slateGray;
	color: white;
	font-weight: bold;
	}
.result-num-right{
	font-size: 35px;
	}

/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

	label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
		background: url(../images/prettyCheckboxes/checkbox.gif) 0 -1px no-repeat; /* Path to your checkbox image */		
	}
	
	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(../images/prettyCheckboxes/radio.gif) 0 -1px no-repeat; /* Path to your radio button image */		
	}	
	
	label.checkbox:hover span.holder,
	label.radio:hover span.holder { top: -21px !important; } /* Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -42px !important; } /* Background position when checked */

	.answer-box label,
	.answer-box label.short{
		background: #f3f3f3;
		border: 1px solid #E2DED8;
		padding: 3px 5px;
		}
	
	.answer-box label.short{
		float: left; clear: none; margin: 0 10px 0 0;
		}
	
	.answer-box label.checked,
	.answer-box label:hover{
		background: #E2DED8;
		border: 1px solid #656565;
		}
	
	.answer-box label.correct{	
		background-color: #b2f1a2;
		border-color: #2bad39;
		}
	
	.answer-box label.incorrect{
		background-color: #fcc072;
		border-color: #ff0000;
		}


/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		float: left; margin: 0 10px 0 0;
	}
	
		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 5px;
			overflow: hidden;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}