html,body
 {
  margin:0px;
  padding:0px;
  height:100%;
  min-width:1050px;
  min-height:600px;
  background-image:url('../img/bkg.jpg');
  background-repeat:repeat;
 }

a{outline:none;}
h1
{
 font-size:9pt;
 color:#aaa;
 font-weight:normal;
 font-family:arial;
 padding:0px;
 margin-bottom:0px;
}
h2
{
 display:inline-block;
 font-size:inherit;
 padding:0px;
 margin:0px 30px;
}
 
div
 {
  margin:0px;
  padding:0px;
  border:none;
  vertical-align:top;
 }
 
hr
 {
  width:100%;
  color:#AE5700;
  border:1px outset #C66300;
  box-shadow:2px 0px 4px #999;
 }

table
 {
  border:none;
  height:100%;
  width:100%;
  border-collapse:collapse;
 }
table tr td
 {
  border:none;
  vertical-align:top;
  height:100%;
  padding:0px;
  margin:0px;
 } 

img
 {
  border:none;
  margin:0px;
  padding:0px;
  border-radius:3px;
 }

fieldset
 {
  margin:20px 10px;
  border:1px solid #D29900;
  border-radius:4px;
  box-shadow:inset 0px 0px 9px #ddd;
  background-color:#fff;
  text-align:left;
  -o-transition:height 0.5s linear;
  -moz-transition:height 0.5s linear;
  -webkit-transition:height 0.5s linear;
  transition:height 0.4s linear;
 }
fieldset legend
 {
  position:relative;
  top:-9px;
  border:1px solid #D29900;
  border-bottom:none;
  border-radius:9px 9px 0px 0px;
  min-width:250px;
  padding:5px 15px;
  background-color:#fff;
  font-style:italic;
  font-family:arial;
  color:#333;
  text-shadow:0px 0px 5px #bbb;
 }
#profile legend:hover,#start legend:hover,#reader_default legend:hover,#system legend:hover,#other_books legend:hover
  {
  background-color:#FFBB00;
  box-shadow:inset 0px 0px 10px #fff;
 } 
fieldset img
  {
  border:1px solid #999;
  margin-right:15px;
 }
fieldset p
 {
  border-bottom:1px solid #999;
  margin:1px 10px;
  padding:2px;
  width:auto;
  font-family:'courier new';
  font-size:10pt;
 }
fieldset p textarea
 {
  border:1px solid #fff;
  border-radius:5px;
  height:20px;
  padding:2px 7px 0px 7px;
  vertical-align:middle;  
  width:90%;
  resize:none;
  font-family:'courier new';
  font-size:10pt;
  outline:none;
  overflow:auto;
 } 
fieldset p textarea:focus
  {
   border:1px solid #FDCF82;
   box-shadow:inset 0px 0px 4px #FDCF82;
 }
fieldset p select
  {
   width:360px;
   border:1px solid #ccc;
   padding:5px;
   border-radius:5px;
 }
fieldset p select:focus
  {
   border:1px solid #FDCF82;
   box-shadow:inset 0px 0px 4px #FDCF82;
 }
fieldset p input
  {
  vertical-align:bottom;
  margin:2px;
 }
 
a{text-decoration:none;}

#rnd_cite p, #this_book p
  {
  border-bottom:1px solid #ddd;
  text-align:justify;
  text-indent:15px;
 }
#rnd_cite a
  {
  float:right;
  text-decoration:none;
  color:#000;
  font-weight:bold;
 }

#logo
  {
  height:127px;
  width:800px;
  padding-top:5px;
  float:left;
  color:#fff;
  font-family:'book antiqua';
 }
#logo a
 {
  margin:0px;
  padding:0px;
  height:125px;
  display:inline-block;
  float:left;
 } 
#logo a img
 {
  margin-left:25px;
  height:128px;
  width:170px;
 }
#logo a i
  {
  color:#fff;
  font-family:'book antiqua';
 }
#logo a b
  {
  font-size:56pt;
  color:#FFBB00;
  text-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,3px 3px 5px #000;
  line-height:110%; 
 }


#login
{
 margin:0px 5px 5px 5px;
 padding:5px;width:175px;
 border-radius:5px;
 border:1px solid #900;
 text-align:center;
} 

#upan
 {
  display:inline-block;
  margin:10px;
  padding:3px 12px;
  height:104px;
  width:196px;
  float:right;
  background-image:url('../img/paper.jpg');
  background-repeat:repeat;
  border-radius:20px;
  box-shadow:inset 5px 0px 10px #444; 
  border:1px solid #FFBB00;
 }
#upan div
  {
  height:30px;
  margin:5px;
 }
