@charset "utf-8";
/* CSS Document */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight:normal; 
    font-style: normal;
}

body,tr,td{ font-family: 'Open Sans', sans-serif; }
.toppart{ background:url(../images/top-part-bg.png) repeat-x top left; width:100%; height:62px;}
.container{ width:1100px; margin:0px auto;}
.cont_img{ margin-top:10px; float:right;}
strong{font-weight: bold;}
/* .back_img{background:url(../images/box4.jpg) no-repeat left bottom; */
	/* position: absolute; */
	/* width: 400px; */
	/* margin-left: 20px; */
	/* z-index:400; */
	/* } */
.container img.rigt{ margin-top:10px; float:right;}
	.clearfix{ clear:both;}
.logo{ color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:60px; text-decoration:none; float:right; text-transform:uppercase;}
label{ margin:20px 0px; display:block;}
.body-part{ background-color:#fff;}
h1{color: #383838;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 30px;
    display: block;
    margin: 25px 0px 25px 0px;
    font-weight: bold;}
.instruction{ /*background:url(../images/block-red.png) no-repeat 0 6px;*/ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.optionboxes{ width:100%; float:left; margin-top:40px;}
.optionbox{ width:15%; margin-right:3%; float:left;}
.instruction_frame2{ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;margin-top:10px;}
.graphboxes{ width:100%; float:left; margin-top:40px; display:none; height:300px;}
.graphbox{ width:15%; margin-right:3%; float:left; position:relative; height:200px;}
.graphbox span{ text-align:center; display:block; position:absolute; width:100%; font-size:13px; bottom:-30px;}
.graphbox p{ text-align:center; display:block; position:absolute; width:100%; font-size:13px; top:0px;}

.graph_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; position:absolute; bottom:20px; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; left:47%; width:6%; text-align:center; cursor:pointer;}
.color-bar{ background:#060; height:0px; position:absolute; bottom:0px; width:80%; margin:0px 10%; }
.reset_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; position:absolute; bottom:20px; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; left:46%; width:8%; text-align:center; cursor:pointer; display:none;}

.one{ background-color:#7de431;}
.two{ background-color:#e3a832;}
.three{ background-color:#328ae3;}
.four{ background:#e3323a;}


/* Slide 2 styles*/
.questions{ height:40px; margin-top:40px;}
.questions p{ float:left; line-height:30px; font-size:16px;}
.questions select{ margin:7px 3px;}
.instruction_frame2{/*background:url(../images/block-red.png) no-repeat 0 6px;*/ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.subhead_framefour{ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:21px; display:block;}

.btn_hoder{ width:500px; margin:50px 0 0 328px}
.submit_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left;}
.reset_btn_rel{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left; margin:0px 20px;}
.correct_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:none; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left;}
.correct_btn1{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left;}
.submit_btn_inactive{color:#383838; cursor:default; float:left;}


.black_transparent{ width:100%; height:100%; background:#000; opacity:0.5;  z-index:99 !important; top:0; left:0; position:fixed; display:none;}
.image_block{ float:right; display:inline; margin-top:-120px;}

.popup{ width:350px; height:240px; margin:-120px 0px 0px -175px; position:fixed; top:50%; left:50%; background:#fff; -webkit-box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62);
box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62); z-index:100 !important; display:none;}
.pop-header{ background:url(../images/pop-header.png) repeat-x top left; width:330; height:62px; padding:10px;}
.pop-header span{ width:250px; line-height:42px; float:left;}
.close{ float:right; cursor:pointer;}

.pop-body{ width:310px; padding: 0px 20px;}
.pop-body p{color:#383838; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px;}

.correct-option-box{ background:url(../images/correct.png) no-repeat top center; width:30px; height:30px; margin:-15px 0px 0px -15px; position:absolute; top:55%; left:88px; display:none;}

.question-holder{width: 1100px;
    height: 400px;
    position: relative;
    margin-top: 12px;}

.left-box{ width:125px;position: relative; float:left; height:260px; left:-18px;top:0;/*margin-top:40px;*/}
.right-box {
/*  float: left;*/
    /*height: 230px;*/
    left: -26px;
   /* margin-top: 54px;*/
   /* position: relative;*/
    width: 820px;
    top: -1px;
    display:table;
}
.middle-box{ width:300px; float:left; margin:0px 100px; height:500px;  margin-top:40px;}
.left-box p{
  line-height: 35px;
    margin: 0 20px 23px 0;
    /* width: 660px; */
    font-size: 17px;
    font-weight: bold;
    height: 80px;

}


#queList {
		display: table;
    left: 118px;
    list-style: outside none none;
    margin: 0;
    /*max-width: 500px;*/
    width: 980px;
    /*height: 300px;*/
    
    /*text-align: center;*/
    top: 0;
    float: left;
    margin: 20px 0 20px 5px;
    /*position: absolute;*/
    }
    
    #queList1 {
			display: table;
    left: 0%;
    list-style: outside none none;
    margin: 0;
    max-width: 600px;
    width: 600px;
    height: 300px;
    position: relative;
    /*text-align: center;*/
    top: 0;
    float: left;
    margin: 20px 0 20px 0
    }
    .quest_1{
    	float: left;
    	margin-top: 30px;
    	position: relative;
    	display: table-cell;
    	vertical-align: middle;
    	font-size: 18px;
    	}
    	
     .drag{
		float: left;
    margin: 0px 10px 10px 0px;
    width: 6px;
    height: 6px;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    
    }
.ques_head{
	margin: 0 0 10px 0;
	font-size: 18px;
	}
#queList div, #queList1 div{
	margin-top: 10px;
	}

#queList .quest_1, #queList1 .quest_1{
	margin-top: 20px;
	}
.option-box{display: table; background:#d5ebf6; width:260px; height:16px; padding:14px; position:absolute; margin:-40px 0px 0px -150px; top:300px; left:50%; float:left;}
.option-box-small{display: table-cell; background:#d5ebf6; width:185px; height:15px; padding:8px; position:relative; float:left; cursor:pointer; text-align:center;left:0;font-size:15.5px;/*clear: both;*/}
.option-box-small p{/*display: table-cell;*/ vertical-align: middle; text-align: center; font-family: 'Open Sans', sans-serif; font-size:16px;}
.option-box p{display: table-cell; vertical-align: middle; text-align: center; font-family: 'Open Sans', sans-serif; font-size:14px;}

#droppable0 p{padding:20px; }
#droppable1 p{padding:20px; }
#droppable2 p{padding:20px; }
#droppable3 p{ padding:20px;}
#droppable4 p{ padding:20px;}
#droppable5 p{ padding:20px;}
.correct{ background:url(../images/correct.png) no-repeat top center; }
.wrong{background:url(../images/wrong.png) no-repeat top left;}




.heading-box{ width:500px; height:52px; float:left; background-color:#fff;  line-height:52px; text-align:center;}

.drop-box-quest{margin: 0 0 23px 0;height:40px;position:relative;display:block;line-height:22px;}
.drop-box{ width:201px; height:32px;  text-align:center;/*float:left;  background-color:#fff; margin-top:5px;*/ margin:0 0px 5px 0; border-bottom:#c7c7c7 1px solid;display:inline-block;vertical-align: middle;}

.first_box{background:#fff url(../images/first_box.png) no-repeat bottom left;}
.second_box{background:#fff url(../images/second_box.png) no-repeat bottom left;}
.third_box{background:#fff url(../images/third_box.png) no-repeat bottom left;}

.topmost{ z-index:9999 !important;}

.left_img-box{min-width:250px;width:250px;float:left;}
.box_img{min-width: 73px;
    width: 60px;
    margin: 0 0 2px 0;
    height: 61px;}
.box_img img{width:100%;}
.head_boxs{left: 0%;
    list-style: outside none none;
    margin: 0;
    /*max-width: 500px;*/
    width: 1000px;
    /*height: 300px;*/
    
    /*text-align: center;*/
    top: 0;
    float: left;
    margin: 20px 0 30px 0}
    
.head_box{float: left;font-weight: bold;margin: 0 0 0px 0;}
#head_box1{margin:0 249px 0 0;}
#head_box2{margin:0 239px 0 0;}
#head_box3{margin:0 40px  0 0;}
#head_box4{margin:0 0px 0 0;}

.red{background-color:red;}
.errmsg{
	
}
.suresh
{
   position: relative;
    float: left;
    margin: 10px 10px 10px 10px;
    top: -450px;
    color: red;
    /*border: 2px solid;*/
    padding: 3px;
    width: 300px;
	
	
}
input[type="text"]{border-bottom: 2px solid black;border-top: none;border-right: none; border-left: none;padding:5px; width:80px;text-align:center;background: #d5ebf6;font-size:14px;font-weight:bold;font-family: 'Open Sans', sans-serif;outline:0}
.fill{
position: absolute;
    left: 200px;
    top: -7px;

}
#quests{
    	margin:25px 0px 0px 300px;
    	}
.img_ref {
			/* width:350px; */
			/* position: absolute; */
			margin:-20px 0px 20px 0px;
			position:absolute;
			float:left;
			width:450px;
		}
		
		.fill p{display:none}
		.image1{
			       height: 44px;
    vertical-align: middle;
    position: relative;
    top: -2px;
		}