@charset "iso-8859-1";
/*
#ADC71E ijo link
#DBDBDB abu2
#ccccff img opt
#cccccc submenu atas
*/



body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: center;
	font: 11px verdana, helvetica, sans-serif;
}

#content_wrapper{
	PADDING-LEFT: 0px; 
	LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 785px; 
	PADDING-TOP: 0px; 
	TOP: 0px; 
	TEXT-ALIGN: left;
	float: center;
}

#header_wrapper{
	PADDING-LEFT: 0px; 
	LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 785px; 
	PADDING-TOP: 0px; 
	TOP: 0px; 
	TEXT-ALIGN: left;
	float: center;
}


/* BODY */
#container {
	margin: 0 auto;
	width: 785px !important;
	height: auto;
	background: #cccccc;
	border: 5px solid #C0C0C0; 	
}

#container img.imgheader {
	margin-left: 15px;
	border: 0;
}

/*------modul Kiri */
#mainleft {
	float: left;
	width: 140px !important;
	margin-bottom: 5px;
	color: #ccccff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border-right: 2px solid #ADC71E; */
}

#leftModule {
	padding: 5px 0 5px 5px;
	clear: both;
	background: #cecece;
	float: center;
}

#ModmainleftTitle {
	width: 100%!important;
	border: 3px solid #ADC71E; 
	border-right: none;
	border-bottom: none;

	padding: 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: url(images/topmenu_bg.jpg) repeat-x;
}

#ModmainleftBody {
	display: block;
	width: 100%!important;
	border: 3px solid #ADC71E; 
	border-left: none;
	border-top: none;

	float: left;
	padding: 5px;
	background: #333399;
	font-family: arial;
	font-size: 10px;
	text-align: left;
}


/* tengah kanan module*/
#main {
	width: 605px;
	height: 100%;
	float: right;
	background: #dddddd; /*#dddddd*/
	margin:0;
	border-left: 2px solid #ADC71E;
	}


/*------modul kanan */
#ModmainBoxWrap{
	width: 205px!important;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #024;
	margin: 3px;
	border-bottom: 1px solid #ADC71E;
	border-right: 2px solid #ADC71E;
	border-left: 1px solid #ADC71E;

}

#ModmainBoxWrap2{
	width: 205px!important;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #024;
	margin: 3px;
	border-left: 1px solid #ADC71E;
	border-bottom: 1px solid #ADC71E;
	border-right: 2px solid #ADC71E;
}


#ModHeadertitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background: #ADC71E;*/
	background: url(images/topmenu_bg.jpg) repeat-x;
	height: 15px;
	margin-bottom: 2px;
	text-align: right;
	font-weight: bold;
}

/*---------------- MAIN WRAPPER ---------------------*/

#imagecontainer{
	padding: 1px;
	height: 250px;
	border: 1px solid #666699;
	background: #666699;
}

#imagecontainerLeft{
	width: 105px;
	color: #cfcfcf;
	height: auto;
	float: left;
	font-size: 10px;
	padding: 1px;
}

#imagecontainerLeft dt .title { 
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 5px;
}

#imagecontainerCenter{
	width: 375px;
	height: 249px;
	border: 1px solid #6666cc;
	background: #666688;
	float: left;
	color: #ffffff;
}

#imagecontainerRight{
	width: 105px;
	height: auto;
	background: transparent;
	float: right;
}

#imagecontainerRight dt{
	color: #ffffff;
	height: auto;
	float: left;
	font-size: 12px;
	padding: 2px;
}

#imagecontainerRight dt .title { 
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 5px;
}


#nddivContainer{
	padding: 1px;
	height: 250px;
	float: center;
	background: #ffffff;

}


#uploadframe{
	 width: 0px;
	 height: 0px;
	 visibility: hidden;
}

#middiv{
	height: 280px;
	font: 14px verdana, helvetica, sans-serif;
	color: #990000;
}

#middivInfo{
	width: 100px;
	float: left;
	font: 12px verdana, helvetica, sans-serif;
	color: black;
	background: #ffffff;
}

#maindiv{
	font: 14px verdana, helvetica, sans-serif;
	color: #990000;
	height: auto;
}

