/* screen.css */
*{
  margin: 0;
  padding: 0;
}
body{
  font-family: Georgia, "Times New Roman", serif;
  color: #555;
  font-size: 13px;
}

iframe {
  border: none;
}
#data{
  width: 1004px;
  margin: 0 auto;
}
p{
  padding-bottom: 4px;
}
a img{
  border: 0;
}
a{
  color: #1296D4;
}
li{
  list-style-type: none;
  list-style-position: outside;
}
#basis{
  width: 100%;
  overflow: hidden;
}
#footer{
  text-align: right;
  color: #000;
  font: 10px Arial, sans-serif;
  padding: 49px 0 18px 0;
}
#footer a{
  color: #31A3D9;
  text-decoration: underline;
}
#mainArea{
  float: left;
  width: 729px;
}
#header{
  height: 170px;
}

#header img{
  float: left;
}
#menuColumn{
  float: left;
  font-size: 16px;
  text-align: right;
  width: 119px;
  padding-top: 54px;
  display: inline;
  margin-right: 31px;
}
#menuColumn a{
  color: #555;
  text-decoration: none;
}
#menuColumn .selected a{
  color: #EE1C29;
}
#menuColumn a:hover,
#menuColumn a.active{
  color: #1097D1;
}
#menuColumn ul li{
  padding: 0 0 4px 0;
  list-style-type: none;
  list-style-position: outside;
}
#content{
  float: left;
  width: 579px;
  padding: 3px 0 0 0;
  line-height: 16px;
}
#content h2 {
  text-transform: capitalize;
}
#sideColumn{
  float: right;
  width: 265px;
  padding: 10px 0 0 0;
}
.intro{
  font-size: 21px;
  padding-bottom: 22px;
  line-height: 26px;
}
.bluelight{
  color: #1196CF;
}
h2{
  border-bottom: 1px solid #C0B8AB;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  padding: 3px 0 1px 0;
  clear: both;
  margin-bottom: 11px;
  color: #EE1C29;
}
h2.bar a.title{
  line-height: 24px;
  font-weight: normal;
  color: #EE1C29;
  text-decoration: none;
}
h2.closed, h2.closed a.title{
  color: #C0B6AC;
  cursor: pointer;
  cursor: hand;
}
h2 .arrow{
  background-image: url('../images/arrow_4.gif');
  float: right;
  margin-top: 8px;
}
.closed .arrow{
  background-position: 100% -91px;
  color: #C0B6AC;
}
.arrow{
  padding: 0 10px 0 0;
  line-height: 10px;
  display: block;
  text-decoration: none;
  font-size: 10px;
  color: #EE1C29;
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.topic{
  float: left;
  width: 280px;
  padding: 0 0 22px 0;
}
.topic.right{
  float: right;
}
.topic img{
  display: block;
}
h3{
  color: #ED1C24;
  font-weight: bold;
  font-size: 12px;
  padding: 9px 0 0 0;
  text-decoration: none;
}
.value {
  font-weight: bold;
}
.link{
  color: #1196CF;
}

.link a{
  color: #1196CF;
}
.topic2{
  padding-bottom: 16px;
}
.picture{
  float: left;
  position: relative;
  /*margin-top: 6px;*/
  width: 145px;
  padding: 6px 0 3px 0;
}
.picture img{
  display: block;
}
.picture span{
  width: 29px;
  height: 29px;
  display: block;
  color: #161632;
  text-align: center;
  line-height: 29px;
  font-size: 18px;
  font-weight: bold;
  font-family: sans-serif;
  background: url('../images/circle.gif');
  position: absolute;
    top: 0;
  right: 0;
  cursor: help;
}
.description{
  width: 286px;
  float: left;
  padding: 3px 0 0 9px;
}
.description h3{
  padding-top: 0;
}
#news-results-container .description, .charity .description {
  width: 420px;
}
.info{
  float: right;
  width: 135px;
  font-weight: bold;
}
.info p{
  padding: 0 0 0 2px;
}
.info img{
  display: block;
  margin: 2px 0 13px 0;
}
.detailed{
  color: #ED1C22;
  font-weight: bold;
}
.show-when-closed, .show-when-open{
  padding-bottom: 4px;
}
/*
  .show-when-open{
    min-height: 134px;
  }
*/
#auth-widget{
  background: #EAE1DA;
  position: relative;
  padding: 5px 0 1px 8px;
  font-size: 14px;
}
#auth-widget p{
  padding: 2px 20px 6px 0;
}
#sideColumn h3{
  font-size: 14px;
  font-weight: bold;
  padding: 0 48px 4px 0;
  line-height: 18px;
}
.toggle-heading {
  cursor: pointer;
  cursor: hand;
}
#auth-widget .arrow {
    background-image: url('../images/arrow_2.gif');
  position: absolute;
  top: 9px;
  right: 9px;
  color: #EE1C29;
}
#auth-widget form{
  width: 100%;
  overflow: hidden;
}
.textField{
  float: left;
  font-size: 11px;
  border: 1px solid #8E8E8E;
  color: #666;
  width: 115px;
  display: inline;
  margin: 2px 8px 1px 2px;
  padding: 1px 0;
}
#auth-widget span.field {
  width: 125px; float: left;
  margin: 7px 0px 2px 0px;
}
#auth-widget span.field label {
  margin-left: 4px;
  font-size: 12px;
}
.submitLink, .confirmLink, .changeLink, .reminderSubmitLink{
  color: #1196D1;
  text-decoration: none;
  font-style: italic;
  padding: 4px 11px 0 0;
}
.submitLink, .confirmLink, .reminderSubmitLink{
  font-size: 16px;
}
.submitLink, .changeLink{
  float: right;
}

