html {
  padding: 0;
  overflow : auto;
}

a { text-decoration: none; }
a:link { color:#006600; }
a:visited {color:#006600; }
a:active  {color:#006600; }
a:hover   {
  color:#006600;
  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: poppins;
  font-weight : normal;
  font-size: 10pt;
}
.header0 {
  background-image: linear-gradient(black,green);
  height: 120px;
}
sup, sub {
  color:#D90606;
}
.header1 {
  padding: 6px;
  /* background:url(img/template_01.jpg) no-repeat; */
  height: 80px;
}
.headerImg{
margin-top:5px;
width:100%;
}
.headerTitle{
	padding-top:10px;
  color: white;
  font-size: 2em;
}
img {
  border: 0;
}

.buttons{
  background:url(img/butt.gif) repeat;
  padding:2px 5px;
  border-bottom:#254692 1px solid;
  border-right:#254692 1px solid;
  border-top:#EBF1FC 1px solid;
  border-left:#EBF1FC 1px solid;
  color:#FFFFFF;
  font-size:14px;
  cursor:pointer;
  -moz-border-radius:6px;
}

.menu {
  font-family : poppins;
  background: #FFF;
  font-size : 12pt;
  clear: both;
}
.menuitem {
  border : 1px solid silver;
  padding: 4px 6px;
    -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;

}
.menuaktif {
  border : 1px solid silver;
  background : transparent url(img/menuBG.gif) top repeat;
  padding: 4px 6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;

}
.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:#000000;
  /*border-bottom: 1px solid #DDD;*/
  font-weight: 300;
}
.WaktuServer { 
  position: relative;
  float: right;
  font-size: 1em;
  color: #006600;;
}
.NamaLogin {
  position: relative;
  float: right;
  font-size: 1em;
  color: black;
}
.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 }

.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: poppins;
  /*border: 1px dotted silver;*/
  background-color: #b7ffc8;
  box-shadow: 0 10px 10px 10px rgba(0,0,0, .20);
  border-radius: 15px;
}
.bsc {
  font-size: 1em;
  font-family:poppins;
}

.bsc1 {
  font-size: 1.1em;
  font-family:poppins;
  position:absolute;
  top:230px;
  left:50px;
  right:50px;
}

.bsc3 {
  font-size: 1em;
  font-family:poppins;
  position:absolute;
  left:50px;
  top:0;
  right:50px;
  bottom:20px;
}
.drag{
	position: relative;
	cursor: move;
	margin: auto;
	background-color: white;
	text-align: center;
	font-size: 10pt; /* needed for cloned object */
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	width: 87px;
}
.ttl {
	background:url(img/headBG.gif) repeat bottom;
  border-bottom:#17539B 1px solid;
  border-right:#17539B 1px solid;
  /* background: transparent url(img/side_block_bg.gif) repeat scroll; */
  color: white;
  padding:8px 0px;
}
.lbl {
  width: 100px;
  /*float: left;
  display: block; */
  font-size: 0.9em;
  color: maroon;
  border-bottom: 1px dotted maroon;
}
.inp {
  font-size: 0.9em;
  font-weight: bold;
  color:#555555;
  text-align: right;
  /*background-color: rgb(240,240,200);*/
  /*background: transparent url(themes/default/img/header/panel_08.gif) scroll repeat-x; */
  background: #b7ffc8;
  border-bottom: 1px dotted silver;
  padding: 4px;
}
.inpx {
  font-size: 0.9em;
  font-weight: bold;
  color: #006600;
  background: white;
  border-bottom: 1px dotted silver;
  padding: 4px;
}
.inp1 {
  /*background : url(img/bot_bg.jpg) repeat-x scroll;*/
  background:#D8EBFA;
  border-bottom: 1px solid silver;
  padding: 4px;
}
.inp2 {
  background-color:green;
  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 silver;
  border-right: 1px dotted silver;
  padding: 4px;
}
.ul1 {
  border: none;
    background: transparent;
    outline: none;

}
.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:#DFDFDF;
  color:#000000;
  border-bottom: 1px dotted silver;
}
.cnaN {
  background-color: white;
  color: black;
  border-bottom: 1px dotted silver;
}
.cnnY {
  background: lightYellow;
  color: black;
  border-bottom: 1px solid silver;
}
.cnnN {
  background-color: white;
  color: black;
  border-bottom: 1px solid silver;
}
.wrn {
  background-color:#66FF66;
  color:#1B5F18;
  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;
}
.bottomspace{
	width:100%;
	height:30px;
}
.footer {
  clear: both;
  text-align: center;
  padding: 4px;
  background-color:#003800;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  bottom:0px;
  position:fixed;
  width:100%;
  color:white;
}


#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;	}
}
/* buat css kalender */

.cals {
font-family:Arial, Helvetica, sans-serif;
font-size:20;
font-weight:bold;
border:#85AFDE 1px solid;
}

.cals th{
background-color:#A2BAE8;
font-size:20px;
color:#FFFFFF;
padding:5px 0px;
}

.cals td{
border:#85AFDE 1px solid;
}

.calsDays{
background-color:#BDD7F2;
color:#2E528D;
font-size:14px;
padding:5px;

}
.calsHoliday{
padding:20px 0px;
background-color:#D20000;
color:#FFFFFF;
}

.calsNormal{
padding:20px 0px;
}

.calsEmpty{
background-color:#A2BAE8;
}

.calsUTS{
padding:20px 0px;
background-color:#C58C23;
color:#FFFFFF;
}

.calsUAS{
padding:20px 0px;
background-color:#8CD7DD;
color:#FFFFFF;
}