input, select, textarea {
	color:#415067;
	font-size:11px;
	font-family : Tahoma,Verdana,Arial; 
	border-color: #CCCCCC;
	border-width: 1px;
}
.formLabel{
	width:150px;
	margin-bottom:0px;
	margin-top:10px;
}
#errors{
	float:left;
	height:15px;
	margin-top:10px;
}
.checkboxRequiredState .formLabel, 
.checkboxMaxSelectionsState .formLabel,
.selectRequiredState .formLabel, 
.selectInvalidState .formLabel,
.textareaRequiredState .formLabel, 
.textareaMinCharsState .formLabel, 
.textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, 
.textfieldInvalidFormatState .formLabel, 
.textfieldMinValueState .formLabel, 
.textfieldMaxValueState .formLabel, 
.textfieldMinCharsState .formLabel, 
.textfieldMaxCharsState .formLabel, 
.radioRequiredState .formLabel{
	color: #CC3333;	
}
.checkboxRequiredState .checkboxRequiredMsg, 
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, 
.selectRequiredState .selectRequiredMsg, 
.textareaRequiredState .textareaRequiredMsg, 
.textareaMinCharsState .textareaMinCharsMsg, 
.textareaMaxCharsState .textareaMaxCharsMsg, 
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(../images/error.gif);
	background-repeat:no-repeat;
}

.validMsg{
	width:auto;
	height:auto;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

.textfieldValidState .validMsg, 
.textareaValidState .validMsg, 
.selectValidState .validMsg, 
.checkboxValidState .validMsg, 
.radioValidState .validMsg{
	display:inline;
}

#okmessage{
	margin-top:10px;
	color: green;
	display:none;
}
/* textfield style
/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	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: #CC3333;
	/* border: 1px solid #CC3333; */
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character. */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* textarea style
/* These are the classes applied on the error messages
 * which prevent them from being displayed by default. */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	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. .textareaRequiredState) 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". */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/* border: 1px solid #CC3333; */
}
/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more. */
.textareaFlashState textarea, 
textarea.textareaFlashState{
	color:red !important;
}

/* select tyle */
/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default. */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) 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". */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	/* border: 1px solid #CC3333; */
}
.msgError {
	color: #CC3333;
} 
/* SpryAutoSuggest.css - version 0.1 - Spry Pre-Release 1.5 */

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

.hideSuggestClass{
	border: 1px solid #CCCCCC;
	background-color: white;
	height: 75px;
	overflow:auto;
	display:none;
	width: 250px;
	margin: 0px;
	cursor: pointer;
}

.showSuggestClass .hideSuggestClass{
	display: block !important;
}

.showSuggestClass .hoverSuggestClass{
	background-color: #CCCCCC !important;
}