﻿.GuestDetailsRooms {
    border-style: none;
    margin: 0px !important;
    padding: 0px !important;
}

.SelectedDate {
    background-color: #FFFFFF;
    color: #FF9933;
    font-size: 8pt;
    font-weight: bolder;
    text-align: center !important;
}

.SelectedDateHeader {
    background-color: #000099;
    border-color: #000099;
    color: White;
    font-weight: bolder;
}

.SelectedDateHeader td {
    background-color: #000099;
    border-color: #000099;
    color: White;
    font-size: 7pt;
    font-weight: bolder;
    text-align: center;
}

.ShoulderDate {
    background-color: #EAEAEA;
    border-color: #9f9f9f;
    color: #808080;
    font-size: 7pt;
    font-weight: bolder;
    text-align: center !important;
}

.ShoulderDateHeader {
    background-color: #9f9f9f;
    color: #EEEEEE;
    font-weight: bolder;
}

.ShoulderDateHeader td {
    background-color: #9f9f9f;
    color: #EEEEEE;
    font-size: 7pt;
    font-weight: bolder;
    text-align: center;
}

.RequiredRoomsHeader TD, .RoomTypeHeader TD, .RoomTypeHeader, .RequiredRoomsHeader { background-color: #9f9f9f; }

.dxMonthGrid { padding: 0px !important; }

.dxeCalendarDayHeader, .dxeCalendarDay {
    font-size: x-small !important;
    padding: 1px !important;
}

.dxeCalendarHeader td.dxe { font-size: 8pt !important; }

.SectionTitle {
    font-size: larger;
    font-weight: bolder;
}

.SummaryInfo { padding: 5px; }

.SummaryContent { text-align: right; }

.SummaryContent div span { /*float: right;*/
    text-align: right;
}

.GuestDetails { padding-bottom: 10px; }

.RequiredRoomsCell .dxeEditArea, .RequiredRoomsCell .dxeListBoxItem { font-size: 8pt; }

#Rooms, #Location, .RequiredGuests, #FindRooms, #Nights, #ArrivalDate, #LengthOfStay, #DepartureDate { padding: 5px 0px 5px 0px; }

#BookNowTop, #BookNowBottom {
    float: right;
    padding: 5px 0px 5px 0px;
}

.TitleWhite {
    color: #FFFFFF;
    font-size: x-large;
}

.TitleBlue {
    color: #6699FF;
    font-size: x-large;
}

.BookingSummaryHeader td, .GuestDetailsRoomHeader td {
    font-size: 10pt !important;
    font-weight: bold;
}

.GuestNumber {
    font-size: 10pt;
    font-weight: bold;
    padding-right: 15px;
}

.BookerNameTable, .BookerNameTable td { padding: 0; }

.SummaryRoomDescription, .SummaryRoomEmpty { padding: 2px; }

.SummaryRoomDescriptionAlternate, .SummaryRoomEmptyAlternate, .SummaryGuestCountAlternate, .SummaryRateAlternate {
    background-color: White;
    padding: 2px;
}

#TotalSectionTitle label, #Payable label, #Total label, #PayableSectionTitle label, #DepositPaidSectionTitle label, #DepositPaid label {
    font-size: 11pt !important;
    font-weight: bolder;
}

#FullPrice {
    color: #C0C0C0 !important;
    font-size: 7pt;
    text-decoration: line-through;
}

.TotalTitle label, .TotalValue label {
    font-size: 11pt !important;
    font-weight: bolder;
}

#BookingReference td label {
    font-size: 11pt !important;
    font-weight: bolder;
}

.BookingConfirmationHeader td span {
    font-size: 11pt !important;
    font-weight: bolder;
}

#AddRateButton, #AddSelectedRatesButton, #AddHouseButton, #AddSelectedHousesButton { padding: 5px 0 5px 0; }

.SiteClosed td {
    background-image: url('../images/Closed.png');
    background-repeat: no-repeat;
    border-style: none;
    height: 40px;
    padding: 0;
    width: 122px;
}

.SiteOpen td {
    background-image: url('../images/Open.png');
    background-repeat: no-repeat;
    border-style: none;
    height: 40px;
    padding: 0;
    width: 122px;
}

.SiteOpen td div, .SiteClosed td div { display: none; }

.BookingDetailsTitle {
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 5px;
    vertical-align: text-top;
}

.BookingDetailsSpacer { height: 15px; }

.BookingDetailsContent { vertical-align: text-top; }

.BookingDetailsRoomTitle { font-weight: bold; }

.BookingDetailsPanel td.dxrp span {
    font-size: larger;
    font-weight: bolder;
}

.ExportButton { padding-bottom: 5px; }

#Rate {
    height: 100%;
    vertical-align: middle;
}

#PrintButton { padding-bottom: 5px; }

.suggestions {
    -moz-box-sizing: border-box;
    background-color: White;
    border: 1px solid black;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 500px;
}

.suggestion_item {
    border-bottom: 1px solid;
    border-bottom-color: #E2E2E2;
    cursor: default;
    font-size: 1.2em;
    padding: 0px 3px;
}

.current_suggestion {
    background-color: #3366cc;
    border-bottom: 1px solid black;
    color: white;
    cursor: pointer;
    font-size: 1.2em;
    padding: 0px 3px;
}

.AppTitle {
    color: #999999;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 0 -15px;
    padding: 3px;
    text-align: left;
}

.AppTitleLightBlue { color: #6699FF; }