/* $Id: forms.css 1836 2010-06-04 21:02:08Z as860 $ */

/* FORMS
----------------------------------------------------------------------- */

/* Overall Form Basics */
#formContainer {
	float: left;
	margin: 0px 15px 30px 15px;
	padding: 10px 0px 10px 0px;	
	background-color: #F2FAFB;	
	border: 1px solid #DAEBED;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#formContainer label, #formContainer input, #formContainer select, #formContainer textarea {
	float: left;
	margin: 2px 0px 4px 12px;
}
#formContainer textarea {
	height: 100px;
	width: 100%;
}
#formContainer label {
	border: none;
}
#formContainer select {
	height: 18px;
	font-size: 11px;
}
#formContainer button {
	float: left;
	height: auto;
	margin: 10px 0px 5px 15px;
	padding: 4px 4px;

	background-color: #D11255;
	
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px;

	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;	
	
	background-image: -moz-linear-gradient(100% 100% 90deg, #D11255, #D73C5F);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D73C5F), to(#D11255));
}
#formContainer button:hover {
	cursor: pointer;
}


/* STANDARDS */

/* Standards for all sizes */
#formContainer .fullSize, #formContainer .threeQuarterSize, #formContainer .halfSize, #formContainer .quarterSize, #formContainer .eighthSize {
	float: left;
	display: block;
	height: auto !important;
}

#formContainer input {
	border: 0px;
}

/* Standards for all sub-components */
#formContainer .address input, 
#formContainer select, 
#formContainer textarea, 
#formContainer .text input,
#formContainer .password input,
#formContainer .upload input {
	border: 1px solid #DDD !important;
}

/* Standards for required field messages */
#formContainer .required {
	font-weight: bold;
}

/* Standards for error messages */
#formContainer .error {
	float: left;
	display: block;
	margin: 0px 0px 4px 12px;
	color: #DC1C4F;
}

/* Standards for radio & checkbox sub-components */
#formContainer .radio span.options,
#formContainer .checkbox span.options {
	float: left;
}

/* Standards for H3 Header */
#formContainer h3 {
	margin-left: 10px;
}

/*
	SINGLE BOX:
	Single Box in a Double Box, Triple Box or Quad Box
*/

/* formContainer width in singleBox */
#contentWrapper .quadBox .singleBox #formContainer, 
#contentWrapper .tripleBox .singleBox #formContainer, 
#contentWrapper .doubleBox .singleBox #formContainer,
#contentWrapper .singleBox #formContainer {
	width: 160px;
}

/* fullSize width within formContainer in singleBox */
.quadBox .singleBox #formContainer .fullSize,
.tripleBox .singleBox #formContainer .fullSize,
.doubleBox .singleBox #formContainer .fullSize,
.singleBox #formContainer .fullSize {
	width: 132px;
	margin-left: 0px;
}

/* fullSize radio input width within formContainer in singleBox */
.quadBox .singleBox #formContainer .radio .fullSize input
.tripleBox .singleBox #formContainer .radio .fullSize input,
.doubleBox .singleBox #formContainer .radio .fullSize input,
.singleBox #formContainer .radio .fullSize input {
	float: left;
	display: block;
	width: 15px;
}

/* fullSize radio label width within formContainer in singleBox */
.quadBox .singleBox #formContainer .radio .fullSize label,
.tripleBox .singleBox #formContainer .radio .fullSize label,
.doubleBox .singleBox #formContainer .radio .fullSize label,
.singleBox #formContainer .radio .fullSize label {	
	float: left;
	display: block;
	width: 125px;
}

/* fullSize radio label width within formContainer in singleBox */
.quadBox .singleBox #formContainer .radio .fullSize label,
.tripleBox .singleBox #formContainer .radio .fullSize label,
.doubleBox .singleBox #formContainer .radio .fullSize label,
.singleBox #formContainer .radio .fullSize label {
	float: left;
	display: block;
	width: 98px;
}

