img, div, li, a { 
   behavior: url('http://www.tolongin.com/css/iepngfix.htc') 
}

img{
  border:0;
}

body {
  
   background:#daeaff url(../images/bg-blue.jpg) top center no-repeat;
   font-family:verdana, arial, sans-serif;
   font-size:10pt;
}

.wrapper{
width : 1000px ;
text-align : left ;
margin-left : auto ;
margin-right : auto ;
position : relative ;
font-size:10pt;
}

.paging{
  font-family:verdana;
  font-size:9pt;
  font-weight:bold;
  color:#765c0c;
}

.box-loading{
   position:absolute;
   top:122px;
   left:210px;
   background:#fff5be;
   font-family:arial;
   font-weight:bold;
   font-color:#000000;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
   z-index:101;
   display:none;
}

/* awal css header */

div.header #logo{
  position:absolute;
  left:102px; 
  top:13px;
}

div.header #smile-sedih{
  position:absolute;
  background:url(../images/smile-sedih.png) top center no-repeat;
  left:0px; 
  top:8px;
  width:128px;
  height:103px;
}

div.header #smile-happy{
  position:absolute;
  background:url(../images/smile-happy.png) top center no-repeat;
  left:450px; 
  top:8px;
  width:128px;
  height:103px;
}


div.header .menu{
	height: 30px;
	position: absolute;
	top: 85px;
	left: 408px;
	width: 580px;
	text-align:right;
}

div.header .menu img{
	opacity:0.7;
}


div.header .menu img:hover{
	opacity: 1.0;
}

div.header .menu img{
  margin-left:10px;
}


/* awal main content */
div.main-content{
   position:absolute;
   width:980px;
   height:1300px;
   left:20px;
   top:115px;
   
}

div.main-content .content-information{
   position:absolute;
   top:0px;
   left:0px;
   width:99%;
   height:1300px;
   background:#fff;
}




.box-search-buku{
   position:absolute;
   left:5px;
   top:5px;
   width:160px;
   height:70px;
   background:#ffffff;
   border:3px solid #4eabd1;
   background:#f8f7f8 url(../images/bg-content-box-buku.png) top center repeat-y;
   padding-left:10px;
   padding-bottom:6px;
   padding-top:23px;

}

.box-search-buku h1{
   margin-top:8px;
   margin-bottom:7px;
   padding-left:8px;
   padding-right:5px;
   font-family:arial verdana;
   font-size:13pt;
   color:#555555;
   
}

.box-search-buku h2{
   margin-top:8px;
   margin-bottom:0px;
   padding-left:8px;
   padding-right:2px;
   font-family:arial verdana;
   font-size:11pt;
   color:#545563;
}

.box-search-buku hr {
   margin-top:0px;
   margin-bottom:0px;
   border-color:#fbfff8;
}

.wrapper-kiri{
  position:absolute; 
  top:125px; 
  left:5px; 
  width:170px;
}

.box-browse-buku{
   position:relative;
   width:170px;
   border:3px solid #4eabd1;
   background:#f8f7f8 url(../images/bg-content-box-buku-biru.png) top center repeat-y;
   padding-bottom:6px;
   padding-top:25px;
   margin-bottom:15px;
}

.box-informasi{
   position:relative;

   width:160px;
   height:70px;
   background:#ffffff;
   border:3px solid #4eabd1;
   background:#f8f7f8 url(../images/bg-content-box-buku.png) top center repeat-y;
   padding-left:10px;
   padding-bottom:6px;
   padding-top:23px;

}


.table-kategori{
   font-family:verdana, tahoma;
   font-size:10pt;
   text-decoration:none;

}

.table-kategori td{
   border-bottom:2px dotted #4eabd1;  
}

.link-kategori , .link-search, .link-kategori-basic{
   font-family:verdana, tahoma;
   font-size:9pt;
   text-decoration:none;
   color:#2c6c87;
   font-weight:bold;
}


.input-label{
   text-align:right;
   color:#555555;
   font-size:9pt;
   font-weight:bold;
}

