#header{
width:100%;
margin-bottom:20px;
}
#header #header-atas{
width:100%;
background-color:#1a1a1a;
height:85px;
}
#header #header-atas #header-atas-kiri{
width:400px;
height:85px;
float:left;
}
#header #header-atas #logo{
text-indent:-100000px;
width:100%;
height:100%;
background:#1a1a1a url("../images/logo/logoFN.png") no-repeat left center;
}
#header #header-atas #header-atas-kanan{
float:right;
height:85px;
}
#header #header-atas #header-atas-kanan .icon-shared{
float:left;
line-height:85px;
}
#header #header-atas #header-atas-kanan .icon-shared span.share{
color:#848484;
float:left;
margin-right:10px;
}
#header #header-atas #header-atas-kanan .icon-shared .googleplus,
#header #header-atas #header-atas-kanan .icon-shared .facebook,
#header #header-atas #header-atas-kanan .icon-shared .twitter,
#header #header-atas #header-atas-kanan .icon-shared .home,
#header #header-atas #header-atas-kanan .icon-shared .pesan,
#header #header-atas #header-atas-kanan .icon-shared .logout{
float:left;
margin:25px 5px 0 0;
width:32px;
height:32px;
background-image:url(../images/icon2014/32/iconhead.png);
background-repeat:no-repeat;
cursor:pointer;
position:relative;
}
#header #header-atas #header-atas-kanan .icon-shared .googleplus:hover{background-position:0 -32px;}
#header #header-atas #header-atas-kanan .icon-shared .googleplus{background-position:0 0;}
#header #header-atas #header-atas-kanan .icon-shared .facebook:hover{background-position:-32px -32px;}
#header #header-atas #header-atas-kanan .icon-shared .facebook{background-position:-32px 0;}
#header #header-atas #header-atas-kanan .icon-shared .twitter:hover{background-position:-64px -32px;}
#header #header-atas #header-atas-kanan .icon-shared .twitter{background-position:-64px 0;}
#header #header-atas #header-atas-kanan .icon-shared .home:hover{background-position:-64px -32px;}
#header #header-atas #header-atas-kanan .icon-shared .home{background-position:-64px 0;}
#header #header-atas #header-atas-kanan .icon-shared .pesan:hover{background-position:-96px -32px;}
#header #header-atas #header-atas-kanan .icon-shared .pesan{background-position:-96px 0;}
#header #header-atas #header-atas-kanan .icon-shared .logout:hover{background-position:-128px -32px;}
#header #header-atas #header-atas-kanan .icon-shared .logout{background-position:-128px 0;}

