/*-----------------------------------------------------------------------------
 * 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 {
clear: both;
padding: 10px 0 0 120px;
	margin-top: 5px;
	color: #FF0000;
	font-weight: bold;
    /* Note: background color is needed to fix an animation problem in IE6 */
	background-color: #FFFFFF;
}