/* CSS Document */

<style type="text/css">
body { text-align:center; font-family:verdana; }
#pagewrapper,#page { width:790px; margin:auto; text-align:left; display:block; }
#header 
{
 display:block; height:100px; 
 padding:0px;
 clear:both;
 margin:5px 5px 0 5px;
 border-top:3px solid #666666; border-bottom:0px solid #666666; 
}
#oldheader{ 
}

#header h1 { margin:0; padding:0; font:30px Georgia, serif; margin-top:20px; margin-left:20px; }
#header h2 { margin:0; padding:0; font:14px Georgia, serif;  margin-left:20px; }

#telusur 
{
 color:#FFFFFF;
 margin:0px 5px 5px 5px;
 font:13px verdana;
 padding:5px;
 float: right ;
}

#abu 
{
 color:#FFFFFF;
 margin:0px 2px 2px 2px;
 font:12px verdana;
 padding:5px;
 background:#ddd ;
}

#topnav ul { list-style-type:none; margin:0; padding:0px; }
#topnav ul li { display:inline; margin-right:6px; margin-left:6px; }
#topnav a:visited { color: #990095; }
#topnav a:hover { color: #ffffff; }
#topnav a, #footer a{ color:#FF9933; text-decoration:none; font-weight:500;;  }
#topnav a:hover, #footer a:hover {  text-decoration:underline; }
#topnav 
{
 color:#FFFFFF;
 margin:0px 5px 0px 5px;
 font:13px verdana;
 padding:5px;
 background:url(/imgs/images/topnav_bg.gif) #333333;
 background:#009999;
}

#main
{
 margin:5px;
 border:0px solid #CCCCCC;
 clear:both;
 display:block;
 margin-bottom:40px;
} 

#left { width:25%; float:left; margin:10px; background-color:#eeeeee; padding: 4px;  }
#body { width:97%; float:right; margin-bottom:20px; background-color:#ffffcc; margin:10px; margin-left:0px; }

#footer { clear:both; margin:5px; vertical-align:middle; text-align:center; font-size:12px; display:block; margin-left:15px; margin-right:15px ;
	  background:#333333; color:#FFFFFF; padding:5px 0px 10px 0px; }
#oldfooter { 
}
.bcol { color:#990099; }


/****************************************************************/

#main h2 { color:#990099;margin:20px 0 6px;padding-bottom:10px;font:normal 17px Georgia, serif;border-bottom : 1px solid #e2dfdb; }

#main { font:12px verdana; line-height:15px; }
p { padding:0; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:8px; }
/******************************************************************/
#page { border:1px solid #333333; color:#333333; background:#ffffcc; }


a { color:#2a3845; }
a:hover { color:#ff99cc }

body {font : normal 12px/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#009999}

.nav ul { margin-left:4px; list-style:inside; margin-top:10px; padding-left:6px; }
.nav li { margin-bottom:2px; }

#lmenu {
	display: block ;
        float: left;
        padding: 0 1em;
	list-style: none;
	background-color: #eeeeee;
}
#lmenu li {
	padding: 0 0 0 12px;
	background: #fff url(/imgs/images/bullet.gif) no-repeat center left;
	background-color: #eeeeee;
}
#lmenu a {
	text-decoration: none ;
}

#spacer { margin-top: 10px ; margin-bottom:10px ;  }

.tbl_display {
 	font:11px verdana;
        padding: 5px;
        /*background: #EAF0FF;*/
        border-left: 1px solid #CADAFF;
        border: 1px solid /*#CADAFF*/;
}

.tbl_display tr td input{ font:11px verdana; }
.tbl_display tr td select{ font:11px verdana; }

.tbl_utama {
 	font:11px verdana;
        padding: 10px;
        background: #7D3F00;
	color: white ;
        border-left: 2px solid #CADAFF;
        border: 2px solid #CADAFF;
}

.red { color: red; }

.roundedcornr_box_544827 {
   background: #dddddd;
}
.roundedcornr_top_544827 div {
   background: url(/imgs/images/rc/tl.png) no-repeat top left;
}
.roundedcornr_top_544827 {
   background: url(/imgs/images/rc/tr.png) no-repeat top right;
}
.roundedcornr_bottom_544827 div {
   background: url(/imgs/images/rc/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_544827 {
   background: url(/imgs/images/rc/br.png) no-repeat bottom right;
}

.roundedcornr_top_544827 div, .roundedcornr_top_544827, 
.roundedcornr_bottom_544827 div, .roundedcornr_bottom_544827 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_544827 { margin: 0 30px; }
.roundedcornr_content_544827 h2 {
		font-weight: bold ;
}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(/imgs/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/imgs/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/imgs/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/imgs/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.judul  { font-size: 16px;
          font-weight: bold ;
        }