#header #header-atas #header-atas-kanan .icon-shared .pesan .angkapesan{
position: absolute;
top: -6px;
right: -3px;
float: none;
margin: 0px;
line-height: 1em;
background-color: #C03437;
color: #FFF;
padding: 2px;
border-radius: 3px;
}
#header #header-atas #header-atas-kanan .divfotoprofil{
float: left;
height: 55px;
width: 75px;
margin: 15px 0 15px 15px;
background-color: #333;
cursor:pointer;
}
#header #header-atas #header-atas-kanan .divfotoprofil .foto-profil{
float:left;
}
#header #header-atas #header-atas-kanan .divfotoprofil .foto-profil img{
width:55px;
height:55px;
}
#header #header-atas #header-atas-kanan .divfotoprofil .downbutton{
cursor:pointer;
float: right;
width: 20px;
height: 55px;
}
#header #header-atas #header-atas-kanan .divfotoprofil .downbutton span.downarrow{
background-position:left top;	
}
#header #header-atas #header-atas-kanan .divfotoprofil .downbutton span.toparrow{
background-position:left bottom;
}
#header #header-atas #header-atas-kanan .divfotoprofil .downbutton span{
background-image:url("../images/icon2014/iconarrow.png");
background-repeat:no-repeat;
width:20px;
height:20px;
display: block;
margin-top: 20px;
}
#header #divpengaturan{
background-color:#333333;
color:#b3b3b3;
padding:50px 10px 50px;
}
#divpengaturan .ppengaturan select {
padding: 3px;
}
#divpengaturan .ppengaturan select.full {
width: 300px;
}
#divpengaturan .menupengaturan{
float: left;
width: 19%;
color: #FFF;
font-size: 16px;
}
#divpengaturan .menupengaturan ul{
list-style:none;
}
#divpengaturan .menupengaturan ul li{
margin-bottom: 10px;
cursor: pointer;
line-height: 20px;
}
#divpengaturan .menupengaturan ul li:hover span,
#divpengaturan .menupengaturan ul li.active span {
border-bottom: 2px solid #e23a37;
}
#divpengaturan .errmsg{
float: left;
margin: 0 0 20px;
color: #E23A37;
}
#divpengaturan #isipengaturan{
float:right;
width:80%;
height: auto !important;
}
#divpengaturan #isipengaturan .loader{
margin-top:25px;
text-align:center;
}
#divpengaturan .ppengaturan #frow{
width:100%;
float:left;
}
#divpengaturan .ppengaturan #frow #fth {
width: 50%;
float: left;
}
#divpengaturan .ppengaturan #frow #fth label {
display: block;
font-size: 16px;
color: #FFF;
}
#divpengaturan .ppengaturan #frow #fth span {
font-size: 90%;
font-style: italic;
}
#divpengaturan .ppengaturan #frow #ftd {
float: right;
}
#divpengaturan #divpref {
margin: 10px 30px 20px;
}
#divpengaturan #divpref  #fth label {
color: #B3B3B3 !important;
}
#divpengaturan .btnabu,
#divpengaturan .btnsimpan,
#divpengaturan .btnbatal{
border:none;
height:32px;
width:100px;
cursor:pointer;
color:#FFF;
outline:none;
}
#divpengaturan .btnabu{
background-color:#4D4D4D;
}
#divpengaturan .btnsimpan{
background-color:#48887B;
}
#divpengaturan .btnbatal{
background-color:#e23a37;
}
.pprofil{
width:100%;
}
.pprofil h2{
display: block;
font-size: 16px;
/*font-weight:normal;*/
color: #FFF;
margin-bottom:10px;
}
.pprofil #kanan h3{
font-size: 16px;
color: #FFF;
font-weight: inherit;
text-align: left;
margin-left: 10px;
}
.pprofil #kiri{
float:left;
width:48%;
}
.pprofil #kanan{
float:right;
width:48%;
}
.pprofil #frow{
width:100%;
float:left;
margin-bottom: 10px;
}
.pprofil #frow #fth {
width: 35%;
float: left;
}
.pprofil #frow #fth label {
display: block;
color: #FFF;
line-height: 25px;
}
.pprofil #frow #fth span {
font-size: 90%;
font-style: italic;
color: #B3B3B3 !important;
}
.pprofil #frow #ftd {
float: right;
width:65%;
text-align:right;
}
.pprofil #frow #ftd input[type="text"],
.pprofil #frow #ftd input[type="password"]{
width:90%;
padding:3px 5px;
}
.pprofil #frow #ftd select.full{
width:95%;
}
.pprofil #frow #ftd select{
padding:3px;
}
.pprofil #frow #ftd select#bulan {
width: 125px;
}
.pprofil #frow #ftd textarea.noresize{
resize: none;
}
.pprofil #frow #ftd textarea{
width: 90%;
height: 100px;
padding: 3px 5px;
}
.pprofil .pp{
width:100%;
float: left;
position:relative;
margin-bottom:20px;
}
.pprofil .pp .divimgpp{
float:left;
}
.pprofil .pp .divbtnpp{
float:right;
position:absolute;
right:0;
bottom:0;
}
.pprofil .fc .divimgfc{
width:100%;
}
.pprofil .fc .divbtnfc{
text-align:right;
margin-top:10px;
}
.garis {
border-top: 1px solid #666;
padding-bottom: 10px;
}
.palat{
overflow: hidden;
}
.palat h2{
display: block;
font-size: 16px;
color: #FFF;
margin-bottom:10px;
}
.palat #kiri{
float:left;
width:48%;
}
.palat #kanan{
float:right;
width:48%;
}
.palat .icondelete{
background-image: url(/images/icon2014/icontempatsampah.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 25px;
text-indent: -99999px;
}
.palat .alatnya{
width: 100%;
margin-bottom: 20px;
float: left;
}
.palat .alatnya .btnalat{
float:left;
}
.palat .alatnya .inputanlen,
.palat .alatnya .inputankam{
display:none;
}
.palat .alatnya .inputankam input[type="text"],
.palat .alatnya .inputanlen input[type="text"]{
margin: 0 10px;
width: 200px;
}
.palat .resSearch{
width: 220px;
margin: 10px 0 0 110px;
background-color: #666;
}
.palat .resSearch ul#listSearch{
display:none;
list-style: none;
overflow: scroll;
height: 200px;
}
.palat .resSearch ul#listSearch li{
line-height:20px;
padding:2px 5px;
}
.palat .btnnya{
margin:10px 0 0 110px;
}
.palat table {
color: #FFF;
font-size: inherit;
width: 100%;
}
.palat table th,
.palat table td{
padding:3px;
}
.pverid{
width:100%;
}
.pverid #kiri{
float:left;
width:50%;
}
.pverid #kiri img{
width:90%;
height:auto;
}
.pverid #kanan{
float:right;
width:50%;
}
.pverid #kanan p#keterangan{
margin:0 0 20px;
}
.pverid #kanan p#ketfile{
display:inline-block;
}

