/* Form elements */
textarea, select {
	color: #29547E;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	border: #CBCDCA 1px solid;
}

h2{
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    border-top: 1px #666666 dashed;
    border-bottom: 1px #666666 dashed;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
}

td { font-size: 11px; }

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.content:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.content:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #652B9F;
	text-decoration: underline;
	text-align: justify;
}

.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #3D107B;
	text-decoration: none;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.bold:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.bold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #652B9F;
	text-decoration: underline;
}

.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
}
.red:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
}
.red:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3007B;
	text-decoration: underline;
}
.whitebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737373;
	text-decoration: none;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #005BB9;
	text-decoration: none;
	text-align: justify;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: none;
}
.yellow:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: none;
}
.yellow:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.counter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00FFFF;
	text-decoration: none;
	font-weight: bold;
}

table.product {
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border: #999999;
	border-collapse: collapse;
	line-height: 29px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	font-family: Arial, Helvetica, sans-serif;
    background-image: url(../images/blue.gif);
	font-size: 11px;
	font-style: normal;
    color: #FFFFFF;
    background-color: #29547E;
	text-align: left;
	padding-top: 4px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;

	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;

}

table.contentpane td.contentheading {
  padding-left: 15px;
  padding-top: 9px;
}

table.contentpaneopen {
  padding-left: 15px;
  padding-top: 9px;
}

table.contentpaneopen td.contentheading {
  height: 30px;
  padding-left: 15px;
  padding-top: 9px;
  font-size: 14px;
  background-image: url(../images/contenthead6.png) repeat-x;
  width: 800px;
}

.contentheading {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
    background: url(../images/contenthead6.png) repeat-x;
	color: #000000;
	text-align: left;
	padding-top: 9px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
 /* width: 800px; */

}

.contentheadingmenuutama {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
    background: url(../images/contenthead6.png)  repeat-x;
	color: #000000;
	text-align: left;
	padding-top: 9px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	white-space: wrap;
	width: 550px;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #314396;
	text-decoration: none;
}


ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li {
	display: block;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
    width: 15%;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #cccccc;
}

ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

ul {
    margin-top: 10px;
    margin-bottom: 5px;
}

/* hover for berita terkini  */
table.moduletableskrolberita a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

table.contenttoc {
    border: 1px solid #cccccc;
    padding: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
}

table.contenttoc th {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background:;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 15px !important;
	height: 15px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #666666;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: left;
}

a.sublevel:hover {
	color: #336666;
	text-decoration: none;
}
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
/*  border: 1px solid #cccccc; */
  width: auto;
  padding: 2px;
  margin: 1px;
  text-decoration: none;
}

.pagenavbar {
	padding-right: 5px;
	float: right;
}

a.readoncontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

a.readoncontent:link, a.readoncontent:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
	}

a.readoncontent:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3007B;
	text-decoration: underline;
	}

/* readon menu utama  */
a.readonmenuutama {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

a.readonmenuutama:link, a.readon:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
	}

a.readonmenuutama:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3007B;
	text-decoration: underline;
	}

