body{
    background: url(../images/bg_dotted.png);
}

/* setting font */
.font-13{
  font-size: 13pt;
}
.font-12{
  font-size: 12pt;
}
.font-11{
  font-size: 10pt;
}
.font-10{
  font-size: 10pt;
}
.font-9{
  font-size: 9pt;
}
.font-8{
  font-size: 8pt;
}

#header, #main, #footer {
    margin: 5px auto;
    width: 1000px;
    border: 1px solid;
    border-color: lightblue;
    font-family: arial;
    font-size: 13px;
    background: #ffffff;
}
#header{
    background: none;
    border: none;
    padding: 0px;
    width: 1020px;
}
#main{
    padding: 10px;
}
#footer{
    padding: 5px 10px 5px 10px;
    font-size: 9pt;
}
#stat{
  float: right;
}

#menu{
  margin-bottom: 2px;
}


a.list,a.list:hover{
    text-decoration: none;
    color: black;
}

#loader{
  background: url('../images/loader.gif') no-repeat #FFFFFF;
  height: 20px;
  padding: 0 10px 0 80px;
  color: #797979;
  z-index: 9999;
  position: fixed;
  top: 97%;
  right: 5px;
  display: none;
}
.f_title{
  margin: 0 5px 10px 0;
  text-align:right;
}
.frm_gray{
  background: #F4F4F4;
  border: 1px solid gray;
  padding: 10px;
}
#h_table{
  padding: 10px;
  text-align:center;
}
#katakunci{
  font-size: 24px;
  height: 38px;
  padding: 4px 5px 0 5px;
}

.merah{
  background: #FFCCCC;
}
.hfoto{
  width:195px;
  background: #C0C0C0;
  text-align: center;
  font-weight: bold;
  padding: 3px;
  margin: 0 0 3px 0;  
}
.table th.center{
  text-align: center;
}
.table th.right{
  text-align: right;
}
.table td.center{
  text-align: center;
}
.table td.right{
  text-align: right;
}

}