/*
    Document   : store.css
    Created on : July 13th, 2009
    Description: all of BidFin's CSS is currently here
*/

/*note: the twitter color is #DDEEF6 if we ever want to look back for inspiration */
/*note: the gray we use around borders is 999999 */

body {
    background-repeat:repeat-x;
}

#explanation {
    z-index:10;
    position:absolute;
    display:none;
}
/*
.resultHover :hover {
    background-color: red;
}
*/
/*#loading {
    visibility:hidden;
    position:absolute;
    left:575px;
    top:580px;
    z-index:2;
}*/

/*
#validation_hint {
    position:absolute;
    left:260px;
    top:385px;
    z-index:2;
    border: solid red thin;
}*/

#attribution1 {
  padding:0px;
  font-size:80%;
  color:#666666;
}
#attribution2 {
  padding:0px;
  font-size:80%;
  color:#666666;
}

#search_form {
    border: 4px solid #cbcbcb;
    margin-top:50px;
    margin-right:70px;
}
#dates_group_box {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    padding-top:12px;
    padding-bottom:3px; /*somehow the div already has margin-bottom==9px */
}
#where_to_label {
    padding-top: 5px;
    padding-bottom:5px;
    font-size:150%;
    font-weight:900;
    background-color: #f8eed9;
}
.form_label {
    font-size:85%;
    font-weight:700;
    padding-left:4px;;
    padding-right:6px;
}
.form_entry_box, #check_in_date_textbox, #check_out_date_textbox {
    font-size:140%;
    font-weight:500;
    margin-left:6px;
}
.value_prop {
  padding:0px;
  font-size:160%;
  font-weight:900;
  color:#494a49;
}
.search_result {
  border-bottom:medium solid gray;
}
#hotwire_results_page {
    color: #666666;
    height:100%;
    width:100%;
    z-index:10;
}

#startDateCalendarControl { display:none; position:absolute; left:150px; top:350px; z-index:1}
#endDateCalendarControl { display:none; position:absolute; left:200px; top:350px; z-index:2}


.featured_city_label_border {
    border: medium #d52a2a solid;
    border-bottom: none;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 5px;
}
.featured_deals_label_border {
    border-bottom: medium #d52a2a solid;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1px;
}
.top_logo {
    position: absolute;
    top: 0px;
}
.example_booking_image {
    padding-top:0px;
    padding-left:0px;
}
.searchResultsLabel {
    padding-left:13px;
}
.submitLink {
   text-align:center;
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   font-size:220%;
   font-weight:bold;
   width:3em;
   height:2em;
   display:inline;
  }

.predictionLabel {
  border-color:#d52a2a;
  border-style:solid;
  border-width:2px;
  font-size:90%;
  font-weight:600;
  padding:8px;
  line-height:1;
}
.predictionLabelHeader {
  padding-left:10px;
  color:#FFFFFF;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}

.predictionLabel .smaller {
  font-size:70%;
}
.hotwirePriceBoxContents {
  color:#FFFFFF;
  border-color:#B0B0B0;
  border-width:thin;
  border-style:solid;
  margin-right:12px;
  margin-left:12px;
}

/*  When rendered by the _search_result partial by itself we use this class
    which has extra bottom padding. But when rendered within a form such as
    in search.rhtml, we don't need the padding because the form bottom provides */
.largePrice {
  text-align:center;
  padding-top:12px;
  padding-bottom:8px;
  color: #0000ff;
  font-size: 250%;
}
.fakeLink {
    color: #0000ff;
    font-size:80%;
}
form .largePrice {
  text-align:center;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:6px;
  height:2em;
  font-size:100%;
}

.stars {
  margin-bottom:3px;
}
.legalText {
  font-size:80%;
}

 .spacerLine {
  color:#FFFFFF;
  background-image:url('/images/gray_pixel.png');
  background-repeat:repeat-x;
  background-position: center right;
}

.whiteText {
  color:#FFFFFF;
}

.goButton {
  margin: 0 auto;
}

.resultInfo {
  font-size:95%;
  font-weight:300;
  line-height:1;
}
.resultInfoHeader {
  font-size:140%;
  font-weight:900;
}

form {
  display:inline;
}

.userPathHeaderLarge {
  font-size:130%;
  color:#999999;
  margin-bottom:-7px;
}

.userPathHeaderSmall {
  font-size:80%;
  color:#666666;
}

.userPathHeaderSmallCurrent {
  color:#000000;
  font-size:80%;
  font-weight:bold;
}
.userPathHeaderLargeCurrent {
  font-size:130%;
  font-weight:bold;
  color:#000000;
  margin-bottom:-7px;
}

.controlImage {
  padding-top:30px;
  width:10px;
  display:inline;
}

/* stick footer stuff from http://www.cssstickyfooter.com/using-sticky-footer-code.html */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end sticky footer stuff */

/* rounded corners from http://www.spiffycorners.com/ */
/* this first one is the gray one used for predictionLabel */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d52a2a}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eca3a3;
  border-right:1px solid #eca3a3;
  background:#df5f5f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fae9e9;
  border-right:1px solid #fae9e9;
  background:#dc5252}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dc5252;
  border-right:1px solid #dc5252;}
.spiffy4{
  border-left:1px solid #eca3a3;
  border-right:1px solid #eca3a3}
.spiffy5{
  border-left:1px solid #df5f5f;
  border-right:1px solid #df5f5f}
.spiffyfg{
  background:#d52a2a}

/* second rounded corner set of classes, with second color */

.bspiffy{display:block}
.bspiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#186F87}
.bspiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9bc1cb;
  border-right:1px solid #9bc1cb;
  background:#5193a5}
.bspiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e7f0f3;
  border-right:1px solid #e7f0f3;
  background:#438a9d}
.bspiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #438a9d;
  border-right:1px solid #438a9d;}
.bspiffy4{
  border-left:1px solid #9bc1cb;
  border-right:1px solid #9bc1cb}
.bspiffy5{
  border-left:1px solid #5193a5;
  border-right:1px solid #5193a5}
.bspiffyfg{
  background:#186F87}

/* end all rounded corners */