/*
 * ZForms
 */
label {
	display: block;
}

.widget-inited label {
	display: inline;
}

form dl {
	clear: both;
	zoom: 1;
}
form dl:after {
	content: "";
	clear: both;
	display: block;
}

input, textarea, select {
	margin-bottom: 1em;
}

.widget-inited input, .widget-inited textarea, .widget-inited select {
	margin-bottom: 0;
}

/*}
Common
{*/

.with_reformator .reformator_inactive .reformator_source {
	background: #ffd;
}

/*}
Layout
{*/
#r_color {
	margin-left: 30%;
}

form .row, form .fieldset {
	position: relative;
	padding: 0 0 1.2em 0;
	margin: 0;
	//width: 100%;
}

form .row:after,
form .fieldset:after {
	content: '';
	display: block;
	clear: both;
}

form .compact .row {
	padding-bottom: 0.6em;
}

form .compact .for_selector {
	padding-bottom: 0.4em;
}

form .compact .label label, form .compact .fieldset .legend {
	margin-top: 0.6em;
}

form .label .comment {
	display: inline;
}

form .row .field, form .range .reducer {
	margin: 0 0 0 0.5em;
}

form .row .field {
	margin: 0 0 0 0;
}

form.no_label .row .field {
	margin: 0 1em 0 0;
}

form.no_label dl {
	float: left;
	clear: none;
}

form .field .abbr {
	width: 4em;
}

form .field .name, form .field .email, form .field .phone {
	width: 16em;
}

form textarea {
	height: 10em;
	overflow: visible;
}

form textarea.HTML {
	width: 100%;
}

form .field .HTML, form div.HTML {
	height: 5em;
}

form .for_input input.HTML, form .for_input .HTML input {
	height: auto;
}

form textarea.small, form div.small {
	height: 5em;
}

form .field .medium, form textarea.medium, form div.medium {
	height: 15em;
}

form .field .large, form textarea.large, form div.large {
	height: 30em;
}

/*}
Text & messages: comment, example, required, valid
{*/

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

form .row .field .example {
	padding-top: 0.14em;
	display: inline;
}

/*FILE*/
.file {
	position: relative;
	margin-right: 2em;
	margin-left: 35px !important;
	color: #999;
	padding-top: .3em;
}

span.file {
	display: block;
	margin-bottom: .8em;
}

span.file nobr {
	font-family: Arial, sans-serif;
	font-size: 95%;
	color: #4d4d4d;
	font-style: italic;
}

.file a {
	display: block;
}

.file i {
	background: url('/i/icons/files.png') 0 0 no-repeat;
	float: left;
	margin: 5px 0 0.5em -35px;
	width: 30px;
	height: 40px;
}

.PDF i {
	background-position: 0 0;
}

.DOC i {
	background-position: -40px 0;
}

.XLS i {
	background-position: -280px 0;
}

.PPT i {
	background-position: -400px 0;
}

.JPG i {
	background-position: -120px 0;
}

.GIF i {
	background-position: -80px 0;
}

.TIFF i {
	background-position: -160px 0;
}

.RAR i {
	background-position: -200px 0;
}

.ZIP i {
	background-position: -240px 0;
}

.RTF i {
	background-position: -320px 0;
}

.DOT i {
	background-position: -360px 0;
}

.DIR i {
	background-position: -440px 0;
}

.ODIR i {
	background-position: -480px 0;
}

/*}
Disabled fileds
{*/

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

.hide_disabled .disabled {
	display: none;
}

form dl.disabled iframe {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
	zoom: 1; /* для элемента в ИЕ, у которого не заданы width и height */
	cursor: default !important;
}

/*}
Invalid fields
{*/

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

form .valid_message {
	visibility: hidden;
}

form .invalid .valid_message {
	visibility: visible;
}

form .valid input, form .valid textarea {
	color: green;
}

/*}
Required fields
{*/

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 .type_checkbox .selector {
	margin: 0;
}

form .fieldset .type_checkbox {
	padding-bottom: 0;
}

form .for_selector .field {
	padding-bottom: 0.5em;
}

form .time-from,
form .time-to {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-bottom: 0;
}
form .time-from .label,
form .time-to .label {
	margin: 0;
	padding-right: 0.3em;
	width: auto;
}
form .time-from .field,
form .time-to .field {
	padding-left: 0;
}
form .time-from .field input,
form .time-to .field input {
	width: 3em;
}

