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

/* Overarching styles for form */

#left_block .nf_contactForm { width: 170px; }
#left_block	.nf_contactForm #input							{ padding-top: 2px;}

	.nf_contactForm									{ font-family: Arial, Helvetica, Verdana, Tahoma, Sans Serif; clear: both; display: block; width: 400px; }
	.nf_contactForm form							{ padding: 0px; margin: 0px; }
	.nf_contactForm .nf_sectionLabel				{ font-weight: bold;  font-size: 14px; padding-top: 10px; padding-bottom: 10px; }
	#left_block .nf_contactForm .nf_sectionLabel	{ font-size: 9px; padding:0px; }
	.nf_contactForm .nf_contactElement				{ clear: both; padding-bottom: 10px; font-size: 12px; display: block; }
	#left_block .nf_contactForm .nf_contactElement	{ clear: both; padding-bottom: 22px; font-size: 12px; display: block; }
	.nf_contactForm #label							{ width: 165px; padding-right: 2px; text-align: left; float: left; display: block; }
	#left_block .nf_contactForm #label				{ width: 60px; padding-right: 2px; text-align: left; float: left; display:inline-block; }
	.nf_contactForm #input							{ padding-top: 2px; display: inline; }

	
/* Types of fields */

	.nf_contactForm #input .textfield				{ padding-top: 2px; width: 150px; height: 20px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .textarea				{ width: 150; height: 100px; width:200px; border: 1px solid #BBBBBB; font-family: Arial, Helvetica, Verdana, Tahoma, Sans Serif; font-size: 12px; }
	.nf_contactForm #input .selectState				{ width: 125px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .selectCountry			{ width: 205px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .selectDateMonth			{ width: 90px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .selectDateDay			{ width: 50px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .selectDateYear			{ width: 60px; border: 1px solid #BBBBBB; font-size: 12px; }
	.nf_contactForm #input .file					{ width: 205px; height: 20px; font-size: 12px; border: 1px solid #BBBBBB; }
	.nf_contactForm #input .security				{ padding-top: 2px; width: 130px; height: 20px; border: 1px solid #BBBBBB; font-size: 12px; vertical-align: top }
	.nf_contactForm .submit							{ margin-left: 165px; width: 100px; display: block; clear: both; }
#left_block	.nf_contactForm .submit					{ width: 70px; display: block; clear: both; font-size:10px; margin:5px 50px; }
	.nf_contactForm .submitGraphic					{ margin-left: 165px; display: block; clear: both; }
#left_block	.nf_contactForm .submitGraphic			{ margin-left: 33px; display: block; clear: both; padding-top:5px; }


/* 'Required' labels and fields */

	#left_block	 .nf_contactForm .required						{ font-size:10px; color: #000000; text-align:left; }
	#left_block	 .nf_contactForm #input .textfieldRequired		{ padding-top: 2px; width: 166px; height: 16px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; text-align:left; float:right; }
	#left_block	 .nf_contactForm #input .textareaRequired		{ width: 166px; height: 100px; border: 1px solid #BBBBBB; font-family: Arial, Helvetica, Verdana, Tahoma, Sans Serif; font-size: 12px; background: #FFFFCC; text-align:left}
	#left_block	 .nf_contactForm #input .selectStateRequired		{ width: 125px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .selectCountryRequired	{ width: 205px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .selectDateMonthRequired	{ width: 90px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .selectDateDayRequired	{ width: 50px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .selectDateYearRequired	{ width: 60px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .fileRequired			{ width: 205px; height: 20px; font-size: 12px; border: 1px solid #BBBBBB; background: #FFFFCC; }
	#left_block	 .nf_contactForm #input .securityRequired		{ padding-top: 2px; width: 130px; height: 20px; border: 1px solid #BBBBBB; font-size: 12px;  vertical-align: top; background: #FFFFCC }


