* {
padding : 0;
margin : 0;
}       
body {
  background: #FFFFFF url(img/bodybg.gif) repeat-x top;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #585858;
  text-align: center;
  overflow: auto scroll;
  overflow-y: scroll;
  }
   
img {
  border: none;
  behavior: url(/iepngfix/iepngfix.htc);
}


a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #0000CD;
}   

button,input[type=submit] {
  padding: 1px 5px;
}

textarea, input[type=text] {  
  font-family: Tahoma, Verdana, Arial, sans-serif;
}

.jsHidden, .hidden {
  display: none;
}

.noScript {
  font-size: 0.7em;
}
 
#feedback {
  position: fixed;
  right: 2px;
  bottom: 2px;
  width: 300px;
  z-index: 10;  
  font-size: 12px;
}

#feedback a {   
  display: block;
  border: 1px #000000 solid;
  padding: 3px;
  color: #000000;
  background: #e0e0e0 url(img/feedback.png) no-repeat left top;
  font-weight: normal;
  -moz-border-radius: 5px;   
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
    
}

#feedback a span.line {
  display: block;
}

#feedback a span.href {
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}

#feedback a:hover {
  text-decoration: none;
  background-color: #ffffaa;
}

#feedback a:hover span.href {
  color: #0000d0;
}

#feedback_content {
  background: #ffffff;
  border: 1px #cccccc solid;
  padding: 5px;
}
  
#page {   
  margin: 0px auto;
  width: 1000px; 
  padding: 5px;
}
      
#head {
  height: 80px;
  max-height: 80px;
  background: #F0F0FF url(img/headerbg.png) no-repeat center center; 
  border: 1px #AAAAAA solid;
  margin: 5px 0px;
  padding: 5px 200px;   
  position: relative;
}

#head h1 {
  font-size: 2em;
  display: block; 
  text-align: left;
}

#head h2 {
  font-size: 1.5em;
  display: block; 
  text-align: right;
}

#head a {    
  color: #585858;  
} 

#head a:hover {
  color: #000000;
  text-decoration: none;
}

#head .speedSearch {
  position: absolute;
  left: 150px; 
  height: 20px;   
  bottom: 2px;
  padding: 0;
}

#head .speedSearch input#speedSearchInput {
  width: 100px;
  margin: 0; 
  height: 16px;
  padding: 1px;
  background: #F8F8FF;
  border: 1px #BBBBCC solid;
}

#head .speedSearch input#submit {
  height: 17px;
  width: 17px;
  background-image: url(img/search.gif);
  border: none;
  cursor: pointer;
  position: absolute;
  left: 105px; 
  top: 2px;
  margin: 0;           
  padding: 0;
  text-indent: 9999px;
  overflow: hidden;
}

#head #day {
  clear: both;
  color: #585858;
  font-size: 0.8em;
  width: 100%;
  text-align: right;
}


#head #day span.toolTip .title {
  font-weight: bold;
  border-bottom: 1px #777777 solid;
  margin-bottom: 3px;
  width: 100%;
  text-align: center;
  color: #aaaaaa;
}

#head #day span.toolTip .title .year {
  color: #eeeeee;
}

#head #day span.toolTip .title .detail {
  font-size: 0.9em;
  color: #bbbbbb;
  font-weight: normal;
}

#head #day span.toolTip .type {    
  border-bottom: 1px #666666 solid;
  font-weight: bold;
}

#head #day span.toolTip .type.born {
  color: #009950;
}

#head #day span.toolTip .type.dead {
  color: #C41616;
}


#leftBar {    
  float: left;  
  width: 180px;
  margin-bottom: 20px;
}

#leftBar #menu {
  background: #DDD;
  border: 1px #EEE solid; 
  padding-bottom: 5px;
}

#leftBar h3 {
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 5px;
  border-bottom: 1px #FFF solid;  
}

#leftBar #menu ul {
  margin: 10px 0 10px 10px;
}

#leftBar #menu li {
  list-style-type: none;
  text-align: left;
}

#leftBar #menu li a {
  color: #555555;
}

#leftBar #menu li a:hover {
  color: #0000CC;
}

#leftBar #menu li a.active {
  color: #0000DD;
}

#rss_channel {
  font-size: 0.8em;
  margin-top: 10px;
}

#rss_channel a {
  color: #222222;
}

#rss_channel a:hover {
  color: #000000;
}