.reminderSubmitLink {
  float: left;
}

.confirmLink{
  float: left;
}

button.reminderSubmitLink,
button.submitLink,
button.confirmLink,
button.changeLink {
    background: none;
    border: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;    
}

#auth-widget-register-message {
  margin-bottom: 0.2em;
}
#view-lots-widget{
  background: #1395D3;
  position: relative;
  margin-top: 10px;
  color: #fff;
}
#view-lots-widget .arrow{
    background-image: url('../images/arrow_3.gif');
  position: absolute;
  top: 14px;
  right: 9px;
  color: #fff;
  top: 10px;
}
#view-lots-widget p{
  padding: 4px 10px 8px 10px;
}
#view-lots-widget-thumbs{
  width: 100%;
  overflow: hidden;
  padding: 0 0 4px 0;
}
#view-lots-widget-thumbs li{
  float: left;
  width: 118px;
  height: 39px;
  padding: 0 0 0 10px;
}
#view-lots-widget-thumbs div {
  cursor: hand;
  cursor: pointer;
}
.view-lots-thumb{
  float: left;
  width: 46px;
  height: 33px;
  margin-top: 3px;
  background-position: 0 0;
}
.on, .off{
    cursor: pointer;
}
.off .view-lots-thumb{
  background-position: 0 100%;
}
/*.on a:hover .view-lots-thumb, .on a:active .view-lots-thumb{
  background-position: 100% 0;
}
.off a:hover .view-lots-thumb, .off a:active .view-lots-thumb{
  background-position: 100% 100%;
}*/i
#view-lots-widget-thumbs li span{
  float: left;
  padding: 2pt 0 0 5px;
  width: 67px;
  /*word-wrap: break-word;*/
}
.off{
  color: #89CAE9;
}
.off a, .on a{
  text-decoration: none;
}
.off a{
  color: #89CAE9;
}
.on a{
  color: #ffffff;
}
#select-all-or-none-links a {
  color: #ffffff;
}
/*.off a:hover, .off a:active{
  color: #ffffff;
}
.on a:hover, .on a:active{
  color: #89CAE9;
}*/
#travel{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/travel.gif');
}
#home{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/home.gif');
}
#tickets{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/tickets.gif');
}
#sports{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/sports.gif');
}
#arts{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/arts.gif');
}
#food{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/food.gif');
}
#fashion{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/fashion.gif');
}
#misc{
  background-image: url('/++resource++b1g2/img/html_site/lot_thumbs/misc.gif');
}
#view-lots-widget-thumbs li span{
  float: left;
  padding: 2pt 0 0 5px;
  width: 67px;
  word-wrap: break-word;
}
#view-lots-widget h3{
  color: #fff;
  padding: 8px 24px 4px 9px;
}
#view-lots-widget-thumbs{
  color: #fff;
}
#ad-slots img{
  display: block;
}
#ad-slots li{
  padding-top: 10px;
}
.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
.floating{
  float: left;
  width: 280px;
  padding: 2px 22px 0 0;
}
.floating img{
    display: block;
}
.caption{
  font-style: italic;
  font-size: 11px;
  padding-top: 6px;
}
.rightTextContent{
  float: right;
  width: 277px;
}
.redlight{
  color: #EE1C29;
}
#contentTable a{
  text-decoration: none;
}
#contentTable td{
  padding: 2px 9px 16px 0;
}
#contentTable img{
    display: block;
  margin-bottom: 7px;
}
#search-widget{
  width: 100%;
  padding: 0.3em 0px 0.7em;
  overflow: hidden;
  background: #42AADD;
  margin: 0;
}
#search-widget .show-when-open{
    height: auto;
  min-height: 100%;
}
#search-widget span,
#search-widget #search-submit{
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px 0 8px;

}
#search-widget .textField{
  margin: 6px 0 0 0;
  width: 145px;
}
.main-content-form{
  width: 100%;
  float: left;
}
.main-content-form label{
  display: block;
  float: left;
  padding: 2px 20px 0pt 0pt;
  text-align: left;
  width: 7em;
}
.textField2{
  float: left;
  padding: 1px 0;
  width: 300px;
  border: 1px solid #8E8E8E;
}
.main-content-form textarea{
  float: left;
  width: 300px;
  border: 1px solid #8E8E8E;
  height: 100px;
}
.form-item-container{
  width: 100%;
  float: left;
  padding: 0 0 7px 0;
}
.terms-and-conditions-para{
  padding: 0 100px 5px 0;
  font-size: 11px;
}
.form-item-container#form-submit-container,
.form-item-container.form-tickbox{
  width: 100%;
  padding: 7px 0 0 0;
}
.form-item-container#form-submit-container{
  clear: both;
}
.main-content-form .form-item-container.form-tickbox label.label-dont-float{
  display: inline;
  float: none;
  vertical-align: middle;
}
.main-content-form .checkbox{
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.asterix{
  float: left;
  display: inline;
  margin: 3px 0 0 -18px;
}
#bid-status li, #bidding-messages li {
  margin-bottom: 1em;
}
#error-messages, .bidding-errors{
  color: #ED1C24;
  font-size: 11px;
  font-style: italic;
  padding: 0.5em 20px 7px 0;
}
#error-messages ul {
  margin-bottom: 1em;
}
#error-messages li {
  list-style-type: disc; 
  list-style-position: inside;
  padding: 0.15em;
}
/*#logout-link{
  margin-top: 49px;
    padding: 4px 11px 11px 0;
}*/
#centerPicsWrap{
  width: 100%;
  overflow: hidden;
}
.imageWrap{
  float: left;
  width: 132px;
  height: 128px;
  line-height: 128px;
  display: inline;
  margin: 6px;
  text-align: center;
}
.imageWrap a{
  color: #fff;
}
.imageWrap a:before{
  content: "i";
  font-family: arial;
  display:inline;
  font-size:0px;
  color: #fff;
}
.imageWrap img{
  vertical-align: middle;
}
.textWrap{
  padding: 0 0 40px 0;
}
.floatedImage{
  float: left;
  display: inline;
  margin: 2px 15px 10px 0;
}
.titleImage{
  display: block;
  margin: 7px 0 17px 0;
}
.filter,
.pagination{
  border: 1px solid #000;
  border-style: solid none;
  font-size: 12px;
  padding: 5px 0 6px;
  clear: both;
  margin-bottom: 18px;
}
.pagination{
  margin-top: 40px;
}
.filter a,
.pagination a{
  padding: 0 1px;
}
.filter .active,
.pagination .active{
  color: #ED1C24;
  text-decoration: none;
}

