/* CSS Document */
/*hay
- untuk sintak punya html, misalnya h1, h2, dan sebagainya,
ga perlu dikasi lagi font-weight:bold atau font-size, Rul..
karena html udah punya ukuran sendiri buat itu. paling besa2 h1 dan paling kecil h7. udah bold juga

*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c8c8c8;
	line-height:1.3
}
#container{
	width:1000px; margin:0px auto; position:relative;/*background-color:#EDF6C7;*/
}
#header-def{
	width:1000px; height:152px; margin:0px; background:url(images/header.jpg) repeat-x;
}
#header-def .ha1{	
	color:#FFFF00;
	font-family:Verdana;	
	padding-left:30px; width:400px; float:left; margin-top:50px;
}
#header-def .ha1 h1{ font-size:10px;color:#FFFFFF; width:250px; height:10px;padding:0; margin-top:10px; }
#header-def .ha1 h2{ font-size:30px;color:#FFFFFF; width:310px; height:30px; padding:0; margin-top:-10px; font-family:Arial; }
#header-def #log {
	float:right;
	text-align:left; padding:5px 10px 0px 15px; width:200px; margin-top:30px; color:#FFFFFF; font-size:12px; 
}
#header-def #log a{
	color:#FFFFFF; font-size:12px; text-decoration:none; 
}
#header-def #log a:hover{
	 font-size:12px; text-decoration:none; color:#FDF18B;
}
#header-def #log .logbig, #header-def #log .logbig a{ text-align:center; font-size:14px;}
#menu{
	width:797px; height:26px; margin-top:-12px; margin-left:0px; 
	font-family:Georgia;
	 
}
#body-def{
	/*---hay --- width error karena ga ada satuannya 
	padding nulisnya simply 1 baris aja, 
	padding: top right bottom left;
	line-height perlu buat mengatur jarak pandang biar enak dibaca
	---hay---*/
	height:auto;line-height:2;
	padding:0px 10px 5px 5px; font-family:Tahoma; float:left;  width:560px;  
	/*background-color:#EDF6C7; min-height:250px; */
}
/*hay*/
#utama h2{font-style:italic;font-size:15pt; color:#8C4702; margin-top:-10px;}
/*hay*/
#sambung-kanan {
	position:absolute;
	top:75px;
	left:787px;
	width:203px;
	text-align:left; min-height:120px; background:url(images/body-sambung.jpg) repeat-y;/**/
}
#top-nav-kanan{  
	 background:url(images/top-sambung.jpg) no-repeat; width:203px; height:15px; margin:0;
}
#nav-kanan {
	float:right;
	margin-top:-88pt;
	width:203px;
	text-align:left; height:auto; background:url(images/body-sambung.jpg) left repeat-y;
}

#nav-kiri{
	float:left;
	left:0px;
	text-align:left;
	width:190px; padding:8px;
	clear:both; /*background-color:#FFFFCC;*/
}
#footer-dev{
	width:1000px; height:68px; margin:0; background:url(images/footer2.jpg) repeat-x; text-align:center;clear:both;
}
#menu ul {
	list-style: none; 
}
#menu li {
	display: inline;  float:left;
}
#menu a {
	display: block;
	float: left;
	width: 70px;
	height: 26px;
	text-align: center;
	text-decoration: none;
	color: #C3CE8C;
	font-size: 11px;
	padding: 5px 3px 0px 2px;
}