#uploaddiv{
	width: auto;
	margin-top: 5px;
	font: 12px verdana, helvetica, sans-serif;
	 float: center;
	 border: 1px dotted #ffffff;
	 background: #CCCCFF;

}

#commentdiv{
	width: auto;
	margin-top: 0px;
	font: 11px verdana, helvetica, sans-serif;
	float: center;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	background: #CCCCFF;
	text-align: left;
}

/* div formcomment.php */
#formcommentdiv{
	float:center;
}

/* div formcomment */
#commentformdiv{
	float:center;
	width: auto;
	margin-top: 5px;
	padding: 8px;
	background: #9999CC;
}

/* div formcomment */
#comments {
    clear:both;
	background:#eef;
	padding:15px;
}

#comments dt {
	padding:8px 0 0 0;
	font-size:1.2em;
	border-top:1px dotted #99c;
	color:#333;
}

#comments dt .avatar { 
	float: right;
	padding: 2px;
	border: 1px dotted #99c;
}
#comments dt .nomor { 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #99c;
	font-size: 24px;
}


#imageoptions{
	margin: 1px;
	padding: 2px;
	border-top: 1px solid #666699;
	border-bottom: 1px solid #666699;
	background: #ccccff;
	height: 17px;
	width: auto;
}

#picdiv{
	padding: 2px;
	border-bottom: 1px solid #666699;
	background: #ccccff;
}

/* navigasi pic*/
#navtable{
	margin: 3px;
	float: center;
	background: #666699;
	border: 1px solid #666699;
}

#navtable .img{
	border: none;
}

#navtable .a {
	text-decoration: none;
}

#selected{
	float: center;
	margin: 3px;
	background: #ccccff;
}


#errordiv{
	background: #99CC00;
	text-align: center;
	font: 11px verdana, helvetica, sans-serif;
	color: #993300;
}

#errcomm{
	height: auto;
	width: auto;
	background: #ffffff;
	text-align: left;
	font: 11px verdana, helvetica, sans-serif;
	color: #993300;
}



#ModmainBox{
	position: absolut;
	width: 205px!important;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A4A4A4;
	padding-bottom: 3px;
}

#ModmainBox .tabel{
	width: 140px;
	float: left;
}

#ModmainBox .foto{
	width: 65px;
	float: left;
}

#ModmainBox td{
	border-bottom: 1px dotted #cccccc;
}

.color1{
	background: #f0f0f0;
}

.color2{
	background: #E5E5E5;
}


/* menu atas */
/* MAin level menu*/

#topmenu {
	width: 600px;
	height: 23px;
	/* T R B L*/
	text-align: center;
	background:  #669933; /* #666699 */
}

#mainlevel{
	clear: both;
	width: 600px;
	float: center;
	height: 23px;
	background:  #669933; /* #666699 */
	color: yellow;
}

#angkForm{
	clear: right;
	float: left;
	margin-left: 60px !important;
}

ul#mainlevel-nav {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	}

ul#mainlevel-nav li {
	display: block;
	float: right;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: auto !important;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 23px;
	white-space: nowrap;
	border-left: 1px solid #DBDBDB;
	}

ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited {
	background-image: url(images/topmenu_bga.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	}

ul#mainlevel-nav a:hover {
	background-image: url(images/topmenu_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
	}
/*----end content----*/

a {
	COLOR: #ADC71E; TEXT-DECORATION: none;
}
a:link {
	color: #ADC71E; 
	text-decoration: none;
}
a:visited {
	COLOR: #ADC71E; TEXT-DECORATION: none;
}
a:active {
	COLOR: #ADC71E; TEXT-DECORATION: none;
}
a:hover {
	COLOR: #ADC71E; TEXT-DECORATION: none;
	border-bottom:1px dotted #ADC71E;
}

a img {
	text-decoration: none;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

blockquote {
	font-size: 9px;
	background: url(images/quote.png) no-repeat top left;
	margin: 10px 30px 10px 30px;
	padding: 10px 0 10px 15px;
}

cite {
	font: normal 13px verdana, helvetica, sans-serif;
}

code {
	margin-left: 15px;
}
form p {
	margin-left: 15px;
}

h1	{
	text-align: left;
	letter-spacing: 1px;
	margin: -40px 0 0 0;
	padding-top: 60px;
	font: 28px Georgia, helvetica, sans-serif;
	color: #788C0A;
}

#header {
	PADDING-LEFT: 0px; 
	LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 785px; 
	PADDING-TOP: 0px; 
	TOP: 0px; 
	HEIGHT: 73px; 
	TEXT-ALIGN: left;
	float: center;
	background: url(images/header_background.gif) #fff repeat-x left; 
}



#header div#description {
	color: #000;
	font-size: 12px;
	text-align: left;
	margin-right: 75px;
}