/* fullSize checkbox input width within formContainer in singleBox */
.quadBox .singleBox #formContainer .checkbox .fullSize input,
.tripleBox .singleBox #formContainer .checkbox .fullSize input,
.doubleBox .singleBox #formContainer .checkbox .fullSize input,
.singleBox #formContainer .checkbox .fullSize input {
	float: left;
	display: block;
	width: 15px;
}

/* fullSize checkbox label width within formContainer in singleBox */
.singleBox #formContainer .checkbox .fullSize label {	
	float: left;
	display: block;
	width: 125px;
}

/* fullSize label, input, select and textarea widths within formContainer in singleBox */
.quadBox .singleBox #formContainer .fullSize label, 
.quadBox .singleBox #formContainer .fullSize input, 
.quadBox .singleBox #formContainer .fullSize select, 
.quadBox .singleBox #formContainer .fullSize textarea,
.tripleBox .singleBox #formContainer .fullSize label, 
.tripleBox .singleBox #formContainer .fullSize input, 
.tripleBox .singleBox #formContainer .fullSize select, 
.tripleBox .singleBox #formContainer .fullSize textarea,
.doubleBox .singleBox #formContainer .fullSize label, 
.doubleBox .singleBox #formContainer .fullSize input, 
.doubleBox .singleBox #formContainer .fullSize select, 
.doubleBox .singleBox #formContainer .fullSize textarea,
.singleBox #formContainer .fullSize label, 
.singleBox #formContainer .fullSize input, 
.singleBox #formContainer .fullSize select, 
.singleBox #formContainer .fullSize textarea {
	float: left;
	display: block;
	width: 128px;
}

/* threeQuarterSize width within formContainer in singleBox */
.quadBox .singleBox #formContainer .threeQuarterSize,
.tripleBox .singleBox #formContainer .threeQuarterSize,
.doubleBox .singleBox #formContainer .threeQuarterSize,
.singleBox #formContainer .threeQuarterSize {
	width: 143px;
}

/* threeQuarterSize label & input widths within formContainer in singleBox */
.quadBox .singleBox #formContainer .threeQuarterSize label, 
.quadBox .singleBox #formContainer .threeQuarterSize input,
.tripleBox .singleBox #formContainer .threeQuarterSize label, 
.tripleBox .singleBox #formContainer .threeQuarterSize input,
.doubleBox .singleBox #formContainer .threeQuarterSize label, 
.doubleBox .singleBox #formContainer .threeQuarterSize input,
.singleBox #formContainer .threeQuarterSize label, 
.singleBox #formContainer .threeQuarterSize input {
	float: left;
	display: block;
	width: 128px;
}

/* halfSize width within formContainer in singleBox */
.quadBox .singleBox #formContainer .halfSize,
.tripleBox .singleBox #formContainer .halfSize,
.doubleBox .singleBox #formContainer .halfSize,
.singleBox #formContainer .halfSize {
	width: 143px;
}

/* halfSize label & input widths within formContainer in singleBox */
.quadBox .singleBox #formContainer .halfSize label, 
.quadBox .singleBox #formContainer .halfSize input,
.tripleBox .singleBox #formContainer .halfSize label, 
.tripleBox .singleBox #formContainer .halfSize input,
.doubleBox .singleBox #formContainer .halfSize label, 
.doubleBox .singleBox #formContainer .halfSize input,
.singleBox #formContainer .halfSize label, 
.singleBox #formContainer .halfSize input {
	float: left;
	display: block;
	width: 128px;
}

/* quarterSize width within formContainer in singleBox */
.quadBox .singleBox #formContainer .quarterSize,
.tripleBox .singleBox #formContainer .quarterSize,
.doubleBox .singleBox #formContainer .quarterSize,
.singleBox #formContainer .quarterSize {
	width: 143px;
}

/* quarterSize label & input widths within formContainer in singleBox */
.quadBox .singleBox #formContainer .quarterSize label, 
.quadBox .singleBox #formContainer .quarterSize input,
.tripleBox .singleBox #formContainer .quarterSize label, 
.tripleBox .singleBox #formContainer .quarterSize input,
.doubleBox .singleBox #formContainer .quarterSize label, 
.doubleBox .singleBox #formContainer .quarterSize input,
.singleBox #formContainer .quarterSize label, 
.singleBox #formContainer .quarterSize input {
	float: left;
	display: block;
	width: 128px;
}

