/* 

D O N ' T    T O U C H    M Y    S T U F F

Copyright (c) 2007 by Cityweb Indonesia.  All Rights Reserved.
http://www.citywebindo.com - sales@citywebindo.com

*/

body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
	}

a:link, a:active, a:visited {
	color: #0d7ba9;
	border-bottom: 0px dotted #0d7ba9;
	font: normal 11px Arial;
	text-decoration: none;
	}

a:hover {
	color: #000;
	border-bottom: 0px dotted #000;
	font: normal 11px Arial;
	}

a#mnd {
	float: right;
	margin-right: 10px;
	}

a#bs {
	float: right;
	margin-right: 10px;
	}

img {
	border: 2px solid #edad21;
	}

.bintang img {
	border: 0;
	}

.bintang {
	border: 0;
	}

.bukuku{
	position:relative;
}

.read{
	position:absolute;
	bottom:0px;
	right:0px;
	/*background:url(images/btn_beli.jpg) no-repeat bottom right;*/
}

.read{
	position:absolute;
	bottom:0px;
	right:0px;
	/*background:url(images/btn_beli.jpg) no-repeat bottom right;*/
}

.read img{
	border:none;
}



#container {
	margin: 0 auto;
	padding: 0 inherit;
	width: 970px;
	border-top: 10px solid #fff;
/*	border-left: 10px solid #fff;
	border-right: 10px solid #fff;*/
	height: auto;
	background-color: #016189;
	}

#header {
	margin: 0;
	padding: 0;
	width: 970px;
	height: 123px;
	background-color: #fff;
	}

#headerkiri {
	float: left;
	margin: 0;
	padding: 0;
	width: 591px;
	height: 123px;
	background: url(images/header.gif) no-repeat top left;
	}

#headerkanan {
	float:right;
	margin: 0;
	padding: 0;
	width: 379px;
	height: 123px;
	}

#informasi {
	margin: 0;
	padding: 15px 0 0 270px;
	}

#titleinfo {
	font: bold 14px Arial;
	color: #464646;
	}

#informasi ul {
	margin: 0;
	padding: 0;
	}

#informasi ul li {
	list-style: none;
	padding-top: 10px;
	}

#menu {
	padding: 10px 0 10px 0;
	width: 970px;
	height: 32px;
	background: url(images/bg_menu.gif) no-repeat 0px 10px;
	background-color: #fff;
	}

#menu ul {
	margin: 0 auto;
	padding: 9px 0 0 37px;
	}

#menu ul li {
	list-style: none;
	display: inline;
	padding-right: 15px;
	}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
	color: #fff;
	text-decoration: none;
	font: bold 12px Arial;
	}

#menu ul li a:hover {
	color: #000;
	text-decoration: none;
	}

#badan {
	margin: 0;
	padding: 0;
	}

#bgbiru {
	clear: both;
	float: left;
	background-color: #016189;
	}

#bagiankiri2 {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 201px;
	line-height: 18px;
	background-color: #016189;
	}

#bagiankiri {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 201px;
	line-height: 18px;
	background-color: #016189;
	}

* html #bagiankiri {
	float: left;
	margin: 0;
	padding: 0 0 127px 0;
	width: 201px;
	line-height: 18px;
	background-color: #016189;
	}

#bagiankiri h2 {
	margin: 0 0 0 10px;
	padding: 0;
	width: 180px;
	height: 26px;
	background: url(images/title_kategori.gif) no-repeat top left;
	text-indent: -9999px;
	}

#bagiankiri ol {
	margin: 10px 0 0 10px;
	padding: 0;
	}

#bagiankiri ol li {
	list-style: none;
	}

#bagiankiri ol li a:link, #bagiankiri ol li a:active, #bagiankiri ol li a:visited {
	color: #fbf5ad;
	text-decoration: none;
	font-weight: bold;
	}

#bagiankiri ol li a:hover {
	color: #edad21;
	border-bottom: 1px dotted #fff;
	}

#bagiankanan {
	float: right;
	width: 769px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}

#titlebukupopuler {
	width: 769px;
	height: 26px;
	background: #f6dca3 url(images/title_bukupopuler.gif) no-repeat top left;
	text-indent: -9999px;
	}

#titlekatalog {
	height: 23px;
	font: bold 18px Arial;
	color: #db720c;
	background: #f6dca3;
	padding: 3px 0 0 10px; 
	}

#titlekatalog2 {
	height: 23px;
	font: bold 16px Arial;
	color: #fff;
	background: #0d7ba9;
	padding: 3px 0 0 10px; 
	}

#listbp {
	margin: 0 0 0 10px;
	padding: 0;
	color: #333333;
	}

#listbp a:link, listbp a:active, #listbp a:visited {
	color: #1e71c4;
	text-decoration: none;
	}

