#gameBody{
	width: 680px;
	height: 622px;
	overflow:hidden;
	position: relative;
	margin: 0px auto 0px auto;
}

#instractions{
    width: 680px;
    height: 622px;
    display: none;
}

.learhowtoplay{
    display: block;
    width:406px;
    height:33px;
    margin:0; 
    background-color: #FFFF00;
    position:absolute;
    top: 530px;
    left: 218px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

.playnow{
    display: block;
    width:406px;
    height:33px;
    margin:0; 
    background-color: #FFFF00;
    position:absolute;
    top: 573px;
    left: 218px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

.steps{
    display: block;
    width:308px;
    height:33px;
    margin:0; 
    background-color: #FFFF00;
    position:absolute;
    top: 528px;
    left: 71px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

.playnow_stpes{
    display: block;
    width:308px;
    height:33px;
    margin:0; 
    background-color: #FFFF00;
    position:absolute;
    top: 569px;
    left: 71px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu{
    width: 680px;
    height: 622px;
    display: none;
}

#nave{
    
    position: absolute;
    top:584px;
    float:left;
}

#nave div{
    float:left;
}

#nave #timer{
    width: 200px;
    height: 37px;
    background-image: url(../images/time.jpg);
    background-repeat:no-repeat;
}

#nave #score{
    width: 200px;
    height: 37px;
    background-image: url(../images/score.jpg);
    background-repeat:no-repeat;
    text-align: left;
    font-family:Arial;
    font-weight:700;
    font-size: 15px;
    color: #ffffff;
}

#nave #score div{
    
    padding-top:7px;
    padding-left: 6px;
}

#nave #timer div{
    
    text-align: left;
    font-family:Arial;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    padding-top:7px;
    padding-left: 6px;
}

#nave #help{
    width: 280px;
    height: 37px;
    text-align: right;
    padding-top: 7px;
    background-image: url(../images/help.jpg);
    background-repeat:no-repeat;
    
}

#nave #help span{
    margin-right: 10px;    
}

.header{
    color: #FFE600;
    font-size: 24px;
    font-weight: bold;
    font: Arial;
    position: absolute;
    left: 95px;
    top: 90px;
   text-shadow: 0 4px 8px #000000, 0 -2px 8px #000000, 0 8px 10px #000000;
   filter: Shadow(Color='#000000', Direction=100, Strength=4);
   filter: progid:DXImageTransform.Microsoft.Glow(Color="#000000",Strength="13");
    
}

.insbody{
    color: #FFE600;
    font-size: 18px;
    font-weight:400;
    font: Arial;
    position: absolute;
    left: 91px;
    top: 127px;
    width: 500px;
    text-shadow: 0 4px 4px #000000, 0 -2px 6px #000000, 0 4px 10px #000000;
    filter: Shadow(Color='#000000', Direction=100, Strength=0);
    filter: progid:DXImageTransform.Microsoft.Glow(Color="#000000",Strength="13");
}
.footer{
    color: #FFE600;
    font-size: 24px;
    font-weight: normal;
    font: Arial;
    position: absolute;
    top: 428px;
    left: 495px;
    text-shadow: 0 4px 8px #000000, 0 -2px 8px #000000, 0 8px 10px #000000;
    filter: Shadow(Color='#000000', Direction=100, Strength=4);
    filter: progid:DXImageTransform.Microsoft.Glow(Color="#000000",Strength="13");
}

#nave #help #help_pop{
    
    text-align: right;
    font-family:Arial;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
}

#help_ins
{
    width: 680px;
    height: 585px;
    position: absolute;
    display: none;
    top:0px;
    z-index: 10000;
}

.close{
	width:111px;
	height:33px;
	position: relative;
	top: 425px;
	left: 484px;
	background-color: #FFFF00;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
        z-index: 5;
}

#timesup
{
    width: 680px;
    height: 528px;
    position: absolute !important;
    top:0px;
    z-index: 1000;
}

