/*-----------------------------------------------------------------------------
 * validation.css
 *-----------------------------------------------------------------------------
 * Author:   Estelle Winterflood
 * Email:    cubecart@expandingbrain.com
 * Store:    http://cubecart.expandingbrain.com
 *-----------------------------------------------------------------------------
 * This file is common to several CubeCart 4 mods:
 * - Text Input Fields for Products
 * - Fully Flexible Contact Forms
 * - Force Selection of Product Options
 * - Advanced Contact Forms
 * - possibly more to come...
 *-----------------------------------------------------------------------------
 * Date:     December 23, 2007
 *-----------------------------------------------------------------------------
 */


/**** NOTE ****/
/* If you customize this file, you will have to be careful when installing
 * any of the mods listed above, because this file is common to all of them.
 * Recommendation: rename this file e.g. "validation_custom.css" and then
 * update your styleTemplates/global/index.tpl with the new filename.
 */

/* Required fields */

input.required, textarea.required, select.required {
  /* Border color of required fields */
  /*border: 1px solid #70CDCC;*/
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
  /* Border color of required fields if validation has failed */
  border: 1px solid #FF3333;
}
input.validation-passed, textarea.validation-passed, select.validation-passed {
  /* Border color of required fields if validation is successful */
  border: 1px solid #B1D16C;
}

/* Error messages */

.validation-advice, .custom-advice {
  margin-top: 5px;
  color: #FF0000;
  font-weight: bold;
  /* Note: background color is needed to fix an animation problem in IE6 */
  background-color: #000000;
}