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

body input[type="text"]{
	font-size: 15px;
	font-family:Verdana, Geneva, sans-serif;
	padding: 5px;
	border: 1px solid #8B92AF;
	margin: 1px;
}

/*body input[type="radio"] label{
	display:inline-block;
	padding: 5px;
	background-color:black;
}*/
/*Found out that the style does not apply for the elements added after the document ready*/

body input[type="radio"]{
	margin: 10px 5px 15px 5px;
	
	/*height:0px;
	width:0px;*/ /*only works in Chrome and IE*/
	
	/*visibility issue*/
	/*display:none;*/ /*cause tabbing problem*/
	/*visibility: hidden*/ /*cause tabbing problem*/
	opacity: 0;
}


body form label{
	background-image:url("img/comm_radio.png");
	background-repeat: no-repeat;
	background-clip:border-box;

	padding: 0px 0px 8px 33px;
	display:inline-block;
	max-width:750px; /*770px - padding-left*/
	
	cursor:pointer;

}

body form label > div{
	padding: 7px 7px 7px 7px;
	background-color:transparent;
}

form label:hover,
form label.focusIn
{
	background-position: 1px -89px;
}

form label:hover > div,
form label.focusIn > div{
	background-color: #EBEBEB;
}

/*body form .incorrect{background-position: 0px -180px;}
body form .incorrect:hover{background-position: 0px -180px;}*/
body form .correct{background-position: 0px -270px; cursor:default;}
body form .correct:hover > div{background-color:transparent;}
body form .disabled{background-position: 0px -360px; cursor:default;}
body form .disabled:hover > div{background-color:white;}



body select{
	padding: 5px;
	font-size: 15px;
	font-family:Verdana, Geneva, sans-serif;
	border: 1px solid #8B92AF;
	margin:1px;
}

/* clickable image map*/
.clickable-imageMap {
	border: 1px solid #E8E8E8;
	border-radius: 3px;
	box-shadow: 2px 2px 3px #D7D7D7;

	cursor: pointer;
}

body .show_answer_btn{
	border: 0px solid;

}