.input-syarat{
   text-align:left;
   color:#555555;
   font-size:8pt;
}

.sign-up-information{
  position:absolute;
  left:0px;
  top:0px;
  margin-left:50px;
  margin-top:30px;  
}

fieldset{
  width:400px;
  font-weight:bold;
  color:#430000;
  font-size:12pt;
  font-family:verdana;

}

.informasi-pendaftaran-berhasil{
  font-size:10pt;
  font-family:verdana, tahoma;
  font-color:#222222;
  text-align:justify;
  padding-top:11px;
  padding-left:8px;
  padding-right:55px;

}

.informasi-konfirmasi-email{
  font-size:10pt;
  font-family:verdana, tahoma;
  font-color:#222222;
  text-align:justify;
  padding-top:11px;
  padding-left:8px;
  padding-right:55px;
}

.fieldset-pendaftaran-buku-baru{
  width:400px;
  font-weight:bold;
  color:#430000;
  font-size:12pt;
  font-family:verdana;
}

input{
  border:1px solid #505050;
}

.box-tengah{
  position:absolute;
  left:185px;
  top:5px;
  width:550px;
  height:713px;
  border:3px solid #ffbd6c;
  background:#fefdf2;
}

.box-tengah-basic{
  position:absolute;
  left:185px;
  top:5px;
  width:550px;
  height:1200px;
  border:3px solid #ffbd6c;
  background:#fefdf2;
}

.heading-tengah{
  width:550px;
  height:70px;
  font-family:tahoma, verdana, arial;
  position:absolute;
  font-size:36pt;
  color:#fefdf2;
  background:#fefdf2 url(../images/header-buku.jpg) top center no-repeat;  
}

.div-pengumuman{
  position:absolute;
  top:80px;
  left:5px;
  font-family:verdana;
  font-size:10pt;
  text-align: justify;
  padding-right:10px;
}

.div-pengumuman ol{
   margin-top:0px;
}

.box-featured-book{
   position:absolute;
   left:0px;
   top:730px;
   width:540px;
   height:420px;
   background:#edfaff;
   border:3px solid #4eabd1;
   padding-left:10px;
   padding-bottom:6px;
   padding-top:23px;
   font-family:verdana;
   font-size:18pt;
   text-align: justify;
}

.box-featured-book table{
   font-family:verdana;
   font-size:10pt;
   text-align: justify;
}

.box-buku-header-featured{
  position:absolute;
  top:0px;
  left:0px;
  font-family:tahoma, verdana, arial;
  width:540px;
  height:21px;
  background:#4fabd1 url(../images/bg-header-box-buku.png) top center repeat-x;
  font-size:12pt;
  font-weight:bold;
  color:#ffffff;
  padding-left:10px;
}


.table-browse-buku{
}

.table-navigasi .link-buku-sewa{
  background:#f9f9f9 url(../images/btn-bg-grey.jpg) top center repeat-x;
  font-size:8pt;
  font-face:tahoma;
  text-align:center;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:4px;
  height:20px;
  border:1px solid #bbbbbb;
  cursor:pointer;
}


.detail-buku-judul{
  font-family:verdana, tahoma;
  font-weight:bold;
  font-size:11pt;
}

.detail-buku-pengarang{
  font-family:verdana, tahoma;
  font-size:10pt;
  font-weight:bold;
}

.detail-buku-harga{
  font-family:verdana, tahoma;
  font-size:10pt;
}

.detail-buku-jaminan{
  font-family:verdana, tahoma;
  font-size:10pt;
}

.box-daftar-buku{
  position:absolute;
  top:80px;
  left:5px;
  width:545px;
  font-family:verdana;
  font-size:10pt;
  
}

.table-detail-buku{
  width:450px;
}

.box-tengah-navigasi{
  margin-left:5px;
}

.table-navigasi .navigasi-normal{
  background:red;
  background:#f9f9f9 url(../images/btn-bg-grey.jpg) top center repeat-x;
  font-size:8pt;
  font-face:tahoma;
  text-align:center;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:4px;
  height:20px;
  border:1px solid #bbbbbb;
  cursor:pointer;
}



