/*
##############################################
File CSS Utama, terdiri dari :
- Tag Selector
- Style Utama
- Style Utama
- Style Form Elements
- Style Kerangka
- Style Header
- Style Modul Bar
- Style Kotak Frame
- Style Menu Utama
- Style Halaman
- Style Tabel
- Style Halaman Data
- Style Tombol
- Style Tab
- Style Index
- Style Frame (Gedung)
- Style Lain-lain
##############################################
*/


/* Tag Selector ########################### */
html,body {
		height: 100%;
		}
body {
		font: 11px/normal tahoma,verdana;
		margin:0px 0px 0px 0px;
		background-color:#F6F7F8;
		/* visibility:hidden; */
		}
td,th {
		font: 11px/normal tahoma,verdana;
		} 
form {
		margin:0px 0px 0px 0px;
		}
input, select, textarea {
		font: 11px/normal tahoma,verdana,arial;
		}

/* Form Elements ########################### */
#list {
		margin:0px;
		padding:0px;

}

/* Style Kerangka ########################### */
div#isiUtama {
		margin-left: 155px;
		margin-right: 3px;
		}
div#isiUtama iframe{
		width:100%;
		}
div#isiKiri {
		position: absolute;  
		top: 69px;
		width: 150px; 
		left: 3px;
		}
div#isiKiriAtas {

		}
div#isiKiriAtas iframe{
		width:141px;
		}
		
div#isiKiriBawah {
		margin-top:3px;
		}
		
div#isiKiri div#isiKiriBawah div#badanKotak div {
		background-color:#E5EAEF;
		padding:3px;
		padding-bottom:10px;
		}
		
div#isiKiri div#isiKiriBawah span {
		display:block;
		background-position: top left;
		background-repeat:no-repeat;
		margin: 0px 6px 0px 0px;
		padding:3px 2px 2px 14px;
		line-height:10px;
		font-family: tahoma;
		font-size: 10px;
		}

div#isiKiri div#isiKiriBawah .copyright {
		display:block;
		margin: 0px 6px 3px 0px;
		padding:4px 2px 2px 2px;
		border-top: 1px solid #B2BBCE;
		line-height:10px;
		font-family: tahoma;
		font-size: 10px;
		color: #3E4D6B;
		}
		
		
		
/* Style Header ########################### */
div#kepala {
		background: url(../../_images/kepala_back.png) repeat-x;
		height: 35px;
		}
div#kepala div#kiri {
		padding-top: 2px;
		background: url(../../_images/kepala_judul_back.png) no-repeat;
		height: 35px;
		width: 400px;
		position:absolute;
		}
div#kepala div#kanan {
		height: 35px;
		}
div#hJudul {
		padding-top:10px;
		font: bold 11px/normal tahoma, arial;
		color:white;
		margin-right:10px;
		}
div#hJudulTengah {
		padding-top:10px;
		font:  16px/normal Rosario;
		color:#6495ED;
		}
.row {
		padding:5px 15px 0px 2px;
		color:black;
		}
.elmLabel{
       float:right;
	   font:  15px/normal Georgia;
	   width : 120px;
}
div#elmInput{
       float:left; 
	    font:  15px/normal Georgia;
} 
div#hLogo {
		float:left;
		padding-top: 5px;
		width: 80px;
		margin-right:30px;
		text-align: center;
		}

/* Style Modul Bar ########################### */
div#modul {
		position:relative;
		background: url(../../_images/modul_back.gif) repeat-x;
		height: 30px;
		padding:2px 0px 2px 0px;
		}
.modulShadow {
		position:absolute;
		width:100%;
		height:2px;
		top:29px;
		left:0px;
		z-index:5;
		}
div#modul div#kanan {
		border-left: 1px solid #CFD0D1;
		}
div#modul div#kiri {
		border-right: 1px solid #FFFFFF;
		}
div#modul a {
		border-right: 1px solid #CFD0D1;
		border-left: 1px solid #FFFFFF;
		float:left;
		display:block;
		height:26px;
		margin:0px 0px;
		padding-right:10px;
		text-decoration:none;
		font: 10px/normal tahoma,verdana,arial;
		color: #666666;
		line-height:26px;
		}
div#modul div#kanan a {
		padding:0 5px;
		}
div#modul a:hover {
		color: black;
		}
div#modul img {
		border-width:0px;
		float:left;
		}
a.aModulOn {
		background:url(../../_images/modul_icon_back.gif) repeat-x left bottom;
		}

