/* ------------------------------------ *
    Keys Auctions MK3 CSS Style
       SVN Revision: xx
       
    - Phil Houghton 2006 -   
 * ------------------------------------ */

 html {
   background-image: url(img/bgtile.png);
   text-align: center;
   font-family: Arial;
   font-size: 1em;
   color: black;
 }

 html img {
   border: none;
 }

 html a {
  text-decoration: none;
  color: #37729C;
 }

 html a:hover {
  color: red;
 }

 body {
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 76%;
 }
 
 body .niceline {
   border: none;
   border-top: 1px solid #c0c0c0;
 }
 
 #keysbar {
   height: 28px;
   border-top: 1px solid #EAEAEA;
   background-color: white;
   border-bottom: 1px solid #eaeaea;
   text-align: center;
 }

 #keysbar .button {
   display: inline;
   position: relative;
   top: -8px;
   padding-left: 10px;
   padding-right: 10px;
   height: 27px;
 }
 
 #keysbar .logo {
  padding-top: 0px;
  top: 0px;
  padding-right: 20px;
  font-size: 76%;
 }
 
 #page {
   position: relative;
   margin: 0 auto;
   width: 756px;
   text-align: left;
   background: white;
   border: 1px solid #EAEAEA;
   z-index: 0;
   
 }
 
 #page_header_logo {
   z-index: 0;
   text-align: left;
 }
 
 #page_header_loggedin {
   position: absolute;
   top: 5px;
   left: 495px;
   z-index: 2;
   text-align: left;
   font-size: 8pt;
   width: 245px;
   padding-right: 10px;
 }
 
 #page_header_tabs {
   position: absolute;
   top: 85px;
   left: 0px;
   width: 100%;
   z-index: 1;
   height: 25px;
 }
 
 #page_header_tabs .tab {
  position: absolute;
  top: 0px;
  border:1px solid #c0c0c0;
  border-bottom: 1px solid white;
  padding-top: 5px;
  width: 100px;
  height: 20px;
  text-align: center; 
 }
 
 #page_header_tabs .active {
   border-bottom: 1px solid white;
   border-top: 2px solid orange;
   height: 20px;
   background: url(img/background2.png);
   background-repeat: repeat-x;
   font-weight: bold;
 }
 
 #page_header_tabs .inactive {
   height: 20px;
 }
  
 
 #page_header_tabs_tab1 {
  left: 150px;
 }
 
 #page_header_tabs_tab2 {
  left: 260px;
 }
 
 #page_header_tabs_tab3 {
  left: 370px;
 }

 #page_header_tabs_tab4 {
  left: 480px;
 }

 #page_header_tabs_tab5 {
  left: 590px;
  display: none;
 }
   
 #page_header_borderbar {
   border-top: 1px solid #c0c0c0;
   position: relative;
   top: 11px;
   background: url(img/background.png);
   background-repeat: repeat-x;
   height: 21px;
   width: 100%;
 }

/* main body */
#page_body {
  background: url(img/fauxcol.png);
  background-repeat: repeat-y;
  padding-top: 10px;
  min-height: 600px;
}

#page_body_col1 {
   float: left;
   width: 555px;
   padding-top: 5px;
   padding-left: 5px;
}

#page_body_col2 {
  float: right;
  width: 189px;
}

#page_body_col2 .heading {
 position: relative;
 background: white;
 color: black;
 height: 25px;
 padding-left: 5px;
 font-weight: bold;
 left: -2px;
 width: 185px;
 border-top: 1px solid #D4D3D3;
 border-bottom: 1px solid #D4D3D3;
 
}

#page_body_col2 .bod {
 padding-top: 5px;	 
 padding-left: 5px;
 padding-right: 20px;
 text-align: right;
}

#page_body_col2 .total {
  position: relative;
  top: 5px;	
  border-top: 1px solid black;
  text-align: left;
}

#page_body_col2 .mybids {
 padding-top: 5px;	 
 padding-left: 5px;
 padding-right: 5px;
 text-align: left;
 padding-bottom: 5px;
}

#page_body_col2 .mybids a {
 color: black;
 cursor: default;
}

#page_body_col2 .mybids a:hover {
 color: red;
}

#page_body_col2 .new {
  background-color: #E4F9EB;
}

#page_body_col2 .mybids .bid {
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;	
}

#page_body_col2 .item {
  padding-top: 2px;
  padding-bottom: 2px;	
}

#page_body_col2 .right {
 text-align: right;
}	

#page_body_col2 .logos{
 text-align: center;
 padding-top: 5px;
}


#page_body_col2 .scroller {
 background: white;
 overflow: auto;
 height: 150px;
 left: 1px;
}

#page_body .alert {
  position: relative;
  width: 370px;
  background-color: #BED9F5;
  border: 1px solid #B3CDE9;
  min-height: 75px;
  left: 50px;
  background-image: url(img/alert.png);
  background-repeat: no-repeat;
  padding-left: 75px;
  padding-right: 5px;
  padding-top: 20px;
  overflow: visible;
}

#page_body .inlinerss {
  position: relative;
  top: -3px;
}

#page_body_footer {
  clear: both;
}

/* index page stuff */
#page_body_news { 
  position: relative;
  left: 25px;
  width: 500px;
}

#page_body_mainfeature {
  position: relative;
  top: 5px;
  left: 25px;
  width: 435px; 
  text-align: center;
}

#page_body_mainfeature a {
  color: black;
}

#page_body_mainfeature a:hover {
  color: red;
}

#page_body_mainfeature .left {
 float: left;
 width: 200px;
 border: 1px solid #d0d0d0;
 border-bottom: 1px solid #c0c0c0;
 border-top: none;
 background-color: black;
}

