/*Table*/
body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.blur{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.menulist1{
	border:1px solid #819B1C;
	font-size:10px;
	background: #F2FCED;
	margin:2px;
	color:#360;
}

.button1{
	border:1px solid #0099CC;
	background:#EDF4FE;
	font-size:10px;
}

fieldset#data{
	border:1px solid #0066CC;
	padding:2px;
	width:100%;
}

fieldset#data legend{
	border:1px solid #0066CC;
	padding:3px 5px 3px 5px;
	color: #003366;
	font-weight:bold;
}

div#under-construction{
	background: url(../images/img/under-construction.jpg);
	text-align:center;
	width:331px;
	height:95px;
	margin:50px;
}

/*-------- status -------------------*/
span.active{
	color: #FFCC00;
	font-weight:bold;
	}
span.inactive{
	color: #FF0000;
	font-weight:bold;
	}
span.expired{
	color: #996600;
	font-weight:bold;
	}

/*---------------------------------------------*/
ul#info-pendaftaran{
	list-style:square;
}
ul#info-pendaftaran li{
	padding-top:5px;
}



.quiz-main div.tahap{
	padding:3px;
	background: #E9F2FE;
	border:1px solid #CCCCCC;
}

.quiz-main div.tahap a:link,
.quiz-main div.tahap a:visited{
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
}

.quiz-main div.tahap a:hover{
	color:#990099;
}


table.search-box{
	border:1px solid #819B1C;
	border-collapse:collapse;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
}

table.search-box tr th{
	text-align:left;
	padding:3px;
	padding-left:10px;
	background: url(../images/rowHeader.png);
	color:#FFF;	
	height:27px;
}

table.search-box tr td#left{
	text-align:right;
	padding-right:3px;
	background-color:#fff;
	font-weight:bold;
	color: #336600;
}

table.search-box tr td#right{
	padding-left:3px;
	text-align:left;
	background-color:#fff;
}



/* register */
table#register{
	font-size:14px;
	border-collapse:collapse;
	border:1px solid #aaa;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table#register tr td{
	padding:8px 5px;
	text-align:left;
	background-color:#fff;
}

table#register tr td#reg-title{
	vertical-align:top;
	font-weight:bold;
}

table#register tr td#maklumat{
	font-weight:bold;
	background-color: #D5AFF3;
	font-size:16px;
	color: #9900CC;
	padding:6px;
}

table#tableLogin thead tr th{
	border:2px solid #0099CC;
	padding:5px;
	background-color:#EEF7FD;
}
table#tableLogin tbody tr{
	border:2px solid #0099CC;
}
table#tableLogin tbody tr td{
	padding:2px 5px 2px 5px;
}


/*menulist*/
.menulist01{
	border:1px solid #819b1c;
	background-color: #F2FCED;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #360;
	padding:1px;
	margin: 2px 0px 2px 0px;
	
}

/*textbox*/
.textbox01{
	border:1px solid #09F;
	background-color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #09F;
	padding:3px;
	margin: 2px 0px 2px 0px;
}

.textbox02{
	padding:3px;
	border:1px solid #819B1C;
	font-size:14px;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #F2FCED;
	color: #360;
}

.textbox03{
	border:1px solid #003366;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F0F8FF;
	color:#000099;
}

.textbox04{
	border:1px solid #09F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #069;
	padding:3px;
	background-color:#EDF8FE;
	margin: 2px 0px 2px 0px;
}

.textbox05{
	border:1px solid #09F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #069;
	padding:3px;
	background-color:#EDF8FE;
	margin: 2px 0px 2px 0px;
}

.textbox11{
	border:1px solid #09F;
	background-color:#FFF ;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #09F;
	padding:2px 0px 2px 2px;
	margin: 2px 0px 2px 0px;
	text-decoration:underline;
}

.editor_field{
	border:1px solid #990066;
	background-color: #FFFFFF;	
	font-size:12px;
	font-weight:bold;
	color: #990099;
	padding:2px 0px 2px 2px;
	margin: 2px 0px 2px 0px;
}

.textbox01:hover,
.textbox11:hover{
	border:1px solid #0099CC;
}



/* Text Area */
textarea.none {
	border:none;
	background:none;
}

/* Button */
.button01{
	border:1px solid #0099FF;
	background: url(../images/bg/button-bg.jpg);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #FFF;
	padding:3px 4px;
	margin: 2px 0px 2px 0px;
}

.button01:hover{
	background: url(../images/bg/button-bg-hover.jpg);
	border:1px solid #0099FF;
	color:#FFF;
	cursor:hand;
}
/* Image */
img#none{
	border:none;
}
/* Link */
a:link,
a:visited{
	font-size:11px;
	color: #09F;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a#link:link,
a#link:visited{
	font-size:11px;
	color: #09F;
	text-decoration:none;
}