#rss_channel span {
  font-size: 0.8em; 
  color: #888888;
}

#leftBar #topList {
  display: none;
}


#most_searched_bookTitles {
  margin-top: 20px;
  font-size: 0.9em;
  text-align: left;
  color: #555555;
  border-top: 2px #cccccc solid;
  background: #f0fff0;
  padding: 5px;
}

#most_searched_bookTitles ul {
  padding: 0 10px;
  font-size: 0.95em;
}

#most_searched_bookTitles ul li {
  list-style: none;
  margin: 0.4em 0;
}

#most_searched_bookTitles a {
  color: #000000;      
  font-weight: normal;
  display: block;
}

#most_searched_bookTitles a:hover {
  color: #0000aa;
}

#bookDetail {
  background: #F0F0F6;
  border: 1px #AAAAAA solid;
  margin: 10px auto;
  padding: 10px;
  color: #0C0C0C;
  text-align: left;
}

#bookDetail h1 {
  font-size: 2em;
  text-align: center;
}

#bookDetail img {
  float: right;
} 

#bookDetail td {
  background: #E0E0F6;
  padding: 2px;
}

#bookDetail .tableValue {
  color: black;
}


       /*
#formTableDiv {
  background: #F0F0F6;
  border: 1px #AAAAAA solid;  
  margin: 5px 10px 10px 10px;
  padding-bottom: 10px;
}    */

.errMsg {
  font-weight: bold;
  color: #FF0000;
}

.msg { 
  font-weight: bold;
  color: #006400;
}  

.infoBox {   
  padding: 5px 10px 5px 30px;
  border: 1px #FFBD00 solid;
  margin: 5px auto;
  background: #F6F6AA url(img/info.png) no-repeat 7px center;  
  color: #333333;       
  -moz-border-radius: 10px;   
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
      
}

.infoBox span {
  color: #000000;
  font-weight: bold;
}
 
#response h1,
#reportError h1 {
  font-size: 1.5em;
}

#response .upperData {
  background: #F0F0F6;
  border: 1px #C0C0C0 solid;
  padding: 5px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
}

#response .contact {    
  border: 1px #C0C0C0 solid; 
  padding: 5px; 
  margin-left: auto;
  margin-right: auto;  
}

#response h2 {
  font-size: 1.1em;
}

#response .insertionInfo {  
  border: 1px #C0C0C0 solid;
  float: right; 
  padding: 5px;   
}

#response table,
#reportError table {
  text-align: left;   
  margin-left: auto;
  margin-right: auto; 
}

#response td,
#reportError td {  
  background: #E0E0F6;   
  margin: 5px 5px 5px 5px;
  padding: 5px;
}

#response td .tableValue {
  font-weight: bold;
}

#response .responseForm table {
  margin-left: auto;
  margin-right: auto;
} 

#reportError p {
  font-size: 0.8em;
  color: #555;
  margin: 5px auto;
} 

#tableLegend {  
  margin: 0 auto 5px auto;
  font-size: 0.8em;
  color: #888;
}  

form input.option {
  margin: 3px;
  padding: 3px;  
}

#history,
#todo {
  margin: 10px 0;
  text-align: left;
}

#history ul,
#todo ul {
  margin-bottom: 10px;
}

#history ul li,
#todo ul li {             
  list-style: none;     
  margin-left: 20px;
} 

#history ul li {
  margin-bottom: 5px;
}

#history ul li span.date {
  font-weight: bold;
  font-size: 0.9em;
  color: #445599;
}

#history ul li ul {
  margin: 0 50px 0 10px;
  border-left: 1px #CCC solid;   
  border-bottom: 1px #CCC solid;
}

#history ul li ul li.text {
  margin-left: 25px;
  margin-bottom: 1px;
  list-style: disc outside;
  font-size: 0.9em;
  text-indent: -1px;
}


#todo {
  font-size: 0.8em;
  background: #EEE;
  margin: 0 20px;
}

#filter {
  margin: 5px 50px;
  position: relative;
  z-index: 0;
  height: 40px;}

#filter #filter_form {
  border: 1px #DDD solid; 
  padding: 1px;
  background: #EDEDEF;  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F6', endColorstr='#DDDDDD');    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F6), to(#DDDDDD));
  background: -moz-linear-gradient(top,  #F2F2F6,  #DDDDDD); 
   
}

