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

.sidecontact {
padding:0px 0 0 0;
position:fixed;
top:30%;
right:0px;
cursor:pointer;
z-index:99;

-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}

.sidecontact:hover {
}

.sidecontact ul, .sidecontact li {
margin:0; padding:0; list-style:none;
}

.sidecontact li.phone, .sidecontact li.bbm, .sidecontact li.ym, .sidecontact li.line {
width:58px;
height:50px;
position:relative;
margin-bottom:5px;
}

.sidecontact li.ym a {
color:#fff;
}

.sidecontact li.phone {
background:url(../images/phone.png) no-repeat;
}

.sidecontact li.bbm {
background:url(../images/bbm.png) no-repeat;
}

.sidecontact li.ym {
background:url(../images/ym.png) no-repeat;
}

.sidecontact li.line {
background:url(../images/line.png) no-repeat;
}

.sidecontact li div {
width:164px;
height:50px;
background:url(../images/bgsidecontact.png) no-repeat;
color:#fff;
padding-right:10px;
padding-top:3px;
position:absolute;
text-align:right;
right:0;
top:1px;

-moz-opacity:0;
-o-opacity:0;
-webkit-opacity:0;
opacity:0;

-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}

.sidecontact li:hover div {
right:60px;

-moz-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
opacity:1;
}

.sidecontact li div span {
display:block;
color:#fbec75;
text-decoration:underline;
}

/* ------------------>>> start FORM REGISTER */
/* ------------------>>> end FORM REGISTER */


/* ------------------>>> start FORM LOGIN */
#frmlogin {
width:249px;
height:84px;
margin-top:10px;
background:url(../images/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:102px;
left:4px;
top:20px;
padding:0 5px;
}

#password {
width:102px;
left:4px;
top:56px;
padding:0 5px;
}

#code {
width:53px;
left:126px;
top:20px;
padding:0 5px;
}

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

#login {
width:121px;
height:26px;
left:126px;
top:20px;
cursor:pointer;
}

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

.lupapass {
width:90px;
top:3px;
left:44px;
}

.daftar {
width:35px;
left:3px;
top:2px;
}

.bgtopnav {
position:relative;
margin-top:-2px;
z-index:0;
}

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

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

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

.bgtopnav td a:hover {
text-shadow:0 0 5px #ffffbe;
}

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

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


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

.runningtext {
background:url(../images/runningtext.png) no-repeat;
width:813px;
height:26px;
line-height:26px;
padding:0 10px 0 58px;
margin:0 auto;
}

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

/* end HEADER - TOP */

#slideshow {
width:960px;
height:227px;
border:1px solid #f4cc82;
overflow:hidden;
margin-top:25px;

-moz-border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

.contentslideshow img {
-moz-border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}