@charset "utf-8";
/* CSS Document */
@font-face {  
	  font-family: gotham_italic ;  
	  src: url( GOTHMXIT.TTF ) ;  
	}  
@font-face {  
	  font-family: gotham med ;  
	  src: url(GOTHMMED.TTF);
}

@font-face {  
	  font-family: gotham extra ;  
	  src: url( Gotham-XLight.ttf ) ;  
	}  
@font-face {  
	  font-family: Trebuchet ;  
	  src: url( Trebuchet MS.ttf); 
}


#judul { 
	font-size:30px;
	font-family:  gotham med ;
	color: #000000;
}
	/*font-family:  Baskerville;*/
.judul { 
	font-size:30px;
	font-family: "Trebuchet MS", Trebuchet, serif;
	color: #333333;
	font-style:inherit;
	}  
	
.contact{
	font-family:  gotham med , verdana, helvetica, sans-serif;
}
.ptgrap{
	font-family:   gotham_italic;
	font-size:18px;
	color: #610303;
	
}
	
#menuleft {
	font-family:   verdana, helvetica, sans-serif;
	font-size:12px;
	
	
}
#menuleft_bu {
	font-family:   gotham extra , verdana, helvetica, sans-serif;
	font-size:12px;
	
	
}

#menuleft a:link{
	text-decoration:none;
	color:#000;
	
}
#menuleft a:hover{
	text-decoration:none;
	color:#000;
	
}
#menuleft a:visited{
	text-decoration:none;
	color:#000;
	
}
.tdleft{
	padding-right:20px;
}

#menuright {
	padding-left: 20px;

}
#isiright {
	
	font-family:   verdana, helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#isiright_bu {
	
	font-family:   gotham extra , verdana, helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#isiright a:link{
	text-decoration:none;
	color:#000;
	
}
#isiright a:hover{
	text-decoration:none;
	color:#000;
}
#isiright a:visited{
	text-decoration:none;
	color:#000;
}
#navpanah{
	 top: 50%;
	 margin-top: -60px;
width:666px;
position:absolute
}
#panahkiri {
	float:left;
	padding-left:10px;
	
}
#panahkanan {
	float:right;
	padding-right:10px;
	left:auto;
	
}


#bgbook {
	background-image:url("../images/bgbook2.png");
    padding-bottom: 10px;
    padding-top: 52px;
    width: 875px;
    height: 448px;
	background-color:#988d80;
	display:none;
}
#bgbookbio {
	background-image:url("../images/bgbook2.png");
    padding-bottom: 10px;
    padding-top: 52px;
    width: 875px;
    height: 448px;
	background-color:#988d80;
}
.bgbook2 {
	background-image:url(../images/bgbook2.png);
	
	visibility:hidden;
}

#pgnum{
	font-family:   gotham extra , verdana, helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	padding-top: 20px;
	
}
#pgjdl{
	font-family:   gotham_italic , verdana, helvetica, sans-serif;
	font-size:13px;
	color: #610303;
	padding-top: 20px;
	padding-bottom: 20px;
	display:none;
	
}
#thumimg{
	position:absolute;
	overflow: hidden;
	 display: block;
	width:0px;
	height:52px;
	left:25px;
	display:none;
	
}
.thumb{
	position:relative;

}
#isithumb{
	position:relative;
}
.maskthumb { 
    background-image:url('thumbmask.png'); 
	height:65px;
    z-index:1200;
	overflow:hidden;
}

#demo-frame > div.sld { padding: 10px !important; }

.boxed {
  border: 1px solid green ;
  width:80px;
  height:52;
  background-color:#0F0;
}
div.scroll {
	background-color: #FFFFFF;
    border: 0 solid #666666;
    font-family: gotham extra,verdana,helvetica,sans-serif;
    font-size: 14px;
    height: 378px;
    overflow: auto;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 25px;
    position: relative;
    width: 565px;
}
#dvLoading	{
	   background:#FFFFFF url("../images/blackloader.gif") no-repeat center center;
	   height: 300px;
	   width: 300px;
	   position: fixed;
	   z-index: 3000;
	   margin: -25px 0 0 -25px;
	}
#leftA { display:block; position:relative; top:25px; width:12px; height:31;display:none;}
#rightA { display:block; position:relative; top:25px; width:12px; height:31;display:none;}

.scroll-pane
{
	background-color: #FFFFFF;
	font-family: gotham extra,verdana,helvetica,sans-serif;
    font-size: 14px;
	width: 100%;
	height: 404px;
	overflow: auto;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 25px;
    position: relative;
    width: 565px;
}
.horizontal-only
{
	height: auto;
	max-height: 388px;
}