#filter #filter_close {
  position: absolute;
  z-index: 0;
  right: 2px;
  top: 2px;  
  width: 16px; 
  height: 16px;
}


#filter #filter_form select {
  margin-right: 10px;
}

#filter #filter_show {
  float: right;
  height: 10px;      
  font-size: 0.7em;
}

#filter #filter_show a {
  font-weight: normal;
}
   
#content {
  background: #F2F2F6;
  width: 810px;
  float: right;
  margin-bottom: 20px;
  padding: 20px 0;
  border: 1px #DDDDDD solid;   
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F6', endColorstr='#F8F8FF');    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F6), to(#F8F8FF));
  background: -moz-linear-gradient(top,  #F2F2F6,  #F8F8FF); 
       */
}  

#content h1 {
  font-size: 1.5em;
}

#content h2 {
  font-size: 1.2em;
  margin-top: 20px;
  margin-bottom: 10px;
}

#content table  {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
  
#content td {  
  background: #E0E0F6;   
  margin: 5px;
  padding: 5px;
  text-align: left;
}

#content td a {
  color: #666666;
}

#content td a:hover { 
  color: #000000;
}

#content table td table {
  margin: 0px;
  padding: 0px;
}

#content table td table td {
  margin: 0px 5px;   
  padding: 2px;
}

td.info {  
  background: #E0F0F6;
  font-size: 0.8em;
}

td.info .tableLabel {
  color: gray;
}

td.info table {
  margin: 0px;
}

td.info img {
  float: left;
}

#content td#bookStateInfo {
  height: 80px;
}

#content input.price {
  width: 50px;
}

#content input.email {
  width: 200px;
}

#content input.bookTitle {
  width: 200px;
}

#booksImages_wrap {
  position: relative;
  height: 170px;
}

#booksImages {
  height: 130px;
  overflow: scroll;
  overflow-y: hidden;
  border: 1px #888888 solid;
  position: absolute;
  background: #e0e0f6;
  left: 0px;
  right: 0px;  
  padding: 10px 5px;
  font-size: 0.9em;
  color: #888888;
  text-align: center;
}

#a_expand_thumbs {
  height: 20px;
  position: relative;
  top: 150px;
  font-size: 15px;
  font-weight: normal;
  color: #000000;
}

#uploadOrChoose {
  font-size: 0.7em;
  text-align: center;
}

#uploadOrChoose .or {
  font-weight: bold;
}



#booksImages .bookImage {
  position: absolute;
  top: 3px;
  border: 5px #aaaaaa solid;
  padding: 7px; 
  cursor: pointer;
  -moz-border-radius: 10px;   
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }

#booksImage .bookImage img {
}

    /*
#insertions_container {
  background: #F0F0FF;
  width: 700px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}   */

#content table.paging {
  margin: 10px auto;
  border-collapse: collapse;
  font-size: 0.9em;
}

#content table.paging td {     
  vertical-align: middle;           
  background: #F2F2F6;     
  color: #585858;
  padding: 3px;
  margin: 0;
}

#content table.paging td.page {      
 /* border-left: 1px #BBBBBB solid;  
  border-right: 1px #BBBBBB solid;  */
}

#content table.paging td a,
#content table.paging td span.active {      
  padding: 5px;
  border: 1px #BBBBBB solid;    
}

#content table.paging td a {
  background: #F2F2F6;
}

#content table.paging td span.active {    
  font-weight: bold;
  background: #D0D0D0;
}

#content table.paging td a:hover {
  background: #E8E8EE;
  color: #0000FF;
  border: 1px #BBBBFF solid;
 /* text-decoration: none;   */
}

 
#content table.paging td.previous,
#content table.paging td.next {
  width: 120px;  
}

#content table.paging td.previous {
 /* border-left: none;    */
  text-align: right;
}


#content table.paging td.space {
  width: 2em;
  text-align: center;
}

#content table.paging td.next {
 /* border-right: none; */
}

#content table.paging td.previous a:hover,
#content table.paging td.next a:hover  {
  
}
 /*  
#content table.paging td.previous a:hover {    
 border-left: 10px #BBBBBB solid;      
}

#content table.paging td.next a:hover {
 border-right: 10px #BBBBBB solid;  
}   */


#insertions_content {
  margin: 10px auto; 
  overflow: visible;
  width: 700px;
}



table#info {
 border: 1px #C0C0C0 solid;
 margin: 5px auto;
}

