#activeReservation { position: relative; margin-left:181px; width: 520px; padding-top: 120px; }
#activeReservation .topLine {position: relative; background-image: url(../imgs/reservationComp/navigation_top_line.gif); width: 520px; height: 5px; font-size:0px}
#activeReservation .middleLine {position: relative; background-image: url(../imgs/reservationComp/navigation_middle_line.gif); width: 520px; height: 100px; padding-top: 5px;}
#activeReservation .leftArrow {position: absolute; left: 7px; top: 21px;}
#activeReservation .rightArrow {position: absolute; top:21px; right: 7px;}
#activeReservation #prev {position: relative; padding-top: 15px;}
#activeReservation #next {position: relative; padding-top: 15px;}

.betweenLine {position: relative; background-image: url(../imgs/reservationComp/middle_line2.gif); width: 980px; height: 5px; font-size:0px}
.compMiddleLineSpace {position: relative; background-image: url(../imgs/reservationComp/komponenta_middle_line.gif); width: 980px; height: 10px; font-size:0px}
.compMiddleLine {position: relative; background-image: url(../imgs/reservationComp/komponenta_middle_line.gif); width: 980px; }
.compBottomLine {position: relative; background-image: url(../imgs/reservationComp/komponenta_bottom_line.gif); width: 980px; height: 5px; font-size:0px}

#days { }
#days TD {width: 37px; font-size: 10px;}
#days TD A {text-decoration: none; color: red; color: #07429A;}
#days TD.hist {text-align: center; border: 1px dotted #07429A; background-color: #CDCDCD;}
#days TD.now {text-align: center; border: 1px dotted #07429A; background-color: #4171B9;}
#days TD.today {text-align: center; border: 1px solid #07429A; background-color: #D2E7B1;}
#days TD.fut {text-align: center; border: 1px solid #07429A; background-color: #E7F3D4;}
#days TD.now A {color: white; font-weight: normal;}
#days TD.now A:hover {font-weight: bold;}
#days TD.fut A {font-weight: normal;}
#days TD.fut A:hover {font-weight: bold;}
#days TD.hist A {font-weight: normal;}
#days TD.hist A:hover {font-weight: bold;}
#days TD#prev {text-align: center; padding-right: 10px; font-weight: bold;}
#days TD#today {text-align: left; width: auto ! important;}
#days TD#today A {text-decoration: none;}
#days TD#today A:hover {text-decoration: underline;}
#days TD#week {text-align: right; width: auto ! important; font-weight: bold;}
#days TD#next {text-align: center; padding-left: 10px; font-weight: bold;}
/*** End  navigation component ***/


