*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#444;
}
#body {}

.mb {display:block}
.pc {display:none}

#wrapper_utama{position: relative; z-index: 5;width:95%; margin:5px auto; padding:5px 0.5% 5px 0.5%; border:1px #eee solid; border-radius:8px; overflow:hidden;box-shadow: 0px 0px 30px #ccc; background:#FFFFFF }
#wrapper_menu{width:100%; height:32px; margin-bottom:10px; 
background:transparent linear-gradient(#d45810, #a7450c) repeat scroll 0% 0%;
}
#wrapper_copyright{width:100%; height:40px; padding-top:5px; float:left; margin-top:5px; font-size:10px; text-align:center; font-weight:normal;}
.menu2{color: #000033; font-size:16px; padding:3px 5px; background:transparent linear-gradient(#ffffff, #3cfcff) repeat scroll 0% 0%; position:relative; width:99%; margin-top:5px; margin-bottom: 5px; }

.konten0{position: relative; float:left; width:84%; }
.konten{position: relative; float:left; width:96%; margin:0px;}
.judul_konten{position: relative; float:left; width:98%; background: #ffffff; padding:5px 10px 5px 10px; border:1px #ccc solid; font-weight:bold; border-radius:5px 5px 0px 0px; border-bottom:0px; margin-top:8px; background:#eeeeee}
.konten1{position: relative; float:left;width:98%; background: #ffffff; min-height:50px;border-radius:0px 0px 5px 5px; padding:5px 10px 10px 10px; border:1px #ccc solid}
.kotak_cari_buku{ padding:5px; width:40%; min-height:50px; border-radius:10px; border:1px #ccc solid; margin:0px auto; background: #FFFFCC;}
.kotak_cari_buku2{ padding:10px;; width:98%; border-radius:10px; border:1px #ccc solid; margin:0px auto 10px auto; background: #FFFFCC;}

.isi_text_besar { height:30px;text-align:center; padding-left:9px; border: 1px #999999 solid; border-radius:4px; font-size:20px;}
.isi_text { height:25px;text-align:left; padding-left:9px; border: 1px #999999 solid; border-radius:4px}
.isi_text_panjang { text-align:left; padding-left:9px; border: 1px #999999 solid; border-radius:4px; padding-top:3px;}
.isi_list { height:27px;text-align:left; padding-left:4px;padding-right:4px; border: 1px #999999 solid; border-radius:4px; background:#FFFFFF;}

a{ font-family:Arial, Helvetica, sans-serif; color: #003399; text-decoration:none;}
a:hover{ color:#990000; text-decoration:underline}

input {padding:0px 5px 0px 5px; color:#555555; line-height:23px;}
select {padding:4px 5px 4px 3px; color:#555555; cursor:pointer;}
option {padding-left:4px; color:#555555; cursor:pointer;}
textarea {padding:4px; color:#555555;}

.kotak_list1{ width:98%; padding: 0.5% 1% 0.5% 1%; border-top:1px #ddd solid;}
.kotak_list1:hover{ background:#E8F6FE}
.list_menu1{ width:98%; padding: 5px; border-top:1px #ddd solid; }
.list_menu1:hover{ background:#E8F6FE;}

img.nahda{ display:inline-block;padding:8px;background-image: url(../images/nahda.png); align:absmiddle; margin-right:2px; margin-top:-2px}
img.ceklis16{ background-position:0px 0px;}
img.tambah16{ background-position:144px 0px;}
img.stop16{ background-position:128px 0px;}
img.eror16{ background-position:128px 16px;}
img.gembok16{ background-position:112px 16px;}
img.tampil16{ background-position:96px 16px;}
img.back16{ background-position:96px 0px;}
img.hapus16{ background-position:112px 0px;}
img.edit16{ background-position:80px 0px;}
img.upload16{ background-position:80px 16px;}
img.setting16{ background-position:64px 0px;}
img.ceklis_abu16{ background-position:48px 0px;}
img.foto16{ background-position:32px 0px;}
img.soal16{ background-position:32px 16px;}
img.home16{ background-position:16px 0px;}
img.reload16{ background-position:16px 16px;}
img.cetak16{ background-position:48px 16px;}
img.poin16{ background-position:160px 16px;}
img.poin16_2{ background-position:160px 16px; margin:0px 0px 0px 15px;}

.tombol2 { color:#FFFFFF;  font-family: "Arial"; font-size: 12px; padding: 2px 0px;text-decoration:none; border-radius: 5px;vertical-align: middle; margin-right: 3px; border:solid 1px #ccc;cursor:pointer; display:block; width:70px; background:#0033CC; text-align:center;}
input.tombol2:hover { text-decoration:none; color:#FFFFFF; background: #3b6cff;}
a.tombol2:hover { text-decoration:none; color:#FFFFFF; background: #3b6cff;}

.modul1{ 
float:left; margin-bottom:4px;padding-top:3px; margin-left:5px; overflow:hidden; width:96%; 
border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background:transparent linear-gradient(#ffffff,#ffffff, #DDDDFF ) repeat scroll 0% 0%;
}
a.modul1:hover {border:1px #7FD000 solid; text-decoration:none;background:transparent linear-gradient(#ffffff,#ffffff, #FFFFCC ) repeat scroll 0% 0%; }
.modul1_ditunjuk{ 
float:left; margin-bottom:4px;padding-top:3px; margin-left:5px; overflow:hidden; width:96%; 
border:1px #E5E5E5 solid; border-radius:10px; text-decoration:none; clear: right;
background:transparent linear-gradient(#ffffff,#ffffff, #FFCC66 ) repeat scroll 0% 0%;
}
a.modul1_ditunjuk:hover {border:1px #7FD000 solid; text-decoration:none;}

.jumlah_buku{font-size:20px; text-align:center; font-weight:bold; border:1px #CCCCCC solid; background:#aeffff; border-radius:10px; padding: 10px 10px 10px 10px;}

.menu_panjang_biasa{border-bottom:1px #CCCCCC solid; padding:2px 0px 0px 0px;
	background: -moz-linear-gradient(top, #F9F9F9 0%, #dddddd 100%);
}

.no_perpage{border:1px #CCCCCC solid; background:#FFFFFF; padding:3px 5px; border-radius:4px; text-decoration:none; margin-left:2px; position:relative; margin-bottom:2px; width:20px; display:block; float:left; text-align:center}
.no_perpage:hover{background: #F4F8E0;border:1px #999999 solid; position:relative;margin-bottom:2px; width:20px; display:block; float:left; text-align:center}
.no_perpage_tunjuk{border:1px #CCCCCC solid; background: #D7FFAE; padding:3px 4px; border-radius:5px; text-decoration:none; position:relative;margin-bottom:2px; width:20px; display:block; float:left; text-align:center}

.judul_modul{padding:5px; border-radius:5px; font-weight:bold;
	background:transparent linear-gradient(#f9f9f9, #dddddd) repeat scroll 0% 0%;
	}
.judul2{ display:inline-block; width:50px; background:#65f6ff; align:absmiddle; margin-right:3px; background:#00FFFF; border-radius:5px; font-size:14px; font-weight:bold; text-align:center; padding:2px 0px;}
.judul22{ display:inline-block; width:50px; align:absmiddle; margin-right:3px; background:#FF99FF; border-radius:5px; font-size:14px; font-weight:bold; text-align:center; padding:2px 0px;}
.w5{position: relative; float:left; width:26%; margin:0px 4px 0px 4px; overflow:hidden; background: #ffffff; min-height:125px;border-radius:5px; border:1px #CCCCCC solid;}
.kotak_foto{position: relative; float:left; width:120px; height:180px; margin:5px 3px 0px 4px; overflow:hidden; background: #ffffff;   text-align:center;}
.kotak_foto2{position: relative; width:95%; margin:0 auto; height:200px; margin:5px 3px 0px 4px; overflow:hidden; background: #ffffff;   text-align:center;}
.psg_kotak_foto3{position: relative; float:left; width:98%; min-height:50px; margin:5px 3px 0px 4px; padding:0px 0px 0px 5px; overflow:hidden; background:#ffffff; border-radius:5px; }