/* eighthSize width within formContainer in singleBox */
.quadBox .singleBox #formContainer .eighthSize,
.tripleBox .singleBox #formContainer .eighthSize,
.doubleBox .singleBox #formContainer .eighthSize,
.singleBox #formContainer .eighthSize {
	width: 143px;
}

/* eighthSize label & input widths within formContainer in singleBox */
.quadBox .singleBox #formContainer .eighthSize label, 
.quadBox .singleBox #formContainer .eighthSize input,
.tripleBox .singleBox #formContainer .eighthSize label, 
.tripleBox .singleBox #formContainer .eighthSize input,
.doubleBox .singleBox #formContainer .eighthSize label, 
.doubleBox .singleBox #formContainer .eighthSize input,
.singleBox #formContainer .eighthSize label, 
.singleBox #formContainer .eighthSize input {
	float: left;
	display: block;
	width: 128px;
}



/* DOUBLE BOX */

/* formContainer width in doubleBox */
#contentWrapper .doubleBox #formContainer {
	width: 352px;
}

/* fullSize width within formContainer in doubleBox */
.doubleBox #formContainer .fullSize {
	width: 325px;
}

/* fullSize label, input and select widths within formContainer in doubleBox */
.doubleBox #formContainer .fullSize label, 
.doubleBox #formContainer .fullSize input, 
.doubleBox #formContainer .fullSize select, 
.doubleBox #formContainer .fullSize textarea {
	float: left;
	display: block;
	width: 325px;
}

/* fullSize radio & checkbox input widths in doubleBox */
.doubleBox #formContainer .radio .fullSize input,
.doubleBox #formContainer .checkbox .fullSize input {
	float: left;
	display: block;
	width: 15px;
}

/* fullSize radio label widths in doubleBox */
.doubleBox #formContainer .radio .fullSize label,
.doubleBox #formContainer .radio .fullSize span.options label {
	float: left;
	display: block;
	width: 287px; /* width: 318px; */
	margin-left: 8px;
}

/* fullSize checkbox label width in doubleBox */
.doubleBox #formContainer .checkbox .fullSize label {	
	float: left;
	display: block;
	width: 287px;
	margin-left: 8px;
}

/* threeQuarterSize width within formContainer in doubleBox */
.threeQuarterSize #formContainer .threeQuarterSize {
	width: 253px;
}

/* threeQuarterSize label, input and select widths within formContainer in doubleBox */
.doubleBox #formContainer .threeQuarterSize label,
.doubleBox #formContainer .threeQuarterSize input, 
.doubleBox #formContainer .threeQuarterSize select {
	float: left;
	display: block;
	width: 238px;
}

/* threeQuarterSize radio and checkbox input widths within formContainer in doubleBox */
.doubleBox #formContainer .radio .threeQuarterSize input, 
.doubleBox #formContainer .checkbox .threeQuarterSize input {
	width: auto !important;
}

/* threeQuarterSize radio and checkbox label widths within formContainer in doubleBox */	
.doubleBox #formContainer .radio .threeQuarterSize label, 
.doubleBox #formContainer .checkbox .threeQuarterSize label {
	float: left;
	display: block;
	width: 210px;
}

/* halfSize width within formContainer in doubleBox */	
.doubleBox #formContainer .halfSize {
	width: 171px;
}

/* halfSize label, input and select widths within formContainer in doubleBox */	
.doubleBox #formContainer .halfSize label, 
.doubleBox #formContainer .halfSize input, 
.doubleBox #formContainer .halfSize select {
	float: left;
	display: block;
	width: 156px;
}

/* halfSize radio and checkbox input widths within formContainer in doubleBox */	
.doubleBox #formContainer .radio .halfSize input, 
.doubleBox #formContainer .checkbox .halfSize input {
	width: auto !important;
}

/* halfSize radio and checkbox label widths within formContainer in doubleBox */	
.doubleBox #formContainer .radio .halfSize label, 
.doubleBox #formContainer .checkbox .halfSize label {
	float: left;
	display: block;
	width: 128px;
}

