body {font-family: verdana,arial,helvetica;}

/****** FORMAT FONT ******/
.f1 { FONT-SIZE: 7pt }
.f2 { FONT-SIZE: 8pt }
.f3 { FONT-SIZE: 10pt }
.f4 { FONT-SIZE: 12pt }
.f5 { FONT-SIZE: 14pt }
.f6 { FONT-SIZE: 20pt }

.fb { FONT-WEIGHT: bold }
.fi { FONT-STYLE: italic }
.fu { TEXT-DECORATION: underline }
.fnone { TEXT-DECORATION: none }
.fred {color: #E50000}	/* Biasanya buat error */
.fwhite {color: #FFFFFF}	/* Buat yg begronnya gelap */

/**** FORMAT FORM ****/
.txt {FONT-SIZE:8pt; BORDER: 1px solid #999999; font-family:verdana;}
.txtDisabled {FONT-SIZE:8pt; BORDER: 1px solid #999999}

.cbo { FONT-SIZE: 8pt; font-family:verdana;}

.cmd { BORDER:1px outset; FONT-SIZE: 8pt; CURSOR:hand; }
.cmdSubmit { BORDER:1px outset; FONT-SIZE: 8pt; CURSOR:hand; }
.cmdCancel { BORDER:1px outset; FONT-SIZE: 8pt; CURSOR:hand; }
.cmdDet { background-color:#FF9900;	FONT-SIZE: 8pt; color:#FFFFFF; border:1px outset; font:bold }
.cmdDel { background-color:#8A1A19;	FONT-SIZE: 8pt; color:#FFFFFF; border:1px outset; font:bold }

/* link utama*/
a:link, a:active, a:visited { color:#006600;TEXT-DECORATION: none; }
a:hover { color: #CC6600; }

/* link detil*/
a.linkdet:link, a.linkdet:active, a.linkdet:visited { color:#CC6600;TEXT-DECORATION: none; }
a.linkdet:hover { color: #006600; }

/* PAGING */
a.paging, a.paging:active, a.paging:visited { color:#FFFFFF!important;TEXT-DECORATION: none; }
a.paging:hover { color: #990066; }

a.mnkr:link, a.mnkr:active, a.mnkr:visited
{font-family:arial; font-size:11px; font-weight:bold; color:#006600; text-decoration:none; padding-left:30px; padding-top:0px;}
a.mnkr:hover
{font-family:arial; font-size:11px; font-weight:bold; color:#FF0000; text-decoration:none; padding-left:30px; padding-top:0px;}

 /*for Border style*/
.bdrTab{border:1px solid #979596}
.bdrBR{border-bottom:1px solid #979596;border-right:1px solid #979596}
.bdrB{border-bottom:1px solid #979596}

 /*for title*/
.titleTop {BACKGROUND-COLOR: #D4AE03; border-bottom:3px solid #9B7F02; border-top:3px solid #E0CC74}
.titleBottom {border-bottom:3px solid #0d3f8a}

.caption {
	border: 1px solid #D3AE00;
	text-align: center;
	background-color: #FCE680;
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
.caption p.caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	font-family:trebuchet ms;
	}

.dropcap-first:first-letter {
	color: #D3AE04;
	float: left;
	font-size:50px;
	padding-top:3px;
	padding-right:3px;
	font-family: Times, serif, Georgia;
	}
	
/* for COMMENTs */
.comment {
	padding:5px;
}

.comment-ul {
	border-bottom:1px solid red; margin:0; list-style-type:none; padding-left:0; margin
}

.comment-no { 
	float:left; padding:0; margin:0;
	font:14px trebuchet ms,Verdana, Arial; font-weight:bold;
	border:1px solid black;
	color:white; width:20px; text-align:center;
	background-color:black;
}
.comment-div {
	margin: 0px;
	padding:10px 10px 25px 5px;
	text-decoration:none;
	border-bottom: 1px solid #4C4847;
}
.comment-content { 
	padding:0 0 5px 30px;
	font:12px trebuchet ms,Verdana, Arial;
}
.comment-content p {margin:0; padding:0;}
.comment-date, .comment-user {
	padding:2px 10px;
	font:11px trebuchet ms,Verdana, Arial;
	background:#D2AE02; color:white;
}
.comment-user{ float: left;  margin-left:30px; padding-right:10px }
.comment-date { float: right; padding-right:10px }