/*-------------------------------------  výběr střediska / aktivity (záložky)  -----------------------------------------*/

.divVyberStrediskaAktivity
{
	background-color: #f1f1f1;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 10px;
}

.tblVyberStrediskaAktivity { width: 100%; }

.tblVyberStrediskaAktivity td
{
	vertical-align: bottom;
	background-color: #ffffff;
}

.tblVyberStrediskaAktivity td.tdVyberStrediska
{
	background-image: url(Images/bckZalozkaSedaL.gif);
	background-position: left top;
	background-repeat: no-repeat;
	white-space: nowrap;
}

.tblVyberStrediskaAktivity td.tdVyberStrediska div
{
	padding: 12px 16px 2px 16px;
	background-image: url(Images/bckZalozkaSedaP.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

/*.tblVyberStrediskaAktivity td.tdVyberStrediska select
{
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana;
	font-weight: bold;
	color: #415264;
}*/

.tblVyberStrediskaAktivity td.tdVyberAktivity
{
	width: 100%;
	padding: 0px 10px 0px 10px;
}

.ulVyberAktivity
{
	margin: 0px;
	padding: 0px;
}

.ulVyberAktivity li
{
	display: inline;
	background-image: none;
	margin: 0px -3px 0px 0px;
	padding: 0px;
}

.ulVyberAktivity li span
{
	display: -moz-inline-box;
	display: inline-block;
	background-image: url(Images/bckZalozkaBilaL.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.ulVyberAktivity li span.vybranaZalozka
{
	background-image: url(Images/bckZalozkaSedaL.gif);
}

.ulVyberAktivity a
{
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana;
	font-weight: bold;
	color: #2e62ae;
	text-decoration: none;
	padding: 6px 8px 2px 8px;
	background-image: url(Images/bckZalozkaBilaP.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.ulVyberAktivity a:hover { color: #ff3300; }

.ulVyberAktivity li span.vybranaZalozka a 
{
	background-image: url(Images/bckZalozkaSedaP.gif);
	color: #415264;
	cursor: default;
 }
.ulVyberAktivity li span.vybranaZalozka a :hover { color: #415264; }

.ulVyberAktivity a.zakazanaZalozka
{
	color: #dfdfdf;
	cursor: default;
 }
.ulVyberAktivity a.zakazanaZalozka:hover { color: #dfdfdf; }


/*--- spodní záložka výběr aktivity ---*/

.divVyberAktivityZalozkaL
{
	background-color: #f1f1f1;
	background-image: url(Images/bckZalozkaSedaSpodniL.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.divVyberAktivityZalozkaP
{
	padding: 6px 16px 8px 16px;
	background-image: url(Images/bckZalozkaSedaSpodniP.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 13px;
	font-family: Verdana;
}

.spanVyberAktivityZalozka
{
	color: #646464;
	text-transform: uppercase;
}


/*-------------------------------------  rezervace (tabulka kalendář)  -----------------------------------------*/

.divRezervaceKalendar
{
	background-color: #f1f1f1;
	margin-top: 1px;
}

.tblRezervaceKalendar { width: 100%; }

.tblRezervaceKalendar th
{
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	background-color: #f1f1f1;
	width: 47px;
}

.tblRezervaceKalendar th.tdRezervaceKalendarPrvni
{
	width: auto;
	border-left: none;
	height: 25px;
	border-bottom: solid 1px #cdd6df;
	text-align:left;
	padding-left:8px;
}

.tblRezervaceKalendar td.tdRezervace
{
	background-color: #f3f6fa;
	background-image: url(Images/bckTdRezervaceKalendar.gif);
	background-position: left top;
	background-repeat: repeat;
	vertical-align:top;
	height: 175px;
	border-bottom: none;
	padding: 0px;
}

.tblRezervaceKalendar td
{
	width: auto;
	background-color: #ffffff;
	background-image: none;
	vertical-align: middle;
	border: solid 1px #cdd6df;
	padding: 4px 8px 4px 8px;
}

.tblRezervaceKalendar td.tdProsleDatum { background-color: #f3f6fa; color:#9ba9b6; }
.tblRezervaceKalendar td.tdDnesniDatum { border-left: solid 3px #2e62ae; font-weight: bold; }

.divRezervaceKalendar a, .divRezervaceKalendar div
{
	display: block;
	position: absolute;
	margin: 0px 0px 0px 0px;
	border: solid 1px #ffffff;
	overflow: hidden;
	width: 45px;
	height: 22px;
	text-decoration: none;	
}

.divRezervaceKalendar a.linkPoleRezervace { background-color: #ff6600; }
.divRezervaceKalendar a.linkPoleRezervace:hover { background-color: #ae4600; }
.divRezervaceKalendar a.linkPoleRezervaceVolno { background-color: #64b039; }
.divRezervaceKalendar a.linkPoleRezervaceVolno:hover { background-color: #3c6d20; }
.divRezervaceKalendar a.linkPoleRezervaceSelected { background-color: #ffbb00; }
.divRezervaceKalendar a.linkPoleRezervaceObsazeno { background-color: #cdd6df; }
.divRezervaceKalendar a.linkPoleRezervaceObsazeno:hover { background-color: #9ba4ad; }

.divRezervaceKalendar a.linkPoleRezervaceProsle { background-color: #ffb27f; }
.divRezervaceKalendar a.linkPoleRezervaceVolnoProsle { background-color: #b1d79c; }
.divRezervaceKalendar a.linkPoleRezervaceObsazenoProsle { background-color: #e6eaef; }

/* rozšíření stylů o kalendář akcí "na objednávku" ve ver. 2.5 */
.divRezervaceKalendar div.poleMojeRezervace {background-color: #ff6600; cursor:pointer; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;}
.divRezervaceKalendar div.poleMojeRezervace:hover {background-color: #ae4600; cursor:pointer; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;}
.divRezervaceKalendar div.poleVolno {background-color: #64b039; cursor:pointer; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;}
.divRezervaceKalendar div.poleObsazeno {background-color: #cdd6df; cursor:pointer; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;}
.divRezervaceKalendar div.poleVolnoProsle {background-color: #b1d79c; cursor:pointer; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.divRezervaceKalendar div.poleObsazenoProsle {background-color: #e6eaef; cursor:pointer; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;}
.divRezervaceKalendar div.poleCasovaZnacka {background-color: #ff0000;}



.divRezervaceKalendar a span, .divRezervaceKalendar div span
{
	position: relative;
	display: block;
	overflow: hidden;
	color: #ffffff;
	margin: 3px 0px 0px 0px;
	text-align:center;
	white-space: nowrap;
	cursor: pointer;
}

/*-----  vysvětlivky (tabulka kalendář)  ------*/

.divRezervaceKalendarVysvetlivkyVnejsi
{
	background-color: #f1f1f1;
	padding: 6px 0px 6px 0px;
	border-top: solid 1px #ffffff;
}

.divRezervaceKalendarVysvetlivkyVnitrni
{
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
}

.divRezervaceKalendarVysvetlivkyVnitrni .divBilySedeLinky
{
	text-align: right;
	padding-right: 8px;
}

.tblRezervaceKalendarVysvetlivky
{
	float:left;
	font-family: Verdana;
	margin-top: 6px;
}

.tblRezervaceKalendarVysvetlivky td
{
	border: solid 1px #cdd6df;
	padding: 4px 12px 5px 53px;
	vertical-align: top;
}

.tblRezervaceKalendarVysvetlivky td div
{
	position: absolute;
	margin: -4px 0px 0px -53px;
	border: solid 1px #ffffff;
	width: 45px;
	height: 22px;
}
.tblRezervaceKalendarVysvetlivky td div.divPoleRezervace { background-color: #ff6600;}
.tblRezervaceKalendarVysvetlivky td div.divPoleRezervaceVolno { background-color: #64b039; }
.tblRezervaceKalendarVysvetlivky td div.divPoleRezervaceObsazeno { background-color: #cdd6df; }
.tblRezervaceKalendarVysvetlivky td div.divPoleRezervaceNova { background-color: #ffbb00; }

.tblRezervaceKalendarVysvetlivky td div span
{
	position: relative;
	display: block;
	overflow: hidden;
	color: #ffffff;
	margin: 3px 0px 0px 0px;
	text-align:center;
	white-space: nowrap;
}

/*-------------------------------------  seznam rezervací  -----------------------------------------*/

.divSeznamRezervaciVnejsi
{
	background-color: #f1f1f1;
	padding: 6px 0px 6px 0px;
	
}

.divSeznamRezervaciVnitrni
{
	background-color: #ffffff;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
}

.divSeznamRezervaciVnitrni .divBilySedeLinky
{
	border: solid 1px #d7dee5;
	padding: 4px 0px 0px 0px; 
}

.tblSeznamRezervaci
{
	width: 100%;
	margin-top: 4px;
}

.tblSeznamRezervaci th, .tblSeznamRezervaci td
{
	padding: 2px 8px 2px 8px;
	vertical-align: top;
	text-align: left;
}

.tblSeznamRezervaci th
{
	font-weight: bold;
	background-color: #cdd6df;
	border-right: solid 1px #ffffff;
}

.tblSeznamRezervaci td
{
	border-right: solid 1px #cdd6df;
	border-top: solid 1px #cdd6df;
}

.tblSeznamRezervaci .trSeznamRezervaciCelkem td
{
 border-top-width:3px;
 padding-top:12px;
}

.tblSeznamRezervaci td.tdSeznamRezervaciCena, .tblSeznamRezervaci th.tdSeznamRezervaciCena
{
	font-weight: bold;
	text-align: right;
	border-right: none;
}

.tblSeznamRezervaci td.tdUpozorneni
{
	 color:White;
	 background-color:Red;
}

.tdSeznamRezervaciStav
{
	font-weight: bold;
	color: #ff6600;
	text-transform: uppercase;
}

.trSeznamRezervaciNahradnik td
{
	 background-color: #f3f6fa;
	 color:#9ba9b6;
}

.trSeznamRezervaciNahradnik td a
{
	 color:#9ba9b6;
}

.tdSeznamRezervaciDnes
{
	border-left: solid 3px #2e62ae;
	font-weight: bold;
}


/*-------------------------------------  detail akce  -----------------------------------------*/

.divAkceDetailPozadi
{
	background-color:#a8a8a8;
	filter:alpha(opacity=80);
	opacity:0.8;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 990;
}

.divAkceDetail
{
	position: absolute;
	width: 583px;
	margin-left: 200px;
	background-color: #f1f1f1;
	padding: 6px;
	border: solid 1px #a8a8a8;
	z-index:999;
}

.tblAkceDetail
{ 
	width: 100%;
 }

.tblAkceDetail td { vertical-align: top; }

.tblAkceDetail td.tdAkceDetailObrazek
{
	padding-right: 12px;
}

.tblAkceDetail td.tdAkceDetailObrazek img
{
	padding: 4px 0px 2px 0px;
}

.tblAkceDetail td.tdAkceDetailPopis
{
	width: 100%;
	padding-bottom: 8px;
}

.tblAkceDetail td.tdAkceDetailCena
{
	text-align: right;
	vertical-align: bottom;
	color: #ff6600;
	font-size: 16px;
	line-height: 20px;
	font-family: Verdana;
	font-weight: bold;
	background-color: #f3f6fa;
	border-top: solid 1px #cdd6df;
	border-bottom: solid 1px #cdd6df;
	padding: 2px 8px 2px 8px;
}

.tblAkceDetail td.tdAkceDetailRezervovat
{
	text-align: right;
	padding-top: 8px;
}

.tblAkceDetail td.tdAkceDetailRezervovat select
{
	margin-bottom: 2px;
}

.tblAkceDetail td.tdAkceDetailRezervovat span.spanPopis
{
	padding: 0px 2px 4px 0px;
	display: inline-block;
}

/*-------------------------------------  Postup při rezervaci  -----------------------------------------*/

.divHelp .divBilySedeLinky { padding: 8px 12px 8px 12px; }

.imgHelp { border: solid 1px #f1f1f1; vertical-align: top; }

.divHelpBod { padding-bottom: 40px; }

.spanHelpCislo
{
	vertical-align: top;
	background-image: url(Images/bckHelpCislo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	width: 36px;
	text-align: center;
	font-family: Verdana;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0px 6px 0px;
	margin-right: 8px;
}

.pHelpPopis { padding: 6px 0px 8px 48px; }

.tblHelpRezervaceVysvetlivky {  margin-left: 48px; }
.tblHelpRezervaceVysvetlivky td {  padding: 2px 8px 2px 0px; }

/*-------------------------------------  Pokladna -  Prodej za hotové  -----------------------------------------*/

.tblProdejZaHotove
{
	width: 100%;
	margin-top: 4px;
}

.tblProdejZaHotove th, .tblProdejZaHotove td
{
	padding: 2px 8px 2px 8px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

.tblProdejZaHotove th
{
	font-weight: bold;
	background-color: #cdd6df;
	border-right: solid 1px #ffffff;
}

.tblProdejZaHotove td
{
	border-right: solid 1px #cdd6df;
	border-top: solid 1px #cdd6df;
}

.tblProdejZaHotove td.tdProdejZaHotoveSmazat
{
	text-align: right;
	border-right: none;
	width: 100%;
}

/*-------------------------------------  Přehled klientů -  Identifikační karta klienta  -----------------------------------------*/

.tdIdentifikacniKartaLic { visibility: hidden; }
.imgBckKartaKlienta {visibility: hidden; position: absolute; z-index: 0;}


/*-------------------------------------  Turniket - semafor  -----------------------------------------*/

.tblTurniketSemafor
{
	margin:24px 0px 24px 0px;
}

.tblTurniketSemafor td
{
	vertical-align: middle;
	padding-right: 4px;
}

.tblTurniketSemafor td.tdSemafor
{
	width:103px;
	height: 103px;
	background-image: url(Images/bckSemafor.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0px 12px 0px 12px;
}

.lblSemaforStav
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 22px;
}


/*-------------------------------------  Statistiky  -----------------------------------------*/

#divStatistiky
{
	background-color:#ffffff;
    padding: 16px 8px 16px 8px;
}

#tblGraf {background-color:#ffffff; }

#tblGraf td
{
	background-color:#f3f6fa;
	color: #415264;
}

#tblGraf tr.rowChart td
{
	text-align:center;
	vertical-align:bottom;
	height:200px;
	border-right:solid 1px #cdd6df;
}

#tblGraf tr.rowDate td
{
	background-color:#ffffff;
	border:solid 1px #d2d2d2;
	padding:0px 2px 0px 2px;
}

#tblGraf tr.rowValue td
{
	padding:0px 2px 0px 2px;
	text-align:right;
}

#tblGraf tr td.cellLabel
{
	background:none;
	border:none;
	text-align:right;
	padding-right:8px;
}