/*@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);*/
#loading-status{
   position:fixed;
   top:40%;
   right:40%;
   background-color:#FFF;
   border:3px solid #000;
   padding:5px 7px;
   border-radius:5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   z-index:3000;
   display:none;
}
body{
	background:#DBE3EB url("../images/login-bg.png") left top no-repeat;
	color:#444;
	font-family:"Calibri", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;margin:0px;
}
#head{
  color:#30302F;height:14%;
  background:#498DCE url("../images/header.jpg") no-repeat 0px 0px; padding:5px
}

#header{background-color:#000 ; padding:10px;}
#footer{margin-bottom:60px; float:left; color:#FCF900; font-size : 25px; jwidth:1176px; background-color:#000; padding:10px;}
#home{float:left; width:550px; background-color:#0000F0; padding:10px; margin-left:310px;}

/*===tambahan untuk frame, dari IBRA*/
#main{ 
	xbackground:#effff0 url(images/background-whole.jpg) 0 0 repeat-x; 
	height:96.5%; 
	xborder-bottom:solid 2px #498DCE; 
	padding:0px 0px 1px 0px;
}
.screen {
	height: 100%; 
	width: 100%; 
	margin: 0; padding: 0; 
	overflow:hidden;
}
.main-content{
	width:100%;
	height:85%;
	float:center;
	xbackground:#004027 url(images/background.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:right;
	border:solid 2px #498DCE;
	x-moz-border-radius:3px;
}
.bawah{
	height:100%;
	text-align:center; 
	padding-top:3px; 
	margin:4px 0px 0px 0px;
	color:#000000;
	font-size:11px;
	background-color:#498DCE;
 }
/*====akhir tambahan====*/

form.formular {
	padding: 10px;
	bgorder: 1px solid #666;
	width:auto;
	smargin-left:150px;
	float: center;
}
select.kombo{
	margin: 0px ;
    color: #333;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:20px;

}
/*table.khs {border-collapse:collapse;}
table.khs, th, td.khs{border: 1 px solid red}*/

table.data{
	padding: 0px;
	bsorder: 1px solid #666;
	font-size : 14px;
	wdidth:470px;
	hmargin-left:360px;
	
}
table.data tr{
	//border-bottom: 1px #666666 dashed;
	
}

table.individu{
	background:#F1F2EF;
	padding: 10px;
	xborder: 1px solid #666;
	font-size : 14px;
	wdidth:470px;
	hmargin-left:360px;	
}
table.individu td{
	padding:3px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	border-left:1px solid #666;
}


table.rekapkelas{
	padding: 10px;
	border: 1px solid #666;
	font-family:Arial;
	font-size : 12px;
	wdidth:470px;
	hmargin-left:360px;
	
}
.formular fieldset {
	background:#ECEBE9;
	margin-top: 10px;
	padding : 15px;
	align:center;
	border: 1px solid #189;
	text-salign : center;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;

}
.formular legend {
	font-size: 24px;
	color: #30302F;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}
.formular input, .formularDIGANTI select, .formular textarea {
	sdisplay : block;
	margin-bottom: 1px;
}
.formular .text-input-data {
	margin: 0px ;
    color: #333;
    width: 110px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:20px;
}
.formular .text-input-notes {
	margin: 0px ;
    color: #333;
    width: 170px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:40px;
}
.formular .text-input-data-tahun{
	margin: 0px ;
    text-align:right;
    color: #333;
    width: 40px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:20px;
}
.formular .text-input-uang{
	margin: 0px ;
	text-align:right;
    color: #000;
    width: 200px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:30px;
}
.formular .text-input-tanggal{
	margin: 0px ;
    color: #333;
    width: 110px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:20px;
}
.formular .peg_pj{
	margin: 0px ;
	text-align:left;
    color: #000;
    width: 300px;
	height: 20px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:14px;
}
.formular .peg_sd{
	margin: 0px ;
	text-align:left;
    color: #000;
    width: 150px;
	height: 20px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:14px;
}
.formular .peg_pd{
	margin: 0px ;
	text-align:left;
    color: #000;
    width: 40px;
    height: 20px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:14px;
}

.formular .skhun {
	margin: 0px ;
    color: #333;
    width: 50px;
    background-color: #FFF;
    border: 1px solid #777;
	padding:1px;
	margin-bottom:0px;	
	font-size:20px;
}
.formular .transparan{
	margin: 0px ;
	text-align:left;
    color: #000;
    cwidth: 200px;
    background-color: #ECEBE9;
    border: 0px solid #777;
	padding:0px;
	margin-bottom:0px;	
	font-size:12px;
}
.formular textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
    border: 1px solid #777;
	font-size: 14px;
	margin-top: 4px;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
    border: 1px solid #777;
}
.formular .warning {
	width: 75%; 
	color: red;
	padding: 4px;
	sspadding-left: 40px;
	border: 2px dotted #B5B8C8;
	font-family: Arial;
	font-size: 25px;
	font-weight:bold;
	margin-bottom: 15px;
	background: yellow url("../images/warning.gif") no-repeat 20px 0px;
	border-radius: 5px 30px 30px 5px;    
}

