﻿
/* -------------------------- levý sloupec -------------------------- */

.divVybaveniZabava1, .divVybaveniZabava2, .divVybaveniZabava3
{
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 60px;
	border-top: solid 1px #b4deac;
	background-image: url(../Images/bckRozsirVyhledavaniPlavec.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
}

.divVybaveniZabava2
{
	margin-bottom: 0px;
	background-image: url(../Images/bckRozsirVyhledavaniSport.gif);
}

.divVybaveniZabava3
{
	margin-bottom: 0px;
	background-image: url(../Images/bckRozsirVyhledavaniLyzar.gif);
}

.divVybaveniZabava1 input, .divVybaveniZabava2 input, .divVybaveniZabava3 input { vertical-align: middle; }
.divVybaveniZabava1 label, .divVybaveniZabava2 label, .divVybaveniZabava3 label {color: #ffffff;}

/* -------------------------- pravý sloupec -------------------------- */

/* -- formulář (horní část) --*/

.divRozsireneVyhledavani
{
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.divRozsireneVyhledavani .Item
{
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	width: 95px;
	height: 19px;
	line-height: 22px;
	color: #ffffff;
}

.divRozsireneVyhledavani .White
{
	color: #ffffff;
}

.divRozsireneVyhledavani label
{
	display: -moz-inline-box;
	display: inline-block;
	color: #ffffff;
	vertical-align: top;
	margin-top: 2px;
}

.divRozsireneVyhledavani input { vertical-align: top; }


/* -- typ dopravy, odlet z letiště, typ ubytování, stravování --*/

.divDopravaUbytovaniStravovani 
{
	padding: 4px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
	border-top: solid 1px #b4deac;
}

.divDopravaUbytovaniStravovani span
{
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	width: auto;
	height: 19px;
	line-height: 22px;
	padding: 0px 10px 6px 0px;
	color: #ffffff;
}
.divDopravaUbytovaniStravovani label { color: #ffffff; }
.divDopravaUbytovaniStravovani input
{
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 3px;
}


/* -- odeslání (button a LM) --*/

.divRozsireneVyhledavaniOdeslani
{
	text-align: right;
	padding: 10px 12px 10px 12px;
	vertical-align: middle;
	background-color: #407536;
}

.divRozsireneVyhledavaniOdeslani .button { vertical-align: middle; }

.spanRozsireneVyhledavaniLM { color: #ffffff; }
.spanRozsireneVyhledavaniLM input { vertical-align: middle; }


/* -- povinné příplatky (nepoužito) -- */

.divRozsireneVyhledavaniPoplatky
{
	padding-top: 6px;
	font-size: 11px;
	font-style: italic;
}

/* -- počkejte prosím -- */

.divRozsireneVyhledavaniWaiting
{
	filter:alpha(opacity=85);
	opacity:0.85;
	position: absolute;
	top: 350px;
	width: 660px;
	height: 86px;
	background-image: url(../Images/preloader-vyhledavani.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 999;
}

/* -- výsledek nenalezen -- */

.divRozsireneVyhledavaniNenalezeno { padding-top: 10px; }

.divRozsireneVyhledavaniNenalezeno .ramecek_S
{
	padding: 6px 12px 6px 12px;
	text-align: right;
	background-color: #5c9a50;
	color: #ffffff;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
}

/* Hlavni div, obalujici celou DateControl*/
.DC_MainDiv
{
	width:110px;
	height:25px;
	margin:0px;
	padding:0px;
	float:left;
	background-color: Yellow;
}

/* Ikona Kalendare - image button */
.DC_CalIcon
{
	position:relative;
	top:2px;
	left:-2px;
}

/* bezrozmerny div, ktery umoznuje vykreslovat kalendar bez posouvani dalsich prvku */
.DC_CalMiniDiv
{
	width:0px; 
	height:0px; 
	overflow:visible; 
	z-index:100;
	float:left;
	position:absolute;	
}

/* tento div berte jako zakladni ram kalendare */
.DC_CalBorder
{
	position:relative;
	width:160px; 
	height:180px; 
	background:white;
	z-index:100;
	border:1px solid black;
	padding:5px;
}

/* samotny kalendar - roztazeny v ramu */
.DC_Calendar
{
	background:white;
	width:100%;
	height:100%;
}



/* Definice stylu pro samotny kalendar */
.DC_Title
{
	background:white;
	border:none;
	color:Black;
}

.DC_Day
{
	margin:1px;
}

.DC_TodayDay
{
	border:1px dotted #BBB;
	background:#F5F5F5;
}

.DC_SelectedDay
{
	background:#F92;
	border:1px solid #A52;
	color:Black;
	font-weight:bold;
}

.DC_DayHeader
{
	background:#259;
	color:White;
}
