/* Off state for a ARC radio */
.radioOff {
	display: block;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 50px;
	color: #666;
	line-height: 50px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(../images/10qtool/radio_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 0px solid #ccc;
	text-align: left;
}
/* On state for a ARC radio */
.radioOn {
	display: block;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 50px;
	color: #000;
	line-height: 50px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(../images/10qtool/radio_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 0px solid #ccc;
	text-align: left;
}

/* Tien vragen */
#popupBg {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=70); opacity:0.7; z-index: 1000;}
#popup {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 2000;}

#tienVragenQuiz {display: block; position: absolute; top: 50%; left: 50%; width: 540px; margin-left: -270px; height: 416px; margin-top: -208px; z-index: 2000; background-color: #30ABDF; border: 1px solid #2A3A64;}
#tienVragenQuiz * {font-family: "Trebuchet MS", "Sans-serif", "Arial"; font-weight: bold;}

#tienVragenQuizContent p,
#tienVragenQuizContent h3
{
  text-align: left;
}
#tienVragenQuizContent h3 {color: #fff; font-size: 20px;}
#tienVragenQuizContent p.resultaat {color: #fff; font-size: 14px; line-height: 120%;}

#tienVragenQuizClose {position: absolute; top: 15px; right: 15px;}

#tienVragenQuiz .vraag {position: absolute; width: 100%; height: 366px; left: 0; top: 50px;}    

#tienVragenQuiz .vraag .nummer {position: absolute; left: 0; top: 0; width: 50px; text-align: right; color: #fff; font-size: 24px;}

#tienVragenQuiz .vraag .tekst {position: absolute; left: 60px; top: -5px; width: 445px; text-align: left; color: #fff; font-size: 20px; line-height: 24px;}

#tienVragenQuiz .vraag .opties {position: absolute; left: 60px; top: 60px; width: 445px; text-align: left; margin-top: 30px;}
#tienVragenQuiz .vraag .opties input {display: block; width: 60px; clear: both;}
#tienVragenQuiz .vraag .opties label {display: block; width: 400px; height: 60px; color: #fff; font-size: 24px;}
#tienVragenQuiz .vraag .opties .optietekst {line-height: 24px;}


#tienVragenQuiz .vraag .verder a {position: absolute; bottom: 15px; right: 15px; color: #2A3A64; font-size: 20px;}   
#tienVragenQuiz .verder a {position: absolute; bottom: 15px; right: 15px; color: #2A3A64; font-size: 20px;}