/* Style Kotak Frame ########################### */
div#kepalaKotak {
		background:url(../../_images/kotakDasar.gif) no-repeat left top;
		}
div#kepalaKotak div {
		margin-left:4px;
		background:url(../../_images/kotakDasar.gif) no-repeat right top;
		line-height:4px;
		}
div#badanKotak {
		background:url(../../_images/kotakDasar.gif) no-repeat left bottom;
		}
div#badanKotak div {
		margin-left:4px;
		padding:0px 5px 5px 0px;
		background:url(../../_images/kotakDasar.gif) no-repeat right bottom;
		}


div#boxHead {
		background:url(../../_images/kotakDasar.gif) no-repeat right top;
		margin:10px 10px 0px 10px;
		}
div#boxHead span {
		display:block;
		margin-left:4px;
		background:url(../../_images/kotakDasar.gif) no-repeat right top;
		line-height:4px;
		}
div#boxBody {
		background:url(../../_images/kotakDasar.gif) no-repeat left bottom;
		margin:0px 10px 10px 10px;
		}
div#boxBody span {
		display:block;
		margin-left:4px;
		padding:0px 5px 5px 0px;
		background:url(../../_images/kotakDasar.gif) no-repeat right bottom;
		}



/* Style Menu Utama ########################### */
ul#menuUtama {
		padding:0px;
		margin:0px;
		position:relative;
		}
ul#menuUtama li {
		display: block;
		list-style:none;
		font:normal 11px tahoma;
		position:relative;
		}
ul#menuUtama a{
		display:block;
		text-decoration:none;
		color:#0C2640;
		line-height:14px;
		padding: 4px 5px 4px 17px;
		background-color:#E5EAEF;
		border-top:1px solid white;
		border-bottom:1px solid #B5BAC9;
		width:100%;
		}
ul#menuUtama a.menuOrtu{
		background:url(../../_images/icon/icosmall_plus.gif) 3px 8px no-repeat;
		background-color:#E5EAEF;
		}
ul#menuUtama a.menuOrtuExp{
		background:url(../../_images/icon/icosmall_minus.gif) 3px 8px no-repeat;
		background-color:#E5EAEF;
		}
ul#menuUtama a:hover {
		color:black;
		background-color: #F9F9DB;
		}
ul#menuUtama li ul li a {
		display:block;
		text-decoration:none;
		color:#0C2640;
		line-height:14px;
		padding: 4px 5px 4px 20px;
		background-color:#D3DCE5;
		border-top:0px;
		border-bottom:1px solid #BCC4CC;
		}
ul#menuUtama li ul {
		border-top:2px solid #C2CBD3;
		}
.menuAnak {
		padding:0px;
		margin:0px;
		display:none;
		}
.menuAnakOn {
		padding:0px;
		margin:0px;
		display:block;
		}
.menuAktif {
		background:url(../../_images/aktif_back.gif) right repeat-y;
		}
		

/* Style Halaman ########################### */
#winControl {
		font: bold 10px/18px tahoma,verdana,arial;
		color:white;
		height:19px;
		padding-left:5px;
		background-color:#BAD3DD;
		}
div#barJudul {
		background:url(../../_images/barJudul.gif) repeat-x left top;
		font: bold 10px/18px tahoma,verdana,arial;
		color:white;
		height:19px;
		padding-left:5px;
		}
div#isi {
		position:relative;
		width:100%;
		overflow: auto;
		}

div#isiMulti {
		width:100%;
		overflow: auto;
		display:none;
		}

.winKecil {
		background-color:#ECEBE2;
		}

iframe#isi {
		width:100%;
		}
div#isiAtas, div#isiAtasGedung {
		background-color:#ECEBE2;
		padding:2px 10px;
		width:100%;
		overflow: visible;
		}
div#isiAtas {
		padding:0 10px;
		padding-bottom:1px;
		border-top:3px solid #E0DFD6;
}

div#isiFooter {
		border-top:1px solid #C1CFF2;
		border-right:1px solid #2D4270;
		border-bottom:1px solid black;
		border-left:1px solid #6F88C2;
		background-color:#4868B1;
		height:20px;
		}

 div#isiFooterInput {
		border-top:1px solid white;
		border-bottom:1px solid #D7D9DC;
		border-left:1px solid white;
		background-color:#E9ECEF;
		height:20px;
		padding:2px;
		padding-top:3px;
		}

#frmIsiTab{
		width:100%;
		border-top:3px solid #3A5A9D;
		}
