@charset "utf-8";
.inputField {
	width: 300px;
	float: left;
}
#formTable td { padding-bottom: 10px; }
.formLabel {
	font-weight: bold;
	text-align: right;
	color: #CCCCCC;
}
.formLabelTop {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #CCCCCC;
}

.ccab { 
	display: none;
}
/* 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 color for the error text.
 * The state class (e.g. .textfieldRequiredState) 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".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #FF6600;
	border: 1px solid #CC3333;
}
legend {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	padding: 20;
}
fieldset {
	margin: 20px;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	border: none;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #00CC99;
}
.inputFieldMessage {
	width: 550px;
	float: left;
}
.inputFieldPetit {
	width: 300px;
	float: left;
}