/* The main calendar widget.  DIV containing a table. */
div.calendar { position: relative;  }
.calendar table { width: 100%; border-collapse: collapse; margin-bottom: 15px; background: #d8d8d8; }
.calendar, .calendar table { border: 0; font-size: 11px; color: #000; cursor: default; font-family: Georgia; }

/* Header part -- contains navigation buttons and day names. */
.calendar .button { font-size: 14px; color: #a6a6a6; text-align: center; padding: 2px; background: #d8d8d8; }
.calendar .button.nav { background: #d8d8d8; cursor: pointer; }
.calendar thead .title { background: #d8d8d8; height: 34px; width: 252px; font-size: 14pt; color: #a6a6a6; text-align: center; padding-left: 30px; }
.calendar thead .headrow { color: #a6a6a6; background: #d8d8d8; }
.calendar tbody td { border: 1px solid #ddd; }
.calendar thead .name { height: 20px; background: #a6a6a6; color: #fff; font-size: 11px; font-weight: bold; text-align: center; }
.calendar thead .weekend { color: #fcc; }
.calendar thead .hilite { cursor: pointer; }
.calendar thead .active { background-color: #c77; padding: 2px 0px 0px 2px; }
.calendar thead .daynames { height: 20px; background: #a6a6a6; color: #fff; font-size: 11px; font-weight: bold; }

/* Special days (events) */
.calendar tbody td.special { background: #afafaf; cursor: pointer; text-decoration: underline; color: #fff; }
.calendar tbody .day { background: #c0c0c0; height: 34px; width: 35px; text-align: center; color: #e3e3e3; font-family: Georgia; font-size: 12pt; }
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb; }
.calendar tbody .day.othermonth.oweekend { color: #fbb; }
.calendar tbody td.hilite { background: #ccc; }
.calendar tbody td.active { background: #ccc; }
.calendar tbody td.selected { }
.calendar tbody td.weekend { color: #fcc; font-weight: bold; }
.calendar tbody td.today { font-weight: bold; color: #555; } 
.calendar tbody .emptycell { background: #c0c0c0; }
.calendar tbody .emptyrow { display: none; }
.calendar tfoot .ttip { text-align: center; border-top: 1px solid #655; background: #d8d8d8; color: #a6a6a6; }

/* Combo */
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #ffe; color: #000; font-size: 90%; z-index: 100; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #fc8; }
.calendar .combo .active { border-top: 1px solid #a64; border-bottom: 1px solid #a64; background: #fee; font-weight: bold; }