body         {font-family: Tahoma, sans-serif,Traditional-Arabic; font-size: 12px }
td           { font-family: Tahoma, sans-serif; font-size: 11px; vertical-align: top;}
table {width: 100%; margin: 5; padding: 5; font-size: small;}
a:link       { color: #0000FF; text-decoration: underline }
a:visited    { color: #203F68; text-decoration: underline }
a:active     { color: #203F68; text-decoration: underline }
a:hover      { color: #6688FF; text-decoration: underline }
.H           { font-family: Tahoma; font-size: 11px; color: #000000; text-decoration: none; background-color: #CDFFCC}
.F           { font-family: Tahoma; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #905E2C}
:link.F      { font-family: Tahoma; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #905E2C}
:visited.F   { font-family: Tahoma; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #905E2C}
:hover.F     { font-family: Tahoma; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #905E2C}
.P			 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline }
:link.P		 { FONT-SIZE: 11px; COLOR: #333300; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline }
:visited.P	 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline }
:hover.P	 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline }
.N			 { FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: none }
:link.N		 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none }
:visited.N	 { FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: none }
:hover.N	 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none }
.R           { font-family: Tahoma; font-size: 10px; text-decoration: none}
.S           { font-family: Tahoma; font-size: 11px; text-decoration: none;}
.M           { font-family: Tahoma; font-size: 12px; text-decoration: none;}
.I           { font-family: Tahoma; font-size: 10px; color: #000000; }
.C           { font-family: Tahoma; font-size: 11px; color: #800000; }
.B           { font-family: Tahoma; font-size: 12px; color: #000000; }
.L			 { font-family: Tahoma,Tahoma,Arial; font-size: 24px; color: #000000}
.T			 { border: 1px solid #BABABA;  }
.U			 { border: 1px solid #AFB2B8; background-color: #DFDFDF}
.W           { color: #000000 }
.E           { color: #000000 }

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.textarea    { font-family: Tahoma; font-size: 11px; color: #000000; background-color: #f5f5f5; border: single #f60; border-width: 1px 1px 1px 1px; overflow:auto; }
input.textbox{ font-family: Tahoma; font-size: 11px; color: #000000; background-color: #F5F5F5; border-width: 1px 1px 1px 1px; }
.checkbox { font-family : Tahoma, Arial, Helvetica, sans-serif; font-size : 11px; color: #111111; font-weight:400; }
select { font-family: Tahoma; font-size: 11px; color: #000000; background-color: #F5F5F5; border-width: 1px 1px 1px 1px; }



.item {margin-bottom: 8px;}
.itemHead {padding: 4px; border-left: 8px solid #376E3B; border-bottom: 1px solid #CB8434; background-color: #98C59B; color: #FFFFFF; font-weight: bold;}
.itemInfo {padding: 4px; text-align: center; border-bottom: 1px solid #E36201; color: #666666;}
.itemTitle a {}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding: 8px;}
.itemText {line-height: 1.5em; margin: 0px;}
:first-letter.itemText {}
.itemFoot {text-align: center; padding: 4px; border: 1px solid #A4C2A6; color: #666666;} 
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
th {background-color: #016402; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px}
th#warning {background-color: #016402; color: #FF0000; padding : 4px; vertical-align : middle; font-size: 11px}


td#warning {background-color: #FF1111; color: #FF0000; padding : 4px; vertical-align : middle; font-size: 11px}
td#headerbanner {}
td#headerbar {}

td#leftcolumn {
	width: 115px; 
	background-color: #CDFFCC;
	border-right:1px solid #016402;
	border-bottom:1px solid #016402;
}
td#leftcolumn th {}
td#leftcolumn .blockTitle {
	padding: 3px; 
	color: #FFFFFF; 
	background-color: #016402; 
	font-weight: bold;
	horizontal-align: left;
}
td#leftcolumn .blockContent {
	padding: 3px; 
	line-height: 120%; 
	background-color: #CDFFCC;	
}

div#content {text-align: left;}

td#rightcolumn {
	width: 115px; background-color: #85CD98; 
	border-right: 1px solid #016402; 
	border-left: 1px solid #016402; 
	border-bottom: 1px solid #C0C0C0
}
td#rightcolumn th {}
td#rightcolumn .blockTitle {padding: 2px; color: #FFFFFF; background-color: #016402; font-weight: bold}
td#rightcolumn .blockContent {padding: 2px; line-height: 120%;}

tr#footerbar {}

td#rightmenu a {
	border:1px solid #016402;
	color: #000000;
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	background: #CAFFCA;
	border-left: 5px solid #016402;
	font-weight: bold;
	padding: 3px 5px;
	}
td#rightmenu a:hover {
	background: #016402;
	color: #FFFFFF;
	text-decoration: none;
	border-left: 5px solid #000000;}
td#rightmenu a.menuTop {}
td#rightmenu a.highlight {color: #504E4D; background-color: #FFFFFF}
td#rightmenu a:hover.highlight {color: #FFFFFF; background-color: #2F5376;}

td#usermenu a {
	border:1px solid #85CD98;
	color: #000000;
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	background: #CAFFCA;
	border-left: 5px solid #016402;
	font-weight: bold;
	padding: 3px 5px;
	}
td#usermenu a:hover {
	background: #016402;
	color: #FFFFFF;
	text-decoration: none;
	border-left: 5px solid #000000;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {color: #504E4D; background-color: #FFFFFF}
td#usermenu a:hover.highlight {color: #FFFFFF; background-color: #2F5376;}

td#pagination a {
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	}
td#pagination a.highlight {color: #504E4D;}
td#pagination a:hover.highlight {color: #FFFFFF;}

.outer {border: 1px solid #85CD98; background-color: #CAFFCA}
.img_border {border: 1px solid #DDDDDD; background-color: #FFFFFF}
.border_home {border: 1px solid #DDDDDD; vertical-align:bottom}
.head {background-color: #016402; padding: 4px; font-weight: bold} 

.foot {background-color: #D4F7D4; padding: 4px; font-weight: bold}
td.nama {font-family: Helvetica; color: #551100; padding: 2px; font-weight: bold; font-size: 15px}
td.info {font-family: arial; background-color:#271801; color: #FFFFFF; padding: 2px; font-weight: bold}
tr.even td {background-color: #CADDCC; padding: 4px;}
tr.odd td {background-color: #85CD98; padding: 4px}
tr.ganjil td {background-color: #E6E1D2;}
tr.genap td {background-color: #FFFFEE;}
tr.beli td {background-color: #85CD98; padding: 4px}
tr.total td {background-color: #016402; padding: 4px}

div.errorMsg {background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg {background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg {background-color : #DFDFDF; color: #333333; text-align: center; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px}

div.xoopsCode {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}
div.xoopsQuote {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #000000; font-weight: bold; border: 1px solid #AFB2B8; background-color: #FFFFFF; margin: 2px; padding: 2px}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; font-weight: bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight: bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

div.xoopsCode pre {margin: 0px;}
div.xoopsQuote blockquote {margin: 0px;}

#maintable {width: 100%;}

#top {
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right:0px;
		margin-top:0px;
		}
		
		#top td.side {
				}
		
		#top td.logo {
		width: 100%;
		background-color: #CDFFCC;
		vertical-align: middle;
		}

#welcome {margin-bottom: 8px;}
#welcome td.side {width: 8px;}
#welcome td.center {color: #000000; background-color: #FFFFFF; vertical-align: middle; font-weight: bold; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0}

#footer {margin-top: 8px;}
#footer td.side {width: 8px;}
#footer td.center {
		color: #000000;
		background-color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		}

#copyright {
		margin-top: 4px;
		text-align: center;
		font-size: 10px;
		}
td#topmenu {
	color: #000000;
	text-decoration: none;
	background: #CDFFCC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
		
td#topmenu a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 5px;
	background: #CDFFCC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}
td#topmenu a:hover {
	padding: 5px;
	background: #016402;
	text-decoration: none;
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	} 

td#sidemenu {
	color: #000000;
	text-decoration: none;
	background: #CDFFCC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
		
td#sidemenu a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 2px;
	background: #CDFFCC;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td#sidemenu a:hover {
	padding: 2px;
	background: #016402;
	text-decoration: none;
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
} 
	
td#indextitle {
	color: #000000;
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}	
td#indextitle a {
	color: #000000;
	border:1px solid #CAFFCA; 		
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 10px;
	text-align: center;
	vertical-align: middle;
	}
td#indextitle a:hover {
	border:1px solid #85CD98; 	
	text-decoration: none;
	display: block;
	text-align: center;
	vertical-align: middle;
	} 

td#terbaru {
	color: #000000;
	font-weight: bold;
	border:1px solid #85CD98; 
	text-align: center;
	horizontal-align: center;
	vertical-align: bottom;
}

td#pengantar {
	color: #000000;
	border:1px solid #85CD98; 	
	margin-bottom: 1px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}	

td#mutiara {	
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}	

table#blockcontent {
border:1px solid #85CD98;
background: #CAFFCA;
}

td#centercolumn {
background: #CAFFCA;
padding: 8px;
}

.pagetitle {
background: #85CD98;
color: #016402;
}

.pagetitle2 {
	background: #016402;
	color: #FFFFFF;
}

.texttitle {
color: #016402;
}

.box
{
	border:1px solid #85CD98;
	vertical-align: middle;
}

.box2
{
	border:1px solid #016402;
	background: #CAFFCA;
}
.blockcolor
{
	background: #CAFFCA;
	padding: 3px;
}