@font-face  { font-family: Jacoby; src: url('../fonts/Jacoby_ICG_Black.eot'), url('../fonts/Jacoby_ICG_Black.ttf'),  url('../fonts/jacoby_icg_black.otf') }


#page1_inst{
	position: absolute;
	left:70px;
	top:50px;
	font-family:sans-serif;
	font-size: 13px;
}
#page2_inst{
		position: absolute;
		top: 18px;
		left: 30px;
		font-family: Trebuchet MS;
		width: 880px;
		font-size: 22px;
		text-align: left;
}
#page1{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;

}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display:none;
}

.com1{
	position:absolute;
	height:107px;
	width:905px;
}


#bg1{
	left: 4px;
    position: absolute;
    top: 85px;
}

#bg2{
	left: 4px;
    position: absolute;
    top: 220px;

}

#txt1{
	font-size:30px;
	font-family:Jacoby;
	color:#666666;
	left: 26px;
    position: absolute;
    top: 84px;
}
#txt2{
	font-size:30px;
	font-family:Jacoby;
	color:#666666;
	left: 26px;
    position: absolute;
    top: 217px;
}

.txt{
	background-repeat: no-repeat;
    background-size: cover;
	background-repeat: no-repeat;
    background-size: cover;
  	font: 34px jacoby;
	padding-top: 0;
    position: absolute;
    text-align: center;
    color:#666666;

}
#box_1{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:20px;
	top: 123px;
}

#box_2{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:110px;
	 top: 123px;
}
#box_3{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:200px;
	 top: 123px;
}
#box_4{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:290px;
	top: 123px;
}
#box_5{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:380px;
	top: 123px;
}
#box_6{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:470px;
	 top: 123px;
}
#box_7{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:560px;
	 top: 123px;
}
#box_8{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	position:absolute;
	left:650px;
	top:123px;
}
#box_9{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	left: 740px;
    position: absolute;
    top: 123px;
}
#box_10{
	background-image:url(../ob/box.png);
	height:43px;
	width:69px;
	left: 830px;
    position: absolute;
    top: 123px;
}

.com3{
	position:absolute;
	height:43px;
	width:87px;
	font: 13px/43px jacoby;
text-align:center;
 color:green;
}


#img_11{
	 left: 8px;
    position: absolute;
    top: 260px;
}
#img_12{
	 left: 98px;
    position: absolute;
    top: 260px;
}
#img_13{
	 left: 188px;
    position: absolute;
    top: 260px;
}
#img_14{
	 left: 278px;
    position: absolute;
    top: 260px;
}
#img_15{
	 left: 368px;
    position: absolute;
    top: 260px;
}
#img_16{
	 left: 458px;
    position: absolute;
    top: 260px;
}
#img_17{
	 left: 548px;
    position: absolute;
    top: 260px;
}
#img_18{
	 left: 638px;
    position: absolute;
    top: 260px;
}
#img_19{
	 left: 728px;
    position: absolute;
    top: 260px;
}
#img_20{
	 left: 818px;
    position: absolute;
    top: 260px;
}


.drgtxt{
	padding-top:0;
    position: absolute;
	background-repeat: no-repeat;
    background-size: cover;
	background-image:url(../ob/boxx.png);
	cursor:pointer;
   	font: 13px/43px jacoby;
	text-align:center;
    color:#666666;
	height:43px;
	width:87px;
}
#drg_4{
	letter-spacing: 0.4px;
}

#drg_1{
	/*background-image:url(../ob/boxx.png);*/
	left: 210px;
    position: absolute;
    top: 380px;
}

#drg_2{
	/*background-image:url(../ob/boxx.png);*/
	left: 320px;
    position: absolute;
    top: 380px;
}
#drg_3{
	/*background-image:url(../ob/boxx.png);*/
	left: 430px;
    position: absolute;
    top: 380px;
}
#drg_4{
	/*background-image:url(../ob/boxx.png);*/
	left: 540px;
    position: absolute;
    top: 380px;
}
#drg_5{
	/*background-image:url(../ob/boxx.png);*/
	left: 650px;
    position: absolute;
    top: 380px;
}
#drg_6{
	/*background-image:url(../ob/boxx.png);*/
	left: 210px;
    position: absolute;
   top: 445px;
}
#drg_7{
	/*background-image:url(../ob/boxx.png);*/
	left: 320px;
    position: absolute;
    top: 445px;
}
#drg_8{
	/*background-image:url(../ob/boxx.png);*/
	left: 430px;
    position: absolute;
    top: 445px;
}
#drg_9{
	/*background-image:url(../ob/boxx.png);*/
	left: 540px;
    position: absolute;
    top: 445px;
}
#drg_10{
	/*background-image:url(../ob/boxx.png);*/
	left:650px;
    position: absolute;
    top: 445px;
}


#drp_1,#values_1{
	/*background-color:#F30;*/
	 left: 8px;
    position: absolute;
    top: 260px;
}