form .links .row {
	padding-bottom: 0.6em;
}

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.6em 0;
}

form .selector label {
	position: relative;
	//display: inline;
	width: auto;
}

form .selector label .selected {
	display: inline ! important;
}

form .horizontal .optgroup {
	float: left;
	width: auto;
}

form .horizontal .selector {
	//display: inline;
	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 {
	top: 0;
}

form .fieldset .repeat_control input {
	height: 2em;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

/*}
Date
{*/

.type_datetime .field input, .type_datetime .field select {
	margin-right: 0.1em;
}

.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: 0;
}

/*}
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 .reducer .reducer, form .range .row, form .range .label, form .range .label label, form .range .field, form .range .field .selector, form .range .example {
	clear: none;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

form .range .field input.text, form .range select {
	clear: none;
	float: left;
	width: auto;
}

form .range .field .selector {
	margin-right: 1em;
}

form .range .type_datetime input, form .range .type_date input {
	float: left;
}

form .range .label, form .range .field, form .range .field input.text, form .range .type_datetime input, form .range select, form .range .example {
	clear: right;
}

form .range .example {
	padding-left: 0.25em;
	padding-right: 0.5em;
}

form .range .label label {
	font-weight: normal;
}

form .range .field {
	padding: 0 0.35em 0.6em 0;
}

form .range .fieldset {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

form .range .legend {
	border-bottom: 0 hidden;
	margin-bottom: 0;
}

form .range .fieldset .reducer {
	position: relative;
	float: left;
}

.widget-inited .range .repeat_control {
	position: relative;
	left: auto;
	float: left;
	clear: right;
	margin: 0 0 0 1em;
	//display: inline;
}

form .range .combo-field-active .field * {
	float: none;
	clear: both;
	left: 0;
}

/*}
Common styles
{*/

html form .invisible, html form .invisible .fieldset, html form .invisible .row {
	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;
}

/*}
EXTRA
{*/

.no_choice input, .no_choice .selector label .selected {
	display: none;
}

.no_choice .selector label {
	margin-left: 0;
}

form .row .required_message, form .repeat_control {
	width: 8em;
}

#content .reducer {
	margin-right: 8em;
	width: auto;
}

#content form.anketa .reducer {
	margin-right: 0;
	width: auto;
}

#content .reducer .reducer {
	margin-right: 0;
	width: auto;
}

form .scrolled {
	padding-top: 1px;
}

form .scrolled .field {
	border: 1px solid #cccccc;
	margin: 1.2em 0 0 0;
	padding: 0.5em;
	height: 10em;
	overflow: auto;
}

#content div.property {
	margin: 0;
	padding: 0;
}

#content .resource {
	padding-left: 2.6em;
}

#content .resource .reducer {
	border: 1px solid #cccccc;
	position: relative;
	padding: 0.5em;
}

#content .resource.image .reducer {
	min-height: 14em;
	//height: 14em;
}

form .resource strong.legend {
	display: block;
	border: 0 hidden;
	margin-left: -2.6em;
	margin-bottom: 0;
	clear: both;
}

form .resource .row {
	position: static;
	margin: 0;
	padding: 1px 0;
}

form .resource .for_textarea .field {
	margin-bottom: 1em;
}

form .resource .label {
	width: 200px;
	margin: 0 -200px 0 0;
}

form .resource .field {
	width: auto;
	margin: 0;
	padding: 0 0 0 210px;
}

form .resource .for_textarea .label {
	position: relative;
}

form .resource .for_textarea .label label, form .resource .for_textarea .label .comment {
	position: absolute;
	width: 200px;
}

form .resource textarea {
	height: 5em;
}

form .resource .preview {
	display: block;
	width: 170px;
	//width: 200px;
	height: 10em;
	//height: 11em;
	margin: 0.5em 0;
	border: 1px dashed #cccccc;
	padding: 15px;
	overflow: auto;
}

form .resource .preview .popup_after, form .resource .preview .popup:after {
	content: '' !important;
}

form .resource .preview a img {
	border: 1px solid;
}

