html {
  padding: 0;
  overflow : auto;
}

a { text-decoration: none; }
a:link { color: darkred; }
a:visited {color: darkred; }
a:active  {color: darkred; }
a:hover   {
  color: darkred;
  text-decoration: underline;
  font-weight: normal;
}

BODY {
  color: #333333;
  /*margin: 2px 2px 2px 2px;*/
  margin: 0;
  padding: 0 0 0 0;
  width: auto;
  font-family: sans-serif;
  font-weight : normal;
  font-size: 9pt;
}
.header0 {
  background:url(img/template_02.gif) repeat; 
  height: 80px
}
sup, sub {
  color: teal;
}
.header1 {
  padding: 6px;
  /* background:url(img/template_01.jpg) no-repeat; */
  height: 80px;
  color: white;
  font-size: 2em;
}
img {
  border: 0;
}

.menu {
  font-family : tahoma, helvetica, sans-serif;
  background: #FFF;
  font-size : 10pt;
  clear: both;
}
.menuitem {
  border : 1px solid silver;
  padding: 4px;
}
.menuaktif {
  border : 1px solid silver;
  background : #EAAA99;
  padding: 4px;
}
.menuaktif a {
  color: white;
}
.JudulBesar {
  clear: both;
  text-align: center;
  font-size: 3em;
  font-family: tahoma, helvetica, sans-serif;
  color: gray;
}
.Judul {
  font-size: 2em;
  text-align: center;
  padding: 2px;
  color: darkred;
  border-bottom: 1px solid #DDD;
}
.NamaLogin {
  position: relative;
  float: right;
  font-size: 0.9em;
  color: silver;
}
.MenuDirectory {
  position: relative;
  float: left;
  font-size: 0.9em;
  color: silver;
}
.isi {
  position: relative;
  clear: both;
  padding: 1px;
  /*height: 76%;*/
  /*overflow: auto;*/
  /*overflow-x: hidden;*/
}
td, th { padding: 2pt }

