#occuPlanWrap { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; } #occuPlanLegendWrap { margin: 0 0 5px 0; text-align: center; font-size: 1.3em; font-weight: normal; } .occuPlanLegend { display: inline-block; line-height: 2.2em; } .occuPlanLegend div { display: inline-block; margin: 0 5px 0 3px; width: 16px; height: 16px; vertical-align: text-bottom; background-size: 100% 100% !important; border: 1px #162b6c solid; } #legendArrival { background: url("../images/arrival-f.png?u=1484522187"); } #legendDepartureArrival { background: url("../images/departure-arrival-f.png?u=1484522187"); } #legendDeparture { background: url("../images/departure-f.png?u=1484522187"); } #legendBooked { background: #ff8a6c; } #legendUnavailable { background: #f8f06c; } #occupancyPlanTable { clear: both; width: 100%; background: #eaf0fc; border-collapse: collapse; border: 1px #162b6c solid; text-align: center; } #occupancyPlanTable td { padding: 0; width: 19px; line-height: 19px; white-space: nowrap; } .year { background: #0072bb; color: #ffffff; } .monthName { background: #0072bb !important; color: #ffffff !important; } .days { background: #0072bb; color: #ffffff; } .bookDays { background: #eaf0fc; } .weekdays td { background: #eaf0fc; color: #000000; } .noDay { background: #eaf0fc !important; border: 0 !important; } .weekend { background: #d3d3d3 !important; color: #000000 !important; } .apartmentName { background: #accfeb; color: #000000; } .days td, .bookDays td, .weekdays td, .year, .monthName, .apartmentName, .weekend, #occuPlanFooter { border: 1px #162b6c solid; } .arrival { background: url("../images/arrival-f.png?u=1484522187") no-repeat !important; } .departure { background: url("../images/departure-f.png?u=1484522187") no-repeat !important; } .departureArrival { background: url("../images/departure-arrival-f.png?u=1484522187") no-repeat !important; } .arrival, .departure, .departureArrival{ background-size: 100% 100% !important; } .booked { background: #ff8a6c; } .unavailable { background: #f8f06c; } #previousMonth button, #nextMonth button { padding: 2px 10px; line-height: 1.8; font-weight: normal; cursor: pointer; } #previousMonth { float: left; } #nextMonth { float: right; } #occuPlanFooter { background: #0072bb; } #occuPlanFooterCopyright { float: left; } #occuPlanFooterCopyright a { margin: 0 0 0 3px; color: #ffffff; text-decoration: none; } #occuPlanFooterCopyright a:hover { color: #ffffff; text-decoration: underline; } #occuPlanFooterLastUpdate { margin: 0 3px 0 0; color: #ffffff; text-align: right; } .waiting { margin: 10px auto; width: 31px; height: 31px; background: url("../images/ajax-loader.gif") no-repeat; } .waitingText { margin: 10px auto; width: 165px; font-size: 1.2em }