/*
// 2008-03-17
// Copyright (c) Art. Lebedev | http://www.artlebedev.ru/
// Author - Vladimir Tokmakov
*/

/* form */

form
, form .fieldset
, form .fieldset .legend
, form .row
, form .row .label
, form .row .field
, form .row .comment
, form .row .example
, form .row .required_message
, form .row .valid_message
{
display: block;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.2;
}

form
{
width: 40em;
}
form .fieldset
{
position: relative;
width: 100%;
margin: 0 0 2.4em 0;
}
form .row
{
position: relative;
clear: left;
width: 100%;
margin: 0 0 1.2em 0;
}
form .row .label
{
float: left;
width: 10em;
margin-right: -100%;
}
form .row .field
{
-float: left;
padding-left: 11em;
zoom: 1;
}
body .wide .label
{
float: none;
width: auto;
margin-right: 0;
}
body .wide .field
{
margin-left: 0;
padding-left: 0;
}
form input.text
, form textarea
{
display: block;
width: 100%;
}
form textarea
{
height: 10em;
overflow: visible;
}

/* text & messages: comment, example, required, valid */

form .row .comment
, form .row .example
, form .row .required_message
, form .row .valid_message
{
font-size: 0.89em;
}

/* disabled fileds */

form .disabled label
, form .disabled .legend
, form .disabled ins
{
opacity: 0.3;
}
.hide_disabled .disabled
{
display: none;
}

/* invalid fields */

form .invalid input
, form .invalid select
, form .invalid textarea
, form .invalid .valid_message
{
color: red;
}
form .valid input
, form .valid textarea
{
color: green;
}

/* required fields */

form dl.required .label label:after
, form div.required .legend:after
{
content: '*';
color: red;
}
form dl.required .label label
, form div.required .legend
{
behavior: expression(
    ( !this.bRequired )
    ?
        ( this.bRequired = true )
        & ( eU = document.createElement( '<u />' ) )
        & ( eU.innerHTML = '*' )
        & ( this.appendChild( eU ) )
    : ''
);
}
form dl.required .label u
, form div.required .legend u
{
color: red;
text-decoration: none;
}
form dl.required-ok .label u
, form div.required-ok .legend u
, form dl.required-ok .label:after
, form div.required-ok .legend:after
{
content: '';
display: none;
}
form .row .required_message
{
clear: left;
position: absolute;
z-index: 1;
left: 100%;
bottom: 0;
width: 12em;
margin: 0;
padding: 0.25em 0.5em;
background: #eeeecc;
visibility: hidden;
}
form.submitted .required .required_message
{
visibility: visible;
}

/* radio & checkbox fields */

form .selector
{
float: left;
line-height: 1.2em;
position: relative;
width: 100%;
min-height: 12px;
margin: 0 0 0.6em 0;
}
form .optgroup
{
margin: 0 0 0 0;
padding: 0 0 1em 0;
}
form .optgroup .label
{
display: block;
font-weight: normal;
float: none;
width: auto;
margin: 0 0 0.5em 0;
}
form .selector input
{
position: absolute;
left: 0;
top: 0.6em;
height: 14px;
margin: -6px 0 0 0;
//margin-left: -3px;
}
form .selector label
{
position: relative;
float: left;
//display: inline;
width: auto;
margin: 0 0 0 18px;
}
form .horizontal .optgroup
{
float: left;
width: auto;
}
form .horizontal .selector
{
float: left;
width: auto;
margin-right: 2em;
}


/* datetime */

.input-hour
{
margin-left: 1em;
}
.input-minute:before
, .input-second:before
{
content: ':';
margin-left: 0.2em;
margin-right: 0.2em;
}

/* common styles */

form .row:after
, form .row .field:after
, form .selector:after
{
content: '';
height: 0;
display: block;
clear: both;
}

form .for_input .label label
, form .for_textarea .label label
, form .for_select .label label
{
display: block;
}


/* combobox */

form .for_combobox
, form .for_combobox .field
{
position: relative;
z-index: 998;
}
form .for_combobox .combo-list
{
display: none;
}
form .combo-field-active
, form .combo-field-active .combo-list
{
z-index: 999;
}
form .combo-field-active .combo-list
{
display: block;
position: absolute;
//top: 1.7em;
left: 11em;
}


/* slider */

form .slider-horizontal
{
position: absolute;
bottom: 0;
left: 11em;
right: 0;
}
form .slider-inited
{
padding-bottom: 2em;
}


/* placeholder */

.placeholder
{
color: #999999;
}


/* repeated fields & fieldsets */

form .invisible
{
position: absolute;
visibility: hidden;
}
form .repeat_control
{
display: block;
text-decoration: none;
line-height: 1.2;
position: absolute;
left: 100%;
width: 12em;
margin: 0 0 0 1em;
padding: 0;
}
form .row .repeat_control
, form .fieldset .row .repeat_control
{
top: 0;
}
form .fieldset .repeat_control
{
bottom: 0;
}

/* tab & sheets */

form.with_sheets .type_submit input
{
float: right;
}
form .sheets
, form .sheets .tabs
, form .sheets .tabs .legend
, form .sheets .sheet
, form .sheets .sheet .sheet_control
{
display: block;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.2;
}
form .sheet-container-inited .tabs .legend
{
margin-bottom: 1em;
}
form .sheet-container-inited .tabs .legend
, form .sheet-container-inited .sheet
{
display: none;
}
form .sheet-container-inited .tabs .selected
, form .sheet-container-inited .selected
{
display: block;
}
form .sheets .sheet .sheet_control .prev
{
float: left;
}
form .sheets .sheet .sheet_control .next
{
float: right;
}
form .sheets .sheet .sheet_control:after
{
content: '';
height: 0;
display: block;
clear: both;
}

/* range class */

form .range:after
{
content: '';
height: 0;
display: block;
clear: both;
}
form .range .legend
, form .range .row
, form .range .label
, form .range .field
, form .range input
, form .range select
, form .range .example
{
clear: none;
float: left;
width: auto;
font-size: 1em;
font-weight: normal;
margin: 0;
padding: 0;
}
form .range .reducer
{
width: auto;
}
form .range .legend
{
width: 11em;
}
form .range .example
{
padding-left: 0.25em;
}
form .range .legend
, form .range .example
{
display: block;
}
form .range .label label
{
margin-right: 0.3em;
}
form .range .field
{
padding: 0 0.35em 1.2em 0;
}