/*===============================================================================================================

Project:		NACHP
Version:		3.0
Last Changed:	05/25/2010
Author:			Daniel Rus

===============================================================================================================*/


/*===============================================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
	3.2 MEMBERS NAVIGATOR
	3.3 MEMBERS SUBNAVIGATOR
4. FORMS
5. CONTENT ELEMENTS
	5.1 HOMEPAGE
	5.2 CONTACT
	5.3 FAQ
	5.4 BENEFITS
	5.5 FREE DRUG CARD
	5.6 JOIN
6. MEMBERS AREA
7. MEMBER MANAGEMENT

===============================================================================================================*/






/* 1. GENERAL
===============================================================================================================*/

html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font: normal 1em Arial; color: #444444; }
h1 { margin: 0 0 0.5em 0; padding: 0; font: normal 1.7em Arial; }
h2 { margin: 1em 0 0.5em 0; padding: 0; font: normal 1.5em Arial; }
h3 { margin: 1em 0 0.5em 0; padding: 0; font: bold 1em Arial; text-transform: uppercase; }
h4 { margin: 1em 0 0.5em 0; padding: 0; font: normal 1.1em Arial; }
a { text-decoration: none; color: #0096ff; }
a:hover { color: #ffb500; }
p { margin: 1em 0; }
img { border: 0; }
.clearAll { clear: both; height: 1px; font-size: 1px; overflow: hidden; }
.clearFloat:after, #content:after, #contentMembers:after, .wrapperInfo:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearFloat, #content, #contentMembers, .wrapperInfo { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat, * html #content, * html #contentMembers, * html .wrapperInfo { height: 1%;} .clearFloat, #content, #contentMembers, .wrapperInfo { display: block; } /* End Hack */





/* 2. LAYOUT
===============================================================================================================*/

#container { min-height: 100%; height: auto !important; height: 100%; background: #ffffff url(../../../general/nachp/bgMain.gif) repeat-x; }
#containerPopup { padding: 20px; font-size: 16px; }


	/* 2.1 HEADER
	-------------------------------------------------*/
	
	#header { width: 900px; margin: 0 auto; }
	.headerVisual { padding: 45px 0; background: url(../../../general/nachp/visualTop.gif) no-repeat right; }
	.logo { float: left; margin: 7px 30px 7px 7px; padding-right: 30px; border-right: 1px solid #707070; }
	.inner { width: 1190px; margin: 0 auto; }
	.user { float: right; font-size: 20px; }
	
	
	/* 2.2 CONTENT
	-------------------------------------------------*/
	
	#content { width: 900px; padding: 10px 0 250px 0; margin: 0 auto; }
	#contentMembers { width: 1190px; margin: 0 auto; padding: 30px 0; }
	
	
	/* 2.3 FOOTER
	-------------------------------------------------*/
	
	#footer { height: 200px; margin-top: -200px; background-color: #e8ebec; border-top: 2px solid #161616; font-size: 0.875em; color: #777777; }
	#footer h2 { margin: 0; padding: 20px 0 10px 0; font-size: 1.7em; color: #333333; }
	.footerContent { width: 900px; height: 200px; margin: 0 auto; background: url(../../../general/nachp/bgFooter.gif) no-repeat; }
	.footer-contactInfo { float: left; width: 275px; }
	.footer-contactInfo strong { color: #333333; font-size: 1.3em; font-weight: normal; }
	.footer-freeBook { float: left; width: 375px; background: url(../../../general/nachp/bgFreeBook.gif) no-repeat left bottom; }
	.footer-freeBook p { margin: 0; padding: 8px 0 8px 110px; }
	.footer-freeBook strong { font-size: 1.1em; color: #333333; }
	.footer-copyright { float: left; width: 250px; padding-top: 50px; }
	.footer-copyright ul { margin: 0; padding: 0; list-style: none; }
	.footer-copyright p { font-size: 0.85em; }





/* 3. NAVIGATORS
===============================================================================================================*/
	
	/* 3.1 MAIN NAVIGATOR
	-------------------------------------------------*/
	
	.navMain { width: 900px; height: 53px; }
	.navMain ul { margin: 0; padding: 0; list-style: none; }
	.navMain li { float: left; line-height: 50px; text-transform: uppercase; font-size: 0.75em; padding: 0 36px 0 0; }
	.navMain li.navMain-login { float: right; background: url(../../../general/nachp/iconLogin.gif) no-repeat left center; padding: 0 12px 0 36px; }
	.navMain a { float: left; color: #aaaaaa; }
	.navMain a:hover { color: #ffb500; }
	.navMain a.selected { color: #ffffff; }
	.navMain li.navMain-login a { color: #ffffff; }
	.navMain li.navMain-login a:hover { color: #ffb500; }
	
	
	/* 3.2 MEMBERS NAVIGATOR
	-------------------------------------------------*/
	
	.navMembers { height: 35px; line-height: 35px; background-color: #f4f4f4; }
	.navMembers ul { float: left; margin: 0; padding: 0; list-style: none; font-size: 0.9em; font-weight: bold; border-left: 1px solid #ffffff; }
	.navMembers li { float: left; height: 35px; border-right: 1px solid #ffffff; }
	.navMembers a { float: left; height: 35px; padding: 0 20px; }
	.navMembers a.selected { background-color: #ffffff; }
	
	
	/* 3.3 MEMBERS SUBNAVIGATOR
	-------------------------------------------------*/
	
	.subnavMembers { width: 1190px; margin: 0 auto; padding: 12px 0; border-bottom: 1px solid #e4e4e4; }
	.subnavMembers ul { margin: 0; padding: 0; list-style: none; font-size: 0.9em; }
	.subnavMembers li { display: inline; }
	.subnavMembers a { padding: 0 20px 0 10px; background: url(../../../general/nachp/arrowNav.gif) no-repeat left center; }
	.subnavMembers a.selected { color: #000000; }





/* 4. FORMS
===============================================================================================================*/

form { margin: 0; padding: 0; }
form br { clear: left; }
form label { float: left; width: 140px; padding: 3px 0 0 0; }
.formHolder { margin: 20px auto; width: 510px; overflow: hidden; }
.formField { float: left; font: normal 0.9em Arial; color: #666666; width: 230px; padding: 5px; border: 1px solid #17a5ff; margin-bottom: 8px; }
.formSelect { float: left; font: normal 0.9em Arial; color: #666666; width: 240px; padding: 4px 5px; border: 1px solid #17a5ff; margin-bottom: 8px; }
.formTextarea { float: left; font: normal 0.9em Arial; color: #666666; width: 340px; height: 100px; padding: 5px; border: 1px solid #17a5ff; margin-bottom: 8px; }
.formButtons { clear: both; padding: 10px; text-align: right; font-size: 0.9em; line-height: 30px; }
.formButtons input { vertical-align: middle; }
.formButtons a { padding: 4px 0 0 10px; }
.wide { width: 622px; }
.formMessage { text-align: center; margin: 20px auto; }
.formNote { float: left; padding: 5px 0 0 12px; font-size: 0.8em; color: #999999; }
.formNotes { font-size: 0.875em; }

.notification-error { background: #ffe7e1 url(../../../general/nachp/iconError.gif) no-repeat 6px center; border-bottom: 1px solid #ff0000; padding: 7px 20px 7px 30px; margin: 1px 0 4px 0; font-weight: bold; font-size: 0.875em; color: #ff0000; }
.notification-success { background: #e6ffb1 url(../../../general/nachp/iconSuccess.gif) no-repeat 6px center; border-bottom: 1px solid #78cc00; color: #69a401; padding: 7px 20px 7px 30px; margin-bottom: 4px; font-weight: bold; font-size: 0.875em; }
.notification-verify { background: #feffcf url(../../../general/nachp/iconVerify.gif) no-repeat 6px center; border-bottom: 1px solid #ffd200; color: #ff6c00; padding: 7px 20px 7px 30px; margin-bottom: 4px; font-weight: bold; font-size: 0.875em; }





/* 5. CONTENT ELEMENTS
===============================================================================================================*/

	/* 5.1 HOMEPAGE
	-------------------------------------------------*/
	
	.titleHelpingAmericans { height: 42px; background: url(../../../general/nachp/titleHelpingAmericans.gif) no-repeat; text-indent: -9999px; }
	.titleMembership { height: 42px; background: url(../../../general/nachp/titleMembership.gif) no-repeat; text-indent: -9999px; }
	.titleAdditionalBenefits { height: 42px; background: url(../../../general/nachp/titleAdditionalBenefits.gif) no-repeat; text-indent: -9999px; }
	.features { margin: 20px; padding: 0; list-style: none; }
	.features li { padding-left: 30px; margin: 5px 0; background: url(../../../general/nachp/arrowFeatures.gif) no-repeat 0 3px; }
	.features li.more { font-size: 0.75em; background: none; }
	.membership { float: left; width: 400px; margin-top: 0; }
	.join { clear: both; height: 180px; background: url(../../../general/nachp/visualJoin.jpg) no-repeat; text-indent: -9999px; }
	.join2 { clear: both; height: 180px; background: url(../../../general/nachp/visualJoin2.jpg) no-repeat; text-indent: -9999px; }
	.join p, .join2 p { float: left; }
	.join a, .join2 a { float: right; width: 220px; height: 110px; margin-top: 70px; overflow: hidden; }
	.navUsefullLinks { float: right; width: 300px; padding: 40px 20px 0 100px; }
	.navUsefullLinks ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e1e1e1; font-size: 1.1em; }
	.navUsefullLinks li { display: block; margin: 0; height: 48px; border-bottom: 1px solid #e1e1e1; padding: 0 0 0 70px; line-height: 48px; }
	.navUsefullLinks a { color: #333333; }
	.navUsefullLinks a:hover { color: #0096ff; }
	.navUsefullLinks-drugCard { background: url(../../../general/nachp/iconDrugCard.gif) no-repeat 10px center; }
	.navUsefullLinks-pharmacyLocator { background: url(../../../general/nachp/iconPharmacyLocator.gif) no-repeat 10px center; }
	.navUsefullLinks-drugPricing { background: url(../../../general/nachp/iconDrugPricing.gif) no-repeat 10px center; }
	.navUsefullLinks-labLocator { background: url(../../../general/nachp/iconLabLocator.gif) no-repeat 10px center; }
	.navUsefullLinks-medlab { background: url(../../../general/nachp/iconMedlab.gif) no-repeat 10px center; }
	.navUsefullLinks-pdf { background: url(../../../general/nachp/iconPDF.gif) no-repeat 10px center; }
	.loginForm { margin: 20px 0; padding: 20px 10px 0 10px; background: #f8f8f8 url(../../../general/nachp/bgForm.gif) repeat-x; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
	#agentInfo { clear: both; padding: 10px 0 0 0; color: #000000; font-size: 1.5em; }
	#agentInfo span { color: #999999; font-size: 0.7em; }
	
	
	/* 5.2 CONTACT
	-------------------------------------------------*/
	
	.contactInfo { float: left; width: 350px; }
	.contactForm { float: right; padding: 20px 10px 0 10px; background: #f8f8f8 url(../../../general/nachp/bgForm.gif) repeat-x; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
	
	
	/* 5.3 FAQ
	-------------------------------------------------*/
	
	.questions { margin: 0.5em 0 0.5em 1em; }
	.question { position: relative; padding-left: 90px; font-weight: bold; }
	.question em { position: absolute; top: 3px; left: 0; background-color: #fffcce; font-size: 0.875em; font-weight: normal; }
	.answer { position: relative; padding-left: 90px; }
	.answer em { position: absolute; top: 3px; left: 0; background-color: #fffcce; font-size: 0.875em; }
	.answer ol { list-style-type: lower-alpha; margin: 0 0 0 1.3em; padding: 0; }
	.goTop { text-align: right; font-size: 0.7em; text-transform: uppercase; font-weight: bold; margin: 1em 0 1.5em 0; border-top: 1px solid #ededed; padding: 4px 18px 4px 0; background: url(../../../general/nachp/iconTop.gif) no-repeat right center; }
	.goTop a { color: #595959; }
	
	
	/* 5.4 BENEFITS
	-------------------------------------------------*/
	
	ul.benefits { margin: 0; padding: 0; list-style: none; }
	ul.benefits li { position: relative; padding: 10px 0 10px 290px; }
	ul.benefits li h3 { position: absolute; width: 275px; margin: 0; padding: 0 0 0 5px; height: 32px; top: 10px; left: 0; background: #eeeeee url(../../../general/nachp/bgBenefits.gif) no-repeat right; font: bold 1em/32px Arial; text-transform: none; overflow: hidden; }
	ul.benefits li p { margin: 0; padding: 5px 0 0 0; border-top: 1px solid #efefef; }
	.titleHealth { height: 50px; line-height: 50px; background: url(../../../general/nachp/iconHealth.gif) no-repeat; padding-left: 60px; color: #ff001a; }
	.titleLifestyle { height: 50px; line-height: 50px; background: url(../../../general/nachp/iconLifestyle.gif) no-repeat; padding-left: 60px; color: #80d30d; }
	.titleEducation { height: 50px; line-height: 50px; background: url(../../../general/nachp/iconEducation.gif) no-repeat; padding-left: 60px; color: #0096ff; }
	
	
	/* 5.5 FREE DRUG CARD
	-------------------------------------------------*/
	
	.tools { margin: 0 auto; padding: 0; list-style: none; width: 400px; height: 40px; }
	.tools li { float: left; height: 40px; line-height: 40px; }
	.tools-pharmacySearch { padding-left: 50px; width: 150px; background: url(../../../general/nachp/iconPharmacyLocator-large.gif) no-repeat; }
	.tools-drugPricing { padding-left: 60px; width: 140px; background: url(../../../general/nachp/iconDrugPricing-large.gif) no-repeat; }
	
	
	/* 5.6 JOIN
	-------------------------------------------------*/
	
	.joinForm { margin: 0; width: auto; }
	.auto { width: auto; padding: 3px 10px 0 10px; }
	.membershipCalculator { background: url(../../nachp/bgCalculator.gif) repeat-x; border: 1px solid #59afe7; padding: 10px; }
	.membershipCalculator h3 { margin: 0; padding: 10px 0; }
	.membershipCalculator h3 span { font-size: 12px; font-weight: normal; }
	ul.membershipCalculator-Type { margin: 0 0 10px 0; padding: 0 0 10px 0; list-style: none; height: 26px; border-bottom: 1px solid #59afe7; }
	/*.membershipCalculator input { float: none; width: auto; }*/
	ul.membershipCalculator-Type li { float: left; width: 30%; margin: 4px; }
	.membershipCalculator-Section { border: 1px dotted #cccccc; margin: 4px; padding: 10px; }
	.membershipCalculator-Section ul { margin: 0; padding: 0; list-style: none; }
	.membershipCalculator-Section ul li { float: left; width: 100%; height: 24px; }
	.membershipCalculator-Label { float: left; width: 74%; color: #333333; font-weight: bold; }
	.membershipCalculator-Price { float: right; width: 24%; text-align: right; font-weight: bold; }
	.membershipCalculator-Dues { margin-top: 4px; border-top: 1px solid #666666; padding-top: 4px; }
	.warning { background-color: #feffcf; border: 1px solid #ffd200; padding: 7px 20px; margin-bottom: 20px; font-weight: bold; font-size: 0.875em; }
	
	.calculatorBenefits { zoom: 1; overflow: hidden; }
	.calculatorBenefits h2 { color: #000000; }
	.calculator-type { float: left; width: 350px; }
	.calculator-type ul { margin: 0; padding: 0 0 0 10px; list-style: none; }
	.calculator-type li { display: block; height: 40px; padding-left: 10px; line-height: 40px; font-size: 16px; }
	.calculator-type li.selected { background: url(../../../general/nachp/calculator-selected.gif) no-repeat; }
	.calculator-additions { float: left; width: 414px; padding: 0 18px 10px 18px; border: 1px solid #e7e7e7; }
	.calculator-additions ul { margin: 0; padding: 0; list-style: none; }
	.calculator-additions li { height: 36px; border-top: 1px solid #f0f0f0; color: #000000; font: normal 18px/36px Arial; }
	.calculator-additions li span { float: right; }
	.calculator-additions li em { font-size: 14px; font-style: normal; }





/* 6. MEMBERS AREA
===============================================================================================================*/

.membershipDetails, .memberLinks { float: left; width: 250px; }
.memberBenefits { float: left; width: 670px; padding: 0 10px; }
.memberContent { float: left; width: 930px; padding-left: 10px; }
.memberContentLeft { float: left; width: 930px; padding-right: 10px; }
.member-agent, .member-membership, .member-usefullLinks, .member-claims, .member-locator, .member-contact, .member-options { width: 212px; padding: 2px 18px 10px 18px; margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.member-agent h2, .member-membership h2, .member-usefullLinks h2, .member-claims h2, .member-locator h2, .member-contact h2, .member-options h2 { margin: 0 -16px 10px -16px; height: 30px; background-color: #f5f5f5; line-height: 30px; font-size: 1.1em; color: #000000; text-align: center; }
.member-selectedBenefits { width: 244px; padding: 2px 2px 10px 2px; margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.member-selectedBenefits h2 { margin: 0 0 10px 0; height: 30px; background-color: #f5f5f5; line-height: 30px; font-size: 1.1em; color: #000000; text-align: center; }
.membershipBenefits, .premiumBenefits { padding: 2px 18px 10px 18px; margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.membershipBenefits h2 { margin: 0 -16px 10px -16px; height: 30px; background-color: #fffcdc; line-height: 30px; font-size: 1.1em; color: #000000; padding-left: 16px; }
.premiumBenefits h2 { margin: 0 -16px 10px -16px; height: 30px; background-color: #f5f5f5; line-height: 30px; font-size: 1.1em; color: #000000; padding-left: 16px; }
.member-agent { text-align: center; font-weight: bold; position: relative; padding-bottom: 30px; }
.member-agent img { display: block; margin: 0 auto 10px auto; }
.member-usefullLinks ul, .member-claims ul, .member-locator ul, .member-contact ul, .member-options ul { margin: 0; padding: 0; list-style: none; font-size: 0.9em; }
.member-usefullLinks li, .member-claims li, .member-locator li, .member-contact li, .member-options li { padding-left: 14px; margin: 8px 0; background: url(../../../general/nachp/arrowLinks.gif) no-repeat 0 5px; }
.membershipBenefits ul, .premiumBenefits ul { margin: 0; padding: 0; list-style: none; }
.membershipBenefits li, .premiumBenefits li { padding-left: 14px; margin: 7px 0; background: url(../../../general/nachp/arrowLinks.gif) no-repeat 0 5px; }
.member-membership { font-weight: bold; position: relative; padding-bottom: 30px; }
.member-membership span { font-size: 0.75em; color: #9a9a9a; }
.member-membership span.memberId { color: #000000; font-size: 1.2em; }
.member-membership em { font-size: 0.75em; color: #000000; font-weight: normal; font-style: normal; text-transform: uppercase; }
.premiumBenefits p { font-size: 0.9em; }
.member-contactAgent { position: absolute; right: 5px; bottom: 5px; height: 16px; font: normal 0.7em/16px Arial; color: #999999; padding-right: 25px; background: url(../../../general/nachp/iconContactAgent.gif) no-repeat right 0; }
.member-contactAgent:hover { background: url(../../../general/nachp/iconContactAgent.gif) no-repeat right -16px; color: #333333; }
.member-changeMembership { position: absolute; right: 5px; bottom: 5px; height: 21px; font: normal 0.7em/21px Arial; color: #999999; padding-right: 25px; background: url(../../../general/nachp/iconChangeMembership.gif) no-repeat right 0; }
.member-changeMembership:hover { background: url(../../../general/nachp/iconChangeMembership.gif) no-repeat right -21px; color: #333333; }
.member-generateKit { margin-bottom: 10px; }
.divider { margin: 10px 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; background-color: #eeeeee; }
.profileForm { width: 790px; margin: 20px 0; padding: 20px 10px 0 10px; background: #f8f8f8 url(../../../general/nachp/bgForm.gif) repeat-x; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.profileForm .formField, .profileForm .formSelect { margin-right: 10px; }
.labelTitle { font-size: 0.875em; font-weight: bold; }
.paymentFax { background: url(../../../general/nachp/iconFax.gif) no-repeat; padding: 10px 0 10px 70px; }
.paymentOnlineForm { background: url(../../../general/nachp/iconOnlineForm.gif) no-repeat; padding: 10px 0 10px 70px; }
.paymentFax span, .paymentOnlineForm span { float: right; margin-top: 10px; }
.paymentFax p, .paymentOnlineForm p { margin: 0; }
.paymentFax h2, .paymentOnlineForm h2 { margin: 0; padding: 0; font-size: 1.2em; text-transform: uppercase; color: #d11919; }
.formHolder dl { margin: 0; padding: 0; }
.formHolder dt { clear: both; }
.formHolder dl:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.formHolder dl { display: inline-block; } /* Hides from IE Mac \*/ * html .formHolder dl { height: 1%;} .formHolder dl { display: block; } /* End Hack */
.formHolder dd { float: left; padding: 0 2em 0 0; }
.addBenefits ul { height: 80px; padding-bottom: 30px; }
.addBenefits li { float: left; background: none; width: 265px; height: 60px; padding: 15px 10px 5px 10px; margin-right: 10px; border: 1px solid #ebebeb; position: relative; }
.addBenefits li.selected { background-color: #fffcdc; }
.addBenefits li a { font-size: 20px; }
.addBenefits .price { float: right; font-size: 24px; }
.addBenefits .add { position: absolute; bottom: 0; right: 0; }
.addBenefits .add a { display: block; width: 30px; height: 27px; background: url(../../../general/nachp/spriteAddBenefit.gif) no-repeat 0 0; font-size: 0; line-height: 0; }
.addBenefits .add a:hover { background: url(../../../general/nachp/spriteAddBenefit.gif) no-repeat 0 -30px; }
.addBenefits li.selected .add a { background: url(../../../general/nachp/spriteAddBenefit.gif) no-repeat 0 -60px; cursor: default; }
.member-selectedBenefits ul { margin: 0; padding: 0; list-style: none; }
.member-selectedBenefits li { border-bottom: 1px solid #f6f6f6; padding: 10px; position: relative; display: none; }
.member-selectedBenefits li em { font-style: normal; font-size: 12px; }
.member-selectedBenefits .price { float: right; font-size: 16px; }
.member-selectedBenefits .remove { position: absolute; bottom: 0; right: 0; }
.empty { padding: 5px 10px; font-size: 13px; }
.full { padding: 10px 0 0 0; text-align: center; border-top: 1px solid #e2e2e2; }
.basicMembership { border-bottom: 1px solid #ebebeb; text-transform: uppercase; font-size: 24px; color: #000000; padding: 4px 0 10px 0; }
.basicMembership span { float: right; }
.confirmBenefits { padding: 10px 0 10px 70px; }
.confirmBenefits ul { margin: 0; padding: 0; list-style: none; width: 530px; }
.confirmBenefits li { display: none; padding: 7px 0; background: none; font-size: 18px; border-top: 1px solid #f0f0f0; }
.confirmBenefits li span { float: right; font-size: 22px; }







/* 7. MEMBER MANAGEMENT
===============================================================================================================*/

.userList { margin: 30px 0; }
.userList ul { margin: 0; padding: 0; list-style: none; width: 1210px; }
.userList li { display: block; margin: 0; border-bottom: 1px solid #dedede; padding: 10px; height: 15px; }
.userList li span { float: left; width: 230px; font-weight: bold; }
.userList li a { float: left; padding: 0 15px 0 20px; white-space: nowrap; }
.userList li.first { border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; color: #000000; background-color: #f4f4f4; font-size: 14px; }
.userList-termination { background: url(../../../nachp/iconEnd.gif) no-repeat left center; }
.userList-kit { background: url(../../../nachp/iconKit.gif) no-repeat left center; }
.userList-declined { background: url(../../../nachp/iconDecline.gif) no-repeat left center; }
.userList-card { background: url(../../../nachp/iconCreditCard.gif) no-repeat left center; }
.userList-annual { background: url(../../../nachp/iconNote.gif) no-repeat left center; }
.userList-attach { background: url(../../../nachp/iconAttach.gif) no-repeat left center; }
.userList-files { background: url(../../../nachp/iconFolder.gif) no-repeat left center; }
.userListStats { width: 1200px; margin: 20px 0; padding: 10px; }

.logsHolder { width: 1190px; }
.logsTitle { margin: 20px 0; background-color: #f6f9fa; border-bottom: 1px solid #d3e1e8; padding: 5px; }
.logsTitle span { font-weight: bold; color: #00b4ff; }
.back { float: right; padding-left: 22px; font-size: 12px; font-weight: bold; background: url(../../../nachp/iconBack.gif) no-repeat left center; }
.logsList { margin: 0 0 30px 0; }
.logsList ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e1e1e1; }
.logsList ul li { display: block; min-height: 37px; height: auto !important; height: 37px; padding: 1px 0; border-bottom: 1px solid #e1e1e1; line-height: 17px; }

.logsList ul li:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.logsList ul li { display: inline-block; } /* Hides from IE Mac \*/ * html .logsList ul li { height: 1%;} .logsList ul li { display: block; } /* End Hack */

.entryType { float: left; width: 37px; height: 37px; }
.entryDate { float: left; padding: 10px 20px; width: 90px; height: 17px; }
.entryDate em { background-color: #b6cc69; color: #ffffff; font-style: normal; font-weight: bold; padding: 0 5px; }
.entryName { float: left; width: 270px; padding: 10px 0; height: 17px; line-height: 17px; }
.entryName em { font-size: 15px; font-weight: bold; font-style: normal; }
.entryAuthor { float: left; width: 200px; padding: 10px 0; height: 17px; line-height: 17px; font-size: 11px; }
.entryOptions { float: right; width: 552px; padding: 10px 0; height: 17px; line-height: 17px; font-size: 12px; }
.entryOptions-delete { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconClose.gif) no-repeat left center; }
.entryOptions-viewFiles { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconFolder.gif) no-repeat left center; }
.entryOptions-uploadFile { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconAttach.gif) no-repeat left center; }
.entryOptions-close { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconClose.gif) no-repeat left center; }
.entryOptions-closeClaim { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconCloseClaim.gif) no-repeat left center; }
.entryOptions-openClaim { float: left; padding: 0 10px 0 20px; background: url(../../../nachp/iconOpenClaim.gif) no-repeat left center; }
.logsList form { margin: 0; padding: 0; background: none; float: left; width: 100px; }
.logsUploadFile input { width: auto; height: auto; }
.logsUploadFile { clear: both; background-color: #f0f6f8; padding: 10px 20px; margin: 0 0 0 55px; }
.logsUploadFile form { float: none; padding: 0 0 10px 20px; width: auto; }
.logsUploadFile label { float: left; width: 80px; }
.logsUploadFile input.formField { float: left; width: 200px; height: auto; padding: 3px 5px; }
.logsUploadFile input.formButton { float: left; border: none; }
.logsUploadFile fieldset { margin: 0; padding: 0; border: 0; float: left; width: 320px; }
.formButtons { float: left; padding-top: 20px; vertical-align: middle; line-height: 28px; }
.logsUploadFile h2 { margin: 0 0 15px 0; padding: 0 0 0 24px; background: url(../../../nachp/iconUpload.gif) no-repeat left center; color: #555555; font-size: 17px; font-weight: bold; }
.customType_1 { background: url(../../../nachp/type_annualPaymentDue.gif) no-repeat; }
.customType_2 { background: url(../../../nachp/type_creditCard.gif) no-repeat; }
.customType_3 { background: url(../../../nachp/type_memberKit.gif) no-repeat; }
.customType_4 { background: url(../../../nachp/type_declinedPayment.gif) no-repeat; }
.customType_5_opened { background: url(../../../nachp/type_claimOpened.gif) no-repeat; }
.customType_5_closed { background: url(../../../nachp/type_claimClosed.gif) no-repeat; }
.customType_6 { background: url(../../../nachp/type_terminationNotice.gif) no-repeat; }
.customType_7 { background: url(../../../nachp/type_annualPaymentDue.gif) no-repeat; }
.customType_8 { background: url(../../../nachp/type_call.gif) no-repeat; }
.customType_9 { background: url(../../../nachp/type_email.gif) no-repeat; }
.customType_10 { background: url(../../../nachp/type_annualPaymentDue.gif) no-repeat; }
.customType_11 { background: url(../../../nachp/type_annualPaymentDue.gif) no-repeat; }
.customType_12 { background: url(../../../nachp/type_changePayment.gif) no-repeat; }
.logsFilters { margin: 20px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 3px solid #ededed; }
.logsFilters dl { margin: 0; padding: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #cccccc; }
.logsFilters dl dt { float: left; margin: 0; width: 100px; font-size: 15px; font-weight: bold; padding-left: 10px; border-right: 1px solid #cccccc; }
.logsFilters dl dd { float: left; margin: 0; border-right: 1px solid #cccccc; padding: 0 10px 0 24px; background: url(../../../nachp/iconFilterOff.gif) no-repeat 5px center; }
.logsFilters dl dd a { color: #999999; font-size: 12px; font-weight: bold; }
.logsFilters dl dd a:hover { color: #333333; }
.logsFilters dl dd.selected { background: url(../../../nachp/iconFilterOn.gif) no-repeat 5px center; }
.logsFilters dl dd.selected a { color: #333333; }
.logsFilters dl dd.resetFilters { float: right; border-right: none; background: url(../../../nachp/iconFilterReset.gif) no-repeat left center; }
.logsFilters dl dd.resetFilters a { color: #333333; }
.sublogsList { clear: both; background: url(../../../nachp/iconSublog.gif) no-repeat 17px 10px; }
.sublogsList ul { border: 0; padding: 10px 0 0 50px; }
.sublogsList ul li { border-bottom: 0; border-top: 1px solid #e1e1e1; }
.entryNotes { float: left; width: 400px; padding: 7px 0; }
.sublogsList .entryOptions { width: 100px; }
.sublogsList .entryDate em { background-color: #6da5ef; }
.sublogsClose { background-color: #FFFCD2; text-align: right; padding: 2px 10px; font-weight: bold; }
.sublogsClose a { color: #ff0000; }
.comments { clear: both; background-color: #f8f8f8; border: 2px solid #f2f2f2; padding: 2px 5px; margin: 5px 14px 4px 56px; position: relative; }
.commentsHead { position: absolute; width: 10px; height: 7px; top: -9px; left: 10px; background: url(../../../nachp/bgComments.gif) no-repeat; }

.memberPage { width: 1190px; font-size: 13px; }
.memberPage h1 { margin: 10px 0 40px 0; background-color: #f6f9fa; border-bottom: 1px solid #d3e1e8; padding: 5px; color: #555555; font-size: 18px; }
.memberPage h1 span { font-weight: bold; font-size: 20px; color: #00aeff; }
.memberPage h1 span em { font-size: 14px; font-weight: normal; font-style: normal; color: #555555; }
.removeUser { float: right; padding: 0; margin: -5px -5px 0 18px; }
.wrapperInfo { margin: 30px 0; }
.memberInfo, .familyInfo { float: left; width: 570px; border: 1px solid #e1e1e1; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.memberInfo p, .familyInfo p { clear: both; font-weight: bold; }
.memberInfo  { margin-right: 5px; }
.memberInfo p span, .familyInfo p span { font-weight: normal; float: left; width: 140px; }
.membershipInfo { margin: 30px 0; border: 1px solid #e1e1e1; padding: 10px; }
.membershipInfo-details { clear: left; float: left; width: 400px;}
.membershipInfo-details p, .membershipInfo-benefits p { font-weight: bold; }
.membershipInfo-details p span { font-weight: normal; float: left; width: 140px; }
.membershipInfo-benefits { float: left; width: 500px; }
.memberInfo h2, .familyInfo h2, .membershipInfo h2 { margin: -22px 0 10px 0; padding: 0 5px; float: left; background-color: #ffffff; font: normal 18px/18px Arial; color: #555555; }
.membershipInfo ul { margin: 10px 0 10px 20px; padding: 0; list-style: none; }
.membershipInfo ul li { padding-left: 24px; background: url(../../../nachp/arrow.gif) no-repeat left center; line-height: 24px; }
.membershipInfo ul li span { float: left; width: 300px; font-size: 14px; font-weight: bold; color: #00aeff; }
.memberOptions { margin: 20px 0; background-color: #f0f9fd; border-top: 1px solid #cccccc; border-bottom: 3px solid #ededed; }
.memberOptions dl { margin: 0; padding: 10px 0 0 5px; height: 55px; border-bottom: 1px solid #cccccc; }
.memberOptions dl dt { float: left; font-size: 15px; font-weight: bold; margin: 0; width: 140px; padding-left: 10px; }
.memberOptions dl dd { float: left; width: 220px; margin: 0; padding: 0 6px; }
.memberOptions dl dd a { float: left; height: 22px; line-height: 22px; padding: 0 10px 0 20px; }