@charset "UTF-8";

/* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages 
 *(ab der 3.ten rosa Zeile habe ich programmiert)
 * (required message, minSelections message and maxSelections message)
 * which prevent them from being displayed by default.
 */
.checkboxRequiredMsg, 
.checkboxMinSelectionsMsg, 
.checkboxMaxSelectionsMsg,
.checkboxMinValueMSG,
.checkboxMaxValueMsg,
.checkboxMinCharsMsg,
.checkboxMaxCharsMsg,
.checkboxValidMsg {
	display: none;
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 * ab der 3.ten rosa Zeile habe ich programmiert)
 */
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, 
.checkboxMinValueState .checkboxMinValueMsg,
.checkboxMaxValueState .checkboxMaxValueMsg,
.checkboxMinCharsState .checkboxMinCharsMsg,
.checkboxMaxCharsState .checkboxMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* Ab hier habe ich, em, programmiert. Bei ok ist die Farbe gruen
 */

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

/* Wenn alles falsch ist, ist die Farbe rot. */
input.checkboxRequiredState, .checkboxRequiredState input, 
input.checkboxInvalidFormatState, .checkboxInvalidFormatState input, 
input.checkboxMinValueState, .checkboxMinValueState input, 
input.checkboxMaxValueState, .checkboxMaxValueState input, 
input.checkboxMinCharsState, .checkboxMinCharsState input, 
input.checkboxMaxCharsState, .checkboxMaxCharsState input {
	background-color: #FF9F9F;
}


/* Das habe auch ich gemacht. 
 * When the widget has received focus, the INPUT has a yellow background applied on it. 
 */
.checkboxFocusState input, input.checkboxFocusState {
	background-color: #FFFFCC;