body {
    background: url("../../style/images/sfhostels_bg.jpg") no-repeat fixed center top transparent;
}

body#houseinfobg {
    background: #fff;
}

#logobox { 
    padding-left: 35px;
    margin-bottom: 0;
}

#wrapall { 
    margin: 0 auto; 
}

#stage,
#datebox, 
#finderbox {
    box-shadow: 0 0 4px 1px #111;
}

#datebox,
#numnights, 
#dowarrival, 
#dowdeparture {
    border-color: #415A68;
}

#datebox,
#numnights, 
#dowarrival, 
#dowdeparture {
    background: #415A68;
}

#dowarrival, 
#dowdeparture {
    width: 26px;
}

#datebox h2, 
#datebox label, 
#numnights, 
#dowarrival, 
#dowdeparture {
    color: #fff;
}

#numnights, 
#dowarrival, 
#dowdeparture {
    font-weight: bold;
}

#finderbox {
    background: #fff;
}

#datebox .buttoncheck, 
button.proceed, 
.buttonbook, 
#button_book {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px 1px #344046;
    text-transform: uppercase;
    background-color: #F8981D;
    border-color: #F8981D;
    color: #415A68;
}

#proceedtab {
    box-shadow: 0 0 4px 1px #344046;
    background-color: #F8981D;
    border-color: #F8981D;
}
#proceedtab.ui-tabs-active {
    border-color: #fff;
}

#stage.tabs div.mytab div.images {
    background: #fff;
}

h2.hostelname, 
table.t_houselistbook td.header {
    background: #415A68;
    color: #F8981D;
}

#houseinfo h2 {
    color: #415A68;
}

#datebox { position: relative; }

#availbox_nights {
    margin-bottom: 10px
}
body:not(#standalone) #availbox_males {
    position: absolute; 
    top: 149px; 
    left: 155px; 
    width: 50px;
}

body:not(#standalone) #availbox_females {
    position: absolute; 
    top: 149px; 
    left: 85px; 
    width: 60px;
}

/*
 * booking-widget.css is used as an external style sheet by
 * http://assd.com/ for the Nothern California Hostels booking widget
 * found @ https://hostels1.securesites.net/booknowcrs2.php?cust=415181&langcrs=E&type=020,
 * which is embeded within an iframe on norcalhostels.org and sfhostels.com
 */
body#standalone {
  background:transparent;
  font-family: verdana,arial,helvetica,sans-serif;
  overflow:hidden;
  color:#fff;
  margin-left:65px;
}

/* city center */
body#standalone.h094109 label {
  color:#464646;
}

/* downtown */
body#standalone.h094957 label {
  color:#B9B309;
}

/* fishermans wharf */
body#standalone.h094958 label {
  color:#fff;
}

/* sacto, marin, pigeon, montara, reyes */
body#standalone.h094959 label,
body#standalone.h094965 label,
body#standalone.h094060 label,
body#standalone.h094037 label,
body#standalone.h094956 label {
  color:#FFD24F;
}

body#standalone #datebox {
  width:100%
}

body#standalone form {
  width:100%;
}
      
body#standalone #datebox div {
  float:left;
}

body#standalone label {
  text-transform:uppercase;
  font-weight:bold;
  font-size:11px;
}
      
body#standalone #availbox_hostel {
  display:none;
}

body#standalone #dowarrival, body#standalone #dowdeparture {
  display:none !important;
}

body#standalone #ui-datepicker-div {
  display:none;
}

img.ui-datepicker-trigger {
  cursor: pointer;
}

body#standalone #button_checkAvail {
  border: none;
  -moz-box-shadow: 0px 2px 10px #232B2F;
  -webkit-box-shadow: 0px 2px 10px #232B2F;
  box-shadow: 0px 2px 10px #232B2F;
  height:20px;
  line-height: 11px;
  padding:0px 8px;
  position: absolute;
  right: -5px;
  top: 15px;
  text-transform:uppercase;
  width: 50px;
}

body#standalone #button_checkAvail {
  width: 90px;
}

/* Network Fall Back: sac:h094959 , marin: h094965, pigeon: h094060, montara: h094037, reyes: h094956 */
body#standalone button#button_checkAvail  {
  background: #2C5C72;
  color:#FFF;
}

/* city center */
body#standalone.h094109 button#button_checkAvail ,
body#standalone.h094958 button#button_checkAvail  {
  background: #D5A00F;
}

/* downtown */
body#standalone.h094957 button#button_checkAvail  {
  background: #BBB20B;
  color: #41586A;
}

body#standalone #dayarrival, body#standalone #daydeparture {
  width:50px;
}

body#standalone #availbox_arrival {
  margin-left:10px;
}

body#standalone #availbox_depart {
  margin-left:50px;
}

body#standalone #availbox_nights {
  margin-left:40px
}

body#standalone #guests {
  margin-left: 25px;
}

body#standalone #availbox_arrival img, body#standalone #availbox_depart img {
  display: block;
  position: absolute;
  right: -28px;
  top: 21px;
}

body#standalone #selectAdults {
 width:40px;
}

body#standalone #numnights {
  background:#fff;
  font-weight: normal;
  color: #000;
}

/* Site Wide Nights Up/Nights Down Buttons */
body#standalone #nightsup, body#standalone #nightsdown {
  background-image: url('../../style/images/norcal_booking-widget-night-sprite.png');
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}

/* Network Fall Back: sac:h094959 , marin: h094965, pigeon: h094060, montara: h094037, reyes: h094956 */
body#standalone #nightsup {
  background-position: 0 -120px;
}

body#standalone #nightsup:hover {
  background-position: 0 -140px;
}

body#standalone #nightsdown {
  background-position: -20px -120px;
}

body#standalone #nightsdown:hover {
  background-position: -20px -140px;
}

/* city center: h094109 */
body#standalone.h094109 #nightsup {
  background-position: 0 0;
}

body#standalone.h094109 #nightsup:hover {
  background-position: 0 -20px;
}

body#standalone.h094109 #nightsdown {
  background-position: -20px 0;
}

body#standalone.h094109 #nightsdown:hover {
  background-position: -20px -20px;
}

/* downtown: h094957 */
body#standalone.h094957 #nightsup {
  background-position: 0 -40px;
}

body#standalone.h094957 #nightsup:hover {
  background-position: 0 -60px;
}

body#standalone.h094957 #nightsdown {
  background-position: -20px -40px;
}

body#standalone.h094957 #nightsdown:hover {
  background-position: -20px -60px;
}

/*fishermans wharf: h094958 */
body#standalone.h094958 #nightsup {
  background-position: 0 -80px;
}

body#standalone.h094958 #nightsup:hover {
  background-position: 0 -100px;
}

body#standalone.h094958 #nightsdown {
  background-position: -20px -80px;
}

body#standalone.h094958 #nightsdown:hover {
  background-position: -20px -100px;
}