.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
font-size: 20px;
direction: ltr;
cursor: pointer;
}
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #F5F5F5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #BBB;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-bottom-color: #A2A2A2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-success {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5BB75B;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
background-image: -webkit-linear-gradient(top, #62C462, #51A351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62C462, #51A351);
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51A351 #51A351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.fileinput-button {
position: relative;
overflow: hidden;
width: 70px;
margin-right:30px;
display:inline-block;
}



#header #header-atas #header-atas-kanan .login,
#header #header-atas #header-atas-kanan .daftar,
#header #header-atas #header-atas-kanan .ltutup,
#header #header-atas #header-atas-kanan .dtutup{
border:none;
height:32px;
width:60px;
cursor:pointer;
color:#FFF;
margin:25px 0 0;
outline:none;
}
#header #header-atas #header-atas-kanan .login:hover,
#header #header-atas #header-atas-kanan .ltutup:hover{
background-color:#444;
}
#header #header-atas #header-atas-kanan .login,
#header #header-atas #header-atas-kanan .ltutup{
margin-left:20px;
background-color:#333;
}
#header #header-atas #header-atas-kanan .daftar:hover,
#header #header-atas #header-atas-kanan .dtutup:hover{
background-color:#57A695;
}
#header #header-atas #header-atas-kanan .daftar,
#header #header-atas #header-atas-kanan .dtutup{
background-color:#48887B;
}

#header #logindaftar{
width:100%;
background-color:#333333;
color:#848484;
}
#header #logindaftar .divlogin{
float:left;
margin:15px 0;
width:35%;
}
#header #logindaftar .divlogin h2,
#header #logindaftar .divdaftar h2{
font-size:14px;
color:#FFF;
font-weight:normal;
margin-bottom:15px;
}
#header #logindaftar .formInput{
width:250px;
}
#header #logindaftar .divdaftar{
float:right;
width:60%;
margin:15px 0 30px;
}
#header #logindaftar .divdaftar .divform{
clear:both;
}
#header #logindaftar .divdaftar .formInput{
float:left;
}
#header #logindaftar .divdaftar .divform .formKet{
font-size:11px;
line-height:15px;
float:left;
width:300px;
}
#header #logindaftar .divdaftar .divform .formKet img{
margin-right:5px;
float: left;
}
#header #header-bawah{
background-color:#4d4d4d;
height:40px;
}
#header #header-bawah #header-bawah-cari{
float:left;

}
#header #header-bawah #header-bawah-cari #formcariatas{
margin:6px 0;
}
#header #header-bawah #header-bawah-cari #formcariatas .s{
float:left;
height: 28px;
width: 120px;
border: none;
background-color: #666;
color: #FFF;
padding: 0 10px;
}
#header #header-bawah #header-bawah-cari #formcariatas .b{
float:left;
border:none;
cursor:pointer;
background-color:#808080;
width:28px;
height:28px;
background-image: url(../images/icon2014/iconsearch.png);
background-size: 28px 28px;
background-position: center;
}
#header #header-bawah #header-bawah-menu{
float:right;
color:#e2e2e2;
}
#header #header-bawah #header-bawah-menu ul{
list-style:none;
}
#header #header-bawah #header-bawah-menu ul li{
float:left;
margin-left:20px;
font-size:15px;
display:block;
line-height:40px;
position:relative;
}
#header #header-bawah #header-bawah-menu ul li a:hover{
color:#FFF;
}
#header #header-bawah #header-bawah-menu ul li a{
color:#CCC;
text-decoration:none;
display: block;
}
#header #header-bawah #header-bawah-menu ul li.menuadmin{
cursor: pointer;
background-color: #7E7E7E;
line-height: 25px !important;
margin-top: 7px;
padding: 0 0 0 8px;
}
#header #header-bawah #header-bawah-menu ul li.upload {
cursor: pointer;
background-color: #7E7E7E;
line-height: 25px !important;
margin-top: 7px;
padding: 0 0 0 8px;
}
#header #header-bawah #header-bawah-menu ul li.menuadmin span.toparrow
#header #header-bawah #header-bawah-menu ul li.upload span.toparrow {
background-position:left bottom;
}
#header #header-bawah #header-bawah-menu ul li.menuadmin span,
#header #header-bawah #header-bawah-menu ul li.upload span {
background-image: url("../images/icon2014/iconarrow2.png");
background-repeat: no-repeat;
background-position: left top;
margin-left: 8px;
border-left: 1px solid #757575;
float: right;
width: 20px;
height: 20px;
margin-top: 3px;
display: block;
}
#header-bawah-menu ul li.upload ul {
right: 0;
left:auto;
}
#header-bawah-menu ul li ul {
position:absolute;
left: 0;
right:auto;
top: 33px;
z-index: 9999;
display:none;
}
#header-bawah-menu ul li ul li:hover{
background-color: #4D4D4D;
} 

#header-bawah-menu ul li ul li {
background-color: #7E7E7E;
width: 150px;
text-align: left;
padding: 0 10px;
border-bottom: 1px solid #757575;
margin-left:0px !important;
}