/*** Start  timeTable component ***/
#timetable {_width: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; margin: 0px 20px; padding: 5px 10px 5px 10px; background-color: white;  }
#timetable TABLE { width: 100%; }
.separator {height: 2px ! important; background-color: #07429a ! important; border: none ! important;}
.separator2 {height: 1px ! important; background-color: #fff ! important; border: none ! important;}
#timetable TD {font-size: 13px; border-bottom: 1px solid white; border-left: 1px solid white;}
#timetable TD.notdefined { background: #f0f0f0; font-size: 13px; font-weight: bold; text-align: center; border-bottom: 1px solid white; border-left: 1px solid white;}
#timetable TD.dayinfo {text-align: center; width: 40px;}
#timetable TD.dayinfoline {text-align: center; width: 65px;}
#timetable TD.res {width: 100px;}
TD.cls {background-color:#f0f0f0; font-size: 9px!important; text-align: center; cursor: default;}
TD.cls_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.cls_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.avl {background-color:#b8d87a; font-size: 9px!important; text-align: center!important; cursor: hand; cursor: pointer;}
TD.avl_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.avl_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.dsc {background-color:#fff04d; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}		/* discount */
TD.dsc_o {background-color: rgb(243, 201, 118); text-align: center; font-size: 9px!important; cursor: hand; cursor: pointer;}
TD.dsc_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer; BORDER-bottom: 2px solid #EA9A00; BORDER-right: 2px solid #EA9A00;BORDER-top: 2px solid #FFEAC1; BORDER-left: 2px solid #FFEAC1;}
TD.cnf {background-color:#CA3A02; font-size: 9px!important; text-align: center; }
TD.cnf_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.cnf_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.bkd {background-color: #678dc7; font-size: 9px!important; text-align: center; }
TD.bkdp {background-color: #BBCEEC; font-size: 9px!important; text-align: center; }
TD.bkd_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.bkd_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.bkdp_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.bkdp_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.mrv {background-color:#ffc34e; font-size: 9px!important; text-align: center; BORDER-bottom: 2px solid #EA9A00!important; BORDER-right: 2px solid #EA9A00;BORDER-top: 2px solid #FFEAC1; BORDER-left: 2px solid #FFEAC1!important;} 
TD.exp {background-color:#b8c7d2; font-size: 9px!important; text-align: center; cursor: default;}
TD.exp_clk {background-color:#ffc34e; font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.exp_o {background-color: rgb(243, 201, 118); font-size: 9px!important; text-align: center; cursor: hand; cursor: pointer;}
TD.mult {font-weight: bold;}
/*** End  timeTable component ***/
<td class="normal mult ">

/**LUDEK TimeTable2 **/
#timetable2 {-moz-user-select: none; -khtml-user-select: none; user-select: none; background-color: white;  }
.TT2_allP {background-color:#BBCEEC; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_allNP {background-color:#678DC7; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_avl {background-color:#b8d87a; font-size: 9px!important; text-align: center!important; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_avlP {background-color:#BBCEEC; font-size: 9px!important; text-align: center!important; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_bkd {background-color:#678dc7; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_bkdP {background-color:#BBCEEC; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; }
.TT2_bkdS {background-color:#678dc7; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; background-image: url("../icons/msub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_bkdSP {background-color:#BBCEEC; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; background-image: url("../icons/msub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_bkdB {background-color:#678dc7; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; background-image: url("../icons/psub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_bkdBP {background-color:#BBCEEC; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; background-image: url("../icons/psub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_mrvc {background-color:#ffc34e; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; BORDER-bottom: 2px solid #EA9A00!important; BORDER-right: 2px solid #EA9A00;BORDER-top: 2px solid #FFEAC1; BORDER-left: 2px solid #FFEAC1!important;}
.TT2_mrvcS {background-color:#ffc34e; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; BORDER-bottom: 2px solid #EA9A00!important; BORDER-right: 2px solid #EA9A00;BORDER-top: 2px solid #FFEAC1; BORDER-left: 2px solid #FFEAC1!important; background-image: url("../icons/msub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_mrvcB {background-color:#ffc34e; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; BORDER-bottom: 2px solid #EA9A00!important; BORDER-right: 2px solid #EA9A00;BORDER-top: 2px solid #FFEAC1; BORDER-left: 2px solid #FFEAC1!important; background-image: url("../icons/psub.gif"); background-position: bottom right; background-repeat: no-repeat; }
.TT2_mrv {background-color:#ffc34e; font-size: 9px!important; text-align: center; vertical-align: middle; cursor: hand; cursor: pointer; } 
.TT2_grayed {background-color: gray; font-size: 9px!important; text-align: center; vertical-align: middle; }
.TT2_even {text-align: center;  BACKGROUND-COLOR: #EAEFF6; }
.TT2_odd  {text-align: center; BACKGROUND-COLOR: white; }
.TT2_rleg { BACKGROUND-COLOR: #EAEFF6; text-align: center; }
.TT2_popup { padding: 7px; background-color: #f5fde8; font-size: 9px; position:absolute;  top:0px; left:0px; z-index:10000; border: 2px solid #6b8639; text-align: left; letter-spacing: 0.1em; }
.TT2_popup_G { color: #6b8639; }
.TT2_popup_GB { color: #6b8639; font-weight: bold; }
.TT2_popup_H { color: #6b8639;  font-weight: bold; font-size: 115%; }
.TT2_popup_K { font-style: italic; }
.TT2_cmenu {padding: 3px; background-color: #fde8ee; font-size: 9px; position:absolute; top:0px; left:0px; z-index:20000; border: 1px solid #86394a; text-align: left;}
.TT2_cmenu_it {padding-bottom: 1px; padding-top: 1px; cursor: hand; cursor: pointer; }

.legend { position: relative; background-color: white; margin-left: 20px; margin-right: 20px; padding-bottom: 10px; border: 1px solid white;}
.legend .legendLabel {padding-left: 10px;}
.legend TABLE { position: relative; background-color: white; }
.legend TABLE TD { width: 70px ! important; font-size: 10px ! important; border-left: 8px solid white ! important; }
.legend .myResImg { position: absolute; left: 520px;}
.legend .substImg { position: absolute; left: 620px;}
.legend .seasonImg { position: absolute; left: 730px;}