@font-face {
  font-family: "Century Gothic";
  src: url(../fonts/CenturyGothic.ttf);
}
* { font-family:"Century Gothic"; font-size:11px;}
.lbl {  font-size:13px }
.lblBold {  font-size:12px; font-weight:bold }
.body {  font-size:80%; }
.tbB {  font-size:14px; }
.tbS {  font-size:10px; }
.tbDPPU {  font-size:9px; }
.h3 { font-size:120%; }
.tomFlt { width:60px; }
.tomStd { width:120px; height:28px; }
.tomStd2 { width:100px; height:24px; }
.tomStd3 { width:80px; height:28px; }

.tomStdFormInput { width:60px; height:28px; }
.tomLbr { width:160px; height:28px; }
.tomKcl { width :80px;}
.tomKcl2 { width :60px;}
.textNa { background-color:#FFFFFF; width:155px; border-style:solid; border-color:#7F9DB9; border-width:thin; }
.textRO { background-color:#FFFFFF; cursor:pointer; width:155px; border-style:solid; border-color:#7F9DB9; border-width:thin; }
.textRO2 { background-color:#FFFFFF; cursor:pointer; width:75px; border-style:solid; border-color:#7F9DB9; border-width:thin; }
.textRO3 { background-color:#FFFFFF; cursor:pointer; width:300px; border-style:solid; border-color:#7F9DB9; border-width:thin; }
.textBuff { display:none; }
.textHidd { visibility:hidden; }
.tdLeft { padding-left:3px; text-align:left; }
.tdRight { padding-right:3px; text-align:right; }
/*.aw-grid-row 		{ border-bottom: 1px dashed #555 }
.aw-grid-cell 		{ border-right: 1px dashed #555}
.aw-alternate-even	{ background: #fff; }
.aw-alternate-odd 	{ background: #CCFFCC; }
.aw-mouseover-row 	{ background: #DDD; }
.aw-grid-headers  	{ font-weight: bold }*/
.aw-grid-row { border-bottom: 1px solid #ccc }
.aw-grid-cell { border-right: 1px solid #ccc }
.aw-alternate-even { background: #fff; }
.aw-alternate-odd { background: #eee; }
.aw-mouseover-row { background: #aaa; color:#FF0000 }
.aw-grid-headers { font-weight: bold }
.aw-grid-row { height:22px;}
/* report */
.wrapper { width:700px; margin:auto;  font-size:14px; }
.alldist { width:700px; height:auto; float:left; }
.hd { width:700px; height:auto; float:left; }
.hd h3 { text-align:center; }
.hd2 { width:180px; height:28px; font-weight:bold; float:left; }
.hd3 { width:160px; height:28px; font-weight:bold; float:left; }
.allam { width:700px; height:auto; float:left; }
.allspv { width:520px; height:auto; float:left; }
.allmr { width:340px; height:auto; float:left; }
.am, .spv, .mr { width:180px; float:left; }
.cd { width:110px; float:left; text-align:right; margin-right:50px; }
.tot { width:180px; float:left; font-weight:bold; padding-left:360px; padding-top:5px; padding-bottom:10px; }
.totV { width:110px; float:left; font-weight:bold; text-align:right; padding-right:50px; padding-top:5px; padding-bottom:10px; }
.space { width:700px; float:left; }
/* form */
.fcont { width:600px;  font-size:14px; }
.ftr { width:600px; float:left; }
.ftd1 { width:100px; float:left; margin-top:2px; }
.ftd2 { width:10px; float:left; }
.ftd3 { width:310px; float:left; }
.ftd4 { width:180px; float:left; }
.ftd5 { width:490px; float:left; }
/* list */

.listcont { width:500px;  font-size:14px; }
.listtr { width:500px; height:25px; float:left; }
.listtd1 { width:100px; height:25px; float:left; padding-top:3px; }
.listtd2 { width:400px; height:25px; float:left; }
/* input */

.logincont { margin:auto; width:322px; margin-top:150px; }
.logintr { width:322px; float:left; background-color:#FFFFFF; }
.cornupl { width:11px; height:11px; float:left; background-image: url(../image/corn1.png); }
.cornupm { height:11px; float:left; background-image: url(../image/atas.png); }
.cornupr { width:11px; height:11px; float:left; background-image: url(../image/corn2.png); }
.mainl { width:11px; float:left; background-image: url(../image/kirigaris.png); }
.mainm { float:left; text-align:center;  font-size:18px; font-weight:bold; margin-top:5px; background-color:#FFFFFF; }
.mainr { width:11px; float:left; background-image: url(../image/kanangaris.png); }
.corndwl { width:11px; height:11px; float:left; background-image: url(../image/corn3.png); }
.corndwm { height:11px; float:left; background-image: url(../image/bawah.png); }
.corndwr { width:11px; height:11px; float:left; background-image: url(../image/corn4.png); }
.usercont { width:272px; margin:auto; margin-top:12px;  font-size:16px; font-weight:bold; }
.usertr { width:272px; float:left; }
.usertdl { width: 90px; height:25px; float:left; text-align:left; }
.usertdr { width:182px; height:25px; float:left; text-align:left; }
.passcont { margin:auto; width:352px; margin-top:150px; }
.passtr { width:352px; float:left; background-color:#FFFFFF; }
.passcontu { width:328px; margin:auto; margin-top:12px;  font-size:12px; font-weight:bold; }
.passtru { width:328px; float:left; }
.passtdl { width:150px; height:22px; float:left; text-align:left; margin-top:3px; }
.passtdr { width:180px; height:25px; float:left; text-align:left; }
.roundIt { border: solid 1px #bcbbbb;
			-webkit-border-radius: 0.5em;
			-moz-border-radius: 0.5em; 
			border-radius: 0.5em; 
			outline:none;
			padding: 2px 2px 2px 2px;}
.shadowIt { -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); }
.roundShadow1 { background: #fff; padding: 6px 6px 6px 8px; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 0.5em; -moz-border-radius: 1em; border-radius: 0.5em; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); }
.roundShadow2 { display: inline-block; zoom: 1; /* ie7 hack for display:inline-block */ *display: inline;
border: solid 1px #d2d2d2; padding: 3px 5px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); box-shadow: 0 1px 0px rgba(0, 0, 0, .1); background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
 -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.roundShadow3 { color: #fff; border: solid 1px #494949; padding:2px 2px 2px 2px; font-size: 11px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .6); -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
	
}

/* Page Numbers */
#linkHal {
 /*font: 83%/1.4 arial, helvetica, sans-serif;
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;*/
	padding: 0.2em;
    margin: 0.4em 0;
}

#linkHal a, #linkHal span {
	color:#003366;
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

#linkHal span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

#linkHal a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
	cursor:pointer;
}

#linkHal a:hover {
    border-color: #2E6AB1;
}

#linkHal a.nextprev {
    font-weight: bold;
}

#linkHal span.nextprev {
    color: #666;
}

#linkHal span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

#linkHal .nextprev-next {
    float: right;
}
.logHeader { 
color: #fff;
position:relative;
margin-left: auto;
margin-right: auto;
margin-top:80px;
text-indent:10px;
top:45px;
left:-8;
padding:10px 10px 10px 15px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 1); 
/*-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em; */
background:#990000; 
/*background: -webkit-gradient(linear, left top, left bottom, from(#C72007), to(#454545)); 
background: -moz-linear-gradient(top, #C72007, #C75555);  
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C72007', endColorstr='#454545'); 
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C72007', endColorstr='#454545'); */
max-width: 334px;
z-index:10;
text-align:left;
}
.logHeader:after {	
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:0px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 0px 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#3d0000 transparent transparent; 
}
.logBody { 
color: #000;
position:relative;
margin-left: auto;
margin-right: auto;
padding:60px 10 10 10;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000; 
-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em;
max-width: 320px;
-moz-box-shadow:    0px 0px 3px 1px #333;
-webkit-box-shadow: 0px 0px 3px 1px #333;
box-shadow:         0px 0px 3px 1px #333;

  background: #3a3e46;
  background-clip: padding-box;
  border: 1px solid #EEE;
  border-bottom-color: #FFF;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #3a3e46, #000000);
  background-image: -moz-radial-gradient(cover, #3a3e46, #000000);
  background-image: -o-radial-gradient(cover, #3a3e46, #000000);
  background-image: radial-gradient(cover, #3a3e46, #000000);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
	
}

.theBtn{height:28px;width:120px;
background: -webkit-linear-gradient(#d0e1fe, #96b8ed); 
background: -o-linear-gradient(#d0e1fe, #96b8ed); 
background: -moz-linear-gradient(#d0e1fe, #96b8ed); 
background: linear-gradient(#d0e1fe, #96b8ed); 
font-family:"Century Gothic"; font-size:14px; font-weight:bold; 
color: #092f9b;
text-shadow: 0 1px 0 #6297f8;
text-align:center;
border: solid 1px #333;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
cursor:pointer;

}	
.theBtn:hover{
background: -webkit-linear-gradient(#6297f8, #0440ee); 
background: -o-linear-gradient(#6297f8, #0440ee); 
background: -moz-linear-gradient(#6297f8, #0440ee); 
background: linear-gradient(#6297f8, #0440ee); 	
	}
.theBtn:active{
	background:#0440ee;
	color:#FFF;
	}	
.theTxt{ 
  
  display: block;
  width: 94%;
  height: 28px;
  margin-bottom: 5px;
  padding: 0 5px;
  color: white;
  text-shadow: 0 1px black;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
 }	
.theTxt:focus{ outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
   color: white;  text-shadow:none;
  }  
.Uid{background:url(../img/user.png) no-repeat scroll right center #2b3e5d;
  float:left;}
.Pass{background:url(../img/pass.png) no-repeat scroll right center #2b3e5d;
  float:left;}
 .Pass2{background:#2b3e5d;
  float:left;} 
.sembunyi{display:none;}

.aw-alternate-even {background: #ffdba1;}
.aw-alternate-odd {background: #c1ff98;}
.aw-mouseover-row {background: #DDD;} 
 label.error {
           color: red; padding-left: .5em;
       }
#loading {color: black; background-color:#F00 ; padding: 5px auto; font:'Century Gothic'; font-size:14px;position:relative;
 z-index:1000;top:50px; }	   
 /*RESPONSIVE*/
/* Jika berukuran 980px atau kurang*/

@media screen and (max-width:980px) {
	.logHeader {margin-top:60px;}
	}
/* Jika berukuran 700px atau kurang*/

@media screen and (max-width:700px) {.logHeader {margin-top:40px;}}
/* Jika berukuran 480px atau kurang*/

@media screen and (max-width:480px) {.logHeader {margin-top:20px;}}

.ui-datepicker-month{color:#333 !important;}
.ui-datepicker-year{color:#333 !important;}
.clsDatePicker {
    z-index: 100000 !important;
}