.list {
		position:absolute; 
		left:50%; margin-left:-492px;
		top:10px; bottom:10px;
		width:984px;
		/*display:none;*/
	} 
	.listhdr, .gridpoptitle {
		width:984px; height:30px; line-height:30px; 
		background: -webkit-gradient(linear, top bottom, from(#004333), to(#09503e));
		background: -webkit-linear-gradient(top, #004333, #09503e);
		/*background: -moz-linear-gradient(top, #004333, #09503e);*/
	background: -moz-linear-gradient(top, #004333, #09503e);
		background: -o-linear-gradient(top, #004333, #09503e);
		background: -ms-linear-gradient(top, #004333, #09503e);
		background: linear-gradient(top, #004333, #09503e);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#09503e');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004333', endColorstr='#09503e')";
		background-color: #09503e;
		border:1px solid #004333; border-bottom:none; border-right:1px solid #CCC; color:#fff;
	}
	.listftr {
		position:absolute; left:0; bottom:0; display:block;
		width:984px; height:30px; line-height:30px; _height:27px;
		background:#e0e0e0;
		border-left:1px solid #999; border-bottom:1px solid #CCC; border-right:1px solid #CCC;
	}
	.grid {
		position:absolute; top:30px; bottom:30px;
		width:984px; overflow:hidden;
		/*border:1px solid #457dae; */
		border-left:1px solid #999; border-right:1px solid #CCC; 
	}
	.gridtitle {
		width:100%; height:30px; line-height:30px; background-color:#124b82; overflow:hidden;
		text-align:center; color:#FFF; font-weight:bold;
	}
	.gridhdr {
		width:984px; height:30px; line-height:30px; background-color:#598f81; overflow:hidden;	
	}
	.griddata, .griddataprotected {
		position:absolute;
		left:0; top:30px; bottom:0; overflow:scroll;
		width:984px; background-color:#fff; overflow:auto;
	}
	.griddata table td { border-bottom:1px #fefffe solid; }
	.grid table td, .grid table th { padding:0 5px; }

	.gridpop {
		position:absolute; top:30px; bottom:30px; 
		width:100%; overflow:hidden;
	}

	.gridpoptitle {
		width:100%; height:30px; line-height:30px; background-color:#124b82; overflow:hidden;
		text-align:center; color:#FFF; font-weight:bold;
	}
	.gridpophdr {
		width:100%; height:30px; line-height:30px; background-color:#bbd192; overflow:hidden;	
	}
	.gridpopdata {
		position:absolute;
		left:0; top:30px; bottom:0; overflow:scroll;
		width:100%; background-color:#fff; overflow:auto;
	}
	.gridpopdata table td { border-bottom:1px #fefffe solid; }
	.gridpop table td, .gridpop table th { padding:0 5px; }
	.gridpopftr {
		position:absolute; left:0; bottom:0; display:block;
		width:100%; height:30px; line-height:30px; 
		background:#e0e0ea;
	}
	.gridpopimage {
		position:absolute; background-color:#999;	
	}

.DateForm {
	background:url(../img/cal.jpg) 105px center no-repeat #fefefe;
	width:120px; cursor:pointer; border:1px solid #000000;
	padding-right:5px; 
	padding-left:2px; 
	height:19px; line-height:19px; text-align:center;
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.ComboForm {
	background:url(../img/arrowdown000.gif) right no-repeat #fefefe;
	cursor:pointer; border:1px solid #000000;
	padding-left:2px; 
	height:19px; line-height:19px;
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.LookUpForm {
	background:url(../img/lookup.gif) right no-repeat #fefefe;
	cursor:pointer; border:1px solid #000000;
	padding-left:2px; 
	height:19px; line-height:19px;
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.TextForm {
	background:#fff;
	padding-right:2px; 
	padding-left:2px; 
	height:19px; line-height:19px;
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.SelectForm {
	background:#fefefe;
	padding-right:2px; 
	padding-left:2px; 
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.SelectForm option {
	height:19px; line-height:19px;
	padding-right:2px; 
	padding-left:2px; 
}
div.ListHeader {  
	height:25px; background-color:#598f81; 
	border:2px solid #828177; border-bottom:none; border-right:1px solid #f9f8f3; 
	overflow:hidden;
}
div.ListForm {
	overflow-x:hidden; overflow-y:scroll;
	background:#fefefe; padding:2px;
	padding-right:2px; 
	padding-left:2px; 
	line-height:19px;
	border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
}
.ButtonNav, .ButtonLookUp, .ButtonForm, .ButtonPop, .ButtonMain { /*, .ButtonImage {*/
	height:22px
}
.ButtonNav, .ButtonLookUp, .ButtonForm {
	font-size:10px;	height:22px
}
.ButtonLookUp {
	background:url(../img/lookup.gif) right center no-repeat; 
	width:22px; height:23px; cursor:pointer;
	border:2px solid #f5f4eb; border-bottom:2px solid #a6a498; border-right:2px solid #a6a498;
}
.ButtonMain {
	padding:0 10px;	
}
.ButtonUpload, .PhotoFrame {
	width:128px; height:128px; line-height:128px;
	background:#CCCCCC;
	text-align:center; overflow:hidden;
}
.ButtonUpload {	cursor:pointer; }
.NoBackground { background:none }
.ReadonlyForm, .ReadOnlyForm  { background:#EEE; cursor:default }
.ComboScroll {
	position:absolute;
	display: none;
	background: #fffff7;
	border: 1px solid #666;
	height: 60px;
	z-index: 9004;
	overflow-x: hidden;
	overflow-y: auto;
}
.Combo {
	position:absolute;
	display: none;
	background: #f7f7ff;
	border: 1px solid #666;
	height: auto;
	z-index: 9002;
	overflow: hidden;
}
.ComboItem { width: 100%; margin-bottom: 0; }

.ComboItem li { list-style-type:none; white-space:nowrap; }

.ComboItem li a {
	display:block;
	padding:0 5px;
	font-size:12px;
	height:20px;
	line-height:20px;
	font-weight:normal;
	text-decoration:none;
	background-color:inherit;
	color: #666;
}

.ComboItem a:hover {
	background: #FFFFFF;
	color:#000;
	text-decoration:none;
	text-transform:none;
}
	.Currency100 {
		width:90px; text-align:right; padding-right:10px;
		background:url(../img/bgcurrency100.gif) top left no-repeat #fff; 
	}
	.Currency120 {
		width:105px; text-align:right; padding-right:15px;
		background:url(../img/bgcurrency120.gif) top left no-repeat #fff; 
	}
	.Currency200 {
		width:190px; text-align:right; padding-right:10px;
		background:url(../img/bgcurrency200.gif) top left no-repeat #fff; 
	}
	.Info {
		height:19px; line-height:19px;
		margin-left:3px; margin-top:3px; /*float:left; */
		border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
	}
	/*.InfoKataKunci {
		background:url(../img/bginfoKataKunci.gif) left center no-repeat #fdf2d2; 
		width:300px; padding-left:95px; text-align:left 	
	}*/
	.InfoAlamat {
		background:url(../img/bginfoAlamat.gif) left center no-repeat #fdf2d2; 
		width:400px; padding-left:52px; padding-right:6px;
	}
	.InfoNamaMahasiswa {
		background:url(../img/bginfoNamaMahasiswa.gif) left center no-repeat #fdf2d2; 
		width:182px; padding-left:105px; 
	}
	.InfoNamaMataKuliah {
		background:url(../img/bginfoNamaMataKuliah.gif) left center no-repeat #fdf2d2; 
		width:477px; padding-left:110px; 
	}
	.InfoNamaAnggota {
		background:url(../img/bginfoNamaAnggota.gif) left center no-repeat #fdf2d2; 
		width:250px; padding-left:100px; 
	}
	.InfoTipeAnggota {
		background:url(../img/bginfoTipeAnggota.gif) left center no-repeat #fdf2d2; 
		width:100px; padding-left:95px; 
	}
	.InfoJenisAnggota {
		background:url(../img/bginfoJenisAnggota.gif) left center no-repeat #fdf2d2; 
		width:182px; padding-left:98px; 
	}
	.InfoTotalAntrian {
		background:url(../img/bginfoTotalAntrian.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:85px; padding-right:10px; text-align:center; 	
	}
	.InfoTotalPinjaman {
		background:url(../img/bginfoTotalPinjaman.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:95px; padding-right:10px; text-align:center; 	
	}
	.InfoPasienWali {
		background:url(../img/bginfoPasienWali.gif) left center no-repeat #fdf2d2; 
		width:230px; padding-left:75px; 
	}
	.InfoProgramStudi {
		background:url(../img/bginfoProgramStudi.gif) left center no-repeat #fdf2d2; 
		width:150px; padding-left:90px; 
	}
	.InfoSemester {
		background:url(../img/bginfoSemester.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:67px; padding-right:10px; text-align:center; 	
	}
	.InfoSKS {
		background:url(../img/bginfoSKS.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:37px; padding-right:10px; text-align:center; 	
	}
	.InfoMaksSKS {
		background:url(../img/bginfoMaksSKS.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:70px; padding-right:10px; text-align:center; 	
	}
	.InfoTotalSKS {
		background:url(../img/bginfoTotalSKS.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:70px; padding-right:10px; text-align:center;
	}
	.InfoTotalMataKuliah {
		background:url(../img/bginfoTotalMataKuliah.gif) left center no-repeat #fdf2d2; 
		width:15px; padding-left:107px; padding-right:10px; text-align:center;
	}
	.InfoTotalBobot {
		background:url(../img/bginfoTotalBobot.gif) left center no-repeat #fdf2d2; 
		width:35px; padding-left:80px; padding-right:10px; text-align:center 	
	}
	.InfoIPKumulatif {
		background:url(../img/bginfoIPKumulatif.gif) left center no-repeat #fdf2d2; 
		width:30px; padding-left:100px; padding-right:10px; text-align:center 	
	}
	.InfoIPSemester {
		background:url(../img/bginfoIPSemester.gif) left center no-repeat #fdf2d2; 
		width:30px; padding-left:85px; padding-right:10px; text-align:center 	
	}
	.InfoIPKSemester {
		background:url(../img/bginfoIPKSemester.gif) left center no-repeat #fdf2d2; 
		width:45px; padding-left:100px; text-align:center 	
	}
	.InfoIPKUAP {
		background:url(../img/bginfoIPKUAP.gif) left center no-repeat #fdf2d2; 
		width:45px; padding-left:70px; text-align:center 	
	}
	.InfoIPKAkhir {
		background:url(../img/bginfoIPKAkhir.gif) left center no-repeat #fdf2d2; 
		width:45px; padding-left:75px; text-align:center 	
	}
	.InfoTotSKS {	/* agak turun */
		background:url(../img/bginfoTotSKS.gif) left center no-repeat #fdf2d2; 
		width:35px; padding-left:75px; text-align:center 	
	}
	.InfoTotMataKuliah {
		background:url(../img/bginfoTotMataKuliah.gif) left center no-repeat #fdf2d2; 
		width:35px; padding-left:115px; text-align:center 	
	}
	.InfoJmlHadir {
		background:url(../img/bginfoJmlHadir.gif) left center no-repeat #fdf2d2; 
		width:30px; padding-left:83px; padding-right:10px; text-align:center 	
	}
	.InfoTotalPemasukan {
		background:url(../img/bginfoTotalPemasukan.gif) left center no-repeat #fdf2d2; 
		width:100px; padding-left:125px; padding-right:10px; text-align:right 	
	}
	.InfoTotalTagihan {
		background:url(../img/bginfoTotalTagihan.gif) left center no-repeat #fdf2d2; 
		width:100px; padding-left:108px; padding-right:10px; text-align:right 	
	}
	.InfoTotalSisaTagihan {
		background:url(../img/bginfoTotalSisaTagihan.gif) left center no-repeat #fdf2d2; 
		width:100px; padding-left:130px; padding-right:10px; text-align:right 	
	}

	.Input, .InputLookUp {
		height:19px; line-height:19px;
		margin-left:3px; margin-top:3px; /*float:left; */
		border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
	}
	.InputNoTransaksi {
		background:url(../img/bginputNoTransaksi.gif) left center no-repeat #FFF; 
		width:125px; padding-left:105px; padding-right:6px;
	}
	.InputNomorFaktur {
		background:url(../img/bginputNomorFaktur.gif) left center no-repeat #FFF; 
		width:125px; padding-left:110px; padding-right:6px;
	}
	.InputCallNumber {
		background:url(../img/bginputCallNumber.gif) left center no-repeat #FFF; 
		width:205px; padding-left:100px; 	
	}
	.InputNomorKoleksi {
		background:url(../img/bginputNomorKoleksi.gif) left center no-repeat #FFF; 
		width:185px; padding-left:110px; 	
	}
	.InputNomorAnggota {
		background:url(../img/bginputNomorAnggota.gif) left center no-repeat #FFF; 
		width:100px; padding-left:125px; 	
	}
	.InputNamaAnggota {
		background:url(../img/bginputNamaAnggota.gif) left center no-repeat #FFF; 
		width:185px; padding-left:115px; 	
	}
	.InputJudul {
		background:url(../img/bginputJudul.gif) left center no-repeat #FFF; 
		width:135px; padding-left:65px; 	
	}
	.InputPengarang {
		background:url(../img/bginputPengarang.gif) left center no-repeat #FFF; 
		width:135px; padding-left:93px; 	
	}
	.InputSubjek {
		background:url(../img/bginputSubjek.gif) left center no-repeat #FFF; 
		width:130px; padding-left:72px; 	
	}
	.InputISBNISSN {
		background:url(../img/bginputISBNISSN.gif) left center no-repeat #FFF; 
		width:105px; padding-left:94px; 	
	}
	.InputKeyword {
		background:url(../img/bginputKeyword.gif) left center no-repeat #FFF; 
		width:300px; padding-left:85px; 	
	}


	.InputTahunAjaran {
		background:url(../img/bginputTahunAjaran.gif) left center no-repeat #FFF; 
		width:35px; padding-left:105px; 	
	}
	.InputTahunAjaranOff {
		background:url(../img/bginputTahunAjaranOff.gif) left center no-repeat #fdf2d2; 
		width:35px; padding-left:105px; 	
	}
	.InputTahunLulusOff {
		background:url(../img/bginputTahunLulusOff.gif) left center no-repeat #fdf2d2; 
		width:40px; padding-left:100px; 	
	}
	.InputTahun {
		background:url(../img/bginputTahun.gif) left center no-repeat #FFF; 
		width:35px; padding-left:65px; 	
	}
	.InputBulan {
		background:url(../img/bginputBulan.gif) left center no-repeat #FFF; 
		width:70px; padding-left:60px; 	
	}
	.InputPeriode {
		background:url(../img/bginputPeriode.gif) left center no-repeat #fff; 
		width:140px; padding-left:75px; 
	}
	.InputPeriodeKini {
		background:url(../img/bginputPeriodeKini.gif) left center no-repeat #fff; 
		width:140px; padding-left:100px; 
	}
	.InputPeriodeSelanjutnya {
		background:url(../img/bginputPeriodeSelanjutnya.gif) left center no-repeat #fff; 
		width:140px; padding-left:140px; 
	}
	.InputPeriodeBerikutnya {
		background:url(../img/bginputPeriodeBerikutnya.gif) left center no-repeat #fdf2d2; 
		width:140px; padding-left:125px; 
	}
	.InputPeriodeOff {
		background:url(../img/bginputPeriodeOff.gif) left center no-repeat #fdf2d2; 
		width:140px; padding-left:75px; 
	}
	.InputProdi {
		background:url(../img/bginputProdi.gif) left center no-repeat #fff; 
		width:200px; padding-left:115px; 
	}
	.InputProdiOff {
		background:url(../img/bginputProdiOff.gif) left center no-repeat #fdf2d2; 
		width:200px; padding-left:115px; 
	}
	.InputSemester {
		background:url(../img/bginputSemester.gif) left center no-repeat #fdf2d2; 
		width:20px; padding-left:85px; padding-right:10px; text-align:center; 
	}
	.InputSemesterOff {
		background:url(../img/bginputSemesterOff.gif) left center no-repeat #fdf2d2; 
		width:20px; padding-left:85px; padding-right:10px; text-align:center; 
	}
	.InputNIM {
		background:url(../img/bginputNIM.gif) left center no-repeat #fff; 
		width:58px; padding-left:55px; padding-right:8px; 
	}
	.InputNIMOff {
		background:url(../img/bginputNIMOff.gif) left center no-repeat #fdf2d2; 
		width:58px; padding-left:55px; padding-right:7px; 
	}
	.InputNama {
		background:url(../img/bginputNama.gif) left center no-repeat #fff; 
		width:290px; padding-left:65px; 
	}
	.InputNamaOff {
		background:url(../img/bginputNamaOff.gif) left center no-repeat #fdf2d2; 
		width:290px; padding-left:65px; 
	}
	.InputKode {
		background:url(../img/bginputKode.gif) left center no-repeat #eefeda; 
		width:65px; padding-left:65px; 
	}
	.InputKodeMataKuliahOff {
		background:url(../img/bginputKodeMataKuliahOff.gif) left center no-repeat #fdf2d2; 
		width:80px; padding-left:130px; 
	}
	.InputNamaMataKuliahOff {
		background:url(../img/bginputNamaMataKuliahOff.gif) left center no-repeat #fdf2d2; 
		width:300px; padding-left:130px; 
	}
	.InputSKSOff {
		background:url(../img/bginputSKSOff.gif) left center no-repeat #fdf2d2; 
		width:20px; padding-left:58px; padding-right:10px; text-align:center;
	}
	.InputTanggal {
		background:url(../img/bginputTanggal.gif) left center no-repeat #FFF; 
		width:95px; padding-left:80px; 
	}
	.InputTanggalOff {
		background:url(../img/bginputTanggalOff.gif) left center no-repeat #FFF; 
		width:95px; padding-left:80px; 
	}
	.InputJamKeOff {
		background:url(../img/bginputJamKeOff.gif) left center no-repeat #fdf2d2; 
		width:30px; padding-left:80px; padding-right:10px; text-align:center; 
	}
	.InputJamOff {
		background:url(../img/bginputJamOff.gif) left center no-repeat #fdf2d2; 
		width:50px; padding-left:60px; padding-right:10px; text-align:center;
	}
	.InputJamCombo {
		background:url(../img/bginputJamCombo.gif) left center no-repeat #FFF; 
		width:45px; padding-left:80px; 
	}
	.InputKelasOff {
		background:url(../img/bginputKelasOff.gif) left center no-repeat #FFF; 
		width:20px; padding-left:60px; padding-right:10px; text-align:center;
	}
	.InputHariOff {
		background:url(../img/bginputHariOff.gif) left center no-repeat #fdf2d2; 
		width:50px; padding-left:60px; 
	}
	.InputPasienOff {
		background:url(../img/bginputPasienOff.gif) left center no-repeat #fdf2d2; 
		width:50px; padding-left:70px; 
	}
	.InputPertemuanKe {
		background:url(../img/bginputPertemuanKe.gif) left center no-repeat #FFF; 
		width:35px; padding-left:115px; 
	}
	.InputCatatan {
		background:url(../img/bginputCatatan.gif) left top no-repeat #FFF; 
		width:290px; padding-left:25px; padding-top:20px;
	}

	.InputPage {
		background:url(../img/bginputPage.gif) left center no-repeat #FFF; 
		width:30px; _width:70px; text-align:center;
		padding-left:37px; padding-right:5px; 	
	}
	.InputHal {
		background:url(../img/bginputHal.gif) left center no-repeat #FFF; 
		width:30px; _width:70px; text-align:center;
		padding-left:30px; padding-right:5px; 	
	}

	.InputLookUp { cursor:pointer; }
	.InputLookUpPeriode {
		background:url(../img/bginputlookupPeriode.gif) left center no-repeat #fff; 
		width:140px; padding-left:73px; 
	}
	.InputLookUpDistributor {
		background:url(../img/bginputlookupDistributor.gif) left center no-repeat #fff; 
		width:255px; padding-left:90px; padding-right:23px; 
	}


	.InfoPages {
		background:url(../img/bginfoPages.gif) right center no-repeat #fdf2d2; 
		width:30px; text-align:center;
		padding-left:7px; padding-right:53px; 	
	}
	.InfoHalaman {
		background:url(../img/bginfoHalaman.gif) right center no-repeat #fdf2d2; 
		width:30px; text-align:center;
		padding-left:7px; padding-right:53px; 	
	}
	.InfoRecords {
		background:url(../img/bginfoRecords.gif) right center no-repeat #fdf2d2; 
		width:30px; text-align:center;
		padding-left:7px; padding-right:63px; 	
	}
	.InfoTotalData {
		background:url(../img/bginfoTotalData.gif) left center no-repeat #fdf2d2; 
		width:45px; padding-left:65px; padding-right:5px; text-align:center 	
	}



	.Keyword {
		height:19px; line-height:19px; width:250px; _width:190px;
		margin-left:3px; margin-top:3px; float:left; padding-left:25px; 	
		border:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;
	}
	.KeywordOn {
		background:url(../img/bgsearchon.gif) left center no-repeat #FFF; 
	}
	.KeywordNama {
		background:url(../img/bgsearchNama.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaUser {
		background:url(../img/bgsearchNamaUser.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaRole {
		background:url(../img/bgsearchNamaRole.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaMenu {
		background:url(../img/bgsearchNamaMenu.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaMenuInduk {
		background:url(../img/bgsearchNamaMenuInduk.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaAlbum {
		background:url(../img/bgsearchNamaAlbum.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeProgramStudi {
		background:url(../img/bgsearchKodeProgramStudi.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaProgramStudi {
		background:url(../img/bgsearchNamaProgramStudi.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaProyek {
		background:url(../img/bgsearchNamaProyek.gif) left center no-repeat #FFF; 
	}
	.KeywordKode {
		background:url(../img/bgsearchKode.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeKampus {
		background:url(../img/bgsearchKodeKampus.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaKampus {
		background:url(../img/bgsearchNamaKampus.gif) left center no-repeat #FFF; 
	}
	.KeywordRuangKelas {
		background:url(../img/bgsearchRuangKelas.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeRuangKelas {
		background:url(../img/bgsearchKodeRuangKelas.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaRuangKelas {
		background:url(../img/bgsearchNamaRuangKelas.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaRuangan {
		background:url(../img/bgsearchNamaRuangan.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeKurikulum {
		background:url(../img/bgsearchKodeKurikulum.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaKurikulum {
		background:url(../img/bgsearchNamaKurikulum.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeMataKuliah {
		background:url(../img/bgsearchKodeMataKuliah.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaMataKuliah {
		background:url(../img/bgsearchNamaMataKuliah.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeNamaMataKuliah {
		background:url(../img/bgsearchKodeNamaMataKuliah.gif) left center no-repeat #FFF; 
	}
	.KeywordMataKuliah {
		background:url(../img/bgsearchMataKuliah.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaDistributor {
		background:url(../img/bgsearchNamaDistributor.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaPelanggan {
		background:url(../img/bgsearchNamaPelanggan.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeNamaPasien {
		background:url(../img/bgsearchKodeNamaPasien.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeNamaPasienWali {
		background:url(../img/bgsearchKodeNamaPasienWali.gif) left center no-repeat #FFF; 
	}
	.KeywordKodePegawai {
		background:url(../img/bgsearchKodePegawai.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaPegawai {
		background:url(../img/bgsearchNamaPegawai.gif) left center no-repeat #FFF; 
	}
	.KeywordNomorIndukPegawai {
		background:url(../img/bgsearchNomorIndukPegawai.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaCalonMahasiswa {
		background:url(../img/bgsearchNamaCalonMahasiswa.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaMahasiswa {
		background:url(../img/bgsearchNamaMahasiswa.gif) left center no-repeat #FFF; 
	}
	.KeywordNomorIndukMahasiswa {
		background:url(../img/bgsearchNomorIndukMahasiswa.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaAlumni {
		background:url(../img/bgsearchNamaAlumni.gif) left center no-repeat #FFF; 
	}
	.KeywordNIM {
		background:url(../img/bgsearchNIM.gif) left center no-repeat #FFF; 
	}
	.KeywordPeriode {
		background:url(../img/bgsearchPeriode.gif) left center no-repeat #FFF; 
	}
	.KeywordKodePeriode {
		background:url(../img/bgsearchKodePeriode.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaPeriode {
		background:url(../img/bgsearchNamaPeriode.gif) left center no-repeat #FFF; 
	}
	.KeywordTahunAjaran {
		background:url(../img/bgsearchTahunAjaran.gif) left center no-repeat #FFF; 
	}
	.KeywordKodeKelas {
		background:url(../img/bgsearchKodeKelas.gif) left center no-repeat #FFF; 
	}
	.KeywordKampus {
		background:url(../img/bgsearchKampus.gif) left center no-repeat #FFF; 
	}
	.KeywordSemester {
		background:url(../img/bgsearchSemester.gif) left center no-repeat #FFF; 
	}
	.KeywordJudulKegiatan {
		background:url(../img/bgsearchJudulKegiatan.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaKotaKabupaten {
		background:url(../img/bgsearchNamaKotaKabupaten.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaKota {
		background:url(../img/bgsearchNamaKota.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaFormatFisik {
		background:url(../img/bgsearchNamaFormatFisik.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaGMD {
		background:url(../img/bgsearchNamaGMD.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaPengarang {
		background:url(../img/bgsearchNamaPengarang.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaPenerbit {
		background:url(../img/bgsearchNamaPenerbit.gif) left center no-repeat #FFF; 
	}

	.KeywordJudul {
		background:url(../img/bgsearchJudul.gif) left center no-repeat #FFF; 
	}
	.KeywordCallNumberJudul {
		background:url(../img/bgsearchCallNumberJudul.gif) left center no-repeat #FFF; 
	}
	.KeywordPenerbit {
		background:url(../img/bgsearchPenerbit.gif) left center no-repeat #FFF; 
	}
	.KeywordPengarang {
		background:url(../img/bgsearchPengarang.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaTipe {
		background:url(../img/bgsearchNamaTipe.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaJenis {
		background:url(../img/bgsearchNamaJenis.gif) left center no-repeat #FFF; 
	}
	.KeywordTipe {
		background:url(../img/bgsearchTipe.gif) left center no-repeat #FFF; 
	}
	.KeywordJenis {
		background:url(../img/bgsearchJenis.gif) left center no-repeat #FFF; 
	}
	.KeywordSubjek {
		background:url(../img/bgsearchSubjek.gif) left center no-repeat #FFF; 
	}

	.KeywordKodeRak {
		background:url(../img/bgsearchKodeRak.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaRak {
		background:url(../img/bgsearchNamaRak.gif) left center no-repeat #FFF; 
	}
	.KeywordNomorAnggota {
		background:url(../img/bgsearchNomorAnggota.gif) left center no-repeat #FFF; 
	}
	.KeywordNamaAnggota {
		background:url(../img/bgsearchNamaAnggota.gif) left center no-repeat #FFF; 
	}
	.KeywordPeminjam {
		background:url(../img/bgsearchPeminjam.gif) left center no-repeat #FFF; 
	}
	
	
	.KeywordNamaObat {
		background:url(../img/bgsearchNamaObat.gif) left center no-repeat #FFF; 
	}

	.cbolist {
		position:absolute;
		display: none;
		background: #f7f7ff;
		border: 1px solid #999;
		height: auto;
		z-index: 102;
		overflow: hidden;
	}
	.PopUpList {
		position:absolute;
		display: none;
		background: #f7f7ff;
		border: none;
		height: auto;
		z-index: 1002;
		overflow:hidden;
		/*overflow-x: hidden;
		overflow-y: auto;*/
	}
	.PopUpList li a {
		display:block;
		font-size:12px;
		height:25px;
		line-height:25px;
		font-weight:normal;
		text-decoration:none;
		background-color:inherit;
		color:#000;
	}
	.PopUpList a:hover {
		background: #ffdd89;
		color:#000;
		text-decoration:none;
		text-transform:none;
	}

	.even { background-color:#ebf8f5 }
	.odd { background-color:#FFF }
	li.even a { color:#000; line-height:25px; height:25px; }
	li.odd a { color:#000; line-height:25px; height:25px; }

	tr.even { background-color:#ebf8f5 }
	tr.odd { background-color:#FFF }
	tr.buttonpad, tr.tabpad { background-color:#e0eaea }
	div.buttonpad, div.tabpad { background-color:#e0eaea }

	.ellipsis span { white-space:nowrap; 
		-o-text-overflow: ellipsis;    /* Opera 9-10 */  
		text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */  
		overflow:hidden; width:290px; display:block; 
	}
	html>body .ellipsis { clear:both; }
	html>body .ellipsis span:after { content: "..."; }
	html>body .ellipsis span { max-width:280px; width:auto !important; float:left; }
	
	
	.TheTab {
		height:35px; line-height:35px;
		/*height: 26px; _height:auto;*/
		border-top-left-radius:6px; 
		border-top-right-radius:6px; 
		-moz-border-top-left-radius:6px;
		-moz-border-top-right-radius:6px;
		-webkit-border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
		-o-border-top-left-radius:6px;
		-o-border-top-right-radius:6px;
		margin:0 2px;
	}
	.tab_on {
		background: #fefffe; color:#000;
		background: -webkit-gradient(linear, top bottom, from(#95c8b8), to(#fefffe));
		background: -webkit-linear-gradient(top, #95c8b8, #fefffe);
		background: -moz-linear-gradient(top, #95c8b8, #fefffe);
		background: -o-linear-gradient(top, #95c8b8, #fefffe);
		background: -ms-linear-gradient(top, #95c8b8, #fefffe);
		background: linear-gradient(top, #95c8b8, #fefffe);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c8b8', endColorstr='#fefffe');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c8b8', endColorstr='#fefffe')";
	}
	.tab_off {
		/*background: #b3b3ca; color:#0f6a51;*/
		background: #95c8b8; color:#0f6a51;
		background: -webkit-gradient(linear, top bottom, from(#95c8b8), to(#c9dacb));
		background: -webkit-linear-gradient(top, #95c8b8, #c9dacb);
		background: -moz-linear-gradient(top, #95c8b8, #c9dacb);
		background: -o-linear-gradient(top, #95c8b8, #c9dacb);
		background: -ms-linear-gradient(top, #95c8b8, #c9dacb);
		background: linear-gradient(top, #95c8b8, #c9dacb);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c8b8', endColorstr='#c9dacb');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c8b8', endColorstr='#c9dacb')";
	}
	.TheTab a { color:#0f6a51; text-decoration:none }
	.tab_on a { color:#000; cursor:default }
	.tab_on a:hover { color:#000; cursor:default }
	.tab_off a:hover { color:#f00; text-decoration:none; } /* text-shadow:#333 1px 1px 5px }	*/
	.tab_off a.disabled { color:#666; cursor:default }
	.tab_off a.disabled:hover { color:#666; cursor:default; text-shadow:none }