#menu a:hover {
	width: 70px;
    height: 22px; 
	background-image:url(images/menu_hover.jpg);
	text-decoration: none;color: #000066;
	padding: 5px 3px 0px 2px;
}
#menu .current a, #menu .current a:hover {
	display: block;
	width: 70px;
    height: 22px; 
	text-decoration: none; background-image:url(images/menu_hover.jpg);
	color: #000066;
	font-size: 11px;
	padding: 5px 3px 0px 2px;
}
#menu .current div a{
	display: block;
	width: 80px;
    height: 22px; 
	text-decoration: none; background-image:url(images/menu.jpg);text-align:center;
	color: #C3CE8C;
	font-size: 11px;
	padding: 5px 3px 0px 2px;
}
#menu .current div a:hover{
	display: block;
	width: 80px;
    height: 23px; 
	text-decoration: none; background-image:url(images/menu_hover.jpg); text-align:center;
	color: #000066;
	font-size: 11px;
	padding: 5px 3px 0px 2px;
}
#top-form-kiri {
	background:url(images/jo-repeat.jpg) top repeat-x;
	line-height:29px;
	font-size:14px;
	color:#FFFFFF; font-weight:bold;
}
#top-form-kiri-main {
	background:url(images/jo-repeat.jpg) top repeat-x;
	line-height:29px;
	font-size:14px;
	color:#FFFFFF; font-weight:bold; width:502px;
}
#box-kiri {
	border-right:1px #bcc879 solid;border-left:1px #bcc879 solid;border-bottom:1px #bcc879 solid;
	/* background:#e7f0c1 url(images/money.png) top center repeat-y; */
	margin-top:-2px; padding-top:5px;float:left;width:188px;
}

#box-kiri-main {
	margin-top:-2px; padding-top:5px;float:left;width:500px;
}

#box-kiri2 {
	border-right:1px #bcc879 solid;border-left:1px #bcc879 solid;border-bottom:1px #bcc879 solid;
	background-color:#e7f0c1;
	 margin-top:-2px; padding-top:5px; height:350px;
}
/*
#box-dollar{
	width:50%; height:470px;  position:absolute; top:72px; left:50px;
	color:#5b0b04;background:url(images/money.jpg) top repeat-y; margin:0px auto;opacity:0.3;filter: alpha(opacity=30); -moz-opacity: 0.3;
}
*/
#box-dollar2{
	width:50%; height:300px;  position:absolute; top:652px; left:50px;
	color:#5b0b04;background:url(images/money.jpg) top repeat-y; margin:0px auto;opacity:0.3;filter: alpha(opacity=30); -moz-opacity: 0.3;
}
#box-coba {
	border:1px #bcc879 solid;
	background:#e7f0c1 url(images/money.png) top center repeat-y;
	width:166px; height:auto; padding-right:2px; margin-bottom:3px; 
}

#box-coba-main {
	border:1px #bcc879 solid;
	background:#e7f0c1 url(images/money.png) top center repeat-y;
	width:486px; height:auto; padding-right:2px; margin-bottom:3px; 
}

#box-content{ width:170px; margin:-5px auto 0px auto; color:#892e01;/*border:1px #bcc879 solid; min-height:230px; */ }
#box-content ul{list-style-type:none;
margin-left:0; margin-top:0px; margin-bottom:0px; }
#box-content li{list-style-type:none;
margin-left:-40px;width:168px; /**/}

#box-content-main{ width:490px; margin:-5px auto 0px auto; color:#892e01;/*border:1px #bcc879 solid; min-height:230px; */ }
#box-content-main ul{list-style-type:none;
margin-left:0; margin-top:0px; margin-bottom:0px; }
#box-content-main li{list-style-type:none;
margin-left:-40px;width:486px; /**/}

/* IE: */
* html #box-content li, * html .col li {margin-left:0; margin-top:0px}

#box-content2{ width:85%; margin:-5px auto 10px auto;height:315px; border:1px #bcc879 solid; color:#892e01; min-height:230px;}
#jo-kiri {
	width:170px; margin:0 auto;
	background:url(images/jokiri.jpg) top repeat-x;
	line-height:29px;
	font-size:11px;
	color:#353e0e; font-weight:bold;
}

#jo-kiri-main {
	width:490px; margin:0 auto;
	background:url(images/jokiri.jpg) top repeat-x;
	line-height:29px;
	font-size:11px;
	color:#353e0e; font-weight:bold;
}

