@charset "utf-8";

BODY {
	SCROLLBAR-HIGHLIGHT-COLOR: #e0e0e0;
	SCROLLBAR-SHADOW-COLOR: #c0c0c0;
	SCROLLBAR-3DLIGHT-COLOR: white;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: white;
	SCROLLBAR-BASE-COLOR: #e0e0e0;
	background-image: url(bg2.gif);
	background-attachment: fixed;
	}
	


TR, TD {
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	font-style: normal;
	line-height:14px;
	font-weight: normal;
	font-variant: normal;
	color: #2D2D2D;
	text-decoration: none;
}

.content {
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
}

.content h1 {
	font-size:1.9em;
}
.content h2 {
	font-size:1.75em;
}
.content h3 {
	font-size:1.6em;
}
.content h4 {
	font-size:1.45em;
}
.content h5 {
	font-size:1.3em;
}
.content h6 {
	font-size:1.1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	color:#0080C0;
	font-family:"Trebuchet MS", "Lucida Grande", verdana, arial, sans-serif;
	margin:0 0;
	margin-top:1px;
	margin-bottom:5px;
}

#navigation td {
	border-bottom: 1px solid #E2E2E2;
	}
	
#navigation a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	display:block;
	padding:0px 2px 0px 15px;
	background: url("../bullet/bullet_2.gif") 0px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("../bullet/bullet_2b.gif") 0px 45% no-repeat;
	color:#2E4989;
	font-weight:bold;
	}

.navText {
	color: #003366;
	line-height:16px;
	text-decoration: none;
	}

.seru {
background-image:url(../bullet/warning.gif); background-repeat:no-repeat; padding-left:20px; 
}

