body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #F9FCFF;
	margin: 0px;
	}
font.log-info {
	color: #999933;
	font-weight: bold;
	line-height: 18px;
	font-size: 8px;
	float: right;
}
font.bahagian {
	font-weight: bold;
}
font.bahagian-panduan {
	font-size: 10px;
}
font.soalan {
	font-weight: bold;
}
font.soalan-panduan {
	font-size: 10px;
}
font.header {
	font-size: 10px;
	font-weight: normal;
}
font.warning {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0066FF;
	text-decoration: none;
}
a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0099FF;
	text-decoration: underline;
}
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066FF;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}
a.header
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: none;
}
a.header:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: underline;
}
td {
	font-size: 8pt;
}
td.menu {
	background-color: #F2F7FF;
	font-size: 11px;
	color: #993300;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
td.menu-disable {
	font-size: 11px;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
td.maintitle {
	background-color: #FFFFFF;
	padding: 20px;
	vertical-align: bottom;
	text-align: left;
	height: 97px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
td.whitebar {
	background-color: #FFFFFF;
	padding: 20px;
	vertical-align: bottom;
	text-align: center;
	border-bottom-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
		border-top-width: 1px;
}



td.utama {
	
	padding: 5px;
	vertical-align: top;
	text-align: center;
	align: center;
	
}
td.form {
	background-color: #F2F7FF;
	padding: 12px 20px 20px;
	vertical-align: top;
}
td.form-title {
	font-size: 10pt;
	font-weight: bold;
	color: #3399CC;
	text-align: left;
	text-decoration: underline;
}
td.form-navigate {
	background-color: #F2F7FF;
	font-size: 10px;
	text-align: right;
	color: #996666;
	font-weight: bold;
	vertical-align: top;
}
td.bahagian {
	background-color: #F2F7FF;
	text-align: left;
}
table.soalan {
	background-color: #666666;
	border: 0px;
	align: center;
}
td.soalan {
	background-color: #F2F7FF;
	padding: 10px;
	text-align: left;
}
td.jawapan {
	background-color: #F2F7FF;
	text-align: left;
}
td.markah {
	background-color: #F2F7FF;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
table.senarai {
	background-color: #666666;
}
td.senarai {
	background-color: #F2F7FF;
	padding: 5px;
}
td.senarai-NotAssigned {
	background-color: #FF9999;
	padding: 5px;
}
td.senarai-White {
	background-color: #FFFFFF;
	padding: 5px;
}
td.senarai-AssignedPP {
	background-color: #DDDDFF;
	padding: 5px;
}
td.senarai-DuringPYD {
	background-color: #FFCC66;
	padding: 5px;
}
td.senarai-DuringPP1 {
	background-color: #FFFF99;
	padding: 5px;
}
td.senarai-DuringPP2 {
	background-color: #99CCFF;
	padding: 5px;
}
td.senarai-DuringPP3 {
	background-color: #CC99FF;
	padding: 5px;
}
td.senarai-DuringPengulas {
	background-color: #999999;
	padding: 5px;
}
td.senarai-DoneEval {
	background-color: #99FF99;
	padding: 5px;
}
td.senarai-header {
	background-color: #D3DBD2;
	padding: 5px;
	font-weight: bold;
	color: #999900;
}
td.header {
	background-color: #3399CC;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
td.warningheader {
	background-color: #FF0000;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
td.sasaran {
	background-color: #F2F7FF;
	padding: 20px 20px 10px;
	text-align: center;
	vertical-align: middle;
}
td.periksa {
	background-color: #CC0033;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
td.periksa-msg {
	background-color: #FFFFFF;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
td.markah-disable {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
	text-align: center;
	cursor: default;
	padding: 1px;
	width: 40px;
}
td.markah-disable2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #EEEEFF;
	border: 1px solid #333333;
	text-align: left;
	cursor: default;
	padding: 2px;
	height: 75px;
	vertical-align: top;
	width: 100%;
}
td.infoPYD-header {
	background-color: #0099CC;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
td.infoPYD-body {
	background-color: #F2F7FF;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
td.target {
	background-color: #F2F7FF;
	padding: 0px;
	text-align: left;
}

.null {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	border: 0px;
	background-color: #F2F7FF;
}




input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
}
input.markah {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
	text-align: center;
	cursor: hand;
}
input.markah-disable {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
	text-align: center;
	cursor: default;
}
input.textCount {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F2F7FF;
	border: 0px none;
	text-align: right;
	vertical-align: top;
}
input.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #CCCCCC;
}
input.option1 {
	background-color: #FFFFFF;
	border: 0px;
	height: 10px;
	width: 10px;
	text-align: center;
	vertical-align: middle;
}
input.option2 {
	background-color: #DCEDED;
	border: 0px;
	height: 12px;
	width: 12px;
	margin: 1px;
	vertical-align: middle;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
}
textarea.target {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 0px solid #666666;
	padding: 5px;
}
select.navigate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EEEEFF;
	color: #0066FF;
	border: 0px;
	font-weight: bold;
	padding: 1px;
}
select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #EEEEFF;
	border: 1px solid #666666;
}
td.submenu-bg {
	background-color: #F2F7FF;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.submenu-on {
	background-color: #99CCFF;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
	color: #996600;
	font-size: 11px;
}
td.submenu-off {
	background-color: #336699;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
	color: #CCFFFF;
	font-size: 11px;
}
a.submenu {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
a.submenu:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
td.manual-title {
	background-color: #336699;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
	color: #CCFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.manual-head {
	background-color: #99CCFF;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
	color: #996600;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.manual-content {
	background-color: #E1EBE3;
	vertical-align: top;
	padding: 5px;
	font-size: 11px;
	border-right-color: #CCCCCC;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.manual-nav-top {
	background-color: #EAEAEA;
	padding: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.manual-nav-bot {
	background-color: #ECECEC;
	padding: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 11px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.manual-body {
	background-color: #EEEEEE;
	vertical-align: top;
	padding: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.manual {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066FF;
	text-decoration: none;
}
a.manual:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: underline;
	text-align: center;
}
td.rptmenu {
	background-color: #3399FF;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
	color: #CCFFFF;
	font-size: 11px;
}
table.selesai-table {

	background-color: #999999;
}
td.selesai-header {

	background-color: #FFFFCC;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #006699;
}
td.selesai-content {
	background-color: #FFFFFF;
	padding: 20px 40px 30px;
	vertical-align: top;
	text-align: center;
}
td.selesai-bahagian {

	background-color: #FFFFFF;
	text-align: left;
}
td.selesai-soalan {

	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
}
td.selesai-markah {

	background-color: #FFFFFF;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
table.selesai-soalan {

	background-color: #666666;
}
td.selesai-sasaran {

	background-color: #FFFFFF;
	padding: 20px 20px 10px;
	text-align: center;
	vertical-align: middle;
}
td.selesai-markah-disable {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	text-align: center;
	cursor: default;
	padding: 1px;
	width: 40px;
}
td.selesai-markah-disable2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	cursor: default;
	padding: 2px;
	height: 75px;
	vertical-align: top;
	width: 100%;
}
td.markah-tak-isi {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color : #FFFFFF;
	background-color: #CC0033;
	border: 1px solid #666666;
	text-align: center;
	cursor: default;
	padding: 1px;
	width: 40px;
}
.blink {
	text-decoration: blink;
}
select.paging {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #EEEEFF;
	border: 0px none;
	color: #996600;
}
	
.smallbluescript {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.whitebody {
	background-color: #FFFFFF;}

.whiteTd {
	text-align: left;
	cursor: default;
	padding: 20px;
	vertical-align: bottom;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.whiteTm {
	text-align: left;
	padding: 5px;
	vertical-align: bottom;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.whiteNotify {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 500px;
	height: 50px;
}


a.whitelink {
	color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	size = 6px;
}
a.whitelink:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	size = 6px;
	text-decoration: none;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.size2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}