table#info td {  
 background: #DDDDFF;
 padding: 3px;  
}

table#info .tableValue {
  font-weight: bold;
}

/* Tooltip */
.withToolTip {
  position: relative;
  cursor: default;
  z-index: 0;
}

a.withToolTip.href {
  cursor: pointer;
}

a.withToolTip:hover {
  text-decoration: none;
  z-index: 1;
}

a.withToolTip:focus {
  outline: none; 
}

span.toolTip {    
  position: absolute;
  display: block; 
  left: 0px;
  bottom: 1.5em;   
}

span.toolTip,
a.withToolTip:hover span.toolTip:hover  {
  display: none;    
}

a.withToolTip:hover span.toolTip,
span.toolTip.active {
  opacity: 0.95;
  background: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
  background: -moz-linear-gradient(top,  #555555,  #222222); 
  -moz-border-radius: 3px;   
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
   
  border: 1px #111111 solid;
  -moz-box-shadow: 2px 2px 3px #555555;
	-webkit-box-shadow: 2px 2px 3px #555555;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#222222') progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=145, Strength=3) progid:DXImageTransform.Microsoft.Alpha(opacity=95); 
  padding: 3px;
  color: #cccccc;
  font-weight: normal;
  font-size: 12px; 
  line-height: 15px;
  overflow: hidden;
  text-align: left;
  z-index: 5; 
}     

span.toolTip.down {
  top: 1.5em;
  bottom: auto;
}

span.toolTip.left {
  right: 0em;
  left: auto;
}

span.toolTip.wide {
  width: 300px;
}

span.toolTip.wider {
  width: 480px;
}

span.toolTip.higher {
  bottom: 2em;
}

/* Tooltip END */


#insertions {
  margin: 10px auto;      
}  


.insertion {
  width: 600px;    
  background: #6699ff;  
  border: 2px #555555 solid;   
  margin: 10px auto 10px auto;
  padding: 0px;
  list-style-type: none;
  display: block;
 /* height: 102px; */
  
  /*  overflow: hidden;  */
}

.insertion .header {
  height: 20px;        
  border-bottom: 1px #6666FF solid;
}

.insertion .header .bookTitle {
  float: left;  
/*  background: #699FFF;*/
  margin-left: 5px; 
}
.insertion .bookImage {
  background: #aaaaaa;
  float: left;
  height: 102px;
  border-right: 2px #aaaaaa solid;
  position: relative;
  z-index: 1;
}

.insertion .header .bookTitle a {    
  color: #000000;
}
    /*
.insertion .header,
.insertion .middle,
.insertion .footer {
  margin-left: 82px;
}    */  

          /*                                    
.insertion .header .bookTitle .bookTitleA {
  display: block;
  width: 450px;
  height: 20px;
  text-align: left; 
}       */

.insertion .header .bookTitle .toolTip table {
  margin: 0px !important;
  width: 100%;
  border-collapse: collapse; 
}

.insertion .header .bookTitle .toolTip td {
  background: transparent !important;
  margin: 0px !important;   
 /* font-size: 1em !important;*/
  padding: 2px 5px !important; 
}
               
.insertion .header .bookTitle .toolTip td.tableValue {
  color: #eeeeee;
} 
.insertion .header .bookTitle .toolTip td.tableLabel {
  color: #aaaaaa;
  border-right: 1px #888888 solid;
  width: 55px;
}   

.insertion .header .bookTitle .toolTip tr.firstRow td {
  border-bottom: 1px #777777 solid;
}
           

.insertion .header .datetime {
  height: 12px;
  line-height: 12px;
  float: right;
  font-size: 0.5em;
  border-left: 2px #57F solid;
  padding: 4px 5px;
}

.insertion .header .datetime .date {
  color: #111;
}

.insertion .header .datetime .time {
  color: #55A;
}



.insertion .middle {   
  height: 55px;
  text-align: left;
  background: #EEEEFF;  
  overflow: hidden;
  line-height: 18px; 
  font-size: 0.9em;
  padding-left: 7px;
  text-indent: 0px;
}  

.insertion .middle .noComment {
  color: #AAA;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  margin-top: 20px;
  display: none;
}
                   


