/* Styles for validation helpers
-----------------------------------------------------------*/

.top-buttons {
    clear: both;
    float: left;
}

@media all and (min-width: 40em) {
    #CalendarView {
        float: left;
    }

    #AvailabilityView {
        float: left;
    }

    .booking-col {
        float: left;
        margin-left: 15px;
    }

    .LargeInfo {
        float: left;
        margin-right: 20px;
    }

    #SelectedDate {
        float: left;
    }

    .top-buttons {
        float: right;
    }
}

@media all and (max-width: 40em) {

    .UIClock {
        display: none;
    }

    .ui-content {
        padding: 0px;
    }
}

.booking-top {
    clear: both;
    display: block;
    height: 70px;
}

.ui-overlay-a, .ui-page-theme-a {
    text-shadow: 0 0px 0px #111111 !important;
}

.peopleContainer {
    width: 80px;
}

.zipContainer {
    width: 80px;
    float: left;
}

.cityContainer {
    width: 100%;
    overflow: hidden;
    float: left;
}

.ui-input-text, .ui-select {
    margin: 2px 0px;
}

.booking-menu {
    clear: both;
}

.AvailabilityTable .comment {
    font-size: 10px;
    font-weight: bold;
}

.reservationRow, .tableRow {
    height: 36px;
}

    .reservationRow td, .tableRow td {
        border-bottom: 1px solid white;
    }

.smallText {
    display: block;
    font-size: 10px;
    line-height: 30px;
}

.confirm {
    margin-top: 3px;
    width: 120px;
    display: none;
    background-color: lightgray;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    padding: 3px;
}

    .confirm img {
        display: inline-block;
        margin-left: 3px;
        position: relative;
        top: 3px;
    }

    .confirm span {
        color: black;
    }

.editing {
    background-color: Orange !important;
}

.saved {
    background-color: #228B22 !important;
}

.error {
    border-color: #DC143C !important;
    background-color: #FFD5D5 !important;
    color: Black !important;
}

.timeRow {
    cursor: pointer;
}


    .timeRow:hover {
        background-color: #A7A7A7;
    }

.invalidInput {
    border-color: #DC143C;
    border-left-width: 4px;
    background-color: #fee;
}

.tableEdit {
}

.tableEdit_2 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

body {
    font-family: Arial;
}

.SummaryHTable {
    font-size: 20px;
    width: 100%;
}

    .SummaryHTable .small {
        font-size: 10px;
    }

.AvailabilityTable {
    font-size: 12px;
}

.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

textarea.ui-input-text {
    height: 40px;
}

.Calendar .WeekNumber {
    font-size: small;
}

.Calendar .CalendarWeekHeader {
    font-size: 10px;
    text-align: center;
}

.miniInput {
    font-size: 12px !important;
}

div .zipInput {
    width: 40px !important;
    float: left;
}

.cityInput {
    width: 110px !important;
    float: left;
}

.Calendar .DateField {
    font-size: 20px;
    background-color: #AAAAAA;
    width: 40px;
    color: Black;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}


.Calendar .OtherMonth {
    background-color: #7D7D7D;
}

.Calendar .DateSelected {
    background-color: #FFFFFF;
}

.Calendar .Today {
    color: #FF0000;
}

.Calendar .ValueInformation {
    font-size: small;
    font-weight: bolder;
}

.DateField:hover {
    background-color: #DDDDDD;
    cursor: pointer;
}

.DateInformation {
    padding-top: 10px;
    padding-bottom: 10px;
}

checkbox {
}

.UIClock {
    font-size: 16px;
    margin: 0.0em 0.3em 0.0em;
}

.LargeInfo {
    font-size: 25px;
}

.ReservationArrived {
    color: Gray;
}

.ReservationInfoBig {
    font-size: 20px;
}

.ReservationPartiallyArrived {
    background-color: #1B5959;
}

.ReservationNoShow {
    background-color: #FF6600;
}

.ReservationDeleteRequest {
    background-color: #990000;
}

.ReservationUpdateRequest {
    background-color: #FFCC00;
}



.doubleReservationRow {
    font-size: 10px;
}


.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
    color: Black;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active {
    text-shadow: none;
}



.ui-simpledialog-header h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.ui-simpledialog-container {
    border: 5px solid #111 !important;
    width: 85%;
    max-width: 500px;
}

.ui-simpledialog-screen {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.ui-simpledialog-hidden {
    display: none;
}

.ui-simpledialog-input {
    width: 85% !important;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.ui-simpledialog-screen-modal {
    background-color: black;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.ui-simpledialog-subtitle {
    text-align: center;
}

.ui-simpledialog-controls .buttons-separator {
    min-height: .6em;
}

.ui-simpledialog-controls .button-hidden {
    display: none;
}

.ui-dialog .ui-simpledialog-container {
    border: none !important;
}

.ui-dialog-simpledialog .ui-content {
    padding: 5px !important;
}