#hdWelcome 		{ background: url(/img/forms/hd_welcome.gif) no-repeat 0 0; width: 328px; height: 46px;}
#hdJoin		 	{ background: url(/img/forms/hd_join.gif) no-repeat 0 0; width: 394px; height: 52px;}
#hdUnsub		{ background: url(/img/forms/hd_unsub.gif) no-repeat 0 0; width: 270px; height: 47px;}
#hdAccount  	{ background: url(/img/forms/hd_myaccount.gif) no-repeat 0 0; height: 56px;}
#hdThankyou  	{ background: url(/img/forms/hd_thankyou.gif) no-repeat 0 0; width: 486px; height: 57px;}
#hdLogout  		{ background: url(/img/forms/hd_logout.gif) no-repeat 0 0; width: 486px; height: 57px;}
#hdForgotpwd    { background: url(/img/forms/hd_forgot.gif) no-repeat 0 0; width: 508px; height: 58px;}
#hdSetpwd       { background: url(/img/forms/hd_resetpwd.gif) no-repeat 0 0; width: 486px; height: 57px;}
#hdPwdreset     { background: url(/img/forms/hd_pwdreset.gif) no-repeat 0 0; width: 508px; height: 58px;}
#hdAlldone		{ background: url(/img/forms/hd_all_done.gif) no-repeat 0 0; width: 486px; height: 57px;}

.formContainer h2 { 
	margin: 10px 0 10px 0;
	font: normal 1.8em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #50a4d2;	
	border: none;	
}


.errorMsg { color: red; font-size: 1.4em; margin: 0 0 0 13px; }

.errors {
	width: 572px;
	margin: 20px 0 20px 13px;
	padding: 5px 10px 10px 10px;
	background: #FFE7E2 url(/img/forms/icon_warning.gif) no-repeat 98% 80%;
	border: 1px solid #FBC2C4;
	}

.errors h3 { color: #FB0B02; margin: 0 0 10px 0;}
	
.errors ul { }
	
.errors ul li {
	margin: 0 50px 0 0;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #FB0B02;

}

p.formIntro { margin: 10px 10px 10px 15px;}
.formIntro a { color: #A52C35; }

*:first-child+html button[type]{ padding: 4px 10px 3px 7px; /* IE7 */ }
	
form a { text-decoration: underline !important; color: #A52C35 !important; }

/* !registration */

form.registration {	 }

form.registration fieldset { margin: 0 0 10px 19px; }

form.registration legend {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #a52c35;
	font-weight: bold;		
	}	
	
form.registration ol { }	
	
form.registration ol li {
	float: left;
	width: 42%;
	margin: 0 30px 15px 0;
	padding: 0;
	list-style: none;
	}
	
form.registration fieldset li.fullWidth { width: 100%; }
	

form.registration label {
	float: left;
	margin: 0 0 3px 0;	
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #2f474f;	
	}	
	
form.registration label.offer {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #002B60;	
	}	
	
form.registration label.checkbox, form.registration label.radio {
	display: block;
	float: left;
	width: 250px;
	margin: 0 0 8px 0;	
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #002B60;	
	text-transform: lowercase;
	}	
	
form.registration .textinput, form.registration select, form.registration .textarea {
	padding: 4px;
	width: 100%;	
	font-size: 1.1em;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-top: 2px solid #CCCCCC;
	}

form.registration .textarea {
	width: 100%;
	height: 150px;
	vertical-align: top;
	}	
	
form.registration select { }			
form.registration .selectShort { width: 87px; }	
form.registration select.pad { margin: 0 0 0 150px; }
	
form.registration .checkbox { float: left; margin: 0 10px 0 0; }

form.registration em { color: #E40000; }

form.registration small {
	font-size: 0.8em;
	text-transform: capitalize;
	}


/* !registrationThankYouPage */
#regThanks {
	margin: 0 0 0 5px;
}
#regThanks li {
	float: left;
	width: 209px;
	padding-right: 10px;	
	cursor: pointer;
}

#regThanks li.thankYouPage {
	float: left;
	width: 320px;
	padding-right: 10px;	
	cursor: pointer;
}

#regThanks h3 {
	color: #77b46b;
}
.thanksBorder {
	border-right: 1px solid #ccc;
}
#regThanks .greenBtn {
	margin-left: 10px;
}



	
/*POLL RESULTS*/
.pollResults { 
	padding: 0 0 10px 0;
	margin: 0 0 10px 10px;
	font-size: 1.2em;
}	
		
/* !what's this */

a.whatsThis {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 0 0 5px;
	background: url(/img/forms/icon_question.gif) no-repeat;
	text-decoration: none;
	}
		
a.whatsThis span {
	display: none; 
	padding: 5px 8px; 
	margin: 0 0 0 20px; 
	width: 130px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	}

a.whatsThis:hover span { 
	display: inline;
	position: absolute; 
	color: #5A94AC; 
	background: #EAF9FF; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CAEFFE; 
	-webkit-box-shadow: 5px 5px 10px #CCCCCC;
	-moz-box-shadow: 5px 5px 10px #CCCCCC;
	box-shadow: 5px 5px 10px #CCCCCC;
	cursor: pointer;
	text-decoration: none;
	}		
		
		

/* !login */

form.login { }

form.login fieldset { margin: 20px 0 10px 19px; }