/* quarterSize width within formContainer in doubleBox */	
.doubleBox #formContainer .quarterSize {
	width: 86px;
}

/* quarterSize label, input and select widths within formContainer in doubleBox */	
.doubleBox #formContainer .quarterSize label, 
.doubleBox #formContainer .quarterSize input, 
.doubleBox #formContainer .quarterSize select {
	float: left;
	display: block;
	width: 72px;
}
/* quarterSize radio and checkbox input widths within formContainer in doubleBox */	
.doubleBox #formContainer .radio .quarterSize input, 
.doubleBox #formContainer .checkbox .quarterSize input {
	width: auto !important;
}

/* quarterSize radio and checkbox label widths within formContainer in doubleBox */	
.doubleBox #formContainer .radio .quarterSize label, 
.doubleBox #formContainer .checkbox .quarterSize label {
	float: left;
	display: block;
	width: 43px;
}

/* eighthSize width within formContainer in doubleBox */	
.doubleBox #formContainer .eighthSize {
	width: 41px;
}

/* eighthSize label, input and select widths within formContainer in doubleBox */
.doubleBox #formContainer .eighthSize label,
.doubleBox #formContainer .eighthSize input, 
.doubleBox #formContainer .eighthSize select {
	float: left;
	display: block;
	width: 30px;
}

/* eighthSize radio and checkbox input widths within formContainer in doubleBox */
.doubleBox #formContainer .radio .eighthSize input, 
.doubleBox #formContainer .checkbox .eighthSize input {
	width: auto !important;
}

/* eighthSize radio and checkbox label widths within formContainer in doubleBox */
.doubleBox #formContainer .radio .eighthSize label, 
.doubleBox #formContainer .checkbox .eighthSize label {
	float: left;
	display: block;
	width: 2px;
}



/* TRIPLE BOX */

/* formContainer width in tripleBox */
#contentWrapper .tripleBox #formContainer {
	width: 544px;
}

/* eighthSize width within formContainer in tripleBox */	
.tripleBox #formContainer .eighthSize {
	width: 70px;
}

/* eighthSize label, input and select width within formContainer in tripleBox */	
.tripleBox #formContainer .eighthSize label, 
.tripleBox #formContainer .eighthSize input, 
.tripleBox #formContainer .eighthSize select {
	float: left;
	display: block;
	width: 56px;
}

/* eighthSize radio and checkbox label widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .eighthSize label, 
.tripleBox #formContainer .checkbox .eighthSize label {
	float: left;
	display: block;
	width: 27px;
}

/* eighthSize radio and checkbox input widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .eighthSize input, 
.tripleBox #formContainer .checkbox .eighthSize input {
	width: auto !important;
}

/* quarterSize width within formContainer in tripleBox */	
.tripleBox #formContainer .quarterSize {
	width: 128px;
}

/* quarterSize label, input and select width within formContainer in tripleBox */	
.tripleBox #formContainer .quarterSize label, 
.tripleBox #formContainer .quarterSize input, 
.tripleBox #formContainer .quarterSize select {
	float: left;
	display: block;
	width: 113px;
}

/* quarterSize radio and checkbox label widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .quarterSize label, 
.tripleBox #formContainer .checkbox .quarterSize label {
	float: left;
	display: block;
	width: 85px;
}

/* quarterSize radio and checkbox input widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .quarterSize input, 
.tripleBox #formContainer .checkbox .quarterSize input {
	width: auto !important;
}

/* halfSize width within formContainer in tripleBox */
.tripleBox #formContainer .halfSize {
	width: 263px;
}

/* halfSize label and select widths within formContainer in tripleBox */
.tripleBox #formContainer .halfSize label, 
.tripleBox #formContainer .halfSize select {
	float: left;
	display: block;
	width: 248px;
}