/*
.search-frm{
	color:#404a19; font-size:12px; border-bottom:1px #9a8653 solid; width:180px; margin:3px auto 5px 10px;  font-family:Georgia, "Times New Roman", Times, serif; min-height:20px;
}
.search-frm a{
	color:#404a19; text-decoration:none;
}
.search-frm a:hover{
	color:#404a19; text-decoration:underline;
}
*/

#belang-kanan2{
	color:#2f380b; width:170px; height:50px; margin:10px auto 0 10px;line-height:50px; padding-left:10px; font-size:12px; font-weight:bold; background:url(images/rpt2.jpg) repeat-x;
}
#belang-kanan1{
	color:#2f380b; width:170px; height:50px; margin:10px auto 0 10px;line-height:50px; padding-left:10px; font-size:12px; font-weight:bold; background:url(images/rpt1.jpg) repeat-x;
}
#form-belang{
	background-color:#e9edba; border:1px #dae4ba solid; border-top:none; width:167px; margin:0px auto 5px 10px; padding:5px; color:#892e01; font-family:Tahoma;
}
.ha3nl{ color:#8A9621; font-size:11px; float:left; margin-top:0px; width:120px; height:auto; }
#form-belang h3 { color:#353e0e; font-size:12px; font-weight:normal;  margin-top:0px; width:167px;}
#form-belang h3 a{ color:#353e0e; font-size:12px; font-weight:normal; padding-bottom:1px; text-decoration:none;width:167px;}
#form-belang h3 a:hover{ color:#353e0e; font-size:12px; font-weight:normal; text-decoration:underline;}

#detagenda{ width:160px; height:auto; float:left; margin:2px auto;}
.kalender{ float:left;left:0px; margin-right:3px; background-image:url(images/kalender.jpg); height:37px; width:37px; }
.kalender2{ margin-right:3px; background-image:url(images/kalender.jpg); height:37px; width:37px; float:left; margin-top:0px; margin-left:0px; }

#utama{
	width:97%;  background-color:#f1f1d4; height:auto; color:#373737; padding:5px; margin-bottom:10px; text-align:justify; margin-top:-5px;
	/*haycoba
		border:1px solid;*/
	
}
/*hay */
#utama p{margin-bottom:15px; margin-left:10px; margin-right:10px; margin-top:0px; line-height:15px;}
#blewah,#sawo{width:97%;height:auto;padding:0px 5px;margin-bottom:10px;text-align:justify; padding-left:10px;}
#blewah{  
	border:1px solid #FEDD9E; color:#7c7b40; background:url(images/pencil-blewah.jpg) bottom right no-repeat; padding-bottom:23px;
}
#sawo{
	border:1px solid #B7C566; color:#7c7b47;background:url(images/pencil-sawo.jpg) bottom right no-repeat;padding-bottom:22px;
}
/**/

#blewah h3{ color:#A84116; background-color:#FEDD9E; width:92%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:30px; }
#blewah h3 a{ color:#A84116; background-color:#FEDD9E; width:92%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:10px; font-style:normal; text-decoration:none; }
#blewah h3 a:hover{ color:#A84116; text-decoration:underline; }

#blewah a:hover{  color:#383707; text-decoration:underline; }
#blewah h2, #blewah h2 a{ line-height:13pt; font-size:13pt; margin-top:-5px; }
#blewah h2 a:hover{ color:#A84116; text-decoration:none; }
#blewah h2 a:visited{ color:#A84116; text-decoration:none; }
/*
#blewah h6{ line-height:13px; font-size:12px;color:#A84116; margin-top:-10px; margin-bottom:-2px; font-family:"Arial"; }
#blewah h6 a{ color:#A84116;text-decoration:none; }
#blewah h6 a:hover{ color:#A84116; text-decoration:underline; }
*/
#sawo h3{ color:#A84116; background-color:#EEEBCD;  width:92%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:30px; }
#sawo h3 a{ color:#A84116; background-color:#EEEBCD;  width:92%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:10px;  font-style:normal; text-decoration:none; }
#sawo h3 a:hover{ color:#A84116; text-decoration:underline; }

#sawo a:hover{  color:#383707; text-decoration:underline; }

