body{
    margin:0;
    padding:0;
    font-family: sans-serif;
    font-size: 14px;
}

div, span, ul, ol, li, p, center{
    margin:0;
    padding:0;
}

#clear, .clear, #break, .break{
    clear:both;
}

#outFull{
    margin:0;
    padding:0;
    position: relative;
}

#out{
    position: relative;
    margin: 0;
    padding:0;
    width: 1024px;
    text-align: left;
}
#isi{
 text-align: left;
 margin: 10pt
}

/*Title Page
----------------------------------------------------------------------------------------*/
h1.titlePage{
    background: ;
    margin:0;
    background: ;
    font-size: 17px;
    font-family: "Trebuchet MS";
    border-bottom: 2px solid grey;
    color: #666666;
}

/*PageNav
----------------------------------------------------------------------------------------*/
#pgNav{
    border: 0px solid grey;
    padding: 5pt;
    background: ;
    position: relative;
    clear: both;
}
#pgNav #btn{
    border-radius: 5pt;
    float: left;
    padding: 2pt;
}
#pgNav a{
    padding: 5pt;
    border-radius: 5pt;
    float: left;
    background: #79A6D2;
    margin: 2pt;
    color: #CC0000;
    text-decoration: none;
}

/*formAll
----------------------------------------------------------------------------------------*/
#formAll{
 margin: 5pt;
 float: left;
}
#input{
    margin:5pt;
    padding:5pt ;
    border: 1px solid grey; 
    font-weight :  ;
    border-radius: 3pt;
    background: #AADDF3;
}
#input label{  
    color: #000066;
    font-size: 17px;
    font-weight :  ;
    border-radius: 3pt;
    background: #AADDF3;
}
input.g{
    font-family:fantasy ;
    padding:2pt; ;
    color:#FFFFFF;
    width: 60px;
    background: #321F7A;
    border-radius:2pt;
    border: 0;
    cursor: pointer;
}
#err, .err{
    color: #FF0000;
    font-family:  "Comic Sans MS";
    font-size: 12px;
}

/* Table Hover
------------------------------------------------------------------------------*/
table.list{  margin-top:0pt;border-bottom: 2px solid #006699; margin-top: 10pt; margin-bottom: 10pt; }
table.list tr td{padding: 5pt; }
tr.head td{background: #FFFF99;font-weight: bolder;font-size: 13px; color: #006699;padding: 5pt; }
.tr td{background: #E2E2C7}
td a.listHover:hover{ color: #CC0000; font-weight: bold;}


/*loginAdmin
----------------------------------------------------------------------------------------*/
#loginAdmin{
 float: left;
 background: #C9C9C9;
 margin: 5pt;
}
#loginAdmin div{
    margin:5pt;
    border: 0px solid grey;
    color: #9999CC;
}
#loginAdmin div input{
    color: #9999CC;
    font-family: cursive;
}

#loginAdmin div *{
  font-family: fantasy;

}
.small, #smal{
    font-size: 10px;
}

/* Aktif Tab Admin
------------------------------------------------------------------------------*/
.aktif-tab{
  font-weight: bold;
  background: #474747;
}



/* Form Cari */
ul.ul-form-mobile {
  background: #FFFF66; border: 1px solid grey; float: left;
  clear: both; margin:0;padding: 0;
  margin-bottom: 10pt;
}
ul.ul-form-mobile li{
  list-style: none; float: left;
  background:  ;
  margin: 0pt;
  padding: 3pt;
}
.table-form-mobile { background: #B7E774; }
.table-form-mobile tr td {
  color:  ;
  padding: 5pt; font-size: 15px;
  }

.btn{

/*
  background: #00CC33;
  color:#FFFF00 ;
  */
}

/* LoginForm
----------------------------------------------------------------------------------------*/
#login-form{
  margin-top:30%;
  border-radius : 3pt;
  padding: 8pt;
  background: #07213C;
  color : #DBDBDB;
}
#login-form h1{ border-bottom: 1px solid #FFFFFF; text-align: center; }
#login-form p{ margin-bottom: 10pt; }
#login-form div#err  { margin-top:0; }