/*#############################################################

Name: Shades of Gray

Date: 2006-11-05

Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.

Author: Viktor Persson

URL: http://arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements */

* {

	margin: 0;

	padding: 0;

}



a {text-decoration: none;}



body {

	background: #111 url(../images/bg.jpg) repeat-y center top;

	color: #eeeeee;

	font: normal 65.2% "Lucida Sans Unicode",verdana;

}



p,ul {

	font-size: 1.2em;

	padding-bottom: 1.2em;

}



blockquote {font: bold 1em sans-serif;}



code {

	background: #444;

	display: block;

	font-size: 12px;

	margin: 0 10px 12px;

	overflow: auto;

	padding: 8px 10px;

	white-space: pre;

	font-family : verdana;

}



img {border: none;}



ul {margin-left: 2em;}

h1 {font: normal 2.4em sans-serif;}

h2 {

	font: bold 1.6em Verdana,sans-serif;

	padding-bottom: 4px;

}



/* misc */

.clearer {clear: both;}

.stripes {

	background: #333 url(../images/stripe.gif);

	height: 6px;

}

.left {float: left;}

.right {float: right;}



/* header */

.header {

	background: #111 url(../images/bground.gif);

	border-bottom: 1px solid #333;

	font: normal 2em sans-serif;

	height: 120px;

}

.header a {

	color: #888;

	display: block;

	line-height: 120px;

	text-decoration: none;

	width: 100%;

}

.header a:hover {

	background: #191919;

	color: #BBB;

}



/* structure */

.container {

	border: 3px solid #444;

	border-top: none;

}



.main {

	background: #303030;

	border-bottom: 1px solid #2A2A2A;

	border-left: 1px solid #2A2A2A;

}

.main .left {width: 80%;}

.main .right {width: 20%;}



.content {

	border-left: 1px solid #444;

	border-top: 1px solid #444;

	padding: 16px;



}



/* content elements */

.content h1 {

	background: url(../images/bgh1.gif) repeat-x left bottom;

	color: #EEE;

	margin-bottom: 10px;

	padding: 6px 0 4px;

}

.content a {

	color: #999;

	text-decoration: underline;

}

.content a:hover {color: #CCC;}

.content .descr {margin-bottom: 5px;}



/* navigation */

.nav {background: #191919 url(../images/nav.gif);}

.nav a {

	background: #191919 url(../images/nav_edit.gif);

	border-right: 1px solid #161616;

	color: #CCC;

	float: left;

 font: bold 1em Verdana,sans-serif;

	line-height: 40px;

	padding: 0 13px;

}

.nav a:hover {

	background: #191919 url(../images/nav_hover.gif);

}



/* sub-navigation */

.subnav {

	background: #2A2A2A;

	border: 1px solid #1E1E1E;

	border-top-color: #444;

	padding: 12px;

}

.subnav h1 {padding-top: 8px;}

.subnav ul {margin: 0;}

.subnav li {

	background: url(../images/li.gif) no-repeat left bottom;

	list-style: none;

	margin: 0;

}

.subnav li a {

	color: #777;

	line-height: 2.4em;

	padding-left: 18px;

	text-decoration: none;

}

.subnav li a:hover {color: #BBB;}



/* footer */

.footer {

	background: #191919;

	border-top: 1px solid #444;

	color: #999;

	padding: 3% 3% 1%;

}

.footer ul {

	border-top: 1px solid #262626;

	margin: 0;

}

.footer li {

	border-bottom: 1px solid #262626;

	list-style: none;

}

.footer li a {

	display: block;

	line-height: 2em;

	padding-left: 4%;

	width: 96%;

}

.footer a {color: #666;}

.footer a:hover {

	color: #BBB;

	background: #222;

}



.col3,.col3center {

	float: left;

	width: 31%;

}

.col3center {margin: 0 3%;}



/* bottom */

.bottom {

	color: #666;

	clear: both;

	font-size: 1.1em;

}

.bottom a {color: #888;}



    .link a, a.link{ font-family: arial,verdana,helvetica; font-size: 12px; color:blue; text-decoration: none; font-weight: bold;  }

    .link a:hover, a.link:hover{ color: royalblue; font-size: 12px; font-weight: bold; }

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

    

    .link1 a, a.link1{ font-family: Verdana; font-size: 11px; color:silver; text-decoration: none; font-weight: bold;  }

    .link1 a:hover, a.link1:hover{ color: white; font-size: 11px; font-weight: bold; text-decoration:none; }

    .link1 {  font-family: Verdana; font-size: 11px; color: #f0f4f9; text-decoration:none;}



                .dasar{font-family : tahoma; font-size:12px; color : #BBB;}

                .hitam{font-family : tahoma; font-size:11px; color : black;}

                  

                    .warna0{

                   background: #EAF3FA;

                   font-family: tahoma;

                   font-size: 11px;

                   color: black;}



                  .warna1{

                    background: #F0FFFF;

                    font-family: tahoma;

                    font-size: 11px;

                    color: black; }

                    

                  .table_utama  {

                  background: #191919 url(../images/table.gif);

                  text-align:center;

                  font-weight :bold;

                  font-family: arial;

                  font-size: 13px;

                  color: white ;

                  height: 23.5px;

                  }

           .table_detail1  {

           font-family: arial;

           font-size: 12px;

           color: black;

           background:#EEEEEE;

           }

           .table_detail2 {

           font-family: arial;

           font-size: 12px;

           color: black;

           background:#DCDCDC;

           }

           

           .table_detail{

           background: #444;

	   font-size: 12px;

	   white-space: pre;

	   font-family : verdana;

           }

           

             .calender{font-family : Tahoma;

                  font-size:10px;

                  color : blue;

                 }

  

                .c1{font-family : Tahoma;

                background: url(../images/table.gif);
                font-size:10px;

                color : yellow;

                }



#boxnomor { font: bold 11px arial; padding: 0px 0px; margin-top:0;}

#boxnomor a { float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#999; }

#boxnomor a:hover { background-color:#999; border:1px solid #999; color:#000;}

#boxnomor a.boxpilihan { border:1px solid #CCC; background-color:#FFFFFF; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#333; }



#box { font: 8px arial; padding: 0px 0px; margin-top:0;}

#box a { float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#999; }

#box a:hover { background-color:#999; border:1px solid #999; color:#000;}

#box a.boxpilihan { border:1px solid #CCC; background-color:#FFFFFF; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#333; }



.style1 {font-family: verdana; font-size: 12px;}

.style1_bold {font-weight: bold}

.style_header {font-family: verdana; font-size:13px; background-color: gray; color:white;}

.style_detail1 {font-family: verdana; font-size: 11px; background-color:lavender; color:black;}

.style_detail2 {font-family: verdana; font-size: 11px; background-color:lightyellow; color:black;}

.style4 {font-size: 12px}

#advsearch {position:absolute;

	left:250px;

	top:164px;

	width:509px;

	height:279px;

	z-index:1;

	background-color: #383A35;

}

#top_image {
position:fixed;
_position:absolute;
bottom:5px;
right:20px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }