@charset "UTF-8";

/* CSS Document */

/* Overrides some of the default styles 
   for widget error messages to include images
----------------------------------------------- */
input{
	width:180px;
}
select{
	width: 185px;
}
input, select, textarea{
	margin-left: 10px;
	font-size: 11px;
	color: #333333;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.buttons{
	margin-top:15px;
}
.buttons input{
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:2px;
	padding-left:0px;
}
.formLabel{
	width:150px;
	margin-bottom:7px;
	margin-top:7px;
}
#errors{
	float:left;
	height:25px;
	margin-top:10px;
}
.selectRequiredState .formLabel, .selectInvalidState .formLabel,
.textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel{
	color: #CC3333;	
}
.selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg{
	border:0px;
	padding-left:22px;
	margin-left:4px;
	background-image:url(../pics/error.gif);
	background-repeat:no-repeat;
	height: 12px;
	width: 12px;
}
.validMsg{
	width:12px;
	height:12px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg{
	display:inline;
}

#okmessage{
	margin-top:10px;
	color: green;
	display:none;
}