#upan div a img
  {
  margin:0px 1px;
  display:inline-block;
  height:30px;
  width:30px;
 }
#upan hr
  {
  width:100%;
  color:#AE5700;
  border:1px outset #C66300;
  box-shadow:2px 0px 4px #999;
 } 
#upan p 
 {
  font-size:14pt;
  color:#400000;
  text-align:center;
  font-family:garamond;
  font-weight:bold;
 }
#upan div
 {
  padding:0px;
  margin:0px;
 } 
#upan div input
 {
  font-size:0pt;
  color:#fff;
  width:24px;
  height:24px;
  border:none;
  border-radius:3px;
  margin:0px 2px;
  padding:0px;
  text-align:center;
  vertical-align:top;
 }
 
#body
  {
  clear:both;
  margin-left:30px;
  background-image:url('../img/paper.jpg');
  background-repeat:repeat;
  border-radius:80px 0px 0px 0px;
  box-shadow:inset 5px 0px 10px #444; 
  border:1px solid #FFBB00; 
  border-right:none;
 }
 
#menu
  {
  width:200px;
  height:100%;
 }
#menu a
  {
  display:block;
  background-image:url('../img/bkg.jpg');
  background-repeat:repeat;
  box-shadow:2px 2px 7px #777;
  margin:8px 0px 0px 15px;
  padding:8px;
  border:1px solid #FFBB00;
  border-right:none;
  border-radius:30px 0px 0px 30px;
  height:22px;
  font-size:12pt;
  font-family:'book antiqua';
  text-align:right;
  color:#fff;  
 }
#menu span{display:none;}  
#menu p{margin-left:40px;}
#menu p input
 {
  text-align:right;
  padding:0px 5px;
  height:38px;
  width:44px;
  font-size:20pt;
  border:1px solid #800;
  border-radius:5px;
 }
#menu p a
  {
  display:inline-block;
  background-image:url('../img/bkg.jpg');
  background-repeat:repeat;
  box-shadow:2px 2px 7px #777;
  margin:0px 3px;
  padding:5px;
  border:1px solid #FFBB00;
  border-right:none;
  border-radius:5px;
  height:28px;
  width:28px;
  font-size:18pt;
  font-family:'book antiqua';
  text-align:right;
  color:#fff;  
 } 
#menu a:hover,#menu p a:hover
  {
  background-image:none;
  background-color:#FFBB00;
  color:#000;
 }

#note
{
 width:180px;
 height:220px;
 margin-left:15px;
 border-radius:4px;
 background-image:url('../img/note.jpg');
 background-repeat:no-repeat;
 box-shadow:3px 5px 5px #ccc; 
} 
 
 #line{width:3px;}
 #line div
 {
  margin:0px;
  margin-top:10px;
  width:1px;
  min-height:450px;
  height:96%;
  background-color:#AE5700;
  border:1px outset #C66300;
  box-shadow:2px 0px 5px #777;
 }
 
#main 
  {
  padding:0px 30px;
  background-image:url('../img/topleft.png'),url('../img/topright.png'),url('../img/bottomright.png'),url('../img/bottomleft.png');
  background-repeat:no-repeat;
  background-position:top left,top right,bottom right,bottom left;
  text-align:center;
 }
 
#toolbar
 {
  background-image:url('../img/bkg.jpg');
  background-repeat:repeat;
  box-shadow:2px 2px 7px #777;
  border:1px solid #FFBB00;
  border-radius:30px;
  margin:10px 15px;
  padding:0px 20px;
  height:55px;
 }
#toolbar a
 {
  display:inline-block;
  vertical-align:top;
  border:1px solid #FFBB00;
  border-radius:5px;
  margin:5px;
  outline:none;
  padding-top:10px;
  width:43px;
  height:33px;
  color:#eee;
  font-family:arial;
  font-size:15pt;
  font-weight:bold;
  text-align:center;
 }
#toolbar a:hover
 {
  background-image:none;
  background-color:#FFBB00;
  color:#000;
  border:1px solid #fff;
  box-shadow:inset 0px 0px 8px #fff;
 }

#footer
  {  
  height:50px;
  color:#fff;
  text-align:center;
  padding:0px;
  margin:0px;
 }

#footer a
  {
  float:left;
  margin:5px 15px;
  margin-right:0px;
 }
 
#this_book legend{width:auto;}
#this_book img
  {
  margin:15px 10px;
  border:1px solid #333;
  float:left;
  height:250px;
  max-width:180px;
 }
#this_book p{margin-left:190px;}
#this_book p textarea
  {
  height:200px;
  border:1px solid #ddd;
  width:95%;
 }
