body{background:/*#0458B4 */#03316D url(../images/bg-awan.jpg) no-repeat;font-family:Tahoma, Geneva, sans-serif;font-size:12px;line-height:1.5;color:#666666}
form.search{border:0px solid;padding:10px 0 30px}
form.search input{color:#a6a6a6;font-size:11px;padding:5px 2px;width:75%}
label{float:left;width:180px}
input,select,textarea{margin:5px 0}
textarea{width:50%}
.appform{background:#F4F4EA;padding:20px 30px}
.appform .dlm{margin:20px;border:1px solid #DEDFC8;background:#DEDFC8}
.appform input{width:30%}
.appform .dlm input{width:95%}
.appform input.button{border:1px solid;width:100px}
.box-small ul.appform li{margin-bottom:30px}


#wrap{margin:0 auto;width:1018px;background:white}
#header{height:110px;background:url(../images/logo-salemba.gif) no-repeat left;margin:0 auto;width:925px;}
#content{background:url(../images/bg-grad-atas.jpg) repeat-x 20px 6px;margin:0 6px}
*html #content{width:984px}
#dalem{margin:0 35px;position:relative}
#upper-box{width:65%;padding:40px 0}
#upper-box h2{color:#444;font-size:18px;font-family:"Times New Roman", Times, serif}
#upper-box h2 a{color:#666}
#upper-box h2 a:hover,.box-small a:hover,#header li a:hover{text-decoration:underline}

#animbox{
height:200px;
width:550px;
position:relative;
margin-bottom:25px;
}
/*
#blue-box{height:200px;width:550px;padding:15px 10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#e5edf4; 
background:#3986BF url(../images/bg-box-biru.jpg) repeat-x;margin-bottom:25px;position:absolute;font-size:14px}*/
#book-showcase{background:url(../images/showcase.png) no-repeat;width:335px;height:185px;float:left}
#blue-box ul{position:absolute;right:0;top:55px;width:220px}

#kiri{width:225px;float:left;clear:both}
.abu{background:#DDDDDD}
.abu-muda{background-color:#EFEFEF}
#kiri h1,#kiri h3{background:#CCCCCC;padding:6px 0 6px 30px}
#kiri h3{
	font-size:16px;
	color:#444;padding-left:20px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase
}
#kiri ul.subj{padding:2px 10px}
#kiri ul.masuk li{background-color:#F5F5F5;border-left:12px solid #e8e8e8;margin:0 15px}
*html #kiri ul.masuk li{margin:0 -10px}
*html #kiri ul.masuk{margin-bottom:-12px;padding-top:10px}
#kiri li{padding:15px 0;border-bottom:1px solid #999;margin:0px 15px;line-height:1.2;font-size:11px}
#kiri li a{color:#333}
#kiri ul.subj li{padding:10px}
#kiri ul.subj li:hover{
	background-color:#EAEAEA
}

#kiri li img{float:left}
#kiri li h2 a{color:#333;font-size:12px}
#kiri p,#kiri li h2{padding-bottom:15px;margin-left:70px}

a, a:active, a:visited{text-decoration:none;}

#kanan{position:absolute;width:25%;right:20px;top:35px}
#kanan ul{text-align:right;padding-bottom:10px;margin-right:15px}

#kanan a, #kanan a:active, #kanan a:visited{color:#333333;padding:0 0 4px 9px}
#kanan a:hover{color:#888888;background:url(../images/hoverka.gif) bottom left no-repeat}
#kanan ul li{padding:3px 0}
#kanan h1{background:#033A8A;color:#FFF;width:180px;position:relative;top:-15px;left:30px}

*html #kanan{margin-right:10px}
.line-abu{/*margin-top:13px;*/border:1px solid #cccccc;margin-bottom:20px}
#box-kanan{width:257px}

#subkanan #news.buku{border:none}
#news .kosong{margin:20px}
/*#news ul.news-content li{height:100%}*/
/*#news ul li#news2{position:relative;border:none}*/
#news ul#news-tab{width:100%/*;height:24px*/}
#news ul#news-tab li.tab{padding:8px 0 0;width:200px;border:none;float:left;text-align:center}
#news ul#news-tab li.tab a.tab-hover{
	color:#666;vertical-align:super
}
#news ul#news-tab li.tab a.tab-hover:hover{color:#b10000}
#news ul#news-tab li.current a.tab-hover{color:#A80000}
#news a.tab-hover:hover{text-decoration:none}
#news ul#news-tab li a.tab-hover{font-weight:bold}
#news ul li#content-tab{border-bottom:none}

#news ul#news-tab ul.news-content{background:#ededed;padding:20px;float:left}
#news ul#news-tab ul.news-content li{border:none;margin:0;float:none}
#news ul#news-tab ul.news-content li p{width:100%;text-align:left;width:600px;font-size:11px}
#news ul#news-tab li.current{z-index:1000;/*padding-bottom:10px;*/border:none;background:#dfdfdf}
#news ul#news-tab li.tab ul.off{display:none}

#news #dlm{margin:25px 35px}
#news #dlm .isinews p{line-height:1.5;padding-bottom:10px;text-align: justify;}
#news{float:left;border-color:#cdcdcd;
border-style:solid solid none;
border-width:1px;position:relative}
#news.detil,#news.listnews{margin:20px 0 20px 20px}
#news.dpn{margin:55px 0 20px 20px;width:73%}
#news.dpn ul,#news.listnews ul{margin-left:20px}
#news.dpn ul li,#news.listnews ul li{display:block;float:left;border-bottom:1px solid #E0E0E0;margin:10px 15px 0 0}
#news.dpn ul li{height:210px;width:315px}
#news.listnews ul li .isinews a{background-color:#ededed;padding:2px 5px;font-weight:bold;color:#888;float:right}
#news.listnews ul li .isinews a:hover{color:#666}
#news h2{
	margin:10px 0 5px 0;
	font-size:16px;line-height:1;
	color:#4A4A4A;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}
#news h2 a{
	color:#2E5483
}
#news div.isinews{
	font-size:11px;
	line-height:1.3;
	margin:10px 0;color:#122438
}
#news h3,#news h4{color:#300}
#news h4{font-size:11px;}
#news h5{font-size:10px; color:#2463AE;padding-bottom:3px}
#news ul li img,.booklist ul li img,#news #dlm img{background:url(../images/shad.gif) no-repeat bottom center;width:88px;float:left;padding:15px;}
.booklist ul li img{margin:-20px -15px}
.jurnal img{padding:10px 15px 0 0}
#kiri .jurnal p{margin-left:90px}
#news a:hover{
	color:#2463AE;text-decoration:none
}


