@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('../fonts1/OpenSans-Regular.ttf');
    font-weight:normal; 
    font-style: normal;
}

body,tr,td{ font-family: 'Open Sans', sans-serif; }
.top{ background:url(../images/top-part-bg.png) repeat-x top left; width:100%; height:75px;}
.toppart .container{ width:1100px; margin:0px auto;display: table;}
.toppart .container div{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #d51030;
    font-weight: 600;
	}
.count_img1{ margin-top:10px; float:right;}

.container{ width:1100px; margin:0px auto;}
.container img.rigt{ margin-top:10px; float:right;}
.clearfix{ clear:both;}
.frame_four h1{ margin:30px 0px 20px 0px;}
.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;}
input[type="text"]{background:#fff; /*border:#c3c3c3 2px solid;*/ padding:5px; font-weight:bold;}
.body-part{ background-color:#fff;}
h1{color:#383838; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:30px; display:block; margin:30px 0px 40px 0px; font-weight: bold;}
.instruction{ background:url(../images/block-red.png) no-repeat center left; padding-left:20px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.instruction-framefour{ background:url(../images/block-red.png) no-repeat center left; padding-left:20px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; margin:40px 0px 30px 0px;}

em{
	font-style:italic;
	}
h3 {line-height:30px;}

ol{
	list-style-type: decimal;
	margin-bottom: 25px;
	}

.dis_img{
position:relative;
left: 200px;
top: 50px;
	}

#q_area{
	width: 1050px;
	margin: 25px 0px 0px 0px;
 
	}

.back_img:before{
	background:url(../images/main.png) no-repeat center left;
	position: absolute;
	top: 0px;
	left: 0px;
	
	opacity: 0.8;
	content: ' ';
	display: block;
	-ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}


.back_img{
	 position: relative;
    background: #fff;
    overflow: hidden;
    top: 20px;
    width: 1000px;
    height: 645px;
	}
	
#ques_img{
	width: 300px;
	
	padding: 20px 20px 20px 0px;
	
	}	

#ans{
	float: left;
	width: 200px;
	position:relative;
	/*padding: 20px 20px 20px 0px;
	 margin-right: 100px;
	 left: 300px;
	 top:-50px;*/
	 z-index: 1000;
	}	

#que{
	float: left;
	width: 50px;
	position:relative;
	/*padding: 20px 20px 20px 0px;
	left: -95px;
	 top:-66px;*/
	 top: 0px;
	 left: -330px;
	 z-index: 999;
	}
	

/*
	#que ul li:nth-child(2){
	padding: 0px 15px 13px 30px;
	margin-bottom:5px;
	}

	#que ul li:nth-child(3){
	padding: 0px 15px 13px 30px;
	margin-bottom:5px;
	}

	#que ul li:nth-child(4){
	padding: 0px 15px 13px 30px;
	margin-bottom:5px;
	}
	
	#que ul li:nth-child(5){
	padding: 0px 15px 9px 30px;
	margin-bottom:5px;
	}
	
	#que ul li:nth-child(6){
	padding: 4px 15px 15px 30px;
	margin-bottom:5px;
	}
*/
	ul{
		list-style-type: none;
    width: 900px;
    position: relative;
    top: 94px;
    left: -306px;
		}
	
	li{
	/*	-webkit-user-select: none;  
  -moz-user-select: none;    
  
  user-select: none;*/
		/*padding: 15px 15px 15px 0px;*/
		font-size: 16px;
		line-height: 20px;
	
		}

.for_btns{
	
    color: #00000;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 27px;
    font-weight: bold;
    line-height: 30px;
    padding: 5px 25px;
    text-align: center;
    width: 6px;

	}
.select{
		background: none repeat scroll 0 0 rgba(80,176,255,0.6);
    border: 2px solid #024882;
    cursor: pointer;
    display: table;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    /* line-height: 25px; */
    /* padding: 5px 10px; */
    width: 275px;
    margin-bottom: 88px;
    color: rgba(255, 255, 255, 1);
    height: 33px;
    text-align: center;
    position:relative;
	}
	
	.select span{
		vertical-align:middle;
		display: table-cell;
		}
	
	.correct-option-box {
	/* background:url(../images/correct.png) no-repeat top center;
    display:none;
height: 30px; */
    /* margin-top: -28px; */
    position: relative;
    right: -185px;
    width: 30px;
    /*border: 2px solid white;*/
    top: -6px;  
}
	
.optionboxes{ width:100%; float:left; margin-top:40px;}
.optionbox{ width:15%; margin-right:3%; float:left;}
.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{ color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.instruction_frame3{ color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;margin-bottom:20px;margin-top:20px;}

.btn_hoder{ width:500px; margin:180px 0px 0px 70px;}

.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; width:100px; margin:0 10px 0 0;}
input{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:none;/*border:#c3c3c3 2px solid;*/ padding:5px 20px; text-align:left; width:inherit;height:inherit;/*cursor:pointer; float:left; margin:0 10px 0 0;*/}
.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;}