form .resource .removed .label label {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

form .no_append .repeat_control .append, form .no_remove .repeat_control .remove {
	display: none;
	top: -100px;
}

form .compact_resources {
	width: 100%;
	clear: left;
}

form .compact_resources:after {
	content: '';
	display: block;
	clear: left;
}

form .no_description .resource, form .compact_resources .resource {
	min-height: 0;
	height: auto;
}

form .compact_resources .resource {
	float: left;
	clear: none;
	width: auto;
	margin-right: 5em;
}

form .compact_resources .resource .repeat_control {
	width: 5em;
	//width: 4em;
	padding: 0;
	overflow: hidden;
}

form .compact_resources .resource .repeat_control .button {
	position: relative;
	float: left;
	display: inline;
}

#content .compact_resources .reducer {
	height: auto;
	float: left;
}

form .no_description .resource .row, form .no_description .resource .label, form .no_description .resource .label label, form .no_description .resource .field, form .compact_resources .resource .row, form .compact_resources .resource .label, form .compact_resources .resource .label label, form .compact_resources .resource .field {
	float: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	height: auto;
	width: auto;
	display: block;
}

form .no_description .resource .for_textarea .label label, form .no_description .resource .for_textarea .label .comment, form .compact_resources .resource .for_textarea .label label, form .compact_resources .resource .for_textarea .label .comment {
	position: static;
	width: auto;
}

form .compact_resources .resource .selector {
	width: auto;
	float: left;
	clear: left;
}

form .no_description .resource .preview, form .compact_resources .resource .preview {
	width: auto;
	height: auto;
	margin: 10px 0;
	overflow: visible;
}

form .no_description .for_textarea .field {
	display: none;
}

form .tabs_sheets .sheet {
	position: relative;
	z-index: 1;
	width: auto;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 0.5em 12px 2em 8px;
}

form .tabs_sheets .sheet .reducer {
	zoom: 1;
}

form .tabs_sheets .sheet .reducer .reducer {
	zoom: normal;
}

form .tabs_sheets .tabs {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0.5em 0 0 0;
	padding: 0;
}

form .tabs_sheets .tabs:after {
	content: '';
	display: block;
	clear: left;
}

form .tabs_sheets .tabs .legend {
	position: relative;
	display: block;
	float: left;
	margin: 0.3em -1px 0 0;
	padding: 0.1em 0.5em 0 0.5em;
	font-weight: normal;
	border: 1px solid #cccccc;
	border-bottom: 0 hidden;
	background: #ffffff;
	cursor: default;
}

form .tabs_sheets .tabs .selected {
	top: 1px;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 0.3em;
	border-top: 2px solid #ff6600;
}

#cabinet .main,
#form_programm .main {
	position: relative;
}

#content form.delete {
	position: absolute;
	padding: 0;
	margin: -5.6em 0 0 0;
	right: 0;
}

#content form.delete .fieldset,
#content form.delete .row,
#content form.delete .reducer,
#content form.delete dl {
	padding: 0;
	margin: 0;
}

#content form.delete label {
	display: none;
}

#content form.delete .row .field {
	margin: 0;
}

#content form.delete_checkbox {
	position: absolute;
	padding: 0;
	margin: -5.9em 0 0 0;
	right: 0;
	width: 20em;
}

#content form.delete_checkbox .reduce {
	position: relative;
}

#content form.delete_checkbox .fieldset,
#content form.delete_checkbox .row,
#content form.delete_checkbox .reducer,
#content form.delete_checkbox dl {
	padding: 0;
	margin: 0;
}

#content form.delete_checkbox label {
	display: none;
}

#content form.delete_checkbox .selector label {
	display: block;
}

#content form.delete_checkbox .type_checkbox {
	font-size: 80%;
	float: right;
	width: 16em;
	position: relative;
	top: 0;
	clear: none;
}

#content form.delete_checkbox .type_submit {
	float: left;
	position: relative;
	top: 0;
	clear: none;
}

#content form.delete_checkbox .row .field {
	margin: 0;
}

/**/
/*Ширины*/
form .field input.full {
	width: 100%;
}

form .field input.phone,
form .phone .field input {
	width: 10em;
}

form .field input.email,
form .email input {
	width: 16em;
}

form .field input.price {
	width: 4em;
}

form .field input.short {
	width: 6em;
}

