/* -------------- */
.errdiv {
  margin-bottom: 20px;
}

.errdiv ul
{
  margin-left: 20px;
  padding: 0px;  
}
.errdiv ul   li
{
  margin: 0;
  padding: 0;
  color: red;
  height: 22px;
  font-size: smaller;
}

.floatClear {
    clear: both;
}

#hwrapper {
    text-align: left;
    position: relative;
    
    height: 30px;
}

#hwrapper .line {
    border-bottom: 1px solid #ccc;
    position: absolute;
    width: 100%;
    top: 15px;
}

#hwrapper .textbox {
    position: absolute;
    width: 100%;
    font-style: italic;
    font-weight: bold;
}

#hwrapper .textbox .text {
    background-color: white;
    margin: 0px auto;
    padding: 0px 5px;
    text-align: left;
    display: inline;
    
}

#frm input[type="text"], input[type="password"],select {
    width: 320px;
}
#frm textarea {
    width: 320px;
    background-color: white;
}

#tabel {
padding:0px;
}

#tabel tr.head {
height:20px;
background:#d1d1d1;
}
#tabel tr.head td{
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    background: #efefef;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    color: #4f6b72;
    font-weight:bold;
}
#tabel tr.head td.depan, tr.isi td.depan{
border-left: 1px solid #d1d1d1;
}
#tabel tr.isi td{
border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    color: #4f6b72;
}
.table_border_bottom{
border-bottom: 1px solid #d1d1d1;   
}
.gridpages
{
  list-style-type: none;
  padding: 5px;
  border: 1px;
  
}
.gridpages li
{
  
  border: 1px;
  display: inline;
  border: 1px solid;
  margin: 1px;
  height: 50px;
  width: 30px;
}
.gridpages li a {
  display: inline-block;
  height: 30px;
  width: 25px;  
  margin: 0px;
}
.gridpages li span {
  display: inline-block;
  height: 30px;
  width: 25px;
  font-weight: bold;  
}
/* -------------- */