/* halfSize input width within formContainer in tripleBox */
.tripleBox #formContainer .halfSize input {
	width: 252px;
}
/* halfSize radio and checkbox label widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .halfSize label, 
.tripleBox #formContainer .checkbox .halfSize label {
	float: left;
	display: block;
	width: 220px;
}

/* halfSize radio and checkbox input widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .halfSize input, 
.tripleBox #formContainer .checkbox .halfSize input {
	width: auto !important;
}

/* threeQuarterSize width within formContainer in tripleBox */
.tripleBox #formContainer .threeQuarterSize {
	width: 398px;
}

/* threeQuarterSize label, input and select width within formContainer in tripleBox */	
.tripleBox #formContainer .threeQuarterSize label, 
.tripleBox #formContainer .threeQuarterSize input, 
.tripleBox #formContainer .threeQuarterSize select {
	float: left;
	display: block;
	width: 383px;
}

/* threeQuarterSize radio and checkbox label widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .threeQuarterSize label, 
.tripleBox #formContainer .checkbox .threeQuarterSize label {
	float: left;
	display: block;
	width: 355px;
}

/* threeQuarterSize radio and checkbox input widths within formContainer in tripleBox */
.tripleBox #formContainer .radio .threeQuarterSize input, 
.tripleBox #formContainer .checkbox .threeQuarterSize input {
	width: auto !important;
}

/* fullSize width within formContainer in tripleBox */
.tripleBox #formContainer .fullSize {
	width: 530px;
}

/* fullSize label, input, select and textarea width within formContainer in tripleBox */
.tripleBox #formContainer .fullSize label, 
.tripleBox #formContainer .fullSize input, 
.tripleBox #formContainer .fullSize select, 
.tripleBox #formContainer .fullSize textarea {
	float: left;
	display: block;
	width: 515px;
}

/* fullSize radio input width within formContainer in tripleBox */
.tripleBox #formContainer .radio .fullSize input {
	float: left;
	display: block;
	width: 15px;
}

/* fullSize radio label width within formContainer in tripleBox */
.tripleBox #formContainer .radio .fullSize label,
.tripleBox #formContainer .radio .fullSize span.options label {
	float: left;
	display: block;
	width: 492px;
	margin-left: 8px;
}

/* fullSize checkbox input width within formContainer in tripleBox */
.tripleBox #formContainer .checkbox .fullSize input {
	float: left;
	display: block;
	width: 15px !important;
}

/* fullSize checkbox label width within formContainer in tripleBox */
.tripleBox #formContainer .checkbox .fullSize label {	
	float: left;
	display: block;
	width: 482px;
	margin-left: 8px;
}



/* CAPTCHA */
.singleBox #formContainer .fullSize .form_captcha_refresh input, 
.doubleBox #formContainer .fullSize .form_captcha_refresh input, 
.tripleBox #formContainer .fullSize .form_captcha_refresh input {
	width: 23px;
}
#formContainer .captcha {
	float: left;
}
#formContainer .captcha input.error {
	margin-left: 15px;
}
#formContainer .form_captcha_input {
	float: left;
}
.singleBox #formContainer .fullSize .form_captcha_input input {
	width: 123px;
	height: 16px;
}
#formContainer .form_captcha_img {
	float: left;
}
#formContainer .form_captchatimer {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
#formContainer .form_captcha_refresh {
	float: left;
	margin-left: 0px;
	width: 23px;
	height: 23px;
}
#formContainer .refreshButton {
	width: 23px !important;
	height: 23px !important;
	background-image: url(../images/forms/btnRefresh.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: 0px;
}
#formContainer .form_captcha_img {	
	height: 19px;
}
#formContainer .form_captcha_img img {
	height: 24px;
	margin: 0px;
	margin-left: 15px;
}
#formContainer .form_captchatimer {
	height: 8px;
	border: 1px solid #818790;
	background-color: #F2FAFB;
}
#formContainer .form_captchatimer_bar {
	height: 8px;
	background-color: #C50A3A;
}

/* MISC. FORM ELEMENTS */
/*
#formContainer .form_leftcolmark {
	margin-left: 15px;
}
#formContainer .form_error {
	color: #DC1C4F;
	margin: -15px 15px 10px 15px;
	width: 100%;
	float: left;
}
*/