/*
// 2005-11-01
// Copyright (c) Art. Lebedev | http://www.artlebedev.ru/
// Author - Vladimir Tokmakov
*/

form.x_forms {
	width: 36em;
	margin: 0 0 1em 0;
	padding: 0;
}
.form_elements {
}


label.required, .warning, input.invalid {
	color: #EF3124;
}
input.valid {
	color: green;
}

label[disabled="true"] {
	opacity: 0.4;
	color: black;
}

.warning {
	display: none;
	position: absolute;
	z-index: 1;
	left: 100%;
	margin-left: 0.5em;
	top: 0;
	text-decoration: none;
	background: white;
	border: 1px solid #cccccc;
	font-size: 0.89em;
}
.required .warning, .invalid .warning {
	display: block;
	padding: 0.25em;
	width: 14em;
}

.text {
	width: 100%;
}
.presized,
input.button {
	width: auto;
}

.row {
	clear: both;
	padding: 0;
	margin: 0;
	min-height: 1em; //height: 1em;
	position: relative;
}

.label, .readonly {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 0.3em;
	font-style: normal;
}
.label {
	width: 12em;
	float: left;
}
.for_select_checkbox, .for_select_radio, .for_textarea {
	padding-top: 0;
}
.button {
	margin-top: 1em;
	margin-bottom: 1em;
}

.input {
	margin: 0 0 0 13em;
	padding: 0; //margin-left: 0; //padding-left: 1em; //float: left;
}
.text_input {
	padding-top: 0.4em
}

.description {
	display: block;
	font-style: normal;
	font-size: 0.89em;
}

.selector .label .description {
	margin-bottom: 0.5em;
}

.row .row {
	margin-left: 20px;
	padding: 0;
	clear: none;
}
.row .row .input {
	margin: 0px;
	padding: 0;
}

.label, .input {
	padding-bottom: 1em;
}
.for-previous {
	position: relative;
	top: -0.5em;
}

.selector {//clear: left; /*height: 1px;*/
}
.selector, .selector span.label {
	min-height: 21px;
	display: block;
}
.selector .label, .input .label {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}
.selector .label {
	margin-left: 20px;
}
.selector input {
	float: left;
}
.selector input.text {
	float: none;
}

.wide {
	margin-top: 0.5em;
}
.wide .label {
	float: none;
	width: auto;
}
.wide .for_select_checkbox,
.wide .for_select_radio,
.wide .for_select_select,
.wide .for_select,
.wide .for_textarea {
	padding-bottom: 0;
}
.wide .input {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0.5em;
}

.horizontal .selector {
	float: left;
	clear: none;
	margin-right: 1em;
}
.horizontal .selector .label {
	height: auto;
}
.horizontal .description {
	clear: left;
}

form fieldset {
	margin: 2em 0 1em 0; //margin: 0;
	padding: 1em 0 0 0; //padding-bottom: 0;
	clear: left;
	border-left: 0 hidden;
	border-right: 0 hidden;
	border-bottom: 0 hidden;
}
form fieldset legend {
	margin: 0;
	padding: 0 0.5em 0 0;
	font-weight: bold; //display: block; //float: left; //margin-bottom: 1em;
	color: red
}
* html form fieldset legend {
	margin-left: -7px;
	margin-right: -7px;
}
form fieldset fieldset {
	border: 0 hidden;
	margin: 0;
	padding-bottom: 0;
	padding-top: 1em; //padding-top: 0;
}
form fieldset fieldset legend {
	padding-top: 1em;
	padding-left: 11em
}

@media handheld {
	form,
	.label {
		width: auto ! important;
	}
	.label,
	.input {
		float: none;
		padding-bottom: 0;
	}
	.input,
	.submit input {
		margin-left: 0 ! important;
	}
	.row {
		margin-bottom: 1em;
	}
	.row .row {
		margin-bottom: 0;
	}
	.warning {
		position: static;
		float: right;
	}

}

form fieldset legend, div.text, .description {
	color: #666666;
}
form fieldset legend {
	font-weight: bold;
}
input.x_checkbox {
	width: auto;
}

/* Star select */

div.star-bg-old {
	height: 11px;
	background: url('/f/1/i/i-star-med.gif') repeat-x;
	width: 80px;
	margin-top: 2px;
}

div.star-bg {
	height: 19px;
	background: url('/f/1/i/i-star-bg.gif') repeat-x;
	width: 97px;
}

div.star-bg img {
	/* margin-right: 5px;*/
}

table.starselect {
	margin-left: 44px;
	margin-top: 20px;
	margin-bottom: -15px;
}

table.starselect td, table.starselect th {
	vertical-align: top;
	text-align: left;
	padding-bottom: 28px;
	padding-top: 0px;
	padding-right: 24px;
}

table.starselect td.label {
	width: 183px;
}

table.starselect td.star, table.starselect th.star {
	width: 121px;
}

table.starselect td.expandable {
	padding-bottom: 10px;
}

table.starselect th {
	font-size: 60%;
	font-weight: normal;
	vertical-align: bottom;
	padding-bottom: 5px;
}

table.starselect td input {
	width: 180px;
	margin: 0;
}

table.starselect td.label {
	padding-top: 5px;
	padding-bottom: 23px;
}