/**
 * User Interface CSS Stylesheet
 * @copyright Copyright 2008-2010 Nirmal Natarajan
 * @copyright Portions Copyright 2008 Edu World Services Sdn. Bhd.
 */

body {
	margin: 0px 0px 16px 0px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #252525;
	background: #edf0f4 url(../../../images/header_background.png) repeat-x;
	}

a img {
	border: none;
	}

a:link {
	color: #000000;
	text-decoration: none;
	}
 
a:visited {
	color: #000000;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	text-decoration: underline;
	}

a:active {
	color: #FF0000;
	text-decoration: underline;
	}

h1 {
	font-size: 1.5em;
	color: #9a9a9a;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6 {
	font-family: Helvetica;
	font-size: 1.0em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}
	
h7 {
	font-family: Helvetica;
	font-size: 1.0em;
	margin: 0 0;
	}
	
.strong {
	font-weight:900;
}

.vspacer3px {
	height:3px;
	line-height:3px;
	font-size:0.1em;
}

.vspacer6px {
	height:6px;
	line-height:6px;
	font-size:0.1em;
}

.vspacer12px {
	height:12px;
	line-height:12px;
	font-size:0.1em;
}

.vspacer18px {
	height:18px;
	line-height:18px;
	font-size:0.1em;
}

.vspacer24px {
	height:24px;
	line-height:24px;
	font-size:0.1em;
}

.lpadder5px {
	padding-left:5px;
}

.nobullet {
	list-style-type:none;
}


FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	}


.clearBoth {
	clear: both;
	}
	
.clearBothDiv {
	clear: both;
	height: 0;
	line-height: 0;
	font-size:0.1em;
}
	  
.hideInitially{
	display: none;
	}
	
.mandatory {
	color:#ff0000;
}

/* Top Navigation */
#nav {
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
    background:#333;
    height:27px;
}
#nav li {
	float: right;
	margin-right: 3px;
    padding: 3px;
    display: block;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
    font-size:0.85em;
    font-weight: 900;
    height:20px;
    width: auto;
    line-height:20px;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
}
#nav li a:hover {
    text-decoration: none;
    background: #ff5312;
}

.alert {
	background: #fff6bf url(../../../silkicons/exclamation.png) center no-repeat;
	background-position: 15px 8px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	
.alert_new {
	background: #ccff66 url(../../../images/icons/new_small.gif) center no-repeat;
	background-position: 15px 8px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #d3ee24;
	border-bottom: 2px solid #d3ee24;
	}
	
.alert_success {
	background: #ccff66 url(../../../silkicons/tick.png) center no-repeat;
	background-position: 15px 8px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #d3ee24;
	border-bottom: 2px solid #d3ee24;
	}
	
.alert_did_you_know {
	background: #fff url(../../../images/did_you_know.gif) center no-repeat;
	background-position: 15px 23px; /* x-pos y-pos */
	text-align: left;
	padding: 30px 20px 20px 80px;
	margin: 0 0 15px 13px;
	border-top: 2px solid #d3ee24;
	border-bottom: 2px solid #d3ee24;
	width:823px;
	}