.absenteelinks .active{
  color: #ED1C24;
  text-decoration: none;
}

.circle{
  float: left;
  display: inline;
  margin-right: 7px;
  background: url('../images/circle2.gif') 0 0 no-repeat;
  width: 37px;
  height: 37px;
  font-family: sans-serif;
  text-align: center;
  line-height: 37px;
  font-size: 21px;
  font-weight: bold;
  color: #0A0C35;
}
.imageLinks{
    padding: 12px 0 18px 0;
}
.imageLinks a{
  display: inline;
    margin-right: 5px;
}
.imageLinks img{
  display: inline;
  vertical-align: bottom;
}
.topic#bidding-ui img{
  display: inline;
}
.bidForm, .confirmLinks{
  width: 100%;
  overflow: hidden;
  padding: 0.2em 0 1em 0;
}
.bidForm label{
  float: left;
  font-size: 12px;
  width: 13px;
  padding: 2px 0 0 0;
}
.bidForm .textField{
  margin: 1px 4px 0 0;
}
.bidForm img{
  float: left;
}
.bidForm .caption{
  clear: both;
  padding: 3px 0 5px 14px;
  font-size: 10px;
}
.bidForm .submitLink{
  float: none;
  margin-left: 10px;
}
#help-link{
  padding: 15px 0 0 0;
}
.redText{
  color: #ED1C24;
  font-size: 11px;
  font-style: italic;
  padding: 19px 20px 15px 0;
}
.redText img{
  margin-right: 4px;
}
.cloud{
  position: absolute;
  width: 193px;
  right: 0;
  margin-right: -198px;
  top: 0;
  display: none;
}
.topShadow{
  background: url('../images/top_shadow.png') 0 0 no-repeat;
  font-size: 0;
  display: block;
  height: 22px;
}
.botShadow{
  background: url('../images/bot_shadow.png') 0 0 no-repeat;
  height: 30px;
  font-size: 0;
}
.cloudBg{
  background: url('../images/cloud_bg.png') 0 0 repeat-y;
  position: relative;
  padding: 1px 35px 7px 23px;
}
.cloudCorn{
  background: url('../images/corn.png') 0 0 no-repeat;
  width: 12px;
  height: 24px;
  position: absolute;
  font-size: 0;
  top: 50%;
    left:0;
    margin-top: -16px;





  z-index: 200;
}
.cloud p{
  color: #ED1C24;
  font-size: 12px;
  line-height: 18px;
}
#sideColumn .errors{
  font-style: italic;
  color: #ED1C24;
  margin-top:10px;
}
#countdown-container img {
  margin: 108px;
}
.percentage-image {
  float: left;
  margin-right: 1em;
  cursor: help;
}
#content p {
  padding-bottom: 1em;
}
#content .info p {
  padding-bottom: 0.4em;
}

