/* start HEADER - TOP */
.logo {
position:relative;
margin-top:-39px;
z-index:1;
}

#frmlogin {
width:265px;
height:85px;
background:url(../img/bg_login.png) no-repeat;
position:relative;
z-index:99;
}

#username, #password, #code, .code_img, #login {
background:none;
border:none;
height:24px;
position:absolute;
color:#000;
}

#username {
width:92px;
left:21px;
top:5px;
padding:0 5px;
}

#password {
width:92px;
left:21px;
top:38px;
padding:0 5px;
}

#code {
width:49px;
left:132px;
top:5px;
padding:0 5px;
}

.code_img {
top:5px;
left:190px;
}

#login {
width:89px;
height:24px;
left:132px;
top:39px;
cursor:pointer;

-moz-border-radius:100%;
-o-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
}

.lupapass, .daftar {
display:block;
position:absolute;
height:10px;
}

.lupapass {
width:91px;
top:68px;
left:22px;
}

.daftar {
width:37px;
left:126px;
top:68px;
}

.bgtopnav {
background:url(../img/bgtopnav.png) no-repeat;
position:relative;
margin-top:0px;
z-index:0;
}

.bgtopnav td {
background:url(../img/batasnav.png) no-repeat center left;
}

.bgtopnav td a {
display:block;
height:45px;
font-size:12px;
line-height:45px;
color:#f4cc82;
margin:0 2.5em;
}

.bgtopnav td:first-child a {
padding-left:0;
padding-left:5px;
}

.bgtopnav td a:hover {
color:#fff;
}

.bgtopnav td:first-child {
background:none;
}

.bgtopnav td:last-child a {
margin-right:0;
}


/* ------------------>>> end FORM LOGIN */

.runningtext {
background:url(../img/runningtext.png) no-repeat;
height:33px;
line-height:40px;
padding:0 10px 0 40px;
}

.runningtext_content {
font-size:12px;
color:#fff;
}