/**
* Soubor s CSS styly pro automaticky generované formuláře
*
* @package		sllibs3
* @subpackage	slForm
* @version		$Id: slForm.css 2152 2008-02-20 23:29:39Z michal $
* @encoding		utf-8
* @author		Michal Kouďa <michal.kouda@e4you.cz>
* @copyright	(c) e4you spol. s r.o. 2002-2008, <design@e4you.cz>
*
* Obsah tohoto souboru je majetkem e4you spol. s r.o. Jeho kopírování,
* pozměňování, šíření a jakékoli další využití je možné výhradně
* se souhlasem e4you spol. s r.o.
*
*/

.slForm label {
	
	display:block;
	float:left;
	text-align:right;
	width:200px;
	padding:.13em .5em .07em 0;

}

.slFormCheckboxBox label {
width:29em;
text-align:left;
font-weight:bold; 
padding-left:2em;
}

.slFormCheckBoxInput label{
	font-weight:normal; 
	width:31em;
	float:left;
	text-align:left;
	padding:.5em .5em .07em 0;
}

/*
 Zde je treba pridat nastaveni pro labely v radiogroups
 protoze tam bude nastaveni jine nez defaultni
*/

.slMultiSelect label, .slFormElementFullSize label, .slSelect label {
	float: none;
}

.slFormElement {
	min-height: 1.8em;
}

.slSelect label {
	display: inline;
}

.slFormContainer {
	margin-top:1em;
	width:455px;
	
/* pro IE */
	_width:490px;
	_margin-right:-70px;
	_margin-bottom:40px;
	*margin-bottom:80px;
}

.slFormBorder {
	margin-bottom:.5em;
	
}

.slForm {
	padding:.2em .8em .6em;
	margin:0;
	background-color: #d5eb9b;
	border: 1px solid #afc2e1;
	text-align:left;
	_width:420px;
	_margin-right:-80px;
}

.slForm h2 {
	padding:.1em .2em;
	margin: 0 0 .2em 0;
	border:1px solid #666;
	background-color:#C0C8EE;
}

.slFormHolder {
	float:left;
	width:100%;
	height:100%;
}

.slForm fieldset {
	margin:0 0 .5em;
	border: 1px solid #b1c5d1;
	padding:.1em 1.5em .8em 1em;
}

* html .slForm fieldset {
	padding: 0 .7em .7em .7em; /* pro IE */
}

.slForm legend {
    padding:.3em;
}

.slFormCheckboxBox{
padding:10px;
}

.slFormButton {
	color: #333;
	border-top: 1px solid #b1c5d1;
	border-left: 1px solid #b1c5d1;
	border-bottom: 1px solid #7296ad;
	border-right: 1px solid #7296ad;
	background-color: #9db6c6;
	background:#e7edf1 url('../images/slForm/button-background.png') repeat-x;
}

.slFormButton:hover {
	color: #000;
	background-color: #E0E4F4;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #036;
	border-right:1px solid #036;
}

.slFormInput fullWidth {
		margin-top: 10px solid #aaa;

}

.input {width:100%}


.slFormInput, select {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background-color: white;
	margin:0px;
	padding:1px 2px;
}

.slFormInput:focus {
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
}


.slForm select {
	padding: 0;
}

.slFormTextBox {
	padding:2px 0;
}

.slFormTextBox strong {
	padding:.13em .5em .07em 0;
	float: left;
}

.slFormYesNoBox {
	padding-bottom:2px;

}

.slFormBitmapBox, slConfiguredHTMLForm {
	padding-bottom:2px;
}


.slFormPhotoBox img {
	margin-bottom:2px;
}



/* zobrazeni zalozek vedle sebe a prenastaveni sirky */
#sectionsloupec1 {width:240px; float:left; z-index:5;}
#sectionsloupec2 {width:150px; float:left;_margin-left:-230px;z-index:5;}

#sectionsloupec1 legend , #sectionsloupec2 legend {
	font-size:1.2em;
	
	color: #134783;
}

#sectionsloupec1 label , #sectionsloupec2 label {
	text-align:left;
	display:inline;
	float:left;
	padding:.13em .5em .07em 0;
}

/* styly pro jednotlive casti dotazniku tak, aby se radili vedle sebe */

#identifikacni_udaje_fields { height:350px; }
#identifikacni_udaje2_fields {padding-top:25px; height:350px; padding-left:-10px;}
#identifikacni_udaje_fields label, #identifikacni_udaje2_fields label {width:150px;}
/*#identifikacni_udaje_fields input {margin-top:5px;}*/


#udaje_objektu_fields {height:520px;  padding-right:110px;_padding-right:143px;}
#udaje_objektu2_fields {padding-top:20px;padding-left:-10px; height:900px; _height:900px; *height:800px;}
#udaje_objektu_fields label {width:290px;}

