/* TextField */

.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
    display: none;
}

.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
    background: none;
    width: 100%;
    height: 33px;
    display: block;
    color: #fff;
    float: right;
    margin-bottom: 10px;
    padding: 0 auto;
    text-align: left;
    line-height: 34px;
    color: #F00;
    font-weight: bold;
    padding-left: 5px;
    margin-top: -15px;
}

.textfieldValidState input,
input.textfieldValidState {
    background-color: #B8F5B1;
}

input.textfieldRequiredState,
.textfieldRequiredState input,
input.textfieldInvalidFormatState,
.textfieldInvalidFormatState input,
input.textfieldMinValueState,
.textfieldMinValueState input,
input.textfieldMaxValueState,
.textfieldMaxValueState input,
input.textfieldMinCharsState,
.textfieldMinCharsState input,
input.textfieldMaxCharsState,
.textfieldMaxCharsState input {
    background-color: #FF9F9F;
}

.textfieldFocusState input,
input.textfieldFocusState {
    background-color: #FFFFCC;
}

.textfieldFlashText input,
input.textfieldFlashText {
    color: red !important;
}

.textfieldHintState input,
input.textfieldHintState {}


/* Textarea */

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
    display: none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg {
    background: none;
    width: 100%;
    height: 33px;
    display: block;
    color: #fff;
    float: right;
    margin-bottom: 10px;
    padding: 0 auto;
    text-align: left;
    line-height: 34px;
    color: #F00;
    font-weight: bold;
    padding-left: 5px;
    margin-top: -15px;
}


/* Select */

.selectRequiredMsg,
.selectInvalidMsg {
    display: none;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
    background: url(../_img/validation.png) top left no-repeat;
    width: 297px;
    height: 33px;
    display: block;
    color: #fff;
    float: right;
    margin: -5px 82px 0 0;
    padding: 0 auto;
    text-align: center;
    line-height: 34px;
}


/* Confirm */

.confirmRequiredMsg,
.confirmInvalidMsg,
.confirmValidMsg {
    display: none;
}

.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg {
    background: none;
    width: 100%;
    height: 33px;
    display: block;
    color: #fff;
    float: right;
    margin-bottom: 10px;
    padding: 0 auto;
    text-align: left;
    line-height: 34px;
    color: #F00;
    font-weight: bold;
    padding-left: 5px;
    margin-top: -15px;
}