﻿@import "reset.css";

/* LAYOUT
---------------------------------------------------------------------- */
body{ font-family: arial; font-size:12px; color:#333;  -webkit-text-size-adjust: 100%}

#quick-search-wrapper{ background:#f8f8f8; max-width:500px; }
#QS-form{ margin:0; padding:0}

#product-type-element{ display:none}
.clear {clear:both;}

/* FORM
---------------------------------------------------------------------- */
.form-element{ margin:0 8px 8px; clear:both; display:block;}
.form-element label{ line-height:14px; display:block; margin-bottom:4px; font-weight:bold;}
.select select, input[type=text]{ border: 1px solid #DDDDDD; color: #464646; padding: 3px; width: 100%; margin-bottom:3px; font-size:12px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
input[type=text]{ }
.input input{ border:1px solid #DDDDDD; color: #464646; padding:4px 3px; font-size:12px; width:100%; font-size:12px}
.left{ margin-right:10px}

h3{ display:none}

#quick-search-title{ font-family: Arial, Helvetica, sans-serif; color: #000000;  }
#quick-search-title h1 {display:block; color:#FFF; font-size: 15px; padding:0 1em; font-weight: bold; border-radius:2px 2px 0 0; line-height:45px; height:45px;
  background: #08aeea; /* basic */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08aeea', endColorstr='#117caa');
  background: -webkit-linear-gradient(#08aeea, #117caa); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#08aeea, #117caa); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#08aeea, #117caa); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#08aeea, #117caa); /* Standard syntax */
}
#quick-search-title p{ font-weight: normal;  font-size: 12px; line-height:1.3em; padding:5px 12px}

#quick-search-wrapper #poweredby{ display:none; margin:10px 0; text-align:right; line-height:18px; height:18px;}
#poweredby a{ display:block; float:right; background:url(../images/vibe-logo.png) no-repeat; width:57px; height:18px; text-align:left; text-indent:-2000px; margin-left:5px}

#pickup-element, #return-element{}
#return-element{ }
#quick-search-wrapper #pickup-element input, #quick-search-wrapper #return-element input{ margin-bottom:3px;}
#quick-search-wrapper .select select#StartTime, #quick-search-wrapper .select select#EndTime{  }

#adults-element, #children-element{}
#quick-search-wrapper #adults-element select, #quick-search-wrapper #children-element select{ width: 58%}
#adults-element  label, #children-element  label{width:42%; padding:5px 0 0; position:relative; float:left; clear:none;}

#promotion-element{ height:20px}
#promotion-element label{ float:left; line-height:18px}
#quick-search-wrapper #promotion-element input{ float:right; width:100px}

#search-element{ text-align:center; position:relative; float:right; clear:none; margin-bottom:0; padding-bottom:0;}
#search-element #Search{ border:none; width:166px; height:36px; display:block; color:#323637; font-size: 13px; padding: .8em; font-weight: bold; cursor:pointer; border-radius:2px;
  background: #feef00; /* basic */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feef00', endColorstr='#fdcd01');
  background: -webkit-linear-gradient(#feef00, #fdcd01); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#feef00, #fdcd01); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#feef00, #fdcd01); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#feef00, #fdcd01); /* Standard syntax */
}
#search-element span input[type="submit"]:hover, #search-element span input[type="submit"]:active{color:#fff !important; 
  background: #505050 !important; /* basic */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#313131');
  background: -webkit-linear-gradient(#505050, #313131) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#505050, #313131) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#505050, #313131) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(#505050, #313131) !important; /* Standard syntax */}

.ui-datepicker{ position: absolute; top:-200px; font-size:0.8em; width:12.5em !important;}
    .ui-datepicker tbody {font-size:90%;}

/* alerts */
.red{ color:#c00}
.green{ color:#006940}