

#booking-content p.detail {
    background-color: #f2f0ed;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
}

#booking-pax {position: relative;}

#booking-pax label {
    float: left;
    padding: 4px 0;
    width: 100px;
}

#booking-pax .custom-select-list {float:left;}

#booking-pax-warning {
    background: url("../cssImages/info.png") no-repeat 15px 17px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #777;
    display: none;
    font-style: italic;
    left: 170px;
    padding: 10px 10px 10px 50px;
    position: absolute;
    top: 0;
    width: 180px;
}

.block-age-children{
    display: none;
}
#booking-pax .age-children {
    padding: 1em 0;
    display: block;
}
#booking-pax .age-children label {
}
#booking-pax .age-children input {
    padding: 4px;
    margin-right: 0.5em;
}

#ui-datepicker-div { z-index: 50 !important; }

/*******************************/
/* CSS for availabilities list */
/*******************************/

#booking-availability-header {background-color: #ddd;}

span.header-item {
    display: block;
    float: left;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.col-departure-date {width: 165px;}
.col-departure-date select {width: 155px;}
.col-departure-city {width: 100px;}
.col-departure-city select {width: 90px;}
.col-duration {width: 105px;}
.col-duration select {width: 95px;}
.col-promotion {width: 60px;}
.col-price {width: 70px;}

#booking-availability-list {
    border: 1px solid #ccc;
    max-height: 360px;
    overflow-y: auto;
}

#booking-availability-list table {
    border-collapse: collapse;
    width: 100%;
}

#booking-availability-list tr {height: 40px;}
#booking-availability-list tr.even {background-color: #ece7e5;}

td.cell-item {
    padding: 0px 10px;
    text-align: center;
}

td.col-departure-date {
    font-weight: bold;
    text-align: left;
}

td.col-promotion {
    color: #980202;
    font-size: 14px;
    font-weight: bold;
}

span.booking-button {
    color: #fff;
    padding: 3px 10px;
    background: #0F6A95;
}

span.booking-button:hover {
    cursor: pointer;
}


#booking-loading {
    border: 1px solid #ccc;
    padding: 20px 0;
    text-align: center;
}

#booking-legend {
    margin: 5px 0;
    text-align: right;
}



/****************************************/
/* Temporary CSS for multi-room product */
/****************************************/

#temporary-booking-room label {
    float: left;
    padding: 4px 0;
    width: 115px;
}

#temporary-booking-room .custom-select-list {float:left;}
