﻿.reservation_Textbox
{
    background-color: #fdf3c5;
    border: 1px solid #4f4445;
}

#confirmationTable
{
    width: 100%;
}
#confirmationTable .leftColumn
{
    text-align: right;
    font-size: 11px;
}

.confirmationTable
{
    width: 100%;
}
.confirmationTable .leftColumn
{
    text-align: right;
    font-size: 11px;
    padding: 3px 0px;
}

.rowStyle
{
    background-color: #fdf8da;
}
.alternateRowStyle
{
    background-color: #fceca1;
}

.requiredField
{
    font-weight: bold;
    padding-left: 6px;
}

.roomFeatures
{
    padding: 0;
    margin: 0;
    padding-left: 18px;
}
.roomFeatures li
{
    padding: 1px 0px;
}

.availabilityCalendar_TitleStyle td, .reservationSummaryTitle
{
    background-color: #4d4243;
    font-weight: bold;
    color: #fff;
    padding-left: 3px;
}
.availabilityCalendar_DayHeaderStyle, .availabilityCalendar_DayHeaderStyle td
{
    background-color: #fbe88b;
    font-weight: bold;
    color: #4d4243;
    border: solid 1px #4D4243;
}
.availabilityCalendar_OtherMonthDayStyle, .availabilityCalendar_OtherMonthDayStyle td
{
    background-color: #fef3c6;
    border: solid 1px #4D4243;
}
.availabilityCalendar_DayCell
{
    background-color: #fceca1;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    vertical-align: top;
    border: solid 1px #4D4243;
    height: 34px;
}
.availabilityCalendar_Rate
{
    text-align: right;
    font-weight: normal;
    font-style: italic;
}

.availabilityCalendar_AvailableDay
{
    cursor: pointer;
}
.availabilityCalendar_SelectedDay
{
    background-color: #df6627;
    font-size: 9px;
    font-weight: bold;
    vertical-align: top;
}
/* asp.net calendar control adds a bgColor attribute (and possibly other crap) so that overides this css....need to change the color from there */
.availabilityCalendar_SoldOutDay
{
    background-color: #efa95b;
    color: #000;
    text-align: left;
}

.legendBox
{
    width: 19px;
    height: 19px;
    border: 1px solid #000;
}

.overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    text-align: center;
    background-color: #333333;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
    width: 100%;
    height: 100%;
}
* html .overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +    'px' );
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +    'px' );
}
.loader
{
    z-index: 100;
    position: fixed;
    width: 375px;
    height:75px;
    padding-top:25px;
    margin-top:-32px;
    margin-left:-187px;
    top: 50%;
    left: 50%;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
    font-weight: bold;
    border: 2px solid #000;
    color:#FFFFFF;
    background-color:#4d4243;
    vertical-align:middle;
}
* html .loader
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +    'px' );
}
