/**
* Soubor s CSS styly pro automaticky generované formuláře
*
* @package		sllibs3
* @subpackage	slForm
* @version		$Id: slForm.css 7012 2009-01-24 23:26:27Z 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.
*
*/

/**
 * oprava chyby IE6 - za urcitych okolnosti způsobuje defaultni 100% sirka slSqlTable rozpad stránky
 */
* html .slFormContainer {
	width: 99%;
}

.slForm label {
	display:block;
	float:left;
	padding:.13em .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;
}

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

.slForm {
	padding:.2em .8em .6em;
	margin:0;
	background-color:#e7edf1;
	border: 1px solid #afc2e1;
}

.slFormHolder {
	width:100%;
}

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

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

.slForm legend {
    padding:.3em;
}

.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, 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;
}

/* TABY - zatim pracovni verze */

.slFormTabs {
	margin:0;
	padding: 0 0 2px 0;
}

* 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;
}

.slSelect {
	padding-right:.5em;
}

/**
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;
}

/** zobrazeni dualmultiselectu jako seznamu */
ul.slFormElement { padding:0 1.5em; margin:0; }
li.slFormElementValueText { list-style-type:square; padding:0; margin:0; }


.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 {
	overflow: hidden;
	width:204px;
	height:192px;
	border: 1px solid #ddd;
	position: absolute;
	top: -1px;
	left: 19px;
	display: none;
}

#from_date_calbox img, #to_date_calbox img {
	border: none;
}

.fullWidth {
	width: 99.5%;
}


/**
* Styly pro suggest
*/


.slFormSuggestResults {
	display: none;
	margin:0px;
	padding:1px 2px;
	border:1px solid #666;
	border-top:none;
	position: absolute;
	width: 30em;
	background: #fff;
}

.slFormSuggestResults li {
	list-style-type:none;
	padding:0 .2em;
}

.slFormSuggestResults li.selected {
	color:#FFF;
	background-color:#333;
}


.slFormSuggestResults li.selected .found {
	color:#F8D;
}