body{
	margin:0;
	padding:0;
}

@font-face
{
	font-family: TamilFont;
	src: url(font/kalki.TTF);
}

#container{
	
	height: 660px;
    
	width: 997px;
	/*border-left: 1px solid #9bdafa;
	border-right: 1px solid #9bdafa;
	border-bottom: 1px solid #9bdafa;*/
	margin:0 auto;
	background-image:url(../images/bg.png);
}

#header{
	position: absolute;
	z-index:10;
	/*border:#000000 solid 2px;*/
	height:82px;
    width:1000px;
	/*background-image:url(../images/header.png);*/
}

#title{
	    width:998px;
		float:left;
		height:25px;
		margin-top:32px;
}

.titleText{
	text-align: center;
	font-family: TamilFont;
	font-size: 13px;
	font-weight:bold;
	padding-top:5px;
}
#nilai{
	width: 167px;
	float: left;
	
}

#nool{
	
	width: 142px;
	float: left;
	margin-left: 1px;	
}

	
#padam{
	width: 136px;
	float: left;	
}

#topic{
	height: 20px;
	width: 406px;
	float: left;
	margin-left: 120px;	
}
#day{
	height: 20px;
	width: 142px;
	float: left;	
}
#logo{
	background: url(../images/logo.png) no-repeat;
	float: left;
	height: 70px;
	position: absolute;
	margin-left: 420px;
	margin-top: 0px;
	z-index: 10;
	width: 141px;
}

#jeffy{
	background: url(../images/jeffy.png) no-repeat;
	height: 96px;
	position:absolute;
	margin-left: 83px;
	margin-top: 48px;
	width: 94px;
}



 
#close_btn{
	background-image: url(../images/close_button.png);
	height: 43px;
	width: 47px;
	float: right;
	cursor:pointer;
	margin-left: -36px;
}

#content{
	position: absolute;
	height: 457px;
	width: 985px;
	/*border: 1px solid #000;*/
	margin: -7px;
	padding: 47px;
	top: 29px;
	z-index:2;
	/*background-image:url(../images/bg_color.png);*/
}

#contentFrame{
	  position: absolute;
      width: 897px;
      z-index:3;
	  height: 535px;
 /* background-color: #fff;*/
	
	
}
#disabler{
	width: 998px;
	height: 555px;
	z-index:10;
	position: absolute;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	background:#000;
	display:none;
	top: 20px;
}
#coursemap{
	position: absolute;
	background:url(../images/coursemap.png) no-repeat;
	margin: 0 auto;
	width:460px;
	height:515px;
	z-index:10;
	left:250px;
	top: 37px;
	display:none;
}

#pageno{
	    float: left;
    margin-top: 8px;
    margin-left: -83px;
    color: #fffcfc;
    background-image: url(../images/timer_bg.png);
    height: 23px;
    width: 87px;
    text-align: center;
    font-family: TamilFont;
    font-size: 20px;
    font-weight: bold;
}
}
#mapClose_btn{
	width: 20px;
	height: 20px;
	margin-left: 420px;
	margin-top: 22px;
	cursor:pointer;
}
#nextblimk_btn{
	margin-top: 520px;
	float:right;
	width:254px;
	height:23px;
	background-image:url(images/next-blink.png);
}

#footer{
	position: absolute;
	top:606px;
	height:50px;
    width:1001px;
	/*background-image:url(../images/footer.png);*/
}
 

 


#nav{
	/*border: 1px solid black;*/
	position:absolute;
	top: 58%;
	left: 15px;
	width: 973px;
	z-index:1;
	/*float: right;
	height: 43px;
	margin-top: 5px;
	margin-right: 60px;
	width: 252px;
	margin-right:56px;*/
	height: 35px;
}

#back_btn{
	/*border: 1px solid black;*/
	background-image: url(../images/previous_btn.png);
	height: 47px;
	width: 29px;
	float:left;
	margin-left: 1px;
	margin-top: -9px;
}

#back_btn.enable{
	background-image: url(../images/previous_btn.png);
	cursor: pointer;
}
#back_btn.disable{
	cursor: default;
	background-image: url(../images/previous_btn_disable.png);
}