#sawo a{  color:#383707; text-decoration:none;}
#sawo h2, #sawo h2 a{ line-height:13pt; font-size:13pt;margin-top:-5px; }
#sawo h2 a:hover{ color:#A84116; text-decoration:none; }
#body-def .kat{
	font-family:Georgia, "Times New Roman", Times, serif; color:#1b1c00;margin:0pt 0pt 5px; font-size:14px;font-weight:bold; 
}
#body-def h2{
	font-family:Georgia, "Times New Roman", Times, serif; color:#981c10; font-weight:normal; margin-bottom:0; padding:0;
}
#body-def h2 a{
	 color:#981c10; text-decoration:none; font-style:normal;font-weight:normal;
}
#body-def h2 a:hover{
	color:#981c10; text-decoration:underline;
}
/*
#form-belang .col { width: 80%;  margin:0 auto 0 auto ;}
#form-belang ul{ padding: 0;  }
#form-belang .col li{ color:#892e01;margin-left:5px; list-style-image:url(images/check.jpg); list-style-position:outside; padding:7px 1px;font-family:Tahoma; }
#form-belang .col li a{color:#892e01; text-decoration:none;display:block; margin:2px 1px;}
#form-belang .col li a:hover{ color:#892e01;text-decoration:underline; }
*/

