@charset "UTF-8";

#reserveform {	font-size:12px;	font-family: Helvetica, Arial, Sans-Serif;}

.formLabel {	width:auto;	color: #666;font-weight: bold;max-width: 420px;clear: both;	padding-bottom: 4px;padding-top: 7px;}

input{ width:180px; color:#333; font-size:12px; float:left; font-style:italic; }
select{	width: 185px;	font-size:13px;	color: #666;	float: left;font-style: italic !important;}
textarea {	width:420px;	font-family: Helvetica, Arial, Sans-Serif;	font-size: 12px;	color: #333;clear: both;float: left;font-style: italic;}

.buttons { float:left; width:100%; height:21px;}
#reserveform .buttons input {
	display:block;
	margin: 0 10px 0 2px;
	height: 21px;
	width: 117px;
	border-style: none;
	cursor: pointer;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float:left;
}
.buttons input#submit { width:117px; background-image: url(../images/contact/submit.png);}
.buttons input#reset { width:109px; background-image: url(../images/contact/reset.png); }
#errors{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, .radioRequiredState .formLabel{
	color: #CC3333;	
}
#Countvalidta1{
	width:17px;
}
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
	background-image:url(../images/error.png);
	width:16px;
	height:16px;
	display:inline;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	background-position: left;
}

.validMsg{
	width:16px;
	height:16px;
	margin-top:0px;
	display:none;
	float: left;
	background: url(../images/ok.png) no-repeat;
	margin-left: 10px;
}

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

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

fieldset {
	padding: 3px 10px 0px 0px;
	width: 225px;
	float: left;
	border: none;
}

/* TEXTFIELD STYLES */

/* 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: block;
}

/* 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;
	font-size: 90%;
}

/* 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;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}



/* TESTAREA STYLES */

/* 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;
}

/* 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;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}

/* SELECT STYLES */

/* 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;*/
}