#next_btn{
	/*border: 1px solid black;*/
	background-image: url(../images/next_btn.png);
	height: 47px;
	width: 28px;
	float:right;
	margin-right: -8px;
	margin-top: -10px;
}
#next_btn.enable{
	background-image: url(../images/next_btn.png);
	cursor: pointer;
}
#next_btn.disable{
	background-image: url(../images/next_btn_disable.png);
	cursor: default;
}

#pageno{
	float:left;
	margin-top: 8px;
	margin-left: -103px;
	color: #fffcfc;
	/*background-image: url(../images/timer_bg.png);*/
	height: 23px;
	width: 87px;
	text-align: center;
	font-family: TamilFont;
	font-size: 20px;
	font-weight:bold;
}
#otherButtons{
	/*border: 1px solid #000;*/
	width: 203px;
	height: 44px;
	margin-left: 153px;
	float: right;
	margin-top: 20px;
}

#coursemap_btn{
	background: url(../images/menu_btn.png) no-repeat;
	height: 61px;
	width: 61px;
	float:left;
}
#help_btn{
	/*border: 1px solid black;*/
	background: url(../images/help_btn.png) no-repeat;
	height: 61px;
	width: 61px;
	float:left;
	/*margin-left:22px;*/
}
#audio_btn{
	/*border: 1px solid black;*/
	cursor:pointer;
	height: 31px;
	width: 41px;
	float:left;
	margin-left: 7px;
	margin-top: 20px;
}
#audio_btn.on{
	background: url(../images/aud_on.png) no-repeat;	
}

#audio_btn.off{
	background: url(../images/aud_off.png) no-repeat;
}
#replay_btn{
	background: url(../images/replay.png) no-repeat;
	height: 31px;
	width: 31px;
	float: left;
	margin-top: 19px;
	margin-left: 24px;
	cursor: pointer;
}
#search_btn{
	/*border: 1px solid black;*/
	background: url(../images/search_btn.png) no-repeat;
	height: 27px;
	width: 27px;
	float:left;
	margin-left:30px;
}


#cont_btn{
	/*border: 1px solid black;*/
	background: url(../images/pre.png) no-repeat;
	height: 41px;
	width: 146px;
	float:left;
	margin-left: -441px;
	margin-top: 21px;
}
#sync_btn{
	/*border: 1px solid black;*/
	background: url(../images/audio_sync.png) no-repeat;
	height: 41px;
	width: 146px;
	float:left;
	margin-left: -441px;
	margin-top: 21px;
}
#print_btn{
	/*border: 1px solid black;*/
	background: url(../images/print.png) no-repeat;
	height: 61px;
	width: 61px;
	margin-left: 11px;
    float:left;
	cursor: pointer;

}
#close_btn{
	background-image: url(../images/close.png);
	height: 25px;
	width: 25px;
	float: right;
	cursor:pointer;
	margin-left: -15px;
	margin-right: 43px;
	margin-top: 22px;
}

#keyboard_btn {
	width: 55px; height: 30px; margin-top:2px; margin-left: 20px; float: left; cursor: pointer;
}
.on#keyboard_btn {
	background: url("../images/keyboard.png") no-repeat;
}
.off#keyboard_btn {
	background: url("../images/keyboard2.png") no-repeat;
}

#samplenav{
	height:40px;
	width:300px;
	border:1px solid #906;
	float:right;
}



#samplenext_btn{
	background-image: url(images/back_btn.png);
	background-position: -64px -42px;
	float: right;
	height: 33px;
	margin-top: 3px;
	width: 69px;
}

#sampleback_btn{
	background-image: url(images/back_btn.png);
	float: left;
	height: 28px;
	margin-top: 11px;
	width: 68px;
}
.samplebackEnable{
	background-position: 0px -48px;
}
.samplebackDisabled{
	background-position: 0px -20px;
}
#preloader{
	width: 1000px;
	height: 554px;
	/*background-color: #fff;*/
	position: absolute;
	z-index: 9;
	top: 100px;
}
#loaderIMG{	left:300px; top: 200px; width:208px; height: 74px; position:relative;}