@charset "utf-8";
/* CSS Document */

/*-------------------------------- 
	INPUT TYPE RADIO
--------------------------------*/
.question-css .custom-radio label {
	background: url('/Shared/Base-Trivia-Resp/img/Bg-RadioButtons.png') no-repeat scroll 0 0 transparent;
	font:14px/17px Arial;
  color: #333;
	padding: 0 0 3px 35px;
	display: inline-block;
	cursor:pointer;
	position:relative;
	z-index:1;
}
.question-css .custom-radio label.checked, .question-css .custom-radio label.checked.hover {
	background-position: 0 -40px;
	color: #111;
	font-weight:bold;
}
.question-css .custom-radio label.hover {
	background-position: 0 -20px;
	color: #009CDE;
}

/*-------------------------------- 
	INPUT TYPE CHECKBOX
--------------------------------*/
.question-css .custom-checkbox label {
	background: url('/Shared/Base-Trivia-Resp/img/Bg-CheckBox.png') no-repeat scroll 0 0 transparent;
	font:14px/17px Arial;
  color: #333;
	padding: 0 0 5px 35px;
	display: inline-block;
	cursor:pointer;
	position:relative;
	z-index:1;
}
.question-css .custom-checkbox label.checked, .question-css .custom-checkbox label.checked.hover {
	background-position: 0 -44px;
	color: #111;
	font-weight:bold;
}
.question-css .custom-checkbox label.hover {
	background-position: 0 -22px;
	color: #009CDE;
}

/*-------------------------------- 
	INPUT TYPES CSS
--------------------------------*/
.question-css input[type='checkbox'], .question-css input[type='radio'] {
	display: none;
	height: 1px;
	margin: 0;
	position: relative;
	right: 10px;
	top: 12px;
	width: 1px;
	z-index: 0;
}
/* IE7, IE8 */
.question-css input[type='checkbox'], .question-css input[type='radio'] { display/*\**/: block\9; }


.question-css select {
	font:14px/17px Arial;
  color: #333;
}
.question-css option {
	font:14px/17px Arial;
  color: #333;
}



.question-css label.hover,
.question-css label.focus ,
.question-css label.hover,
.question-css label .focus
{

}



.question-css label.checkedHover, 
.question-css label.checkedFocus,
.question-css label.checkedHover,
.question-css label.checkedFocus {
}

.question-css label.focus  {
	outline: 1px dotted #ccc;
}