.insertion .middle .price {
  float: right;
  font-size: 1em;
  text-align: center;
  height: 45px;
  padding: 5px;
  background: #FFFFAA;
  margin-left: 5px;
  color: #995;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEECC', endColorstr='#FFFFAA');    background: -webkit-gradient(linear, left top, left bottom, from(#EEEECC), to(#FFFFAA));
  background: -moz-linear-gradient(top,  #EEEECC,  #FFFFAA); 
  }

.insertion .middle .price .priceDiv {
  color: #000022;
  font-weight: bold;
  font-size: 1.3em;
  margin-top: 3px;
}

.insertion .footer {
  background: #EEF;
  height: 20px;
  padding: 2px 2px 3px 5px;
  border-top: 1px #DDD solid;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEFF', endColorstr='#DDDDFF');    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#DDDDFF));
  background: -moz-linear-gradient(top,  #EEEEFF,  #DDDDFF); 
   /* position: relative;  */
}

.insertion .footer .bookState {
  float: left;
  color: #555;
  margin-left: 5px;
}

.insertion .footer .bookState a span.bookStateSpan {
  color: #555;   
}


.insertion .footer .options {
  float: right;
  text-align: right; 
  padding: 1px 1px 0 0;
/*  width: 200px;   */
}


.insertion a.button  {
  font-weight: bold;
  border: 1px #CCC solid;
  background: #FFFFEE;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE', endColorstr='#D0D0D0');    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFEE), to(#D0D0D0));
  background: -moz-linear-gradient(top,  #FFFFEE,  #D0D0D0); 
  -moz-border-radius: 4px;   
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
       
  color: #555;
  padding: 0px 5px 0px 5px;
  height: 20px;    
  position: relative;
  z-index: 1;  
}

.insertion a.button:hover  {  
  text-decoration: none;
  color: #000000;   
  border: 1px #888 solid;
  background: #CCC;    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#AAAAAA');    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#AAAAAA));
  background: -moz-linear-gradient(top,  #FFFFFF,  #AAAAAA); 
    
}

.insertion a.button:focus {     
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#FFFFFF');    background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#FFFFFF));
  background: -moz-linear-gradient(top,  #AAAAAA,  #FFFFFF); 
      
  outline: none;
  border: 1px #CCC solid;     
}

.insertion .popup {
  position: relative;
  z-index: 1;
  display: none;
}

.insertion .popup ul {
}

.insertion .popup li {
  list-style: none;
  padding: 1px;
}

.insertion .response {
  width: 100%;
  border-top: 1px #CCC solid;
  background: #eeeeff;
}

.insertion .response .responseButtons {
  text-align: right;
  height: 25px;
  padding: 3px 5px 2px 0;
}

.insertion .response .ajax_response .responseForm {
  padding-top: 0.7em;
}

.insertion .response .ajax_response .contact {
  background: #EEEEEE;
  border-top: 1px #CCCCCC solid;
  margin-top: 1em;
  padding-top: 0.7em;
}

#content .insertion .response .ajax_response h2 {
  margin-top: 0;
}


a.captchaRefresh {
  font-size: 0.8em;
}

#edit_next {
  text-align: left;
  width: 50%;
  margin: 1em auto;
}

#edit_next li {
  list-style: none;
}
#edit_next li a {
  color: #000000;
  font-weight: normal;
  width: 100%;
  display: block;
  padding: 3px;
}

#edit_next li a:hover {
  color: #0000cd;
  text-decoration: underline;
}

#footer {          
  font-size: 0.8em;
  color: #777;
  margin: 20px auto 0;
  width: 100%;
  clear: both;      
}

#footer a {
  color: #777;
}

#footer a:hover {
  color: #048;
}

#footer #hrefs {  
  border-top: 3px #CCC solid;   
  border-bottom: 3px #EEE solid; 
  padding: 3px;
  background: #DEDEDE;
  font-size: 0.9em;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#EEEEEE');    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#EEEEEE));
  background: -moz-linear-gradient(top,  #CCCCCC,  #EEEEEE); 
  }

#footer #hrefs a {
  padding: 0 5px;
  border-left: 1px #AAA solid; 
}

#footer #hrefs a.first {
  border-left: none;
}

                       
#footer #hrefs #debug_mode {
  float: left;
  margin-left: 10px;
}

#footer #hrefs #debug_mode a { 
  border-left: none;
  font-weight: bold;
  color: #DEDEDE;
}

#footer #hrefs #debug_mode a:hover {
  color: #DEDEDE;
}


#footer .endora {   
  padding-top: 3px;
}