/* =============================================================================
   Navigation 
   ========================================================================== */
#vsct-booking-form {
    width: 300px;
}

#booking-choice {
    display: block;
    width: 300px;
}

#booking-form-choice {
    float: left;
    position: relative;
    z-index: 30;
    height: 55px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 0;
    width: 260px;
}

#booking-form-choice li#vsct-booking-hotel-link{
	height: 55px;
    width: 57px;
}
#booking-form-choice li#vsct-booking-train-link, #booking-form-choice li#vsct-booking-pass-link {
    height: 55px;
    width: 96px;
}
#booking-form-choice li {
    background-image: url("img/sprites-booking.png");
    display: block;
    float: left;
    padding: 0;
}

#booking-form-choice li#vsct-booking-train-link.enabled, #booking-form-choice li#vsct-booking-train-link.hover, #booking-form-choice li#vsct-booking-train-link.disabled.hover, #booking-form-choice li#vsct-booking-train-link.disabled:hover {
    background-position: 0 0;
}

#booking-form-choice li#vsct-booking-pass-link.enabled, #booking-form-choice li#vsct-booking-pass-link.hover, #booking-form-choice li#vsct-booking-pass-link.disabled.hover, #booking-form-choice li#vsct-booking-pass-link.disabled:hover {
    background-position: -193px 0;
}

#booking-form-choice li#vsct-booking-hotel-link.enabled, #booking-form-choice li#vsct-booking-hotel-link.hover, #booking-form-choice li#vsct-booking-hotel-link.disabled.hover, #booking-form-choice li#vsct-booking-hotel-link.disabled:hover {
    background-position: -386px 0;
}


#booking-form-choice li#vsct-booking-train-link.disabled {
    background-position: -96px 0;
}

#booking-form-choice li#vsct-booking-pass-link.disabled {
    background-position: -289px 0;
}

#booking-form-choice li#vsct-booking-hotel-link.disabled {
    background-position: -444px 0;
}

#booking-form-choice li a {
    color: #FFFFFF;
    display: block;
    padding-top: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}


/* =============================================================================
   Form General 
   ========================================================================== */
#booking-forms form h2 {
    margin-bottom: 10px;
}

#booking-forms .booking {
	display:none;
}

#booking-forms .booking.current {
	display:inline;
}

#booking-forms {
    border: 1px solid #9A9B9C;
    margin-top: -14px;
    padding-bottom : 0px;
    float: left;
    position: relative;
    width: 260px;
    z-index: 10;
}

#booking-forms.digital-box {
    overflow: visible;
    padding-bottom:	0px;
}

#booking-forms .train-in-front {
    margin-top: 49px;
    position: absolute;
}

#booking-forms form {
    padding-top: 0;
    clear: both;
}

#booking-forms form legend {
    font-weight: bold;
}
.booking .travel-fields legend, .booking .outward legend, .booking .inward legend, .detailed-search legend, .booking .choice-roundtrip legend, .booking .pass_reservation legend {
    position: absolute;
    top: -9999px;
}

#booking-forms label {
    color: #4D4F53;
    padding-bottom: 3px;
    line-height: 9px;
}

#booking-forms input[type="text"] {
    color: #4D4F53;
    width: 245px;
}

#booking-forms input.datepicker {
    background: url("img/sprites-booking.png") no-repeat scroll 100px -92px transparent;
    cursor: pointer;
    width: 115px;
}

/* =============================================================================
   Button 
   ========================================================================== */

#booking-forms label.type-travel {
	margin-right : 25px;
    float:left;
}

/* =============================================================================
   Section flight age group 
   ========================================================================== */

#booking-forms fieldset.section-flight-age-group {
	text-align: center;
	font-size: 9px;
}
#booking-forms fieldset.section-flight-age-group div {
	float:left;
	display: block;
	width: 65px;
}

#booking-forms fieldset.section-flight-age-group  span.labelTextDropSpan span {
	display: block;
    font-weight: bold;
    font-size: 11px;
	line-height: 16px;
}
#booking-forms fieldset.section-flight-age-group  select {
    font-size: 11px;
}

#booking-form .labelTextDrop {
    line-height: 9px;
}

