/* calendar CSS */

/*
table.calendar {width: 750px; border: 1px solid #cccccc; border-collapse: collapse; margin: auto; padding: 0px; background-color: #ffffff;}
table.calendar th {background-color: #eeeeee; text-transform: none; color: #444444; padding: 4px; text-align: center; border: 1px solid #eeeeee;}
 
table.calendar th.cell-prev {text-align: left;}
table.calendar th.cell-next {text-align: right;}
table.calendar th.cell-header {width: 70px; border-bottom: 1px solid #cccccc;}
table.calendar td.cell-today {background-color: #e2e8f6;} /* today in the current month */
/*
table.calendar td.cell-weekend {background-color: #F3F5EB;}
table.calendar td {height: 80px; border: 1px solid #cccccc;}
 
table.calendar td div.cell-number {text-align: right; font-size: 20px; color: #444444; display: block;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #cccccc;}
*/

table.calendar { width: 650px; margin: auto }
table.calendar th { text-transform: none; color: #444444; padding: 5px; text-align: center; }
table.calendar th.cell-prev { text-align: left; }
table.calendar th.cell-next { text-align: right; }
table.calendar th.cell-header { width: 70px; }
table.calendar th.cell-title { font-weight: bold; font-size: 18px}
table.calendar td.cell-today { background-color:salmon; } /* today in the current month */

table.calendar td {height: 80px; border: 1px solid #fff; }
table.calendar td.cell-day {height: 80px; border: 1px solid #fff; background-color:#F5F5F5 }
table.calendar td.cell-day-na {height: 80px; border: 1px solid #fff; background-color:#F5F5F5; }
table.calendar td.cell-day-booked {height: 80px; border: 1px solid #fff; background-color:#F5F5F5 }
table.calendar td.cell-weekend {height: 80px; border: 1px solid #fff; background-color:#F5F5F5 }
table.calendar td div.cell-number {text-align: right; font-size: 20px; color: #000; display: block; padding-top: 5px; padding-right: 5px}
table.calendar td.cell-day-na div.cell-number {text-align: right; font-size: 20px; color:#edb4b4; display: block; padding-top: 5px; padding-right: 5px}
table.calendar td.cell-day-booked div.cell-number {text-align: right; font-size: 20px; color:#edb4b4; display: block; padding-top: 5px; padding-right: 5px}
table.calendar td.cell-day-booked div.cell-data  { font-size: 12px; text-align: center; color: #edb4b4 }
table.calendar td div.cell-data { font-size: 12px; text-align: center;}

.fullybooked { color: #edb4b4 }