/*
 * @author Gaponov Igor <gapon2401@gmail.com>
 */
.multiform-gap-form { width: 515px; }
.multiform-gap-form .errormsg, .multiform-mask-error { font-style: italic; color: #ff0000; }
.multiform-gap-field { margin-bottom: 10px; }
/*.multiform-gap-field:after { clear: both; content: ''; display: block; }*/
.multiform-gap-name { float: left; width: 200px; word-wrap: break-word; }
.s-required .multiform-gap-name:after { content: '*'; color: #ff0000; margin-left: 3px;  }
.multiform-gap-value { margin-left: 220px; }
.multiform-gap-value input[type='text'], .multiform-gap-value textarea { width: 95%; }
.multiform-gap-value textarea { height: 85px; }
.multiform-gap-option span { display: inline-block; margin-left: 5px;  }
.multiform-gap-option input[type="checkbox"], .multiform-gap-option input[type="radio"] { position: relative; top: 2px; }
.multiform-submit { margin-top: 15px; }
.multiform-empty-field,
input.multiform-empty-field,
select.multiform-empty-field { background-color: #ffcccc; }
.multiform-gap-htmlresult { color: green; clear: both; padding: 10px; }
.multiform-gap-record:after { content: ''; display: block; clear: both; }
.multiform-gap-record label { float: left; margin-right: 10px; font-weight: 600; }
.multiform-gap-record-value { word-wrap: break-word; }
.multiform-gap-record-value ul.menu-h li { margin-right: 5px; }
.multiform-gap-record-value ul.menu-v li { margin: 0; line-height: inherit; }
.multiform-gap-message { margin-bottom: 10px; }
.multiform-gap-field.errorfld .errormsg { margin-left: 0; }
.multiform-file-info { font-size: .75em; }
.multiform-gap-records .hint { color: #aaa; font-size: .8em; }
/*Icons*/
i.multiform-broom { text-decoration:none!important; background-repeat:no-repeat; vertical-align:top; margin-top: 5px; background-image: url("/wa-apps/multiform/img/broom.png"); height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
/* Minimal style */
.minimal .multiform-gap-name label { font-size: 16px; font-weight: 400; }
.minimal .multiform-gap-value  input { background: none; border: 0 none; border-bottom: 2px solid #000; font-size: 18px; font-weight: 600; padding: 2px; }
.minimal .multiform-gap-value textarea { background: none; border: 2px solid #000; font-size: 18px; font-weight: 600; padding: 4px; height: 120px; }
.minimal .multiform-gap-value textarea.multiform-empty-field, .minimal .multiform-gap-value  input.multiform-empty-field { background: #ffcccc; }
.minimal .multiform-gap-value select { background: none; border: 2px solid #000; font-size: 18px; font-weight: 600; padding: 2px; }
.minimal .multiform-gap-option span { font-weight: 600; font-size: 16px; }
.minimal .multiform-submit input { background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #222222; -webkit-box-shadow: 4px 4px 0 #222222; -moz-box-shadow: 4px 4px 0 #222222; box-shadow: 4px 4px 0 #222222; cursor: pointer; float: right; margin: 20px 0 0; padding: 15px 35px 10px 30px; position: relative; text-align: center; text-transform: uppercase; width: auto; }
.minimal .multiform-submit input:active { border: 4px solid #222222; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 4px; margin-bottom: -2px; top: 4px; }
/* Grey style */
.grey .multiform-gap-name label, .grey .multiform-gap-value  input, .grey .multiform-gap-value textarea { font-size: 14px; color: #454545; }
.grey .multiform-gap-value  input { height: 25px; }
.grey .multiform-gap-value  input, .grey .multiform-gap-value textarea, .grey .multiform-gap-value select { border: 4px solid #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #DDDDDD inset; -moz-box-shadow: 0 0 0 1px #DDDDDD inset; box-shadow: 0 0 0 1px #DDDDDD inset; padding: 3px; }
.grey .multiform-gap-value  input:focus, .grey .multiform-gap-value textarea:focus, .grey .multiform-gap-value select:focus { border-color: #E0E0E0; }
.grey .multiform-gap-field { width: 300px; float: left; margin-left: 15px; }
.grey .multiform-gap-field.type-textarea {  width: 99%; }
.grey .multiform-gap-name { float: none; }
.grey .multiform-gap-value { margin-left: 0; }
.grey .multiform-gap-value:after { clear: both; content: ''; display: block; }
.grey .multiform-gap-fields:after { clear: both; display: block; content: ''; }
.grey .multiform-submit { clear: both; }
.grey .multiform-submit input { -moz-box-shadow:inset 0px 1px 0px 0px #f5978e; -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e; box-shadow:inset 0px 1px 0px 0px #f5978e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f)); background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0); background-color:#f24537; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d02718; display:inline-block; color:#ffffff; font-size:16px; font-weight:normal; padding:10px 25px; text-decoration:none; text-shadow:0px 1px 0px #810e05; }
.grey .multiform-submit input:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537)); background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0); background-color:#c62d1f; }
.grey .multiform-submit input:active { position:relative; top:1px; }
.grey.multiform-gap-form { background-color: #F7F7F7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 0; position: relative; width: 640px; }
.grey.multiform-gap-form:before { background: url("/wa-apps/multiform/img/shadow-form.png") no-repeat scroll left top transparent; content: ""; display: block; height: 10px; left: 0; position: absolute; top: 100%; width: 640px; }
.grey .multiform-gap-option { float: left; margin-right: 10px; }
.grey .multiform-gap-option input[type="checkbox"], .grey .multiform-gap-option input[type="radio"] { top: 6px; }
.grey .multiform-gap-field.errorfld { clear: both;  }
.multiform-fileinput-button span { display: none; }