/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #333333;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  border-left: 2px solid #333333;
  font-size: 11px;
  color: #000000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
	border: 4px solid #333333;
  font-size: 14px;
  color: #FFFFFF;
  cursor: default;
  background: #333333;
  font-family: tahoma,verdana,sans-serif;
	border-collapse: separate;
}

.calendar .button { text-align: center; padding: 4px 0px; border: 2px solid #333333; color: #FFFFFF; }

.calendar .nav { background: #EFE400; color: #222126; }

.calendar thead .title { font-weight: bold; padding: 1px; border: 0; background: #222126; color: #FFFFFF; text-align: center; }
.calendar thead .headrow { /* Row <TR> containing navigation buttons */ }
.calendar thead .daynames { /* Row <TR> containing the day names */ }
.calendar thead .name { border: 2px solid #333333; padding: 6px 2px; text-align: center; background: #333333; color: #C5C5C5; }
.calendar thead .weekend { /* color: #F00; */ }
.calendar thead .hilite { background-color: #000000; color: #EFE400; }
.calendar thead .active { border: 2px solid #EFE400; padding: 4px 0px; background: #333333; color: #EFE400; }

.calendar tbody .day { width: 2em; height: 2em; vertical-align: middle; text-align: center; padding: 6px 2px; background: #EFE400; color: #000000; }
.calendar tbody .day.othermonth { background: #2A2A2A; color: #414141; font-size: 80%; }
.calendar tbody .day.othermonth.oweekend { }

.calendar table .wn { padding: 0; border: 0; background: #333333; color: #333333; }
.calendar tbody .rowhilite td { }
.calendar tbody .rowhilite td.wn { }
.calendar tbody td.hilite { background-color: #000000; color: #EFE400; }
.calendar tbody td.active { border: 2px solid #EFE400; padding: 4px 0px; background: #EFE400; color: #000000; }
.calendar tbody td.selected { border: 2px solid #EFE400; padding: 4px 0px; background: #333333; color: #EFE400; }
.calendar tbody td.weekend { /* color: #F00; */ }
.calendar tbody td.today { color: #000000; font-weight: bolder; }
.calendar tbody td.today.selected { color: #EFE400; }
.calendar tbody td.today.disabled { color: #FFFFFF; }
.calendar tbody td.today.hilite { color: #EFE400; }
.calendar tbody .disabled { background: #414141; color: #C5C5C5; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { display: none; }
.calendar tfoot .ttip { }
.calendar tfoot .hilite { }
.calendar tfoot .active { }

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border: 1px solid #C6C6C6; background: #414141; color: #C5C5C5; font-size: 90%; padding: 1px; z-index: 100; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .active { padding: 0; border: 1px solid #EFE400; color: #EFE400; }
.calendar .combo .hilite { background-color: #000000; color: #EFE400; }

.calendar td.time { }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm, .calendar td.time .colon { }
.calendar td.time span.hilite { }
.calendar td.time span.active { }