body { 
    font-family: helvetica,arial;
    background-color:#FFFFFF;
}
a {
    cursor: pointer;
    color:#333333;
    text-decoration: none;
    font-family: sans-serif;
}

.jdlpgs {
 padding: 4px;
 background-color: #f4f4f4;
 border-bottom: #CCCCCC solid 1px;
}
/* Bagian tombol */
.bartmblbg {
    background-image: url(../img/bar_gra.png);
    background-repeat: repeat-x;
}
.bartmbl {
    font-family: helvetica;
    float: left;
    height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 1px;
}
.bartmbl a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #999999;
}
.bartmbl a:hover {
        color: #000;
        text-decoration: none;
}

/* border */
.brdijo { border-color:#99CC00; border-style: solid; border-width: 1px; }
.brdabu {border-color:#999999;border-style:solid;border-width:1px;  }
.comment_ruang { width:300px; overflow:auto; font-size:12px; }
.comment_rep { display:none; margin-bottom:10px;}
.tombol_profile {
    cursor:pointer;;
    color:#666666;
    font-size:12px;
    padding: 2px;
    margin-right:2px;
}

.barbawah_form {
    position:absolute;
    width:500px;
    height:300px;
    bottom:40px;
    background-color:#FFFFFF;
    border-color:#669900;
    border-style:solid;
    border-width:1px;
}
#barbawah_notes_judul {
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
    padding:2px 2px 2px 2px;
    background-color:#669900;
    height:14px;
}
#fl{ float: left;}
.fl { float: left;}
.fr { float: right;}
.f2 { font-size: 9px;}
.f2tbl { font-size: 9px; font-weight: bold;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f16 { font-size: 16px;}

.fijo {
    color: #669900;
}
#fr { float: right;}

/* form */
textarea {
    padding: 3px;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
}
input[type=text] {
    border-color:#CCCCCC;
    background-color:#f4f4f4;
    border-width:1px;
    border-style:solid;
    padding:3px 3px 3px 3px;
}

.peringatan { 
    padding:4px 4px 4px 4px;
    background-color:#FFFFCC;
    border-color:#FF9933;
    border-style:solid;
    border-width:1px;
    font-family: helvetica,sans,verdana;
}
#menudikiri {
    padding-top:0px;
    position:fixed;
    height:100%;
    float:left;
    bottom:0px;
    width:170px;
    left:0;
    border-right: #999999 solid 1px;
}
.chatkiri {
    height:20px;
    cursor:pointer;
}
.chatkiri img{
    height:18px;
    width: 18px;
    cursor:pointer;
}
#indexbar {
    padding-left:4px;
    padding-right:4px;
    padding-top:0px;
    background-image:url(../img/bg_index_bar.png);
    border:none;
    position:fixed;
    height:100%;
    float:left;
    bottom:0px;
    width:215px;
    clip:inherit;
    left:0;
}
#copyr {
    font-size:9px;
    padding-top:0px;
    border:none;
    position:fixed;
    bottom:0px;
    right:0;
    margin-top:0px;
    width:100%;
    color:#999999;
    background-color:#FFFFFF;
    height:30px;
    border-top-color:#CCCCCC;
    border-top-style:solid;
    border-top-width:1px;
    padding-right:20px;
}
#menunama {
    font-weight:bold;
    font-size:14px;
    padding-top:0px;
    border:none;
    top:0px;
    margin-top:0px;
}
#menumenu {
    font-size:12px;
    top:0px;
    margin-top:10px;
    right:0px;
    padding:2px 2px 2px 2px;
    background-image:url(../img/bg_trans_profile.png);
    
}

#fieldmotto {
    font-size: 16px;
    background: url(../img/gradasi.png) bottom repeat-x;
}

