﻿#main{width:100%;text-align:center;background:url(images/bg.jpg) fixed repeat-x;margin:0 auto;padding:0}
#top{ width:100%; text-align:center; margin:0 auto; padding:0; background:#429fda }
#top_inner { width:930px; margin:0 auto; padding:0}
#isi{ width:100%; margin:0 auto; padding:0; background:#429fda url(images/bg.jpg) repeat-x bottom}
#isi_inner { width:930px; text-align:center; margin:0 auto; padding:0; background:#fff; /*box-shadow:0 0 1px 2px #eee; -moz-box-shadow:0 0 1px 2px #eee; -webkit-box-shadow:0 0 1px 2px #eee*/}
#isinya { width:100%; margin:0 auto; padding:0; text-align:justify }
#isi_kiri{ width:220px; text-align:center;float:left;margin:0 auto;padding:0}
.kiri_kotak { margin:0 0 5px 0; padding:0; border:1px solid #ccc; background:#f6f6f6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 1px #fff; -moz-box-shadow:0 0 1px #fff; -webkit-box-shadow:0 0 1px #fff}
#isi_tengah{ width:710px; text-align:center; float:left; margin:0 auto;padding:0}

#isi_kanan{ background:url(images/separator.png) top left no-repeat; width:260px; height:600px; text-align:center;float:left;margin:0 auto;padding:0; /*border:1px solid #000; -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; -moz-border-radius:10px; -webkit-border-radius:10px*/ }

#bottom{ width:100%; margin:0 auto; padding:0; text-align:center; background:#429fda }
#bottom_inner { width:930px; margin:0 auto; padding:0}
#search{width:220px;border:1px solid #ccc;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0;padding:0 5px 0 0}

.balancer{float:none;clear:both}
#banner{ text-align:center; width:100%; margin:0; padding:0}
#admin_main_inner{text-align:center;border:1px solid #acacac;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 auto;padding:3px}
#admin_main_head{text-align:center;background:url(images/header_admin.gif);height:100px;margin:0 auto;padding:0}
hr{ margin:0 0 3px 0;padding:0; /*border:1px solid #999; -moz-box-shadow:0 0 1px #ccc; -webkit-box-shadow:0 0 1px #ccc*/ }
p{margin:0 auto;padding:3px}

.copyright{font:11px tahoma;color:#fff;text-decoration:none;line-height:14px;margin:0 auto;padding:0}

.lwd{font:11px tahoma;color:#fff;text-decoration:none}
.lwd_aktif{font:13px tahoma;color:#96436e;text-decoration:none; font-weight:bold}
.placeholder{color:#5a5a5a}

.menutop1{ margin:0 auto; padding:0; font:bold 13px arial; text-transform:capitalize; text-decoration:none; color:#333 }
a.menubottom{font:normal 12px arial, calibri;color:#fff;text-decoration:none;text-transform:capitalize;line-height:25px;text-shadow:0 0 1px #aaa;margin:0 auto;padding:0 10px}
.lwd:hover,a.menubottom:hover{color:#fc3; text-decoration:none}

.caption {background:url(images/bgcap.png) repeat-x; text-align:left;
border-top-left-radius:7px; border-top-right-radius:7px; 
-moz-border-radius-topleft:7px; -moz-border-radius-topright:7px;
-webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px;
/*border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;*/
/*box-shadow:0 0 0; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0;*/
text-shadow:2px 2px 3px #ccc;margin:0 auto;padding:10px 0 0 10px; font:18px calibri, "Eras Medium ITC"; text-transform:capitalize; font-weight:bold; color:#fff; height:32px}
/*.ornamen{background:url(images/bgornamen.png) no-repeat right;width:100%;height:52px;float:right}*/
.caption1{ color:#333; font:bold 23px "Eras Medium ITC"; text-transform:capitalize; text-align:left; margin:5px 0; padding:5px 0; text-shadow:3px 3px 3px #aaa }
.caption3{color:#3a3a3a;font:18px "times new roman";font-weight:700;font-style:italic;text-transform:capitalize; text-align:left}
.trans{background:url(images/bgtrans.png) repeat-y;text-align:left;-moz-border-radius:7px;-webkit-border-radius:7px;height:480px;margin:5px 0;padding:10px}
.trans1{background:url(images/bgtrans.png) repeat-y;text-align:left;-moz-border-radius:7px;-webkit-border-radius:7px;margin:5px 0;padding:5px}
.judul_inactive{font:normal 20px "times";line-height:23px;color:#025ec3;text-transform:capitalize;text-decoration:none;text-shadow:0 0 1px #eee;margin:0 auto;padding:5px 0}
.judul{font:bold 12px Arial;line-height:17px;color:#369/*025ec3*/;text-transform:capitalize;text-decoration:none;text-shadow:0 0 1px #eee;margin:0 auto;padding:5px 0}
.judul:hover{color:#933}
.menu_admin{ margin:0 auto; padding:0 3px; font:12px arial;font-weight:700;/*line-height:20px;*/color:#3a3a3a;text-transform:capitalize;text-decoration:none; cursor:pointer}
.menu_admin:hover{color:#069; background:#fdfaca; 
	-moz-box-shadow:0 0 3px #069; -moz-border-radius:3px;
	-webkit-box-shadow:0 0 3px #069; -webkit-border-radius:3px}
.page{color:#000;text-align:center;margin:4px 0;padding:2px}
.text-page{font:13px Calibri;/*border:1px solid #cab;*/color:#3a3a3a;line-height:20px;text-decoration:none;background:#ffe;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow:0 0 2px #aaa;-webkit-box-shadow:0 0 2px #aaa;margin:2px 3px;padding:2px}
.text-page:hover{font:13px Calibri;color:#fff;/*border:1px solid #fd6701;*/line-height:20px;text-decoration:none;background:#69f;margin:2px 3px;padding:2px}
.text-page-aktif{font:13px Calibri;font-weight:700;/*border:1px solid #666;*/color:#fff;line-height:20px;text-decoration:none;background:#69f;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow:0 0 2px #aaa;-webkit-box-shadow:0 0 2px #aaa;margin:2px 3px;padding:2px}
body,table,tr,td,th,form,div,p,span{border-collapse:collapse;font:11px verdana;line-height:15px;color:#111;margin:0 auto;padding:0}
input,textarea,select,fieldset{border-collapse:collapse;border-radius:5px;text-align:left;-moz-border-radius:5px;-webkit-border-radius:5px;font:11px Verdana, Arial, Helvetica, sans-serif;line-height:17px;margin:1px auto;padding:2px}
legend{text-align:left;font:14px arial;font-style:italic;font-weight:700;text-transform:capitalize;margin:0 20px;padding:0}

.tombol{border:1px solid #b9b9b9;background:#69f/*url(images/bgbtn.png) repeat-x*/;color:#eee;font:12px arial;font-weight:700;text-transform:capitalize;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;margin:1px auto;padding:3px}
.tombol:hover{border:1px solid #999;/*background:url(images/bgbtn_hov.png) repeat-x;*/color:#fff;font-weight:700;text-decoration:none}
.tombol:disabled{background-color:#ccc;color:#fff;border:1px solid #b9b9b9;font-size:12px;font-family:tahoma;margin:1px auto;padding:1px inherit}
.input:disabled { background:#f0f0f0 }
.mordet{border:1px solid #b9b9b9;background:url(images/bgbtn_hov.png) repeat-x;color:#eee;font:11px arial;font-weight:700;text-transform:capitalize;text-decoration:none;-moz-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;margin:5px 0;padding:0 10px}

.moredetail_inactive, .moredetail_inactive:hover{color:#06f;text-decoration:none;font:11px "arial";text-transform:capitalize;font-weight:normal;line-height:17px;margin:0 auto;padding:0}
.moredetail{color:#666;text-decoration:none;font:normal 11px arial, tahoma;text-transform:capitalize;line-height:17px;margin:0 auto;padding:0}
.moredetail:hover{/*color:#c9862e;*/ color:#933}
.bold{font:13px arial;font-weight:700;text-decoration:none;line-height:17px;color:#454545}
.thin{font:13px Calibri;text-decoration:none;line-height:17px;color:#933}

#menu{margin:0 auto; padding:0; height:40px; vertical-align:middle; width:930px; text-align:center; background:url(images/bgmenu.png) repeat-x; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
.menutop{font:bold 10pt arial; color:#333; text-transform:uppercase; text-decoration:none; display:block; text-align: center; margin:3px; padding:5px 3px; text-shadow:0 0 2px #fdfaca; 
border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear}
.menutop:hover{color:#fff; display:block; text-align:center; background:#3333fe; }
.menutop_aktif{font:bold 10pt arial; color:#fff; text-transform:uppercase; text-decoration:none; display:block; text-align:center; background:#3333fe; margin:3px; padding:5px 3px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; text-shadow:0 0 2px #fdfaca}

.block{display:block;border:1px solid #fff;text-align:center}
.block:hover{display:block;border:1px solid #F90;text-align:center}
#form_errorloc, #myform_errorloc{font:11px verdana;color:#f00; /*background:#fdfaca;*/ line-height:14px;font-style:italic;text-align:left;padding:5px}
.warning{font:11px verdana;color:#f00;text-align:center;margin:0 auto;padding:2px}
.input{border:1px solid #909090;font:11px Verdana;line-height:15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:2px auto;padding:3px}
.input:hover, input:focus {border:1px solid #069; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999}
tr.blockrow td{margin:0;padding:5px 3px; height:70px}
tr.blockrow:hover td{background-color:#effffe;margin:0;padding:5px 3px}
div,img{behavior:url(iepngfix.htc);border:0}
.clock{ color:#333; font:11px tahoma; font-weight:bold}
.login{background:url(images/transparan2.png) repeat-x;width:282px;height:134px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 auto;padding:0}
#commentForm{width:500px}
#commentForm label{width:250px}
#commentForm label.error,#commentForm input.submit{margin-left:253px}
#signupForm{width:100%}
#signupForm label.error{margin-left:10px;width:auto;display:inline}
#newsletter_topics label.error{display:none;margin-left:103px}
.ui-autocomplete{max-height:100px;overflow-y:auto}
* html .ui-autocomplete{height:100px}
#result { color:#ff0000; background:#f0ffed; border:1px solid #336633; margin:2px; padding:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.input-search{border:0;font:italic 12px arial;vertical-align:middle;margin:2px;padding:0}
.news{font:11px verdana, "Trebuchet MS"; color:#333;text-align:justify;line-height:15px;margin:0 auto;padding:0}
.border, .border_inactive{border:1px solid #eee;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 0 1px #aaa;-webkit-box-shadow:0 0 1px #aaa; margin:0 5px;padding:2px}
.kotak{border:1px solid #ddd; background:#fff; text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:10px 0;padding:2px}
.border:hover,.kotak:hover{border:1px solid #f96; box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; background:#f9f9f9}
#admin_main_outer,#admin_body{text-align:center;margin:0 auto;padding:3px}
#admin_isi,#admin_isi2{text-align:center;margin:0 auto;padding:1px 0}
/*#admin_isi2{text-align:center;margin:0 auto;padding:1px 0; width:1000px}*/
ul.menu,h1,h2,h3,h4,h5,h6,h7{margin:0 auto;padding:0}
.judul_kolom{color:#069;background:url(js/jq-ui/base/images/ui-bg_glass_75_dadada_1x400.png) repeat-x /*#dafbfe*/ ;font:12px arial, "myriad pro";font-weight:700; text-transform:capitalize;text-decoration:none;line-height:22px}
.odd{background:#f0f0f0}
.even{background:#fff}
#cari{margin:0 auto;padding:3px 2px}
#topcari{background:#fff;border:1px solid #fff;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0 auto;padding:0}
.white{font:14px helvetica;font-weight:bold;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #666;text-align:left;margin:0 auto;padding:5px}
.putih{font:12px arial;color:#fff; /*line-height:10px;*/ text-decoration:none;text-align:justify;margin:0 auto;padding:0}
.date{font:12px arial;color:#fc3; line-height:16px; text-decoration:none;text-align:justify;margin:0 auto;padding:0; font-style:italic}
.kat{font:13px "Trajan Pro";color:#333;text-transform:capitalize;text-decoration:none;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 auto;padding:2px 5px}
.kat_aktif{font:13px arial;color:#333;text-transform:capitalize;text-decoration:none;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 auto;padding:2px 5px;color:#fff;background:#36A4FF;font-style:italic}
.kat:hover{color:#633;/*background:#36A4FF*/}
.kolom{font:11px verdana;color:#222;line-height:17px;text-align:left;-moz-column-count:2;-moz-column-gap:1em;-moz-column-rule:1px dotted #000;-webkit-column-count:2;-webkit-column-gap:1em;-webkit-column-rule:1px dotted #000;margin:0 auto;padding:2px 5px}
.text,label{font:11px verdana;color:#333;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px}
#loading{position:fixed;color:#FFF;background-color:red;font:13px Arial;text-align:center;padding:5px 10px}
.email, email:hover{text-decoration:none; font:normal 11px tahoma}
/*.email:hover { text-decoration:underline }*/
.garis { border-bottom:1px solid #aaa; text-align:center; margin:0 auto; padding:4px 0; width:97%}
/*#panel { height:650px }*/

/*tr.selected { background:#fbc7c7 }*/
.action a { font:11px verdana; text-decoration:none }
.action a:hover { color:#c03 }

.bgintro { background:url(images/bgintro.png) repeat-x }
.bg { background:url(images/bg.jpg) }
.col_nama { width:200px }
.col_ktrg { width:500px }
.col_img { width:60px }
.col_pub { width:80px }





