/*-----------------------------------------------------------------------------

 * 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: #FFFFFF;

}