/* Column 2 Search Confirmation Page */

div#col2AvailabilityContent {
    float: left;
    width: 700px;
    margin: 10px 0 0 25px; }

/* Search Results */
.key { color: #888888; margin: 0 20px 0 0; display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; }
.keyBlock { display: inline-block; width: 20px; height: 20px; margin: 0 10px 0 0; }
.keyBlock.pink { background-color: #E3058C; }
.keyBlock.blue { background-color: #01AAED; }
.keyBlock.grey { background-color: #E6E7E8; }

/* Availability Grid */
#availbilityGridContainer { margin: 15px 0 15px 0;  }

#availabilityGrid { background-color: #E6E7E8; }
#availabilityGrid th { background: transparent url(/images/availability/date-header.png) no-repeat top left; width: 75px; height: 40px; line-height: 40px; font-size: 1.0em; color: #fff; }
#availabilityGrid th div.monthHighlight { position: relative; background: transparent url(/images/availability/table-month-button.png) no-repeat top left; width: 180px; height: 40px; line-height: 40px; color: #fff; text-align: left; font-size: 1.0em; padding: 0 0 0 10px; }
#availabilityGrid th div.monthHighlight a { position: absolute; top: 0; right: 0; width: 40px; height: 40px; }
#availabilityGrid th div.monthHighlight a span { display: none; }
#availabilityGrid th.selectedDate, #availabilityGrid td.selectedDate { background: #e3058c; }
#availabilityGrid th.monthControl { position: relative; width: 40px; height: 40px; background: transparent url(/images/availability/table-next-month-button.png) no-repeat top left;  }

#availabilityGrid th.monthControl a { position: relative; top: 0; left: 0; width: 40px; height: 40px; display: block; }
#availabilityGrid th.monthControl a span { display: none; }

#availabilityGrid td { background-color: #01aaed; height: 40px; color: #fff; text-align: center; font-size: 1.0em; }
#availabilityGrid td.venueInfo, #availabilityGrid td.endColumn { background-color: #fff; color: #888888; text-align: left; padding: 0 0 0 10px; }
#availabilityGrid td.chosenDate { background-color: #e3058c; }
#availabilityGrid td.callUs { background-color: #d0d1d3; color: #888888; }
#availabilityGrid td a { color: #fff; text-decoration: underline; }
#availabilityGrid td a:hover { text-decoration: underline; }

#availabilityGrid span.pink { color: #e3058c; }
#availabilityGrid tr:first-child { font-weight: bold; }
#availabilityGrid tr.allVenues { font-weight: normal; }

/* Booking Confirmation Page */

div#col1BookingConfirmation { float: left; width: 205px; margin-top: 10px; }
div#col1BookingConfirmation .bookingDetails { padding: 10px; width: 185px; background: #e7e8ea url(/images/availability/booking-summary-panel-gradient.png) repeat-x top left; }
div#col1BookingConfirmation .bookingDetails p { line-height: 1.8em; }

.resultContainer { clear: both; width: 680px; background: #fff url(/images/availability/grey-search-panel-collapsed.png) repeat-x bottom left; padding: 15px 10px 15px 10px; }
.resultContainer .resultImage { width: 205px; height: 120px; margin: 7px 0 0 10px; float: left; }
.resultContainer .resultImage p { line-height: 1.8em; font-size: 1.2em; }
.resultContainer .confirmButton { text-align: right; margin: 10px 10px 0 0; font-size: 1.2em; }
.resultContainer .confirmButton a { text-align: left; }

.resultDetail { float: left; width: 277px; margin-left: 15px; }
.resultPrice { float: left; width: 135px; text-align: right; margin: 0 10px 20px 15px; }

.resultContainer h2 { margin-bottom: 0px; font-size: 1.7em; color: #000; }
.resultContainer h3 { margin-bottom: 0px; font-size: 1.1em; color: #000; }
.resultContainer .resultPrice p {  margin-bottom: 15px; }

.resultContainer p a { padding-top: 5px; }

/* Question Mark */

 a.questionMark { display: block; background: transparent url(/images/question-mark.png) no-repeat top left; width: 27px; height: 27px; margin-left: 130px; margin-top: -20px;}
 .agentQuestionMark { float: right; margin-right: 5px; margin-top: 33px; }

/* Booking on behalf hidden div */

#bookingOnBehalf { display: none; }

/* Other form styles */

fieldset.floatFieldset { width: 47%; float: left; margin-right: 9px; }
fieldset.fixedHeight { min-height: 230px; }
#agencyFieldset { background-color: #ECECEC; height: 75px; border: none; }
#buttonsFieldset { width: 97%; position: relative; clear: both; }
#otherInformation, #termsFieldset { height: 100px; }

.paymentButtonSeparator { margin: 0 20px 0 20px; }

table#tableBookingDetail td { padding: 4px; min-width: 200px; }