/*** Overall MovingBoxes Slider ***/

@media (min-width:981px) and (max-width:3000px) {
.mb-inside{ width:100%; }
.exerdiv{left:92%;}
.exerdiv_math{right:14%; top:255px;}
.soltext{ width:610px; }


a.mb-scrollButtons.mb-right { right: 60px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:60px; }
.btn_finish{ right: 60px; }

.assess_instruction_main{ width:70%;}
.assess_instruction_textbox p{width:100%;}
.assess_instruct-btn{ margin:15px -65px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}

@media (min-width:900px) and (max-width:980px) {
.mb-inside{ width:100%; }
.exerdiv{left:90%;}
.exerdiv_math{right:6%; top:290px;}
.soltext{ width:600px; }

a.mb-scrollButtons.mb-right { right: 60px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:60px; }
.btn_finish{ right: 60px; }

.assess_instruction_main{ width:76%;}
.assess_instruction_textbox p{width:100%;}
.assess_instruct-btn{ margin:15px -65px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}

@media (min-width:800px) and (max-width:899px) {
.mb-inside{ width:90%; }
.exerdiv{left:89%;}
.exerdiv_math{right:4%; top:340px;}
.soltext{ width:540px; }

a.mb-scrollButtons.mb-right { right: 125px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:125px; }
.btn_finish{ right: 125px; }

.assess_instruction_main{ width:86%;}
.assess_instruction_textbox p{width:100%;}
.assess_instruct-btn{ margin:15px -65px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}


@media (min-width:700px) and (max-width:799px) {
.mb-inside{ width:80%; }
.exerdiv{left:89%;}
.exerdiv_math{right:4%; top:250px;}
.soltext{ width:475px; }

a.mb-scrollButtons.mb-right { right: 190px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:190px; }
.btn_finish{ right:190px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:100%;}
.assess_instruct-btn{ margin:15px -65px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}

@media (min-width:600px) and (max-width:699px) {
.mb-inside{ width:70%; }
.exerdiv{left:86%;}
.exerdiv_math{right:4%; top:260px;}
.soltext{ width:415px; }

a.mb-scrollButtons.mb-right { right: 255px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:255px; }
.btn_finish{ right: 255px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:95%;}
.assess_instruct-btn{ margin:15px -50px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}

@media (min-width:500px) and (max-width:599px) {
.mb-inside{ width:55%; }
.exerdiv{left:84%;}
.exerdiv_math{right:3%; top:280px;}
.soltext{ width:315px; }

a.mb-scrollButtons.mb-right { right: 350px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:350px; }
.btn_finish{ right:350px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:95%;}
.assess_instruct-btn{ margin:15px -43px 5px; }
.assess_instruction_textbox ul li{ width:92%;}
}

@media (min-width:400px) and (max-width:499px) {
.mb-inside{ width:40%; }
.exerdiv{left:83%;}
.exerdiv_math{right:4%; top:340px;}
.soltext{ width:220px; }

a.mb-scrollButtons.mb-right { right:445px; }
a.mb-scrollButtons.mb-left { left: 25px; }
.mb-assess-right{ right:445px; }
.btn_finish{ right: 445px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:92%;}
.assess_instruct-btn{ margin:15px -27px 5px; }
.assess_instruction_textbox ul li{ width:88%;}
}

@media (min-width:350px) and (max-width:399px) {
.mb-inside{ width:30%; }
.exerdiv{left:77%;}
.exerdiv_math{right:6%; top:432px;}
.soltext{ width:155px; }

a.mb-scrollButtons.mb-right { right:495px; }
a.mb-scrollButtons.mb-left { left: 20px; }
.mb-assess-right{ right:495px; }
.btn_finish{ right: 495px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:92%;}
.assess_instruct-btn{ margin:15px -24px 5px; }
.assess_instruction_textbox ul li{ width:88%;}
}

@media (min-width:300px) and (max-width:349px) {
.mb-inside{ width:25%; }
.exerdiv{left:72%;}
.exerdiv_math{right:5%; top:460px;}
.soltext{ width:125px; }

a.mb-scrollButtons.mb-right { right:495px; }
a.mb-scrollButtons.mb-left { left: 20px; }
.mb-assess-right{ right:495px; }
.btn_finish{ right: 495px; }

.assess_instruction_main{ width:94%;}
.assess_instruction_textbox p{width:90%;}
.assess_instruct-btn{ margin:15px -12px 5px; }
.assess_instruction_textbox ul li{ width:83%;}
}

.movingbox_h1{ width:100%; margin:0px; padding:0px; display:block; text-align:center; font-size:16px; color:#727272;}

.mb-wrapper {
	/*border: 5px solid #00AEED;*/
	margin: 0 auto 20px;
	position: relative;
	left: 0;
	top: 0;
       /* float:left;
	border-radius: 10px;
	box-shadow: inset 0 0 10px #888;*/
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;

	/***(>'-')> Control Panel Font size here <('-'<)***/
	font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
	border-color: #00AEED;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0;
	padding: 20px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
}


/*** Inside the panel ***/
.mb-inside {
	padding: 10px;
	/*border: 1px solid #A6E1F4;*/
	margin:0px;
	float:left;
}

.mb-inside p .mcqnumber{ font-size:18px; color:#af5c02;}
.mb-inside p .mcqtext{ font-size:15px; color:#af5c02;}
.mb-inside ul{ margin:0px; padding:0px;}
.mb-inside ul li{ width:100%; /*background-color:#f6f3ee;*/ margin:0px 0px 15px; padding:8px 15px; float:left; display:block; border-radius:8px;}
.mb-inside ul li .checkbox{ float: left; margin: 0; padding: 0; width: 23px;}
.mb-inside ul li .checkbox input[type="radio"]{ border:#767676 1px solid;}
.mb-inside ul li .lable_text{ color:#434240;}



.exerdiv{ width:70px; margin:0px; padding:0px;/* float:right;*/background-color:#fcf6eb; font-size:15px; color:#333333; border-top:#f3debb 1px solid; border-left:#f3debb 1px solid; border-right:#f3debb 1px solid;  position:absolute;  z-index: 1000; top: 70px;  }
.exerdiv h1{ width:100%; margin:0px; padding:6px 0px; text-align:center; border-bottom:#f7e3c3 solid 1px; font-size:12px;  }
.exerdiv ul{ width:100%; margin:0px; padding:0px 0px 0px; background-color:#fffdfa;}
.exerdiv ul li{ margin:0px; padding:8px 0px; border-bottom:#f7e3c3 solid 1px; background:url(../images/exer_circle.jpg) no-repeat center 6px; text-align:center;}
.exerdiv ul li a{color:#9d5402; }
.actexer{ /*background-color:#fffcf7; border:#decba5 1px solid !important;*/ font-weight:bold; background:url(../images/exer_circle_hover.jpg) no-repeat center 6px !important; padding:8px 0px !important; }
.actexer a{color:#FFFFFF !important;}

.exerdiv_math{ width:70px; margin:0px; padding:0px;/* float:right;*/background-color:#fcf6eb; font-size:15px; color:#333333; border-top:#f3debb 1px solid; border-left:#f3debb 1px solid; border-right:#f3debb 1px solid;  position:absolute;  z-index: 1000;  }
.exerdiv_math h1{ width:100%; margin:0px; padding:6px 0px; text-align:center; border-bottom:#f7e3c3 solid 1px; font-size:12px;  }
.exerdiv_math ul{ width:100%; margin:0px; padding:0px 0px 0px; background-color:#fffdfa;}
.exerdiv_math ul li{ margin:0px; padding:8px 0px; border-bottom:#f7e3c3 solid 1px; background:url(../images/exer_circle.jpg) no-repeat center 6px; text-align:center;}
.exerdiv_math ul li a{color:#9d5402; }

.clsReports{ display:block; float:right; margin:0px 10px 0px 0px; }


.solbox_mcq{ width:100%; margin:12px 0px 20px; padding:0px 12px 8px 0px; display:block; float:left; font-size:14px;  border:#bead94 1px solid; border-radius:8px;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(left, #ffffff 68%, #fcf6ec 100%); /*
FF3.6+ */
background:-webkit-gradient(linear, left top, right top,
color-stop(68%,#ffffff), color-stop(100%,#fcf6ec)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /*
Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /* Opera
11.10+ */
background:-ms-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /* IE10+ */
background:linear-gradient(to right, #ffffff 68%,#fcf6ec 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ffffff', endColorstr='#fcf6ec',GradientType=1 );/*IE6-9*/


}




.hint-solbox_mcq{ width:100%; margin:12px 0px 20px; padding:0px 12px 8px 0px; display:block; float:left; font-size:14px;  border:#bead94 1px solid; border-radius:8px;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(left, #ffffff 68%, #fcf6ec 100%); /*
FF3.6+ */
background:-webkit-gradient(linear, left top, right top,
color-stop(68%,#ffffff), color-stop(100%,#fcf6ec)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /*
Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /* Opera
11.10+ */
background:-ms-linear-gradient(left, #ffffff 68%,#fcf6ec 100%); /* IE10+ */
background:linear-gradient(to right, #ffffff 68%,#fcf6ec 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ffffff', endColorstr='#fcf6ec',GradientType=1 );/*IE6-9*/


}



.ansbox_mcq{ width:100%; margin:6px 0px 0px; padding:0px 0px 5px; display:block; font-size:14px;float:left;}

.mb-inside * {
	max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	display: block;
	
	height: 58px;
	background: transparent url(../images/arrows.png) no-repeat;
	position: absolute;
	top: 100%;
	margin-top: 10px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}

a.mb-assess-scrollButtons {
	display: block;	
	height: 35px;
	position: absolute;
	top: 100%;
	 /*margin-top: 10px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;

}
a.mb-game-scrollButtons {
	display: block;	
	height: 35px;
	position: absolute;
	top: 100%;
	 /*margin-top: 10px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;

}
.mb-assess-left{background: transparent url(../images/assess_prev-btn.png) no-repeat 0 0; left:15px; width: 120px; }
.mb-assess-right{ background: transparent url(../images/assess_next-btn.png) no-repeat 0 0; width: 86px; }


/*.btn_finish{display: block;
	width: 86px;
	height: 58px;
	
	position: absolute;
	top: 100%;
	margin-top: 10px; 
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;}*/

a.mb-scrollButtons.mb-left { background-position: left top; }
a.mb-scrollButtons.mb-right { background-position: right top; }
a.mb-scrollButtons.mb-left:hover {
	/*background-position: left bottom;*/
}
a.mb-scrollButtons.mb-right:hover {
	/*background-position: right bottom;*/
}
a.mb-scrollButtons.disabled {
	display: none;
}
a.mb-assess-scrollButtons.disabled {
	display: none;
}
a.mb-game-left.disabled{ opacity:0.4;pointer-events: none;}
a.mb-game-right.disabled{ opacity:0.4;pointer-events: none;}
/*** Controls added below the panels ***/
.mb-controls {
	margin: 0 auto 55px;
	text-align: center;
	position: relative;
	z-index: 100;
}
.mb-controls a {
	color: #666;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
	
}
/*.mb-controls a:hover {
	background-color:#005fae; color:#fff; border:1px solid #005fae;
}
.mb-controls a.current {
	background-color:#005fae !important; color:#fff !important; border:1px solid #005fae !important;
}
.mb-active-slider .mb-controls {
	background: #333;
}*/

.slider-one { width: 300px; }
.slider-one > li { width: 150px; }


.correctans{ background:url(../images/Correct_icon.png) #e6fce6 no-repeat right center !important; padding-right:40px !important; }

.wrongans{ background:url(../images/Wrong_icon.png) #fff1f1 no-repeat right center !important; padding-right:40px !important; }

.solhead { margin:0px; padding:5px 10px; display:block; float:left; background-color:#8b765d; border-radius:8px 0; color:#FFFFFF; }
.soltext{margin:0px; padding:10px 0px 0px 12px; display:block; float:left; text-align:justify;}


.hint-solhead { margin:0px; padding:5px 10px; display:block; float:left; background-color:#8b765d; border-radius:8px 0; color:#FFFFFF; }
.hint-soltext{margin:0px; padding:10px 0px 0px 12px; display:block; float:left; text-align:justify;}
.textareabox {width:100%;display:block;padding:0px;margin:0px; }
.hots_txtareaCls{width:100%;display:block;padding:0px;margin:0px;}


.clsMathSubmit{  background: url(../images/MCQ-finish-button.png) no-repeat scroll 0 0 transparent;  display: block;   margin: 0;    padding: 0;  
                width: 83px !important; height:44px; border:none; }
.cls_assess_MathSubmit{  background: url(../images/assess_finish-btn.png) no-repeat scroll 0 0 transparent;  display: block;   margin: 0;    padding: 0;
                width: 115px !important; height:30px; border:none; }

.clsRemarks_math{float:left;margin:0 0 8px;padding:0; width:83%;color: #008e8d;font-size: 15px !important;font-weight: bold !important;}

.clsmath_details{ display:block; float:right; margin:0px 0px 20px 10px; padding:0px;cursor:pointer; }
.lblRemarksCls_math { cursor:text;}


/* MCQ Report CSS */

@media (min-width:600px) and (max-width:3000px) {
/* For math */
.main_reportdiv{ width:560px; margin:0px auto;}
.main_resultleftCls{ width:160px; height:260px; margin:0px 0px 10px;}
.res_main_table{height:260px; margin:0px 0px 10px;}
.circles-wrp{top:45px;}
}

@media (min-width:500px) and (max-width:599px) {
/* For math */
.main_reportdiv{ width:370px; margin:0px auto;}
.main_resultleftCls{ width:160px; height:250px; margin:0px 0px 12px;}
.res_main_table{height:250px; margin:0px 0px 10px;}
}

@media (min-width:401px) and (max-width:499px) {
/* For math */
.main_reportdiv{ width:196px; height:470px !important; margin:0px auto; }
.main_resultleftCls{width:100%; margin:0px 0px 0px 0px;}
.res_main_table{width:100%; height:250px; margin:0px 0px 10px;}
}

@media (max-width:400px) {
/*For math */
.main_reportdiv{ width:196px; height:550px !important; margin:0px; float:left; }
.main_resultleftCls{ width:100%; margin:0px 0px 0px 10px; }
.res_main_table{width:100%; margin:0px 0px 10px 10px; }
}



/* For Physics report */

.Phy_reportdiv{ padding:0px; display:block; /*float:left;*/ }
.Phy_reportdiv h3{ width:100%; margin:0px; padding:0px 0px 10px; display:block; float:left; text-align:center; font-family:Carrois Gothic, sans-serif; color:#fe6634; font-size:15px; text-transform:uppercase !important; }
.Phy_reportdiv .resultleftCls{ padding:0px; display:block; float:left; background-color:#fff; border:#c3e9ff 1px solid; }
.Phy_reportdiv .resultleftCls .testCls{width:100%; margin:0px; padding:5px; float:left; text-align:center; color:#fff; background-color:#76cdff; }
.Phy_reportdiv .resultleftCls .res_circle{ width: 100%; margin: 0px; padding:10px 0px 10px 10px; float:left; }

.Phy_reportdiv .res_table{ height:260px; padding:0px; display:block;float:left; background-color:#e6f6ff; }
.Phy_reportdiv .clstryagain { display:block; margin-bottom:12px; }

.Phy_reportdiv .detailsDiv{ background-color: #ddf2fe; float: left; border:#1a88c8 1px solid; -moz-border-radius:10px;  -webkit-border-radius:10px;  -webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.25);  -moz-box-shadow: 0px 0 2px rgba(0,0,0,0.25);
  box-shadow: 0px 0 2px rgba(0,0,0,0.25); }
.Phy_reportdiv .detailsDiv:after { position: absolute; display: block; content: ""; border-color: #ddf2fe transparent transparent transparent;  border-style: solid;  border-width: 8px;  height:0;  width:0;  position:absolute;  bottom:-14px;  left:35px; }
.Phy_reportdiv .detailsDiv:before { position: absolute; display: block; content: "";  border-color: #1a88c8 transparent transparent transparent;  border-style: solid;  border-width: 8px;  height:0;  width:0;  position:absolute;  bottom:-16px;  left:35px; }
.Phy_reportdiv .tstdiv{ background-color:#4bb4f0;  color:#fff;  font-family: carrois gothic;  font-size:13px; padding:0px; margin:0px; }
.Phy_reportdiv .scrdiv{ color:#3e464a; font-size:12px !important; padding:0px 5px;}
.Phy_reportdiv .detailsDiv .cls_details{ color:#168ACC; float:left; margin:0px !important; padding:0px; text-align:center;	width:100%;	font-size:12px !important; cursor:pointer; }

.Phy_reportdiv .ulreportbox{ width:100%; margin:0px 0px 30px; padding:0px; display:block;float:left; background-color:#f3fbff;}
.Phy_reportdiv .ulreportbox li{ width:23%; height:60px; margin:0px; padding:10px 0px; display:block;float:left; border-right:#c6ced5 1px solid; }
.Phy_reportdiv .ulreportbox li .uppbox{ width:100%; margin:0px; padding:0px 0px 5px; float:left;text-align:center; color:#07679e; text-transform:uppercase; }
.Phy_reportdiv .ulreportbox li .uppbox img{ padding:0px 5px 0px 0px;}
.Phy_reportdiv .ulreportbox li .downbox{ width:100%; margin:0px; padding:0px; float:left;text-align:center; color:#925404; }
.Phy_reportdiv .ulreportbox li:last-child{border-right:none !important;}
.Phy_reportdiv .ulreportbox .resultsli{width: 28.6%; background-color:#e2f5ff; color:#035a8c; text-align:center; text-transform:uppercase; vertical-align:middle !important; padding-top:21px; }




/* For Chemistry report */

.Chem_reportdiv{ padding:0px; display:block; /*float:left;*/ }
.Chem_reportdiv h3{ width:100%; margin:0px; padding:0px 0px 10px; display:block; float:left; text-align:center; font-family:Carrois Gothic, sans-serif; color:#fe6634; font-size:15px; text-transform:uppercase !important; }
.Chem_reportdiv .resultleftCls{ padding:0px; display:block; float:left; background-color:#fff;border:#8aebff 1px solid; }
.Chem_reportdiv .resultleftCls .testCls{width: 100%; margin: 0px; padding: 5px; float:left; text-align: center; color:#fff; background-color:#25cbee;}
.Chem_reportdiv .resultleftCls .res_circle{width: 100%; margin: 0px; padding:10px 0px 10px 10px; float:left; }

.Chem_reportdiv .res_table{ height:260px; padding:0px; display:block; float:left; background-color:#daf9ff; }
.Chem_reportdiv .clstryagain { display:block; margin-bottom:12px; }

.Chem_reportdiv .detailsDiv{ background-color: #daf9ff; float: left; border:#0086a3 1px solid; -moz-border-radius:10px;  -webkit-border-radius:10px;  -webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.25);  -moz-box-shadow: 0px 0 2px rgba(0,0,0,0.25);
  box-shadow: 0px 0 2px rgba(0,0,0,0.25); }
.Chem_reportdiv .detailsDiv:after { position: absolute; display: block; content: ""; border-color: #daf9ff transparent transparent transparent;  border-style: solid;  border-width: 8px;  height:0;  width:0;  position:absolute;  bottom:-14px;  left:35px; }
.Chem_reportdiv .detailsDiv:before { position: absolute; display: block; content: "";  border-color: #0086a3 transparent transparent transparent;  border-style: solid;  border-width: 8px;  height:0;  width:0;  position:absolute;  bottom:-16px;  left:35px; }
.Chem_reportdiv .tstdiv{ background-color:#02aed2;  color:#fff;  font-family:carrois gothic;  font-size:13px; padding:0px; margin:0px; }
.Chem_reportdiv .scrdiv{ color:#3e464a; font-size:12px !important; padding:0px 5px;}
.Chem_reportdiv .detailsDiv .cls_details{ color:#03819c; float:left; margin:0px !important; padding:0px; text-align:center;	width:100%;	font-size:12px !important; cursor:pointer; }

.Chem_reportdiv .ulreportbox{ width:100%; margin:0px 0px 30px; padding:0px; display:block; float:left; background-color:#eafbff;}
.Chem_reportdiv .ulreportbox li{ width:23%; height:60px; margin:0px; padding:10px 0px; display:block;float:left; border-right:#6cd5eb 1px solid; }
.Chem_reportdiv .ulreportbox li .uppbox{ width:100%; margin:0px; padding:0px 0px 5px; float:left;text-align:center; color:#096275; text-transform:uppercase; }
.Chem_reportdiv .ulreportbox li .uppbox img{ padding:0px 5px 0px 0px;}
.Chem_reportdiv .ulreportbox li .downbox{ width:100%; margin:0px; padding:0px; float:left;text-align:center; color:#657a63; }
.Chem_reportdiv .ulreportbox li:last-child{border-right:none !important;}
.Chem_reportdiv .ulreportbox .resultsli{ width: 28.6%; background-color:#c7f6ff; color:#096275; text-align:center; text-transform:uppercase; vertical-align:middle !important; padding-top:21px; }



/* For Biology report */

.Bio_reportdiv{ padding:0px; display:block; /*float:left;*/ }
.Bio_reportdiv h3{ width:100%; margin:0px; padding:0px 0px 10px; display:block; float:left; text-align:center; font-family:Carrois Gothic, sans-serif; color:#fe6634; font-size:15px; text-transform:uppercase !important; }
.Bio_reportdiv .resultleftCls{ padding:0px; display:block; float:left; background-color:#fff; border:#d9c7a4 1px solid; }
.Bio_reportdiv .resultleftCls .testCls{ width:100%; margin:0px; padding:5px; float:left; text-align:center; color:#fff; background-color:#b79a62; }
.Bio_reportdiv .resultleftCls .res_circle{width: 100%; margin: 0px; padding:10px 0px 10px 10px; float:left; }

.Bio_reportdiv .res_table{ height:260px; padding:0px; display:block;float:left; background-color:#f9f4e9; }
.Bio_reportdiv .clstryagain{ display:block; margin-bottom:12px; }

.Bio_reportdiv .detailsDiv{ background-color: #f1e7d6; float: left; border:#7e683e 1px solid; -moz-border-radius:10px;  -webkit-border-radius:10px;  -webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.25);  -moz-box-shadow: 0px 0 2px rgba(0,0,0,0.25);
  box-shadow: 0px 0 2px rgba(0,0,0,0.25); }
.Bio_reportdiv .detailsDiv:after { position:absolute; display:block; content:""; border-color:#f1e7d6 transparent transparent transparent;  border-style:solid;  border-width:8px;  height:0;  width:0;  position:absolute;  bottom:-14px;  left:35px; }
.Bio_reportdiv .detailsDiv:before { position: absolute; display: block; content: "";  border-color: #7e683e transparent transparent transparent;  border-style: solid;  border-width: 8px;  height:0;  width:0;  position:absolute;  bottom:-16px;  left:35px; }
.Bio_reportdiv .tstdiv{ background-color:#967f53;  color:#fff;  font-family:carrois gothic;  font-size:13px; padding:0px; margin:0px; }
.Bio_reportdiv .scrdiv{ color:#3e464a; font-size:12px !important; padding:0px 5px;}
.Bio_reportdiv .detailsDiv .cls_details{ color:#695329; float:left; margin:0px !important; padding:0px; text-align:center;	width:100%;	font-size:12px !important; cursor:pointer; }

.Bio_reportdiv .ulreportbox{ width:100%; margin:0px 0px 30px; padding:0px; display:block; float:left; background-color:#fffaf0; }
.Bio_reportdiv .ulreportbox li{ width:23%; height:60px; margin:0px; padding:10px 0px; display:block;float:left; border-right:#c7b698 1px solid; }
.Bio_reportdiv .ulreportbox li .uppbox{ width:100%; margin:0px; padding:0px 0px 5px; float:left; text-align:center; color:#6e5931; text-transform:uppercase; }
.Bio_reportdiv .ulreportbox li .uppbox img{ padding:0px 5px 0px 0px;}
.Bio_reportdiv .ulreportbox li .downbox{ width:100%; margin:0px; padding:0px; float:left;text-align:center; color:#6f6f6f; }
.Bio_reportdiv .ulreportbox li:last-child{border-right:none !important;}
.Bio_reportdiv .ulreportbox .resultsli{width: 28.6%; background-color:#f4eddf; color:#71592b; text-align:center; text-transform:uppercase; vertical-align:middle !important; padding-top:21px; }



/* For Math report */

.Math_reportdiv{ padding:0px; display:block; /*float:left;*/ }
.Math_reportdiv h3{ width:100%; margin:0px; padding:0px 0px 10px; display:block; float:left; text-align:center; font-family:Carrois Gothic, sans-serif; color:#fe6634; font-size:15px; text-transform:uppercase !important; }
.Math_reportdiv .resultleftCls{ padding:0px; display:block; float:left; background-color:#fff; border:#ffd46f 1px solid; }
.Math_reportdiv .resultleftCls .testCls{width: 100%; margin: 0px; padding: 5px; float:left; text-align: center; color:#fff; background-color:#edab11;}
.Math_reportdiv .resultleftCls .res_circle{ width: 100%; margin: 0px; padding:10px 0px 10px 10px; float:left; }

.Math_reportdiv .res_table{ height:260px; padding:0px; display:block;float:left; background-color:#fefde3; }
.Math_reportdiv .clstryagain{ display:block; margin-bottom:12px; }

.Math_reportdiv .detailsDiv{ background-color:#fff2e5; float:left; border:#e87300 1px solid; -moz-border-radius:10px;  -webkit-border-radius:10px;  -webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.25);  -moz-box-shadow: 0px 0 2px rgba(0,0,0,0.25);
  box-shadow: 0px 0 2px rgba(0,0,0,0.25); }
.Math_reportdiv .detailsDiv:after { position:absolute; display:block; content:""; border-color:#fff2e5 transparent transparent transparent;  border-style:solid;  border-width:8px;  height:0;  width:0;  position:absolute;  bottom:-14px;  left:35px; }
.Math_reportdiv .detailsDiv:before { position:absolute; display:block; content:"";  border-color:#e87300 transparent transparent transparent; border-style:solid; border-width:8px; height:0; width:0; position:absolute; bottom:-16px; left:35px; }
.Math_reportdiv .tstdiv{ background-color:#f98b1e;  color:#fff;  font-family:carrois gothic;  font-size:13px; padding:0px; margin:0px; }
.Math_reportdiv .scrdiv{ color:#3e464a; font-size:12px !important; padding:0px 5px;}
.Math_reportdiv .detailsDiv .cls_details{ color:#c46202; float:left; margin:0px !important; padding:0px; text-align:center; width:100%;	font-size:12px !important; cursor:pointer; }

.Math_reportdiv .ulreportbox{ width:100%; margin:0px 0px 30px; padding:0px; display:block; float:left; background-color:#fff6e0; }
.Math_reportdiv .ulreportbox li{ width:23%; height:60px; margin:0px; padding:10px 0px; display:block;float:left; border-right:#f0af18 1px solid; }
.Math_reportdiv .ulreportbox li .uppbox{ width:100%; margin:0px; padding:0px 0px 5px; float:left;text-align:center; color:#b17c01; text-transform:uppercase; }
.Math_reportdiv .ulreportbox li .uppbox img{ padding:0px 5px 0px 0px;}
.Math_reportdiv .ulreportbox li .downbox{ width:100%; margin:0px; padding:0px; float:left;text-align:center; color:#818181; }
.Math_reportdiv .ulreportbox li:last-child{border-right:none !important;}
.Math_reportdiv .ulreportbox .resultsli{ width: 28.6%;background-color:#f9f7bc; color:#e34511; text-align:center; text-transform:uppercase; vertical-align:middle !important; padding-top:21px; }

.disableClk{pointer-events: none;}

/*.assess_hint{ margin:0 auto;  padding:0;   width:60%; }
.assess_hint .hint_btn{ background-color:#fac977; border:1px solid #dfd281; display:block; float:right; margin:0 10px 0 0;padding:5px 10px; }*/
.hint_btn{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 0px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }


.hint_btn1{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 10px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }


.hint_btn2{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 0px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }


.hint_btn12{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 10px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }

.hint_btn3{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 0px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }


.hint_btn13{ /*background-color:#fac977; border:1px solid #dfd281; color:#333 !important;*/ display:block; margin:0 10px 0px 20px;padding:5px 12px;
background: rgba(242,229,144,1);
background: -moz-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(242,229,144,1)), color-stop(100%, rgba(255,248,200,1)));
background: -webkit-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -o-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: -ms-linear-gradient(top, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
background: linear-gradient(to bottom, rgba(242,229,144,1) 0%,
rgba(255,248,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#f2e590', endColorstr='#fff8c8', GradientType=0 );
border:solid 1px #d7c869; color:#b1a138 !important;  border-radius: 8px; font-size: 15px; }


.assess_main { margin:0 auto; padding:0; width:100%; }
.assess_main-inn { border:1px solid #64cff2; border-radius:10px; float:left; margin:25px 0; padding:0px 0 15px; width:100%; }
.assess_header { background-color:#00b0ef; color:#fff; float:left; font-weight:bold;left:30px; margin:0;  padding:7px 15px;position:relative; top:-17px; z-index:100; }
.assess_ques { float:left; margin:0; padding:0 0 10px 20px; width:97%; }
.assess_img { float:left; margin:0; padding:0 0 0 20px; text-align:center; width:97%; }
.assess_radio-ul { float:left; margin:0 0 40px; padding:0 0 0 20px !important; width:97%; }
.assess_radio-ul li{ float:left;  list-style:outside none none;  margin:0;  padding:0 0 15px; width:45%; }
.assess_radio-ul li .assess_radiobox{ float:left;  margin:0; padding:0; }
.assess_radio-ul li .assess_radiobox1{ float:left;  margin:0; padding:0; }
.assess_radio-ul li .assess_radiobox2{ float:left;  margin:0; padding:0; }
.assess_radio-ul li .assess_labletext{ color:#426ba0; float:left; margin:2px 0 0 6px; padding:0; }

.assess_exp-box { float: left; margin: 5px 0 0 20px;  padding:0;  width:100%; }
.assess_exp-innbox { background-color:#f1fbff; border:1px solid #b1e6f9;  float:left;  margin:0 0 20px;  padding:10px 2% ;width: 94%; }
.assess_exp-head { background-color:#caeffe; color:#1e96c3; font-weight:bold; margin:0 auto;  padding:5px 10px;position:relative;  text-align:center;
                  top:-15px;  width:25%; font-size: 15px; z-index:100; border:solid 1px #7cd8fa;}
.assess_exp-txt { float:left;  margin:0;  padding:0;  width:100%; font-size:14px; }
.assess_exp-btn{ background: rgba(184,236,255,1);
background: -moz-linear-gradient(top, rgba(184,236,255,1) 0%,
rgba(232,249,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%,
rgba(184,236,255,1)), color-stop(100%, rgba(232,249,255,1)));
background: -webkit-linear-gradient(top, rgba(184,236,255,1) 0%,
rgba(232,249,255,1) 100%);
background: -o-linear-gradient(top, rgba(184,236,255,1) 0%,
rgba(232,249,255,1) 100%);
background: -ms-linear-gradient(top, rgba(184,236,255,1) 0%,
rgba(232,249,255,1) 100%);
background: linear-gradient(to bottom, rgba(184,236,255,1) 0%,
rgba(232,249,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#b8ecff', endColorstr='#e8f9ff', GradientType=0 );
border:solid 1px #53d0ff; border-radius:8px; color: #1190bf; float:left; cursor:pointer; margin: 0 0px 0px 20px; font-size: 15px; padding: 5px 12px; }

.assess_hint-box { float: left; margin: 5px 0 0 20px;  padding:0;  width:100%; }
.assess_hint-innbox { background-color:#fffbe2; border:1px solid #e5db9b; float:left;  margin:0 0 10px;  padding:10px 2%;width: 94%; }
.assess_hint-head {  background-color:#cbfb8f; color:#61a40e; font-weight:bold; margin:0 auto;  padding:5px 10px;position:relative;  text-align:center;
                     top:-15px;  width:15%; z-index:100; border:1px solid #e3d786; font-size:15px; }
.assess_hint-txt { float:left;  margin:0;  padding:0;  width:100%; font-size:15px; }
.disableClk{  opacity: 0.4;}

.assess_instruction_main1{ width:; margin:0px; padding:0px; float:left; }
.assess_instruction_main{ margin:0px auto; padding:0px; }
.assess_instruction_maininn{ width:100%; margin:0px; padding:0px; float:left; border:#00aff0 solid 1px; border-radius:8px; }
.assess_instruction_heading{ width:100%; margin:20px 0px; padding:6px 0; float:left; border-radius:8px; background-color:#00aff0; color:#fff; font-family:Carrois Gothic,sans-serif; font-size:18px; line-height:20px; text-align:center;  }
/*.assess_instruction_heading{ width:20%; margin:0px; padding:6px 0; position:relative; z-index:100; top:-16px; left:20px; background-color:#00aff0; color:#fff; font-family:Carrois Gothic,sans-serif; font-size:16px; line-height:20px; text-align:center; }*/

.assess_instruction_textbox{ float:left; margin:0px 0 20px 20px; padding:0px; width:97%; }
.assess_instruction_textbox p{ color:#666666; float:left; font-family:"Carrois Gothic",sans-serif; font-size:14px; line-height:20px; margin:0; padding:0 0 10px; text-decoration:none;    }
.assess_instruction_textbox ul{ float:left; margin:0 0 15px; padding:0; width:100%; }
.assess_instruction_textbox ul li{ padding:0 12px; float:left; list-style:none; font-family:Carrois Gothic,sans-serif; font-size:14px; line-height:20px; }
.assess_instruction_textbox ul .libox1{ background-color:#f5fcf3; border:1px solid #c3e3b0; color:#5e5e5f; margin:0 0px 40px 15px; }
.assess_instruction_textbox ul li .lihead1{ margin:0px; padding:5px 10px; position:relative; z-index:100; top:-12px; left:-22px; background-color:#d4feca; border:#c3e3b0 1px solid; text-transform:uppercase; color:#119029; }
.assess_instruction_textbox ul .libox2{ background-color:#fdf4ed; border:1px solid #dea883; color:#5e5e5f; margin:0 0px 40px 15px; }
.assess_instruction_textbox ul li .lihead2{ margin:0px; padding:5px 10px; position:relative; z-index:100; top:-12px; left:-22px; background-color:#f9c099; border:#dea883 1px solid; text-transform:uppercase; color:#81450b; }
.assess_instruction_textbox ul .libox3{ background-color:#f1f9fd; border:1px solid #bcd4e0; color:#5e5e5f; margin:0 0px 0px 15px; }
.assess_instruction_textbox ul li .lihead3{ margin:0px; padding:5px 10px; position:relative; z-index:100; top:-12px; left:-22px; background-color:#7bdaf9; border:#5ab9e9 1px solid; text-transform:uppercase; color:#195c72; }

.assess_instruct-btn-main{ width:70%; margin:0px auto; padding:0px; }
.assess_instruct-btn{ width:134px; height:30px; background:url(../images/assess_continue-btn.png) no-repeat 0 0; cursor:pointer; float:right;  padding:0px; border:none; }


.instructions-btn{ margin-left: 10px; width:107px; height:30px; background:url(../images/Instructions_btn.png) no-repeat 0 0; cursor:pointer; border-radius: 8px; } 

.crossmark_img{ background:rgba(242,229,144,1) url(../images/hint_cross_icon.png) no-repeat center center;  display: block;  height: 32px;}