/* self-containing - misto clearovacich divu */
form .input:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
form .input { display: inline-block; }
form .input { display: block; }

.form .input label,
.form .input.checkbox.labelFirst label {
	float: left;
	color: #000;
	font-size: 1.5em;
	margin: 0;
}

/* input in forms */
.form .input, .form .input.checkbox.labelFirst {
	background-color: #FFFFFF;
	color: #666;
	border: 1px solid #D1CDBA;
	margin: 3px;
	padding: 4px;
	position: relative;
}
.form .input.text input,
.form .input.password input,
.form .input.date input,
.form .input.datetime input,
.form .input textarea,
.form .input select {
	border: 1px solid #CCC;
	background: #FFF url(images/input_background.png) top left repeat-x;
	color: #000;
	padding: 2px;
}
.form .input iframe {
	border: none;
}
.form .input.required input,
.form .input.required select {
/* 	border-width: 2px; */
	border-color: #000;
}
.form .input.error input,
.form .input.error select {
	border-color: #F00;
}
.form .error-message {
	color: #F00;
	padding-left: 150px;
}
.form .textarea label {
	float: none;
	display: block;
}
.form .input select {
	padding:1px;
}

/* jQuery UI - slider */
.form .ui-slider {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

/* jQuery UI - datepicker */
.input input.hasDatepicker {
	background: url(images/icons/calendar.png) 2px center no-repeat;
	padding-left: 20px;
}

/* checkbox */
.form .input.checkbox {
	padding-left: 150px;
}
.form .input.checkbox label {
	float: none;
	margin-left: 1em;
	font-size: 1.2em;
	vertical-align: middle;
}
.form .input.checkbox input {
	vertical-align: middle;
}

/* checkbox with the label BEFORE the input */
.form .input.checkbox.labelFirst input {
	position: absolute;
	top: 0.5em;
	left: 155px;
}

/* multiple checkboxes */
.form .input.select label {
/* 	float: none; */
}
.form .input.select div {
	clear: left;
}
.form .input.select .checkbox {
	float: left;
	clear: none;
	width: 11em;
	border: 1px solid #D1CDBA;
	margin: 1px;
}
.form .input.select.cols3 .checkbox {
	width: 32%;
}
.form .input.select.cols2 .checkbox {
	width: 49%;
}
.form .input.select.cols1 .checkbox {
	width: 99%;
}

.form .input.select .checkbox {
	float: left;
	clear: none;
	width: 11em;
	border: 1px solid #D1CDBA;
	margin: 1px;
}
.form .input.select .checkbox.inline {
	border: none;
}


.form .input.select .checkbox label {
	float: none;
	font-size: 1em;
	vertical-align: middle;
}
.form .input.select .checkbox input {
	vertical-align: middle;
	margin: 3px;
}

/* rozmery */
.form .input label { width: 150px; }
.form .input.text input { width: 620px; }
.form .input.text.datepicker input { width: 600px; }
.form .ui-tabs-panel .input.text input { width: 570px; }
.form .input.textarea textarea { width: 770px; }
.form .ui-tabs-panel .input.textarea textarea{ width: 710px; }
.form .ui-slider { width: 400px; }

.nested {
    margin-left: 1em;
}
.ui-widget-content .makePrimary {
    color: black;
    margin-left: 1em;
}