#drp_2,#values_2{
	/*background-color:#F30;*/
	 left: 98px;
    position: absolute;
    top: 260px;
}
#drp_3,#values_3{
	/*background-color:#F30;*/
	 left: 188px;
    position: absolute;
    top: 260px;
}
#drp_4,#values_4{
	/*background-color:#F30;*/
	 left: 278px;
    position: absolute;
    top: 260px;
}
#drp_5,#values_5{
	/*background-color:#F30;*/
	 left: 368px;
    position: absolute;
    top: 260px;
}
#drp_6,#values_6{
	/*background-color:#F30;*/
	 left: 458px;
    position: absolute;
    top: 260px;
}
#drp_7,#values_7{
	/*background-color:#F30;*/
	 left: 548px;
    position: absolute;
    top: 260px;
}
#drp_8,#values_8{
	/*background-color:#F30;*/
	 left: 638px;
    position: absolute;
    top: 260px;
}
#drp_9,#values_9{
	/*background-color:#F30;*/
	 left: 728px;
    position: absolute;
    top: 260px;
}
#drp_10,#values_10{
	/*background-color:#F30;*/
	 left: 818px;
    position: absolute;
    top: 260px;
}
.com4{
	display:none;
	height: 40px;
    width: 110px;
}
.com5{
	display:none;
	height: 60px;
    width: 50px;
}
#right_1{
	left: 15px;
    position: absolute;
    top: 305px;
}
#right_2{
	left: 100px;
    position: absolute;
    top: 305px;
}
#right_3{
	position:absolute;
	left:190px;
	top:305px;
}
#right_3{
	left: 195px;
    position: absolute;
    top: 305px;
}
#right_4{
	left: 285px;
    position: absolute;
    top: 305px;
}
#right_5{
	left: 375px;
    position: absolute;
    top: 305px;
}
#right_6{
	left: 465px;
    position: absolute;
    top: 305px;
}
#right_7{
	left: 555px;
    position: absolute;
    top: 305px;
}
#right_8{
	position:absolute;
	left:645px;
	top:305px;
}
#right_9{
	position:absolute;
	left:735px;
	top:305px;
}
#right_10{
	position:absolute;
	left:825px;
	top:305px;
}

#wrong_1{
	left: 35px;
    position: absolute;
    top: 305px;
}
#wrong_2{
	position:absolute;
	left: 120px;
	top:305px;
}
#wrong_3{
	position:absolute;
	left:215px;
	top:305px;
}
#wrong_4{
	position:absolute;
	left:305px;
	top:305px;
}
#wrong_5{
	position:absolute;
	left:395px;
	top:305px;
}
#wrong_6{
	position:absolute;
	left:485px;
	top:305px;
}
#wrong_7{
	position:absolute;
	left:575px;
	top:305px;
}
#wrong_8{
	left: 665px;
    position: absolute;
    top: 305px;
}
#wrong_9{
	left: 755px;
    position: absolute;
    top: 305px;
}
#wrong_10{
	left: 845px;
    position: absolute;
    top: 305px;
}

#checkbtn {
	cursor: pointer;
    height:65px;
    left: 765px;
    opacity: 1;
    position: absolute;
    top: 434px;
    width: 140px;
}

.com6{
   	height: 150px;
    left: 180px;
    position: absolute;
    top: -320px;
    width: 230px;
}
#rst {
}
#nxt {
}
#sign {
	/* background-color: #0066FF;*/
    cursor: pointer;
    height: 30px;
    left: 236px;
    position: absolute;
    top: 435px;
    width: 110px;
	display:none;
	background-color:#066;
	opacity:0;
}

#page2_activity{
background-image:url(../ob/activity_bg.png);
background-repeat:no-repeat;
height:360px;
width:690px;
position: absolute;
top: 5px;
left: 100px;
overflow:hidden;
}
#doll_siffy{
width: 130px;
height: 145px;
position: absolute;
top: 165px;
left: 285px;
z-index:100;
}
#page2_act_title{
background-image: url(../ob/act_bg_3.png);
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 96px;
font-family: Trebuchet MS;
width: 500px;
height: 40px;
font-size: 20px;
color: #FFF;
text-align: center;
z-index:100;
}
#page2_act_title_txt{
position:absolute;
top:5px;
left:102px;
}
#screen{
position: absolute;
top: 8px;
left: 0px;
}
#ans_click_div{
width:355px;
height:145px;
position:absolute;
top: 360px;
left: 330px;
}
.answer_ans{
height:36px;
width:36px;
background-image:url(../ob/click_div_bg.png);
background-repeat:no-repeat;
float:left;
font-family:Jacoby;
font-size: 28px;
color:#660000;
cursor:pointer;
}
#display_div{
   height: 45px;
    left:170px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 300px;
    width: 800px;
}
.answer_display_div{
	background-image:url(../ob/answer_display_div.png);
	background-repeat:no-repeat;
	height:55px;
	width:58px;
	float:left;
	font-family:Jacoby;
	font-size: 48px;
	color:#000000;
	text-align:center;
	margin: 0 auto;
}
#stick{
position:absolute;
top:205px;
left:620px;
}
#stick_cover{
position: absolute;
top: 180px;
left: 770px;
width: 55px;
height: 60px;
z-index: 200;
background-color: #fff;
}
#page2_final{
position:absolute;
left:250px;
top:-260px;
z-index:200;
height: 215px;
width: 335px;

}
#error_msg{
	font-family:Jacoby;
	font-size: 30px;
	color:#FFCC00;
	position:absolute;
	left: 250px;
	top: 250px;
	display:none;
}
	#restart_whole_activity{
	position: absolute;
	left: 274px;
	height: 65px;
	 width: 229px;
	top: 168px;
	cursor: pointer;
	display:none;
	}