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

#content form {	
	width: 50em;
	line-height: 1.4em
}


#content form dt {
	line-height: 1.2em
}

.warning, input.invalid, textarea.invalid, span.invalid input { color: #990000; }
input.valid { color: green; }

dl[disabled="true"] label,
dl[disabled="true"] i,
dl[disabled="true"] span
{ opacity: 0.4; color: black; }

.warning { display: none; position: absolute; z-index: 1; left: 100%; margin-left: -8em; top: 0; text-decoration: none; background: #FFF }
.required .warning, .invalid .warning { display: block; padding: 0.25em; width: 14em; }

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

.label, .readonly { display: block; margin: 0; padding: 0; padding-top: 0.3em; font-style: normal; }
.label { width: 12em; float: left; line-height: 1.2em }
.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: 20px; display: block; }
.selector .label, .input .label { width: auto; float: none; margin: 0; padding: 0; }
.selector .label { margin-left: 20px; }
.selector input { float: left; margin-right: -20px; }
.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: 0 0 0.5em 0; padding: 0 0 1.5em 0; clear: left; border: 0; border-bottom: 1px solid #B7BE8F }
form fieldset legend { margin: 0; padding: 0 0.5em 1em 0; //display: block; //float: left; color: #000 }
* html form fieldset legend { margin-left: -7px; margin-right: -7px; }
form fieldset fieldset { border: 0 hidden; margin: 0; padding-bottom: 0; padding-top: 1em; }
form fieldset fieldset legend { padding-top: 1em; }
form fieldset.last { border: 0 }

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

textarea
{
min-height: 5.5em; height: auto; //height: 7.5em;
width: 27em;
overflow: visible;
}
input.wide,
textarea.wide
{
width: 40em;
}
.wide .label
{
padding: 0;
}
.wide .multiple
{
margin-top: -1em; //margin-top: 0;
}
.multiple input
{
padding: 0 0.2em;
}

dl.multiple {
	top: -1em;
	margin-bottom: 2em
}

dl.submit {
	margin-top: 2em;
	padding: 0;
	background: #EFF1E1
}

dl.submit dt,
dl.submit dd {
	padding-top: 0;
	padding-bottom: 0
}

/* for combobox's */
.combobox-list {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -1em;
	z-index: 1000;
	width: 15em
}

/* for extended select's */

.extended-select-input {
	width: 20em;
	padding: 0.1em 0.2em;
	background: url(extended_select_bg.gif) right center no-repeat;
	border: 1px solid #7393B1;
	cursor: pointer;
	cursor: hand
}

.extended-select {
	position: absolute;
	top: 100%;
	left: 1em;
	margin-top: -0.98em;
	background: #FFF;
	z-index: 10;
	width: 30em;
	height: 20em;
	overflow: auto;
	border: 1px solid #7393B1	
}

html>body .extended-select {
	left: 0
}

.extended-select dl {	
	padding: 0.5em;
	cursor: pointer;
	cursor: hand
}

.extended-select dl.selected {
	background: #D1D9A8 !important;
	cursor: default !important
}

.extended-select dl.hovered {
	background: #EAEED2
}

.extended-select dt {
	float: left;
	width: 75px;
	height: 100px;
	margin-right: -75px;
	overflow: hidden
}

.extended-select .first dt {
	height: 10px
}

.extended-select dd {
	margin-left: 83px
}

#row_id_city {
	z-index: 10
}

#row_id_city dd.relative {
	width: 6em
}

#row_id_city dd.relative select {
	left: 1em
}

html>body #row_id_city dd.relative select {
	left: 0
}

.month {
	margin: 0 0.3em
}

#row_id_company
{
	position: relative;
}
#row_id_company .laquo,
#row_id_company .raquo
{
	position: absolute;
	top: 0.4em;
}
#row_id_company .laquo
{
	left: 12.2em;
}
#row_id_company .raquo
{
	left: 40.2em;
}