#actBar{
		background-color: #E5EAEF;
		border-top:1px solid white;
		border-right:1px solid #B5BAC9;
		border-bottom:1px solid #B5BAC9;
		border-left:1px solid white;
		padding:2px 1px;
		padding-left:2px;
		width:100%;
		height:26px;
		}
.actLink{
		color:black;
		display:block;
		float:left;
		border:0px solid black;
		margin:0 3px 0 0;
		text-decoration:none;
		padding:0px 6px 2px 4px;
		border:1px solid #C2C8CF;
		background-color:#DBE0E5;
		}

.actLink:hover {
		border-top:1px solid #F8FAFB;
		border-right:1px solid #ABAFB3;
		border-bottom:1px solid #8F9295;
		border-left:1px solid #F8FAFB;
		background-color:#DBE0E5;
		}

.actClick{
		color:black;
		display:block;
		float:left;
		border:0px solid black;
		margin:0 3px 0 0;
		text-decoration:none;
		padding:0px 6px 2px 4px;
		border:1px solid #C2C8CF;
		background-color:red;
		}
#actBar img{
		vertical-align:middle;
		}

#buttonNonCetak {
		float:left;
		padding-right:0px;
		background: url(../../_images/button_part.gif) right no-repeat;
		}

#buttonCetak {
		float:left;
		padding-left:3px;
		}

#buttonCetak img{
		margin-right:4px;
		}

	

/* Style Tabel ########################### */
table#tbl{

		}
table#tbl td {
		border-right:1px solid #D7E9D7;
		}
table#tbl tfoot td {
		background-color:white;
		height:1024px;
		}
table#tbl thead,#tblClone thead, .footerMultiDetail{
		background:url(../../_images/th_back01.gif) #E6E8EB;
		}
table#tbl thead th,#tblClone thead th,.footerMultiDetail {
		border-top:1px solid white;
		border-right:1px solid #C0C2C3;
		border-bottom:1px solid #C0C2C3;
		/*border-left:1px solid black;*/
		font-weight:bold;
		}
table#tbl tbody td {
		border-bottom:1px solid #E5F2E1;
		}



table#tblmulti{
		border-right:1px solid gray;
		}
table#tblmulti td {
		border-right:1px solid #D7E9D7;
		}
table#tblmulti tfoot td {
		background-color:white;
		height:1024px;
		}
table#tblmulti thead,#tblClone thead{
		background:url(../../_images/th_back01.gif) #E6E8EB;
		}
table#tblmulti thead th,#tblClone thead th {
		border-top:1px solid white;
		border-right:1px solid #C0C2C3;
		border-bottom:1px solid #C0C2C3;
		/*border-left:1px solid black;*/
		font-weight:bold;
		}
table#tblmulti tbody td {
		border-bottom:1px solid #E5F2E1;
		}
table#tblmulti tbody td.tdno {
		text-align:right;
		padding-right:5px;
		}

#titleTblMulti{
		margin:4px;
		background-color:#CCCCCC;
		border:1px solid gray;
		width:100%;
		}

#titleTblMulti #tblbar{
		padding:2px;
		background-color:#DDDDDD;
		border-bottom:1px solid gray;
		font-weight:bold;
		}

#titleTblMulti #tblbar #kiri{
		padding:4px;
		}

.thno {
		width:20px;
		}
.thedit {
		width:15px;
		}
.thcheck {
		width:15px;
		padding:0px;
		}
.tdno {
		text-align:right;
		padding-right:5px;
		}
.tdcheck {
		padding:0px;
		}
.tdedit {
		text-align:center;
		}

#isiDataPokok #tblMulti .thno {
		width:25px;
		text-align:right;
		padding:0px 5px 0px 0px;
		}

#isiDataPokok #tblMulti .thedit {
		width:30px;
		text-align:center;
		padding:0px 0px 0px 0px;
		}

#isiDataPokok #tblMulti .thcheck {
		width:30px;
		text-align:center;
		padding:0px 0px 0px 0px;
		}

#isiDataPokok #tblMulti .tdedit {
		width:30px;
		text-align:center;
		padding:4px 0px 0px 0px;
		}

#isiDataPokok #tblMulti .tdcheck {
		width:30px;
		text-align:center;
		padding:0px 0px 0px 0px;
		}




/* Style Halaman Data ########################### */

