/* 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.loading ins.loader { visibility: visible !important; }
form.success p.success_message { display: block; }

form .fieldset { position: relative; margin: 0 0 2.5em 0; //width: 100%; //margin-bottom: 1em; }
form .row { position: relative; clear: left; width: 100%; margin: 0 0 1em 0; }
form .row .label { float: left; width: 30%; /* width: 13em; */ margin-right: -100%; padding-top: 0.4em; }
form .row .field { width: 60%;  padding-left: 30%; /* padding-left: 13em; */ /* width: 25em; */ }
/* * html form .row .field { width: 55%; } */
form .row .button { margin-bottom: 1em; font-size: 9.5pt; //font-size: 100%; }
body .wide .label { float: none; width: auto; margin-right: 0; }
body .wide .field { padding-left: 0; }
form input.text, form textarea { display: block; width: 100%; font-size: 14pt; }
form textarea { overflow: visible; }
* html form textarea { overflow: auto; }

/* text & messages: comment, example, required, valid */
form .row .comment,
form .row .example,
form .row .required_message,
form .row .valid_message { font-size: 8pt; color: #808080; margin-top: 0.4em; line-height: 1.5; }
form .row .example { width: 80%; }

/* 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.after ? this.after = ( 1 | this.appendChild( document.createElement( 'u' ) ).appendChild( document.createTextNode( '*' ) ) ) : '' );*/ }
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; }
form i.icon { position: absolute; top: 0; height: 100%; }
form dl.required .field i.icon { border-left: solid 3px #e10015; }
form dl.required-ok .field i.icon { border-left: solid 3px #71ab36; }

/*form i.icon { background: url(/images/form_icons.gif) no-repeat; overflow: hidden; }
form .required i.icon, form .required-ok i.icon { position: absolute; display: inline; padding: 16px 16px 0 0; height: 0; top: 0.7em; margin: -6px 0 0 5px; right: -30px; }
form .required .label i.icon { margin: 0 0 0 5px; top: 0.5em; right: auto; }
form .required i.icon { background-position: 0 0; }
form .required-ok i.icon { background-position: -16px 0; }*/

/* common styles */
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; }
form .for_textarea .label { padding-top: 0; }
form .type_submit { margin-top: -0.5em; }
form .row .field .loader { position: absolute; width: 16px; height: 16px; margin: 0.2em 0 0 0.7em; background: url(/images/ajax-loader-gray.gif) no-repeat; visibility: hidden; }
form p.success_message { font-weight: bold; display: none;}