/* tambahan utk poll */
table.moduletablepoll {
	 width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletablepoll th {
	color: #FFFFFF;
	background: url(../images/oren.gif) repeat-y;
	/*background-color: #E60412;*/
	text-align: left;
	padding-top: 5px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablepoll td {
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	color: #000000;
	font-weight: normal;
}

/* tambahan utk login */
table.moduletablelogin {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletablelogin th {
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablelogin td {
	background: url(../images/oren_bg.gif) repeat-y;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	font-family: vardana;
	font-weight: normal;
}

/* moi - login modules, rememberme background  */
table.loginsubmit td {
	background: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.gif);
}

/* tambahan utk skrol berita */
table.moduletableskrolberita {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: red ;
	border: 1px solid #000000;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletableskrolberita th {
	background: url(../images/bg_center.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 19px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletableskrolberita td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	height: 10px;
	font-weight: normal;
}

/* tambahan utk kelender */
table.moduletablekelender {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: red ;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletablekelender th {
	background: url(../images/bg_center.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 19px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablekelender td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	height: 10px;
	font-weight: normal;
}

/* tambahan utk aktiviti */
table.moduletableaktiviti {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: red ;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletableaktiviti th {
	background: url(../images/bg_center.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 19px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletableaktiviti td {
	/* background: url(../images/bg_skrol.gif) repeat-x; */
	font-size: 11px;
	padding: 4px;
	margin: 0px;
	height: 10px;
	font-weight: normal;
}

/* tambahan utk menu */
table.moduletablemenu {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletablemenu th {
	color: #ffffff;
	background-color: #29547E;
	text-align: left;
	padding-top: 4px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablemenu td {
	/* background: url(../images/oren_bg.gif) repeat-x; */
	/* background: #F5EEDC; */
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	/* font-family: vardana; */
	font-weight: normal;
}

/* tambahan utk hit */
table.moduletablehit {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* color 666666 fontsize 10  images/bg_box.gif images/subhead_bg.png */
table.moduletablehit th {
	background: url(../images/blue.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablehit td {
	background: url(../images/blue_bg.gif) repeat-y;
	/* background: #FFAC1C; */
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	color: #ffffff;
	font-family: vardana;
	font-weight: normal;
}


/* tambahan utk menuuser */
table.moduletablemenuuser {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletablemenuuser th {
	background: url(../images/yellow.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 30px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.moduletablemenuuser td {
	background: url(../images/yellow_bg.gif) repeat-y;
	/* background: #FFAC1C; */
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	height: 10px;
	font-family: vardana;
	font-weight: normal;
}

.inputbox {
	/*BORDER: #999999 1px solid;*/
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;/*
	BACKGROUND-COLOR: #F7F7F7*/
}

.button {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: #999999 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
	BACKGROUND-COLOR: #F7F7F7
}

ul.makeMenu  {
  width: 80px;                 /* sets the size of the menu blocks */
  border: 1px solid #000;      /* puts a black border around the menu blocks */
  background-color: #8aa;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu li {
	background-image: url(../images/arrow.png) ;
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	color: #ffffff;
	background-position: 0px 3px;
	background: none ;
}

table.contentpane td.componentheading {
	padding-left: 4px;
	width: 462px;
}

#sandbox_area_2 .componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 458px !important;
	width: 462px;
}

.componentheading {
	background-color: #3D107B ;
	background-repeat: repeat-y;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 550px !important;
	width: 580px;
}

#pathway_outline {
	width: 633px !important;
	width: 635px;
	float: left;
	border: 1px solid #cccccc;
	margin-bottom: 2px !important;
	margin-bottom: -2px;
}

#pathway {
	float: left;
	padding: 4px 3px 3px 5px;
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
	FONT-SIZE: 10px;
}

.pathway {
	/* float: left; */
	/* padding: 4px 3px 3px 5px; */
	FONT-FAMILY: Verdana, Helvetica, Sans-serif;
	FONT-SIZE: 10px;
	color: #000000;
}

a.readon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
	font-weight: normal;
}

a.readon:link, .readon:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF0024;
	text-decoration: none;
	font-weight: normal;
}

a.readon:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3007B;
	text-decoration: underline;
	font-weight: normal;
}

/* mostly used for table for forum */
.sectiontableheader { font-weight: bold; background: #f0f0f0; padding: 4px;}
.sectiontableheader2 { font-weight: bold; background: #f0f0f0; padding: 4px;}
.sectiontableentry1 { background-color : #ffffff; }
.sectiontableentry2 { background-color : #f9f9f9; }
.bgleft { background-repeat: no-repeat; background-position: top;}
.footer {font-family: Tahoma; font-size: 10px; font-style: normal; color: #FFFFFF;}
.border {border: thin solid #000000;}
.bordertgh {border: thin solid #C0C0C0;}
.A3 { FONT-SIZE: 9pt; COLOR: #FF0000; FONT-FAMILY: Tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.A3:link { FONT-SIZE: 9pt; COLOR: #FF0000; FONT-FAMILY: Tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.A3:visited { FONT-SIZE: 9pt; COLOR: #FF0000; FONT-FAMILY: Tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
.A3:hover { FONT-SIZE: 9pt; COLOR: #0000FF; FONT-FAMILY: Tahoma; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
.bggraydot { height :1px; background : url(../images/dot.gif) repeat-x;}
.style8 {color: #FF0000; font-weight: bold;}
.style11 {font-size: 10px}
.style12 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}
.style13 {color: #000000}
.style19 {color: #0033CC; font-weight: bold; font-size: 9pt;}
.style20 {font-size: 9pt}
.style21 {color: #990000; font-weight: bold; font-size: 9pt; }
.style23 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; }
.style24 {font-size: 12px}
.style25 {font-size: 11px}

/* latest news */
a.latestnewsmenu {
	padding-left: 3px;
	line-height: 20px;

}