/* Form validator */
input {
        border: #CCC solid 1px;
        border-radius: 3px;
        padding: 3px;
}
label, input, button, select, textarea {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
}
.controls {
        margin-left: 180px;
}
label {
        display: block;
        margin-bottom: 5px;
}
.control-label {
        float: left;
        width: 160px;
        padding-top: 5px;
        text-align: right;
}
span.form-error {
    display: block !important;
    float: none;
    font-size: 85% !important;
    color: red;
    padding-top: 4px;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
}

input.valid {
    background: url(../img/icon-ok.png) no-repeat right center #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(../img/icon-fail.png) no-repeat right center #ffebef;
    color: #480000;
}

.form-suggest-element {
    padding: 4px;
}

form.validating-backend {
    background: url(../img/ajax-loader.gif) no-repeat center center;
}

form.validating-backend div {
    opacity: 0.5;
}

.max-chars {
    background: #EEE;
    color: #999;
}

.form-help {
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}