#doplneni_bez_tepelnych_ztrat_fields label {display:block; width:350px; padding-right:98px;_padding-right:142px;}
#doplneni_bez_tepelnych_ztrat_fields{height:380px; _height:320px;*height:280px;}

#priprava_teple_vody_fields{height:380px;}
#priprava_teple_vody_fields label {display:block; width:350px; padding-right:48px;_padding-right:92px;}
#priprava_teple_vody2_fields{padding-top:30px;height:380px; padding-left:-10px; _height:413px; *height:420px;}

#ohrev_bazenu_fields{height:330px;}
#ohrev_bazenu_fields label {display:block; width:300px;padding-right:98px;_padding-right:140px;}
#ohrev_bazenu2_fields{padding-top:0px;height:630px; padding-left:-10px;_height:310px; *height:560px;}


#vybrana_solarni_sestava_fields{height:300px;padding-right:108px;}
#vybrana_solarni_sestava_fields label {display:block; width:300px;_padding-right:40px;}




#sectionsloupec2 fieldset, #sectionsloupec1 fieldset {
border: none;
}

.slFormRadio{
	margin-top:20px;
	margin-bottom:10px;
	_margin-top:10px;
	_margin-bottom:5px;
	*margin-top:10px;
	*margin-bottom:5px;
}






/* TABY - zatim pracovni verze */


.slFormTabs {
	margin:0;
	width:150px;
	padding: 0 0 2px 0;
	visibility: hidden; 
}

* html .slFormTabs {
	padding: 2px 0 1px 0; /*pro IE*/
}

.slFormTabs li {
	margin: 0;
	margin-bottom: 1px;
	padding: 2px 0;
	border:1px solid #999;
	border-left:1px solid #afc2e1;
	border-top:1px solid #afc2e1;
	border-right:1px solid #7296ad;
	list-style: none;
	display: inline;
	background:#c7d6de url('../images/slForm/form-folder.png') repeat-x;
}

* html .slFormTabs li {
	padding: 1px 0;
}

.slFormTabs li.selected {
	padding-bottom:2px;
	border-bottom: 2px solid #e7edf1;
	background:#e7edf1 url('../images/slForm/form-folder-selected.png') repeat-x;
}

.slFormTabs li a:hover {
	background-color:#FFF;
	color:#000;
}

.slFormTabs li a {
	margin: 0;
	padding: 0px 5px;
	color:#333;
	text-decoration:none;
}


.slFormTabs li.selected a {
	color:black;
	text-decoration:none;
}

.slFormTabs li.alltabs {
	background: none;
	border: none;
	text-decoration: underline;
}

.slFormTabs li.alltabs a {
	text-decoration: underline;
	border: none;
}


/* oznaceni hodnoty, ktera je povinna */
.slFormRequiredValue { font-weight:bold; }

/* oznaceni hodnoty, ktera je povinna a nebyla vyplnena */
.slFormRequiredErrorValue { color: #C00; font-weight:bold; }

/* oznaceni titulku u hodnoty, ktera je v chybnem formatu */
.slFormValueError { color: #C00; }

/* oznaceni pole u hodnoty, ktera je v chybnem formatu a nevyplnena*/
.slFormInputValueError { background-color: #FFE0E0; }
.slFormInputRequiredError { background-color: #FFE0E0; }


.slFormTime div, .slFormDate div, .slFormDateTime div {
	display:inline;
}

/*
osetreni dual multi selectu - vetsinou obsahuji hodne dat
takze jako pismo dame Tahomu a trochu ji zmensime
*/

.slDualMultiSelect {
	font-family:Tahoma,helvetica,sans-serif;
	font-size:.85em;
}

.slFormBitmapBox span {
	display:block;
}


/* zarovnani inputu v ramci radky */
input {
	vertical-align: middle;
}

/*** KALENDAR  **************************************************/



.slFormCalendarBox {
/*	position: relative;*/  /* nelze - nefunguje spravne v IE*/
}

.slCalendarHead select {
	vertical-align: middle;
}

.slFormCalendar {
	width:210px;
	height:165px;
	border: 1px solid #ddd;
	position: absolute;
	top: -1px;
	left: 19px;
	display: none;
}

.slCalendarTable {
	background-color:#EAE9DA;
	margin: 0;
	width:100%;
	height:150px;
	font-size: 10px;
}

.slCalendarTable td {
	background: #fff;
	text-align:center;
	padding: 0;
}

.slCalendarTable td a {
	display: block;
	height: 100%;
	height: 20px;
	line-height: 20px;
	color: #585650;
}

.slCalendarTable td a:hover {
	background: #F8F7E7;
}

.slCalendarTable .today {
	background: #A6A397;
	color:#FFF;
	font-weight:bold;
}

.slCalendarTable .today a {
	color: #fff;
}

.slCalendarTable .today a:hover {
	color: #585650;
}


.inCalendarForm {
	margin: 0;
}

.inCalendarForm input {
	width: 30px;
	border: 1px solid #aaa;
}