@charset "utf-8";
/* CSS Document */

html         { height: auto; width: auto; }
body         { background:#CFF; top left repeat-x; color: #000000; font-size:13px; font: Verdana, Geneva, sans-serif; width: auto; margin-left:5px; margin-top:5px; }

/* content */
#content         { color: #000000; font-size:13px; font: Verdana, Geneva, sans-serif; margin:10px;}

/* Menu */

.nav ul ul {
        display:none;
}
.nav ul li:hover > ul {
        display:block;
}
.nav ul {        
        font-size:16px; font:Arial;
        border-radius:5px;
        padding:0 20px;
        list-style:none;
        position:relative;
        display:inline-block;
        z-index: 1;
        background:linear-gradient(top,#efefef 0%,#FFFF00 100%);
        background:-moz-linear-gradient(top,#efefef 0%,#FFFF00 100%);
        background:-webkit-linear-gradient(top,#efefef 0%,#FFFF00 100%);
        box-shadow:0px 0px 9px rgba(0, 64, 255,15);
}
.nav ul li {
        float:left;
}
.nav ul li a {
        z-index: 1;
        padding: 5px 10px 5px 10px;
        display:block;
        color:#0000FF;
        text-decoration:none;
        
        font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.nav ul li:hover {
        background:#4b545f;
        background:linear-gradient(top,#4f5964 0%, #FF9326 40%);
        background:-moz-linear-gradient(top,#4f5964 0%, #FF9326 40%);
        background:-webkit-linear-gradient(top,#4f5964 0%, #FF9326 40%);
}
.nav ul li:hover a {
        color:#fff;
}
.nav ul li:hover > ul {margin:0px; padding:0px;}
.nav ul li:hover > ul li { float:none; display:block;}
.nav ul li:hover > ul li a { color:#0000D9; min-width:250px;}
.nav ul li:hover > ul li a:hover { color:#0000FF;}

.nav ul li { position:relative; }
.nav ul li ul { position:absolute; top:30px; left:0px;}
/* untuk sub menu ke samping */
.nav ul li ul li ul{ position:absolute; top:0px; left:270px;}

.nav ul li ul li ul li ul{ position:absolute; top:0px; left:270px;}

/* logout */
.nav ol.logout 
{
        float:right; 
        font-size:16px; font:Arial;
        border-radius:1px;
        padding:0px;
        list-style:none;
        position:relative;
        display:inline-block;
        background:linear-gradient(top,#CFF 0%,#CFF 100%);
        background:-moz-linear-gradient(top,#CFF 0%,#CFF 100%);
        background:-webkit-linear-gradient(top,#CFF 0%,#CFF 100%);
}
.nav ol.logout li:hover {
        background:#4b545f;
        background:linear-gradient(top,#4f5964 0%, #FFFF00 40%);
        background:-moz-linear-gradient(top,#4f5964 0%, #FFBF00 40%);
        background:-webkit-linear-gradient(top,#4f5964 0%, #0000FF 40%);
}

/*berpengaruh pada datepicker*/
.ui-datepicker-calendar {
        font-size:12px;
        width:50px;
}
.ui-datepicker-calendar th {
        background:#FF0 top left repeat-x;        
        color: #2ABF55;        
        
}

.ui-datepicker-calendar td {                
        font-size:12px;
}

/* padding :atas,kanan,bawah,kiri */
#tabelpantau {
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        padding: 5px;
}

#tabelpantau th, table th {
        border:1px dotted #2A5FFF;
        background-color:#2ADFAA;

}


#tabelpantau th, td {
        border:1px dotted #2A5FFF;

}
#tabelpantau .ganjil {        
        background-color: #fff;        
}
#tabelpantau .genap {        
        background-color: #9FF;
        color: #2A3F00;        
}

#tabelpantau .ganjil:hover, #tabelpantau .genap:hover {
        background-color:#AF5;
}

#tabelpantau .hvr:hover {
        background-color:#D4FF55;
}


.fancyTable td, .fancyTable th {
        /* appearance */
        border:1px dotted #2A5FFF;
        
        /* size */
        padding: 5px;
        }
        
.fancyTable  tbody tr.ganjil:hover
{
        background-color:#AF5;
}

.fancyTable .hvr:hover {
        background-color:#D4FF55;
}
        
.fancyTable {
        /* text */
        font-family:Verdana, Geneva, sans-serif;
        }

.fancyTable tbody tr td {
        /* appearance */
        background-color: #9FF;
        color: #2A3F00;
        }

.fancyTable tbody tr.odd td {        
        background-color: #fff;        
        }
        
.fancyTable tbody tr:hover td {
        /* appearance */
        background-color: #AF5;
        }

.fancyTable thead tr th ,
.fancyTable thead tr td
{
        /* appearance */
        background-color: #2ADFAA;
        
        /* text */
        color: #121517;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 0 1px 1px #e8ebee;
        }
.heighttable {
        height: 80%;
        overflow-x: auto;
        overflow-y: auto;
}
/* tabel input block bottom */
#tabelinputbb  {
        background-color:#4CFFFF;
}

#tabelinputbb  .space{
        padding-left:10px;
}

#tabelinputbb  .label{
        text-align:right;
        padding-left : 10px;
        background:-moz-linear-gradient(top,#efefef 100%,#bbbbbb 100%);
}

#tabelinputbb  .labelinput{
        text-align:right;
        padding-left : 10px;
        background:#FFFF73;
}

#tabelinputbb  .buttoninpt{
        margin-top:10px;
        border:solid 2px #B38600;
        background-color:#FFCC99;
        font-weight:bold;
}
.exportlap {
    background:-moz-linear-gradient(top,#efefef 100%,#bbbbbb 100%);
}

.exportlap:hover {    
    background:linear-gradient(top,mistyrose 0%, #FFFF00 40%);
    background:-moz-linear-gradient(top,mistyrose 0%, #FFBF00 40%);
    background:-webkit-linear-gradient(top,mistyrose 0%, #0000FF 40%);
}