#isiDataPokok, #isiDataInput, #isiDataInputPop{
		background-color:#E9ECEF;
		border-right:1px solid #E9EAEB;
		border-left:1px solid white;
		border-bottom:1px solid white;
		}
#isiInfo #isiDataPokok {
		border-bottom:1px solid #B5B5B6;
		}


#isiDataInput, #isiDataInputPop {
		border-bottom:0px solid white;
		}
#isiInputPokok , #isiInputTambah {
		margin:5px 0px 5x 0px;
		}

#isiDataPokok td, #isiDataInput td, #isiDataInputPop td,{
		padding-left:12px;
		padding-right:12px;
		vertical-align:top;
		}

#isiDataInput .tdField, #isiDataInput .tdFieldTambah, #isiDataInputPop .tdField, #isiDataInputPop .tdFieldTambah{
		padding-top:4px;
		}

.spaceIsiDataInput {
		background-color:#E9ECEF;
		height:10px;
		}

.tdField, .tdFieldTambah{
		font-weight:bold;
		border-top:1px solid white;
		border-bottom:1px solid #D7D9DC;
		text-align:right;
		}
.tdField{
		width:120px;
		}
.tdFieldTambah {
		font-weight:bold;
		width:100px;
		}

.tdIsi, .tdIsiTambah{
		border-top:1px solid white;
		border-bottom:1px solid #E7E7E8;
		background-color:#FBFBFC;
		}

.tdJudul{
		background-color:#B2C1D0;
		border-top:1px solid #D8DFE7;
		border-bottom:1px solid #7C96B0;
		padding:3px 5px 3px 12px;
		font-weight:bold;
}

.tdSubJudul{
		background-color:#D5DDE5;
		border-top:1px solid #E9ECF0;
		border-bottom:1px solid #BAC7D4;
		padding:2px 5px 2px 12px;
		font-weight:bold;
}
.noBorderTop {
		border-top-width:0;
		}

.noBorderBottom {
		border-bottom-width:0;
		}

#isiDataInput .tdIsi, #isiDataInput .tdIsiTambah, #isiDataInputPop .tdIsi, #isiDataInputPop .tdIsiTambah{
		background-color:transparent;
		padding-left:2px;
		border-bottom:1px solid #D7D9DC;
		}

#isiDataInput .tdIsi input, #isiDataInput .tdIsiTambah input, #isiDataInputPop .tdIsi input, #isiDataInputPop .tdIsiTambah input{
		padding-top:2px;
		padding-right:2px;
		padding-bottom:3px;
		padding-left:4px;
		margin:0px;
		height:22px;
		}

#isiDataInput .tdIsi .submit01, #isiDataInput .tdIsiTambah .submit01, #isiDataInputPop .tdIsi .submit01, #isiDataInputPop .tdIsiTambah .submit01{
		padding-top:2px;
		padding-right:2px;
		padding-bottom:3px;
		padding-left:4px;
		margin:0px;
		height:22px;
		}

#isiDataInput textarea, #isiDataInputPop textarea {
padding:5px;
display:block;

		}
.tdPart {
		background-color:transparent;
		}

#isiDataFoto {
		width:100%;
		text-align:right;
		position:absolute;
		top:0;
		left:0;
		}
#isiDataFoto img{
		border:1px solid black;
		margin-top:5px;
		}

#isiDataFoto span{
		padding:10px;
		background-color:white;
		}

#isiAtasGedung .tdField {
		font-weight:normal;
		width:auto;
		}


#isiAtasGedung #isiDataPokok td, #isiAtasGedung #isiDataInput td, #isiAtasGedung #isiDataInputPop td{
		padding-left:2px;
		padding-right:2px;
		vertical-align:top;
		}

/* Style Login ########################### */
#loginPage {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background: url("../../_images/login_gradback.gif") bottom repeat-x;
		width:50%;
		text-align:left;
		}

#loginBox {
		position:absolute;
		top:0;
		left:0;
		z-index:3;
		}
#loginError {
		position:absolute;
		top:0;
		left:0;
		visibility:hidden;
		width:300px;
		z-index:2;
		background-color:#FFFFCC;
		border:1px solid #CCCCCC;
		overflow:visible;
		padding:115px 10px 0px 10px;
		}

#isiLoginError {
		border-top:1px solid #CCCCCC;
		padding:5px 0px 10px 40px;
		background: url("../../_images/img_caution.gif") 8px 5px no-repeat;
		}


#loginBox input {
		margin-left:5px;
		}

#loginBox td {
		padding:5px 20px 5px 20px
		}

