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

div.calendar {
  position: relative;
  z-index: 100;
}

.calendar td {
	border: 2px solid #000000;	
}

.calendar, .calendar table {
  border: 3px solid #000000;
  font-size: 11px;
  color: #000000;
  cursor: default;
  background: #000000;
  font-family: arial, verdana, sans-serif;
}

/* HLAVICKA KALENÁRE */

.calendar .button { /* Krížek */
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
}

.calendar thead .title { /* Mesíc */
  font-weight: bold;
  text-align: center;
  color: #FFFF00;
  padding: 2px;
}

.calendar thead .headrow {
	color: #FFFFFF;
	background-color: #222222;
}

.calendar thead .name { /* Dny */
	padding: 2px;
	text-align: center;
	color: #ffffff;
}

.calendar thead .weekend { /* Dny - víkendy */
	color: #FFFF00;
	font-weight: bold;
}

.calendar thead .daynames {
	background-color: #444444;
}

.calendar thead .hilite { /* Hover pod krížkem a navigací */
  background: #ffffff;
  color: #000000;
}

.calendar thead .active { /* Activ po krížkem */

}

/* KALENDÁR */

.calendar tbody .day {
	width: 2em;
	padding: 2px 4px 2px 2px;
	color: #FFFFFF;
	background-color: #666666;
}

.calendar table .wn { /* Rádek týdnu */
  padding: 2px 3px 2px 2px;
  background: #444444;;
  color: #ffffff;
}

.calendar tbody .rowhilite td {
  background: #FF9900;
  color: #FFFFFF;
}

.calendar tbody .rowhilite td.wn {
  background: #FFCC00;
  color: #000000;
}

.calendar tbody td.hilite {
	background: #000000;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
}

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

.calendar tbody td.weekend {
	color: #FFFF00;
	font-weight: bold;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled {  }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* SPODEK KALENDÁRE */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  color: #999999;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
}

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

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffffff;
  color: #000;
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #fc8;
}

.combo .active {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #efefef;
  font-weight: bold;
}