form .field .selector input {
	width: auto;
}

form .fieldset select {
	padding: .2em 0;
	font-size: 105%;
}

form .fieldset .type_datetime select {
	padding: 0;
}

form .label {
	float: left;
}

form .field input[type='text'],
form .field input[type='password']{
	font-size: 105%;
/*	line-height: 1em;    */
/*	margin: 0 !important;*/
}

form .field textarea {
	width: 100%;
	padding: .3em;
}

form .label label span,
form .row .comment {
	display: block;
	font-size: 80%;
	padding-right: 1em;
}

form .fieldset .legend {
	font-size: 130%;
	font-weight: bold;
	display: block;
	margin-bottom: 0.5em;
}

form .fieldset .fieldset .legend {
	font-size: 95%;
	border-bottom: none;
	font-weight: normal;
}

/*
form .fieldset .fieldset .reducer div,
form .fieldset .fieldset .fieldset .reducer div {margin-left:30%;}
*/

form .fieldset .resource-preview .reducer div div,
form .fieldset .resource-image .reducer div div,
form .fieldset .resource-preview .reducer div.selector,
form .fieldset .resource-image .reducer div.selector,
form .album-image .reducer div div,
form .album-image .reducer div.selector,
form .whatsup-image .reducer div div,
form .whatsup-image .reducer div.selector {
	margin-left: 0;
}

form .fieldset .resource-preview .legend,
form .fieldset .resource-image .legend,
{
	width: 30%;
	position: absolute;
}

form .legend span,
form .legend span {
	display: block;
	font-size: .8em;
	font-weight: normal;
}

#r_auser_id {
	padding-left: 30%;
}

form .fieldset .resource-image div img {
	max-height: 250px !important;
	max-width: 350px !important;
}

form .repeat {
	margin-bottom: 1em;
	margin-left: -.6em;
	background: #eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 1em;
	border-radius: 6px;
	border-color: #ccc;
}

form .repeat_control input {
	width: 82%;
	margin-bottom: .3em;
}

form .repeat_control input.up {
	width: 40%;
	margin-right: 2%;
}

form .repeat_control input.down {
	width: 40%;
	margin-right: 4%;
}


form .field input.input-day {
	width: 2em;
	padding: .1em 0 0 0;
}

form .field input.input-year {
	width: 4em;
	padding: .1em 0 0 0;
}

form .field input.input-hour,
form .field input.input-minute,
form .field input.input-second {
	padding: .1em 0 0 0;
}

form .fieldset dl.type_date dd input,
form .fieldset dl.type_date dd.field select {
	margin-top: .3em;
	padding: 0;
	font-size: 105%;
}

.label {
	margin-right: -100%;
	width: 10.5em;
	padding-right: 1em;
}

.label label {
	margin-right: 2%;
}

.field {
	padding-left: 11em;
}

.fields {
	width: 65%;
}

/*
#login .label {width:4em;}
#login .field {width:25em;}
*/
/*Дизайн блоки при формировании программы */
form .fieldset.design .field .selector {
	width: 22%;
	margin-right: 10%;
	float: left;
}

form .fieldset.design .field .selector input {
	margin-left: .2em;
}


form .age_fields .row {
	float: none;
	width: auto;
	margin-right: 2em;
}
form .age_fields .row .label {
	width: auto;
	float: none;
	margin: 0;
}
form .age_fields .row .field {
	padding: 0;
}
form .age_fields .row input {
	width: 2em;
}

form .age_fields .row,
form .age_fields .row .label,
form .age_fields .row .field {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

form .worktime .valid_message {

	position: absolute;
}
form .worktime .field {
	padding-left: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
form .worktime .field:after {
	content: '';
	display: none;
}
form .worktime .row {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 0;
}
form .worktime .label {
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: none;
	width: auto;
	margin: 0;
	padding: 0 0.3em 0 0;
}
form .worktime .repeat_control {
	position: relative;
	float: right;
	left: 0;
	width: auto;
	white-space: nowrap;
	margin-right: 6em;
	padding-right: 2em;
}
form .worktime .repeat_control input {
	width: auto;
}
form .worktime .repeat_control .remove {
	left: 100%;
}



.xforms_form {left:-10000px; position:relative;}
.xforms_form.widget-inited{left:auto;}