#loginPageBorder {
		width:3px;
		height:100px;
		background: url("../../_images/loginPageBorder_back.gif") #D2DFEF top no-repeat;
		}
.isiLogin {
		background: url("../../_images/login_img.jpg") left bottom no-repeat;
		}

/* Style Tombol ########################### */
.submit01 {
		border-top:1px solid #405D9E;
		border-right:2px solid #39528C;
		border-bottom:2px solid #39528C;
		border-left:1px solid #405D9E;
		font: bold 10px/normal tahoma,verdana,arial;
		color:white;
		height:19px;
		background: url("../../_images/btn01_back.gif") #6A84BF 1px 1px;
		margin-bottom:1px !important;
		padding:0px 9px 1px 9px !important;
		margin-bottom:0px;
		padding-top:0px;
		padding-right:5px;
		padding-bottom:0px;
		padding-left:5px;
		cursor: pointer;
		}
.submit02, .submit03 {
		border-top:1px solid #405D9E;
		border-right:2px solid #39528C;
		border-bottom:2px solid #39528C;
		border-left:1px solid #405D9E;
		font: bold 10px/normal tahoma,verdana,arial;
		color:white;
		background: url("../../_images/btn01_back.gif") #6A84BF 1px 1px;
		width:30px;
		height:18px;
		margin-top:1px !important;
		margin-top:0px;
		}
		
.submit02 {
		cursor: hand;
		}
.submit03 {
		cursor: auto;
		}


/* Style Tab ########################### */
#kotakInfo {
		float:left;
		border: 1px solid black;
		margin-right:2px;
		background-color:white;
		font-weight:bold;
		}
#itemTitle {
		font: bold 16px/normal arial;
		padding-top:8px
}

#itemTambah {
		float:left;
		width:100%;
		margin-top:2px;
		border-top:1px solid black;
		padding-top:2px;
		}

.kotakInfoTitle {
		background-color:black;
		padding:0 2px;
		color:white;
		font-size:9px;
		text-align:center;
		}

.kotakInfoIsi {
		padding:1px 2px;
		text-align:center;
		}

ul#tab {
		margin:0px;
		padding: 5px 0px 0px 8px;
		list-style: none;
		border: none;
		background-color:#ECEBE2;
		width:100%
		} 
#tab li {
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		}

#tab li a.liPrevAktif {
		background-image:none ;
		}

#tab li.liAktif {
		background: url(../../_images/tab_left.gif) left no-repeat;
		}

#tab a, #tab .tabOff {
		display:block;
		color:#444;
		text-decoration:none;
		padding:2px 12px 1px 2px;
		margin-left: 3px;
		position: relative;
		font: 11px tahoma,verdanam,arial;
		background: url(../../_images/tab_part.gif) right bottom no-repeat;
		}
		
#tab a#a0 { left: 0px;}
#tab a#a1 { left: 0px;}
#tab a#a2 { left: 0px;}
#tab a#a3 { left: 0px;}
#tab a#a4 { left: 0px;}
#tab a#a5 { left: 0px;}
#tab a#a6 { left: 0px;}
#tab a#a7 { left: 0px;}
#tab a#a8 { left: 0px;}
#tab a#a9 { left: 0px;}
#tab a#a10 { left: 0px;}
	
#tab a:hover {
		color:red;
		}
#tab a.tabAktif {
		position:relative;
		background: url(../../_images/tab.gif) right no-repeat;
		padding:2px 12px 1px 2px;
		margin-left: 3px;
		color:white;
		}

#tab a.tabAktif:hover {
		color:white;
		}

/* Style Frame (Gedung) ########################### */
div#isiAtasGedung {
		padding:0px;
		}
div#isiAtasGedung form{
		margin:3px
		}

#frmGedungInfo {
	}
#frmGedung {
	width:200px;
	}


#frmGedungInfo2 {
	}
#frmGedung2 {
	width:200px;
	}
#gedungPart {
	width:5px;
	background-color:#4868B1;
	border-top: 1px solid #96A8D2;
	border-right: 1px solid #2D4270;
	border-bottom: 1px solid #1E2C4A;
	border-left: 1px solid #6F88C2;
	}
#gedungBody {
	background-color:#F6F7F8;
	border-right: 1px solid #9B9C9D;
}
#isiGedungFooter {
	background-color:#E6ECF1;
	border-top: 1px solid #D8E0E6;
	border-bottom: 1px solid #616365;
	padding:4px;
	font: 9px/normal Tahoma;
	}
