A:link {COLOR: #ff0000;TEXT-DECORATION: none}
A:hover {COLOR: #ff0000; TEXT-DECORATION: none}
A:active {COLOR: #cc0000; TEXT-DECORATION: none}
A:visited {COLOR: #990000; TEXT-DECORATION: none}

.CellBody{BACKGROUND-COLOR: white;}
.CellBody2{BACKGROUND-COLOR: #f0f0f0;}
.CellCaption{VERTICAL-ALIGN: top;WIDTH: 20%;COLOR: black;BACKGROUND-COLOR: #f0f0f0;TEXT-ALIGN: right}

.Login{BORDER-RIGHT: gray thin outset;BORDER-TOP: gray thin outset;FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;BORDER-LEFT: gray thin outset;CURSOR: hand;COLOR: black;
    BORDER-BOTTOM: gray thin outset;FONT-FAMILY: Verdana, Arial;HEIGHT: 20px;BACKGROUND-COLOR: #FFCC00}
.Button{BORDER-RIGHT: gray thin outset;BORDER-TOP: gray thin outset;FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;BORDER-LEFT: gray thin outset;CURSOR: hand;COLOR: black;
    BORDER-BOTTOM: gray thin outset;FONT-FAMILY: Verdana, Arial;HEIGHT: 20px;BACKGROUND-COLOR: #FFCC00}
.ButtonSmall{BORDER-RIGHT: gray thin outset;BORDER-TOP: gray thin outset;FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;BORDER-LEFT: gray thin outset;WIDTH: 60px;CURSOR: hand;COLOR: black;
    BORDER-BOTTOM: gray thin outset;FONT-FAMILY: Verdana, Arial;HEIGHT: 20px;BACKGROUND-COLOR: #FFCC00}
.ButtonLong{BORDER-RIGHT: gray thin outset;BORDER-TOP: gray thin outset;FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;BORDER-LEFT: gray thin outset;WIDTH: 180px;CURSOR: hand;COLOR: black;
    BORDER-BOTTOM: gray thin outset;FONT-FAMILY: Verdana, Arial;HEIGHT: 20px;BACKGROUND-COLOR: #FFCC00}
.browse{border-style: solid;FONT-WEIGHT: bolder;FONT-SIZE: 8pt;CURSOR: hand;FONT-FAMILY: Verdana, Arial;HEIGHT: 20px;}

.TABLE_BORDER{BORDER-RIGHT: gray 1pt solid;BORDER-TOP: gray 1pt solid;MARGIN: 20px;
    BORDER-LEFT: gray 1pt solid;WIDTH: 94%;BORDER-BOTTOM: gray 1pt solid}
.TABLE_LINE{BORDER-RIGHT: gray 1pt solid;BORDER-TOP: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;WIDTH: 100%;BORDER-BOTTOM: gray 1pt solid}

.CELL_HEAD_CENTER{FONT-WEIGHT: bolder;FONT-SIZE: 8pt;PADDING-BOTTOM: 8px;
    COLOR: white;PADDING-TOP: 8px;FONT-FAMILY: Verdana, Arial;BACKGROUND-COLOR: #5BAFE4;TEXT-ALIGN: center}
.CELL_HEAD_LEFT{FONT-WEIGHT: bolder;FONT-SIZE: 8pt;PADDING-BOTTOM: 8px;
    COLOR: white;PADDING-TOP: 8px;FONT-FAMILY: Verdana, Arial;BACKGROUND-COLOR: #5BAFE4;TEXT-ALIGN: left}
.CELL_HEAD_RIGHT{FONT-WEIGHT: bolder;FONT-SIZE: 8pt;PADDING-BOTTOM: 8px;
    COLOR: white;PADDING-TOP: 8px;FONT-FAMILY: Verdana, Arial;BACKGROUND-COLOR: #5BAFE4;TEXT-ALIGN: right}
.CELL_HEAD{BACKGROUND-COLOR: #5BAFE4;PADDING-TOP: 8px;PADDING-BOTTOM: 8px;}
.CELL_HOME{BACKGROUND-COLOR: #5BAFE4;}

.normal8{FONT-SIZE: 8pt!;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.normal10{FONT-SIZE: 10px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.normal11{FONT-SIZE: 11px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.normal12{FONT-SIZE: 12px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.normal14{FONT-SIZE: 14px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.normal16{FONT-SIZE: 16px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.lblboks{FONT-SIZE: 40px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.lblrak{FONT-SIZE: 60px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica}
.lblfolder{FONT-SIZE: 36px! important;FONT-FAMILY: Code39 Text,Verdana,Arial}
.barcode{FONT-SIZE: 46px! important;FONT-FAMILY: Code39 Text,Verdana,Arial}

.title1{COLOR: #000000;FONT-SIZE: 11px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica;FONT-WEIGHT: bold; TEXT-DECORATION: none}
.title2{COLOR: #000000;FONT-SIZE: 11px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica;FONT-WEIGHT: bold; TEXT-DECORATION: none}
.title3{COLOR: red;FONT-SIZE: 11px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica;TEXT-DECORATION: none}

.notnull{BACKGROUND: #FFFFCC; BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; COLOR: black; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
.emptyok{BACKGROUND: #FFFFFF; BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; COLOR: black; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
.unedit{BACKGROUND: #DEE7E7; BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; COLOR: black; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}

.sectionline{BORDER-BOTTOM-COLOR: #333; BORDER-LEFT-COLOR: #333; BORDER-RIGHT-COLOR: #333; BORDER-TOP-COLOR: #333}
.sectionline{BORDER-BOTTOM: 1px solid; BORDER-LEFT: 0px solid; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 11px;FONT-WEIGHT: bold}
.list2line{BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 0px solid; BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid}

.nav {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold}
.nav A:link {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:visited {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:hover {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:active {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.n1 {COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold}
.n1 A:link {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.n1 A:visited {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.n1 A:hover {COLOR: #ff0000; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.n1 A:active {COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.n2 {COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
.n2 A:link {COLOR: #ffffff; TEXT-DECORATION: none}
.n2 A:visited {COLOR: #ffffff; TEXT-DECORATION: none}
.n2 A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
.n2 A:active {COLOR: #ffffff; TEXT-DECORATION: none}

.brd{BORDER-BOTTOM: #bc242b 0px solid; BORDER-LEFT: #bc242b 1px solid; BORDER-RIGHT: #bc242b 1px solid; BORDER-TOP: #bc242b 0px solid}
.head{COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold;background-color: #bc242b;}

.garis{FILTER: Alpha(Opacity=70,FinishOpacity=0,Style=2); WIDTH: 100%; COLOR: #2727CE; HEIGHT: 2px}
HR{WIDTH: 100%; COLOR: #dddddd; HEIGHT: 1px; PADDING-TOP: 2px;PADDING-BOTTOM: 2px;}
H1 {COLOR: #2727CE;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT: bold;PADDING-LEFT: 8px;PADDING-RIGHT: 8px;PADDING-TOP: 1px;PADDING-BOTTOM: 1px;}
H2 {COLOR: #2727CE;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 18px;FONT-WEIGHT: bold;PADDING-LEFT: 8px;PADDING-RIGHT: 8px;PADDING-TOP: 1px;PADDING-BOTTOM: 1px;}
H3 {COLOR: #2727CE;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 20px;FONT-WEIGHT: bold;PADDING-LEFT: 8px;PADDING-RIGHT: 8px;PADDING-TOP: 1px;PADDING-BOTTOM: 1px;}
DIV {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
P{FONT-SIZE: 11px! important;FONT-FAMILY: Verdana,Arial,Helvetica;PADDING-LEFT: 8px;PADDING-RIGHT: 8px;PADDING-TOP: 1px;PADDING-BOTTOM: 1px;}
IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px}
li{FONT-SIZE: 11px! important;FONT-FAMILY: Verdana, sans-serif, Arial, Helvetica}

.spacer{FONT: 12px/1.3em Verdana, Arial, Helvetica, sans-serif}
.judulbawahkiri{COLOR: #33ccff;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT: bold;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;}
.judulbawahkanan{COLOR: #ff9966;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT: bold;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;}
.judulatas{COLOR: #2727CE;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT: bold;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;}
.isibawah{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 11px;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;}

/*Style 1*/
.SPA_PgS1{height:25px; }
.SPA_PgS1 ul{display:inline;}
.SPA_PgS1 li{  display:block; background:#F7F7F7; float:left; height:25px; width:25px; border:1px solid #ccc; text-align:center;}
.SPA_PgS1 a {color:#333333;background:#CCC;margin:1px;padding-top:4px;display:block;height:19px; width:23px;font-weight:bold; font-size:11px; text-decoration:none; }
.SPA_PgS1 a:hover{background:#CC6600; color:#FFFFFF}
.SPA_PgS1 .selected{background:#FF9900;color:#333}
.SPA_PgS1 .selected a{background:#666;color:#FFFFFF}

table.sample {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: black;
	background-color: white;
	FONT-SIZE: 12px! important;FONT-FAMILY: Verdana,Arial,sans-serif,Helvetica;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: black;
	background-color: white;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: black;
	background-color: white;
}

.highlight
{
background: #CEDAEB;
}

.highlight_important
{
background: #F8DCB8;
}