#mainreservation .description {
    color: black;
    margin-bottom: 20px;
    min-height: 40px;
}

#mainreservation .navigation {
    clear: both;
    margin-left: 170px;
}

#mainreservation #pageCalendar #datepicker {
    font-size: 1.2em;
    margin-left: 170px;
}

/** UI overwrite **/

.ui-icon-circle-triangle-e {
    background-position: -48px -192px !important;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px !important;
}

.ui-dialog {
    padding: 0.25em !important;
}

.ui-state-hover .ui-icon-circle-triangle-e {
    background-position: -32px -17px !important;
}

.ui-state-hover .ui-icon-circle-triangle-w {
    background-position: -97px -17px !important;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-widget-content .ui-icon {
    background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
    background-color: transparent !important;
}

.ui-dialog .ui-widget-header {
    font-size: 1.2em;
}

.ui-datepicker th {
    width: 14.2%;
}

.ui-datepicker-header .ui-state-hover {
    border: 0 !important;
}

/********** Reservation Times **********/

#mainreservation #pageReservationTimes .time {
    background-color: green;
    color: white;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    width: 50px;
}

#mainreservation #pageReservationTimes .time_enabled {
    cursor: pointer;
}

#mainreservation #pageReservationTimes .time_disabled {
    background-color: red;
}

#mainreservation #pageReservationTimes .availableTimes {
    width: 305px;
    margin-left: 170px;
}

#mainreservation #pageReservationTimes .timenextday {
    width: 142px;
}

/********** Reservation Form **********/

#mainreservation input[type="button"],
#mainreservation input[type="reset"] {
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 5px;
    width: 100px;
}

#mainreservation fieldset {
    border: none;
    margin-bottom: 0;
    padding: 0;
}

#mainreservation label {
    display: block;
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    padding-right: 20px;
}

#mainreservation input[type="text"] {
    width: 220px;
}

#mainreservation textarea {
    width: 220px;
}

#mainreservation input[type="text"],
#mainreservation textarea,
#mainreservation select {
    padding: 2px;
}

#mainreservation input[type="checkbox"] {
    margin-right: 5px;
    width: 20px;
}

#mainreservation select {
    text-align: left;
    max-width: 250px;
    padding: 0.1em;
}

#mainreservation .formfield {
    clear: both;
    padding-top: 3px;
}

#mainreservation .terms.formfield {
    padding-top: 10px;
}

#mainreservation .formfield .fieldDescription {
    margin-left: 170px;
}

#mainreservation label.error {
    text-align: left;
    margin-left: 170px;
    width: 220px !important;
    color: red;
    float: none;
}

#mainreservation .agb label.error {
    margin-left: 0;
}

#mainreservation .checkboxtext {
    display: block;
    margin-left: 200px;
    margin-top: -10px;
}

#mainreservation .formfield > div {
    margin-left: 170px;
}

#mainreservation .formfield div.validateErrorMessage {
    margin-left: 0;
}

/********** Reservation information **********/
#mainreservation .reservationInfo {
    padding-bottom: 20px;
}

#mainreservation .reservationInfo .labelleft {
    width: 150px;
    float: left;
    padding-right: 20px;
}

/********** GENERAL **********/

#mainreservation #formtransmitting,
#mainreservation #datepickerloading {
    margin: 70px;
    text-align: center;
}

#mainreservation .ui-datepicker {
    margin-bottom: 10px;
    border: 0;
    padding: 0.3em;
}

#mainreservation .back {
    cursor: pointer;
}

#mainreservation #checkboxes {
    margin-top: 10px;
}

.captchaBox {
    width: 360px;
    overflow: hidden;
}

.recaptchatable .recaptcha_image_cell,
#recaptcha_table {
    background-color: #f00 !important;
}

#recaptcha_table {
    border-color: #f00 !important;
}

#recaptcha_response_field {
    border-color: #f00 !important;
    background-color: #f00 !important;
}
