/*
    CSS CONTENT:
    
    1. Global
    2. Global-form
    3. Passengers elements
    
*/


/* 1. Global */
* {margin: 0; padding: 0;}
html, body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff;}
a {outline: none;}
h1, h2, h3, p, hr {margin: 20px 0 0 0;}
h1 {font-size: 200%; text-align: center;}
h2 {font-size: 175%;}
h3 {font-size: 120%; text-align: center;}
p  {font-size: 100%;}
.clear {font-size: 0 !important; line-height: 0 !important; height: 0 !important; clear: both !important;}


/* 2. Global-form */
.innerForm {width: 700px; padding: 0 20px 20px 20px; margin: 20px auto 0 auto; border: 1px solid #aaa; color: #333; background: #ddd;}
.innerForm p {width: 50%; float: left;}
/*.innerForm p.radios {width: 100%; float: left;}*/
.calendar {background: url('../images/ico/calendar.gif') #fff center right no-repeat;}


/* 3. Passengers elements */
.passengers {position: relative; z-index: 0; width: 50%; float: left;}
.passengers p {width: auto; float: none;}
.zindex1 {z-index: 1;}
.zindex2 {z-index: 2;}
.passengerTypeInputs {width: 152px; padding: 0 10px 10px 10px; color: #000; background: #eee; border: 1px solid #aaa; position: absolute; top: 40px; left: 0; z-index: 1;}
.zindex1 .passengerTypeInputs {z-index: 2;}
.zindex2 .passengerTypeInputs {z-index: 3;}
.passengerTypeInputs h3, .passengerTypeInputs p {margin: 10px 0 0 0;} 
.passengerTypeInputs p {width: auto; float: none;}
.passengerTypeInputs p select {display: block; width: 100%; margin-top: 5px;}

#rooms select {display: block;}