a#link:hover{
	text-decoration:underline;
}

/* Div */

div#box{
	padding-top:3px;
	vertical-align:top;
}

div#page-title-center{
	font-size:22px;
	font-weight:bold;
	color: #093;
	width:90%;
	text-align:center
}

div#title, 
div#page-title,
div#title-heading, 
div#sub-page-title{
	line-height:1em;
	color: #0099FF;
	font-weight:bold;
	letter-spacing:-.05em;
	position:relative;	
	width:90%;
}

div#title{
	font-size:24px;
	margin-top:3px;
	margin-bottom:5px;
}

div#page-title{
	font-size:32px;
	border-bottom:1px dashed #09F;
	margin:10px 0;
}

div#title-heading{
	font-size:28px;
	margin:10px 0;
	padding:2px 10px;
	border-bottom:none;
	color:#09F;
}

div#sub-page-title{
	font-size:30px;
	margin-bottom:5px;
}

div#page-title span,  
div#sub-page-title span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:90%;
	background:url(../images/gradient_2.png) repeat-x;
}

div#title span,
div#title-heading span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../images/gradient_3.png) repeat-x;
}

* html div#title span, 
* html div#page-title span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/gradient_2.png", sizingMethod="scale");
}



div#title-pre{
	background:url(../images/title01.jpg);
	height:27px;
	width:17px;
	float:left;
}

div#title-mid{
	background:url(../images/title02.jpg) repeat-x;
	padding:7px 5px 0px 5px;
	color:#fff;
	height:27px;
	font-weight:bold;
	float:left;
}

div#title-post{
	background:url(../images/title03.jpg);
	height:27px;
	width:16px;
	float:left;
}

div#clear{
	clear:both;
	margin-bottom:3px;
}

div#regist-title{
	background:url(../images/regist-title-bg.png) left;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	padding:3px;
	margin-bottom:10px;
	width:430px;
}

div#section-link{
	padding-left:18px;
	font-size:12px;
}

div#notice{
	padding:5px;
	font-weight:bold;
	color: #0099FF;
}

div#error{	
	padding-left:40px;
	color: #009933;
	font-weight:bold;
}

div#success{	
	padding-left:40px;
	color: #0099FF;
	font-weight:bold;
}

div#pembayaran01{
	width:350px;
}

/* SPAN */

span#cntdwn{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background: url(../images/rowHeader.png);
	border:1px solid #C7F3C9;
	padding:3px;
}

/* UL-LI pagging */
ul#pagging li{
	list-style:none;
	display: inline;
	border:1px solid #0099FF;
	padding:3px 4px 3px 4px;
	font-size:11px;
	font-weight:bold;
	margin:2px;
	background: url(../images/bg/button-bg.jpg);
	width:15px;
	color:#FFF;
}

ul#pagging li a:link,
ul#pagging li a:visited{
	text-decoration:none;
	color:#FFF;	
}
ul#pagging li a:link{
	color: #FFF;
}

ul#pagging li:hover{
	background: url(../images/bg/button-bg-hover.jpg);
}

ul#pagging li#currentPage{
	color:#09F;
}

#small-button ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#small-button li{
	float: left;
	margin: 0 0.15em;
}

#small-button li a{
	background:url(../images/small-button.png);
	height: 2em;
	line-height: 2em;
	float: left;
	width: 155px;
	display: block;
	/*border: 0.1em solid #dcdce9;*/
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}

#small-button li a:hover{
	background:url(../images/small-button-hover.png);
}

/* Hide from IE5-Mac \*/
#small-button li a
{
	float: none
}

.editor_ok_button,
.editor_cancel_button{
	border:1px solid #990099;
	background:#FEE0FB;
	color:#909;
	font-weight:bold;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-right:3px;
}
/* IMG */
img#calendericon{
	border:3px solid #999999;
}

/* FOR PROFILE CSS*/
img#student{
	border:2px solid #AAE7FD;
}

table#profile{
	font-family:Arial, Helvetica, sans-serif;

}

table#profile tr td#image{
	width:20%;
	padding-top:20px;
}

table#profile tr td#details{
	width:50%;
	padding-left:15px;
	vertical-align:top;
}

table#profile tr td#student-menu{
	
}

div#profile-left{
	float:left;
	width:30%;
	padding-top:4px;
	color: #0099CC;
	font-weight:bold;
	background-color:#D2F0FF;
}
div#profile-right{
	float:right;
	width:70%;
	padding-top:4px;
}

.table-profile tr td{
	background-color: #E3F3FD;
	padding:3px;
	color:#006699;
}

.table-profile tr td#title_{
	font-weight:bold;
	background-color:#D3EBFE;
}

.table-profile tr td#none{
	background-color: #FFFFFF;
	padding:3px;
}