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

#lightbox{
    width: 680px;
    height: 622px;
    background-color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity:0.6;
    z-index: 999;
    
}
#start{
    position: absolute !important;
    z-index: 1000;
    cursor: pointer;
}
.insbg{
	width: 680px;
	height: 622px;
	background-repeat:no-repeat;
	display: none;
        
}

.insbackground{
    width: 680px;
    height: 622px;
    background-repeat:no-repeat;
    display: none;
}


.playbutton{
	width:238px;
	height:53px;
	margin:0; 
	background-color: #FFFF00;
	position: relative;
	top: 556px;
	left: 401px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}

.scalepop{
	
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}

.close{
	width:81px;
	height:30px;
	position: relative;
	top: 496px;
	left: 495px;
	background-color: #FFFF00;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}

.options{
	width: 680px;
	height: 130px;
	position: absolute;
	top:454px;

}

.options map #fact{
	cursor:pointer;
}

.options map #fairytale{
	cursor:pointer;
}

#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: bold;
    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: bold;
    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;    
}

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



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

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

#factheilate{
    width: 219px;
    height: 79px;
    position: absolute;
    top:325px;
    left:119px;
    display: none;
}

#fairtaleheilate{
    width: 219px;
    height: 79px;
    position: absolute;
    top:325px;
    left:270px;
    display: none;
}

.scalepop_low{
	
   -moz-transform: scale(0.5);
   -webkit-transform: scale(0.5);
   -o-transform: scale(0.5);
   transform: scale(0.5);
}

#gameBody .insbg #didyouknow
{
    width: 680px;
    height: 585px;
    position: absolute;
    top:0px;
}

#gameBody .insbg #didyouknow #fact_pop
{
    width: 620px;
    height: 545px;
    background-repeat: no-repeat;
}

#gameBody .insbg #waytogo
{
    width: 680px;
    height: 585px;
    position: absolute;
    top:0px;
}

#gameBody .insbg #waytogo #waytogo_pop
{
    width: 519px;
    height: 456px;
    background-repeat: no-repeat;
}

.continue{
    width:261px;
    height:64px;
    position: relative;
    top: 300px;
    left: 218px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#gameBody .insbg #tryAgain{

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

#gameBody .insbg #tryAgain #tryAgain_pop{

    width: 523px;
    height: 457px;
    position: absolute;
    top:0px;
}

#tryAgain #tryAgain_pop .playagain{
    width:332px;
    height:81px;
    position: relative;
    top: 292px;
    left: 8px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#tryAgain #tryAgain_pop .quit{
    width:150px;
    height:59px;
    position: relative;
    top: 303px;
    left: 104px;
    background-color: #FFFF00;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

#gameBody .insbg #congratulation{

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

#gameBody .insbg #congratulation #congratulation_pop{

    width: 446px;
    height: 340px;
    position: absolute;
    top:0px;
}

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

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

.certificate div{
    width:145px;
    height:144px;
    position: absolute;
    top: 111px;
    left: 273px;
    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: 267px;
    height: 141px;
    position: absolute;
    cursor:pointer;
}

.prepostop:nth-child(1){
    top: 207px;
    left: 66px;
}
.prepostop:nth-child(2){
    top: 207px;
    left: 339px;
}
.prepostop:nth-child(3){
    top: 363px;
    left: 66px;
}
.prepostop:nth-child(4){
    top: 361px;
    left: 339px;
}
#prepostpop{
    width: 338px;
    height: 342px;
    position: absolute;
    top:0px;
}
#continueg{
    background-color: #FFFF00;
    height: 38px;
    left: 100px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 285px;
    width: 152px;
    cursor:pointer;
    
}