/* CSS Document */

body {background:#f4f4f6 url(../images/bg.gif) repeat top left; margin:0; padding:0; font:normal 12px Arial,Verdana, Helvetica, serif, Arial; }
form {margin:0; padding:0;}
input, select { font:normal 11px Verdana;}
img {border:0;}
h1{ display: none; }
h2{font-size:11pt;}
h3{font-size:1.4em; margin: 0; padding: 0; text-transform: uppercase;}
h4{font-size:1.2em; margin: 0; padding: 0 0 9px; text-transform: uppercase;}
.small{ font-size: 0.9em;}
.smaller{ font-size: 0.8em;}

.button{ cursor: pointer; border: 2px outset #979797; background: #f3f3f3; }
.textbutton{ border: 2px outset #979797; background: #f3f3f3; cursor:hand}
.disablebutton{ border: 2px outset #979797; background: #DDDDDD;}

a { text-decoration: none; color: #C10909; }
a:visited, a:link { text-decoration: none;}
a:hover{text-decoration: none; color: #F90000;}
a:active{text-decoration: underline;}
.clearit{clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0;}

.grey, .grey a{ color: #333333; }.grey a:hover{ color: #111; }
.white,.white a{ color: #fff;} .white a:hover{color: #eee;}
.black,.black a{ color: #111;} .black a:hover{color: #555;}
.rmore a{ color: #C10909;} .rmore a:hover{text-decoration: none; color: #F90000;}
.eng { font-style:italic }

/*kepala*/
.kepaladasar {background:url(../images/header-side.gif) repeat-x; height:190px;}
.kepala { width:940px; height:190px; margin:0 auto; background:url(../images/bgkepala.gif) no-repeat; padding:0 10px; }
.kepalakiri { float:left; width:440px;}
.kepalakanan { float:right; width:500px; }

/*elemen kepala*/
.logo { float:left; margin-top: 72px; margin-right:10px;}
.logotext { float:left; margin-top:116px; font:bold 15px verdana; color:#fff; text-transform:uppercase; letter-spacing:1px; line-height:14px;}

.navatas {float:right;}
.inbox {background:url(../images/bgnavatas.jpg) no-repeat; width:340px; height:34px; float:right; padding-top:10px; padding-left:62px;}
.inbox select { font:normal 10px verdana; float:left;}
.linkadd { font:normal 9px verdana; color:#666666; margin-top:5px; float:right;}
.linkadd a {color:#666666; text-decoration:none;}
.linkadd a:hover {color:#000; text-decoration:underline;}
.search{ background:url(../images/bgcari.jpg) no-repeat; width:255px; height:48px; margin-top:41px; padding-top:10px; padding-left:14px; float:right;}

/*body*/
.badan {width:940px; margin:0 auto; padding: 5px 10px 30px; background: #edeff6 url(../images/bgbody.gif) repeat-y bottom;}

/*kolom-kolom*/
.kolomkiri {width:210px; float:left;}
.kolomkanan {width:720px; float:right;}
.floatright{ float: right;}
.floatleft{ float: left;}

/*bagian-kiri*/
/*.menu_bg { background: #bde6f6; padding: 0; margin: 0;}*/
.menu_bg { background: #BDE6F6; padding: 0; margin: 0;}
.menu_bg .menu_left{ margin: 0 0 0 9px; padding: 5px 0; list-style: none;}
.menu_bg .menu_left li {padding: 4px 0 4px 19px;}
.menu_bg .menu_left li a{ color: #009FB7; text-align: left; font: bold 10pt Arial;font-stretch:extra-expanded}
.menu_bg .menu_left li a:hover{ text-decoration: underline;}

.left_box{ border: 4px solid #BDE6F6; margin-top: 15px; padding: 7px; color:#333333; background: #EDEFF6}
.left_box .textbox{ border: 2px inset #aaa; width: 100px;}
.left_box .button{ margin: 10px 0 10px 80px; }

.petunjuk_penggunaan{ padding-bottom: 3px;}
.petunjuk_penggunaan a{ margin: 2px 0 8px; display: block; }

.visimisi{ border-top: 1px solid #BDE6F6; border-bottom: 1px solid #BDE6F6; padding: 10px 0; background: #BDE6F6; font-family:verdana,arial;font-size:11px;color:#444444}
.denah_link_bg{ margin-top:15px;width: 210; height: 100px; background: url(../images/denah_link_bg.gif) no-repeat top;}
.denah_link_text{ padding:22px 20px 0 10px; font-size: 1.2em;}

/*bagian-kanan*/
.foto_depan{width: 720px; height: 175px;}
.frame{background: transparent url("../images/frame.gif") no-repeat top; width: 720px; height: 175px;}
.foto_depan_text_bg{background: transparent url("../images/transparent.gif") repeat top; width: 710px; filter:alpha(opacity=70);-moz-opacity:.65;opacity:.65; margin: auto;}
.foto_depan_text{color: #222627; padding: 10px 5px;}

.kanan_dalem_bg{ background: #BDE6F6; }
.kanan_dalem_box_inside{ background: #edeff6; color: #575859; margin: 0 5px; padding: 5px;}
.kanan_dalem_bottom_bg{ width: 720px; }

.buku_random_bg{ background: #BDE6F6 url(../images/buku_random_bg.gif) no-repeat bottom left; width: 710px; height: 325px; margin:0 5px 8px;}
.buku_random_bg_eng{ background: #BDE6F6 url(../images/buku_random_bg_Eng.gif) no-repeat bottom left; width: 710px; height: 325px; margin:0 5px 8px;}
.buku_random{ width: 480px; height: 307px; position: relative; top: 5px; left: 200px;}
.buku_bg{ background: transparent url(../images/buku_bg.gif) no-repeat top; width: 156px; height: 306px; float: left; margin-right: 4px; }
.buku_img{ margin: 20px 0 15px; }
.buku_text{ margin: 0 8px;}

.online_catalog { background: #edeff6 url(../images/online_catalog_bg.gif) no-repeat bottom right; }
.online_catalog .kata_kunci{ }
.online_catalog .kata_kunci .textbox{ position: relative; left: 30px; width: 550px; padding: 2px 3px; border: 2px inset #ccc; }
.online_catalog .kata_kunci select{ position: relative; left: 15px; width: 225px; padding: 2px 3px; border: 2px inset #ccc; margin-right: 35px; }
.online_catalog .button_n_link{ margin: 10px 0 0 88px;}
.online_catalog .button{ width: 150px; padding: 1px 0 2px; }

.online_database{ height: 120px; width: 695px; overflow: hidden; margin-left:2px; padding-bottom: 5px;}
.online_database div{ background: #fff; overflow: scroll; height: 120px; width: 715px; }
.online_database img{ margin: 0 13px 0 12px;}

.box_berita{ float: left; width: 355px;}
.box_berita_bg{ border-left:5px solid #BDE6F6; border-right:5px solid #BDE6F6; margin: 0; padding: 0;}
.box_berita_content{padding:0 2px 0 4px; }
.box_berita_content .link a{padding:2px 0 5px; display: block; font-weight: bold; font-size: 1em;}
.box_berita_content .link a:hover{}
.box_berita_content .tanggal{ font-size:.8em;}
.box_berita_content h4{ color: #575859;}
.box_banner{ float: left; width: 170px; margin-left: 10px; overflow: hidden;text-align:center;}
.box_link{ float: left; width: 170px; margin-left: 10px; }
.box_link .link_bottom{ margin-top: 29px; padding: 0; }

.box_link_bawah{ float: left; width: 220px; margin-right: 15px;}
.box_link_bawah{ float: left; margin-right: 15px;}
.box_link_bawah .navlist{ margin: 0; padding: 5px 0; list-style: none;}
.box_link_bawah .navlist li {padding: 1px 0 1px 15px; background: transparent url(../images/list-grey.gif) no-repeat 0 .5em;}
.box_link_bawah h4{ color: #575859; border-bottom:1px solid #adafaf; padding-bottom:7px}
.box_link_siprus{ float: right; margin-right: 0px;margin-top: 10px;}

/*kaki*/
.kakidasar {background:url(../images/bgbawah.gif) repeat-x; height:50px;}
.kaki { background:url(../images/bgfooter.jpg) no-repeat; width:940px; height:40px; padding:5px 10px; margin:0 auto; font: normal 9px verdana; color:#333333;}
.kaki a { font: normal 9px verdana; color:#000000; text-decoration:underline;}
.kaki a:hover {text-decoration:none; color:#000000;}

/*slider*/
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { margin: 0; padding: 0; position: relative; width: 480px; }
/* These 2 lines specify style applied while slider is loading */
.csw { border: 1px solid #ccc;  width: 470px; height:307px; overflow: hidden}
.csw .loading {margin: 120px 0 300px 0; text-align: center}

.stripViewer { position: relative; overflow: hidden; margin: 0; width: 480px; height: 307px; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 480px; list-style-type: none;}
.stripViewer .panelContainer .panel { float:left; height: 307px; position: relative; width: 480px; }
.stripViewer .panelContainer .panel .wrapper { padding: 0;}
.stripNav { margin: 0; padding: 0;}
.stripNav ul { list-style: none; margin: 0; padding: 0;}
.stripNav ul li {float: left; margin-right: 2px; }
.stripNav a { display: none;}
.stripNavL, .stripNavR { position: absolute; top: 130px; /*text-indent: -9000em; trying to remove this*/}
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}
.stripNavL {left: -37px;}
.stripNavR {right: -37px;}
.stripNavL {background: url("../images/arrow-left.gif") no-repeat center;}
.stripNavR {background: url("../images/arrow-right.gif") no-repeat center;}

.tableheader { border:1px solid #99D5EC; background-color: #BDE6F6;color: #333333;text-align:center;}
.tabledata { border:1px solid #BDE6F6; color: #333333;}

.greeting { color: #333333}
.opactext { font-size: 20px; color: #575859}

.imagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.bookbigtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}