/* CSS Document */

#rezervace-div {
	margin: 20px;
	margin-bottom: 2px;
	padding:8px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background:none;
}

#rezervace-div h4, .rezervace {
	color: #fff;
	background-color: #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
	padding:1px;
	padding-left: 20px;
	clear:both;
}

#rezervace-div th, #rezervace-div td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align:left;
}
#rezervace-div th {
	font-weight: bold;
	text-align: right;
}
.rigistrace-povinne, #rezervace-povinne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	color: #FF3333;
}
#rezervace-povinne {
	text-align: left;
	margin-left: 20px;
}
#rezervace-div hr {
	border: 1px solid #999999;
}
#rezervace-div table {
    margin-bottom: 1.5em;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}
select.big {
	margin-right:10px;
}
input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px outset #eeeeee;
	cursor: pointer;
}
.dalsikrok, .zpetkrok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px outset #eeeeee;
	cursor: pointer;

    float:right;
	margin:20px;
}

.zpetkrok {
    margin:0;
	margin-right:20px;
}
.rezervace-poznamka {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
}

#rezervace-prubeh {
    border:none;
	width:100%;
	margin-bottom:35px;
}
#rezervace-prubeh td {
    font-size:0.85em;
}


/* kalendar *****************************************************/
#rezervace-kalendar, #rezervace-kalendar-casy {
  border-spacing:0;
  border-collapse:collapse;
  empty-cells:show;
  margin:3px;
  background-color:#c4d9ff;
}

#rezervace-kalendar-casy {
    float:left;
	margin:0;
	position:relative;
	top:25px;
	left:8px;
	border-bottom:#c4d9ff 3px solid;
	z-index:15;
}
#rezervace-kalendar-casy th.prazdna {
    font-size:10px;
	height:23px;
	* height:21px;
	padding:0;
}

#rezervace-kalendar th.dny {
	line-height:1em;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:center;
	color: #112abb;
	font-weight:normal;
	
	width:80px;
	height:20px;
	* height:16px;
}

#rezervace-kalendar th.hodiny, #rezervace-kalendar th.hodiny-b,
#rezervace-kalendar-casy th.hodiny, #rezervace-kalendar-casy th.hodiny-b {
	line-height:1em;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 1px;
	vertical-align:middle;
	text-align:right;
	color: #446688;
	font-weight:normal;
	background-color:#e9eef7;
    border-top:1px #eee solid;
	
	width:40px;
	height:20px;
	* height:16px;
}
#rezervace-kalendar th.hodiny-b,
#rezervace-kalendar-casy th.hodiny-b {
    border-top:1px #ddd solid;
	font-weight:bold;
}

#rezervace-kalendar tr.radek-hodiny,
#rezervace-kalendar-casy tr.radek-hodiny {
    background-color:#fff;
}

#rezervace-kalendar tr.radek-hodiny td.item, #rezervace-kalendar tr.radek-hodiny td.item-b,
#rezervace-kalendar-casy tr.radek-hodiny td.item, #rezervace-kalendar-casy tr.radek-hodiny td.item-b {
    border-top:1px #eee solid;
	border-left:2px #ddd solid;
	border-right:2px #ddd solid;
	
	height:20px;
	* height:18px;
	padding:0;    
}
#rezervace-kalendar tr.radek-hodiny td.item-b,
#rezervace-kalendar-casy tr.radek-hodiny td.item-b {
    border-top:1px #ddd solid;

}

.zaskrtnuto, .nezaskrtnuto, .prazdnapolozka, .obsazenapolozka {
	width:77px;
	height:18px;
	padding:0;
	margin:0;
	cursor:pointer;
	margin:1px;
	background-color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.nezaskrtnuto {
    background-color:#A3F5A0;
}

.zaskrtnuto input, .nezaskrtnuto input {
    display:none;
}

.obsazenapolozka {
    background-color:#CCCCCC;
	cursor:auto;
}

.prazdnapolozka {
    background:none;
	cursor:auto;
}

/* scroller *****************************************************/
div#scroller {
	width: 445px; 
	height: 600px;
	position:relative;
	float:left;
}
a.scroll {
	position: absolute;
	display: block;
	width: 29px;
	height: 17px;
	background-repeat: no-repeat;
	margin-top: 1px;
}

a.scroll span{
	display: none;
}

a#scrollLeft {
	background-image: url(scroll-left.png);	
	left: 5px;
}
a#scrollRight {
	background-image: url(scroll-right.png);	
	right: 5px;
}

.scrollerContainer {
	position: absolute; 
	width: 435px; 
	height: 570px;
	overflow: hidden;
	top: 25px;
	left:5px;
	background-color:#c4d9ff;
	text-align:left;
	vertical-align:top;
}



div#scrollerContent	{
	clear: both;
	position: absolute;  
}