/**********************************************/
/*  nf_contact_us.css for Contact Us Profile  */
/**********************************************/

/* Overarching styles for form */

	.nf_contactForm									  { font-family: Geneva, Arial, SunSans-Regular, sans-serif; display: block; width: 425px; clear: both }
	.nf_contactForm form							 { margin: 0 20px; padding: 0 }
	.nf_contactForm .nf_sectionLabel				  { font-size: 12px; font-weight: bold }
	.nf_contactForm .nf_contactElement				  { font-size: 11px; display: block; padding-bottom: 10px }
	.nf_contactForm #label							 { text-align: right; display: block; padding-right: 2px; width: 165px; float: left }
	.nf_contactForm #input							{ padding-top: 2px; display: inline; }

	
/* Types of fields */

	.nf_contactForm #input .textfield				 { font-size: 11px; padding-top: 2px; width: 180px; height: 20px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .textarea				 { font-size: 11px; font-family: Arial, Helvetica, Verdana, Tahoma, "Sans Serif"; width: 180px; height: 100px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectState				 { font-size: 11px; width: 125px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectCountry			 { font-size: 11px; width: 180px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateMonth			 { font-size: 11px; width: 90px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateDay			 { font-size: 11px; width: 50px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateYear			 { font-size: 11px; width: 60px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .file					 { font-size: 11px; width: 180px; height: 20px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .security				 { font-size: 11px; padding-top: 2px; width: 130px; height: 20px; vertical-align: top; border: solid 1px #bbbbbb }
	.nf_contactForm .submit							{ margin-left: 165px; width: 100px; display: block; clear: both; }
	.nf_contactForm .submitGraphic					{ margin-left: 165px; display: block; clear: both; }
	

/* 'Required' labels and fields */

	.nf_contactForm .required						 { color: #c41200; font-weight: bold }
	.nf_contactForm #input .textfieldRequired		  { font-size: 11px; background: #ffffcc; padding-top: 2px; width: 180px; height: 20px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .textareaRequired		 { font-size: 11px; font-family: Arial, Helvetica, Verdana, Tahoma, "Sans Serif"; background: #ffffcc; width: 180px; height: 100px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectStateRequired		 { font-size: 11px; background: #ffffcc; width: 125px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectCountryRequired	 { font-size: 11px; background: #ffffcc; width: 180px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateMonthRequired	 { font-size: 11px; background: #ffffcc; width: 90px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateDayRequired	 { font-size: 11px; background: #ffffcc; width: 50px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .selectDateYearRequired	 { font-size: 11px; background: #ffffcc; width: 60px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .fileRequired			 { font-size: 11px; background: #ffffcc; width: 180px; height: 20px; border: solid 1px #bbbbbb }
	.nf_contactForm #input .securityRequired		 { font-size: 11px; background: #ffffcc; padding-top: 2px; width: 130px; height: 20px; vertical-align: top; border: solid 1px #bbbbbb }


/* Optin area*/	
	.nf_contactForm .nf_optin						{ position: relative; dipslay: block; height: 20px; clear: both; }
	.nf_contactForm .nf_optin #checkbox				{ position: absolute; top: 0px; left: 0px; width: 15px; height: 20px; padding-right: 5px; }
	.nf_contactForm .nf_optin #description			 { font-size: 11px; position: absolute; top: 2px; left: 22px }


/* Show or Hide specific sections of information collection */

	#nf_contactIntro								  { color: #c41200; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; letter-spacing: 1px; display: block }
	#nf_contactOptin								{ display: block; padding-bottom: 15px; }
	#nf_contactSecurity								{ display: block; }
	#nf_contactSecurityImage						{ display: block; float: right; margin-top: -4px; }
	#nf_contactSecurityError						 { color: #c41200; font-size: 11px; font-weight: bold; display: block; margin-left: 165px; padding-bottom: 10px }
	#nf_contactTerms								{ display: block; clear: both; height: 40px; }
	#nf_contactTermsPopup							 { font-size: 11px; display: block; width: 385px; height: 255px; overflow: scroll; overflow-x: hidden }
	#nf_contactTermsClose							 { font-size: 11px; display: block }
	#nf_contactTermsClose A							{ text-decoration: none; }
	#nf_contactCookiesWarn							{ display: block; font-size: 10px; text-align: center }
	#nf_contactThanks								 { font-size: 11px; display: block }

/* Show or Hide specific section labels */

	#nf_sectionLabelBasic							 { visibility: hidden; display: block }
	#nf_sectionLabelHome							 { visibility: hidden; display: block }
	#nf_sectionLabelBusiness						{ display: block; }
	#nf_sectionLabelPersonal						 { visibility: hidden; display: block }
	#nf_sectionLabelCustom							 { visibility: hidden; display: block }
	#nf_sectionLabelOptin							 { visibility: hidden; display: block }


/* Show or Hide specific section graphics */

	#nf_sectionGraphicBasic							  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicHome							  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicBusiness						  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicPersonal						  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicCustom						  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicOptin							  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }
	#nf_sectionGraphicSubmit						  { background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; visibility: hidden; display: block; margin-bottom: 15px; width: 350px; height: 1px; overflow: hidden }