/* main calendar holder */
.calendarHolderIframe {
    border: 1px solid #404040;
}

.calendarHolder {
    background-color: #323232;
    border: none;
}

.calendarHolder .day {
    width: 24px;
    margin-right: 1px;
}

.calendarDiv {
    border: 1px solid #3b3b3b;
    box-shadow: 0 0 7px #000000; /* Opera 10.5, IE 9.0 */
}

.spacerDiv {
    width: 6px;
}

/* next and previous button */
.calendarNavigationPrevious {
    background: url(/whotels/images/calendar/leftArrow.gif) no-repeat left;
    width: 5px;
    height: 10px;
}

.calendarNavigationNext {
    background: url(/whotels/images/calendar/rightArrow.gif) no-repeat right;
    width: 5px;
    height: 10px;
}

.daysoftheweek {
    color: #000000;
}

/* close link */
.calendarHolder .closeButton {
    padding-right: 0;
    width: 100px;
}

.calendarHolder .closeButton a {
    padding-right: 16px;
    *padding-top: 0;    /* IE7 Fix */
    display: block;
}

.closeButton a {
    background: url("/whotels/images/calendar/w_calendarClose.gif") no-repeat right center transparent;
    padding: 1px 18px 2px;
    text-align: right;
    font-weight: bold;
}

.closeButton a, .closeButton a:active, .closeButton a:link, .closeButton a:visited, .closeButton a:hover {
    color: #ffffff;
    font-weight: bold;
}

/* month header color */
.calendarHeader {
    background-color: #000000;
}

.calendarHeader .month {
    color: #FFFFFF;
}

/* day states */
.pastDay, .invalidDay, .available, .selectedCheckIn, .selectedCheckOut, .selectedInterval, .unselected, .hoverCheckOut, .hoverCheckIn {
    background-image: url(/whotels/images/calendar/wh_calendar_cells.gif);
}

.day a, .day a:link, .day a:visited, .day a:hover, .day a:active {
    color: #000000;
    font-weight: normal;
}

.selectedInterval a, .selectedInterval a:link, .selectedInterval a:visited, .selectedInterval a:hover, .selectedInterval a:active {
    color: #000000;
}

.available a, .available a:link, .available a:visited {
    padding: 0;
    margin: 0 0 0 -1px;
    text-decoration: none;
    display: block;
}

/* reset button */
.calendarSubContainer .reset {
    text-transform: none;
}

.menuHolder .reset .resetButton a {
    background-color: #ffa332;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

.menuHolder .reset .resetButton {
    border: 1px solid #de7e18;
    background-color: #ffa332;
}

.calendarHolder .reset .resetButton a,
.calendarHolder .reset .resetButton a:visited,
.calendarHolder .reset .resetButton a:active,
.calendarHolder .reset .resetButton a:link,
.calendarHolder .reset .resetButton a:hover {
    color: #ffffff;
    font-weight: bold;
}

/* instructions and controls */

.menuHolder .travelDateHolder {
    background-color: #323232;
    font-weight: bold;
    color: #ffffff;
    padding:  5px 15px 0 15px;
}

.menuHolder .travelDateHolder .resetDateLink {
    font-size: 10px;
    color: #ff2c77;
    text-transform: capitalize;
}

.menuHolder .travelDateHolder ol li.active {
    background-color: #FFFFFF;
    font-size: 14px;
    padding: 5px 0 5px 10px;
    border: 1px solid #D1D1D1;
}

.menuHolder .travelDateHolder ol .checkInInstructionsActive {
    color: #ff2c77;
}

.menuHolder .travelDateHolder ol .checkOutInstructionsActive {
    color: #0090a9;
}

.menuHolder .travelDateHolder ol .submitInstructionsActive {
    color: #444444;
}

* html .menuHolder .continueButton {
    padding-left: 23px;
}

.continueButton {
    margin-left: 8px !important;

}

.menuHolder .continueButton {
    padding: 0 0 0 7px;
}

.menuHolder .continueButton a, .menuHolder .continueButton a:visited, .menuHolder .continueButton a:active, .menuHolder .continueButton a:hover, .menuHolder .continueButton a:link {
    padding: 3px 15px;
    font-weight: normal;
    border: none;
    display: inline-block;
}

div.menuHolder div.travelDateHolder ol.instructions .submitInstructions {
    position: relative;
}

div.menuHolder div.travelDateHolder ol.instructions .submitInstructions .buttonLink {
    position: absolute;
    top: 2px;
}

div.menuHolder div.travelDateHolder ol.instructions .submitInstructions .buttonLink, div.menuHolder div.travelDateHolder ol.instructions .submitInstructions .buttonLink a {
    font-size: 12px;
}

.calendarError {
    color: #ffffff;
    min-height: 10px;
    margin: 0;
    padding: 2px 0 2px 25px;
    margin-top: 5px;
    background-color: #e30000;
}

.calendarToolTip {
    border: 1px solid #c0c0c0;
    font-weight: bold;
}

.checkInToolTip {
    color: #ff2c77;
}

.checkOutToolTip {
    color: #00778d;
}

.calendarOuterContainer {
    margin-top: 10px;
}

.reset, .closeButton {
    padding-top: 5px;
}