#keyearn{
   width: 680px;
   height: 528px;
   position: absolute !important;
   top:0px;
   z-index: 1000; 
}
.anothergame{
    width:238px;
    height:33px;
    position: relative;
    top: 417px;
    left: 91px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
    z-index: 5;
}
.trayagain{
    width:111px;
    height:33px;
    position: relative;
    top: 387px;
    left: 478px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
    z-index: 5;
}
.bodytimeup{
    font-size: 18px;
    left: 100px;
}

.gameover{
     font-weight: normal;
}

.footerright{
    color: #FFE600;
    font-size: 24px;
    font-weight: normal;
    font: Arial;
    position: absolute;
    top: 428px;
    left: 91px;
    text-shadow: 0 4px 8px #000000, 0 -2px 8px #000000, 0 8px 10px #000000;
    filter: Shadow(Color='#000000', Direction=100, Strength=4);
    filter: progid:DXImageTransform.Microsoft.Glow(Color="#000000",Strength="13");
}

#keyearn{
    display: none;
}

#gameover
{
    width: 680px;
    height: 528px;
    position: absolute !important;
    top:0px;
    z-index: 1000;
}

#nave #help #soundcontrol{
    cursor: pointer;
}

#menu1 img{
    display: block;
    margin:0;
    clip: rect(0px, 124px, 107px, 14px);
    position:absolute;
    top: 262px;
    left: 63px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu2 img{
    display: block;
    margin:0; 
    clip:rect(-2px,114px,136px,22px);
    position:absolute;
    top: 241px;
    left: 280px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu3 img{
    display: block;
    margin:0; 
    clip:rect(0px,115px,137px,0px);
    position:absolute;
    top: 243px;
    left: 475px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu4 img{
    display: block;
    margin:0; 
    clip:rect(0px,226px,132px,0px);
    position:absolute;
    top: 428px;
    left: 35px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu5 img{
    display: block;
    margin:0; 
    clip:rect(0px,121px,152px,0px);
    position:absolute;
    top: 408px;
    left: 307px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#menu6 img{
    display: block;
    margin:0; 
    clip:rect(0px,91px,158px,0px);
    position:absolute;
    top: 404px;
    left: 485px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}
#round1{
    display: none;
}
#rounds #hint{
    position: absolute;
    top: 221px;
    left: 24px;
    display: none;
}
#rounds .hint_hover
{
    
    cursor:pointer;
}
.round{
    width: 680px;
    height: 622px;
    display: none;
}

#gameBody #congratulation{

    width: 680px;
    height: 585px;
    position: absolute;
    top:0px;
}

#gameBody #congratulation #congratulation_pop{

    width: 680px;
    height: 504px;
    position: absolute;
    top:0px;
}

.passport div{
    background-color: #FFFF00;
    border: 2px solid;
    border-radius: 40px;
    height: 86px;
    left: 91px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 289px;
    width: 89px;
}

.passport #secound{
    background-color: #FFFF00;
    height: 28px;
    left: 333px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 387px;
    width: 150px;
}

.certificate div{
    width:145px;
    height:144px;
    position: absolute;
    top: 216px;
    left: 419px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
}

/*Pre Post Test design*/

#prePostscreen{
    width: 680px;
    height: 620px;
    position: absolute;
    background-image: url(../images/prepostbg.jpg);
    background-repeat:no-repeat;
    z-index: 1;
}

.prepostop{
    width: 545px;
    height: 103px;
    position: absolute;
    cursor:pointer;
}

.prepostop:nth-child(1){
    top: 187px;
    left: 66px;
}
.prepostop:nth-child(2){
    top: 299px;
    left: 66px;
}
.prepostop:nth-child(3){
    top: 410px;
    left: 66px;
}
.prepostop .audio
{
    position: absolute;
    top:10px;
    left:10px;
}

#prepostpop{
    width: 338px;
    height: 342px;
    position: absolute;
    top:0px;
}

#continueg{
    background-color: #FFFF00;
    height: 38px;
    left: 93px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 285px;
    width: 152px;
    cursor:pointer;
    
}