.box-kanan{
 position:absolute;
 right:2px;
 top:5px;
 width:220px;
 height:800px;
 
}

.box-login {
 font-size:18pt;
 font-family:verdana, tahoma;
 width:200px;
 height:170px;
 padding-left:5px;
 border:3px solid #4eabd1;
 background:#f8f7f8 url(../images/bg-content-box-buku.png) top center repeat-y;
}

.box-buku-header{
  position:absolute;
  top:0px;
  left:0px;
  font-family:tahoma, verdana, arial;
  width:200px;
  height:21px;
  background:#4fabd1 url(../images/bg-header-box-buku.png) top center repeat-x;
  font-size:12pt;
  font-weight:bold;
  color:#ffffff;
  padding-left:10px;
}

.box-buku-header-kiri{
  position:absolute;
  top:0px;
  left:0px;
  font-family:tahoma, verdana, arial;
  width:160px;
  height:21px;
  background:#4fabd1 url(../images/bg-header-box-buku.png) top center repeat-x;
  font-size:12pt;
  font-weight:bold;
  color:#ffffff;
  padding-left:10px;
}

.box-buku-content{
  position:absolute;
  top:25px;
}

.navigasi-user{
  border:3px solid #4eabd1;
  background:#f8f7f8 url(../images/bg-content-box-buku.png) top center repeat-y;
  width:200px;
  padding-left:5px;
  padding-bottom:5px;
  padding-top:25px;
}

.navigasi-user a{
  font-size:11pt;
  font-family:verdana, tahoma;
  padding-left:6px;
  
}

.link-login{
 font-size:10pt;
 font-family:verdana, tahoma;
}

.box-buku-kanan{
 position:relative;
 border:3px solid #4eabd1;
 background:#f8f7f8 url(../images/bg-content-box-buku-biru.png) top center repeat-y;
 font-size:18pt;
 font-family:verdana, tahoma;
 width:197px;
 margin-top:10px;
 padding-left:10px;
 padding-top:25px;
 padding-right:3px;
 padding-bottom:6px;
 margin-bottom:10px;
}

.box-shout-box {
 position:relative;
 font-size:18pt;
 font-family:verdana, tahoma;
 width:200px;
 height:450px;
 padding-left:5px;
 border:3px solid #4eabd1;
 background:#f8f7f8 url(../images/bg-content-box-buku.png) top center repeat-y;
}

.judul-buku-box-buku-kanan{
  font-family:verdana;
  font-size:7pt;
  font-weight:bold;  
  color:#014380;
}

.pengarang-buku-box-buku-kanan{
  font-family:verdana;
  font-size:8pt;
  font-weight:bold;  
}
.harga-buku-box-buku-kanan{
  font-family:verdana;
  font-size:8pt;
}
.waktu-buku-box-buku-kanan{
  font-family:verdana;
  font-size:8pt;
}

.box-lihat-buku{
   position:absolute;
   left:100px;
   top:100px;
   width:480px;
   height:420px;
   border:1px solid black;
   z-index:100;
   display:none;
   background:#ffffff;
   border:3px solid #e2e2e2;
}

.info-buku .gambar-buku{
   position:absolute;
   left:10px;
   top:20px;
}

.info-buku .keterangan-buku{
   position:absolute;
   left:180px;
   top:20px;
   width:250px;
   height:320px;
   
}

.info-buku .judul-buku{
  font-weight:bold;
  color:#333333;
  font-size:10pt;
}

.info-buku .pengarang-buku{
  font-size:10pt;
}

.box-tombol-close{
   position:absolute;
   right:10px;
}

.header-box{  
  font-family:tahoma, verdana;
  font-weight:bold;
  font-size:12pt;
  color:#007836;
}

.label-login{
  font-family:verdana, tahoma;
  font-size:9pt;
}

.errormsg{
   font-family:verdana arial;
   font-size:8pt;
   color:red;
}

.div-footer{
  position:absolute;
  top:1470px;
  text-align:center;
  width:100%
}