#listbp a:hover {
	color: #000;
	}

#listbp ul {
	margin: 0;
	padding: 0;

	}

#listbp ul li {
	float: left;
	list-style: none;
	display: inline;
	width: 390px;
	padding: 0 25px 0 0;
	}

* html #listbp ul li {
	float: left;
	list-style: none;
	display: inline;
	width: 320px;
	padding: 0 25px 0 0;
	}

#listbp ul li .image {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

#listbp ul li .ket {
	margin: 0;
	padding: 10px 0 0 0;
	width: 290px;
	}

#listbp ul li .ket span {
	font-weight: bold;
	color: #1e71c4;
	}

#infolain {
	magin: 0;
	padding: 0;
	}

#cariresensi {
	clear: both;
	float: left;
	width: 392px;
	margin: 10px 0 0 0;
	padding: 0;
	}

* html #cariresensi {
	float: left;
	width: 380px;
	margin: 10px 0 0 0;
	padding: 0;
	}

#cari {
	margin: 0;
	padding: 10px 0 0 10px;
	background-color: #0d7ba9;
	}

#cari h3 {
	font: bold 16px Arial;
	color: #fff;
	margin: 0;
	padding: 0;
	}

#search {
	margin: 0;
	padding: 7px 0 15px 10px;
	color: #fff;
	line-height: 25px;
	}

#submitsearch {
	margin: 0 0 10px 0;
	}

#judul {
	width: 150px;
	margin: 0 0 0 15px;
	}

#tahun {
	width: 154px;
	margin: 0 0 0 7px;
	}

#pengarang {
	width: 150px;
	margin: 0 0 0 15px;
	}

#rohani {
	width: 154px;
	margin: 0 0 0 36px;
	}

#resensi {
	margin: 0;
	padding: 0 10px 65px 10px;
	background-color: #edad21;
	color: #fff;
	font: normal 11px Arial;
	line-height: 15px;
	}

* html #resensi {
	margin: 0;
	padding: 0 10px 40px 10px;
	background-color: #edad21;
	color: #fff;
	font: normal 11px Arial;
	line-height: 15px;
	}

#resensi a:active, #resensi a:link, #resensi a:visited {
	color: #016189;
	}

#resensi a:hover {
	color: #fff;
	}

#resensi h3 {
	font: bold 16px Arial;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 0;
	}



#resensi h4 {
	margin: 0;
	padding: 10px 0 10px 0;
	font: bold 14px #fff;
	}


#promolain {
	float: left;
	background-color: #fff;
	width: 377px;
	margin: 10px 0 0 0;
	padding: 0;
	}

#promolain h3 {
	font: bold 16px Arial;
	color: #000;
	margin: 0;
	padding: 5px 0 0 10px;
	background-color: #f6dca3;
	}

#belibuku {
	margin: 0;
	padding: 0;
	background-color: #fff;
	}

#belibuku ul {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}

#belibuku ul li {
	list-style: none;
	display: inline;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#belibuku ul li .gambar {
	float: left;
	padding: 0 10px 0 10px;
	}

#belibuku ul li .keterangan {
	float: left;
	width: 65px;
	color: #0d7ba9;
	font: bold 11px Arial;
	}

#bestseller {
	margin: 0;
	padding: 0;
	background-color: #fff;
	}

#bestseller ul {
	margin: 0;
	padding: 10px 0 0 0;
	}

#bestseller ul li {
	list-style: none;
	display: inline;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#bestseller ul li .gambar {
	float: left;
	padding: 0 10px 0 10px;
	}

#bestseller ul li .keterangan {
	float: left;
	width: 65px;
	color: #0d7ba9;
	font: bold 11px Arial;
	}

.keterangan a.beli {
	width: 70px;
	height: 43px;
	background: url(images/btn_beli.gif) no-repeat top left;
	text-indent: -9999px;
	display: block;
	margin: 7px 0 0 0;
	}

#promobuku {
	clear: both;
	margin: 0;
	padding: 5px 10px 10px 0;
	}

#promobuku h3 {
	font: bold 16px Arial;
	color: #000;
	margin: 0 0 15px 0;
	padding: 5px 0 0 10px;;
	background-color: #f6dca3;
	}

#promobuku ul {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}

#promobuku ul li {
	list-style-type: square;
	}

#areabiru {
	clear: both;
	background-color: #30baf3;
	width: 349px;
	height: 98px;
	margin: 25px 0 12px 12px;
	background: url(images/penerbit.gif) no-repeat top left;
	}
#banner {
	clear: both;
	background-color: #fff;
	width: 349px;
	height: 98px;
	margin: 25px 0 12px 12px;
	}	