a:LINK    {color: #000000; font-weight: none; text-decoration:underline;}
a:VISITED {color: #000000; font-weight: none; text-decoration:underline;}
a:HOVER   {color: #000000; font-weight: none; text-decoration:underline;}
a:ACTIVE  {color: #000000; font-weight: none; text-decoration:underline;}

a .alpha 		{ filter: alpha(opacity=80); background-color:#000000; }
a:hover .alpha 	{ filter: alpha(opacity=100)}

.nm_guest  { PADDING-LEFT: 5px; PADDING-RIGHT: 5px; background-color: #C8C8C8; border: #555555 1px solid;}
.isi_guest { PADDING-LEFT: 5px; PADDING-RIGHT: 5px; border: #555555 1px solid;}
.judul     { font-size: 18px; font-weight: bold; border-bottom:1px solid #FFFFFF; background-color: #6AC6D2;}
.SubJudul  { font-size: 12px; font-weight: bold; border-bottom:1px solid #FFFFFF;}

#interface1 {
	z-index:1;
}
#loader_container {text-align:center;position:absolute;top:6%;left:0; width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:130px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:0px;
	background-color:#9D9D94
}
#loader_bg {background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}

.pesankotak {
	position:absolute; 
	z-index:1000; 
	background-color:#666666; 
	border:1px solid #333333; 
	padding: 5px; 
	width: 95%; 
	color:#FFFFFF; 
	font-weight:bold;
	}

.subAk{
	padding-top:2;
	padding-bottom:2;
	border-bottom: 1px solid #6AC6D2;
}

.subOv{
	padding-top:2;
	padding-bottom:2;
	BACKGROUND-COLOR: #6AC6D2; 
	border-bottom: 1px solid #6AC6D2;
	CURSOR: hand; 
	CURSOR: pointer; 
}

.subMn{
	color:#FFFFFF;
	TEXT-DECORATION: none;
	padding-left: 5px;
	CURSOR: hand;
	CURSOR: pointer; 
}

.style9   {font-size: 9px}
.style10  {font-size: 10px;}
.style10a  {font-size: 10px; color: #808080}
.style11  {font-size: 11px}
.style12  {font-size: 12px}
.style16  {font-size: 16px}
.style18  {
font-size: 18px; 	
line-height:18px;
}

fieldset {
	border: 1px solid #6AC6D2;
	padding-bottom: 5;
	}

legend { FONT-SIZE: 11px; color: #1D1D1D; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif }

.button { FONT-FAMILY: Arial; font-size: 11px; background-color: #F0F0F0; border: 1 ridge;}

.input1 {font-size: 9px; background-color: #F0F0F0; border-style: solid #8C8C8C; border-width: 1}
.input1a {font-size: 9px; background-color: #F0F0F0; border-style: solid #8C8C8C; border-width: 1}
.input1b {FONT-FAMILY: Arial; font-size: 11px; background-color: #F0F0F0; border-style: solid #8C8C8C; border-width: 1}
.input2 {font-size: 10px; background-color: #F0F0F0; border-style: solid #8C8C8C; border-width: 1}

.berita:active {COLOR: #FF8000; TEXT-DECORATION: underline}
.berita:visited {COLOR: #FF8000; TEXT-DECORATION: underline}    
.berita:link {COLOR: #FF8000; TEXT-DECORATION: underline}       
.berita:hover {COLOR: #FF8000; TEXT-DECORATION: underline}

.ar:active {COLOR: #004284; font-weight:bold; TEXT-DECORATION: none}
.ar:visited {COLOR: #000000; font-weight:bold; TEXT-DECORATION: none}    
.ar:link {COLOR: #000000; font-weight:bold; TEXT-DECORATION: none}       
.ar:hover {COLOR: #004284; font-weight:bold; TEXT-DECORATION: none}

.utm:active {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: none}
.utm:visited {COLOR: #83C9F3; font-weight:bold; TEXT-DECORATION: none}    
.utm:link {COLOR: #83C9F3; font-weight:bold; TEXT-DECORATION: none}       
.utm:hover {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: none}

.port:active {COLOR: #008000; TEXT-DECORATION: underline}
.port:visited {COLOR: #008000; TEXT-DECORATION: underline}    
.port:link {COLOR: #008000; TEXT-DECORATION: underline}       
.port:hover {COLOR: #008000; TEXT-DECORATION: underline}

.mn1:active {COLOR: #333333; TEXT-DECORATION: underline}
.mn1:visited {COLOR: #666666; TEXT-DECORATION: underline}    
.mn1:link {COLOR: #666666; TEXT-DECORATION: underline}       
.mn1:hover {COLOR: #333333; TEXT-DECORATION: underline}

.mn3:active {COLOR: #004080; font-weight:bold; TEXT-DECORATION: none}
.mn3:visited {COLOR: #333333; TEXT-DECORATION: none}    
.mn3:link {COLOR: #333333; TEXT-DECORATION: none}       
.mn3:hover {COLOR: #004080; font-weight:bold; TEXT-DECORATION: none}

.mn2:active {COLOR: #000000; TEXT-DECORATION: underline}
.mn2:visited {COLOR: #000000; TEXT-DECORATION: none}    
.mn2:link {COLOR: #000000; TEXT-DECORATION: none}       
.mn2:hover {COLOR: #000000; TEXT-DECORATION: underline}

.mn4:active {COLOR: #009900; TEXT-DECORATION: underline}
.mn4:visited {COLOR: #333333; TEXT-DECORATION: none}    
.mn4:link {COLOR: #333333; TEXT-DECORATION: none}       
.mn4:hover {COLOR: #009900; TEXT-DECORATION: underline}

.mn5:active {COLOR: #FFFFFF; TEXT-DECORATION: underline}
.mn5:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}    
.mn5:link {COLOR: #FFFFFF; TEXT-DECORATION: none}       
.mn5:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline} 

.mn6:active {COLOR: #004080; font-weight:bold; TEXT-DECORATION: underline}
.mn6:visited {COLOR: #0080C0; TEXT-DECORATION: underline}    
.mn6:link {COLOR: #0080C0; TEXT-DECORATION: underline}       
.mn6:hover {COLOR: #004080; font-weight:bold; TEXT-DECORATION: underline}

.info:active {COLOR: #0080C0; TEXT-DECORATION: underline}
.info:visited {COLOR: #0080C0; TEXT-DECORATION: none}    
.info:link {COLOR: #0080C0; TEXT-DECORATION: none}       
.info:hover {COLOR: #0080C0; TEXT-DECORATION: underline}

.pw:active {COLOR: #999999; TEXT-DECORATION: underline}
.pw:visited {COLOR: #999999; TEXT-DECORATION: none}    
.pw:link {COLOR: #999999; TEXT-DECORATION: none}       
.pw:hover {COLOR: #999999; TEXT-DECORATION: underline}