.next_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; margin:0px 20px;}

.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 10px 0 0;}



.submit_btn_inactive{color:#383838; cursor:default; float:left;}

.btn_hoder_four{width:500px; margin: 105px auto 0 auto;/*position: relative;*/
/*        top: 85px;
    left: 250px;
*/    /*margin:600px 0px 0px 310px;z-index:10001;*/}
   #btn0{
  	top:50px 
  	}
  #btn1{
  	top:50px 
  	}  
  	 #btn2{
  	top:50px 
  	}
.black_transparent{ width:100%; height:100%; background:#000; opacity:0.5;  z-index:1002 !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:1003 !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{ background:url(../images/correct.png) no-repeat top center; width:30px; height:30px;}
.wrong{ background:url(../images/wrong.png) no-repeat top center; width:30px; height:30px;}
*/
.qfour{ height:300px;} 
.qfour h4{ font-weight:bold; line-height:30px;}

.question-block{ display:block; width:100%;}
.question-block p{ display:block; width:100%; line-height:30px; margin:30px 0px 20px 0px;}
.selected{ background:url(../images/bullet_selected.png) no-repeat center center; width:50px; height:50px;}
.unselected{ background:url(../images/bullet.png) no-repeat center center; width:50px; height:50px;}

.answer-block{ display:block; width:100%; cursor:pointer; position:relative;}
.answer-block p{ display:inline;  line-height:20px; padding:0px 0px 0px 0px; font-size:14px;}
.answer-block h5{ display:inline;  line-height:20px; padding:5px 20px 5px 20px; font-size:14px;}


#notif{ line-height:50px; color:#ff0000; font-size:12px; font-weight:normal; padding:0px 30px;}

.orange{ color:#167b13;}
.green{ color:#ed2839;}

.reset_btn_four{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; display:none;}

.que_set:nth-child(1){
	margin: 20px 0 0 20px;
	}

.que_set{
	margin: 20px 0 0 20px;
	}
	
	#input_btns0,#input_btns1,#input_btns2{
		margin: 0 auto;
		margin-left: 150px;
		}
.losung_text{
	font-size: 20px;
	width: 900px;
	font-weight: 600;
	height: 50px;
	display: table-cell;
	border: 0px solid #fff;
	margin: 0px 0 0 0;
	text-align: center;
	vertical-align: middle;
	}
	
.los_div{
	display: table;
	margin: 10px 0 0 0;
	}
	sub{
		vertical-align:sub;
		font-size: small;
	}
	
	
	
#table{
	       	border-collapse: separate;
    			border-spacing: 0px;
        		max-width: 75%;
             margin: 0 auto;
             border: 1px solid;
          
}

#table tr td{
    border: 1px solid black;
    width: 170px;
    height: 40px;
    vertical-align: middle;
    font-size: 20px;
    padding-left: 10px;
}
#table tr td:first-child, #table tr td:first-child input, #table tr:first-child td input, #table tr:first-child td {
	/* background-color: #b4c6e7; 
	    border: 1px solid; */
    width: 170px;
    height: 40px;
    vertical-align: middle;
    font-size: 20px;
    padding-left: 10px;
}
#card_img{
	height: 55px
	}
	#card_img1{
	height: 40px;
	vertical-align:middle;
		}
		sup{
			vertical-align:super;
			font-size: small;
		}
		
		strong{
			font-weight:bold;
		}

.disp_img1{ margin-top:33px; margin-bottom:10px; margin-left: 25px;}

.i-center {
	text-align: center;
	float: left;
	padding-right: 30px;
	height: 503px;
	width: 285px;
	background-color: #8e9bb2;
	position:absolute;
	border: 2px solid #c0bfbf;	
	top: 196px;
	}


td.bor-1 {
	border-right: 1px solid black;
}

td .bor-2 {
	border-right: 3px solid black;
	border-bottom: 3px solid black;
}

#imgContainer{
	height: 529px;
	width: 308px;
	background-color: #fff;
	position:absolute;
	display:none;
	border: 2px solid #c0bfbf;	
	top: 196px;
	left: 831px;
	}

#imgContainer1{
	top: 80px;
	height: 356px;
	width: 307px;
	position: absolute;
	}

	
#close{
	float: right;
	font-size:12px;
	cursor:pointer;
	}

.toppart{
	background:url(../images/top-part-bg.png) repeat-x top left; 
	width:100%;
	height:52px;
	}

.bar1 {
	border-top: 1px solid red;
	padding: 10px;
	width: 3px;
}

.overline {
	text-decoration: overline;
}

.div-h1 {
	text-align: left;
	padding-left: 24px;
	padding-top: 24px;
	color: white;
}

td.left {
	text-align: left;
}

td.right {
	text-align: right;
	padding-right: 10px;
}

td input{
	margin-left: -10px;
}