#isiGedung {
	padding:4px;
	padding-bottom:12px;
	vertical-align:bottom;
	text-align:center;
	}
#gedung {
	background-color:white;
	margin:1px 0;
	height:18px;
	border:1px solid black;
	width:162px;
	}
#lantai {
	background-color:#BBBBBB;
	height:18px;
	border-right:1px solid #999999;
	}
#luas {
	height:18px;
	background-color:#DDDDDD;
	/*border-right:1px solid #999999;*/
	float:left;
	}
#luasSewa {
	height:18px;
	background-color:#DDDDDD;
	border-right:1px solid black;
	float:left;
	}
#luasNonSewa {
	height:18px;
	background-color:#BBBBBB;
	float:left;
	}
.sewa {
	height:18px;
	border-right:1px solid black;
	float:left;
	}
.fasum {
	height:18px;
	border-right:1px solid black;
	float:left;
	}

.lt {
	float:left;
	padding-top:5px;
	width:15px;
	text-align:right;
	}

.legendColor img {
	margin-right:3px
	}





/* Style Lain-lain ########################### */
#modulTitle {
	font: 24px/normal Trebuchet ms, Tahoma, Verdana, Arial;
	padding:40px 80px 0px 80px;
}
#modulSubTitle {
	font: 16px/normal Trebuchet ms, Tahoma, Verdana, Arial;
	padding:0px 80px 0px 80px;
}
#modulIsi {
	font: 14px/normal Trebuchet ms, Tahoma, Verdana, Arial;
	padding:0px 80px 10px 100px;
}


/* Style Lain-lain ########################### */
#loading {
		position: absolute;
		visibility:visible;
		height:100%;
		width:100%;
		background-color:white;
		background-image: url("../../_images/loading.gif");
		background-position: center center;
		background-repeat: no-repeat;
		z-index:99;
		}

#loadedpage {
		visibility: hidden;
		}
.navHal {
		font:10px/14px tahoma,verdana;
		background-color:#E5EAEF;
		border:1px solid #2F4575;
		margin:2px 1px 1px 1px !important;
		margin:1px 1px 1px 1px;
		padding: 0px 5px;
		}
#itemTitle2 {
		font: normal 12px/normal arial;
		background-color: #eef0f2;
		border-top:1px solid white;
		border-right:1px solid #a1a3a4;
		border-bottom:1px solid #a1a3a4;
		border-left:1px solid white;
		padding:3px 3px;
		padding-left:5px;
		width:100%;

}

.subTitle2{
		font-weight:bold;
}

.subTitle2 img {
		font-weight:bold;
		margin:0px 2px;
}



/* Style Utama ########################### */	

.noul {
		text-decoration:none;
		}
div#kiri {
		float: left;
		}
div#kanan {
		float: right;
		}
div.spacer {
		clear: both;
		}
div.partisi {
		background-color:#3A5A9D;
		height:3px;
		}
.kalender table td {
		padding-left:0px;
		padding-right:0px;
		}
    
.note {
		border:1px solid black;
		background-color:lightyellow;
		padding:5px;
		position:absolute;
		left:0px;
		top:0px;
		width:100px;
		float:left;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
		}




/* ######################################### */
.denah div {
		font-weight:bold;
		padding:3px;
		padding-left:8px;
		}
#submenu {
		background-image: url(../../_images/back_submenu.gif);
		background-position: bottom;
		background-color: #CED5E3;
		width:100%;
		float:left;
		_float:none;
		}
		
#submenu ul {
		margin:0px;
		padding:0px;
		list-style:none;
		}

#submenu li {
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		}

#submenu a {
		display:block;
		color: black;
		text-decoration:none;
		margin:0;
		padding: 3px 10px 4px 10px;
		border-right: 1px solid white;
		position: relative;
		font: normal 11px verdana;
		}

#submenu a:hover {
		color: black;
		background-image: url(../../_images/back_submenu.gif);
		background-position: bottom;
		background-color: #F9F9DB;
		}


































#grafik {
		position:absolute;
		top:40px;
		left:10px;
		}
#grafikTools {
		padding:10px;
		}
.grafikSatuan {
		position:absolute;
		overflow:visible;
		width:50px;
		text-align:center;
		}
.grafikSatuan span {
		position:absolute;
		display:block;
		padding:1px 1px 0px 1px;
		left:12px;
		}
.grafikSatuan .grafikMain {
		width:20px;
		border-width:1px;
		border-style:solid;
		}