.formular .jum {
	xbackground: #FFF;
	color: #333;
	font-size: 40px;
	padding: 0px;
	xmargin-bottom: 10px;
    xborder: 1px solid #777;
}
.formular span.checkbox, .formular .checkbox {
	display: inline;
	border: 2px solid #777;
	padding: 4px;
}


/*ASLINYA
.formular .submit {
	padding: 4px;
	margin-top: 20px;
	float: center;
	background:#30302F;
	border:solid 2px #000;
	color:#FFFFFF;
	font-weight:bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}*/
.formular.submit:hover{
    background: #000;
    color: #fff;
}

.formular .checkbox {
	padding: 10px;
	margin-top: 20px;
	float: center;
	background:#30302F;
	border:solid 2px #000;
	color:#FFFFFF;
	font-weight:bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular h1 {
	font-size:122px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

.formular h3 {
	font-size:32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#bbbb;
}
.formular a5 {
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;
	color:#30302F;
	font-weight:bold;
}
.formular a4 {
	font-size:25px;
	font-family: Arial, Helvetica, sans-serif;
	color:#30302F;
	font-weight:bold;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.formular .a {
color: #c75f3e;
}

div.vertikal{
	xtext-align: center;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	width: 5px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	xpadding-left: 3px;
	xpadding-right: 3px;
	xpadding-top: 10px;
	white-space: nowrap;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);  				
}

div.menutebal a:link		{ 
	background:#498DCE url("../images/button-grad-active.png") repeat 0px 0px;/*#30302F; */
	color: #FFF; 
	font:  14px verdana, arial, helvetica, sans-serif; 
	text-decoration: none; 
	padding: 5px;
    xfont-weight:bold;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    
}
div.menutebal a:hover{ 
	background:#498DCE url("../images/button-grad.png") repeat 0px 0px;/*#30302F; */
	color: #FFF; 
	font:  14px verdana, arial, helvetica, sans-serif; 
	text-decoration: none; 
	padding: 5px;
    xfont-weight:bold;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    
}
.cari fieldset {
	background:#676767;
	margin-top: 0px;
	padding : 5px;
	align:center;
	border: 1px solid #D7D6D0;
}
.cari legend {
	background:#676767;
	font-size: 24px;
	color: #FBEB8F;
	font-weight: 800;
	padding : 5px;
    -moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
}
.cari td {
	font-size: 14px;
	color: #FBEB8F;
	padding : 5px;
    -moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
}
.cari a:link { color: #F9FBBC; text-decoration: none}
.cari a:hover { color: #75F16C; text-decoration: underline}
.cari a:active { color: #6CE6F1; text-decoration: none}
.cari a:visited { text-decoration: none}
.detail fieldset {
	background:#FFF;
	margin-top: 10px;
	padding : 0px;
	font-size: 18px;
	align:center;
	border: 2px solid #D7D6D0;
}
.detail legend {
	background:#FFF;
}
.detail td {
	font-size: 13px;
	xcolor: #FBEB8F;
	padding : 0px;
}

a:link		{ color: #FFF; fognt:  11px verdana, arial, helvetica, sans-serif; text-decoration: underline }

a:visited	{ color: #FFF; fognt:  11px verdana, arial, helvetica, sans-serif; text-decoration: underline }

a:active	{ color: #FF3333; fognt:  11px verdana, arial, helvetica, sans-serif; text-decoration: none }

a:hover		{ color: #FAFD01; fognt:  11px verdana, arial, helvetica, sans-serif;text-decoration: none }

td.nilai:hover	{ background:#30302F; color: #FAFD01; text-decoration: none }
tr.nilai:hover	{ background:#30302F ; color: #FAFD01; text-decoration: none }


.submit {
    background: #303;
    border: none;
    color: yellow;
    cursor: pointer;
    height: 24px;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 95px;
	font-family:'Fauna One',Arial;
    font-weight:bold;
	box-shadow:0 0 0 2px rgba(255,255,255,0.4) inset,0px 1px rgb(255,255,255);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.submit:hover{
    background: grey;
    color: black;
}
.submitpanjang {
    background: #bbf;
    border: none;
    color: #000;
    cursor: pointer;
    height: 44px;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 265px;
	font-weight:bold;
	font-family:'Fauna One',Arial;
	font-size:14pt;
    box-shadow:0 0 0 0px rgba(25,55,255,0.4) inset,2px 2px rgb(50,50,50);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.submitpanjang:hover {
    background: #000;
    color: #fff;
}
/*tambahan sendiri=================*/
.submittab {
    background: #fff;
    border: none;
    color: #000;
    cursor: pointer;
    height: 24px;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 65px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.submittab:hover {
    background: #000;
    color: #fff;
}
/*akhir tambahan sendiri*/

.tooltip{
	position:absolute;
	width:300px;
	background-image:url(tip-bg.png);
	background-position:left center;
	color:#FFF;
	padding:5px 5px 5px 18px;
	font-size:16px;
	font-family:Calibri, Arial, sans-serif;
	z-index:10000;
	
}
.tooltip-image{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:3px;
} 
/*dropdown===*/
.menudd{font:normal 10px;line-height:normal;text-transform:none;margin:0;padding:0px 0px;color:white;text-decoration:none;text-align:left}
.menudd ul{border:0px solid #536FA7;dbackground-color:#3057A5;height:30px;line-height:30px;margin:0;padding:0px 0px}
.menudd li{list-style:none;margin:0px 0px;padding:0px 0px;color:white;float:right;display:inline;position:relative}
/*.menudd li a{display:xblock;margin:0px 0px;padding:0px 15px;color:white;text-decoration:none;font-weight:bold;line-height:30px;outline:none;border-left:1px solid #536FA7;border-right:1px solid #3B4D72}*/
.menudd li a{	
	background:#498DCE url("../images/bg_nav.png") repeat 0px 0px;/*#30302F; */
	color: #FFF; 
	font:  14px verdana, arial, helvetica, sans-serif; 
	text-decoration: none; 
	padding: 5px;
    xfont-weight:bold;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.menudd li a:hover{background:#394F7B}
.menudd li ul{position:absolute;z-index:1;left:0px;top:100%;height:auto;margin:0px 0px;padding:0px 0px;width:200px;display:none}
.menudd li ul a{border-left:none;border-right:none;border-bottom:1px dotted #6F80A1;display:block}
.menudd ul li a:hover{background:#394F7B}
.menudd li ul li{float:none;display:block;width:auto}
.menudd li ul ul{top:0px;left:100%}
.menudd li a:focus{background-color:#4B67A1;border-left-color:#777;border-right-color:#555}
.menudd ul li a:focus{background-color:#4B67A1;border-top-color:#777;border-bottom-color:#555}
.menudd li a:hover,.menudd li:hover > a{background-color:#4B67A1}