/*Main Style*/
body  { margin: 0; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0 }
td      { font-size: 12px }
hr		{height: 0.5px; color:#AED3F7}
input { border: 1px solid #898989; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000; 
		background-color:#FFFFFF; }

select { border: 1px solid #898989; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000; 
		background-color:#FFFFFF; }

textarea { border: 1px solid #898989; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000; 
		background-color:#FFFFFF; }

/*Header Style*/
.tableTitle {
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000066;	
}
.tableTitleGreen {
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #006600;	
}

table.mainheader td.headerwhite { font-family: Verdana, Tahoma; font-size: 8pt; color: #336699; font-weight: bold; 
                border-bottom: 1px solid #607DA6; background-color: #FFFFFF; }
table.mainheader td.headerblue { font-family: Verdana, Tahoma; font-size: 8pt; color: #3162A6; 
                border-top: 2px solid #FFFFFF; border-bottom: 1px solid #607DA6; background-color: #D6DEEC; }
table.mainheader td.headerblue2 { font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; 
                border-top: 2px solid #FFFFFF; background-color: #D6DEEC; font-weight: bold}

/*Footer Style*/
table.mainfooter td.footerwhite { font-family: Verdana, Tahoma; font-size: 8pt; color: #336699; font-weight: bold; 
                border-bottom: 1px solid #607DA6; background-color: #FFFFFF; }
table.mainfooter td.footerblue { font-family: Verdana, Tahoma; font-size: 8pt; color: #ffffff; 
                border-top: 2px solid #FFFFFF; border-bottom: 1px solid #607DA6; background-color: #95B3DE; 
				text-align:center;}
table.mainfooter td.footerblue a { color: #ffffff; }

/*Left Area*/
table.mainleft td.leftbluetop { font-family: Verdana, Tahoma; font-size: 5pt; color: #3162A6; 
                background-color: #D6DEEC; background-image: url('../images/header_corner.gif'); background-repeat: no-repeat;
               background-position:   right top; 
				}
table.mainleft td.leftblue { color: #3162A6; padding-left: 2; padding-right:2;
                background-color: #D6DEEC;  border-right: 1px solid #607DA6; 
				}
table.mainleft td.leftnew { color: #3162A6; padding-left: 2; padding-right:2;
                border-right: 1px solid #607DA6; background-image: url('../images/design_15.gif'); 
				}
table.mainleft td.leftbluetop { font-family: Verdana, Tahoma; font-size: 5pt; color: #3162A6; 
                background-color: #D6DEEC; background-image: url('../images/header_corner.gif'); background-repeat: no-repeat;
               background-position:   right top; 
				}
/*Menu Left*/				
table.menuleft td.white { background-color: #FFFFFF;  }
table.menuleft td.top { background-color: #FFFFFF;  border-top: 1px solid #C1C1C1;
				}
table.menuleft td.left { background-color: #FFFFFF; border-left: 1px solid #C1C1C1;
				}				
table.menuleft td.right { background-color: #FFFFFF; border-right: 1px solid #C1C1C1;
				}
table.menuleft td.bottom { background-color: #FFFFFF; border-bottom: 1px solid #C1C1C1; 
				}

 #menuCollaps {
 background-image: url(../images/bgmenu_collaps.gif); background-repeat:no-repeat;
 width:160; height:25;
 cursor: hand;
}
#menuCollaps td {
 font-family: Verdana, Georgia, "Times New Roman", Times, serif; color:#0E3309; font-weight:bold;
 font-size: 12px; width:160;
}
#menuExpand {
 background-image: url(../images/bgmenu_expand.gif); background-repeat:no-repeat;
 width:160; height:23;
 cursor: hand;
}

#menuinfoKategori {
 background-image: url(../images/bgmenu_expand.gif); background-repeat:no-repeat;
 width:160; height:23;
 cursor: hand;
}

#menuinfoKategori td{
 font-family: Verdana, Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:bold;
 font-size: 12px; width:160; height:25;
}

#menuExpand td{
 font-family: Verdana, Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:bold;
 font-size: 12px; width:160; height:25;
}

table.newmenuleft { text-align:center; background-color: #EBFFE8;  border-left: 1px solid #000000; 
border-right: 1px solid #000000;}

 #list-menu-ex2 {
    width: 139;
text-align:center;
 }

/* #list-menu-ex2 div{padding:.5em;font:bold 78% verdana;font-size: 8pt; text-align:center; color:#000000;}*/

 #list-menu-ex2 ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
font-size: 12px;
text-align:left
}
#list-menu-ex2 li {
margin: 2px 0;
}

#list-menu-ex2 .selected a {
	display: block;
		width:137px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #AAAAAA;
text-decoration: none;
background-color: #CCF5C6;
}

#list-menu-ex2 a {
	display: block;
		width:137px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #EBFFE8;
text-decoration: none;
background-color: #EBFFE8;
}

#list-menu-ex2 a:link {
	color: #000066;
}

#list-menu-ex2 a:visited{
	color: #000066;
}

