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

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

body, html{
    overflow: none !important;
}
#page1_inst{
position: absolute;
left:75px;
top:50px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;

}
#page2_inst {
    font-family: Trebuchet MS;
    font-size: 22px;
    left: 30px;
    position: absolute;
    text-align: left;
    top: 18px;
    width: 880px;
}
#page1 {
    height: 505px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 910px;
}
#page2 {
    display: none;
    height: 505px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 910px;
}
.img {
    background-image: url("../img/1.png");
    height: 43px;
    left: 226px;
    position: absolute;
    width: 230px;
}
.imgs {
    background-image: url("../img/1.png");
    height: 43px;
    left: 463px;
    position: absolute;
    width: 230px;
}
#img1 {
    top: 130px;
}
#img2 {
    top: 178px;
}
#img3 {
    top: 225px;
}
#img4 {
    top: 274px;
}
#img5 {
    top: 324px;
}
#img6 {
    top: 374px;
}
#img7 {
    top: 130px;
}
#img8 {
    top: 178px;
}
#img9 {
    top: 225px;
}
#img10 {
    top: 274px;
}
#img11 {
    top: 324px;
}
#img12 {
    top: 374px;
}
.drag {
    background-image: url("../img/box.png");
    cursor: pointer;
    display: block;
    height: 33px;
    line-height: 30px;
    position: absolute;
    width: 125px;
    z-index: 1;
}
#drg_1 {
    left: 263px;
    top: 440px;
}
#drg_2 {
    left: 435px;
    top: 440px;
}
#drg_3 {
    left: 607px;
    top: 440px;
}
#drg_4 {
    left: 226px;
    top: 500px;
}
#drg_5 {
    left: 408px;
    top: 500px;
}
#drg_6 {
    left: 582px;
    top: 500px;
}
#drgtxt1 {
    font-size: 21px;
    left: 30px;
    position: absolute;
    top: 1px;
}
#drgtxt1 {
    font-size: 21px;
    left: 29px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
#drgtxt2 {
    font-size: 21px;
    left: 28px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
#drgtxt3 {
    font-size: 21px;
    left: 40px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
#drgtxt4 {
    font-size: 21px;
    left: 39px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
#drgtxt5 {
    font-size: 21px;
    left: 20px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
#drgtxt6 {
    font-size: 21px;
    left: 45px;
    position: absolute;
    top: 1px;
	font-family: jacoby;
	color:#666666;
}
.drop {
    background-image: url("../img/box.png");
    height: 33px;
    width: 125px;
    font-size: 21px;
    position: absolute;
    font-family: jacoby;
    color: green;
    line-height: 30px;
    top: 1px;


}
#drp_1 {
    left: 513px;
    top: 135px;
}
#drp_2 {
    left: 513px;
    top: 182px;
}
#drp_3 {
    left: 513px;
    top: 230px;
}
#drp_4 {
    left: 513px;
    top: 279px;
}
#drp_5 {
    left: 513px;
    top: 329px;
}
#drp_6 {
    left: 513px;
    top: 379px;
}
#drptxt1 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 39px;
    position: absolute;
    top: 7px;
}
#drptxt2 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 38px;
    position: absolute;
    top: 8px;
}
#drptxt3 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 35px;
    position: absolute;
    top: 8px;
}
#drptxt4 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 48px;
    position: absolute;
    top: 8px;
}
#drptxt5 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 45px;
    position: absolute;
    top: 8px;
}
#drptxt6 {
    font-size: 22px;
	 font-family: PrestigeEliteStd;
    left: 48px;
    position: absolute;
    top: 7px;
}
.com1 {
    display: none;
    height: 43px;
    position: absolute;
    width: 68px;
}
.com2 {
    display: none;
    height: 56px;
    position: absolute;
    width: 52px;
}
#right_1 {
    left: 623px;
    top: 129px;
}
#right_2 {
    left: 623px;
    top: 180px;
}
#right_3 {
    left: 623px;
    top: 223px;
}
#right_4 {
    left: 623px;
    top: 272px;
}
#right_5 {
    left: 623px;
    top: 320px;
}
#right_6 {
    left: 623px;
    top: 368px;
}
#wrong_1 {
    left: 630px;
    top: 131px;
}
#wrong_2 {
    left: 630px;
    top: 182px;
}
#wrong_3 {
    left: 630px;
    top: 230px;
}
#wrong_4 {
    left: 630px;
    top: 274px;
}
#wrong_5 {
    left: 630px;
    top: 323px;
}
#wrong_6 {
    left: 630px;
    top: 373px;
}
#checkbtn {
    cursor: pointer;
    height: 70px;
    left: 745px;
    opacity: 1;
    position: absolute;
    top: 480px;
    width: 165px;
}
.com3 {
    height: 160px;
    left: 175px;
    position: absolute;
    top: -340px;
    width: 235px;
}
#rst {
}
#nxt {
}
#sign {
    cursor: pointer;
    display: none;
    height: 32px;
    left: 230px;
    position: absolute;
    top: 425px;
    width: 115px;
}
#page2_activity {
    background-image: url("../ob/activity_bg.png");
    background-repeat: no-repeat;
    height: 360px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 51px;
    width: 690px;
}
#doll_siffy {
    height: 145px;
    left: 285px;
    position: absolute;
    top: 165px;
    width: 130px;
    z-index: 100;
}
#page2_act_title {
    background-image: url("../ob/act_bg_3.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 20px;
    height: 40px;
    left: 96px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 500px;
    z-index: 100;
}
#page2_act_title_txt {
    left: 100px;
    position: absolute;
    top: 5px;
}
#screen {
    left: 0;
    position: absolute;
    top: 8px;
}
#ans_click_div {
    height: 145px;
    left: 330px;
    position: absolute;
    top: 400px;
    width: 255px;
}
.answer_ans {
    background-image: url("../ob/click_div_bg.png");
    background-repeat: no-repeat;
    color: #660000;
    cursor: pointer;
    float: left;
    font-family: Jacoby;
    font-size: 28px;
    height: 36px;
    width: 36px;
}
#display_div {
    height: 45px;
    left: 197px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 340px;
    width: 800px;
}
.answer_display_div {
    background-image: url("../ob/answer_display_div.png");
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Jacoby;
    font-size: 48px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    width: 58px;
}
#stick {
    left: 620px;
    position: absolute;
    top: 205px;
}
#stick_cover {
    background-color: #FFFFFF;
    height: 60px;
    left: 770px;
    position: absolute;
    top: 180px;
    width: 55px;
    z-index: 200;
}
#page2_final {
    left: 250px;
    position: absolute;
    top: -260px;
    z-index: 200;
}
#error_msg {
    color: #FFCC00;
    display: none;
    font-family: Jacoby;
    font-size: 30px;
    left: 250px;
    position: absolute;
    top: 250px;
}
#restart_whole_activity {
   display:none;
cursor: pointer;
    height: 49px;
    left: 274px;
    position: absolute;
    top: 195px;
    width: 132px;
}