#page_body_mainfeature .right {
 float: right;
 width: 200px;
 border: 1px solid #d0d0d0;
 border-bottom: 1px solid #c0c0c0;
 background-color: black;
}

#page_body_mainfeature .caption {
 border: none;
 background-color: white; 
 padding-bottom: 3px;
}


/* Sale info */

#page_body .row {
 position: relative;
 height: 25px;
 overflow: visible;
}

#page_body .row .leftcell {
  position: absolute;
  text-align: right;
  width: 75px;
  top: 0px;
  left: 0px;
  margin-top: 3px;
}

#page_body .row .leftcell2 {
  position: absolute;
  text-align: right;
  width: 125px;
  top: 0px;
  left: 0px;
  margin-top: 3px;
}


#page_body .row .rightcell {
  position: absolute;
  text-align: left;
  top: 0px;
  left: 80px;
}

#page_body .row .rightcell2 {
  position: absolute;
  text-align: left;
  top: 0px;
  left: 130px;
}

#page_body .indentedalert {
  position: relative;
  left: -25px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 417px;
}


#page_body .indentedalert img {
  float: left;
}


/* These define the thumbnail rows */
#page_body_featured {
  position: relative;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding-top: 10px;
  padding-bottom: 10px;
}

#page_body_featured_ajax {
 float: left;
 width: 350px;
 background: black;
 text-align: center;
 height: 350px;
}

#page_body_featured_thumbs {
 position: relative;
 float: left;
 left: 10px;
 width: 190px;
 text-align: center;
 height: 350px;
 overflow: auto;
}

#page_body .thumblist {
  position: relative;
  float: left;
  width: 100%;
}

#page_body .thumblist .thumb {
  height: 80px;
  width: 80px;
  float: left;
  text-align: center;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
   background: #F2F0F0;
}

#page_body .thumblist .thumb:hover {
  background: #C0C0C0;
}

#page_body_featured_caption {
 clear: both;
 width: 350px;
 text-align: center;
}


#page_body .last {
 border: none;
}

#page_body .indented {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 20px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;  
}

#page_body .noborder {
 border: none;
}

#page_body .clearer {
  clear: both;
  height: 1px;
}

#page_body_ajax_lot {
  display: none;
}

/* search */
#page_body_searchfilter {
  position: relative;
  top: -4px;
  left: -5px;
  height: 100px;
  background-color: #D0DDE6;
  width: 553px;
  border-bottom: 1px solid #F0F0F0;
  padding-left: 10px;
  padding-top: 5px;  
}

#page_body_searchfilter select {
 width: 175px;
}

#page_body_searchfilter input {
 width: 170px;
}

#page_body_searchfilter_col2 {
  position: absolute;
  top: 5px;
  left: 225px;
}

#page_body_searchfilter_col3 {
  position: absolute;
  top: 40px;
  left: 425px;
}

#page_body_searchfilter_col3 input {
   width: 100px;
}

#page_body_search_infobar {
  position: relative;
  top: -4px;
  left: -5px;
  width: 482px;
  padding-top: 25px;
  padding-left: 77px;
  padding-right: 4px;
  text-align: left;
  border-bottom: 1px solid #EAEAEA;
  background-color: #F0F0F0;
  background-image: url(img/alertgrey.png);
  background-repeat: no-repeat;
  min-height: 40px;
  overflow: visible;
}

#page_body .lot {
  position: relative;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px dashed #DADADA;
  
}

#page_body .lot .image {
  float: left;
  width: 80px;
  height: 82px;
  background-color: #EAEAEA;
  text-align: center;
}

#page_body .hoverer:hover {
 background-color: #d0d0d0;
}

#page_body .lot .noimage {
 padding-top: 5px;
 height: 77px;
}

#page_body .lot .text {
  float: left;
  padding-left: 10px;
  width: 450px;
}

#page_body .lot .longer {
 width: 530px; 
}

#page_body .lot .bid {
 padding-top: 5px;
}

#page_body .highlight {
 color: green;
}

#page_body .pages {
 width: 355px;
 text-align: center;
 padding-left: 100px;
 padding-right: 100px;
}

/* log in */


/* Sale Archive */
#range_error {
 font-weight: bold;
 color: red;
 display: none;
}

#pagebody_salearchive_results {
 padding-left: 25px;
 padding-right: 25px;
}

#pagebody_salearchive_results .centered {
  text-align: center;
}

#pagebody_salearchive_results table {
 border: 1px solid #EAEAEA;
 width: 525px;
}

#pagebody_salearchive_results tr {
 background-color: #F1F1F1;
}

#pagebody_salearchive_results td {
 padding-left: 5px;
}


#pagebody_salearchive_results th {
 background-color: white;
}

#pagebody_salearchive_results .type {
 width: 125px;
} 

#pagebody_salearchive_results .date {
 width: 150px;
 text-align: center;
}

/* indented table stuff */

#page_body_col1 .less {
  padding-left: 25px;
}
	
#page_body_col1 .indented .saletable {
  border: 1px solid #c0c0c0;
  width: 505px;
  text-align: center;
}

#page_body_col1 .indented .evenrow {
   background-color: #F2F2F2;
}

#page_body_col1 .indented table {
  border-top: 1px solid #EAEAEA;
}
	
#page_body_col1 .indented tr:hover {
  background-color: #FFF7E5;
}

#page_body .checkouttotal {
  text-align: right; 
  border-top: 1px solid black; 
  padding-right: 20px;
  padding-top: 5px;
}


#page_body .similarterms {
 padding-left: 10px;
 font-size: 11pt;
 font-weight: bold;
}

#page_body .similarterms b {
  color: blue;
  font-style: italic;
}