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

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
, form .sheets
, form .sheets .tabs
, form .sheets .tabs .legend
, form .sheets .sheet
, form .sheets .sheet .sheet_control
, form .repeat_control
{
display: block;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.2;
}

/*}
Layout
{*/

form
{
width: 80%;
}
form .fieldset
{
position: relative;
//width: 100%;
margin: 0 0 2.4em 0;
clear: left;
}
form .fieldset:after
{
content: '';
display: block;
clear: left;
}
form .legend
{
font-weight: normal;
}
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
{
padding-left: 11em;
//width: 100%;
}
form .slider-horizontal
{
position: absolute;
bottom: 0;
left: 11em;
right: 0;
}
form .wide .label
{
float: none;
width: auto;
margin-right: 0;
}
form .wide .field
{
padding-left: 0;
}
form input.text
, form textarea
{
display: block;
width: 50%;
}
form textarea
{
height: 10em;
overflow: visible;
}
form.with_sheets .type_submit input
{
float: right;
}

/*}
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
{
line-height: 1.2em;
position: relative;
width: 100%;
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.7em;
//top: 0.6em;
margin: -5px 0 0 0;
//margin: -9px 0 0 -3px;
}
form .selector label
{
position: relative;
float: left;
//display: inline;
width: auto;
margin: 0 0 0 22px;
line-height: 1.3;
}
form .horizontal .optgroup
{
float: left;
width: auto;
}
form .horizontal .selector
{
float: left;
width: auto;
margin-right: 2em;
}

/*}
Repeated fields & fieldsets
{*/

form .repeat_control
{
display: none;
}
.widget-inited .repeat_control
{
display: block;
position: absolute;
left: 100%;
width: 8em;
margin-left: 1em;
}
form .row .repeat_control
, form .fieldset .row .repeat_control
{
top: 0;
}
form .fieldset .repeat_control
{
bottom: 0;
}

/*}
Date
{*/

.type_datetime .input-hour
, .type_datetime .input-minute
, .type_datetime .input-second
{
width: 2em;
}
.type_datetime .input-hour
{
margin-left: 0.5em;
}

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

/*}
Tabsheets
{*/

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
{
display: none;
}
.widget-inited .sheets .sheet .sheet_control
{
display: block;
}
form .sheets .sheet .sheet_control .prev
{
float: left;
}
form .sheets .sheet .sheet_control .next
{
float: right;
}

/*}
Slider
{*/

form .slider-inited
{
padding-bottom: 2em;
}

/*}
Range class
{*/

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;
margin: 0;
padding: 0;
}
form .range .label
, form .range .field
, form .range input
, form .range select
, form .range .example
{
clear: right;
}
form .range
{
margin: 0;
}
form .range .legend
{
width: 11em;
}
form .range .example
{
padding-left: 0.25em;
}
form .range .label label
{
font-weight: normal;
}
form .range .field
{
padding: 0 0.35em 0.5em 0;
}

/*}
Common styles
{*/

html form .invisible
, html form .invisible *
, html form .invisible .field *
{
position: absolute ! important;
visibility: hidden ! important;
height: 0 ! important;
width: 0 ! important;
}

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

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

#r_name,
#r_contact{
    margin-left: 0;
}

#r_name input,
#r_contact input{
	font-size: 0.9em;
}

#r_name label,
#r_contact label{
	margin-right: -100%;
	width: 10em;
}

.button{
    left:22px;
	position: relative;
}