/* -- Start eac_formgen.css -- */
			/* This is the default stylesheet used in eac_formgen. Its primary purpose is to handle the style classes used by wForms. */
			
			// help IE display .png images correctly
			img 						{behavior: url("/forms/client/pngbehavior/pngbehavior.htc");}

			/* field hints/tool-tips (hint_topborder.gif is 350px) */
			.field-hint 				{z-index: 250; color: #333; font-size: 11px; text-align: left; width: auto;
										 display: block; visibility: visible; position: absolute; top: 0; left: 0;
										 background: url(/forms/client/hint_topborder.gif) no-repeat top left; 
										 margin: 0; padding: 14px 0 0 0;}
			/* field hints inner div */
			.field-hint div 			{min-width: 30px; max-width: 300px; background-color: #fffbb8; padding: .15em; font-size: 11px;
										 font-variant: normal; word-spacing: normal; letter-spacing: normal;
										-moz-box-shadow: #333 .3em .3em .15em; -webkit-box-shadow: #333 .3em .3em .15em; box-shadow: #333 .3em .3em .15em;
										 border-left: 1px solid #ffc20d; border-right: 1px solid #ffc20d; border-bottom: 1px solid #ffc20d;}
			/* field hints link */
			.field-hint a:link			{text-decoration: none; color: #ffc20d; font-weight: bold;}
			.field-hint a:hover			{cursor: help; color: #ffc20d;}
			/* Field-Hint without focus */ 
			.field-hint-inactive		{display: none; visibility: hidden;}

			/* popup help window */
			.field-help-active 			{z-index: 255; width: auto; display: block; visibility: visible; text-align: left;
										-moz-box-shadow: #333 .75em .75em .5em; -webkit-box-shadow: #333 .75em .75em .5em; box-shadow: #333 .75em .75em .5em;
										 color: teal; background-color: #ffc20d; cursor: pointer;}
			/* popup help inner div */
			.field-help-active div 		{margin: .1em; padding: 0 .2em .2em .2em; cursor: pointer; background-color: #fff;}
			/* popup help title */
			.field-help-active h3 		{font-style: italic; font-weight: bold; margin: 0px; padding: 0px; background-color: #fffbb8;}
			/* popup help iframe */
			.field-help-active iframe 	{}
			/* popup help link */
			a.field-help-link span		{background: transparent url(/forms/client/icons/help.png) no-repeat top center; padding: 0 8px;}
			a.field-help-link:link		{background-color: transparent; font-style: normal; text-decoration: none; border: none; cursor: help;}
			a.field-help-link:hover		{background-color: transparent; font-style: normal; text-decoration: none; border: none; cursor: help;}
			/* popup help window - hidden */
			.field-help-inactive		{display: none; visibility: hidden;}
			/* close buttons */
			.field-help-close			{background: transparent url(/forms/client/icons/cancel.png) no-repeat top left; padding: 0 8px; cursor: pointer;}

			/* error messages */
			.errMsg-active				{display: inline; color: #c66; white-space: nowrap; position: absolute; border: 1px solid #c66;
										 font-style: italic; margin: .1em .2em; padding: .1em .2em .1em 18px; z-index: 10;
										 background: #fff5f5 url(/forms/client/icons/exclamation.png) no-repeat 2px center;
										 -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;}
			.errMsg-inactive			{display: none; visibility: hidden;}
			textarea.errFld,
			input[type=text].errFld,
			input[type=password].errFld,
			input[type=select].errFld	{background-color: #fff5f5; border-color: #c66;}

			/* repeatable field link */
			a.duplicateLink span		{background: transparent url(/forms/client/icons/add.png) no-repeat top center; padding: 0 8px;}
			a.duplicateLink:link		{background-color: transparent; font-style: normal; text-decoration: none; border: none;}
			a.duplicateLink:hover		{background-color: transparent; font-style: normal; text-decoration: none; border: none;}
			a.removeLink span			{background: transparent url(/forms/client/icons/delete.png) no-repeat top center; padding: 0 8px;}
			a.removeLink:link			{background-color: transparent; font-style: normal; text-decoration: none; border: none;}
			a.removeLink:hover			{background-color: transparent; font-style: normal; text-decoration: none; border: none;}
			.duplicateLinkHidden		{display: none; visibility: hidden;}
			
			/* calendar field links */
			.field-calendar-link		{background: transparent url(/forms/client/icons/calendar.png) no-repeat top right; padding: 0 6px; cursor: pointer;}


			/* auto-complete selectors */
			div.field-autocomplete {
			  z-index: 500;
			  font-size: smaller;
			  font-weight: bold;
			  position:absolute;
			  background-color:white;
			  border:1px solid #888;
			  margin:0;
			  padding:0;
			  width:auto !important;
			  max-height: 15em;
			  overflow: auto;
			  -moz-box-shadow: #333 .3em .3em .15em; -webkit-box-shadow: #333 .3em .3em .15em; box-shadow: #333 .3em .3em .15em;
			}
			div.field-autocomplete ul {
			  list-style-type:none;
			  margin:0;
			  padding:0;
			}
			div.field-autocomplete ul li.selected { background-color: #ffb;}
			div.field-autocomplete ul li {
			  list-style-type:none;
			  display:block;
			  margin:0;
			  padding: .2em 2em .2em .2em ;
			  cursor:pointer;
			  white-space:nowrap;
			}
			div.field-autocomplete ul li span {
			  color: #444;
			  font-weight: normal;
			}


			/* wForms paging */
			.wfPage						{display: none !important;}
			.wfCurrentPage				{display: block !important;}
			#wfPgIndex-1				{}
			#wfPgIndex-2				{}
			#wfPgIndex-3				{}
			#wfPgIndex-4				{}
			.wfPagePreviousButton		{float: left; clear: right; margin: .5em; width: 8em;}
			.wfPageNextButton			{float: right;clear: right; margin: .5em; width: 8em;}
			.wfHideSubmit				{display: none !important;}

			/* add [<div id="alertMessagePlaceHolder"></div>] to hold the error message otherwise alert() is used */
			#alertMessagePlaceHolder	{display: none; width: 20em; position: absolute; top:0; right: 0; background-color: #FFCCCC; border: .1em solid #F00; padding: .5em; margin: 1em .5em;}

			/* JavaScript error message (when scripts don't load) */
			#JavaScript-mask			{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #ddd; color: #fff;}
			#JavaScript-mask p			{font-size: 1.25em; font-weight: bold; margin: 25% .25em; padding: 1em .25em; background: #aaa; border: 1px solid #444;}
			#JavaScript-mask strong		{color: yellow;}

			/* add field classes and specific field defaults here (#{fieldname}-Value) */
			.field-zipcode input,
			.field-zipusa input,
			#cst_ZipUSA-Value,
			#shp_ZipUSA-Value			{width: 10em !important;}

			.field-zipcan input,
			#cst_ZipCAN-Value,
			#shp_ZipCAN-Value			{width: 10em !important;}

			.field-phone input,
			#cst_PriPhone-Value,
			#cst_AltPhone-Value,
			#shp_PriPhone-Value,
			#shp_AltPhone-Value			{width: 10em !important;}

			#cst_CCcvv-Value,
			#pay_CCcvv-Value			{width: auto !important;}
	
			.offstate-CST-USA,
			.offstate-CST-CAN			{ display: none !important; visibility: hidden; }
			.onstate-CST-USA,
			.onstate-CST-CAN			{ display: block !important; visibility: visible; }

			.offstate-SHP-USA,
			.offstate-SHP-CAN			{ display: none !important; visibility: hidden; }
			.onstate-SHP-USA,
			.onstate-SHP-CAN			{ display: block !important; visibility: visible; }

			.offstate-ShipTo			{display: none !important;}
			.onstate-ShipTo				{display: block !important;}

			.offstate-creditcard,
			.offstate-paypal			{display: none !important;}
			.onstate-creditcard,
			.onstate-paypal				{display: block !important;}

			.field-date input,
			#mkt_DateOfBirth-Value		{width: 6.5em !important;}

			.field-widthAuto input,
			.field-widthAuto button,
			.field-widthAuto select		{width:	auto !important;}
			.field-width3 input,
			.field-width3 button,
			.field-width3 select		{width:	 3em !important;}
			.field-width5 input,
			.field-width5 button,
			.field-width5 select		{width:	 5em !important;}
			.field-width8 input,
			.field-width8 button,
			.field-width8 select		{width:	 8em !important;}
			.field-width10 input,
			.field-width10 button,
			.field-width10 textarea,
			.field-width10 select		{width: 10em !important;}
			.field-width12 input,
			.field-width12 textarea,
			.field-width12 select		{width: 12em !important;}
			.field-width15 input,
			.field-width15 textarea,
			.field-width15 select		{width: 15em !important;}
			.field-width18 input,
			.field-width18 textarea,
			.field-width18 select		{width: 18em !important;}
			.field-width20 input,
			.field-width20 textarea,
			.field-width20 select		{width: 20em !important;}
			.field-width25 input,
			.field-width25 textarea,
			.field-width25 select		{width: 25em !important;}
			.field-width30 input,
			.field-width30 textarea,
			.field-width30 select		{width: 30em !important;}

			.label-widthAuto label		{width:	auto !important;}
			.label-width5 label			{width:	 5em !important;}
			.label-width8 label			{width:	 8em !important;}
			.label-width10 label		{width: 10em !important;}
			.label-width12 label		{width: 12em !important;}
			.label-width15 label		{width: 15em !important;}
			.label-width18 label		{width: 18em !important;}
			.label-width20 label		{width: 20em !important;}
			.label-width25 label		{width: 25em !important;}
			.label-width30 label		{width: 30em !important;}