.headerTitle{
	padding-top:10px;
  color: white;
  font-size: 2em;
}
img {
  border: 0;
}

.buttons2{
  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 : tahoma, helvetica, sans-serif;
  background: #FFF;
  font-size : 10pt;
  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;
}
.JudulKecil {
  font-size: 1.4em;
  text-align: center;
  padding: 2px;
  color:#666666;
  margin-top: 10px;
  border-bottom: 1px solid #DDD;
}
.Judul {
  font-size: 2em;
  text-align: center;
  padding: 2px;
  color:#666666;
  border-bottom: 1px solid #DDD;
  margin-bottom: 10px;
}
.WaktuServer { 
  position: relative;
  float: right;
  font-size: 0.9em;
  color: #06659F;;
}
.WaktuServer-Tutup{
  border-right: 1px solid #D3D3D3;
  padding-right: 10px;
}
.NamaLogin {
  position: relative;
  float: right;
  font-size: 0.9em;
  color: silver;
}
.aDirectory {
  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-table {
  font-size: 1em;
  font-family: sans-serif;
  border: 1px solid silver;
  background-color: white;
}
.bsc {
  font-size: 1em;
}
.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: #EEEEEE;
  border-bottom: 1px dotted silver;
  padding: 4px;
}
.inpline {
  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: #EEEEEE;
  border-bottom: 1px dotted silver;
  padding: 2px;
}
.log {
  font-size: 0.9em;
  font-weight: bold;
  color:#FFFFFF;
  text-align: right;
  /*background-color: rgb(240,240,200);*/
  /*background: transparent url(themes/default/img/header/panel_08.gif) scroll repeat-x; */
 
  
  padding: 4px;
}
.lg {
  font-size: 0.9em;
  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: #EEEEEE; */
  clip: rect(auto, auto, auto, 1900px);
  padding: 4px;
}
.number{
text-align: right;	
}
.icon-table{
vertical-align: middle;	
text-align: center;
}
.inpx {
  font-size: 0.9em;
  font-weight: bold;
  color: #06659F;
  background: white;
  border-bottom: 1px dotted silver;
  padding: 4px;
}
hr{
margin-bottom: 10px;
}
.title-perenca {
font-size: 11px;
padding: 4px;
background-color: #dce9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -moz-linear-gradient(top, #ebf3fc, #88F188);
background-image: -ms-linear-gradient(top, #ebf3fc, #08630E);
background-image: -o-linear-gradient(top, #ebf3fc, #08630E);
background-image: linear-gradient(top, #ebf3fc, #08630E);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.title-ic{
font-size: 13px;
padding: 7px;
background-color: #f99355;
background-image: -webkit-gradient(linear, left top, left bottom, from(#face98), to(#eba069));
background-image: -webkit-linear-gradient(top, #face98, #eba069);
background-image: -moz-linear-gradient(top, #face98, #eba069);
background-image: -ms-linear-gradient(top, #face98, #eba069);
background-image: -o-linear-gradient(top, #face98, #eba069);
background-image: linear-gradient(top, #face98, #eba069);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0 1px 0 rgba(255,255,255,.5);	
}
.inp1 {
  /*background : url(img/bot_bg.jpg) repeat-x scroll;*/
  background:#D8EBFA;
  border-bottom: 1px solid silver;
  text-align: right;
  padding: 2px;
}
.inp2 {
	background: #E6FFDF none repeat scroll 0 0;
	color: #6EA85F;
}
.inp3{
  	background: #E6F8FF;
	color: #548DA5;
}
.inp4{
  	background: #FBF7F0;
	color: #8e754f;
}
.inp5{
  background-color: #f5f5f5;
  color: #262626;
}
.inp6{
  background-color : #f8b3fb;
}
.nac {
  background-color : #DEDEDE;
  border-bottom: 1px solid silver;
  color : black;
  padding: 1px;
}
.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-bottom: 1px dotted silver;
  padding: 4px;
}
.ul2 {
  border-bottom: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  padding: 4px;
}
.ul3 {
  background: #f49b59;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 4px;
}
.perencanaan {
  background: #e8f9f8;
  border-bottom: 1px dotted #afafaf;
  padding: 2px;
}
.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;
}
.title-tra {
  background-color: #dce9f9;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  font-size: 15px;
  border-bottom: 1px dotted silver;
  border-right: 1px dotted silver;
  text-align: center;
  padding: 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:#AAD8F9;
  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: transparent url(img/bot_bg.jpg) repeat-x scroll;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  bottom:0px;
  position:fixed;
  width:100%;
}


#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;
}

.title-eror{
font-size: 13px;
padding: 7px;
background-color: #db2802;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a91f01), to(#a42202));
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
color: #f0df0f;
}
select{
	min-width: 100px;
}


/*M.A.K*/
.rowspan{
  border-bottom: 0px dotted silver;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.border-button{
	border-bottom: 1px solid #aaaaaa;
}
.level1 {
  font-weight: bold;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.level2 {
	font-weight: bold;
  	background-color: #aacaf0;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.level3 {
	font-weight: bold;
  	background-color: #c7d9f8;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.level4 {
	font-weight: bold;
  	background-color: #e0eafc;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.level5 {
	font-weight: bold;
  	background-color: #eff5fe;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
.level6 {
	font-weight: bold;
  	background-color: #fbfdff;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 4px;
}
/*Perencanaan*/
.no-per{
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  background: #EEEEEE;
  padding: 4px;	
}
.gan {
  border-bottom: 1px dotted silver;
  border-right: 1px dotted silver;
  padding: 2px;
}
.gen {
  background: #e9fecb;
  border-bottom: 1px dotted silver;
  border-right: 1px dotted silver;
  padding: 2px;
}
.ganjil {
  border-bottom: 1px solid #aaaaaa;
  padding: 4px;
}
.genap {
  background: #f9e29d;
  border-bottom: 1px solid #aaaaaa;
  padding: 4px;
}

.suc {
  background: #d2fc9a;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.err {
  background: #fdbcac;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
.realisasi{
  background: #fff9c4;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

.absensi {
  font-size: 1em;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 2px;
}
.mak {
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

.perencanan {
  border-bottom: 1px solid #aaaaaa;
}
.perencanan-th {
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

.title-r{
font-size: 13px;
padding: 1px;
background-color: #dce9f9;
background-image: -webkit-gradient(linear, left bottom, from(#ebf3fc), to(#dce9f9));
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
border-right: 1px solid #8c8c8c;
border-bottom: 1px solid #afafaf;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.box-r{
	border: 1px solid #8c8c8c;
}

.dibawah80 {
  	border-bottom: 1px solid #aaaaaa;
  	border-right: 1px solid #aaaaaa;
}
.diatas80 {
  	border-bottom: 1px solid #aaaaaa;
  	border-right: 1px solid #aaaaaa;
  	background-color: #f9f8bb;
	background-image: -webkit-gradient(linear, left bottom, from(#f9f8bb), to(#f9f3b7));
}

.grand {
  font-weight: bold;
  background-color: #fbfdff;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  font-size: 14px;
  padding: 4px;
}


.title-level{
	font-size: 13px;
	padding: 7px;
	background-color: #fbf8b5;
	background-image: -webkit-gradient(linear, left bottom, from(#ebf3fc), to(#dce9f9));
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}