/* additions for login page */
#login-container {
    
}
#login-container form {
    margin: 1em 1em 1em 0;
    width: 265px;
}
#login-container span.field {
    width: 125px;
    float: left;
}
#login-container #register-message {
    clear: both;
    margin-top: 1em;    
}

#add_this_button {
    margin-top: 10px;   
}

.change-password-link {
    clear: both;
    padding-top: 2em;   
}


#page {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
}

#menuColumn {
    clear: left;    
}

#page #event #body {
    float: left;
    width: 874px;
}

#page #event .user_links {
    clear: both;
    text-align: right;
}
#page #event .user_links ul,
#page #event .user_links ul li {
    list-style: none;
    display: inline;
    padding-left: 0;
    margin-left: 0;
}
#page #event .user_links ul li.username {
    padding-right: 5px;
}
#page #event .user_links ul li.register {
    border-right: 1px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
}

#page #event #lots,
#page #event #reg_form {
    float: left;
    width: 874px;
}

#page #event #lots .lotName h2,
#page #event #lots .lotName h2 a {
    color: #EE1C29;
    border-bottom: none;
    font-size: 21px;
    line-height: 26px;
}

#page #event #lots .intro {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 14px;
}

#page #event #lots .lotImage {
    float: left;
    width: 133px;
    padding: 0 5px 5px 0;
}
#page #event #lots .lotImage img {
    width: 128px;
}
#page #event #lots .lotDescription {
    display: none;
}

#page #event #lots .biddingForm {
    
}

#page #event #lots .biddingForm {
    width: 280px;
    margin-left: 135px;
}
#page #event #lots .biddingForm .bid-sealed {
    margin-top: 0.5em;
}
#page #event #lots .biddingForm .bid-sealed .bidForm {
    margin-top: 5px;
}

#page #event #lots .biddingForm form.bidForm {
    padding: 0;
}

#page #event #lots .biddingForm .bidForm {
    width: auto;
}

#page #event #lots .biddingForm .bid-status li {
    margin-bottom: 3px; 
}

#page #event #lots .lot {
    margin-left: 1px;
    margin-bottom: 3em;
    width: 436px;
    float: left;
}

#page #event #lots .even {
    clear: left;    
}

#footer {
    clear: both;
}

/* thickbox specific styles */
#TB_ajaxContent .lotImage {
    float: left;
    margin: 0 5px 5px 0;
}

#TB_ajaxContent .lotDescription {
    float: right;
    width: 50%;
}

#TB_ajaxContent .biddingForm {
    float: left;
    clear: left;
    width: 45%;
    
}

#event_thermometer {
    font-size: 2.0em;
}

#event_thermometer table th {
    text-align: left;
}
#event_thermometer table td {
    color: #EE1C29;
    font-weight: bold;
    font-size: 1.2em;
}

#event_thermometer {
    background: url(/event/rubyball/image/ruby) bottom right no-repeat;
}

.overtime {
    color: #33aa00;
    font-weight: bold;
}

#img1
{
margin-left: 500px;
}

#img2
{
}