*{color:#35353D;font-family:"lucida grande", tahoma, verdana, arial, sans-serif}
body,form,img{margin:0;padding:0}
body{background:#f2f2f2}
div#header{background:#1B5790 url(headers.png) no-repeat top right;height:75px}
div#header #sitename{font-weight:700;margin:0 30px;text-shadow:0 1px 0 #000,1px 2px 2px #aaa}
div#header div#sitename #sitelogo{float:left;margin-right:10px;margin-top:2px}
div#header div#sitename #sitetitle{color:#fff;font-size:22px}
div#header div#sitename #sitemoto{color:#FF0;font-size:10px}
div#header #mainmenu{float:clear;margin:0 30px;position:absolute;top:50px}
div#header #mainmenu ul.topnav{float:left;list-style:none;margin:0;padding:0}
div#header #mainmenu ul.topnav li{float:left;margin:0;padding:0 15px 0 0;position:relative}
div#header #mainmenu ul.topnav li a{color:#F6F6DD;cursor:pointer;display:block;float:left;font-weight:700;padding:6px 5px 6px 0;text-decoration:none}
div#header #mainmenu ul.subnav li a:hover{background:#F8F0A1;color:#35353D}
div#header #mainmenu ul.topnav li span{background:url(popup.png) no-repeat center bottom;float:left;height:17px;width:10px}
div#header #mainmenu ul.topnav li span.subhover{background-position:center bottom;cursor:pointer}
div#header #mainmenu ul.topnav li ul.subnav{background:#fff;border:1px solid gray;display:none;float:left;left:0;list-style:none;margin:0;padding:0;position:absolute;top:25px;width:170px}
div#header #mainmenu ul.topnav li ul.subnav li{clear:both;margin:0;padding:0;width:170px}
div#header #mainmenu ul.topnav li ul.subnav li a{color:#35353D;cursor:pointer;float:left;font-weight:400;padding-left:10px;width:155px}
div#header #addon{color:#fff;font-weight:700;position:absolute;right:30px;text-shadow:0 1px 0 #000,1px 2px 2px #aaa;top:54px}
div#pagec{background:#F9CC29;border-bottom:1px outset gray;border-top:1px inset gray;color:#F9CC29;margin:0;padding:4px 30px 4px 20px}
div#pagec div#pagetitle{background:url(page.png) no-repeat 10px;color:#3E3E3D;font-weight:700;padding-left:28px}
div#content{background:#fff;border-bottom:1px solid #B0B0B3;border-left:1px solid #B0B0B3;border-right:1px solid #B0B0B3;margin:0 30px 20px;min-height:450px;padding:10px}
div#bonggulo{background:#F2F2F2;border-bottom:1px dashed #D8D7DC;margin:-10px -10px 7px;padding:4px}
.errormsg,.infomsg{color:#333;display:block;font-size:11px;margin:5px auto;padding:2px;width:99%}
.errormsg{background-color:#ffebe8;border:1px solid #dd3c10}
.infomsg{background-color:#fff9d7;border:1px solid #e2c822}
table#data{border-collapse:collapse}
table#data tr{height:24px}
table#data th{background:#1B5790;border-bottom:solid 2px #FFF;border-left:1px solid #BEDFFD;color:#FFF;height:27px;padding-left:6px;padding-right:6px;text-align:left;text-transform:uppercase}
table#data td{border-bottom:solid 1px #fff;border-left:1px solid #FFF}
table#data tr.rownew{background-color:#EFF48E}
table#data tr.rowfree{background-color:#E8D3F0}
table#data tr.rowgenap{background-color:#efefef}
table#data tr.rowganjil{background-color:#F8F8F8}
table#data tr.rowoff td.today,table#data tr.rowgenap td.today,table#data tr.rowganjil td.today{background-color:#D6E4E4}
table#data tr.rowgenap td.hasreject,table#data tr.rowganjil td.hasreject{background-color:#FFCFDE}
table#data tr.rowoff:hover td.today,table#data tr.rowgenap:hover td.today,table#data tr.rowganjil:hover td.today,table#data tr.rowgenap:hover td.hasreject,table#data tr.rowganjil:hover td.hasreject{background-color:#DEF5A4}
table#data tr.rowmark,table#data tr.rownew:hover,table#data tr.rowoff:hover,table#data tr.rowfree:hover,table#data tr.rowgenap:hover,table#data tr.rowganjil:hover{background-color:#D4F0F9}
table#data tr.rowgenap td,table#data tr.rowganjil td,table#data tr.rownew td,table#data tr.rowoff td,table#data tr.rowfree td{padding-left:6px;padding-right:6px}
table#data a#add,table#data a#edit,table#data a#delete,table#data a#orang,table#data a#offline,table#data a#ok,table#data a#warning,table#data a#reaktif,table#data a#date,table#data a#people,table#data a#logout,table#data a#password,table#data a#relasi,table#data a#book,table#data a#hp,table#data a#printer,table#data a#blank{cursor:pointer;display:block;float:left;height:16px;margin-left:2px;margin-right:2px;width:16px}
table#data a#add{background:url(btn.png) no-repeat 0 -36px}
table#data a#edit{background:url(btn.png) no-repeat 0 -54px}
table#data a#delete{background:url(btn.png) no-repeat 0 -72px}
table#data a#ok{background:url(btn.png) no-repeat 0 -90px}
table#data a#warning{background:url(btn.png) no-repeat 0 -108px}
table#data a#reaktif{background:url(btn.png) no-repeat 0 -126px}
table#data a#date{background:url(btn.png) no-repeat 0 -144px}
table#data a#people{background:url(btn.png) no-repeat 0 -162px}
table#data a#logout{background:url(btn.png) no-repeat 0 -180px}
table#data a#password{background:url(btn.png) no-repeat 0 -198px}
table#data a#orang{background:url(btn.png) no-repeat 0 0}
table#data a#offline{background:url(btn.png) no-repeat 0 -18px}
table#data a#relasi{background:url(btn.png) no-repeat 0 -216px}
table#data a#hp{background:url(btn.png) no-repeat 0 -252px}
table#data a#printer{background:url(btn.png) no-repeat 0 -270px}
table#data a#book{background:url(btn.png) no-repeat 0 -234px}
a#paging1,a#paging2,a#paging3,a#paging4{color:red;cursor:pointer;font-weight:700}
textarea{border:1px solid #BABCBD}
select,input[type=checkbox],input[type=radio]{cursor:pointer}
input[type=text],input[type=password]{padding:0 2px}
input[type=text],input[type=password],select{border:1px solid #BABCBD;height:21px}
select,input[readonly]{background-color:#F7F7F7}
select optgroup{font-style:normal}
select option:disabled{background-color:#F6E2DB;color:gray}
input[type=button],input[type=reset],input[type=submit]{background:url(fbgray.png) repeat-x;border-color:gray;border-style:solid;border-width:1px;color:#484A44;cursor:pointer;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-weight:400;margin:0 2px 0 0;padding:1px 6px;text-decoration:none}
form table b{color:#807F99}
table#form{-moz-border-radius:3px;-webkit-border-radius:3px;background:-webkit-gradient(linear,left bottom,left top,from(#ffffff),to(#F5F5F5));background:-moz-linear-gradient(top,#ffffff,#F5F5F5);background:-o-linear-gradient(top,#ffffff,#F5F5F5);border:1px solid #ddd;border-bottom:1px solid #aaa;border-radius:3px;padding:3px}
div#forminfo{color:#1A79B4}
table#groupinfo tr td{color:#BDBFB9;text-align:right}
h1.judul{color:#4C5BE8;font-size:12px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 0 #B0B0A7,1px 2px 2px #aaa;text-transform:uppercase}
div#mastertab{background:#F2F2F2;border-bottom:1px dashed #D8D7DC;display:block;height:15px;margin:-10px -10px 8px;padding:5px 10px}
a.taboff{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#AFD2F0;border:1px solid #0e1f5b;border-radius:4px;color:#4F4F4B;cursor:pointer;margin-bottom:3px;margin-right:5px;padding:0 3px;text-decoration:none}
a.taboff:hover{color:#0704C1}
a.tabon{-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:url(fbgray.png) repeat-x;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;font-weight:700;margin-bottom:3px;margin-right:5px;padding:0 3px;text-decoration:none}
div#frontleft{float:left;width:200px}
div#frontright{margin-left:210px}
div#frontpage{padding:5px}
div#frontbox #title{background:url(fbgray.png);border:1px outset #352B22;border-bottom:0;color:#595959;font-size:12px;font-weight:700;margin:0;padding:2px 5px}
div#frontbox div#frontpage{border:1px outset #352B22}
div#frontbox div#frontpage.login{background:#E9E9F1}
div#frontbox div#frontpage.situs{border:1px outset #352B22;text-align:center}
div#frontbox div#frontpage.situs a{color:blue;text-decoration:underline}
div#frontbox.kucing #frontpage{min-height:200px}
div#frontbox #frontpage.list ul,div#frontbox #frontpage.listnews ul{margin:0;padding-left:24px}
div#frontbox #frontpage.list li,div#frontbox #frontpage.listnews li{list-style-image:url(hprodi.png);margin:3px 0;padding:1px 3px}
div#frontbox #frontpage.list a,div#frontbox #frontpage.listnews a{cursor:pointer;vertical-align:top}
div#frontbox #frontpage.list li:hover,div#frontbox #frontpage.listnews li:hover{background:#D4EDFA}
div#frontbox #frontpage.listnews li{list-style-image:url(news.png)}
div#frontbox #frontpage.listnews div{color:#9B9BA2}
div#frontleft .txtlogin{width:100%}
span#kw{border:1px solid #9AA6C2;font-weight:bold;padding:2 3px;margin-right:2px;font-size:12px;color:#1418EE}
input#kw{color:#57575C;font-size:12px;font-weight:700;text-align:center;width:70px}
.newstitle{color:#AA410C;font-size:14px;font-weight:700;margin:0;padding:0}
.newsby{color:green;display:block;float:left;margin-right:10px}
body,table,tr,td,div,span,input,textarea,select{font-size:11px}
table#data th:first-child,table#data td:first-child{text-align:center}
table#data tr.rowoff,table#data tr.rowmarkerr{background-color:#F2C5D3}