#list-menu-ex2 a:hover {
	border: 1px solid #C1C1C1;
	background: #F6F6F6;
	color: #000000;
	text-decoration: underline;
}
/*Path Info Style*/
.tblPath td a { text-decoration: none; color: #56728E; }
.tblPath td a:visited { text-decoration: none; color: #56728E }
.tblPath td a:hover { color: #339933 }
.tblPath td { font-family: Verdana, Tahoma; font-size:8pt; color:#339933; font-weight:bold;
			border-bottom:0px solid #000000; border-top:0px solid #000000;}

table.tabmain td.mainarea { background-color: #FFFFFF;  }
table.tabmain td.tableft { background-color: #FFFFFF; border-left: 1px solid #999;
				}				
table.tabmain td.tabright { background-color: #FFFFFF; border-right: 1px solid #999;
				}
table.tabmain td.tabbottom { font-family: Verdana, Tahoma; font-size: 5pt; background-color: #FFFFFF; border-bottom: 1px solid #999; 
				}
				
table.tabmain td.tabactive {
	background-image: url('../images/tabmain_02.gif'); 
	background-repeat: repeat-x;
	background-position:  bottom; 
	padding: 3px;
}
table.tabmain td.tabactive a {
	color: #000066;
	font-weight: bold;
	text-decoration:none;
}
table.tabmain td.tabactive a:visited {
	color: #000066;
	text-decoration:none;
}
table.tabmain td.tabactive a:hover {
	color: #FF0000;
	text-decoration:underline;
}

table.tabmain td.tabnotactive {
	background-image: url('../images/tabmain_04.gif'); 
	background-repeat: repeat-x;
	background-position:   bottom; 	
	padding: 3px;
}
table.tabmain td.tabnotactive a {
	color: #AAAAAA;
	font-weight: bold;
	text-decoration:none;
}
table.tabmain td.tabnotactive a:visited {
	color: #AAAAAA;
	text-decoration:none;
}
table.tabmain td.tabnotactive a:hover {
	color: #FF0000;
	text-decoration:underline;
}
table.tabmain td.tabspace {
	background-image: url('../images/tabmain_08.gif'); 
	background-repeat: repeat-x;
	background-position:  left; 	
}
table.tabmain td.tabgbr {
	background-image: url('../newimages/swc_bd_fr_mas.gif'); 
	background-repeat: no-repeat;
	background-position:   center;
}

table.tabmain td.tabgbr2 {
	background-image: url('../newimages/swb_bd_fr_mas.gif'); 
	background-repeat: no-repeat;
	background-position:   center;
}

table.tabmain td.tabgbr3 {
	background-image: url('../newimages/swaa_bd_fr_mas.gif'); 
	background-repeat: no-repeat;
	background-position:   center;
}

table.tabmain td.tabgbr4 {
	background-image: url('../newimages/swab_bd_fr_mas.gif'); 
	background-repeat: no-repeat;
	background-position:   center;
}

table.tabmain td.tabgbr5 {
	background-image: url('../newimages/swac_bd_fr_mas.gif'); 
	background-repeat: no-repeat;
	background-position:   center;
}

/* ProfilResume */
.baris{
	text-align: left; font-family: arial; font-size: 10pt; 
    border-bottom: 1px dotted #99CCFF;
}
/* general Form */
table.form { padding: 3px; }
table.form th { border-left:8px solid #08245b; text-align: left; font-family: Verdana, Arial; font-size: 10pt; color: #FFFFFF; 
               font-weight: bold; border-bottom: 2px solid #08245b; 
               padding-left: 16; background-color: #95AABF; 
               background-image: url('../images/bgformth.gif'); background-repeat: 
               repeat-y; background-position: right top }
table.form td { font-family: Verdana, Tahoma; font-size: 8pt; 
               border-bottom: 1px dotted #99CCFF; background-color: #FFFFFF }
table.form td.submit { text-align: center; background-color:#EEEEEE; border-bottom: 1px solid #99CCFF; border-top: 1px solid #99CCFF;}
table.form td.left { font-family: Verdana, Tahoma; font-size: 8pt; color: #336699; font-weight: bold; 
               text-align: right; border-bottom: 1px solid #AED3F7; border-left: 1px solid #AED3F7; 
			   background-color: #EBF4FD; }
table.form td.blank { padding:5; border:0;}
table.form td.Error { text-align: left; font-family: Verdana, Tahoma; font-size: 8pt; color: #BB2222 ;
               border-bottom: 1px dotted #99CCFF; padding-left: 4px; 
               padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color:#FDDCDC}
.sfMessage {  color: #FF0000; font-size: x-small; font-weight: normal}

table.border { border:1px solid #000000; }
table.border td { background-color: #FFFFFF; padding: 5px; }

/* Grid */
table.tblBiru td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold;}
table.tblBiru td.header2 { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru a:hover { text-decoration: underline }
table.tblBiru a { color: #316AC5; text-decoration: none }
table.tblBiru td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblBiru td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblBiru td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblBiru   { border: 1px solid #000000;}


table.tblBiru2 td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold; text-align:center;}
table.tblBiru2 td.header2 { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru2 a:hover { text-decoration: underline }
table.tblBiru2 a { color: #316AC5; text-decoration: none }
table.tblBiru2 td.biru {  border-left: 1px solid #000000; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblBiru2 td.putih { border-left: 1px solid #000000;  font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblBiru2 td.grey { font-family:Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }

table.tblNews td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblNews td.header2 { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana, Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblNews a:hover { text-decoration: underline }
table.tblNews a { color: #316AC5; text-decoration: none }
table.tblNews td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000;  }
table.tblNews td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; }
table.tblNews td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000;  }
table.tblNews   { border: 1px solid #000000;}

/* Grid Ijo*/
table.tblIjo td.header { margin-right: 64; background-color: #C7FAC9; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#33cc66; font-weight:bold; }
table.tblIjo a:hover { text-decoration:underline}
table.tblIjo a { color: #316AC5; text-decoration: none }
table.tblIjo td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;text-align:left; background-color: #EEF6FF; }
table.tblIjo td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;text-align:left; background-color: #FFFFFF; }
table.tblIjo td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;text-align:left; background-color: #EEEEEE; }
table.tblIjo   { border: 1px solid #01AD46;}

/* Grid Job*/
table.tblJob td.header { margin-right: 64; background-color: #B4D0E8; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#006699; font-weight:bold; text-align:center }
table.tblJob a:hover { text-decoration:underline}
table.tblJob a { color: #316AC5; text-decoration: none }
table.tblJob td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;background-color: #EEF6FF; }
table.tblJob td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;background-color: #FFFFFF; }
table.tblJob td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 8pt; color: #000000;font-weight:normal;background-color: #EEEEEE; }
table.tblJob   { border: 1px solid #08245b;}
/*  */

/* Grid Produk*/
table.tblProduct { 
border:1px solid #08245b;
font-family: Verdana, Arial; 
font-size: 12px; 
color: #006699; 
background-image: url('../images/peoples.gif');
background-repeat: no-repeat; background-position: right top;
}	   
table.tblProduct td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 9pt; color: #000000;font-weight:normal;background-color: #EEF6FF; }
table.tblProduct td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 9pt; color: #000000;font-weight:normal;background-color: #FFFFFF; }
table.tblProduct   { border: 1px solid #08245b;}

table.tblProduct td.header { margin-right: 64; background-color: #C7FAC9; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family: Verdana, Arial; font-size:10pt; color:#006699; font-weight:bold; text-align:center }
table.tblProduct a:hover { text-decoration:underline}
table.tblProduct a { color: #316AC5; text-decoration: none }
table.tblProduct td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 9pt; color: #000000;font-weight:normal;background-color: #EEF6FF; }
table.tblProduct td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Arial; font-size: 9pt; color: #000000;font-weight:normal;background-color: #FFFFFF; }
table.tblProduct   { border: 1px solid #08245b;}
/*  */

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 180%;
	color: #666666;
	margin: 0px 0px 6px 0px;
	padding: 0px 25px 10px 25px;
	border-bottom: 1px dotted #666666;
	clear: both;
}

table.tblBiru td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru td.header2 { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru a:hover { text-decoration: underline }
table.tblBiru a { color: #316AC5; text-decoration: none }
table.tblBiru td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000;  }
table.tblBiru td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; }
table.tblBiru   { border: 1px solid #d2e4fc;}
table.tblBiru2   { border: 0px }


.headline{border: 0px; border-bottom: 1px  #95AABF;text-align: left;padding-left: 55px;color: #95AABF;font-size : 18px;
	font-weight: bold; background-image: url('../images/icons/kategori.gif');background-repeat: no-repeat; }
.mainNews {
	border: 1px solid #d5d5d5;
}

table.tblcat td.header { margin-right: 64; background-color: #d2e4fc; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#2C6FB1; font-weight:bold; text-align:left;}
table.tblcat a:hover { text-decoration: underline }
table.tblcat a { color: #316AC5; text-decoration: none }
table.tblcat tr.right { border-left: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblcat td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblcat td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblcat td.grey { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblcat   { border: 1px solid #d2e4fc;}
}

table.tblDetailNews td.header { border-top:0px; margin-right: 64; background-color: #c7fac9; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:12pt; color:#2C6FB1; font-weight:bold; text-align:left }
table.tblDetailNews a:hover { text-decoration: underline }
table.tblDetailNews a { color: #316AC5; text-decoration: none }
table.tblDetailNews td.right { border-left: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblDetailNews td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblDetailNews td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblDetailNews td.grey { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblDetailNews   { border: 1px solid #999999;}


table.tblmost td.header { margin-right: 64; background-color: #c7fac9; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#2C6FB1; font-weight:bold; text-align:left }
table.tblmost a:hover { text-decoration: underline }
table.tblmost a { color: #316AC5; text-decoration: none }
table.tblmost a:visited { color: #316AC5; text-decoration: none }
table.tblmost td.right { border-left: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblmost td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblmost td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblmost td.grey { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblmost   { border: 1px solid #c7fac9;}

table.tblquickSearch td.header { margin-right: 64; background-color: #c7fac9; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#2C6FB1; font-weight:bold; text-align:left }
table.tblquickSearch a:hover { text-decoration: underline }
table.tblquickSearch a { color: #316AC5; text-decoration: none }
table.tblquickSearch td.right { border-left: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblquickSearch td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblquickSearch td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblquickSearch td.grey { border-top: 1px solid #d2e4fc; font-family: Verdana, Tahoma; font-weight: bold; font-size: 8pt; color: #FFFFFF; background-color: #999999; }
table.tblquickSearch   { border: 1px solid ;}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
#background: white;
background: #EEEEEE;
}

#tablist li a:link, #tablist li a:visited{
#color: navy;
color: #888888;
}

#tablist li a.current{
background: #FFFFFF;
	border-bottom-width:	0;
	z-index: 3;
	padding:	3px 3px 3px 3px;
	margin: 1px -3px -3px 0px;
	top: -2px;
}

.headKat{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#006699;	
}
/* Resume */
.resumeTitle{
	border-left:8px solid #08245b; text-align: left; font-family: Verdana, Arial; font-size: 10pt; color: #FFFFFF; 
    font-weight: bold; border-bottom: 2px solid #08245b; 
    padding-left: 16; background-color: #95AABF; 
    background-image: url('../images/bgformth.gif');
	background-repeat: repeat-y; background-position: right top
}
.resumeHead{
	font-size:20px;
	font-weight:bolder;
	color : #006699;
}
/* Job Vacancy */
.jobApply{
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #000000; 
    font-weight: bold;    
    background-image: url('../images/apply.gif');
	background-color:#efefef;
	background-repeat: no-repeat; background-position: left top;
}
.smallApply{
	background-color:#CFD9E2;
}
.apply{
	font: bolder 18px Arial;
	color:white;
}
.jobKatHead{
	font: bold 14px Arial;
	color:#003366;
	text-align:left;
	text-shadow:Teal;
}
.jobDetail{
	text-align:left;
	border:1px solid #08245b; text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 11pt; 
	color: #0000000; 
    font-weight: bold;    
    background-image: url('../images/hotjobs.gif');
	background-color:#8CB9D6;
	background-repeat: no-repeat; background-position: left top;
}
.jobDetail a:hover { text-decoration: underline }
.jobDetail a { color: #003366;
text-decoration: none }
.jobSubDetail{
	text-align:left;
	font: bold 12px Arial;
	background-color:#ccccff;
	border-top : 2px solid #333366;	
	border-bottom: 2px solid #333366;	
	border-left: 40px solid #333366;	
	border-right: 2px solid #333366;
}
.jobcompany{
color:#006699;
background-color:#ccffcc;
font-size:18px;
font-weight:bolder;
}
.jobtitle{
background-color:#efefef;
font-size:13px;
font-weight:normal;
}
.jobhit{
font-size:10px;
font-weight:normal;
}
.jobFresh{
	border:1px solid #08245b; 
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 11px; color: #006699; 
    font-weight: bold;    
    background-image: url('../images/peoples.gif');
	background-repeat: no-repeat; background-position: right top;
}
.jobFresh a:hover { 
text-decoration: underline;color:#0000ff; }
.jobFresh a { 
color: #000099; 
text-decoration: none }

.jobWetMain{
	border:1px solid #08245b; 
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 11px; color: white; 
    font-weight: bold;    
    background-image: url('../images/wet.gif');
	background-repeat: no-repeat; background-position: right top;
}
.jobWetMain a:hover { 
text-decoration: underline }
.jobWetMain a { 
color: #003366; 
text-decoration: none }

.jobHotMain{
	border:1px solid #08245b; 
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: white; 
    font-weight: bold;    
    background-image: url('../images/hot.gif');
	background-repeat: no-repeat; 
	background-position: right top;
}
.jobHotMain a:hover { color:#0000ff;text-decoration: underline;}
.jobHotMain a { color:#000099;
text-decoration: none }


.jobWet{
	border-left:8px solid #08245b; 
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF; 
    font-weight: bold;
    padding-left: 16; 
	background-color: #95AABF; 
    background-image: url('../images/bgformth.gif');
	background-repeat: repeat-y; 
	background-position: right top;
}
.jobWet #headKanan{
color:#330066
}
.jobWet a:hover { color:#0000FF;text-decoration: underline }
.jobWet a{ color:#000099;text-decoration: none }

.jobFreshKanan{
	border-left:8px solid #00cc00; 
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF; 
    font-weight: bold;
    padding-left: 16; 
	background-color: #00ff66;
    background-image: url('../images/bgformthgreen.gif');
	background-repeat: repeat-y; 
	background-position: right top;
}
.jobFreshKanan #headKanan{
color:#330066
}
.jobFreshKanan a:hover { color:#0000FF;text-decoration: underline }
.jobFreshKanan a{ color:white;text-decoration: none }

.jobHot{
	border-left:8px solid #FF0000; text-align: left; font-family: Verdana, Arial; font-size: 11pt; color: #FFFFFF; 
    font-weight: bold;
    padding-left: 16; background-color: #F99E9E; 
    background-image: url('../images/bgformthred.gif');
	background-repeat: repeat-y; background-position: right top;
}
.jobHot #headKanan{
color:#cc0033;
}
.jobHot a:hover { color:#0000FF;text-decoration: underline }
.jobHot a { color: #000099; text-decoration: none }

.jobCat{
color:#006699;
background-color:#efefef;
border:1px solid #009966;
}
.jobCat a{text-decoration:underline;}
.jobCat a{font-weight:bold;}
#jobLengkap{
	font: 11px Arial;
	color:#000000;
}
#jobLengkap a{
	color:blue;
}
#jobLengkap a:hover{
	color:blue;
	font-weight:bold;
}
#jobLengkap a:visited{
	color:blue;
}

#jobItem{
color:#000000;
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Arial;
}
#jobHit{
font: bold 11px Arial;
color:#006699;
}
#jobDesc{
font: bold 11px Arial;
color:#000000;
}
#jobDate{
font: normal 11px Arial;
color:#000000;
}
#jobCompany{
font: normal 11px Arial;
color:#000099;
}
/*background-image: url('../images/dHead.gif');
	background-position:left;background-repeat:repeat-y; 
	color:#003366;
	padding-left:40px;
*/
/*=============*/
/* Online Shop */
.prod_1{
	border:1px solid #08245b;	   
    background-image: url('../images/s1.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.prod_2{
	border:1px solid #08245b;	   
    background-image: url('../images/s2.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.prod_3{
	border:1px solid #08245b;	   
    background-image: url('../images/s3.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.prod_4{
	border:1px solid #08245b;	   
    background-image: url('../images/s4.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.prod_5{
	border:1px solid #08245b;	   
    background-image: url('../images/s5.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.prod_6{
	border:1px solid #08245b;	   
    background-image: url('../images/s6.gif');
	background-repeat: no-repeat; 
	background-position: center top;
}
.product{
	text-align: justify; 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	color: black; 
    font-weight: bold; 
}
.tblProdKanan1{
	background-image: url('../images/products/belanja1.gif');
	background-repeat:no-repeat; 
	background-position: left top;
}
.tblProdKanan2{
	background-image: url('../images/products/belanja2.gif');
	background-repeat:no-repeat; 
	background-position: left top;
}
.tblProdKanan3{
	background-image: url('../images/products/belanja3.gif');
	background-repeat:no-repeat; 
	background-position: left top;
}
.tblProdKanan4{
	background-image: url('../images/products/belanja4.gif');
	background-repeat:no-repeat; 
	background-position: left top;
}
.tblProdKanan5{
	background-image: url('../images/products/belanja5.gif');
	background-repeat:no-repeat; 
	background-position: left top;
}
.prodName{
font-size:18px;
font-weight:bold;
color:#006699;
}
.prodDesc{
font-size:12px;
font-weight:normal;
color:black;
}
.prodTable a:hover { text-decoration: underline }
.prodTable a { color:#006699;
text-decoration: none; }
.katMO{
background-image: url('../images/products/backMO.gif');
background-repeat:repeat-x; 
padding:0px 5px 0px 5px;
font-weight:bold;
color:lightblue;
}
.katMO a{
 text-decoration:none;
}
.katMO a:hover{
 text-decoration:none;
 color:orange;
 }
.kat{
background-image: url('../images/products/back.gif');
background-repeat:repeat-x; 
padding:0px 5px 0px 5px;
font-weight:bold;
}
.kat a{
 text-decoration:none;
}
.kat a:hover{
 text-decoration:underline;
 color:lightblue;
}
#pKat{
background-color:#8094AF;
font-weight:bold;
}
#pKat a{
text-decoration:none;
color:#333333;
}
#pKat a:hover{
text-decoration:none;
color:black;
}
.produkBaru{
font: bolder 12px Arial;
color:#330033;
border-bottom:2px solid #08245b;
border-left:12px solid #08245b;
text-align:right;
}
.prodItem{
border-bottom:1px solid #08245b;
border-left:4px solid #08245b;
padding:2px 5px 2px 5px;
}
.prodItem a{
font: bold 11px Arial;
color:black;
text-decoration:none;
}
.pButton{
border: 1px solid #006699;
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
background: #EEEEEE;
width:150px;
text-align:center;
}
.pButton a:visited{
text-decoration:none;
color:black;
}
.pButton a:hover{
text-decoration:none;
color:red;
}
.prodItemMO{
color:red;
border-bottom:1px solid red;
border-left:4px solid red;
cursor:pointer;
padding:2px 5px 2px 5px;

}
.prodItemMO a{
color:red;
font: bold 11px Arial;
color:black;
text-decoration:none;
}
.ShopHead{
font: bold 18px Arial;
color:#006699;
font-weight:bold;
text-decoration:none;
border-bottom:3px dotted #006699;
}
.cartClass{
font-size:12px;
border: 1px solid #336699;
}
.cartHead{
background-color:#efefef;
font-weight:bold;
color:#666666;
}
.cartProductName{
font-weight:bold;
font-size:14px;
color:#006699;
}
.cardProductDesc{
padding:5px 15px 0px 20px;
text-align:justify;
}
/* Download */
.headerDownload { 
margin-right: 64;
background-color: #C7FAC9;
margin-top:0; margin-bottom:8;
padding-left:8; padding-right:8;
padding-top:2;
padding-bottom:2;
font-family:Verdana,Arial;
font-size:9pt;
color:#01AD46;
font-weight:bold;
text-align:left;
}
.sudah{color:green}
.belum{color:red}
.even{background-color:#ffffcc}
.odd{background-color:#99ffcc}
.deliverTable{
border:1px dotted #006699;
}
.deliverHead{
	padding:3px 3px 3px 3px;
	background-color:#efefef;
	font:bold 12px arial;
}
.deliverInfo{
	padding:3px 3px 3px 3px;
	background-color:#efefef;
	font:bold 14px arial;
}
.deliver{
	font:bold 12px arial;
	color:#442244;
	padding:5px 5px 0px 0px;
}
.headD{ margin-right: 64; background-color: #d2e4fc; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#2C6FB1; font-weight:bold; text-align:left }
.orderHeader{
font: bold 16px Arial;
padding-top:10px;
color:#006699;
}
.oddD { background-color: #C7FAC9;}
.evenD { background-color: #F5f5f5;}

.dHead{
border: 0px;
background: url('../images/dHead.gif') left ;
background-repeat:repeat-y;
border-bottom: 1px  #95AABF;
text-align: left;
padding-left: 90px;
color: #33cc66;
font-size : 16px;
font-weight: bold;}

.dMenu{
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right:1px solid #cccccc;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
	background-color: #efefef;
	font-weight: bold;
	height: 18px;
	cursor: pointer;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	text-align: center;
	text-decoration:none;
}
.hideLink{
 text-decoration:none;
 color: #666666;
}

.dMenoMO{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rpx;
	color: #0066ff;
	border-right:1px solid #ffffff;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #cccccc;	
	background-color: #FFFFFF;
	font-weight: bold;
	height: 18px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
}
.dMenuCurrent{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rpx;
	border-right:1px solid #ffffff;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #cccccc;	
	background-color: #FBFBFB;
	font-weight: bold;
	height: 18px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
}
.dHr{
	color:white;
	border-bottom:1px dashed #006699;
}
table.tDownload a{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:blue;
text-decoration:none;
}
table.tDownload a:hover {
color:blue;
text-decoration:underline;
}
table.tDownload a:visited{
color:red;
}

table.terbaru {
 font:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 border:1px solid #79EB4E;
}
table.terbaru a{
	font:Arial;
	size:10px;
	text-decoration:none;
	font-weight:normal;
}
table.terbaru th{
	background-image: url('../images/dHead.gif');
	background-position:left;background-repeat:repeat-y; 
	color:#003366;
	padding-left:40px;
	border-bottom:1px solid #C7FAC9;
	}
table.terbaru td li{
 list-style-type:square;
 list-style-position:outside;
 margin: 0px 0px 0px 20px;
}

table.terbaru td #lengkap{
  background-image: url('../images/dHeadRev.gif');
  background-position:right;
	background-repeat:repeat-y; 	
	padding: 0px 10px 0px 0px; 
  color:#FFFFFF;
}

table.dDetail{
	font:Arial, Helvetica, sans-serif;
	font-size:12px; 
}
.detailnya{
 border: 1px solid #006699;
 border-style:dashed;
}
.detailnya a:hover{
font-weight:bolder;
}
.filekatD{
	background-color:#0099CC;
	font-size:16px;
	font-weight:bolder;
	color:white;
	letter-spacing:0.3em;
}
.filenameD{
	background-color:#C7FAC9;
	font-size:16px;
	font-weight:bold;
	color:brown;	
	letter-spacing:0.3em;
}
.filedescD{
	background-color:#E2EFFE;
	empty-cells:show;
}
.Dfilename{	
 background-color:#84FF99; 
}
.Dfilename a:link{	
 font-size:16px;
 font-weight:bold;
}
.Dfilename a:visited{	
 font-size:16px;
 font-weight:bold;
}
.Dfilesize{
background-color:#88FF9D; 
}
.Duser{
background-color:#9FFFB0; 
}
.Ddate{
background-color:#B3FFC0; 


}
.Dhit{
background-color:#A4FFB4; 
}
.Dcredit{
background-color:#B9FFC6; 
}
.Dlink{
background-color:#DDFFE3; 
}
.Dlink a:link{
	font-size:16px;
 font-weight:bold;
 	color:blue;
}
.Dlink a:visited{
	font-size:16px;
 font-weight:bold;
}


/*#dItems ul li{
	margin: 0px 0px 0px -30px;
	text-align: center;
	list-style-position: outside;
	list-style-type:armenian;
	font-weight : normal;
	border-bottom: 1px dashed #EE0000;
}
#dItems ul li .judul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration : none;
}
#dItems ul li #tanggal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #696969;
}
#dItems a:link {
	text-decoration: none;
	font-weight: normal;
	color: #000F82;
}

#dItems a:visited {
	text-decoration: none;
	color: #000F82;
}
#dItems a:hover {
	text-decoration: none;
	color: #FF0000;
	border-bottom: 1px dashed #EE0000;
}*/
/* ------------------------------------------------------------------------------------------------ */

/* Multipage */
.multipageNav { padding-left:8; padding-right:8; padding-top: 1; padding-bottom: 1; 
                font-family:Verdana; font-size:8pt; text-align:center; }
.multipageDisabled { color: #000000; font-weight: bold; font-size:10pt; }
.multipageNav a { font-family: Verdana; font-size:10pt; color: #000000; text-decoration: none; }
.multipageNav a:visited { font-family: Verdana; font-size:10pt; color: #000000; text-decoration: none;}
.multipageNav a:hover { font-family: Verdana; font-size:10pt; color: #ff7f00; text-decoration: none;}

/* info & error message */
#infoMessage {
	background-color: #F0FFE5;
	border: 1px solid #64FF36;
	text-align: center; font-family: Verdana, Tahoma; font-size: 9pt; color: #077d62 ; font-weight : bold;
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
}
#errorMessage {
	background-color: #FFe5fd;
	border: 1px solid #FFB7D9;
	text-align: center; font-family: Verdana,Tahoma; font-size: 9pt; color: #FF4146 ; font-weight : bold;
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
}

.black {
background-color: #000000;
}
table.tblBlue td.blue1 { border-bottom: 1px solid #FFFFFF; font-family: Verdana; font-size: 10pt; color: #FFFFFF; background-color: #95AABF; }

table.tblBlue td.blue2 { border-bottom: 1px solid #FFFFFF; font-family: Verdana; font-size: 10pt; color: #000000; background-color: #CCDBE7; }

table.tblBlue td.blue3 { border-bottom: 1px solid #FFFFFF; font-family: Verdana; font-size: 10pt; color: #000000; background-color: #EEF6FF; }

/*
Calendar
*/

.tglHead{font-family: Verdana, Tahoma; font-size: 170%; color: #447172 ; font-weight : bold;}
table.tblDiary td.header { margin-right: 64; background-color: #d2e4fc; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#2C6FB1; font-weight:bold;  }
table.tblDiary a:hover { text-decoration: underline }
table.tblDiary a { color: #316AC5; text-decoration: none }
table.tblDiary td.right { border-left: 1px solid #d2e4fc; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblDiary td.biru { border-top: 1px solid #d2e4fc; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblDiary td.putih { border-top: 1px solid #d2e4fc; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblDiary td.grey { border-bottom: 1px dashed #d2e4fc; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblDiary   { border: 1px solid #d2e4fc;}

.grsBwh {border: 1px dashed black;}

table.panel { padding: 3px; }
table.panel th { border:1px solid #AED3F7; text-align: center; font-family: Verdana; font-size: 9pt; color: #08245b; 
               font-weight: bold;  padding-bottom: 2; background-color: #EBF4FD; }
table.panel td.content { font-family: Verdana; font-size: 9pt; border-left: 1px solid #AED3F7; border-right: 1px solid #AED3F7;
               border-bottom: 1px solid #AED3F7; background-color: #FFFFFF }

table.panel_alert { padding: 3px; margin: 3px;}
table.panel_alert th { border:1px solid #FF3131; font-family: Verdana; font-size: 9pt; color: #fff; 
               font-weight: bold;  padding: 3px; background-color: #FF3131; }
table.panel_alert td.content { font-family: Verdana; font-size: 9pt; border-left: 1px solid #FF3131; border-right: 1px solid #FF3131;
               border-bottom: 1px solid #FF3131; background-color: #FFFFD7 }

table.panelorange { padding: 3px; }
table.panelorange th { border:1px solid #FAB35C; text-align: center; font-family: Verdana; font-size: 9pt; color: #08245b; 
               font-weight: bold;  padding-bottom: 2; background-color: #FAB35C; }
table.panelorange td.content { font-family: Verdana; font-size: 9pt; border-left: 1px solid #FAB35C; border-right: 1px solid #FAB35C;
               border-bottom: 1px solid #FAB35C; background-color: #FEECB1 }

table.panelmerah { padding: 3px; }
table.panelmerah th { border:1px solid #FF0000; text-align: center; font-family: Verdana; font-size: 9pt; color: #FFFFFF; 
               font-weight: bold;  padding-bottom: 2; background-color: #FF0000; }
table.panelmerah td.content { font-family: Verdana; font-size: 9pt; border-left: 1px solid #FF0000; border-right: 1px solid #FF0000;
               border-bottom: 1px solid #FF0000; background-color: #FFFFFF }

table.formHijau { padding: 3px; }
table.formHijau th { border-left:5px solid #42603E; text-align: left; font-family: Verdana,Arial; font-size: 11pt; color: #FFFFFF; 
               font-weight: bold; border-bottom: 2px solid #42603E; 
               padding-left: 16; padding-right: 2; padding-top: 2; 
               padding-bottom: 1; background-color: #85AB80; 
               background-image: url('../images/bgformth2.gif'); background-repeat: 
               repeat-y; background-position: right top }
table.formHijau td { text-align: left; font-family: Verdana,Tahoma; font-size: 10pt; 
               border-bottom: 1px dotted #D7EED4; background-color: #FFFFFF }
table.formHijau td.foot { background-color:#EEEEEE; border-bottom: 1px solid #85AB80; border-top: 1px solid #85AB80; font-size: 8pt;}
table.formHijau td.left { font-family: Verdana; font-size: 13px; color: #42603E; font-weight: bold; 
               text-align: right; border-bottom: 1px solid #D7EED4; border-left: 1px solid #D7EED4; 
			   background-color: #EBFFE8; }
table.formHijau td.submit { text-align: center; background-color:#EEEEEE; border-bottom: 1px solid #99CCFF; border-top: 1px solid #99CCFF;}


table.tblInfo td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#ffffff; font-weight:bold; text-align:center }
table.tblInfo a:hover { text-decoration: none }
table.tblInfo a { color: #316AC5; text-decoration: none }
table.tblInfo a:visited { color: #316AC5; text-decoration: none }
table.tblInfo td.biru { border-bottom: 1px solid #B0DAFF; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblInfo td.putih { border-bottom: 1px solid #B0DAFF; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblInfo td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana,Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblInfo   { border: 1px solid #000000;}


/* berita */

.contentNews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.hKomentar{
	background-color:#0099CC;
	font-size:16px;
	font-weight:bolder;
	color:white;
	letter-spacing:0.3em;
	text-align: center;
}

.fromComment {  color: #FF0000; font-size: x-small; font-weight: normal; text-decoration: underline; }

/**** ARTIKEL *****/
table.detailArtikel{
	font-family: Verdana,Arial;
	font-size: 12px;
	color: #006699;
}
.artikelHead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#3399cc;
	border-bottom:1px solid #3399cc;
}
.judulArtikel{	
	font-size: 22px;
	color: white;
	font-weight:bolder;
	padding:5px 5px 5px 5px;
}
.artikelRead{
	font-size: 10px;
	color: white;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	vertical-align:bottom;
}
.artikelRead a:link{
	font:bold 12px white;
	color:white;
	text-decoration:none;
}
.artikelRead a:visited{
	font:bold 12px white;
	color:white;
	text-decoration:none;
}
.artikelRead a:hover{
	font:bold 12px;
	color:red;
	text-decoration:none;
}
.attachment{
border-top:1px solid #006699;
padding:5px 5px 5px 5px;
}
.attachment a:link{
	font:bold 12px white;
	color:#006699;
	text-decoration:none;
}
.attachment a:visited{
	font:bold 12px white;
	color:#006699;
	text-decoration:none;
}
.attachment a:hover{
	font:bold 12px;
	color:blue;
	text-decoration:underline;
}

.artikelBy{
	font-size: 11px;
	border-bottom:1px solid #003366;	
	border-left:1px solid #003366;
	background-color:white;
	padding:3px 3px 3px 3px;
}
.artikelDate{
	font-size: 10px;
	border-bottom:1px solid #003366;
	border-right:1px solid #003366;
	padding:3px 3px 3px 3px;
}
.artikelDateSmall{
	font-size: 10px;
}
.commentUser{
font-size: 10px;
}
.artikelContent{
	font-size: 12px;
	color: black;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	text-align:justify;
}
#categoryArtikel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #006699;
	border-left:15px solid #006666;
	padding:5px 5px 5px 5px;
}
#catMO{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #006699;
	border-left:15px solid #ff0000;
	padding:5px 5px 5px 5px;
}
#catMO a{
	text-decoration:none;
}
#catMO a:hover{
	border-bottom:1px dashed blue;
	color:blue;
}
#catMO .date{
	color: #000000;
	font-size:9px;
}
#kisahSukases{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	border-bottom:1px dashed blue;
}

#kisahSukses a{
	text-decoration:none;
}
#categoryArtikel a{
	text-decoration:none;
}
#categoryArtikel a:hover{
	border-bottom:1px dashed blue;
	color:blue;
}
#categoryArtikel .date{
	color: #000000;
	font-size:9px;
}
.credit {
 font-size:10px;
 font-weight:normal;
 color:black;	
}
.inList{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #006699;
	text-align:justify;
}
.inList .rate{
text-align:left;
}
.inList a{
	text-decoration:none;
	font-weight:bold;
}
.inList a:hover{
	text-decoration:none;
}


.bimbelList{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #006699;
	text-align:justify;
}
.bimbelList .rate{
text-align:left;
}
.bimbelList a{
	text-decoration:none;
	font-weight:bold;
}
.bimbelList a:hover{
	text-decoration:none;
}

#categoryArtikel .read{
	color: #000000;
	font-size:10px;
}
.arKategori{
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight:bold;
	background-color:#006666;
	color: white;	
}
.artikelHead2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	font-weight:normal;
}
.rate{
	text-align:right;
}
.artikelRating{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#3399cc;
	border-bottom:1px solid #003366;
	vertical-align:top;
	text-align:justify;
	color:white;
}
.commentForm{
	border:1px solid #006699;
}
.titleKomentar{
	background-color:#3399cc;
	border-bottom:1px solid #003366;
	vertical-align:top;
	text-align:justify;
	color:white;
}
.commentTable{
	border-bottom:1px dotted #006699;
}
.rightItems{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	padding:3px 0px 3px 0px;
}
.rightItems a{
text-decoration:none;
font-weight:bold;
}
/*DOWNLOAD*/
.border{
border:1px dotted #0861A0;
}
.pemisah{
	border-bottom:1px dotted #0861A0;
	font-family: Verdana, Arial;
	color:black;
	font-size:11px;
}
.ItemHead{
	font-family: Verdana, Arial;
	color:#0861A0;
	font-weight:bolder;
	font-size:16px;
	border-bottom:1px dotted #006699;
}
.ItemHead a{
	text-decoration:none;
}
.TopListItem a{
	font-family: Verdana, Arial;
	font-size: 12px;
	color: orange;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.TopListItem a:hover{
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #0861A0;
	font-weight:bold;
	cursor:pointer;
	border-bottom:1px dotted #0861A0;
}
.TopList{
	font-family: Verdana, Arial;
	color:black;
	font-size:10px;
}
.TopListClass{
	border:1px dotted #006699;
}
.TopListHeadClass{
	font-family: Verdana, Arial;
	color:#33ff66;
	font-weight:bolder;
	font-size:18px;
	border-bottom:1px dotted #006699;
}
.DTable{
	font-family: Verdana, Arial;
	color:black;
	font-size:10px;
	text-align:left;
}
.detailD a{
	font-family: Verdana, Arial;
	font-size: 12px;
	color: orange;
	font-weight:bold;
	text-decoration:none;
	padding:0px 8px 0px 8px;
}
.detailD a:hover{
	color:#0861A0;
	border-bottom:1px dotted #0861A0;
}
.itemDesc{
	font-family: Verdana, Arial;
	color:#006699;	
	padding:0px 20px 0px 28px;
	font-size:11px;
}

.newD{
height:16px;
background: url('../images/download/newback.gif') left ;
background-repeat:repeat-x;
vertical-align:top;
padding:0px 8px 0px 8px;
border-bottom:1px dotted #006699;
cursor:pointer;
}
.DMO{
height:16px;
background: url('../images/download/currentback.gif') left ;
background-repeat:repeat-x;
vertical-align:top;
border-bottom:1px dotted #006699;
padding:0px 8px 0px 8px;
cursor:pointer;
}
.popD{
height:16px;
background: url('../images/download/popularback.gif') left ;
background-repeat:repeat-x;
vertical-align:top;
ThumbD
padding:0px 8px 0px 8px;
}
.DCat{
height:16px;
background: url('../images/download/back.gif') left ;
border-bottom:1px dotted #006699;
background-repeat:repeat-x;
vertical-align:top;
padding:0px 8px 0px 8px;
cursor:pointer;
}
.DBorder{
border: none;
}

.DownloadFile{
border-top:1px dotted #006699;
}
.FileNameLink{
	border-bottom:1px dotted #006699;
}
.FileNameLink a{
	font-family: Verdana, Arial;
	font-size: 18px;
	color: orange;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;		
}
.FileNameLink a:hover{	
	color:red;
}
.DownloadFile a{
	font-family: Verdana, Arial;
	font-size: 12px;
	color: orange;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.DownloadFile a:hover{	
	color:red;
}
.DownloadFileDesc{	
	font-size: 12px;
	color: #009999;
	font-weight:bold;
}
.DownloadDetail{
font-family: Verdana, Arial;
text-decoration:none;
}
.license{
background-color:wheat;
}
.ThumbD{
border-bottom:1px dotted #006699;
}
/* Health Checking */
.gejalaTop{
font: bold 14px arial;
background-color:#006699;
color:white;
}
.oddGejala{
font: normal 12px verdana;
background-color:#efefef;
}
.evenGejala{
font: normal 12px verdana;
background-color:#ffffff;
}
.kemungkinan{
font: bold 14px verdana;
background-color:#ccffcc;
color:white;
}
.oddPeny{
font: normal 12px verdana;
background-color:#99ffcc;
}
.evenPeny{
font: normal 12px verdana;
background-color:#ccffcc;
}
.blueBorder{
border:1px solid #006699;
}
.tombol{
cursor:pointer;
}
.headHealth{
border:1px solid #99cc99;
}
.headTentangKami{
font: bold 18px arial;
color:white;
text-align:justify;
background-color:#99cc99;
padding: 5px 5px 5px 5px;
}
.headGejalaDiag{
font: bold 14px arial;
color:white;
text-align:justify;
background-color:#99cc99;
padding: 5px 5px 5px 5px;
}
.footerGejala{
font: bold 12px arial;
color:white;
text-align:right;
background-color:#99cc99;
padding: 1px 1px 1px 1px;
}

.tentangKami{
text-align:justify;
background-color:#DBF7D7;
}
.healthFooter{
border-top:2px solid #99cc99;
text-align:center;
font: normal 12px arial;
}
.descGejala{
font:normal 11px VERDANA;
}
.rightHealth{
text-align:justify;
background-color:#DBF7D7;
border:1px solid #99cc99;
}
.gejalaHeader{
background-color:#DBF7D7;
font: bold 12px verdana;
padding: 2px 2px 2px 2px;
}
.oddHealth{
padding: 3px 3px 3px 3px;
font: normal 12px verdana;
background-color:#efefef;
}
.evenHealth{
padding: 3px 3px 3px 3px;
font: normal 12px verdana;
background-color:#fefefe;
}

.ticketDesc{
	font-family: Verdana, times;
	color:#666666;
	
	font-size:12px;
}

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.panelkosong {
	padding: 1px;
	border: 1px solid #CCCCCC;
}
table.tblorange { font-family: Verdana; font-size: 9pt; border-left: 1px solid #FAB35C; 
				border-right: 1px solid #FAB35C; border-bottom: 1px solid #FAB35C; 
				background-color: #FEECB1; border-top: 1px solid #FAB35C; }
table.boxbiru { font-family: Verdana; font-size: 9pt; border-left: 1px solid #9CADCB; 
				border-right: 1px solid #9CADCB; border-bottom: 1px solid #9CADCB; 
				background-color: #D6DDE9; border-top: 1px solid #9CADCB; }
table.boxmerah { font-family: Verdana; font-size: 9pt; border-left: 1px solid #FF3F3F; 
				border-right: 1px solid #FF3F3F; border-bottom: 1px solid #FF3F3F; 
				background-color: #FFD9D9; border-top: 1px solid #FF3F3F; }
table.boxhijau { font-family: Verdana; font-size: 9pt; border-left: 1px solid #65A556; 
				border-right: 1px solid #65A556; border-bottom: 1px solid #65A556; 
				background-color: #E8F2E6; border-top: 1px solid #65A556; }
table.boxungu { font-family: Verdana; font-size: 9pt; border-left: 1px solid #7E4271; 
				border-right: 1px solid #7E4271; border-bottom: 1px solid #7E4271; 
				background-color: #DCCCD9; border-top: 1px solid #7E4271; }
table.boxgrey { font-family: Verdana; font-size: 9pt; border-left: 1px solid #000000; 
				border-right: 1px solid #000000; border-bottom: 1px solid #000000; 
				background-color: #EEEEEE; border-top: 1px solid #000000; }

.bordertopbottom {
border-bottom: 1px solid #000000; border-top: 1px solid #000000;
}
.box-green {
	background-color:#F7FFE9;
	border:1px solid #AFC97E;
	padding:5px;
}
.eKetentuan{
background-color:#330033;
border:8px solid white;
}
.eKetentuanList{
list-style-type:upper-latin;
color:gold;
}
.eKetentuan h2{
color:gold;
font-size:16px;
font-weight:bold;
}
.kurs{
font-size:16px;
font-weight:bold;
color:purple;
}
.orderPoin{
			border-left:8px solid #08245b; text-align: left; 
			font-family: Verdana, Arial; font-size: 10pt; 
			color: #08245b; 
            font-weight: bold; border-bottom: 2px solid #08245b; 
            padding-left: 16; background-color: #95AABF; 
            background-image: url('../images/bgformth.gif'); background-repeat: 
            repeat-y; background-position: right top 
}
#toptabs-container {
	height: 27px;
	position: relative;
	}

#toptabs {
	position: absolute;
	height: 21px;
	margin: 0;
	padding: 0;
	left: 2px;
	top: 7px;
	}

#toptabs .tab {
	height: 15px;
	float: left;
	background-color: #EEF7DE;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 0 4px 0 0;
	}

#toptabs a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 0 5px;
	font-weight: bold;
	color: #7CB707;
	text-decoration: none;
	}

#toptabs a:hover {
	color: #3A7C2C;
	}

#toptabs #toptab-here {
	border-bottom-width: 0;
	padding-bottom: 3px;
	background-color: #FFF;
	}

#toptabs #toptab-here a {
	color: #3A7C2C;
	}
#gray-background {
	margin: 0 2px;
	border: 1px solid #CCCCCC;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 3px;
	padding-right: 2px;
	}
.btnGreen {
	background:#63A12C;
	padding: 1px 2px;
	margin-bottom: 5px;
	font-family: Verdana,"Trebuchet MS";
	font-size:1.3em;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
	border-bottom: 2px solid #638B2C;
	border-right: 2px solid #638B2C;
}
.gallery {
	padding: 6px;
	margin: 3px;
	border: 1px solid #ccc;
}

table.tblBiru td.header { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru td.header2 { margin-right: 64; background-color: #2C6FB1; margin-top:0; margin-bottom:8; padding-left:8; padding-right:8; padding-top:2; padding-bottom:2; font-family:Verdana,Arial; font-size:10pt; color:#ffffff; font-weight:bold; }
table.tblBiru a:hover { text-decoration: underline }
table.tblBiru a { color: #316AC5; text-decoration: none }
table.tblBiru td.biru { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEF6FF; }
table.tblBiru td.putih { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
table.tblBiru td.grey { border-top: 1px solid #B0DAFF; font-family: Verdana, Tahoma; font-size: 8pt; color: #000000; background-color: #EEEEEE; }
table.tblBiru   { border: 1px solid #000000;}


/* MENU STYLE */
ul#menu{
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	width: 740px;
	height: 32px;
}
ul#menu li{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#menu li a{
	text-decoration: none;
	text-indent: -10000px;
	height: 32px;
}
a#m-home{
	width: 76px;
}
a#m-about{
	width: 145px;
}
a#m-feature{
	width: 99px;
}
a#m-service{
	width: 95px;
}
a#m-howto{
	width: 171px;
}

ul#menu li a:hover{
	background-position: bottom;
}
ul#menu li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 10;
}
li>ul{
	top: auto;
	left: auto;
}
ul#menu li:hover ul.m-feature, ul#menu li.over ul.m-feature{
	display: block;
	border-left: 1px solid #e07e00;
	border-right: 1px solid #e07e00;
	border-top: 1px solid #e07e00;
}
ul#menu li:hover ul.m-service, ul#menu li.over ul.m-service{
	display: block;
	border-left: 1px solid #4ca5c9;
	border-right: 1px solid #4ca5c9;
	border-top: 1px solid #4ca5c9;
}
ul#menu li:hover ul.m-about, ul#menu li.over ul.m-about{
	display: block;
	border-left: 1px solid #738fba;
	border-right: 1px solid #738fba;
	border-top: 1px solid #738fba;
}

ul#menu li ul li{
	position: relative;
	clear: both;
}
ul#menu li ul li a{
	text-indent: 0;
	height: auto;
	width: 150px;
	padding: 6px 8px;
	display: block;
}

ul#menu li ul.m-feature a{
	background: #f1b600;
	border-bottom: 1px solid #e07e00;
	color: #b63e09;
}
ul#menu li ul.m-feature li a:hover{
	background: #e07900;
	color: #fff;
}
ul#menu li ul.m-service a{
	background: #61b9dc;
	border-bottom: 1px solid #4ca5c9;
	color: #005377;
}
ul#menu li ul.m-service li a:hover{
	background: #1e9bc8;
	color: #fff;
}
ul#menu li ul.m-about a{
	background: #9fb5d6;
	border-bottom: 1px solid #738fba;
	color: #0e336b;
}
ul#menu li ul.m-about li a:hover{
	background: #36598d;
	color: #fff;
}