#header div#welcome {
	font-size: 12px;
	text-align: right;
	margin-right: 5px;
	padding-top: 25px;
}

h1 a:link, h1 a:active, h1 a:visited, h1 a {
	font-variant: small-caps;
	text-decoration: none;
	color: #788C0A;
}

h1#comments {
	margin-bottom: 10px;
}

h2 {
	margin: 0 0 0 15px;
	padding-top: 5px;
	font: normal 18px verdana, helvetica, sans-serif;
	color: #000;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a {
	color: #000;
	text-decoration: none;
}

h2#comments, h2#respond {
	padding-left: 10px;
}

h2 span.comments {
	margin-left: 15px;
}

h2 span.comments, h2 span.comments a:link, h2 span.comments a:active, h2 span.comments a:visited, h2 span.comments a {
	color: #aaa;
	text-decoration: none;
}
/*
#header_wrapper {
	background: url(images/header_background.gif) #fff repeat-x; 
	width: 770; 
	TEXT-ALIGN: center;
}
*/
/*
#home{
	border-left: 5px solid #9999CC;
	border-right: 5px solid #9999CC;
}
*/

#banner IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#blogtitle {
	float: left;
	padding-left: 5px;  
	TOP: 18px;
}

#formcontainer
{	
	width: 250px;
	margin: 15px 0 15px 170px;
	padding: 3px;
	border: 1px solid #A4A4A4;
	border-right: 2px solid #A4A4A4;
	border-bottom: 2px solid #A4A4A4;
	background: #cccccc;
}

#formval
{
	background: #FFFFFF;
	width: 190px;
	float: center;
	padding: 5px 0 5px 0; /* top right bottom left*/
	font-size: 12px;
	text-align: left;
}

#formkontak
{
	width: 400px;
	margin: 15px 0 15px 90px;
	padding: 3px;
	border: 1px solid #ffffff;
	border-right: 2px solid #A4A4A4;
	border-bottom: 2px solid #A4A4A4;
	background: #cccccc;
}

#mainbox {
	width: 600px;
	float: center;
	margin-top: 12px;
	text-align: left;
}


#boxcontainer
{
	float: center;
	border: 1px dotted #D9D9D9;
	background: #F0F0F0;
	width: 600px !important;
	margin-bottom: 5px;
}

#boxprofil
{
	float: right;
	background: #99CC33; /*ijo*/
	border-right: 3px solid #CCCCCC; 
	border-bottom: 3px solid #CCCCCC;
	width: 600px !important;
	margin-bottom: 10px;
}

#boxketeranganP
{
	float: right;
	width: 500px !important;
	font-size: 10px;
	text-align: left;
}


#boxfoto
{
	width: 100px !important;
	float: left;
	margin-right: 1px;
}

#boxfotoDetil
{
	width: 600px !important;
	float: center;
	margin-bottom: 10px;
}


#boxHelp
{
	float: right;
	border: 1px dotted red;
	width: auto !important;
	margin: 10px 10px 0 10px;
	font-size: 10px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#boxketeranganDetil
{
	float: center;
	width: 450px; !important;
	font-size: 10px;
	text-align: left;
	margin-left: 70px;
	margin-bottom: 10px;
}

#boxketeranganDetil td
{
	border-bottom: 1px dashed #DBDBDB;
}


#boxketerangan
{
	float: right;
	width: 600px !important;
	background: transparent;
	font-size: 10px;
	text-align: left;
	margin-bottom: 15px;
	border: 1px solid #ffffff;
	border-right: 3px solid #A4A4A4;
	border-bottom: 2px solid #A4A4A4;
}

#boxketeranganData td
{
	border-bottom: 1px dashed #DBDBDB;
	line-height: 16px;
}


#boxketerangan P {
 padding-left: 2em;
 width: auto !important;
 text-align: justify;
}

