/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{POSITION:absolute; WIDTH:99%; HEIGHT:99%; CLIP:rect(0,100%,100%,0); LEFT:0; TOP:0; VISIBILITY:visible}
.clCMAbs{POSITION:absolute; VISIBILITY:hidden; LEFT:0; TOP:0}
/* CoolMenus 4 - default styles - end */

/* Style for the background-bar */
.clBar
 { POSITION:absolute; WIDTH:10; HEIGHT:10; BACKGROUND-COLOR: #DADADA;  VISIBILITY:hidden }

/* Styles for level 0 */
.clLevel0, .clLevel0over
 { POSITION: absolute; PADDING: 3px; text-align:left; vertical-align: middle ;FONT-FAMILY: arial,tahoma,helvetica; FONT-SIZE: 11px }
.clLevel0
 { BACKGROUND-COLOR: #c8dcea; BORDER: 1px solid #c8dcea;  COLOR: black; }
.clLevel0over
 { BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #FFFFFF;  COLOR: black; CURSOR:pointer; CURSOR:hand; }
.clLevel0border
 { POSITION:absolute; VISIBILITY:hidden; BACKGROUND-COLOR:#c8dcea;  }

/* Styles for level 1 */
.clLevel1, .clLevel1over
 { POSITION: absolute; PADDING: 2px; text-align:left; FONT-FAMILY:arial,helvetica; FONT-SIZE: 11px }
.clLevel1
 { BACKGROUND-COLOR:#ffffff;  COLOR:#666666 }
.clLevel1over
 { BACKGROUND-COLOR: #c8dcea;  COLOR:black; CURSOR:pointer; CURSOR:hand; }
.clLevel1border
 { POSITION:absolute; Z-INDEX:500; VISIBILITY:hidden; BACKGROUND-COLOR:#666666; }

/* Styles for level 2 */
.clLevel2, .clLevel2over
 { POSITION:absolute; PADDING:2px; FONT-FAMILY:tahoma,arial,helvetica; FONT-SIZE:10px; FONT-WEIGHT:bold }
.clLevel2
 { BACKGROUND-COLOR:Navy;  COLOR:white; }
.clLevel2over
 { BACKGROUND-COLOR:#0099cc;  COLOR:Yellow; CURSOR:Pointer; CURSOR:hand; }
.clLevel2border
 { POSITION:absolute; VISIBILITY:hidden; BACKGROUND-COLOR:#006699;  }

/*****************************************************/
BODY
{	
	/* margin, background */
	/*MARGIN: 0px; background: #8D8C8C url(bg3.gif);*/
	/*MARGIN: 0px; background-position: center; background-repeat: repeat-y; background-color: #FFFFFF; url(bg.gif);*/
	/*no-repeat;*/
	MARGIN: 0px;
	background-color: #FFFFFF;
	background-image: url(bg3.gif);
	/*background-position: top center;*/
	/*background-repeat: no-repeat;*/
	

	/* scrollbar khusus IE */
	SCROLLBAR-FACE-COLOR: #000000;
	SCROLLBAR-HIGHLIGHT-COLOR: #323232;
	SCROLLBAR-SHADOW-COLOR: #04497A;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: #9baac1;
}

/* general font and font color */
TD, TH { FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE:8pt; COLOR: #000000 }

/****** 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}
.fwhite {color: #FFFFFF}

.back1 { background-color: #808080 }
.back2 { background-color: #C0C0C0 }
.back3 { background-color: #B1B1B1 }

.fc1 { COLOR: #000000 }
.fc2 { COLOR: #FFFFFF }
.fc3 { COLOR: #FF3535 }

A.link, A.link:active, A.link:visited { COLOR: #704F10; TEXT-DECORATION:none; }
A.link:hover, A.link:visited:hover { COLOR: #FF0000; }

A.link2, A.link2:active, A.link2:visited { COLOR: #704F10; TEXT-DECORATION:none; }
A.link2:hover, A.link2:visited:hover { COLOR: #FF0000; TEXT-DECORATION:none; }

A.link3, A.link3:active, A.link3:visited { COLOR: #FFFF00; TEXT-DECORATION:none; }
A.link3:hover, A.link3:visited:hover { COLOR: #FF0000; TEXT-DECORATION:none; }

/**** FORMAT TABLE ****/
.bdr1 { BORDER:1px solid #C0C0C0 }
.bdr2 { BORDER:1px solid #808080 }
.bdr3 { BORDER:1px solid #808080 }

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

.cbo { FONT-SIZE: 8pt }

.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; }


/****** HEADER ******/
.tglJam { FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE:7.5pt; color: #FFFFFF }

a.toplink, a.toplink:active, a.toplink:visited 
 { HEIGHT:18px; BORDER:1px solid #ffffff; COLOR:#ffffff; TEXT-DECORATION:none; font-size:11px }

a.toplink:hover, a.toplink:visited:hover 
 { BORDER:1px solid #04497A; COLOR:#04497A; TEXT-DECORATION:none; BACKGROUND-COLOR:#ffffff }

TABLE.TOP { width:760px; TABLE-LAYOUT:fixed; text-align:center; border:0px; margin:0px}
TR.TOP_1 { height:0px }
TD.TOP_11 { WIDTH: 6px }
TD.TOP_12 { }
TD.TOP_13 { WIDTH: 6px }

TD.TOP_21 { WIDTH: 6px; HEIGHT: 33px; BACKGROUND: url(top.gif) repeat-x }
TD.TOP_22 { width:100%; HEIGHT: 33px; COLOR: #666666; BACKGROUND: url(top.gif) repeat-x }
TD.TOP_23 { WIDTH: 6px; HEIGHT: 33px; BACKGROUND: #FFFF33 url(top.gif) repeat-x }

TR.TOP_3 { height:0px }
TD.TOP_31 { }
TD.TOP_32 { }
TD.TOP_33 { }


/****** CONTENT - BLOK-BLOK ******/

/** TABLE CONTENT UTAMA **/
TABLE.CONT { TABLE-LAYOUT:fixed; WIDTH: 760px; TEXT-ALIGN:center }

TR.CONT_1 { HEIGHT: 6px }
TD.CONT_11 { WIDTH: 46px; BACKGROUND: url(cont_11.gif) no-repeat }
TD.CONT_12 { BACKGROUND: url(cont_12.gif) repeat-x }
TD.CONT_13 { WIDTH: 46px; BACKGROUND: url(cont_13.gif) no-repeat }

TD.CONT_21 { WIDTH: 6px; BACKGROUND: url(cont_21.gif) repeat-y }
TD.CONT_22 { BACKGROUND-COLOR: #1b3548 } 
TD.CONT_23 { WIDTH: 7px; BACKGROUND: url(cont_23.gif) repeat-y }

TR.CONT_3 { HEIGHT: 6px }
TD.CONT_31 { BACKGROUND: url(cont_31.gif) no-repeat }
TD.CONT_32 { BACKGROUND: url(cont_32.gif) repeat-x }
TD.CONT_33 { BACKGROUND: url(cont_33.gif) no-repeat }

/** BLOK 1 -- ada judul **/
.blok_s { HEIGHT:5px }

TR.BLOK1_1 { HEIGHT: 52px }
TD.BLOK1_11 { WIDTH: 26px; BACKGROUND: url(x_1_1.gif) no-repeat }
TD.BLOK1_12 { COLOR: #FFFFFF; TEXT-ALIGN: center; VERTICAL-ALIGN:middle; CURSOR: default; BACKGROUND: url(x_1_2.gif) repeat-x }
TD.BLOK1_13 { WIDTH: 26px; BACKGROUND: url(x_1_3.gif) no-repeat  }

TD.BLOK1_21 { WIDTH:6px; BACKGROUND: url(x_2_1.gif) repeat-y }
TD.BLOK1_22 { BACKGROUND-COLOR: #caddeb }
TD.BLOK1_23 { WIDTH:6px; BACKGROUND: url(x_2_2.gif) repeat-y }

TR.BLOK1_3 { HEIGHT: 17px }
TD.BLOK1_31 { WIDTH: 26px; BACKGROUND: url(x_3_1.gif) no-repeat }
TD.BLOK1_32 { BACKGROUND: url(x_3_2.gif) repeat-x }
TD.BLOK1_33 { WIDTH: 26px; BACKGROUND: url(x_3_3.gif) no-repeat }

/** BLOK 2 -- tidak ada judul **/
TR.BLOK2_1 { HEIGHT: 22px }
TD.BLOK2_11 { WIDTH: 22px; BACKGROUND: url(P_1_1.gif) no-repeat; BACKGROUND: url(P_1_1.gif) no-repeat }
TD.BLOK2_12 { COLOR: #FFFFFF; TEXT-ALIGN: center; CURSOR: default; BACKGROUND: url(P_1_2.gif) repeat-x }
TD.BLOK2_13 { WIDTH: 22px; BACKGROUND: url(P_1_3.gif) no-repeat }

TD.BLOK2_21 { WIDTH:4px; BACKGROUND-COLOR: #FFFFFF }
TD.BLOK2_22 { BACKGROUND-COLOR: #9dc1da }
TD.BLOK2_23 { WIDTH:4px; BACKGROUND-COLOR: #FFFFFF }

TR.BLOK2_3 { HEIGHT: 22px }
TD.BLOK2_31 { WIDTH: 22px; BACKGROUND: url(P_3_1.gif) no-repeat }
TD.BLOK2_32 { BACKGROUND: url(P_3_2.gif) repeat-x }
TD.BLOK2_33 { WIDTH: 22px; BACKGROUND: url(P_3_3.gif) no-repeat }

/** BLOK 3 -- ada judul  **/
TR.BLOK3_1 { HEIGHT: 24px }
TD.BLOK3_11 { WIDTH: 16px; BACKGROUND: url(blok_11.gif) no-repeat }
TD.BLOK3_12 { COLOR: #FFFFFF; TEXT-ALIGN: center; VERTICAL-ALIGN:middle; CURSOR: default; BORDER-BOTTOM: 1px solid #04497a; BACKGROUND: url(blok_12.gif) repeat-x }
TD.BLOK3_13 { WIDTH:16px; BACKGROUND: url(blok_13.gif) no-repeat }

TD.BLOK3_21 { WIDTH:1px; BACKGROUND-COLOR: #04497A }
TD.BLOK3_22 { BACKGROUND-COLOR: #FFFDFE }
TD.BLOK3_23 { WIDTH:3px; BACKGROUND: url(blok_23.gif) repeat-y }

TR.BLOK3_3 { HEIGHT: 6px }
TD.BLOK3_31 { WIDTH: 16px; BACKGROUND: url(blok_31.gif) no-repeat }
TD.BLOK3_32 { BACKGROUND: url(blok_32.gif) repeat-x }
TD.BLOK3_33 { WIDTH: 16px; BACKGROUND: url(blok_33.gif) no-repeat }

/** BLOK 4 -- tidak ada judul **/
TR.BLOK4_1 { HEIGHT: 22px }
TD.BLOK4_11 { WIDTH: 22px; BACKGROUND: url(P_1_1.gif) no-repeat }
TD.BLOK4_12 { COLOR: #FFFFFF; TEXT-ALIGN: center; CURSOR: default; BACKGROUND: url(P_1_2.gif) repeat-x }
TD.BLOK4_13 { WIDTH:22px; BACKGROUND: url(P_1_3.gif) no-repeat }

TD.BLOK4_21 { WIDTH:5px; BACKGROUND-COLOR: #DEDEDE }
TD.BLOK4_22 { BACKGROUND-COLOR: #9dc1da }
TD.BLOK4_23 { WIDTH:5px; BACKGROUND-COLOR: #DEDEDE  }

TR.BLOK4_3 { HEIGHT: 22px }
TD.BLOK4_31 { WIDTH: 22px; BACKGROUND: url(P_3_1.gif) no-repeat }
TD.BLOK4_32 { BACKGROUND: url(P_3_2.gif) repeat-x }
TD.BLOK4_33 { WIDTH: 22px; BACKGROUND: url(P_3_3.gif) no-repeat }

/****** FOOTER ******/
a.footlink, a.footlink:active, a.footlink:visited 
 { COLOR:#FFCC00; TEXT-DECORATION:none; }
a.footlink:hover, a.footlink:visited:hover 
 { COLOR:#FF0000; TEXT-DECORATION:none; }

TABLE.FOOT
 { height:33px; TABLE-LAYOUT:fixed; BORDER-TOP:0px solid #004080;BORDER-BOTTOM:0px solid #004080; PADDING:0px; BACKGROUND: url(top.gif) repeat-x }

TABLE.FOOT TD { color:#FFFFFF; font-size:10px }

TR.FOOT_1 { HEIGHT:0px }
TD.FOOT_11 { }
TD.FOOT_12 { }
TD.FOOT_13 { }

TD.FOOT_21 { WIDTH:6px }
TD.FOOT_22 { TEXT-ALIGN:center; HEIGHT:33px; BACKGROUND: url(top.gif) repeat-x; COLOR:#ffffff; FONT-SIZE:11px }
TD.FOOT_23 { WIDTH:6px; BACKGROUND: url(top.gif) no-repeat }

TR.FOOT_3 { HEIGHT:1px }
TD.FOOT_31 { WIDTH:100px; BACKGROUND-COLOR: #000000 }
TD.FOOT_32 { BACKGROUND-COLOR: #000000 }
TD.FOOT_33 { WIDTH:100px; BACKGROUND-COLOR: #000000 }