/* 'Required' labels and fields */
	
	 #left_block .nf_contactForm .required						{ font-size:10px; color: #000000; }
	 #left_block .nf_contactForm #input .textfieldRequired		{ padding-top: 2px; width: 96px; height: 16px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	
	.nf_contactForm #input .textareaRequired		{ width: 150px; height: 100px; border: 1px solid #BBBBBB; font-family: Arial, Helvetica, Verdana, Tahoma, Sans Serif; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .selectStateRequired		{ width: 125px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .selectCountryRequired	{ width: 205px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .selectDateMonthRequired	{ width: 90px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .selectDateDayRequired	{ width: 50px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .selectDateYearRequired	{ width: 60px; border: 1px solid #BBBBBB; font-size: 12px; background: #FFFFCC; }
	.nf_contactForm #input .fileRequired			{ width: 205px; height: 20px; font-size: 12px; border: 1px solid #BBBBBB; background: #FFFFCC; }
	.nf_contactForm #input .securityRequired		{ padding-top: 2px; width: 130px; height: 20px; border: 1px solid #BBBBBB; font-size: 12px;  vertical-align: top; background: #FFFFCC }
	
	
/* Optin area*/	
	.nf_contactForm .nf_optin						{ position: relative; display: block; height: 20px; clear: both; width: 100%; }
	.nf_contactForm .nf_optin #checkbox				{ position: absolute; top: 0px; left: 0px; width: 15px; height: 20px; padding-right: 5px; }
	.nf_contactForm .nf_optin #description			{ position: absolute; top: 2px; left: 22px; font-size: 12px; }


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

	#nf_contactIntro								{ display: block; font-size: 12px; text-align: left; }
	#left_block #nf_contactIntro					{ display: none; font-size: 12px; text-align: center; }
	#nf_contactOptin								{ display: block; padding-bottom: 15px; }
	#nf_contactSecurity								{ display: block; }
	#nf_contactSecurityImage						{ display: block; float: right; margin-top: -4px; }
	#nf_contactSecurityError						{ display: block; font-size: 12px; font-weight: bold; color: #FF0000; margin-left: 165px; padding-bottom: 10px; }
	#nf_contactTerms								{ display: block; clear: both; height: 40px; }
	#nf_contactTermsPopup							{ display: block; font-size: 12px; text-align: left; width: 385px; height: 255px; overflow: scroll; overflow-x: hidden; }
	#nf_contactTermsClose							{ display: block; font-size: 12px; }
	#nf_contactTermsClose A							{ text-decoration: none; }
	#nf_contactCookiesWarn							{ display: block; font-size: 10px; text-align: center }
	#nf_contactThanks								{ display: block; font-size: 12px; text-align: left; }

/* Show or Hide specific section labels */

	#nf_sectionLabelBasic							{ display: block; text-align: left; display:none;}
	#nf_sectionLabelHome							{ display: block; text-align: left; }
	#nf_sectionLabelBusiness						{ display: none; text-align: left;  }
	#nf_sectionLabelPersonal						{ display: block; text-align: left; }
	#nf_sectionLabelCustom							{ display: block; text-align: left; }
	#nf_sectionLabelOptin							{ display: block; text-align: left; }

	#left_block	#nf_sectionLabelBasic							{ display: block; text-align: left; display:none;}
	#left_block	#nf_sectionLabelHome							{ display: block; text-align: left; }
	#left_block	#nf_sectionLabelBusiness						{ display: none; text-align: left;  }
	#left_block	#left_block	#nf_sectionLabelBusiness			{ display: none; text-align: left; }
	#left_block	#nf_sectionLabelPersonal						{ display: block; text-align: left; }
	#left_block	#nf_sectionLabelCustom							{ display: block; text-align: left; }
	#left_block	#nf_sectionLabelOptin							{ display: block; text-align: left; }

/* Show or Hide specific section graphics */

	#nf_sectionGraphicBasic							{ display: none; visibility:hidden; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicHome							{ display: none; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicBusiness						{ display: none; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicPersonal						{ display: none; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicCustom						{ display: none; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicOptin							{ display: none; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	#nf_sectionGraphicSubmit						{ display: block; background: url("https://napi.net-flow.com/new/CSS/nf_contact_us_images/underline.jpg") no-repeat; width: 375px; height: 2px; margin-bottom: 15px; overflow: hidden; }
	
/* Show or Hide specific section graphics */

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