@charset "utf-8";
/* 
	index home css
 */
 
body{
	margin-top:0;
	font-family: Arial,default;
	font-size:12px;
	}
#lt-main-frame{
	width:840px;
	text-align:left;
	/*border:1px dashed #ccc;*/
	}
#lt-main-frame #top-header{
	height:130px;
	background: url(../images/img/top-header.jpg);
	}
#lt-main-frame #top-menu{
	height:25px;
	display:none;
	font-size:14px;
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	}
#left-side{
	width:100%;
	height:100%;
	margin:0;
	}
#right-side{
	width:100%;
	height:100%;
	border-left:1px dashed #99d1f0; /*#99D1F0*/
	border-right:1px dashed #99d1f0;
	}
#language{
	width:95%;
	height:20px;
	border:2px solid #FF9900;
	margin:3px 0;
	text-align:center;
	padding-top:5px;
	background:#FFF4DF;
	}
	#language a:link,
	#language a:visited{
		font-size:11px;
		color: #F60;
		font-weight:bold;		
		}
	#language a:hover{
		color: #F90;
		}
			
		
#side-menu{
	width:100%;
	height:220px;
	/*border:1px dashed #FF66CC;*/
	margin:0;
	}
	
	
/***************************************************
		nav-home.inc.php / nav-affiliate.inc.php
***************************************************/	
	
.side-menu-wrap {
	width:95%;
	height:210px;
	border:2px solid #9C0;
	margin:3px 0;
	background:url(../images/bg/side-menu-bg.jpg);
	}
	
ul.side-menu{
	list-style: none;
	padding:10px;
	margin:0 0 0 2px;
	}
	
	ul.side-menu li{
		padding:1px;		
		}
	
		ul.side-menu li a:link,
		ul.side-menu li a:visited{
			display:block;
			font-size:14px;
			text-decoration:none;
			color: #060;
			font-weight:bold;
			padding-top:5px;
			margin-left:5px;
			}
		
		ul.side-menu li a:hover{
			color: #99CC00;
			text-decoration:underline;
			ulist-style: url(../images/side-menu-list-hover.png);
			}
div.menu-icon{
	float:left;
	width:25px;
	text-align:center;
}

/***************************************************
		     modStudentLogin.php
***************************************************/

.student-login-wrap {
			width:95%;
			height:142px;
			border:2px solid #70A9C5;
			margin:3px 0;
			background:url(../images/bg/student-login-bg.jpg);
		}
		.student-login tr td {
			font-size:14px;
			font-weight:bold;
			color: #006699;
		}
		.student-login tr td a.links:link,
		.student-login tr td a.links:visited{
			font-size:10px;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
		}
/***************************************************
		     modAffiliaterLogin.php
***************************************************/
		
 .affiliate-login-wrap {
			width:95%;
			height:140px;
			border:2px solid #70A9C5;
			margin:3px 0;
			background:url(../images/bg/student-login-bg.jpg);
			
		}
		.affiliate-login tr td {
			font-size:14px;
			font-weight:bold;
			color: #006699;
		}
		
/***************************************************
		     nav-affiliater.inc.php
***************************************************/	
	
.side-menu-affiliater-wrap {
	width:95%;
	height:250px;
	border:2px solid #FF9900;
	margin:3px 0;
	background:url(../images/bg/side-menu-affiliater-bg.jpg);
	}
	
ul.side-menu-affiliater{
	list-style: none;
	padding:10px;
	margin:0 0 0 2px;
	}
	
	ul.side-menu-affiliater li{
		padding:1px;		
		}
	
		ul.side-menu-affiliater li a:link,
		ul.side-menu-affiliater li a:visited{
			display:block;
			font-size:14px;
			text-decoration:none;
			color: #FF3300;
			font-weight:bold;
			padding-top:5px;
			margin-left:5px;
			}
		
		ul.side-menu-affiliater li a:hover{
			color: #FF9900;
			text-decoration:underline;
			ulist-style: url(../images/side-menu-affiliater-list-hover.png);
			}
			
/*###################################################*/	
	
#login-place{
	width:100%;
	height:150px;
	/*border:1px dashed #66FF99;*/
	}
#content{
	width:99%;
	height:390px;
	margin:5px;
	color:#555;
	overflow:auto; 
	}
#bottom-place{
	width:100%;
	height:160px;
	/*border:1px dashed #666600;*/
	}
#bottom-left,
#bottom-middle,
#bottom-right{
	margin:5px 0;
	height:80%;
	padding:8px;	
	
	}
#bottom-left{
	border:2px solid #E494F5;
	background:url(../images/bg/bottom-left-bg.jpg) repeat-x;
	margin-right:3px;
	}
	#bottom-left div.pakej-promosi{
		background:url(../images/img/pakej-promosi.png);
		width:90px;
		height:90px;
		}
	#bottom-left div.pakej-promosi-en{
		background:url(../images/img/pakej-promosi-en.png);
		width:90px;
		height:90px;
		}
	 
#bottom-middle{
	border:2px solid #09F;
	background:url(../images/bg/bottom-middle-bg.jpg) repeat-x;
	margin:5px 3px;
	}
	#bottom-middle div.three-steps{
		background:url(../images/img/three-steps.png);
		width:250px;
		height:96px;
		}
	#bottom-middle div.three-steps-en{
		background:url(../images/img/three-steps-en.png);
		width:250px;
		height:96px;
		} 
#bottom-right{
	border:2px solid #FF6600;
	background:url(../images/bg/bottom-right-bg.jpg) repeat-x;
	margin-left:3px;
	}
	#bottom-right div.icon-demo{
		background:url(../images/icons/icon-demo.png);
		width:75px;
		height:97px;
		}
	#bottom-right div.icon-try-now{
		background:url(../images/icons/icon-try-now.png);
		width:26px;
		height:50px;
		}
	a.demo:link,
	a.demo:visited{
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
		color:#0066FF;
		}	
	a.demo:hover{
		color: #09F;
		}
	a.pakej:link,
	a.pakej:visited{
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
		color: #990000;
		}	
	a.pakej:hover{
		color: #996600;
		}
#footer{
	font-size:12px;
	color:#999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:15px;
	margin-top:15px;
	text-align:center;
	border-top:1px solid #ccc;
	}
	#footer a:link,
	#footer a:visited{
		font-size:12px;
		color:#999;
		text-decoration:none;
		}
	#footer a:hover{
		text-decoration:underline;
		color: #0099FF;
	}
#clear{
	clear:both;
	}