#this_book a
  {
  display:inline-block;
  width:140px;
  text-decoration:none;
  text-indent:0px;
  border:1px solid #ccc;
  color:#fff;
  margin:2px;
  padding:5px 2px;
  border-radius:3px;
  text-align:center;
 }
#this_book a:hover{box-shadow:inset 0px 0px 10px #fff;font-weight:bold;} 
 
#send_reply p textarea
  {
  width:550px;
  height:150px;
  resize:vertical;
  border:1px solid #ddd;
 }
#send_reply p input
  {
  font-size:14pt;
  margin-bottom:-5px;
 }

#user_table
 {
  height:auto;
  width:97%;
  background-color:#fff;
  margin:10px;
 }
#user_table tr td
  {
  border:1px solid #999;
  padding:5px 10px;
  vertical-align:middle;
 }

#process
{
 display:none;
 width:32px;
 height:32px;
 border:1px solid #800;
 border-radius:5px;
 margin:3px 11px;
 vertical-align:top;
}

#uparrow
{
 position:fixed;
 bottom:20px;
 right:20px;
 width:70px;
 height:100px;
 cursor:pointer;
 opacity:0.5;
}
#uparrow:hover{opacity:1.0;}

#genrefltr, #genrefltr_b
{
 padding:10px;
 font-size:110%;
}
#genrefltr a, #genrefltr_b a
{
 display:inline-block;
 color:#666;
 padding:3px 5px;
 margin:2px 0px;
 font-style:italic;
}
#genrefltr a:hover, #genrefltr_b a:hover
{
 background-color:#FFA500;
 color:#fff;
}

#review
{
 border-bottom:none;
 width:95%;
 padding:0px 10px;
 margin:0px 10px;
 font-size:12pt;
 
}

.links a
  {
  display:inline-block;
  float:left;
  padding:1px 10px;
  text-decoration:none;
  width:89%;
  height:20px;
  overflow:hidden;
  border-bottom:1px solid #ccc;
  font-family:'courier new';
  color:#333;
 }
.links a:hover
  {
  background-color:#004080;
  color:#fff;
 }
