input.required {
    background: url(../javascript/required.gif) no-repeat 96% center #FFFFCC;
    border: 1px solid #999944;
}


input.valid {
    background: url(../javascript/valid.gif) no-repeat 96% center #CCFFCC;
    border: 1px solid #44AA44;
    color: #004400;
}


input.invalid {
    background: url(../javascript/invalid.gif) no-repeat 96% center #FFCCCC;
    border: 1px solid #AA4444;
    color: #551111;
}


/* blend in normal inputs */

input {
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
}



/* alert box */

#formAlert {
    background: #FFCCCC;
    border: 1px solid #AA4444;
    color: #551111;
    padding: 3px 6px;
    display: none;                  /* initially hidden */
}