/* 
 * ---------------------------------------- *
 * Name: 	FormValidation                  *
 * Type: 	CSS                             *
 * Version: 2.1.0                           *
 * Author:	Matt O'Neill                    *
 * Status:	Development                     *
 * ---------------------------------------- *
 */

/* core
   ---------------------------- */

.mon-form > h2 { margin-top: 0; margin-bottom: 10px; }

/* error summary */
.mon-form .error-summary { display: none; border: 2px solid #B3213D; margin-bottom: 10px; padding: 5%; -webkit-box-shadow: inset 0 1px 7px -4px #242424, 0 1px 7px -4px #242424; box-shadow: inset 0 1px 7px -4px #242424, 0 1px 7px -4px #242424;}
.mon-form .error-summary h3 { margin: 0; font-size: 23px; font-weight: normal; line-height: 23px; margin-bottom: 20px; }
.mon-form .validation-summary-errors { border: 2px solid #B3213D; color: #B3213D; padding: 2%; font-size: 14px; }

/* form sections */
.mon-form .form-section { }

.mon-form .form-section .form-field > h3 { float: left; margin: 0 0 10px 0; -webkit-box-shadow: inset 0 1px 6px -3px #000000, 0 1px 6px -3px #000000; box-shadow: inset 0 1px 6px -3px #000000, 0 1px 6px -3px #000000; padding: 6px 10px; color: #E4E4E4; background: #2f2f2f; }
.mon-form .form-section .form-field > .label { display: block; width: 100%;float: left;margin-bottom: 5px;font-weight: bold;font-size: 11px; }
.mon-form .form-section .form-field .field { width: 100%; display: block; float: left;}

.mon-form .form-section .form-field.error { border: 1px solid #E0294C }

/* row inline error messages */
.mon-form .form-section .form-field .err-msgs > div { display: none; width: 100%; color: #E0294C; float: left; margin-top: 10px; }
.mon-form .form-section .form-field.valid .err-msgs { display: none;  }
.mon-form .form-section .form-field .err-msgs:before {  content: ""; display: block; } 
.mon-form .form-section > .form-field .err-msgs:after {  content: ""; display: table; }
.mon-form .form-section .form-field .err-msgs:after { clear: both; }
.mon-form .form-section .form-field .err-msgs { zoom: 1; }

/* actions */
.mon-form .actions { width: 100%; float: left;}
.mon-form .actions .submit {float: left; position: relative }
.mon-form .actions .submit.float-right { float: right; }

/* field types 
   ---------------------------- */
.mon-form .form-field[data-type=checkbox] > .field > *,
.mon-form .form-field[data-type=radio] > .field > * { float: left; margin-left: 10px; }
.mon-form .form-field > .field > *:first-child { margin-left: 0; }

/* number/text/email input */
.mon-form .field > input { }
.mon-form .field > input.text { }
.mon-form .field > input.number { }
.mon-form .field > input.email { }

/* multi */
.mon-form .field.multi > input { width: 50px; }

/* date */
.mon-form .field > .date {  }

.mon-form .field > .date.day {  }
.mon-form .field > .date.month { }
.mon-form .field > .date.year { }

.mon-form .submit-trigger { width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;z-index: 3;background: #fff;opacity: 0;filter: alpha(opacity=0); }
.mon-form .submit input { z-index: 1;position: relative;}