body { margin: 0; padding: 0; background: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; }
.mainwrapper { background: url(../img/bodybg.png) no-repeat center top; width: 100%; height: 100%; position: absolute; }
.loginbox { width: 620px; min-height: 300px; margin: 95px auto; background: url(../img/separator.png) no-repeat 240px center; color: #fff; }
#footer {
    background-color: #224055;
    bottom: 0;
    color: #ffffff;
    left: 0;
    margin-top: 30px;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    width: 100%;
}
.loginbox .left { float: left; margin-right: 0%; width: 42%; height:50%; }
.loginbox .left .foo { float: left; margin-right: 0%; margin-top:20px; margin-left:15px; color:#000000; text-justify:auto;  }
.loginbox .left img { margin: 50px 0 0 0px; }
.loginbox .left .img2 { margin: 10px 0 0 0px; text-align:justify; }
.loginbox .right img { margin:-10px;  }
.loginbox .right { float: left; width: 48%; margin-top:-35px }
.loginbox form { margin: 40px 0 0 10px; }
.loginform p { margin: 20px 0; }
.loginform label { display: block; color: #069; font-family: Georgia, "Times New Roman", Times, serif; }
.loginform input { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666; }
.loginform .input { -moz-box-shadow: inset 1px 1px 1px #666; -webkit-box-shadow: inset 1px 1px 1px #666; box-shadow: inset 1px 1px 1px #666; }
.loginform .input { width: 250px; padding: 8px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #CCC; }
.loginform .submitbutton  { border:none; margin-top:10px }
.loginform .remember { color: #999; font-size: 11px; margin-top:5px }
.loginform .submitbutton { float: right; margin-right: 20px;}
.loginform .remember a.txt{ color: #666; font-size: 11px; font-weight:bold; text-decoration:none;  }
.loginform .remember span.txt{ color: #666; font-size: 16px; }
.loginform .remember a.txt:hover{ color: #333;}
.loginform .notify { background: #365e6e; padding: 5px 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #fedfb3; }
.loginform .notify { font-style: italic; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 20px; }
.loginform .notify { display: none; }

a{color:#153f6f;text-decoration:none;font-weight:normal;}
a:hover{text-decoration:none;color:#3781bf;}
a.button{display:inline-block;height:28px;padding:0 0 0 3px;font-size:11px;font-weight:bold;color:#333;text-shadow:1px 1px 0 #fff;background:url(../img/_button.png) 0 0 no-repeat;white-space:nowrap;border:none;overflow:visible;cursor:pointer;text-decoration:none;margin-top:0px;}
a.button>span{display:block;height:28px;padding:1px 10px 0 8px;line-height:23px;background:url(../img/_button.png) 100% 0 no-repeat;}
a.button:hover, a.minibutton:focus{color:#fff;text-decoration:none;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);background-position:0 -35px;}
a.button:hover>span, a.minibutton:focus>span{background-position:100% -35px;}
a.button.mousedown{background-position:0 -60px;}
a.button.mousedown>span{background-position:100% -60px;}
a.signin .icon{float:left;margin:1px 0 0 -4px;width:18px;height:22px;background:url(../img/_icon.png) 0 0 no-repeat;background-position:2px 0;}
a.signin:hover .icon, a.btn-download:focus .icon{background-position:2px -25px;}
a.save .icon{float:left;margin:1px 0 0 -4px;width:18px;height:22px;background:url(../img/_icon.png) 0 0 no-repeat;background-position:-75px 0;}
a.save:hover .icon{background-position:-75px -25px;}
a.cancel .icon{float:left;margin:1px 0 0 -4px;width:18px;height:22px;background:url(../img/_icon.png) 0 0 no-repeat;background-position:-98px 0;}
a.cancel:hover .icon{background-position:-98px -25px;}
.content_luar {border: 1px solid #d9d9d9;padding: 1px;background: #fff;margin-bottom: 0px;}
.content_dalam {padding: 8px;background: url(../img/_box.jpg) repeat-x top ;  font-size: 12px;}
.content_dalam h4 { font-size: 12px; margin: 0 0 10px 0; padding: 0 0 10px 0; color: #333; background: url(../img/_divider.jpg) repeat-x bottom; font-family: Tahoma, Geneva, sans-serif;}
.content_dalam h5 { font-size: 12px; margin: 10px 0 5px 0; padding: 0 0 0px 0; color: #333;font-family: Tahoma, Geneva, sans-serif;}
.content_dalam div.judul { font-size: 12px; margin: 15px 0 5px 0; padding: 0 0 5px 0; color: #333;font-family: Tahoma, Geneva, sans-serif; border-bottom:4px inset #979797;width:100%;font-weight:bold}
span.info_{width:8px;height:12px;background-color:transparent;background-image:url(../img/_icon.png);background-repeat:no-repeat;background-attachment:scroll;background-position:-203px -1px;padding:5px;margin-right:5px}
input.numtext,input.stext, input.text, input.provinsi, input.kota, input.mtext, input.ltext, input.sstext, input.ssstext,input.dtext{height:17px;} 
.numtext:hover, .stext:hover, .sstext:hover, .ssstext:hover, input:hover, .mtext:hover,.numtext:mousedown, .stext.mousedown, .ssstext.mousedown, .text:hover, .text.mousedown, .provinsi:hover, .provinsi.mousedown, .kota:hover, .kota.mousedown{background-color:#d9e3ef;}
.numtext.wajib,.stext.wajib, .sstext.wajib, .ssstext.wajib, .ltext.wajib, .mtext.wajib, .text.wajib, .provinsi.wajib, .kota.wajib, .dtext.wajib{background-color:#edaeae;}
.stext.format, .sstext.format, .ssstext.format, .ltext.format, .mtext.format, .text.format, .dtext.format{background-color:#39C;}
.text, .provinsi, .kota{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:221px;line-height:16px;}
.stext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:121px;line-height:16px;}
.sstext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:95px;line-height:16px;}
.numtext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:35px;line-height:16px;}
.ssstext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:40px;line-height:16px;}
.mtext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:280px;line-height:16px;}
.ltext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:182px;line-height:16px;}
.dtext{background-color:#fff;border:1px solid #bdbdbd;padding:2px;font-family:Lucida Grande, Verdana, Sans-serif;font-size:11px;width:191px;line-height:16px;}
select.mtext{width:286px;}
select.text{width:227px;}