/******************************************************************************
 * Styly pro JS objekt - Calendar.js
 * Autor: Tomá‘ Král, http://www.d2k.cz/
 *  
 ******************************************************************************/

/* kalendar - je mozne nastavit sirku, pozor pri velmi uzke (~160px) se to jiz nevejde */
.calendar { width:197px; text-align:center; cursor:default; }
.calendar * { overflow:hidden; }

/* roky */
.calendar .years { padding:3px 0px; }
.calendar .years strong, .calendar .years span { color:#fff; display:block; float:left; height:19px; line-height:19px; vertical-align:middle; text-align:center; }
.calendar .years strong { width:137px; background:#7e7e7e url('layout/c_year.png') top left no-repeat; margin:0 3px; } 
.calendar .years .left, .calendar .years .right { padding:0; cursor:pointer; width:26px; background:#7e7e7e url('layout/c_lr.png') top left no-repeat; font-weight:bold; font-size:133.34%; }
/* Mesice + dny */
.calendar .Jul, .calendar .Aug, .calendar .Sep, 
.calendar .Oct, .calendar .Nov, .calendar .Dec {  }
.calendar .months span.Jun, .calendar .months span.Dec { margin-right:0; }
.calendar .month span, 
.calendar .day span,
.calendar .wday span { color:#000; display:block; text-align:center; vertical-align:middle; height:19px; line-height:19px; overflow:hidden; }
.calendar .wday span { font-weight:bold; color:#474747; }
.calendar .days .highlighted { background-position:0 -38px; background-color:transparent; }
.calendar .days .selected { background-position:0 -19px; background-color:#f30001; }
.calendar .days .selected span { color:#fff; }
.calendar span.highlighted span,
.calendar span span.hover,
.calendar .months .active span { cursor:pointer; }
.calendar .day span.hover { text-decoration:underline; }
.calendar .months span.active { background-position:top left; color:#fff; }
/* dny v tydnu */
.calendar .wdays { margin:5px 0px 2px 0px; }
.calendar .wdays .wday { font-weight:bold;  }
.calendar span.Su { margin-right:0; background-position:bottom left; }
.calendar .days span.Su { background-color:#b7b7b7; }
/* -- dny -- */
.calendar .day { margin-top:1px; }

.null { display:block; text-align:left; cursor:pointer; }
.null.selected { text-decoration:underline; }

/**
 * ========== dal‘í není nutné a zvlá‘tě vhodné měnit ========== 
 **/
/* nastaveni relativnich sirek elementu - nutne pro spravne zobrazeni kalendare */
.calendar .months, .calendar .days, .calendar .wdays { float:left; width:100%; }
.calendar .months .month { width:30px; margin:0 3px 3px 0; background:#d8d5d6 url('layout/c_month.png') bottom left no-repeat; }
.calendar .wday, .calendar .day { width:26px; margin:0 2px 2px 0; overflow:hidden; }
.calendar .day { background:#d8d5d6 url('layout/c_day.png') top left no-repeat; }
.calendar strong.d0 { margin:0; background:none; font-size:0; line-height:0; height:19px; }
/* floatovani elementu kalendare vlevo */ 
.calendar .months .month, .calendar .wdays .wday, 
.calendar .days .day, .calendar .days strong { display:block; float:left; }
/* ukoncovaci prvek kalendare - ukonceni floatovanych elementu */ 
.calendar .clear { display:block; height:1px; clear:both; }
/* -- skryti dnu, ktere v mesici nejsou -- */
.calendar .unor .day.d29,
.calendar .unor .day.d30,
.calendar .unor .day.d31,
.calendar .kratky-mesic .day.d31 { display:none; }
.calendar .unor.prestupny .day.d29 { display:block; }

span.null.selected { color:#f30001; }