/* Calendar Styles */
.calendar {width:90%; border-collapse:collapse; font-family: sans-serif;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th {text-align:center;}
.calendar td {width:14%; height:100px; vertical-align:top; border:1px solid #CCC; color: darkolivegreen; font-size: small; font-family: sans-serif;}
.calendar td.today {background:#FFD;}
.calendar td.prev-next {background:#EEE;}
.calendar td.prev-next span.date {color:black;}
/*.calendar td.holiday {background:#DDFFDE;}
.calendar td.confirmed {background: lightgreen;}
.calendar td.to-be-confirmed {background: lightpink;}*/
.calendar span.confirmed {display: block; background: lightgreen;}
.calendar span.to-be-confirmed {background: lightpink;}
/*.calendar span.date {display:block; padding:4px; line-height:12px; background:#EEE;}*/
.calendar span.date {display:block; padding:4px; line-height:12px; background:lightyellow;}
.calendar div.day-content {}
.calendar ul.output {margin:0; padding:0 4px; list-style:none;}
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border-bottom:1px solid #CCC;}
.calendar ul.output li:last-child {border:0;}

/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a span {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#EEE;}
.calendar.small td.holiday {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:red; color: white; font-weight: bold;}
.calendar.small span.date {display:inline; font-size: 10px; padding:0; background:none;}
.calendar.small td.holiday a:hover {color: white; font-size: 10px;}
.calendar.small td.holiday a:active {color: white; font-size: 10px;}
.calendar.small td.holiday a:visited {color: white; font-size: 10px;}
.calendar.small td.holiday a:hover {color:  yellow; font-weight: bold; background: darkred;}
.calendar.small td.holiday:hover {color:  yellow; font-weight: bold; background: darkred;}