.box00 {
  padding: 10px;
  color:#000033; 
  background-color: white;
  border: 6px solid gray;
  layer-background-color:#cccccc;
  position:absolute; 
  z-index:99;
  visibility:hidden;
  overflow: auto;
}
.box0 {
  padding: 10px;
  color:#000033; 
  background-color: white;
  border: 6px solid gray;
  layer-background-color:#cccccc;
  position:absolute; 
  top:40px; 
  left:40px; 
  width:600px; 
  height:400px;
  z-index:99;
  visibility:hidden;
  overflow: auto;
}
.box1 {
  padding: 4px;
  color:#000033; 
  background-color: white;
  border: 6px solid gray;
  layer-background-color:#cccccc;
  position:absolute; 
  top:20px; 
  left:10px; 
  width:760px; 
  height:500px;
  z-index:99;
  visibility:hidden;
  overflow: auto;
}
.box {
  font-size: 1em;
  font-family: sans-serif;
  border: 1px dotted silver;
  background-color: white;
}
.bsc {
  font-size: 1em;
}
.ttl {
  border-bottom : 1px solid gray;
  border-right: 1px solid gray;
  /* background: transparent url(img/side_block_bg.gif) repeat scroll; */
  background: gray;
  color: white;
}
.lbl {
  width: 100px;
  /*float: left;
  display: block; */
  font-size: 0.9em;
  color: maroon;
  border-bottom: 1px dotted maroon;
}
.inp {
  font-size: 0.9em;
  color: black;
  text-align: right;
  /*background-color: rgb(240,240,200);*/
  /*background: transparent url(themes/default/img/header/panel_08.gif) scroll repeat-x; */
  background: #EAAA99;
  border-bottom: 1px solid silver;
  padding: 4px;
}
.inp1 {
  font-size: 0.9em;
  /*background : url(img/bot_bg.jpg) repeat-x scroll;*/
  background: #EEDDEE;
  border-bottom: 1px solid silver;
  padding: 4px;
}
.inp2 {
  background-color: #DDBDDD;
  padding: 4px;
}
.inp3{
  background-color : rgb(255,255,204);
  border-bottom: 1px solid #DDD;
  padding: 4px;
}
.inp4{
  background-color : rgb(204,204,255);
  border-bottom: 1px solid #DDD;
  padding: 4px;
}
.nac {
  background-color : #DEDEDE;
  border-bottom: 1px solid silver;
  color : black;
  padding: 4px;
}
.hdr {
  background-color : white;
  border-top: 2px solid silver;
  border-bottom: 1px solid silver;
  font-weight: bold;
}
.ul {
  border-bottom: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  padding: 4px;
}
.ul1 {
  border-bottom: 1px dotted #ddd;
  padding: 4px;
}
.oke {
  background: #66FF66;
  border-bottom: 1px solid #ddd;
}
.kolkir {
  border-right: 1px solid silver;
  padding: 0 4px 0 0;
}
.kolkan {
  padding: 0 0 0 4px;
}
.cnaY {
  background-color: rgb(240, 240, 200);
  color: gray;
  border-bottom: 1px dotted silver;
}
.cnaN {
  background-color: white;
  color: black;
  border-bottom: 1px dotted silver;
}
.cnnY {
  background: yellow;
  color: black;
  border-bottom: 1px solid silver;
}
.cnnN {
  background-color: white;
  color: black;
  border-bottom: 1px solid silver;
}
.wrn {
  background-color: #990000;
  color: #FFF;
  padding: 4px;
}
.kiri {
  width: 150px;
  float: left;
}
.submenu {
  font-size: 0.8em;
  clear: both;
  display: block;
}
.bagian_kiri {
  float: left;
  width: 15em;
  padding-right: 4px;
}
.footer {
  clear: both;
  text-align: center;
  padding: 4px;
  background: transparent url(img/bot_bg.jpg) repeat-x scroll;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.tabOL {
  clear: both;
  border-bottom: 1px solid #DDD;
  height: 26px;
  width: 600px;
}
.tabAktif {
  float: left;
  display: block;
  width: 140px;
  height: 20px;
  border-top: 4px solid teal;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid white;
  padding: 1px;
}
.tabItem {
  float: left;
  display: block;
  width: 140px;
  height: 20px;
  border-top: 4px solid #DDD;
  border-left: 1px solid white;
  border-right: 1px solid white;
  padding: 1px;
  background-color: #EEE;
}


#JT_arrow_left {
background-image:url(images/arrow_left.gif);
background-position:left top;
background-repeat:no-repeat;
height:23px;
left:-12px;
position:absolute;
top:-3px;
width:10px;
z-index:101;
}
#JT_arrow_right {
background-image:url(images/arrow_right.gif);
background-position:left top;
background-repeat:no-repeat;
height:23px;
position:absolute;
top:-2px;
width:11px;
z-index:101;
}
#JT {
background-color:#FFFFFF;
border:2px solid #CCCCCC;
position:absolute;
z-index:100;
}
#JT_copy {
color:#333333;
padding:10px;
}
.JT_loader {
background-image:url(images/loader.gif);
background-position:center;
background-repeat:no-repeat;
height:12px;
width:100%;
}
#JT_close_left {
background-color:#CCCCCC;
font-weight:bold;
padding-bottom:5px;
padding-left:8px;
padding-top:2px;
text-align:left;
}
#JT_close_right {
background-color:#CCCCCC;
font-weight:bold;
padding-bottom:5px;
padding-left:8px;
padding-top:2px;
text-align:left;
}
#JT_copy p {
margin:3px 0pt;
}
#JT_copy img {
border:1px solid #CCCCCC;
padding:1px;
}
.jTip {
cursor:help;
}


@media print {
.noprint {display: none;}
.JudulBesar {
  clear: both;
  text-align: center;
  font-size: 3em;
  font-family: Times;
  color: gray;
  display : none;
}
.NamaLogin {
  float: right;
  font-size: 0.8em;
  color: gray;
  display : none;
}
.MenuDirectory {
  float: left;
  font-size: 0.8em;
  color: gray;
  display : none;
}
.menudropdown {
  clear: both;
  font-family : sans, tahoma;
  font-size : 1em;
  height: 1.2em;
  float: left;
  position: relative;
  display : none;
}
.footer {
  display:none;
}

thead	{display: table-header-group;	}
tfoot	{display: table-footer-group;	}

}