form.login ol { }	
	
form.login legend {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #a52c35;
	font-weight: bold;	
	}	
	
form.login fieldset li {
	float: left;
	width: 42%;
	margin: 0 30px 15px 0;
	padding: 0;
	list-style: none;
	}
	
form.login fieldset li.dob { width: 100%; }	
	
form.login label {
	display: block;
	margin: 0 0 3px 0;	
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #2f474f;	
	}	
	
form.login .textinput, form.login select, form.login .textarea {
	padding: 4px;
	width: 100%;	
	font-size: 1.1em;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-top: 2px solid #CCCCCC;
	}	
	
form input[type=text].required, form input[type=password].required { background: url(/img/icon_input_required.gif) no-repeat 99% center; background-color: #FFE7E2; }
form input[type=text].invalid, form input[type=password].invalid { background: url(/img/icon_input_invalid.gif) no-repeat 99% center; background-color: #FFE7E2; }

/* for shorter input fields */
form input[type=text].invalidNoToken, form input[type=text].requiredNoToken {background: #FFE7E2;}

form.login .button {
	padding: 4px 8px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #FF5E00;	
	}
form.login .button:hover { cursor: pointer; }	

form.login p { margin-left: 19px; }

/* !user */

form.user {	}

form.user p { margin: 0 20px 10px 0; color: #2f474f; }

.ffgForm { padding: 0 0 60px 0; background: url(/img/bg_ffg.jpg) no-repeat right top; }
.emailPrefForm { padding: 0 0 140px 0; background: url(/img/bg_email_pref.jpg) no-repeat 90% top; }

form.user fieldset { margin: 0 0 10px 13px; }

form.user ol { }	
	
form.user legend {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #a52c35;
	font-weight: bold;
	}	
	
form.user fieldset li {
	float: left;
	width: 42%;
	margin: 0 30px 15px 0;
	padding: 0;
	list-style: none;
	}
		
form.user label {
	display: block;
	margin: 0 0 3px 0;	
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #2f474f;	
	}	
	
form.user .textinput, form.user select, form.user .textarea,form.user .phone3, form.user .phone4 {
	padding: 4px;
	width: 100%;	
	font-size: 1.1em;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-top: 2px solid #CCCCCC;
	}
	
form.user .phone3  {
	width: 55px;	
	display:inline
	}
form.user .phone4 {
	width: 70px;	
	display:inline
	}
	
form.user .checkbox { float: left; margin: 0 10px 0 0; }	

form.user .selectShort { width: 80px; margin: 0 5px 0 0; }	
	
form.user .button {
	padding: 4px 8px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #FF5E00;	
	}
form.user .button:hover { cursor: pointer; }	

form.user li.fullWidth {  width: 100%; }


/* has to be here so that styles are not overridden */
form select.required, form select.invalid, div.highlightPitcherSelect { 
	border: 1px solid #FBC2C4; 
	border-top: 2px solid #FBC2C4; 
	background: #FFE7E2; 
	}


/* !buttons */		

.buttons { 
	margin: 0 0 10px 13px;
	padding: 0 0 40px 0;
	}
	
.buttons li,
form fieldset li .buttons li {
	float: left;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
	}	
	
.buttons li.right { float: right; }

.buttons li.nomargin { margin: 0; }


/* !red buttons */

#btn-resetpwd {
    display: block;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background: url(/img/buttons/resetnow.gif) no-repeat;
    width: 125px;
    height: 27px;
    text-indent: -9999px;
}

#btn-resetpwd:hover {
    background: url(/img/buttons/resetnow_hover.gif) no-repeat;
}

#btn-resetpwd:active {
    background: url(/img/buttons/resetnow_click.gif) no-repeat;
}

#btn-signup {
    display: block;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background: url(/img/buttons/signup.gif) no-repeat;
    width: 125px;
    height: 27px;
    text-indent: -9999px;
}

#btn-signup:hover {
    background: url(/img/buttons/signup_hover.gif) no-repeat;
}

#btn-signup:active {
    background: url(/img/buttons/signup_click.gif) no-repeat;
}

#btn-signin {
    display: block;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background: url(/img/buttons/signinnow.gif) no-repeat;
    width: 125px;
    height: 27px;
    text-indent: -9999px;
}

#btn-signin:hover {
    background: url(/img/buttons/signinnow_hover.gif) no-repeat;
}

#btn-signin:active {
    background: url(/img/buttons/signinnow_click.gif) no-repeat;
}


#btn-unsubscribe {
    display: block;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background: url(/img/buttons/unsubscribe.gif) no-repeat;
    width: 125px;
    height: 27px;
    text-indent: -9999px;
}

#btn-unsubscribe:hover {
    background: url(/img/buttons/unsubscribe_hover.gif) no-repeat;
}

#btn-unsubscribe:active {
    background: url(/img/buttons/unsubscribe_click.gif) no-repeat;
}

#btn-save {
    display: block;
    width: auto;
    overflow: visible;
    cursor: pointer;
    background: url(/img/buttons/save.gif) no-repeat;
    width: 125px;
    height: 27px;
    text-indent: -9999px;
}

#btn-save:hover {
    background: url(/img/buttons/save_hover.gif) no-repeat;
}

#btn-save:active {
    background: url(/img/buttons/save_click.gif) no-repeat;
}