@charset "utf-8";
/* CSS Document */

/*.radio{	margin-left:150px;margin-top:-30px;}*/

/* increased redio btn size */
.radioSize{width:15px;	height:15px; margin-left:30px;}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%; 
}
input[type='radio']:checked:before { background-color:#B22D00;}

#submitBtn
{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	margin-left:40px;
	background-color:#03a6b0;
	cursor:pointer;
	border-radius:10px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:10px;
	text-align:center;
	box-sizing: border-box;
}

#submitBtn:hover
{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	margin-left:40px;
	background-color:#018890;
	cursor:pointer;
	border-radius:10px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:10px;
	text-align:center;
	box-sizing: border-box;
}

#nextButton
{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	margin-left:40px;
	background-color:#03a6b0;
	cursor:pointer;
	border-radius:10px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:10px;
	text-align:center;
	box-sizing: border-box;
}

#nextButton:hover
{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	margin-left:40px;
	background-color:#018890;
	cursor:pointer;
	border-radius:10px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:10px;
	text-align:center;
	box-sizing: border-box;
}


#content{position:absolute;left:0px;top:0px;margin-left:20px;margin-top:20px;width:85%}
.correctSymbol{	position:absolute;	visibility:hidden;	left:25px;}
.wrongSymbol{	position:relative;	visibility:hidden;	left:25px;	top:5px;}
#heading {font-family:Verdana, Geneva, sans-serif; font-size:20px;color:#000;}

#container{position:relative;font-family:Verdana, Geneva, sans-serif; font-size:14px;color:#000;}

#quetion{position:relative;font-family:Verdana, Geneva, sans-serif; font-size:18px;color:#000;width:900px;}

/* -------- option txt  ---------- */
/*#optionsTxt{position:relative;font-family:Verdana, Geneva, sans-serif; font-size:16px;width:100%;left:90px;top:-22px;font-weight:500;}*/
/*#optionsTxt{position:relative;font-family:Verdana, Geneva, sans-serif; font-size:16px;width:100%;left:90px;top:-22px;font-weight:500;}*/
#optionsTxt{position:relative;font-family:Verdana, Geneva, sans-serif; font-size:16px;left:20px;font-weight:500;}
#imagePosition{margin-left:80px;margin-top:-32px;}
/* -------- feedback txt  ---------- */
#popupTxt{	position:absolute;top:20px;left:10px;font-family:Verdana, Geneva, sans-serif; font-size:16px;color:#000;width:90%;height:230px;margin-left:20px;margin-top:40px;}
#popupBox{position:absolute;top:0px;left:0px;width:450px;height:270px;background-image:url(../../data/content/images/feedback.png);}
#popupBox{position:absolute;top:0px;left:0px;width:450px;height:450;}
#closeBtn{	position:absolute;cursor:pointer;margin-left:87%;top:20px;}

#graphImage{position:absolute;top:0px;/*width:490px;height:257px;*/ margin-left:570px;margin-top:46px;}

#headingLine{ margin-left:20px; margin-top:0px;}

#headingPosition{margin-left:50px;margin-top:-32px;}

#stage
{
	position:absolute;
	left:0px;
	top:0px;
	margin-top:400px;
	width:110%;
}

#buttonpanle
{
	height:80px;
	overflow:hidden;
	margin-top:0px;
	margin-left:30px;
}

#totalQuestion
{
	position:absolute;
	right:0px;
	top:0px;
}