#box_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin: 5px;
	}

#box_nav .nav{
	width: 250px;
	background: #F0F0F0;
	padding: 1px;
}

/* -----------------Table Section----------------------- */


table {
	margin-left: 4px;
	padding: 1px;
	}

table td {
	/*border-bottom: 1px dashed #DBDBDB;*/
	line-height: 16px;
	}

table th {
	/*background-image: url(../images/button_bg.jpg);
	background-repeat: repeat-x;*/
	line-height: 18px;
	}
#subheader {
	width: auto;
	display: block;	
	background: #999999;
	margin: 2px 150px 2px 50px;
}

/* submenu atas*/
#contentheader {
	float: right;
	background: #cccccc;
	width: 600px;
	text-align: center;
}

#Thetitle {
	clear: both;
	float: center;
	width: auto;
	text-align: center;
	font-size: 18px;
	padding: 5px;
}

/* kelas n navigator*/
#group-nav{
	text-align: center;
	font-weight: bold;
	width: auto !important;
	font-size: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	background: #990000;
}

#group-nav a:link, ul#group-nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#group-nav a:hover {
	text-decoration: none;
	color:#ADC71E; 
	border: white;
}		


#menugroup{
	clear: both;
	width: 600px;
	float: right;
	background: #024;
}
#menugroup img{
	margin: 0;
	padding: 0;
}

ul#menugroup-nav {
	bottom:0; left:0;
	list-style:none;
	}

ul#menugroup-nav li {
	list-style:none;
	float:right;
	margin:0 0.5em 0 0;
	}

ul#menugroup-nav a:link, ul#menugroup-nav a:visited {
	padding:0px;
	color:#fff;
	/*background:#024;*/
	border:1px solid #fff;
	border-top:none;
	border-color:#357 #357 #002 #357;
	display:block;
	white-space:nowrap;
	}

ul#menugroup-nav a:hover {
	text-decoration:none;
	background: #99CC00;
	}

	/* -----------------Content Section----------------------- */


#footer {
	clear: both;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: url(images/header_background.gif); 
	WIDTH: 100%; 
	margin-top: 10px;
	font: 10px/15px arial, sans-serif;
	COLOR: #333;
	padding: 1px;

}

#footer P {
	padding-top: 1px;
}


input#s {
	border: 0;
	border: solid 1px #ccc;
	background: #CCCCCC;
	margin-left: 15px;
	margin-top: 15px;
}

input#searchsubmit {
	font: 9px verdana, helvetica, sans-serif;
	float: right;
}

/* ------
- FORMS -
------ */

input, textarea {
	padding:2px;
	border-width:1px;
}

input:hover, textarea:hover {
	background: #CCFF99;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* End Images */

form {
    margin: 0px;
}

.button {
	border : solid 1px #6666cc;
	background: #666688;
	color : #fff;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
}

.button:hover{
	background: #333399;
	cursor: hand;
}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

#message {
	float:center;
	margin-top: 2px; 
	padding: 2px; 
	width: 600px;
	border: 1px solid #909090;
	background: #FFFF66;
	font-size: 12px;
	color: #990000;
}

#error {
	margin-top: 2px; 
	padding: 2px; 
	width: 600px;
	border: 1px solid #909090;
	background: #FF66FF;
	font-size: 10px;
	color: red;
}

.security {
	width: 20px;
	border: 1px solid #909090;
	padding: 1px;
	background: #ffffff;
	font: 14px verdana, arial;
	font-weight: bold;
	letter-spacing: 3px;
}
#nongol{
	font: 14px verdana, helvetica, sans-serif;
	font-weight: bold;
	color: blue;
}

#noscript{
	font-size: 12px;
	color: #990000;
}

.links a{
	font: 12px verdana, helvetica, sans-serif;
	font-weight: bold;
	color: blue;
}