@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------
											General Styles (Original Spry)
---------------------------------------------------------*/
/*-------------------------------------------------------
											Message Styles
---------------------------------------------------------*/
.textfieldRequiredMsg, /*Text Field Style*/
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,
.selectRequiredMsg, /*Select Field Style*/
.selectInvalidMsg, 
.textareaRequiredMsg, /*Text Area Styles*/
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg,
.radioRequiredMsg, /*Radio Field Styles*/
.radioInvalidMsg,
.checkboxRequiredMsg, /*Checkbox Field Styles*/
.checkboxMinSelectionsMsg,
.checkboxMaxSelectionsMsg
{
display: none;
position:absolute;top:0;left:174px;
}
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display: block;
	display: none;
}
/*-------------------------------------------------------
											Error Styles
---------------------------------------------------------*/
/*ERROR MSG*/
.textfieldRequiredState .textfieldRequiredMsg, /*Text Field*/
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.selectRequiredState .selectRequiredMsg, /*Select Field*/
.selectInvalidState .selectInvalidMsg,
.textareaRequiredState .textareaRequiredMsg, /*Text Area*/
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg,
.radioRequiredState .radioRequiredMsg, /*Radio Field*/
.radioInvalidState .radioInvalidMsg,
.checkboxRequiredState .checkboxRequiredMsg, /*Checkbox Field*/
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg
{
display:inline;
font-size:11px;
color:#cc0000;
background-image:url(../i/icon-red-x.gif);
background-position:4px 6px;
background-repeat:no-repeat;
width:200px;
padding:4px;
padding-left:17px;
/*background-color:#fff;*/
background-color:transparent !important;
/*border:1px dashed #cc0000;*/
}

.textareaRequiredState .textareaRequiredMsg, /*Text Area*/
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
}

/*ERROR INPUT CLASS*/
td.right input.textfieldRequiredState, td.right .textfieldRequiredState input, /*Text Field*/
td.right input.textfieldInvalidFormatState, td.right .textfieldInvalidFormatState input, 
td.right input.textfieldMinValueState, td.right .textfieldMinValueState input, 
td.right input.textfieldMaxValueState, td.right .textfieldMaxValueState input, 
td.right input.textfieldMinCharsState, td.right .textfieldMinCharsState input, 
td.right input.textfieldMaxCharsState, td.right .textfieldMaxCharsState input,
select.selectRequiredState, .selectRequiredState select, /*Select Field*/
select.selectInvalidState, .selectInvalidState select,
textarea.textareaRequiredState, .textareaRequiredState textarea, /*Text Area*/
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea
{
background-color:#ffffcc;
/*border:2px solid #FF9933;*/
}
/*-------------------------------------------------------
											Focus States
---------------------------------------------------------*/
.textfieldFocusState input, input.textfieldFocusState, /*Text Field*/
.selectFocusState select, select.selectFocusState, /*Select Field*/
.textareaFocusState textarea, textarea.textareaFocusState, /*Text Area*/

{
background-color:#ffffcc;
}
/*-------------------------------------------------------
											Success States
---------------------------------------------------------*/
.textfieldValidState input, input.textfieldValidState, /*Applies styles to the input element*/
.selectValidState select, select.selectValidState,
.textareaValidState textarea, textarea.textareaValidState
{
background-color: #fff;
}
.textfieldValidState, /*Green Checkmark Success, Applies to the Container*/
.selectValidState,
.textareaValidState,
.radioValidState,
.checkboxValidState
{ 
background-image:url(../i/icon-green-check.gif);
background-position:174px 50%;
background-repeat:no-repeat;
}
.textareaValidState {
background-position:220px 6px;
}
/*---------------------------------------------------------
										Alert States
----------------------------------------------------------*/
.textfieldFlashText input, input.textfieldFlashText {
color:red;
}




#spryOfficeZip, #spryComments,#spryEmail,#spryPassword,#spryFirstName,#spryLastName,#spryAddress1,
#spryCity,#spryState,#spryZip,#spryCountry,#spryBillEmail,#spryCreate,
#spryCreatePass,#spryCreatePassAgain,#spryCreditCard,#spryExpire,
#spryExpireDate,#spryCreditType,#spryVerification,#sprySubscribe,#spryPhoneNumber {
display:block;
position:relative;
}