.lebar h2{font-size:16px;color:#996600;font-weight:bold;
padding-bottom:10px;margin-left:10px;border-bottom:1px solid #D9E2E8}
#news.box-small h2{border-bottom:none}
.box-small{color:#333333;float:left;position:relative;margin-left:20px}
.box-small a, .box-small a:active, .box-small a:visited{color:#00398C}
.box-small a.all{text-decoration:underline;font-weight:bold}
.box-small h1{position:absolute;top:-15px;left:15px}
.box-small ul.links,.box-small ul.links p{margin:20px}

ul.dot li{list-style:square;padding:0 0 10px 10px;margin-left:30px}
ul.dot li h3{color:#333;font-size:13px}
.box-small.depan{width:185px;margin-top:13px}
.box-small.lebar{width:95%}
.box-small.mid{width:45%}
.box-small h1{background:#295E9E;padding:3px 15px;color:#E8EDF4;font-family:"Times New Roman", Times, serif;font-size:15px}

.booklist-box{/*height:140px;*/border:#dcdcdc 1px solid;padding:33px 24px;margin-bottom:10px;border-right:#ededed 1px solid;border-bottom:#ededed 1px solid}
.booklist-box p,.booklist-box h2,.booklist-box h3{margin:5px 0 0 115px}
.booklist-box a,.booklist-box a:active,.booklist-box a:visited{color:#A80000}
.booklist-box a:hover{color:#CC3300;text-decoration:none}
.bookdetail-box{border:#ededed 1px solid;padding:33px 24px;margin-bottom:50px}
.book-info{margin:-5px 0 0 145px;line-height:170%}
.booklist-box h2,.book-info h2{text-transform:capitalize}

#header ul {position:absolute;margin:0;right:130px;top:50px}
#header ul li{display:inline;float:left;width:120px}
#header li a{display:block;font-size:17px;color:#F0F4F8;text-decoration:none;font-family:"Times New Roman", Times, serif;border-right:1px solid #6291BB}
#header li a span{display:block;text-align:center;padding:2px 20px}
#header li a:hover span, #nav ul li.current a span{padding:2px 20px;}
#header li.kontak a b{display:none}
#header li.kontak a:hover b{display:block;font-weight:normal;font-size:13px;border:1px solid #0453AC;padding:6px 0 6px 12px;margin:-10px -35px 0 65px;background:#0466D2}
#subkanan{margin:13px 0 0 230px}
#subkanan ol li{margin:20px 0;padding:0}
#subkanan ol li p{margin:10px 0;font-weight:normal;color:#333}
#subkanan ol.list-angka li{
	margin-left:20px;
	color:#3D5272;
	list-style:decimal;
	font-weight:bold
}
#subkanan ol li p,#subkanan ol.abjad li{font-weight:normal;color:#333}
#subkanan ol.abjad li{list-style:lower-alpha;margin-left:20px}
.active{font-weight:bold}

#kiri li.bwh{border-bottom:none}

#footer{background:#AAAAAA url(../images/bg-footer.jpg) repeat-x;height:136px;border-bottom:6px solid}
#footer ul{float:left;color:#f0f0f0;margin:0;padding:15px 0 10px 35px}
#footer li a,#footer ul h3{color:#f0f0f0;padding:0 4px}
#footer ul li{display:block;float:left;padding:0 4px}
#footer p{height:120px;color:#2a2a2a;float:right;background:url(../images/logo-footer.jpg) top right no-repeat;padding:15px 60px 0;font-size:11px;font-weight:bold;text-align:right}

#footer h3.res{clear:left;margin-left:45px;}
#footer h3.res.cpr{font-size:10px}
#footer h3,#footer ul.linkfooter-bwh,#footer ul.linkfooter-bwh a{color:#303030}
#footer ul.linkfooter-bwh{padding:5px 0 28px 35px}


/* CSS BEST SELLER */
.blue-box{
background:#3986BF url(../images/bg-box-biru.jpg) repeat-x scroll 0 0;
color:#E5EDF4;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:14px;
height:200px;
margin-bottom:25px;
position:absolute;
width:550px;
}
.blue-left{height:100%;background:url(../images/bulet2.jpg) no-repeat top left;float:left;padding-left:130px;text-align:center;line-height:1.3;width:285px}
.blue-title{margin:30px 35px 40px;}
.blue-left a{color:#EED556;font-size:14px;text-decoration:none}
.blue-right{padding:20px 5px 0 0;width:129px;float:right}
.blue-right a{display:block;height:159px;padding-left:6px;background:url(../images/blue-shad.jpg) no-repeat left bottom}
.blue-right img{height:153px}