.grafikSatuan img {
		position:absolute;
		left:34px;
		width:3px;
		top:11px;
		}
.grafikSatuan .grafikText {
		font-style:italic;
		}



#grafik1 {left:0px;}
#grafik1 span {background-color:#76914F;}
#grafik1 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik2 {left:50px;}
#grafik2 span {background-color:#76914F;}
#grafik2 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik3 {left:100px;}
#grafik3 span {background-color:#76914F;}
#grafik3 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik4 {left:150px;}
#grafik4 span {background-color:#76914F;}
#grafik4 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik5 {left:200px;}
#grafik5 span {background-color:#76914F;}
#grafik5 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik6 {left:250px;}
#grafik6 span {background-color:#76914F;}
#grafik6 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik7 {left:300px;}
#grafik7 span {background-color:#76914F;}
#grafik7 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik8 {left:350px;}
#grafik8 span {background-color:#76914F;}
#grafik8 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik9 {left:400px;}
#grafik9 span {background-color:#76914F;}
#grafik9 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik10 {left:450px;}
#grafik10 span {background-color:#76914F;}
#grafik10 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}

#grafik11 {left:500px;}
#grafik11 span {background-color:#76914F;}
#grafik11 .grafikMain {
	background-color:#ACD373;
	border-top-color:#CCE4A8;
	border-right-color:#76914F;
	border-left-color:#CCE4A8;
	}
.whiteAlpha {
	position:absolute;
	display:none;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	}
.whiteAlphaOn {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:20px;
	height:20px;
	z-index:99;
	}



.kantor {
	width:100%;
}

.modul {
	border:1px solid black;
	padding:10px;
	float:left;
	margin:10px;
}

.modulUser {
	float:left;
	margin:5px;
	text-align:center;
	width:60px;
}

.modulUser img{
	display:block;
	border-width:0;
}
/*
table#inputTrans, table#infoTrans, table#detTrans {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #E5EAEF;
}
*/

#isiAtasKiri, #isiAtasKanan {
	float:left;
	margin:3px 2px 3px 2px;
	width:49%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #E5EAEF;
}

#isiAtasKiri table, #isiAtasKanan table{
	width:100%;
}


#isiAtasKiri table td,  #isiAtasKanan table td, table#detTrans2 td  {
	padding:0px 6px;
	height:24px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C7CACC;
}

table#detTrans td  {
	padding:0px 6px;
	height:24px;
	border-top: 1px solid #D7E9D7;
}

#isiBawahGrid {
	clear:both;
	width:100%;
	margin:0px 5px 3px 5px;
	border-top:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-left:1px solid white;
	background-color:white;

}

#isiBawahGridScrollable {
	clear:both;
	width:100%;
	margin:0px 5px 3px 5px;
	border-top:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-left:1px solid white;
	background-color:white;

}

#fixedTh {
		position:absolute;
		left:0px;
		overflow:hidden;
}

#fixedTh table {
		position:relative;
}


table#detTrans td {
	padding:0px 6px;
	border-left: 1px solid #D7E9D7;
	vertical-align: middle;
}

table#detTrans2 td {
	padding:0px 3px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	vertical-align: top;
	padding-top:2px;
	padding-bottom:2px;
}

table#detTrans th,table#detTrans2 th{
	padding:4px;
	vertical-align: middle;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #c0c2c3;
	border-bottom: 1px solid #c0c2c3;
	background-color:#eff1f3;
	font-weight:bold;
}

.trHeader {
	background-color:#E2E4E5;
}

table#detTrans tbody td, table#detTrans2 tbody td, .trBody {
}

#isiAtasKiri table .kalender table,  #isiAtasKanan table .kalender table, table#detTrans .kalender table td,, table#detTrans2 .kalender table td {
	width:170px;
}

#isiAtasKiri table .kalender table td,  #isiAtasKanan table .kalender table td, table#detTrans .kalender table td, table#detTrans2 .kalender table td {
	height:auto;
	padding:auto;
	vertical-align: auto;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.inputTransField {
	width:110px;
	font-weight:bold;
}

.tdContTrans {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #E5EAEF;
}

table#detTrans tbody tr.thfoot, table#detTrans2 tbody tr.thfoot {
	background-color:white;
}

table#detTrans tbody td.thlook,table#detTrans2 tbody td.thlook {
	padding:2px;
	vertical-align: middle;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #C7CACC;
	border-bottom: 1px solid #C7CACC;
	border-left: 1px solid #FFFFFF;
	background-color:#E2E4E5;
	font-weight:bold;
}


