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

div.calendar { border: 1px solid #F4F1DB; }

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #F4F1DB;
  color: #000;
  padding: 1px;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #F4F1DB;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #F4F1DB;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  padding: 1px 3px 1px 1px;
  background: #F4F1DB;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px;
}