.tombolpublish:hover {border-color:#99CC00; }
.tombolberitaup { border-color:#FFFFFF; border-style:solid; border-width:1px; padding:4px 4px 4px 4px; margin-left:4px; }
.tombolberitaup:hover {border-color:#99CC00; border-style:solid; border-width:1px;}
.tabelsign input[type=text],input[type=password],select{font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#f4f4f4;border-color:#CCCCCC;border-style:solid;border-width:1px; padding:3px 3px 3px 3px;}
.tabelsign option,select{font-size:11px;background-color:#f4f4f4;border-color:#CCCCCC;border-style:solid;border-width:1px; }
.photoborder {border-style:solid;border-width:1px;border-color:#CCCCCC;padding:2px 2px 2px 2px;margin-right:4px; }
.photoborder:hover {border-color:#99CC00; }
.tabelsearch{font-size:12px;border-color:#CCCCCC;border-style:solid;border-width:1px; width: 100%; }
.tabelsearch:hover {border-color:#99CC00; }
.fotoborderluar {border-color:#CCCCCC; border-style:solid; border-width:1px; width:130px; height:130px; }
.fotoborderluar:hover { border-color:#99CC00; }
.fotoborderdlm {border:none;width:130px;overflow:hidden;height:130px; }
.fotoborderdlm img{border:none; }
.tombolprofileatas { background-color:#669900; color:#FFFFFF;  float:left; padding:3px 3px 3px 3px; margin-right:4px;}
.tombolprofileatas:hover {cursor:default; background-color:#7CB900; background-image:url(../img/p_tombol_bg_profile.png);}
.tombolprofileatas a{ color:#FFFFFF; font-weight:bold; font-size: 12px; }
.tombolprofileatas:hover a{ text-decoration:none; font-weight:bold; }
.tombolclose { float:right; margin-right:2px; width:16px; height:16px; overflow:hidden; background-image:url(../img/p_close.png); }
.tombolclose:hover { background-position:right;background-image:url(../img/p_close.png); }
.profileawal {font-size:12px;}
.profileawal label{font-weight:bold; text-decoration:underline;}
.tombolpesan { background-color:#f4f4f4; padding:2px 5px 2px 5px; float:left; border-color:#FFFFFF; border-style:solid; border-width:1px; font-weight:bold;border-color:#CCCCCC; border-style:solid; border-width:1px; font-size: 12px; }
.tombolpesan:hover { background-color:#99CC00; border-color:#CCCCCC; border-style:solid; border-width:1px; cursor:pointer; text-decoration:none;  }
.tombolpesan a{ text-decoration:none;color:#666666;font-weight:bold; font-size: 12px;  }
.tombolpesan:hover a{ text-decoration:none;color:#666666;  }
.notif_notes{font-size:13px;width:100%; }
.notif_notes a{font-size:13px;width:100%;}
.tombol_more { width:184px; height:43px; overflow:hidden; background-image:url(../img/tombol_more.png); cursor:pointer; }
.tombol_more:hover { width:184px; height:43px; overflow:hidden; background-image:url(../img/tombol_more.png); background-position:bottom; }
.foto_40x40 {  width:40px; height:40px; overflow:hidden; }
.kananflat{ float:right; cursor:pointer;}
.anotes { color:#000000;}
.comment_bg { background-image:url(../img/bg_trans_profile.png); margin-bottom:4px; }  
.box_komen { width:100%; margin-bottom:4px; margin-top:4px; float:left; }
.inbox_foto_komen { width:60px; height:60px; overflow:hidden;float:left; margin-right:3px; }
.inbox_prof { width:400px; overflow:hidden; font-size: 12px; }
.inbox_prof #tgl{ font-size:9px; font-style:italic; }
.inbox_prof #komennya{ overflow:auto; width:390px; }
#wkt { font-size: 9px; font-style: italic; color: #999999;}

#ang { float: left; height: 14px;}
.atgh { background-color: #669900; height: 14px; float: left;color: #ffffff; font-weight: bold; font-size: 11px; }
.atgh a {color: #ffffff; font-weight: bold; font-size: 9px;}

.tombol {
    background: url(../img/tombol_kecil.png) no-repeat; width: 70px; height: 24px;
    text-align: center; color: #fff; padding: 0px 0px 3px 0px;
    display: block;
    border: none;
}



#kang { float: left; background-image: url(../img/t_kang.png); height: 14px; width: 12px;}
#knang {float: left; background-image: url(../img/t_knang.png); height: 14px; width: 12px; }
.pd3 { padding: 3px;}
.imot {
    color: #413d3d;
}
.imot .wkt {
    font-size: 12px;
    font-style: italic;
    color: #CCCCCC;
}
.imot a{
    font-size: 14px;

}
.imot .bl {
    font-weight: bold;
}
.imot .info a{
    font-size: 10px;
    
}
.imot .info {
    margin-bottom: 6px;
}

.imot .info .bl {
    font-weight: bold;
    color: #999999;
}
.imot .info.komenx a{
   font-size: 12px;
}
.imot .info .bl:hover {
    font-weight: bold;
    color: #669900;
}
.imot .komentable {
    font-size: 13px;
    border: #eeeeee 1px solid;
    margin-bottom: 4px;
    background: url(../img/gradasi.png) bottom repeat-x;
    
  
}
.komentable .kisi{
    color:#669900;
}

.menuhistory {
    height: 18px;
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: 7px; 
}
.menuhistory .bb {
    height: 18px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.menuhistory .bb a {
    font-weight: bold;
}

.menukiri {
    font-size: 12px;
  
}
.menukiri .isimenu {
    width: 100%;
    
}
.menukiri .isimenu .tmbl{
    padding-left: 4px;
    margin-bottom: 2px;
    height:18px;
}


.tmbl #ang {
    float: right;
}
.tmbl.mn {
    padding-top: 4px;
}
.menukiri .isimenu .tmbl:hover{
    background-color: #E4FFB5;
   
}
.menukiri .isimenu .tmbl:hover a{
    background-color: #E4FFB5;
    color: #669900;
}
.barhal {
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:10px;
font-size: 18px;
width: 100%;
}
.infoabt {
    font-size: 11px;
}
.infoabt ul{
    margin-left: -40px;
    font-weight: bold;
}
.infoabt ul li {
    font-weight: normal;
    list-style: none;
    border-bottom:#999999 solid 1px;
}
.infoabt .jdl {
    color:#999999;
}

.infoabt a {
    font-size: 11px;
}

.ahover a {
    text-decoration: none;
}
.ahover a:hover {
    text-decoration: underline;
}