body{
	font-family: 'Arial';
	background: #E2E2E2;
}
.kode, .currency{
	font-family: 'Courier New', 'Verdana', 'Arial';
}
.blank{
  position:absolute;
  top:0; left:0;
  width:1px; height:1px; /* avoid scrollbars */
  visibility:hidden;
}
.button{
	float: left;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial';
	margin: 0 5px 0 0;
	border: solid 1px #BBB;
	padding: 5px 10px;
	color: #424242;
}
.button:hover{
	box-shadow: 0 0 3px #ABABAB;
}
.readonly{
	background: #CCC;
	text-align: 'Arial';
}

div.buttoncari{
	padding: 5px 15px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin: 1px 0 0 3px;
	border: solid 1px #23538a;
	font-size: 11px;
	font-weight: bold;
	color: white;
	font-family: 'Arial';
	cursor: pointer;
	line-height: 17px;
}
div.buttoncari img{
	width: 13px;
	height: 13px;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

/* SEMESTA LOADING */
div.semesta_loading{
	position: absolute;
	left: 0;
	top: 0;
	width:  100%;
	height: 100%;
}
div.semesta_loading table{
	width: 100%;
	height: 100%;
}
div.semesta_loading table td.tdload{
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
div.semesta_loading table td.tdload img{
	margin-bottom: 15px;
	height: 30px;
}
 
div.semesta{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 9000;
}

table.semesta{
	width: 100%;
	height: 100%;
	clear: both;
}
table.semesta td{
	vertical-align: top;	
}
table.semesta td.head{
	height: 157px;
}
div.header{
	clear: both;
	width: 100%;
	overflow: hidden;
}
div.header div.menu{
	clear: both;
	float: right;
	position: relative;	
}
div.header div.menu a{
	padding: 8px 15px;
	float: left;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #2d2d2d;
}
div.header div.menu a img{
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin: 0 3px 0 0;
}
div.header div.menu div.smenu{
	position: absolute;
	left: 0;
	top: 30px;
	border: solid 1px #54dd0f;
	width: 150px;
	height: 300px;
	background: white;
}
div.header div.today{
	float: left;
	margin: 0 0 0 15px;
	font-size: 11px; 
	color: #424242;
	font-weight: bold;
	padding: 9px 0 0;
}
div.header div.ta{
	float: left;
	margin: 0;
	font-size: 11px; 
	color: white;
	font-weight: bold;
	padding: 11px 12px;	
	background: #666;
	box-shadow: 0 0 12px #424242 inset;
}

div.banner{
	clear: both;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px #D60603;
	border-bottom: solid 1px #D60603;
}
div.banner img{
	margin: 18px 20px 18px 40px;
}

table.semesta td.kiri{
	width: 180px;
	background: #E2E2E2;
	z-index: 39;
}
table.semesta td.kiri div.menu{
	clear: both;
	width: 180px;
	margin: 20px 0;
}
table.semesta td.kiri div.menu div.m{
	clear: both;
	position: relative;
	width: 180px;
	height: 32px;
}
table.semesta td.kiri div.menu div.m:hover div.sub{
	display: block;
}
table.semesta td.kiri div.menu div.m div.sub{
	position: absolute;
	width: 180px;
	overflow: hidden;
	background: #2d2d2d;
	top: 0;
	left: 0;
	margin-left: 180px;
	margin-top: -10px;
	z-index: 1200;
	padding: 10px 0px;
	box-shadow: 0 0 5px #666;
	opacity: 0.7;
	display: none;
}
table.semesta td.kiri div.menu div.m div.sub:hover{
	opacity: 1;
}
table.semesta td.kiri div.menu div.m div.sub a{
	color: white;
}
table.semesta td.kiri div.menu div.m div.sub div.is:hover a.subdef{
	background: #E2E2E2;
	color: #2d2d2d;
}
table.semesta td.kiri div.menu a{
	float: left;
	width: 150px;
	font-size: 13px;
	padding: 8px 15px;
	font-family: 'Verdana', 'Arial';	
}
table.semesta td.kiri div.menu a.def{
	color: #424242;
}
table.semesta td.kiri div.menu div.m:hover a.def{
	padding: 7px 15px;
	background: #FFE0E0;
	border-top: solid 1px #D30503;
	border-bottom: solid 1px #D30503;
}
table.semesta td.kiri div.menu a.active{
	color: white;
}

table.semesta td.kanan{
	padding: 15px;
	border-left: solid 1px #CCC;
	box-shadow: 0 0 6px #898989;	
	background: white;	
	position: relative;
}
table.semesta td.kanan div.home{
	font-family: 'Noto Sans', 'Arial';
	font-size: 13px;
}

table.semesta td.kanan div.data{
	overflow: auto;
}
table.semesta td.kanan div.data div.sessionResult{
	padding: 10px;
	clear: both;
	background: #DCE7F2;
	border: solid 1px #1D8BF9;
	overflow: hidden;
	margin: 0 0 15px 0;
}
table.semesta td.kanan div.data div.sessionResult table.sess,
table.semesta td.kanan div.data div.sessionResult table.sess td{
	border: none;
	color: #424242;
	font-family: 'Courier New', 'Arial';
	font-size: 13px;	
	font-weight: normal;	
}
table.semesta td.kanan div.data div.sessionResult table.sess td{
	vertical-align: top;
}
table.semesta td.kanan div.data div.sessionResult table.sess td.rg{
	padding-left: 10px;
	padding-top: 3px;
}
table.semesta td.kanan div.data div.sessionResult img.icon{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

/* TABLE APPS */
table.semesta td.kanan table.apps{
	clear: both;
	width: 100%;
	height: 100%;
	border-collapse: collapse;	
}
table.semesta td.kanan table.apps td{
	border: solid 1px #ABABAB;
	color: #424242;
	vertical-align: top;
}
/* TD PROPERTIES */
	table.semesta td.kanan table.apps td.grey{
		background: #E0E0E0;
	}
	table.semesta td.kanan table.apps td.vmiddle{
		vertical-align: middle;
		font-size: 12px;
		padding: 0 10px;
		font-family: 'Noto Sans', 'Arial';
	}
/* ---- */
table.semesta td.kanan table.apps td.data div.data{
	overflow: auto;
	position: relative;
	padding: 10px 20px 10px 10px;
}
table.semesta td.kanan table.apps table.clue{
	clear: both;
	width: 100%;
	background: #E2E2E2;	
	margin: 0 0 10px;
}
table.semesta td.kanan table.apps table.clue td{
	border: solid 1px #ABABAB;
	padding: 10px;
}
table.semesta td.kanan table.apps table.clue td table.cl,
table.semesta td.kanan table.apps table.clue td table.cl td{
	border: none;
	color: #666;
	font-size: 11px;
	font-family: 'Verdana';
}
table.semesta td.kanan table.apps table.clue td table.cl td{
	padding: 3px 0;
}
table.semesta td.kanan table.apps table.clue td table.cl td.l{
	width: 75px;
	padding-right: 10px;
}
table.semesta td.kanan table.apps td.data div.data table.dt{
	clear: both;
	width: 100%;
	border-collapse: collapse;	
}
table.semesta td.kanan table.apps td.data div.data table.dt th{
	font-size: 11px;
	border: solid 1px #ABABAB;
	padding: 7px 10px;
}
table.semesta td.kanan table.apps td.data div.data table.dt th a.cekuncekall img{
	height: 22px;
	width: 22px;
}
table.semesta td.kanan table.apps td.data div.data table.dt th.none{
	border: none;
}
table.semesta td.kanan table.apps td.data div.data table.dt td{
	border: solid 1px #ABABAB;
	padding: 7px 10px;
	font-size: 12px;
}
table.semesta td.kanan table.apps td.data div.data table.dt td.cbox{
	text-align: center;
}
table.semesta td.kanan table.apps td.data div.data table.dt td.cbox input{
	cursor: pointer;
}
table.semesta td.kanan table.apps td.data div.data table.dt td a{
	font-weight: bold;
	color: blue;
}
table.semesta td.kanan table.apps td.data div.data table.dt td.tdkode,
.number{
	font-family: 'Courier New', 'Verdana', 'Arial';
	text-align: right;
}


table.semesta td.kanan table.apps td.head{
	padding: 0;	
}
table.semesta td.kanan table.apps td.head a{
	float: left;
	padding: 7px 23px 8px;
	color: #424242;
	font-size: 12px;
	font-weight: bold;
	border-right: solid 1px #ABABAB;
	font-family: 'Arial';
}
table.semesta td.kanan table.apps td.head a.def:hover{
	background: #DCE7F2;
}
table.semesta td.kanan table.apps td.head a.active{
	color: white;
	border: none;
}

table.semesta td.kanan table.apps td.foot div.lf{
	position: relative;
}
table.semesta td.kanan table.apps td.foot div.lf div.l{
	float: left;
}
table.semesta td.kanan table.apps td.foot div.lf div.result{
	font-family: 'Arial';
}
table.semesta td.kanan table.apps td.foot div.lf  a.button{
	float: left;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial';
	margin: 0 5px 0 0;
	border: solid 1px #BBB;
	padding: 5px 10px;
	color: #424242;
}
table.semesta td.kanan table.apps td.foot div.lf a.button:hover{
	box-shadow: 0 0 3px #ABABAB;
}

/* Form input */
	table.semesta td.kanan table.apps td.foot div.lf div.forminput{
		position: absolute;
		left: 0;
		background: #DCE7F2;
		border: solid 1px #1D8BF9;
		padding: 10px;
		box-shadow: 0 0 15px #DDD;
		-moz-box-shadow: 0 0 15px #DDD;
		-webkit-box-shadow: 0 0 15px #DDD;
		/*opacity: 0.6;
		filter: alpha(opacity=60);*/
		display: none;
	}
	/*
	table.semesta td.kanan table.apps td.foot div.lf div.forminput:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	*/
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput{
		/*width: 100%;*/
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td{
		padding: 3px 10px;
		border: none;
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.l{
		width: 100px;
		font-family: 'Verdana';
		font-size: 11px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td select{
		border: solid 1px #ABABAB;
		padding: 4px 2px;
		font-family: 'Verdana', 'Arial';	
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek{
		clear: both;
		overflow: hidden;
		margin: 10px 0 0 0;			
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.i{
		overflow: hidden;
		width: 562px;	
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.i table.irek{
		padding: 10px 0;
		background: white;
		border: solid 1px #ABABAB;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.i table.irek div.button{
		cursor: pointer;
		float: right;
		margin-top: 7px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.i table.irek div.num{
		float: right;
		padding: 6px 10px;
		font-size: 11px;
		font-weight: bold;
		color: white;
		background: #424242;
		margin: 7px 0 0;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.ibut{
		clear: both;
		overflow: hidden;
		width: 562px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td div.drek div.ibut div.button{		
		cursor: pointer;
		margin: 10px 0 0 0;		
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r{
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r input.text{
		border: solid 1px #ABABAB;
		padding: 7px 10px;
		width: 200px;
		font-family: 'Verdana', 'Arial';
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r input.text:focus{
		background: #E2E2E2;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r input.long{
		width: 400px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r input.kdr{
		width: 25px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r span{
		float: left;
		margin-right: 3px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r div.cari{
		padding: 7px 15px;
		overflow: hidden;
		text-align: center;
		float: left;
		margin: 1px 0 0 3px;
		border: solid 1px #23538a;
		font-size: 11px;
		font-weight: bold;
		color: white;
		font-family: 'Arial';
		cursor: pointer;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r div.cari img{
		width: 17px;
		height: 17px;
		margin: 0 3px 0 0;
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.r div.urairek{
		width: 400px;
		padding: 7px 10px;
		background: #FFF6B5;
		border: solid 1px #FCC350;
		font-size: 11px;
		font-family: 'Arial';
		font-weight: bold;
		color: #424242;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td.sbmt{
		padding-top: 15px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td input.submit{
		color: #2d2d2d;
		font-family: 'Arial';
		font-size: 11px;
		font-weight: bold;
		border: solid 1px #FEBF04;
		padding: 5px 12px;
		cursor: pointer;
		margin-right: 4px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td input.submit:hover{
		box-shadow: 0 0 8px #CCC;
		-moz-box-shadow: 0 0 8px #CCC;
		-webkit-box-shadow: 0 0 8px #CCC;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.forminput table.tinput td input.but{
		color: white;
		border-color: #000;
	}

/* Form Report */
	table.semesta td.kanan table.apps td.foot div.lf div.formreport{
		position: absolute;
		left: 0;
		background: #DCE7F2;
		border: solid 1px #1D8BF9;
		padding: 10px;
		box-shadow: 0 0 15px #DDD;
		-moz-box-shadow: 0 0 15px #DDD;
		-webkit-box-shadow: 0 0 15px #DDD;
		/*opacity: 0.6;
		filter: alpha(opacity=60);*/
		display: none;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput{
		/*width: 100%;*/
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td{
		padding: 3px 10px;
		border: none;
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.l{
		width: 100px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td select{
		border: solid 1px #ABABAB;
		padding: 4px 2px;
		font-family: 'Verdana', 'Arial';	
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r{
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r input.text{
		border: solid 1px #ABABAB;
		padding: 7px 10px;
		width: 200px;
		font-family: 'Verdana', 'Arial';
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r input.text:focus{
		background: #E2E2E2;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r input.long{
		width: 400px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r input.kdr{
		width: 25px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r span{
		float: left;
		margin-right: 3px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r div.cari{
		padding: 7px 15px;
		overflow: hidden;
		text-align: center;
		float: left;
		margin: 1px 0 0 3px;
		border: solid 1px #23538a;
		font-size: 11px;
		font-weight: bold;
		color: white;
		font-family: 'Arial';
		cursor: pointer;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r div.cari img{
		width: 17px;
		height: 17px;
		margin: 0 3px 0 0;
		vertical-align: middle;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.r div.urairek{
		width: 400px;
		padding: 7px 10px;
		background: #FFF6B5;
		border: solid 1px #FCC350;
		font-size: 11px;
		font-family: 'Arial';
		font-weight: bold;
		color: #424242;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td.sbmt{
		padding-top: 15px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td input.submit{
		color: #2d2d2d;
		font-family: 'Arial';
		font-size: 11px;
		font-weight: bold;
		border: solid 1px #FEBF04;
		padding: 5px 12px;
		cursor: pointer;
		margin-right: 4px;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td input.submit:hover{
		box-shadow: 0 0 8px #CCC;
		-moz-box-shadow: 0 0 8px #CCC;
		-webkit-box-shadow: 0 0 8px #CCC;
	}
	table.semesta td.kanan table.apps td.foot div.lf div.formreport table.tinput td input.but{
		color: white;
		border-color: #000;
	}
	
	
table.semesta td.kanan table.apps td.foot div.lf div.r{
	float: right;
}
table.semesta td.kanan table.apps td.foot div.lf div.info{
	padding: 5px 7px 0 0;
	color: #666;
}

/* Page: Pegawai */
	table.semesta td.kanan table.apps .tr_pegawai td{
		vertical-align: middle;
	}

	table.semesta td.kanan table.cn{
		width: 100%;
		clear: both;
		border: solid 1px #ABABAB;
	}
	table.semesta td.kanan table.cn td.nav{
		background: #E0E0E0;
		border-bottom: solid 1px #ABABAB;
	}
	table.semesta td.kanan table.cn td.nav a{
		float: left;
		padding: 8px 15px;
		font-size: 12px;
		font-weight: bold;
		color: white;
	}
	table.semesta td.kanan table.cn td.nav a.active{
	}
	table.semesta td.kanan table.cn td.nav a.def{
		color: #2d2d2d;
		background: rgb(242, 242, 242);
		border-right: solid 1px #ABABAB;
	}
	table.semesta td.kanan table.cn td.c{
		padding: 10px;
	}

/* INPUT NOTA */
	table.cn table.inputNota td{
		font-size: 12px;
		vertical-align: middle;
		padding-bottom: 7px;
	}
	table.cn table.inputNota td table.sess td{
		padding: 0;
	}
	table.cn table.inputNota td table.sess td img.icon{
		margin-right: 5px;
	}
	table.cn table.inputNota td.l{
		width: 120px;
	}
	table.cn table.inputNota td input.txt{
		border: solid 1px #ABABAB;
		height: 25px;
		padding: 0 5px;
	}
	table.semesta td.kanan table.cn td.c table.dtnota{
		clear: both;
		width: 100%;
		border-collapse: collapse;
	}
	table.semesta td.kanan table.cn td.c table.dtnota th{
		height: 30px;
		vertical-align: middle;
		text-align: center;
		border: solid 1px #ABABAB;
		font-size: 12px;
		font-weight: bold;
		color: #424242;
	}
	table.semesta td.kanan table.cn td.c table.dtnota tr.thold th{
		background: #CCC;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td{
		border: solid 1px #ABABAB;
		vertical-align: middle;
		font-size: 12px;
		padding: 5px 10px;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td.no{
		text-align: center;
		width: 20px;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td .objek:focus{
		background: #F3F3F3;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td input.txt{
		border: solid 1px #ABABAB;
		margin-bottom: 3px;
		padding: 4px 7px;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td textarea{
		border: solid 1px #ABABAB;
		resize: none;
		width: 215px;
		height: 60px;
		font-family: 'Verdana', 'Arial';
		font-size: 12px;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td input.jumlah,
	table.semesta td.kanan table.cn td.c table.dtnota td input.penerimaan{
		border: none;
		width: 110px;
		text-align: right;
	}
	table.semesta td.kanan table.cn td.c table.dtnota td.action img{
		cursor: pointer;
	}
	table.semesta td.kanan table.cn td.c table.dtnota tr.dtnota td{
		background: white;
	}
	table.semesta td.kanan table.cn td.c table.dtnota tr.dtnota td.action{
		background: none;
	}
	table.semesta td.kanan table.cn td.tdinfo{
		font-size: 11px;
		font-family: 'Verdana';		
	}
	table.semesta td.kanan table.cn td.tdinfo div.info{
		float: left;
		background: none repeat scroll 0% 0% rgb(255, 243, 211);
		padding: 10px;
		border: 1px solid rgb(255, 201, 25);
	}
	table.semesta td.kanan table.cn td.tdinfo div.info p.info{
		font-family: 'Arial';
		font-weight: bold;
	}
	table.semesta td.kanan table.cn td.tdinfo img.icon{
		width: 17px;
		height: 17px;
		vertical-align: middle;
		margin: 0 5px 4px 0;
	}
	
/* KWITANSI */
table.semesta td.kanan table.cn td.c table.ats{
	clear: both;
}
table.semesta td.kanan table.cn td.c table.ats td{	
	font-size: 12px;
	vertical-align: middle;
}
table.semesta td.kanan table.cn td.c table.ats td.l{
	text-align: left;
	width: 130px;
	padding: 3px 0;
	padding-right: 20px;
}
table.semesta td.kanan table.cn td.c table.ats td.r{
	padding: 3px 0;
}
table.semesta td.kanan table.cn td.c table.ats td.r input.untuk{
	width: 300px; 
	background: #E2E2E2; 
	font-weight: bold; 
	font-size: 12px; 
	color:#424242;
}
table.semesta td.kanan table.cn td.c table.ats td.r div.cari{
	padding: 5px 15px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin: 1px 0 0 3px;
	border: solid 1px #23538a;
	font-size: 11px;
	font-weight: bold;
	color: white;
	font-family: 'Arial';
	cursor: pointer;
}
table.semesta td.kanan table.cn td.c table.ats td.r div.cari img{
	width: 13px;
	height: 13px;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
table.semesta td.kanan table.cn td.c table.ats input.txt{
	border: solid 1px #ABABAB;
	padding: 5px;
}
table.semesta td.kanan table.cn td.c table.dt{
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
table.semesta td.kanan table.cn td.c table.dt th{
	height: 30px;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #ABABAB;
	font-size: 12px;
	font-weight: bold;
	color: #424242;
}
table.semesta td.kanan table.cn td.c table.dt tr.thold th{
	background: #CCC;
}
table.semesta td.kanan table.cn td.c table.dt td{
	border: solid 1px #ABABAB;
	vertical-align: middle;
	font-size: 12px;
	padding: 5px 10px;
}
table.semesta td.kanan table.cn td.c table.dt td.no{
	text-align: center;
	width: 20px;
}
table.semesta td.kanan table.cn td.c table.dt td .objek:focus{
	/*background: #F3F3F3;*/
}
table.semesta td.kanan table.cn td.c table.dt td input.txt{
	border: solid 1px #ABABAB;
	margin-bottom: 3px;
	padding: 4px 7px;
}
table.semesta td.kanan table.cn td.c table.dt td textarea{
	border: solid 1px #ABABAB;
	resize: none;
	width: 215px;
	height: 60px;
	font-family: 'Verdana', 'Arial';
	font-size: 12px;
}
table.semesta td.kanan table.cn td.c table.dt td input.jumlah,
table.semesta td.kanan table.cn td.c table.dt td input.penerimaan{
	border: none;
	width: 110px;
	text-align: right;
}
table.semesta td.kanan table.cn td.c table.dt td.action img{
	cursor: pointer;
}
table.semesta td.kanan table.cn td.c table.dt tr.dt td{
	background: white;
}
table.semesta td.kanan table.cn td.c table.dt tr.dt td.action{
	background: none;
}
table.semesta td.kanan table.cn td.c div.foot{
	clear: both;
	margin: 10px 0 0;
	height: 30px;
}
table.semesta td.kanan table.cn td.c div.foot a{
	color: #424242;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 10px;
	border: solid 1px #ABABAB;
}
table.semesta td.kanan table.cn td.c div.foot a:hover{
	box-shadow: 0 0 3px #CCC;
}
table.semesta td.kanan table.cn td.c div.bottom{
	clear: both;
	margin: 10px 0 0;
	overflow: hidden;
	padding: 5px 0px;
}
table.semesta td.kanan table.cn td.c div.bottom input.submit{
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px 7px;
	color: #424242;
	border: solid 1px #FCC500;
}
table.semesta td.kanan table.cn td.c table.dt td{
	padding: 8px 10px;
}
table.semesta td.kanan table.cn td.c table.dt td.action{
	text-align: center;
}
table.semesta td.kanan table.cn td.c table.dt td.action img{
	margin-right: 5px;
}

/* SPPD */
	table.semesta td.kanan table.cn td.c div.sppd{
		clear: both;
		overflow: hidden;
		color: #2d2d2d;
	}
	table.semesta td.kanan table.cn td.c table.dt tr.datasppd td.urai div.t{
		font-size: 13px; 
		padding-bottom: 1px; 
		overflow: hidden;
	}
	table.semesta td.kanan table.cn td.c table.dt tr.datasppd td.urai div.c{
		font-size: 11px; 
		line-height: 13px; 
		color: #424242; 
		font-family: 'Verdana', 'Arial';
	}
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd{
		width: 100%;
		clear: both;
	}
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td.l,
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td.r{
		width: 50%;
	}
	
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td input.txt,
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td textarea{
		border: solid 1px #898989;
	}
	
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td input.txt:focus,
	table.semesta td.kanan table.cn td.c div.sppd table.tsppd td textarea:focus{
		background: #EAF5FF;
		border: solid 1px #329FFF;
	}
	
	/* R1 - ROW PERTAMA: lembar, kodeno, nomor */
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r{
			padding-left: 20px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r div.i{
			clear: both;
			margin-bottom: 4px;
			overflow: hidden;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r div.i div.l,
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r div.i div.r{
			float: left;
			overflow: hidden;
		}		
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r div.i div.l{
			width: 70px;
			font-size: 12px;
			font-weight: bold;
			padding-top: 5px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 td.r div.i div.r input.txt{		
			height: 25px;
			padding: 0 5px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r1 div.i div.r .readonly{
			background: #DDD;
		}
		
	/* R2 - ROW KEDUA: judul */
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r2 td{
			text-align: center;
			font-weight: bold;
			font-size: 16px;
			padding: 20px 0;
		}
	
	/* R3 - ROW KETIGA: form input */
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form{
			width: 100%;
			border-collapse: collapse;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td{
			font-size: 12px;
			font-family: 'Verdana', 'Arial';
			line-height: 35px;
			border: solid 1px #666;
			padding: 8px 10px;
			vertical-align: top;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td.no{
			width: 18px;
			text-align: center;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td input.txt{
			padding: 0 5px;
			height: 28px;
			font-family: 'Arial';
			font-size: 13px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td textarea{
			font-family: 'Arial';
			font-size: 13px;
			resize: none;
			padding: 7px;
			margin: 0;
			width: 300px;
			height: 70px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td .readonly{
			background: #DDD;
			font-weight: bold;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td div.cari{
			padding: 5px 15px;
			overflow: hidden;
			text-align: center;
			float: left;
			margin: 1px 0 0 3px;
			border: solid 1px #23538a;
			font-size: 11px;
			font-weight: bold;
			color: white;
			font-family: 'Arial';
			cursor: pointer;
			line-height: 17px;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r3 td table.form td div.cari img{
			width: 13px;
			height: 13px;
			margin: 0 3px 0 0;
			vertical-align: middle;
		}
	/* R4 - Submit Button */
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r4 td{
			padding: 10px 0;
		}
		table.semesta td.kanan table.cn td.c div.sppd table.tsppd tr.r4 td input.submit{
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
			padding: 5px 7px;
			color: #424242;
			border: solid 1px #FCC500;		
		}
/* Surat Tugas */
	table.semesta table.spt div.readonly{
		border: solid 1px #ABABAB;
		padding: 5px 10px;
		font-size: 12px;
		font-weight: bold;
	}
	
	table.semesta table.atsspt td{
	}
	table.semesta table.atsspt td div.title{
		clear: both;
		overflow: hidden;
		background: #C18501;
		color: white;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 10px;
	}
	
	table.semesta table.atsspt td div.item{
		overflow: hidden;
		background: #FFF3D3;
		border: solid 1px #FFC919;
		padding: 5px 10px;
		margin-bottom: 20px;
		clear: both;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td{
		padding: 5px 0;	
		border: none;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.info{
		font-size: 11px;
		color: #424242;
		font-family: 'Verdana', 'Arial';
		text-align: justify;
		padding-bottom: 10px;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.info p{
		padding-bottom: 2px;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.info p.info{
		font-family: 'Arial';
		font-weight: bold;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.info img.icon{
		width: 17px;
		height: 17px;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 4px;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.left{
		font-size: 12px;
		font-weight: bold;
		padding-right: 10px;
		width: 140px;
		color: #424242;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.right input.readonly{
		font-size: 11px;
		font-weight: bold;
	}
	table.semesta table.atsspt td.ttd div.ttd table.ttd td.right input.txt{
		width: 200px;
	}
	table.semesta table.atsspt td textarea{
		border: solid 1px #ABABAB;
		resize: none;
		width: 300px;
		height: 70px;
		font-family: 'Verdana', 'Arial';
		padding: 7px;
		font-size: 12px;
		vertical-align: middle;
	}

/* Laporan Rincian Obyek */
	div.headrekap{
		clear: both;
		overflow: hidden;
	}
	div.headrekap div.titlerekap{
		clear: both;
		overflow: hidden;
		font-weight: bold;
		padding: 0 0 15px 0;
		float: left;
	}
	div.headrekap div.button{
		float: right;
		border: solid 1px #E8A710;
	}
	div.hheadrekap{
		clear: both;
		overflow: hidden;
		font-size: 12px;
		font-weight: bold;
		color: #2d2d2d;
		padding: 0 0 10px 0;
	}
	div.hheadrekap input.txt{
		border: solid 1px #ABABAB;
		height: 26px;
	}
	div.hheadrekap input.button{
		cursor: pointer;
		margin-left: 5px;
	}
	div.datarinobyek{
		overflow: auto;
		clear: both;
	}
	table.semesta table.rin_obyek{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.semesta table.rin_obyek th,
	table.semesta table.rin_obyek td{
		border: solid 1px #ABABAB;
	}
	table.semesta table.rin_obyek tr.b td{
		font-weight: bold;
	}
	table.semesta table.rin_obyek th{
		font-size: 12px;
		padding: 7px 10px;
	}
	table.semesta table.rin_obyek td{
		padding: 5px 10px;
		font-size: 12px;
		font-family: 'Courier New', 'Verdana';
		text-align: right;
	}
	table.semesta table.rin_obyek td.text{
		font-family: 'Verdana';
		text-align: left;
		font-size: 11px;
	}
	table.semesta table.rin_obyek tr.foot td{
	}

/* BUKU KAS UMUM */
	div.hheadrekap table.bkureport td{
		vertical-align: middle;
		padding: 0 10px 5px 0;		
	}
	table.semesta table.bku{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		background: #F4F4F4;		
	}
	table.semesta table.bku th,
	table.semesta table.bku td{
		border: solid 1px #ABABAB;
		vertical-align: middle;
	}
	table.semesta table.bku tr.b td{
		font-weight: bold;
	}
	table.semesta table.bku th{
		font-size: 12px;
		padding: 7px 10px;
	}
	table.semesta table.bku td{
		padding: 5px 10px;
		font-size: 11px;		
		text-align: right;
		line-height: 17px;
		font-family: 'Verdana';
	}
	table.semesta table.bku td.text{
		text-align: left;
		font-size: 11px;
	}

/* Pegawai Setting */
	table.semesta table.pegset td{
		vertical-align: middle;
	}
	table.semesta table.pegset td.right input.txt{
		height: 30px;
		padding: 0 5px;
		border: solid 1px #ABABAB;
	}
	table.semesta div.bottompegset input.submit{
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		padding: 5px 7px;
		color: #424242;
		border: solid 1px #FCC500;
	}
	table.semesta div.bottompegset input.submit:hover{
		box-shadow: 0 0 6px #CCC;
	}
	
/* EDIT PEGAWAI */
	div.editpeg{
		clear: both;
		overflow: hidden;
		margin: 15px;
		background: #FFF3D3;
		border: solid 1px #FFC919;
		padding: 10px;
	}
	table.appeg div.editpeg table.t td{
		border: 0px;
		padding: 7px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #2d2d2d;
		vertical-align: middle;
	}
	table.appeg div.editpeg table.t td input.txt,
	table.appeg div.editpeg table.t td select{
		border: solid 1px #ABABAB;
		font-size: 12px;
		padding: 5px;
	}
	table.appeg div.editpeg table.t td input.txt{
		width: 200px;
		height: 23px;
	}
	table.appeg div.editpeg table.t td input.submit{
		margin: 10px 0 0;
		cursor: pointer;
		border-color: rgb(252, 197, 0);
	}
	/* Table Master golongan,jabatan,pangkat */
	table tr.trsimple td{
		vertical-align: middle;
	}
	
table.semesta td.footer{
	border-top: solid 1px #ABABAB;
	padding: 15px 20px 20px;	
	background: #E2E2E2;	
	position: relative;	
}
table.semesta td.footer div.footer{
	width: 100%;
	float: right;
	overflow: hidden;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-align: right;
}

/* Class Khusus */
div.totop{
	position: fixed;
	left: 50%;
	width: 40px;
	height; 40px;
	margin-left: -20px;
	bottom: 25px;
	display: none;
	z-index: 8000;
	opacity: 0.3;
	cursor: pointer;
}
div.totop:hover{
	opacity: 0.7;
}
div.popupWall{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8998;
	background: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
div.popupContent{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8999;
}
div.popupWall, div.popupContent{
	display: none;
}

div.templatePopupEditItem{
	display: none;
}
div.popupEditItem{
	width: 400px;
	height: 460px;
	overflow: hidden;
	border: solid 1px #CCC;
	background: white;
	box-shadow: 0 0 10px #ABABAB;
	-moz-box-shadow: 0 0 10px #ABABAB;
	-webkit-box-shadow: 0 0 10px #ABABAB;
}
div.popupEditItem div.top{
	clear: both;
	width:  400px;
	height: 39px;
	border-bottom: solid 1px #CCC;
	overflow: hidden;
	background: #DDD;	
}
div.popupEditItem div.top div.title{
	float: left;
	font-size: 12px;
	color: #424242;
	font-weight: bold;
	padding: 12px 15px;
}
div.popupEditItem div.top div.r{
	float: right;
	padding: 9px 15px;
}
div.popupEditItem div.top div.r div.close{
	cursor: pointer;
	float: left;
	padding: 2px 12px;
	background: #424242;
	border: solid 1px #000;
	font-size: 12px;
	font-family: 'Verdana';
	font-weight: bold;
	color: white;
}
div.popupEditItem div.middle{
	overflow: auto;
	height: 360px;
	width: 350px;
	clear: both;
	padding: 15px 25px;
	padding-bottom: 5px;	
}
div.popupEditItem div.middle div.i{
	clear: both;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px;
	border: solid 1px #CCC;
	background: #E2E2E2;
}
div.popupEditItem div.middle div.i p{
	clear: both;
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: bold;
}
div.popupEditItem div.middle div.i p select{
	border: solid 1px #ABABAB;
	padding: 4px 2px;
}
div.popupEditItem div.middle div.i p input.txt{
	border: solid 1px #ABABAB;
	padding: 7px 9px;
	margin: 0 0 5px;
	font-family: 'Verdana', 'Arial';
	font-size: 12px;
}
div.popupEditItem div.middle div.i p input.def:focus{
	background: #F2F2F2;
}
div.popupEditItem div.middle div.i p input.kd{
	width: 70px;
}
div.popupEditItem div.middle div.i p input.readonly{
	background: #CCC;
	font-weight: bold;
	text-align: right;
	width: 90px;
}
div.popupEditItem div.middle div.i p input.ur{
	width: 290px;
}
div.popupEditItem div.bottom{
	clear: both;
	height: 39px;
	width: 400px;
	overflow: hidden;	
	border-top: solid 1px #CCC;
	background: #DDD;
}
div.popupEditItem div.bottom div.l{
	float: left;
	padding: 7px;
}
div.popupEditItem div.bottom div.l input.button{
	color: #2d2d2d;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #FEBF04;
	padding: 4px 12px;
	cursor: pointer;
	margin-right: 4px;
}
div.popupEditItem div.bottom div.l input.batal{
	color: white;
	background: #424242;
	border-color: #000;
}

/* EDIT SP2D */
div.popupEditItem table.tbeditsp2d{
	clear: both;
	margin: 0 0 10px;
	font-family: 'Verdana';
}
div.popupEditItem table.tbeditsp2d td{
	font-size: 11px;
}
div.popupEditItem table.tbeditsp2d td.l{
	padding-right: 15px;
}
div.popupEditItem table.tbeditsp2d td.r{
	font-weight: bold;
}

/* SEARCH REKENING */
div.popupContent div.srek{
	width: 650px;
	height: 470px;
	border: solid 1px #ABABAB;
	background: white;
	box-shadow: 0 0 12px #CCC;
}
div.popupContent div.srek div.isrek{
	clear: both;
	width: 650px;
	overflow: hidden;
}
div.popupContent div.srek div.top{
	height: 35px;
	border-bottom: solid 1px #ABABAB;
}
div.popupContent div.srek div.middle{
	width: 635px;
	padding: 0 15px 0 0;
	overflow: auto;
	height: 380px;
	margin: 10px 0;
}
div.popupContent div.srek div.bottom{
	height: 35px;
	border-top: solid 1px #ABABAB;
	overflow: visible;
}

div.popupContent div.srek div.top div.l{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #424242;
	padding: 10px 0 0 10px;
}
div.popupContent div.srek div.top div.r{
	float: right;
	padding: 6px 5px 0 0;
}
div.popupContent div.srek div.top div.r div.close{
	cursor: pointer;
	float: left;
	padding: 2px 12px;
	background: #424242;
	border: solid 1px #000;
	font-size: 12px;
	font-family: 'Verdana';
	font-weight: bold;
	color: white;
}

div.popupContent div.srek div.middle div.ajaxcontent{
	padding: 0px 0 0px 10px;
	clear: both;
	overflow: hidden;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc{
	width: 100%;
	clear: both;
	border-collapse: collapse;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc th{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	border: solid 1px #ABABAB;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc td{
	padding: 5px 10px;
	border: solid 1px #ABABAB;
	vertical-align: middle;
	font-size: 12px;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc td input.cb{
	border: solid 1px #ABABAB;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc tr{
	cursor: pointer;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc tr.active td{
	background: #789FBA;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc tr.active td a{
	color: black;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc tr.trbutton td{
	border: none;
	padding: 0 0 10px 0;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc tr.trbutton td div.button{
	float: right;
	margin-right: 0;
	border: solid 1px #FFCC00;
	padding: 7px 14px;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc td.tdcb{
	text-align: center; 
	vertical-align: top;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc td.kode{
	text-align: right;
}
div.popupContent div.srek div.middle div.ajaxcontent table.tbajc td.urai{
	font-weight: bold;
}
div.popupContent div.srek div.bottom div.tab{
	float: left;
	font-size: 12px;
	color: #898989;
	font-weight: bold;
	padding: 10px 20px;
	border-right: solid 1px #ABABAB;
	cursor: pointer;
}
div.popupContent div.srek div.bottom div.active{
	background: white;
	margin-top: -1px;
	color: #424242;
	cursor: default;
}

/* Loading */
div.ajaxloading{
	font-size: 11px;
	font-weight: bold;
	color: #ABABAB;
}
div.ajaxloading img{
	width: 25px; 
	height: 25px; 
	margin: 0 7px 0 0; 
	vertical-align: middle;
}

/* POPUP PDF */
div.popupPDF{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9876;
	background: #CCC;
	display: none;
}
div.popupPDF div.header{
	position: fixed;
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	height: 24px;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 769;
	border-bottom: solid 1px #D60603;
	box-shadow: 0 0 10px #424242;
	-moz-box-shadow: 0 0 10px #424242;
	-webkit-box-shadow: 0 0 10px #424242;
}
div.popupPDF div.header div.title{
	color: #542804;
	color: white;
	font-size: 13px;
	font-weight: bold;
	margin: 3px 20px 0;
	overflow: hidden;
	float: left;
}
div.popupPDF div.header div.pdfclose{
	float: right;
	overflow: hidden;
	cursor: pointer;
	margin: 0 20px;
}
div.popupPDF div.header div.pdfclose img{
	width: 20px;
	height: 20px;
}
div.popupPDF div.content{
	clear: both;
	overflow: hidden;
	width: 100%;
	border: none;
	margin: 45px 0 0;
	padding: 0;
}
div.popupPDF div.content div.loading{
	margin: 50px auto 0;
	width: 200px;
	text-align: center;
	color: #666;
	z-index: 9876;
}

/* Popup Session */
div.popupSession{
	overflow: hidden;
	position: fixed;
	z-index: 8999;
	display: none;
}
div.popupContent div.popSess{
	overflow: hidden;
	clear: both;
	padding: 18px;
	border: solid 1px #000;
	background: #2d2d2d;
	font-family: 'Arial';
}
div.popupContent div.popSess div{
	float: left;
}
div.popupContent div.l{
	padding: 0 5px 0 0;
}
div.popupContent div p.big{
	letter-spacing: -2px;
	font-size: 40px;
	color: #F9E507;
}
div.popupContent div p.small{
	color: white;
	font-size: 12px;
	font-weight: bold;
}
div.popupContent div p.small a{
	color: #F9E507;
}
div.popupContent img.bigicon{
	vertical-align: middle;
	margin-right: 10px;
	height: 72px;
	width: 72px;
}

div.loadingPencarianRekening{
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
div.loadingPencarianRekening img{
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}