* html #areabiru {
	margin: 25px 0 18px 12px;
	padding: 0;
	width: 345px;
	}

#bank {
	clear: both;
	background-color: #fff;
	width: 350px;
	margin: 15px 0 36px 12px;
	}	

#footer {
	clear: both;
	margin: -10px 0 0 0;
	padding: 0;
	background-color: #4b4b4b;
	font: normal 10px Arial;
	color: #fff;
	}
	
#footer_SEO {
	margin: 0;
	font: bold 12px Arial;
	padding: 5px 0 0 10px;
	color:#FFFF00;
	}	

* html #footer {
	margin: -20px 0 0 0;
	padding: 0;
	}

html>body #footer {
	clear: both;
	margin: -10px 0 0 0;
	padding: 0;
	background-color: #4b4b4b;
	font: normal 10px Arial;
	color: #fff;
	}

#footer ul {
	margin: 0;
	padding: 5px 0 0 10px;
	}

#footer ul li {
	list-style: none;
	display: inline;
	padding-right: 10px;
	}

#footer ul li a:link,  #footer ul li a:active, #footer ul li a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	}

#footer ul li a:hover {
	color: #000;
	border-bottom: 0;
	text-decoration: underline;
	}

#copyright {
	margin: 0;
	padding: 2px 0 10px 10px;
	}
	

#scroll {
width: 800px;
height: 750px;
background:transparent;
color:#2a2a2a;
padding:0px 5px 0px 10px;
border:1px;
overflow: auto;
text-align:justify;
}


#scroll_detail {
width: 750px;
height: 800px;
background:transparent;
color:#2a2a2a;
padding:0px 0px 0px 10px;
border:0px;
overflow: auto;
text-align:justify;
}



input {
border-right: #AFA798 1px solid;
border-left: #AFA798 1px solid;
border-top: #AFA798 1px solid;
border-bottom: #AFA798 1px solid;
background-color: #FFFFFF;
FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none; 
}


#by a:link, #by a:visited{
font-weight:bold;
color:#016189;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
#by a:hover {
color: #edad21;
border-bottom: 1px dotted #00FFFF;
}

a.shop2 {
	display: block;
	width: 49px;
	height: 20px;
	background: url(images/btn_buy.jpg) no-repeat top left;
	text-indent: -9999px;
	}

a.detail {
	display: block;
	width: 49px;
	height: 20px;
	background: url(images/btn_detail.jpg) no-repeat center center;
	text-indent: -9999px;
	}

a.download {
	display: block;
	width: 75px;
	height: 20px;
	background: url(images/btn_download.jpg) no-repeat center center;
	text-indent: -9999px;
	}

a.forum {
	display: block;
	width: 119px;
	height: 23px;
	background: url(images/btn_forum.gif) no-repeat center center;
	text-indent: -9999px;
	}



a.order {
	display: block;
	width: 109px;
	height: 20px;
	background: url(images/btn_orderfisik.jpg) no-repeat center center;
	text-indent: -9999px;
	}

#ttlktlg {
	font: bold 13px Arial;
	color: #fff;
	background-color: #016189;
	padding: 2px 0 2px 15px;
	}

#listkatalog ol {
	margin: 0;
	padding: 0 0 0 30px;
	}

#listkatalog ol li {
	margin: 0;
	padding: 0;
	}


#listkatalogbuku ul {
	margin: 15px 0 10px 20px;
	padding: 0;

	}

#listkatalogbuku ul li {
	list-style: none;
	display: inline;
	float: left;
	width: 100px;
	text-align: center;
}

#judullistkatalogbuku {
	font: bold 10px Arial;
	color: #000;
	width: 95px;
	margin: 7px 0 7px 0;
	}

.clear {
	clear: both;
	}

a:link.findmore, a:active.findmore, a:visited.findmore {
	color: #fff;
	border-bottom: 1px dotted #fff;
	}

a:hover.findmore {
	color: #000;
	border-bottom: 1px dotted #000;
	}

#listkatalogbuku img {
	border: 1px solid #eaca85;
	}

.clear {
	clear: both;
	}
	
.batas {
	border-top: 1px solid #3f97bb;
	margin: 15px 10px 15px 10px;
	}
	
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}	

#faq {
	margin: 0;
	padding: 15px 0 0 0;
	}

#faq li {
	list-style: none;
	}

.digvo {
	background: #fff url(images/digibook_digvo.gif) no-repeat top right;
	width: 359px;
	height: 154px;
	}

.logopartner {
	padding: 87px 0 0 110px;
	}

#linkpartner a:link, #linkpartner a:visited, #linkpartner a:active, #linkpartner a:hover {
	position: absolute;
	width: 359px;
	height: 154px;
	display: block;
	text-indent: -9999px;
	}