/* 
  TRAVELBOX Booking Form Base CSS 
  Override with your own styles
*/
#footnotes_debug fieldset {overflow: scroll;}
body {
  background: transparent;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 10px;
  font-size: 10px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  overflow: hidden;
}

h1 { font-size: 14px }
h2 { font-size: 13px }
h3 { font-size: 12px }
h4 { font-size: 11px }
input.text_field, 
#booking_person_attributes_address_attributes_state, 
#booking_person_attributes_address_attributes_country {
  width: 180px;
  float:left;
}

input.text_field {
  width:175px !important;
}

.text_area {
display:block; margin-bottom: 1em; width: 95%;
}

input.check_box {
  margin: 0;
  padding: 0;
}

select.room_count {
  width: 50px;
}

.group {
  height: 40px;
}
.columns {
  clear:both;
}
.columns .column {
  /* fucking IE6 :( */
  //width:195px;
}

.columns .left {
  float: left;
}

.columns .right {
  float: right;
}

label.label {
  display: block;
  padding: 2px 0 2px 0;
  text-transform: capitalize;
  font-size: 10px;
}

label.label.inline {
  display: inline !important;;
}

label.label.required {
  font-weight: bold;
}

label.label.required::after { 
  content: " *"; 
}

fieldset {
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
  width: 400px;
}
legend {
  font-size: 116%;
  font-weight: bold; 
  padding: 0 10px 0 10px; 
  margin-left: 20px;
  color: #000;
}

.description{
  color:#707070;
  font-size: 77%;
  float:left;
  clear:both;
}

input.button {
  -moz-border-radius:4px;
  -webkit-border-radius: 4px;
  background: #EEE;
  color: #001C26;
  padding: 2px 5px;
  border: 1px solid #001C26;
  cursor: pointer;
}
#footer {
  width: 400px;
  font-size: 85%;
}
#footer, #footer a {
  color:#707070;
}

.flash .message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:center;
  margin: 0 auto 15px;
  color: #111111;
  font-size: 77%;
}

.flash .message p {
  margin:8px;
}
.flash .error {
  border: 1px solid #fbb;
  background-color: #fdd;
}
.flash .warning {
  border: 1px solid #e0d300;
  background-color: #ffffcc;
}
.flash .notice {
  border: 1px solid #8ec4df;
  background-color: #dffaff;
}

.validation-advice { display: none;}
.invalid { color: red;}