/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 5px;
	top: 5px;
	margin: 0;
	z-index: 0;
	border: none;
	outline: none;
	background: none;
	opacity: 0;
}

.custom-checkbox label, 
.custom-radio label, div.answer {
	display: block;
	position: relative;
	z-index: 1;
	line-height: 1;
	padding: 12px 0 10px 40px;
	margin: 0 0 .3em;
	cursor: pointer;
	width:800px;
}
div.answer {
	cursor:default;
}
	
/* states */
.custom-checkbox label, div.answer { background: url(/images/checkbox.gif) no-repeat; }

.custom-radio label, div.answer { background: url(/images/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label, div.answer {
	background-position: -5px -10px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -5px -110px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked, div.chosen_answer {
	background-position: -5px -210px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -5px -310px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

div.answer {
	color:#999;	
}
div.chosen_answer {
	color:#333;
	border:1px solid #333;
}

div.correct_answer {
	color:#02c800;
}