.links p a:hover{background-color:#fff;}

 
.infobutton
{
 font-size:14pt;
 color:#fff;
 padding:7px;
 background-color:#003871;
 border:1px solid #999;
 border-radius:5px;
}
.infobutton:hover
{
 box-shadow:inset 0px 0px 15px #fff;
}  

.textfield
 {
  margin:0px 10px;
  border:1px solid #D29900;
  border-radius:4px;
  box-shadow:inset 0px 0px 9px #ddd;
  background-color:#fff;
  text-align:justify;
 }
.textfield p
 {
  padding:0px 20px;
  text-indent:20px;
  font-family:garamond;
  font-size:13pt;
 }
.textfield p b a{font-size:12pt;color:#999;}
.textfield p b a:hover {color:#000;text-decoration:underline;}
 
.textfield .header
 {
  text-align:center;
  font-size:18pt;
  text-indent:0px;
  font-weight:bold;
  color:#300;
  margin:10px;  
 }
 
.book{text-align:left;}
.book hr{margin:10px 0px;}
.book a img
  {
  margin:5px 20px 5px 0px;
  height:250px;
  float:left;
  border:1px solid #333;
  box-shadow:2px 2px 5px #777;
  border-radius:3px;
 }
.book b
  {

  font-size:18pt;

 }
.book i
  {
  font-size:14pt;
 }
.book p
  {
  font-family:georgia;
  font-size:12pt;
  text-align:justify;
 }

.minibook 
  {
  display:inline-block;
  background-color:#fff;
  height:280px;
  width:150px;
  padding:5px;
  margin:0px 2px 10px 2px;
  border:1px solid #D29900;
  border-radius:5px;
  box-shadow:inset 0px 0px 9px #ccc;
  overflow:hidden;
  font-size:9pt;
  font-family:arial;
  text-align:center;
 }
.minibook:hover{box-shadow:inset 0px 0px 15px #FFBB00;}
.minibook hr{display:none;}
.minibook a img
  {
  display:block;
  margin:5px auto;
  height:200px;
  border:1px solid #999;
  border-radius:3px;
 }
.minibook p{display:none;}

.nocover
  {
  
 }
 
.leftbar
  {
  float:left;
  clear:both;
  width:185px;
  padding:3px;
  margin:5px 0px 0px 15px;
  border:none;
 }

.rightbar
  {
  padding:3px;
  margin:0px 15px 0px 0px;
  border:none;
  border-top:1px solid #666;
 }
.rightbar textarea{width:65%;}
.rightbar img
  { 
  border:2px solid #eee; 
 }

.rightbar  iframe
  {
  border:none;
  height:35px;
  width:35px;
  margin:4px 8px;
  float:left;
 }
 
.savebutton
 {
  display:block;
  clear:both;
  float:right;
  background-color:#fff;
  border:1px solid #D29900;
  border-radius:5px;
  padding:5px 10px;
  margin:5px;
  font-family:arial;
  font-size:11pt;
  color:#000;
 }
.savebutton:hover
 {
  background-color:#FFBB00;
  color:#000;
  box-shadow:inset 0px 0px 10px #fff;
 }

 .speech
 {  
  position:relative;  
  width:auto;  
  height:auto;
  margin:0px 40px; 
  padding:10px 20px;
  clear:both;
  font-family:'book antiqua';
  font-size:11pt;
  text-align:left; 
  line-height:140%;  
  background-color:#fff;  
  border:1px solid #D29900;  
  -webkit-border-radius:20px;  
  -moz-border-radius:20px;  
  border-radius:20px;  
  -webkit-box-shadow:2px 2px 4px #888;  
  -moz-box-shadow:2px 2px 4px #888;  
  box-shadow:2px 2px 7px #aaa;
 }
.speech:before 
 {  
  content:' ';  
  position:absolute;  
  width:0;  
  height:0;  
  left:15px;  
  top:-31px;  
  border:15px solid;  
  border-color:transparent transparent #D29900 #D29900;  
 }  
.speech:after
  {  
  content:' ';  
  position:absolute;  
  width:0;  
  height:0;  
  left:16px;  
  top:-29px;  
  border:15px solid;  
  border-color:transparent transparent #fff #fff;  
 }

div.reply
 {
  border:1px solid #999;
  border-radius:6px 6px 0 0;
  margin:0px 10px;
  text-align:left;
  box-shadow:0px 0px 15px #ccc;
 }
div.reply p
 {
  margin:0px;
  padding:10px;
  font-size:12pt;
 } 
div.reply p span
 {
  font-family:'courier new';
  font-size:11pt;
 }
div.reply p a img
 {
  height:80px;
  width:80px;
  float:left;
  margin:5px 20px 15px 0px;
  border:1px solid #ccc;
 }
div.reply p a img:hover{border:1px solid #800;}
 
.replier
  {
  width:200px;
  background-color:#fff;  
  border:1px solid #D29900;
  border-radius:5px;
  box-shadow:2px 2px 7px #aaa;
  margin-left:15px;
  margin-bottom:35px;
  padding:5px;
  font-family:'courier new';
  font-size:10pt;
  text-align:left;
  color:#400;
 }
.replier img
  {
  float:left;
  width:50px;
  height:50px;
  border:none;
  margin-right:20px;
 }

a.colorcell
 {
  padding:0px;
  margin:0px 0px;
  vertical-align:bottom;
  display:inline-block;
  width:17px;
  height:17px;
  border:1px solid #ccc;
  cursor:pointer;
  font-size:0px;
}
a.info
 {
  position:relative;
  text-decoration:none;
  color:#800;
  cursor:help;
  font-weight:bold;
 }
a.info span{display:none;}
a.info:hover span
 {
  display:block;
  position:absolute;
  z-index:55;
  box-shadow:2px 2px 5px #999;
  padding:4px;
  top:2em;
  left:2em;
  width:250px;
  border:1px solid #999;
  border-radius:3px;
  background-color:#FFFFE8;
  color:#000;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  font-weight:normal;
 }

.infoarea
{
 border:1px dotted #aaa;
 padding:5px 5px 5px 20px;
 margin:0px;
 font-size:90%;
 width:95%;
}

.linebook
{
 border:none;
 border-top:1px solid #ccc;
 padding:10px;
 text-align:justify;
 height:108px;
 overflow:hidden;
 font-family:georgia;
 font-size:11pt;
 border-radius:3px;
}
.linebook img
{
 height:100px;
 float:left;
}
.linebook i
{
 line-height:130%;
 font-weight:lighter;
 color:#aaa;
}
.linebook b,span{font-size:120%;}
.linebook b{color:#002;}
.linebook span{color:#400;}
.linebook:hover {box-shadow:inset 0px 0px 15px #FFDDBB;}
.linebook:hover b{color:#006;}
.linebook:hover span{color:#800;}
.linebook:hover i{color:#555;}

a.avaicon
{
 width:87px;
 height:113px;
 border-radius:4px;
 border:none;
 margin:2px;
 padding:1px;
 text-align:center;
 overflow:hidden;
}
a.avaicon img
{
 width:85px;
 height:85px;
 margin:0px;
 padding:0px;
}
a.avaicon i{font-size:9pt;}