.col { width: 80%;  margin:0 auto 0 auto ;}
.col ul { padding: 0;  }
.col li{ color:#892e01; list-style-image:url(images/check1.gif); list-style-position:outside; padding-right:3px; font-family:Tahoma; margin-left:-12px;  }
.col li a{color:#892e01; text-decoration:none; }
.col li a:hover{ color:#892e01;text-decoration:underline; }

/*#ijolumut{
	background-color:#B7D867; border:1px solid #DFE6BF; width:97%;height:auto; padding-left:5px;padding-right:5px;padding-top:0px; margin-bottom:10px;
}
*/

#ijo-grad{
	background:url(images/grad-rpt.jpg) top repeat-x; width:250px; height:auto;
	padding:0px;
	float:left;
}
#ijo-big-grad{
	background:url(images/grad-rpt.jpg) top repeat-x; width:535px; height:auto;
	padding:0px;
	float:left;
}

#ijo-grad-left1{ background-image:url(images/grad-left.jpg); float:left; width:15px; height:155px; margin-left:-5px;}
#ijo-grad-left{ background-image:url(images/grad-left.jpg); float:left; width:15px; height:155px; }
#ijo-grad-right{ background-image:url(images/grad-right.jpg); float:left; width:15px; height:155px;}
.form-ijo-grad{ width:98%; padding-left:5px;padding-right:5px;  padding-top:10px; color:#7c7b47; text-align:justify; line-height:20px; }

#hanam{ line-height:13px; font-size:12px;color:#A84116; margin-top:0px;  margin-bottom:-2px;text-decoration:none; }
#hanam a{ color:#A84116;text-decoration:none; }
#hanam a:hover{ color:#A84116; text-decoration:underline; }

/* .main-news{ width:49%; float:left;} */
.main-news{ width:96%; margin-left:10px;margin-top:0px; padding-bottom:5px; line-height:10pt; margin-bottom:5px; }
.main-news2{ width:96%; margin-left:10px;margin-top:0px; padding-bottom:5px; line-height:10pt;  margin-bottom:5px;}
.main-news a{  font-style:italic; color:#383707; text-decoration:none;}
.main-news2 a{ font-style:italic; color:#383707; text-decoration:none;}
.main-news a:hover{  font-style:italic; color:#383707; text-decoration:none;}
.main-news2 a:hover{ font-style:italic; color:#383707; text-decoration:none;}

.main-news3{ width:98%; margin-left:10px;margin-top:0px;  padding-bottom:5px;line-height:10pt; }
.main-news3 a{  font-style:italic; color:#383707; text-decoration:none;}
.main-news3 a:hover{ font-style:italic; color:#383707; text-decoration:none;}

/* accordion */
#accordion {
	margin:10px 5px; background:#EEFCBE
}
h3.toggler {
	cursor: pointer;
	width:170px; 
	margin:0 auto 5px 10px;
	padding: 3px 10px 1px 0;
	color:#404a19; font-size:12px; border-bottom:1px #9a8653 solid; 
	font-family:Georgia, "Times New Roman", Times, serif;
}
.element{}
div.element p, div.element h4, div.element form {
	margin:0px;
	padding:4px; color:#FFFFFF;
	width:170px; margin:10px auto; height:160px; background:url(images/jo_search.jpg) repeat-x; font-size:11px;
}
blockquote {padding:5px 20px;}
/* end accordion */
h5{ color:#5b561e; font-size:11px; font-weight:normal; text-align:right; padding-right:10px; margin-top:0; margin-bottom:0;}
.h6kal{ color:#8A9621; font-size:11px; font-weight:normal; text-align:left; float:left;}
.kurspjk { margin-bottom:5px; background-color:#ffffff; width:100%; height:auto; float:left; opacity:0.7;filter: alpha(opacity=70); -moz-opacity: 0.7; }
#kurspjk { margin-bottom:5px; background-color:#ffffff; width:100%; height:auto; float:left;}
.curr{ width:62%; float:left; height:auto; text-align:left; margin-left:5px;  }
.val{ width:33%; float:left; height:auto; text-align:right;}
.welcome{ font-family:Pristina; color:#8c4702; font-size:26px; text-align:left; width:100%; margin-bottom:0; }

.curr-main{ width:50%;float:left; height:auto; text-align:left; margin-left:5px;  }
.val-main{ width:23%; float:left; height:auto; text-align:center; padding-left:5px; }

#content{background:url(images/long-body2.jpg) repeat-y; margin-right:10px;}


/* MENU */
#menu #m2
{	position: absolute;
	visibility: hidden;
	margin: 27px 0 0 0px;
	padding: 0;background:url(images/menu-utama.jpg) repeat-x;
}

#menu div a 
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 8px 5px 15px;
	width: 80px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none; height:20px;color: #C3CE8C;
	/**/
}

#menu div a:hover
{	
	color: #000066; width: 80px; padding: 5px 8px 5px 15px;
	background-image: url(images/menu_hover.jpg); background-repeat:repeat-x;/**/
}
/* END MENU */
.butt_search{
	background-color:#9f3907; color:#dcb158; border:1px solid #800000;
}

/* */
#top{ 
	clear:both; height:15px; border-bottom: 1px solid #bcc879;
	padding-left:20px;
	text-align:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0;
	color: #336699;
 }
#top a {
	color:#336699;
	text-decoration:none;
}

/* 4_Forum */
#forum-def{
	height:auto;line-height:2;
	padding:0px 10px 5px 5px; font-family:Tahoma; float:left;  width:770px; background-color:#EDF6C7; 
}
#jingga{width:98%;height:auto;padding:0px 5px;margin-bottom:10px;text-align:justify; padding-left:10px; 
	border:1px solid #FEDD9E; color:#7c7b40; background:url(images/pencil-blewah.jpg) bottom right no-repeat; padding-bottom:23px;
}

#jingga h3{ color:#A84116; background-color:#FEDD9E; width:94%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:30px; }
#jingga h3 a{ color:#A84116; background-color:#FEDD9E; width:94%; height:24px; margin-bottom:-5px; margin-left:-5px; font-size:11px; line-height:20px; text-align:right; padding-right:10px; font-style:normal; text-decoration:none; }
#jingga h3 a:hover{ color:#A84116; text-decoration:underline; }

#jingga h2{ margin-top:0;color:#A84116;line-height:15px; font-size:13px;   }
#jingga h2 a{ color:#A84116;line-height:15px; font-size:13px; text-decoration:none; }
#jingga h2 a:hover{ color:#A84116;  text-decoration:underline; }
#jingga h2 a:visited{ color:#A84116;  }

#jg a{ color:#5B561E; text-decoration:none; text-align:left; margin-top:0; margin-bottom:0; width:100%; float:left; }
#jg a:hover{ color:#5B561E;  text-decoration:underline; }
#jg a:visited{  text-decoration:none; }

/* Tabel Forum */


#jingga tr{ min-height:20px;}
#bkat {
	background:url(images/rpt.jpg) top repeat-x;
	font-size:12px;
	color:#FFFFFF; font-weight:bold; height:29px;  width:101%;text-align:center; margin-bottom:-5px;
}

.bfrm {
	background:url(images/grd.jpg) top repeat-x;
	font-size:14px;
	color:#757a7d; font-weight:bold;  line-height:20px;border:1px solid  #bcc879;
}
.brd{  color:#7c7b40;border:1px solid  #bcc879; margin:0; height:auto; opacity:0.8;filter: alpha(opacity=80); -moz-opacity: 0.8; background-color:#f4f9e3; font-size:11px;  }
.brd a{ color:#383707; text-decoration:none; }
.brd a:hover{ color:#383707; text-decoration:underline;}

#linklog a{ font-size:11px; text-decoration:none; font-style:normal; }
#linklog a:hover{ text-decoration:underline; font-style:normal; }
#linklog a:visited{ text-decoration:none; font-style:normal; }

#ulmenu ul{
	line-height:15px; background-color:#CCCCCC; margin-left:-10px; margin-top:0px;
}
#ulmenu li{
	margin-left:-10px; text-decoration: none; color:#892e01; list-style-type:square;
}
#ulmenu li a{
	text-decoration:none; color:#892e01;
}
#ulmenu li a:hover{
	text-decoration:underline; color:#892e01;
}
.ketr{ margin-bottom:20px; text-align:center; }
.style1 {font-size: 10px}

.main-news2 #chart{
	margin-left:auto; margin-right:auto; margin-top:10px; background-color:#FFFFFF; width:95%; height:auto; padding:5px;
}

/* footer content */

.footer-content {  
	text-align:center; line-height:10px;  font-size:13px; padding:10px 10px 13px 10px; font:Verdana; color:#C3C3C3;
} 
.footer-content a {
	color:#ffffff; text-decoration:none;
}
.footer-content a:hover{
	color:#D3D3D3; text-decoration:none;
}
.footer-content img{
	position:relative; top:5px;
}

/**/
#forrss{
	color:#7c7b40; margin-left:10px;
}
#forrss a{ display:block; margin-bottom:5px; text-decoration:none;color:#7c7b40; line-height:15px; }
#forrss img{ position:relative; top:5px; }
#forrss a:hover{ text-decoration:none; color:#383707; }

#header-def #banner {
	position:absolute; width:500px;height:80px; top:65px; left:290px;
}
#banner-right{ width:150px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px;text-align:center;}
#banner-left{ width:180px; height:auto; margin-left:auto; margin-right:auto; margin-top:10px; text-align:center;}


/* DLL*/
.donlotanlist{ color:#892e01; margin-left:5px;}
.donlotandetail{ color:#7c7b40; margin-top:0px; }
.donlotandetail li{ margin-left:-15px; margin-right:3px; color:#7c7b40; list-style-type:square; font-weight:bold; }
.donlotandetail li a{  color:#7c7b40; text-decoration:none;  font-weight:normal; }
.donlotandetail li a:hover{  color:#7c7b40; text-decoration:underline;  font-weight:normal; }


.futher a{ text-align:left; width:100px;color:#892e01; float:right; text-decoration:none; font-style:italic; margin-bottom:5px; }
.ruther{text-align:right; width:100px;color:#353E0E; float:right; text-decoration:none; margin-bottom:5px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ruther a{ color:#353E0E;  text-decoration:none; }
.ruther a:hover{ color:#353E0E;  text-decoration:underline; }


/*  */

.randomcls a{  color:#383707; text-decoration:none; }
.randomcls a:hover{  color:#383707; text-decoration:underline; }