#booking-forms select.number-of-travellers {
    margin-top: 6px;
}

#booking-forms select#F-NumAdult-ticket.number-of-travellers, #booking-forms select#F-NumAdult-pass.number-of-travellers {
    margin-top: 15px;
}
#booking-forms select#F-NumSenior-ticket.number-of-travellers, #booking-forms select#F-NumSenior-pass.number-of-travellers {
    margin-top: 15px;
}
/* =============================================================================
   Submission 
   ========================================================================== */

#booking-forms .submission {
    border-top: 1px solid #EEEEEE;
    clear: both;
    margin-top: 0px;
}

/* =============================================================================
   Banner Footer 
   ========================================================================== */

#booking-forms .bannerFooter {
    background: url("img/bottom-zone-noise-big.png") repeat-x scroll 0 0 transparent;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    margin: 1px -19px;
    width: 298px;
}

#booking-forms .travelInformation img {
    margin-bottom: 2px;
    margin-top: 9px;
}
#booking-forms .travelInformation a {
    margin-left: 24px;
}

/* =============================================================================
   Form Rail Tickets 
   ========================================================================== */


/* === Section Depart - Return === */


#booking-forms #train-outward-date-wrapper, #booking-forms #train-inward-date-wrapper, #booking-forms #type-travel-oneway-wrapper {
    margin-right: 20px;
}
#booking-forms #train-outward-date-wrapper, #booking-forms #train-inward-date-wrapper, #booking-forms #type-travel-oneway-wrapper, #booking-forms #type-travel-roundtrip-wrapper {
    display: inline;
    float: left;
}

#booking-forms #train-outward-time-wrapper, #booking-forms #train-inward-time-wrapper{
    display: inline;
    float: right;
}

/* === Section Age Field === */

#booking-forms select.outward-time, #booking-forms select.inward-time, #booking-forms #train-outward-time-wrapper label, #booking-forms #train-inward-time-wrapper label {
    width: 78px;
}

#booking-forms input.outward-date, #booking-forms input.inward-date, #booking-forms #train-outward-date-wrapper label, #booking-forms #train-inward-date-wrapper label {
    width: 115px;
}

#booking-forms label.type-travel{
	padding-top: 2px;
}
/* === Section travel Information === */

#booking-forms .travelInformation_link{
	height: 34px;
	float: left;
	display: block;
}

/* =============================================================================
   Form Rail Pass 
   ========================================================================== */
#booking-forms .form-select.pass-type,  #booking-forms .form-select.pass-class, #booking-forms .form-select.pass-period {
    width: 260px;
}
#booking-forms #type-travel-pass-wrapper, #booking-forms #type-travel-reservation-wrapper {
    display: inline;
    float: left;
}

#booking-forms #type-travel-pass-wrapper {
    margin-right: 20px;
}

#booking-forms label.pass_reservation {
    float: left;
    margin-right: 25px;
}

#booking-forms .total_text {
    font-size: 12px;
    font-weight: bold;
}

#booking-forms .total_text span {
    color: #0088CE;
}

#booking-forms fieldset .ss_total_text {
    font-size: 12px;
    font-weight: bold;
}

#booking-forms .plus-CUI {
    position: absolute;
    right: 36px;
    top: 63px;
}

#booking-forms .pass_reservation {
    margin-top: 2px;
}
/* =============================================================================
   Form Hotel 
   ========================================================================== */
#booking-forms #vsct-booking-hotel input.outward-date, #booking-forms #vsct-booking-hotel input.inward-date, #booking-forms #hotel-outward-date-wrapper label, #booking-forms #hotel-inward-date-wrapper label {
    width: 105px;
}

#booking-forms #hotel-outward-date-wrapper, #booking-forms #hotel-inward-date-wrapper {
	float: left;
}
#booking-forms #hotel-outward-date-wrapper {
	margin-right: 18px;
}

#booking-forms #vsct-booking-hotel input.datepicker {
    background: url("img/sprites-booking.png") no-repeat scroll 92px -92px transparent;
}

#booking-forms input#hotel-no-specific-date-check{
	margin-right: 3px;
}