.room-calendar {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
}

.room-calendar th {
    font-size: 12px;
}

.header {
    font-weight: bold;
}

.legend {
    margin-left: 15px;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    margin-top: 5px; 
    width: 250px;
}

.vacancy-calendars {
    display: inline;
}

.vacancy-calendars .select-prior-month {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
    background-image: url(/images/prior_month.gif);
    cursor:pointer; cursor:hand;
}

.vacancy-calendars .select-next-month {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
    background-image: url(/images/next_month.gif);
    cursor:pointer; cursor:hand;
}

.vacancy-calendars .left-icon {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
}

.vacancy-calendars .right-icon {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
}

.availability-calendar .monthName {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.availability-calendar tbody td {
    width: 30px;
    height: 25px;
    vertical-align: center;
    text-align: center;
    font-size: 14px;
}

.availability-calendar tbody td a:link {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:visited {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:active {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:hover {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody th {
    width: 30px;
    height: 25px;
}

.calendar {
    background-color: white;
    border: 1px solid #EDEADC;
}

.availability-calendar .vacant {
    color: gray;
    background-color: #D2F2CE;
    border: 1px solid #EDEADC;
}

.availability-calendar .shared {
    color: gray;
    background-color: #FEEA9B;
    border: 1px solid #EDEADC;
}

.availability-calendar .filled {
    color: gray;
    background-color: #EEB9BB;
    border: 1px solid #EDEADC;
}

.availability-calendar .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-calendar .blackout {
    color: gray;
    background-color: #F9F900;
    border: 1px solid #EDEADC;
}

.availability-calendar .desired_vacant {
    background-image: url(/images/circled-available.gif);
    background-color: #66FF66;
}

.availability-calendar .desired_shared {
    background-image: url(/images/circled-shared.gif);
    background-color: #FED94E;
}

.availability-calendar .desired_filled {
    background-image: url(/images/circled-filled.gif);
    background-color: #D65155;
    color: gray;
}

.availability-calendar .desired_blackout {
    background-color: #FFFF00;
    border-bottom: 2px solid black;
}

.availability-calendar .selected_vacant {
    background-image: url(/images/circled.gif);
    background-repeat: no-repeat;
    background-color: white;
    font-weight: bold;
}

.availability-calendar .selected_filled {
    background-image: url(/images/circled.gif);
    background-repeat: no-repeat;
    background-color: #D65155;
    font-weight: bold;
}

.vacancy {
    background-color: #66FF66;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.shared-vacancy {
    background-color: #FED94E;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.no-vacancy {
    background-color: #D65155;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.owner-blackout {
    background-color: #FFFF00;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.not-available {
    background-color: #CFCFCF;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.even {
    background-color: #DFF0F7;
}

.odd {
    background-color: #FFFFFF;
}

.calendar_even { 
	width: 145px;
	height: 85px;
	vertical-align: top;
	border: 1px solid #E8E8E8;
}

.calendar_odd {  
	width: 145px;
	height: 85px;
	vertical-align: top;
	border: 1px solid #E8E8E8;
}

.blank-row {
    height: 20px;
}

.ice-button {
    background-image: url(/images/button-background.gif);
    background-repeat: repeat-x;
    background-color: white;
    border-top: none;
    border: 1px solid gray;
    height: 25px;
    padding-bottom: 2px;
}

.begin-reservation {
    margin: 0px;
    padding: 0px;
    height: 27px;
    width: 121px;
    background-color: transparent;
    background-image: url(/images/small-continue.gif);
    cursor:pointer; cursor:hand;
    float: right;
}

.reserve-disclosure {
    clear: both;
    color: black;
    font-size: 10px;
}

.reserve-warning {
    clear: both;
    color: red;
    font-size: 10px;
}

.add-to-itinerary {
    background-image: url(/images/add-to-itinerary.gif);
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    height: 35px;
    width: 205px;
}

.rates-chart {
    max-width: 350px;
    font-family: verdana, arial, sans-serif;
}

.availability-matrix {
    width: 530px;
}

.availability-matrix .directions {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.availability-matrix .legend {
    text-align: right;
    margin-bottom: 20px;
}

.availability-matrix .legend .label {
    margin-left: 5px;
    margin-right: 20px;
}

.availability-matrix .season {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    right: 150px;
}

.availability-matrix .rooms {
    float: left;
    text-align: right;
    margin-top: 51px;
}

.availability-matrix .rooms .name {
    font-size: 14px;
    margin: 0px;
    height: 34px;
    padding-left: 10px;
    padding-top: 7px;
}

.matrix-scrollarea {
    overflow: auto;
    float: right;
    width: 400px;
    text-align: right;
}

.matrix-scrollarea-wide {
    overflow: auto;
    float: right;
    width: 600px;
    text-align: right;
    margin-right: 20px;
}

.availability-matrix td {
    height: 40px;
    width: 45px;
}

.availability-matrix .vacant {
    color: gray;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix .shared {
    color: gray;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix .filled {
    color: gray;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-matrix .desired_vacant {
    background-color: #AAF3A1;
    border-bottom: 2px solid black;
}

.availability-matrix .desired_shared {
    background-color: #FED94E;
    border-bottom: 2px solid black;
}

.availability-matrix .desired_filled {
    background-color: #FBB8BB;
    border-bottom: 2px solid black;
}

.availability-matrix .selected_vacant {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix .selected_filled {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix .selected_shared {
    background-image: url(/images/circled.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix .day {
    font-size: 10px;
    color: black;
}

.availability-matrix .saturday {
    font-size: 10px;
    color: blue;
    font-weight: bold;
}

.availability-matrix .cell-contents {
    line-height: 10px;
    color: black;
    width: 35px;
}

.availability-matrix-wide {
    width: 800px;
}

.availability-matrix-wide .directions {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.availability-matrix-wide .legend {
    text-align: center;
    margin-bottom: 20px;
}

.availability-matrix-wide .legend .label {
    margin-left: 5px;
    margin-right: 20px;
}

.availability-matrix-wide .season {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.availability-matrix-wide .rooms {
    float: left;
    text-align: right;
    margin-top: 51px;
}

.availability-matrix-wide .rooms .name {
    font-size: 14px;
    margin: 0px;
    height: 34px;
    padding-left: 10px;
    padding-top: 7px;
}

.availability-matrix-wide td {
    height: 40px;
    width: 45px;
}

.availability-matrix-wide .vacant {
    color: gray;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .shared {
    color: gray;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .filled {
    color: gray;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .desired_vacant {
    background-color: #AAF3A1;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .desired_shared {
    background-color: #FED94E;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .desired_filled {
    background-color: #FBB8BB;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .selected_vacant {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .selected_filled {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .selected_shared {
    background-image: url(/images/circled.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .day {
    font-size: 10px;
    color: black;
}

.availability-matrix-wide .saturday {
    font-size: 10px;
    color: blue;
    font-weight: bold;
}

.availability-matrix-wide .cell-contents {
    line-height: 10px;
    color: black;
    width: 35px;
}

.calendar-container {
    background-color: white;
    width: 275px;
    padding-top: 10px;
}

.legend-label {
    float: left;
}

.legend-key-available {
    height: 15px;
    width: 14px;
    border: 1px solid gray;
    background-color: #D2F2CE;
    margin-right: 2px;
    margin-top: 2px;
    float: left;
}

.legend-key-booked {
    height: 15px; 
    width: 14px; 
    border: 1px solid gray; 
    float: left; 
    background-color: #EEB9BB; 
    margin-left: 9px;
    margin-right: 2px; 
    margin-top: 2px;
}

.legend-key-shared {
    height: 15px; 
    width: 14px; 
    border: 1px solid gray; 
    float: left; 
    background-color: #FEEA9B;
    margin-left: 9px;
    margin-right: 2px; 
    margin-top: 2px;    
}

.legend-key-selected-standard {
    background-image: url('http://www.centralreservations.net/images/circled-legend.gif'); 
    height: 15px; 
    width: 19px; 
    float: left;
    margin-left: 9px;
    margin-right: 2px; 
    margin-top: 2px;
}

.legend-key-selected-secure {
    background-image: url('https://www.centralreservations.net/images/circled-legend.gif'); 
    height: 15px; 
    width: 19px; 
    float: left; 
    margin-left: 9px;
    margin-right: 2px; 
    margin-top: 2px;
}

.legend-finished {
    clear: both;
}