#oSearch iframe {
	display:none;
	position:absolute;
}

.gridKiri{

}

.gridKanan{

}

.comboitem {
	text-decoration:none;
	cursor:default;
	color:black;
	display:block;
	white-space:nowrap;
	padding:1px 6px;
}

.comboitem:hover {
	background-color:#4c6bb3;
	color:white;
}

#isiAtasKiri table .trlevel01 td {
	background-color:#6789ab;
	color:white;
	font-weight:bold;
	border-top:1px solid #bdccda;
	border-bottom:1px solid #41566c;
}

#isiAtasKiri table .trlevel02 td {
	padding-left:30px;
	font-weight:bold;
}

#isiAtasKiri table .trlevel03 td {
	padding-left:60px;
}
/*
######################################33
*/
.tdIsiDataInputPop{
	padding:15px;
	background-color:#E9ECEF;
}

.divIsiDataInputPop {
	border:1px solid #B5BCC3;
	border-bottom-width:0px;
	margin-bottom:15px;
}

#inputFields .divIsiDataInputPop label{
	background:#DCE2E8;
	display:block;
	font-weight:bold;
	padding:5px 8px;
	border-bottom:1px solid #B5BCC3;
}

#inputFields .divIsiDataInputPop table{
	width:100%;
}

#inputFields .divIsiDataInputPop table td{
}

#inputFields .thNo{
	padding:4px;
	padding-left:12px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	text-align:right;
	background-color:white;
}
		
#inputFields .thField{
	padding:4px;
	padding-left:12px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	background-color:white;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	width:auto;
}

#inputFields .thIsi{
	padding:4px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	background-color:white;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

#inputFields .tdNo{
	padding:4px;
	padding-left:12px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	text-align:right;
	background-color:white;
}
		
#inputFields .tdField{
	padding:4px;
	padding-left:12px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	text-align:left;
	background-color:white;
	width:auto;
}

#inputFields .tdIsi{
	padding:4px;
	border-top-width:0px;
	border-bottom:1px solid #B5BCC3;
	background-color:white;
}

#inputFields .kalender table{
	width:170px;
}

#inputFields .divSubmit{
	text-align:center;
	background-color:#E9ECEF;
	padding:15px;
	padding-top:0px;
}


/* Style Print ########################### */
#barPrint {
	background-color:#5085BC;
	border-top:1px solid #C1CFF2;
	border-bottom:1px solid #33618F;
	padding:0px;
	color:white;
	font: bold 11px/normal verdana;
	height:23px;
}
#barPrint .submit01{
	margin-top:1px;
	margin-right:2px;
	float:right;
	display:block;
}
#print{
	padding:12px;
	background-color:white;
}
#barPrint .judul{
	float:left;
	padding:3px 2px 0px 10px;
}
#print .judul1{
	padding-left:8px;
	white-space:nowrap;
	font: bold 14px/15px tahoma;
	}
#print .judul2{
	padding-left:8px;
	white-space:nowrap;
	font: 12px/normal tahoma;
	}
#print .header td{
	padding-bottom:10px;
	border-bottom:1px solid black;
	}
#print .judul td{
	text-align:center;
	font: bold 12px/normal tahoma;
	padding:10px;
	}
#print .tdtop td{
	vertical-align:top;
	}
#print .grid th{
	border-bottom:2px solid black;
	}
#print .grid td{
	}
#print .grid .total td{
	border-top:1px solid black;
	}

#printArea{
	border:1px solid black;
	margin:5px;
}

/* 645px -> 17cm */
.a4{
	width:645px;
	height:970px;
}

.fieldsetSK {
	border:1px solid black;
	margin:0px 50px;
	padding:20px 10px;
	font-size:14px;
	font-weight:bold;
}
.fieldsetSK legend{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:black;
	margin-bottom:15px;
	padding:0px 10px;
}

.divSK{
	margin:0px 50px;
}

.divSK th{
	text-align:left;
	font-weight:normal;
	font-size:14px;
}

.divSK td{
	font-size:12px;
}
div.tes{
padding : 3px 10px;
margin-bottom : 5px;
}
div.tes label{
	float : left;
	width : 40%;
	text-align : left;
}
div.tes input[text="input"]{
	float:left;
	
}
div.tes:after{
	clear:both;
}

.box-login{
	width : 410px;
	text-align:center;
}