.ui-base-error-messages { @extend .ui-state-error; @extend .ui-corner-all; margin: 0px 0px 5px 0px; padding: 3px 5px 3px 5px; .ui-icon { float: left; margin-right: 3px; } p { padding-bottom: 2px; } } .ui-form { @extend .ui-widget-content; @extend .ui-corner-all; .ui-fieldset { @extend .ui-widget-content; @extend .ui-corner-all; clear: both; padding: 10px; margin: 10px; .ui-fieldset { padding: 5px; margin-left: -5px; } legend { padding: 3px 10px 3px 10px; margin-left: 10px; } } .ui-form-buttons { display: block; clear: both; padding: 5px 25px 5px 124px; text-align: left; } .ui-button.ui-state-error { float: right; } .ui-form-column { display: block; float: left; clear: both; margin-bottom: 5px; position: relative; width: 335px; &.ui-input-error input, &.ui-input-error textarea, &.ui-input-error select { //Taken from .ui-state-error-text border-color: #cd0a0a; } .ui-form-column { float: left; clear: none; } } .ui-form-row { float: left; clear: both; .ui-form-column { float: left; clear: none; } } .ui-form-column.ui-check_boxes-input { .ui-form-column { float: left; clear: none; } } .ui-form-row.ui-radio-input, .ui-form-column.ui-radio-input, .ui-form-row.ui-check_boxes-input, .ui-form-column.ui-check_boxes-input { clear: both; width: auto; } .ui-form-row.ui-check_boxes-input, .ui-form-column.ui-check_boxes-input { clear: both; width: auto; } .ui-form-column.ui-select-input, .ui-form-row.ui-select-input{ height: 24px; } .ui-form-column.ui-hidden-input, .ui-form-row.ui-hidden-input { display: none; } .ui-fieldset.ui-buttonset { width: 100%; } .ui-input-error-message { font-size: 80%; @extend .ui-state-error-text; text-align: right; font-style: italic; } .ui-check_boxes-input .ui-input-error-message, .ui-radio-input .ui-input-error-message { margin-top: -7px; } .ui-input-hint { position: absolute; top: 5px; left: 129px; font-size: 100%; opacity: .40; filter: Alpha(Opacity = 40); } .ui-check_boxes-input .ui-input-hint, .ui-radio-input .ui-input-hint { top: 27px; left: 21px; } .ui-check_boxes-input .ui-buttonset .ui-input-hint { position: relative; top: -4px; } .ui-boolean-input .ui-input-hint { left: 139px; } .ui-file-input .ui-input-hint { position: relative; left: 126px; } label { width: 120px; float: left; text-align: right; margin-right: 5px; margin-top: 4px; } input.ui-string-input, input.ui-password-input, input.ui-email-input, input.ui-phone-input, input.ui-url-input, input.ui-search-input, input.ui-number-input, input.ui-file-input, input.ui-range-input, input.ui-date-input, input.ui-datetime-input, input.ui-time-input { width: 200px; padding: 2px; margin: 0px; line-height: 1.5em; } input.ui-date-input { width: 100px; } input.ui-range-input { margin-top: 2px; padding-bottom: 0px; } input.ui-search-input { margin-top: 3px; } textarea.ui-text-input { width: 200px; padding: 2px; margin: 0px; } input.ui-boolean-input, input.ui-radio-input { margin: 7px 0px 5px 0px; } select.ui-select-input { max-width: 200px; margin: 2px 0px 0px 0px; height: 22px; } }