/*
 * Projekt: Kalendar jako prvek stranky
 * Autor:   Petr Hanyáš, xhanya01
 * Datum:   26.2.2008, 15:15
 * Popis:   Kaskadove styly pro vytvoreni vzhledu kalendare
 */

/* Ikona kalendare */
img.callendar
{
  width: 18px;
  height: 18px;
  margin: 0 5px -5px 1px;
	border: 2px outset #808080;
}

/* Globalni nastaveni vlastnosti kalendare (+ pozadi divu) */
#datetimepicker
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
  text-align: right;
	background-color: #ECE9D8;
	border: 1px solid #AAAAAA;
	visibility: hidden;
	display: none;
}

/* Bunka obsahujici radek s nazvem mesice a rok a posuvniky */
#datetimepicker tr.month_year td
{
  text-align: center;
  font: bold 16px sans-serif;
}

/* + a - pro zmenu roku a mesice */
#datetimepicker tr.month_year td input
{
  width: 54px;
  height: 20px;
  margin: 2px;
  font: bold 9px verdana;
  padding: 0;
  border: 1px outset #AAAAAA;
  cursor: pointer;
  background-color: #E0E0E0;
}

/* Tlacitko s dnesnim datem */
#datetimepicker tr.today_close td input
{
  width: 50px;
  height: 20px;
  margin: 6px 2px 6px 2px;
  font: bold 9px verdana;
  padding: 0;
  border: 1px outset #AAAAAA;
  cursor: pointer;
  background-color: #E0E0E0;
}

/* + a - pro zmenu roku - mouseover*/
#datetimepicker table.year_up_down a:hover
{
  color: #0000FF;
}

/* Bunky obsahujici popis dnu v tydnu (PO, ÚT, ...) */
#datetimepicker table th
{
	color: #FFFFFF;
	width: 20px;
	border: 1px solid #AAAAAA;
	font-size: 12px;
	background-color: #CCCCCC;
	text-align: center;
}

/* Globalni nastaveni bunek (IE to neziska z nadrazeneho prvku) */
#datetimepicker table td
{
	padding: 0 8px 0 8px;
  font-size: 12px;
	text-align: right;
}

/* Zobrazeni dnu, ktere jsou v predchozim nebo nasledujicim mesici */
#datetimepicker table td.other_day
{
  color: #C0C0C0;
}

/* Dny v aktualnim mesici */
#datetimepicker table td.day
{
  border: 1px solid #ECE9D8;
  background-color: #E0E0E0;
}

/* Dny v aktualnim mesici - mouseover */
#datetimepicker table td.day_hover
{
	background-color: #ACA998;
	border: 1px solid #888888;
	cursor: pointer;
	color: #FF0000;
}

/* Vybrany den v aktualnim mesici */
#datetimepicker table td.selected_day
{
  color: #4060FF;
	font-weight: bold;
	border: 1px solid #ECE9D8;
	background-color: #FFFFFF;
}

/* Vybrany den v aktualnim mesici - mouseover */
#datetimepicker table td.selected_day_hover
{
	background-color: #ACA998;
	border: 1px solid #888888;
	cursor: pointer;
	font-weight: bold;
	color: #FF0000;
}