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

Project:		DME PLATFORM - CASHDOCTOR.BIZ
Version:		1.0
Last Changed:	06/09/2011
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 GROUP NAVIGATOR
4. FORMS
5. DME PLATFORM
6. POP-UP

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






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

body { margin: 0; padding: 0; font: normal 13px/18px Arial; color: #444444; }
h1 { margin: 20px 0; padding: 0; font: normal 24px/30px Arial; }
h2 { margin: 1.5em 0 1em 0; padding: 0; font: normal 1.5em Arial; }
h3 { margin: 1em 0 0.5em 0; padding: 0; font: bold 1.1em Arial; }
h4 { margin: 1em 0 0.5em 0; padding: 0; font: normal 1.1em Arial; }
a { text-decoration: none; color: #df0000; }
a:hover { color: #ffae00; }
p { margin: 20px 0; }
img { border: 0; }
.clearAll { clear: both; height: 1px; font-size: 1px; overflow: hidden; }





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

#container { width: 1200px; margin: 0 auto; }


	/* 2.1 HEADER
	-------------------------------------------------*/
	
	#header { background: url(../../../general/dme/bgHeader.jpg) no-repeat; padding: 154px 0 0 0; margin: 0 0 20px 0; }
	
	
	/* 2.2 CONTENT
	-------------------------------------------------*/
	
	#content { padding: 10px 0 50px 0; width: 1200px; margin: 0 auto; overflow: hidden; }
	.sidebar { float: right; width: 250px; }
	.sidebar h2 { margin: 0; padding: 10px 24px; background-color: #f6f9fa; border: 1px solid #d6e3ea; border-bottom: 0; color: #d4e1e8; font: normal 18px/24px Arial; }
	.sidebar ul { margin: 0 0 24px 0; padding: 20px 24px; border: 1px solid #d6e3ea; border-top: 0; list-style: none; }
	.sidebar li { padding: 6px 10px; border-bottom: 1px solid #ebf1f4; }
	.sidebar li strong { font-size: 16px; }
	.sidebar li strong a { color: #333333; }
	.main { float: left; width: 924px; }
	
	
	/* 2.3 FOOTER
	-------------------------------------------------*/
	
	#footer {}





/* 3. NAVIGATORS
===============================================================================================================*/
	
	/* 3.1 MAIN NAVIGATOR
	-------------------------------------------------*/
	
	.navGroup { height: 46px; background: #f1f7fc url(../../../general/dme/bgNavMain.gif) repeat-x; }
	.navGroup ul { margin: 0; padding: 0; list-style: none; }
	.navGroup li { float: left; height: 46px; }
	.navGroup a { float: left; height: 38px; padding: 0 20px;  color: #ffffff; font: bold 14px/38px Arial; }
	.navGroup a:hover { color: #ffea00; }
	.navGroup li.selected { background: url(../../../general/dme/arrowNavMain.gif) no-repeat bottom center; }
	
	
	/* 3.2 GROUP NAVIGATOR
	-------------------------------------------------*/
	
	.navLevel { height: 33px; background-color: #e1ecf6; }
	.navLevel ul { margin: 0; padding: 0; list-style: none; height: 32px; background-color: #f1f7fc; }
	.navLevel li { float: left; height: 32px; }
	.navLevel a { float: left; padding: 0 16px; height: 32px; font: bold 12px/32px Arial; color: #333333; }
	.navLevel a:hover { color: #d00000; }
	.navLevel li.selected { height: 42px; background: url(../../../general/dme/arrowNavGroup.gif) no-repeat bottom center; }





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

form { margin: 0; padding: 0; }
form br { clear: left; }
form label { float: left; padding: 16px 10px 0 0; }
.formHolder { padding: 20px 60px; }
.formLogin { padding: 40px 0 20px 0; width: 300px; margin: 0 auto; }
.formField { display: block; font: normal 1em Arial; color: #666666; width: 280px; padding: 5px; margin: 5px 0; border: 1px solid #d5d5d5; }
.formSelect { display: block; font: normal 1em Arial; color: #666666; width: 292px; padding: 4px 5px; margin: 5px 0; border: 1px solid #d5d5d5; }
.formTextarea { display: block; font: normal 1em Arial; color: #666666; width: 600px; height: 120px; padding: 5px; margin: 5px 0; border: 1px solid #d5d5d5; }
.formButtons { clear: both; padding: 20px 0; }
.formButton { border: 0; width: 76px; height: 25px; padding: 0 17px 0 10px; cursor: pointer; font: bold 12px/25px Arial; color: #cccccc; }
.formButton:hover { color: #df0000; }

.salutation, .zip { width: 80px; }
.address { width: 490px; }
.company { width: 600px; }
.affiliation { width: 800px; }

.formMessage { text-align: center; margin: 20px auto; }
.formNote { float: left; padding: 5px 0 0 12px; font-size: 0.8em; color: #999999; }
.formNotes { clear: both; padding: 18px 0 10px 0; font-style: italic; }

.notification-error { background: #ffe7e1 url(../../../general/nachp/iconError.gif) no-repeat 6px center; border-bottom: 1px solid #ff0000; width: 1150px; padding: 7px 20px 7px 30px; margin: 20px auto 0 auto; 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; width: 1150px; padding: 7px 20px 7px 30px; margin: 20px auto 0 auto; font-weight: bold; font-size: 0.875em; color: #69a401; }
.notification-verify { background: #feffcf url(../../../general/nachp/iconVerify.gif) no-repeat 6px center; border-bottom: 1px solid #ffd200; width: 1150px; padding: 7px 20px 7px 30px; margin: 20px auto 0 auto; font-weight: bold; font-size: 0.875em; color: #ff6c00; }






/* 5. DME PLATFORM
===============================================================================================================*/

.bcStyle { float: left; width: 340px; }
.bcDetails { float: right; width: 700px; }
.bcStyle label { float: none; display: block; }
.bcStyle ul { margin: 0; padding: 0; list-style: none; width: 240px; }
.bcStyle li { display: block; margin: 4px 0; padding: 6px; border: 1px solid #f2f2f2; overflow: hidden; }
.bcStyle li input { float: left; margin: 22px 20px 0 10px; }
.bcStyle li img { float: left; }

.chart-column { float: right; height: 20px; line-height: 15px; margin: 8px 0 0 0; padding: 0 0 0 20px; background-image: url(../../../general/dme/icon-chart-column.gif); background-repeat: no-repeat; font-size: 12px; color: #a5c1cf; }
.chart-column:hover { background-position: 0 -20px; color: #ffae00; }
.chart-line { float: right; height: 20px; line-height: 15px; margin: 8px 0 0 0; padding: 0 26px; background-image: url(../../../general/dme/icon-chart-line.gif); background-repeat: no-repeat; font-size: 12px; color: #a5c1cf; }
.chart-line:hover { background-position: 0 -20px; color: #ffae00; }

.teamLeader-actions { height: 15px; font-size: 12px; }
.teamLeader-actions a { color: #a5c1cf; }
.teamLeader-actions a:hover { color: #ffae00; }
.teamLeader { border: 1px solid #d4e1e8; margin: 20px 0; }
.teamLeader-info { padding: 15px 10px 15px 60px; background: #f6f9fa url(../../../general/cashdoctor/iconTeamLeader.gif) no-repeat 8px center; font-size: 12px; }
.teamLeader-info h2 { margin: 0; padding: 0; font: normal 18px/20px Arial; }
.teamLeader-info h2 a { color: #333333; }
.teamLeader-info h2 span { font-size: 12px; margin-left: 10px; }
.teamLeader-info a { color: #a5c1cf; }
.teamLeader-info a:hover { color: #ffae00; }
.teamLeader-showDetails { float: right; padding: 0 15px 0 0; background: url(../../../general/cashdoctor/iconShowDetails.gif) no-repeat right center; margin: 5px 0 0 20px; }
.teamLeader-hideTeam { float: right; padding: 0 15px 0 0; background: url(../../../general/cashdoctor/iconHideTeam.gif) no-repeat right center; margin: 5px 0 0 20px;  }
.teamLeader-showTeam { float: right; padding: 0 15px 0 0; background: url(../../../general/cashdoctor/iconShowTeam.gif) no-repeat right center; margin: 5px 0 0 20px;  }
.teamLeader-team { padding: 25px; }
.teamLeader-team table {}
.teamLeader-team th { font-size: 11px; font-weight: normal; color: #cccccc; padding: 5px 10px; border-bottom: 1px solid #e0e0e0; text-align: left; }
.teamLeader-team td { padding: 5px 10px; border-bottom: 1px solid #eeeeee; text-align: left; }
.team-company { width: 340px; }
.team-firstname { width: 180px; }
.team-lastname { width: 180px; }
.team-phone { width: 150px; }
.team-state { width: 70px; }
.team-date { width: 120px; }

.benefits { width: 100%; overflow: hidden; }
.benefits h2 { text-transform: uppercase; margin: 0.4em 0 1.2em 0; font-size: 1.24em; }
.benefits h3 { margin: 1.4em 0 0.4em 0; }
.benefits ul { margin: 0; padding: 0; list-style: none; }
.benefits ul li { margin: 8px 0; padding: 0 0 0 14px; background: url(../../../general/cashdoctor/bullet.gif) no-repeat left center; }
.discounts { float: left; width: 368px; padding: 10px 10px 10000px 10px; margin: 0 15px -9990px 0; border: 1px solid #e5e5e5; background: url(../../../general/cashdoctor/iconDiscounts.gif) no-repeat top right; }
.healthBenefits { float: left; width: 368px; padding: 10px 10px 10000px 10px; margin: 0 15px -9990px 0; margin-right: 10px; border: 1px solid #e5e5e5; background: url(../../../general/cashdoctor/iconHealthBenefits.gif) no-repeat top right; }
.revenueOpportunities { float: right; width: 368px; padding: 10px 10px 10000px 10px; margin: 0 0 -9990px 0; border: 1px solid #e5e5e5; background: url(../../../general/cashdoctor/iconRevenueOpportunities.gif) no-repeat top right; }
.basicMembership { float: left; width: 773px; padding: 10px 10px 10000px 10px; margin: 0 15px -9990px 0; margin-right: 10px; border: 1px solid #e5e5e5; }
.basicMembership h2 { margin-bottom: 0; }
.premiumBenefits { float: right; width: 368px; padding: 10px 10px 10000px 10px; margin: 0 0 -9990px 0; border: 1px solid #e5e5e5; }
.border { float: left; width: 390px; margin-right: 15px; height: 0; font-size: 0; line-height: 0; overflow: hidden; border-top: 1px solid #e5e5e5; }
.column { float: left; width: 380px; }
.enrollMembers { clear: both; text-align: right; }
.quickLinks { margin: 3em 0; width: 100%; overflow: hidden; }
.quickLinks h2 { float: left; margin: 0; padding: 0 80px 0 0; line-height: 44px; }
.quickLinks ul { margin: 0; padding: 0; list-style: none; }
.quickLinks ul li { float: left; height: 44px; background: url(../../../general/cashdoctor/spriteQuickLinks.gif) repeat-x; border: 1px solid #eaeaea; margin-right: 10px; }
.quickLinks ul li a { float: left; height: 42px; border: 1px solid #ffffff; padding: 0 18px 0 56px; color: #333333; font-size: 1.2em; font-weight: bold; line-height: 44px; }
.quickLinks ul li a:hover { color: #db0000; }
.quickLinks ul li:hover { border: 1px solid #e7d7d7; }
.quickLinks-pharmacy { background: url(../../../general/cashdoctor/spriteQuickLinks.gif) no-repeat  8px -44px; }
.quickLinks-drug { background: url(../../../general/cashdoctor/spriteQuickLinks.gif) no-repeat  8px -88px; }
.quickLinks-blood { background: url(../../../general/cashdoctor/spriteQuickLinks.gif) no-repeat  8px -132px; }
.quickLinks-contracting { background: url(../../../general/cashdoctor/spriteQuickLinks.gif) no-repeat  8px -176px; }

.libraries { width: 100%; margin: 15px 0; overflow: hidden; }
.library { float: left; width: 368px; padding: 10px 10px 10000px 10px; margin: 0 0 -9990px 15px; border: 1px solid #e5e5e5; }
.library h2 { margin: 10px 0; padding: 0; text-transform: uppercase; font: bold 15px Arial; }
.library ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
.library ul li { margin: 8px 0; padding: 0 0 0 14px; background: url(../../../general/cashdoctor/bullet.gif) no-repeat left center; }

.details { border: 1px solid #d6e3ea; margin: 0 0 24px 0; }
.details ul { margin: 0; padding: 20px 24px;  list-style: none; }
.details li { display: block; padding: 4px 0; overflow: hidden; }
.details li strong { float: left; width: 170px; }
.details h2 { margin: 0; padding: 10px 24px; background-color: #f6f9fa; color: #d4e1e8; font: normal 18px/24px Arial; }

.logsList { margin: 0; padding: 20px; }
.logsList ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e1e1e1; background-color: #ffffff; }
.logsList ul li { display: block; padding: 4px 0; border-bottom: 1px solid #e1e1e1; overflow: hidden; }

.entryType { float: left; width: 37px; height: 37px; }
.entryDate { float: left; width: 74px; height: 30px; background-color: #bbd0db; color: #ffffff; position: relative; }
.entryDate:after { content: ""; position: absolute; right: -5px; top: 10px; width: 0; height: 0; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #bbd0db; }
.entryDate-day { float: left; width: 40px; height: 30px; font-size: 30px; text-align: right; line-height: 30px; overflow: hidden; }
.entryDate-month { float: right; width: 30px; height: 12px; padding: 3px 0 0 0; font-size: 11px; line-height: 12px; overflow: hidden; }
.entryDate-year { float: right; width: 30px; height: 15px; font-size: 11px; line-height: 15px; overflow: hidden; }
.entryName { float: left; width: 210px; padding: 0 0 0 16px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; }
.entryName em { font-size: 15px; font-weight: bold; font-style: normal; }
.entryNotes { float: left; width: 350px; padding: 6px 10px; }
.entryNotes a { font-weight: bold; color: #a4c802; }
.entryNotes a:hover { color: #d83131; }
.entryAuthor { float: left; width: 130px; padding: 6px 0; height: 17px; line-height: 17px; font-size: 11px; }
.entryOptions { float: right; width: 80px; padding: 6px 0; height: 17px; line-height: 17px; font-size: 12px; }
.entryOptions-delete { float: left; padding: 0 10px 0 20px; background: url(../../general/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; }
.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; }





/* 6. POP-UP
===============================================================================================================*/

#popUpContainer { margin: 0; padding: 0; }
#popUpContainer h1 { margin: 0 0 10px 0; padding: 8px; font-size: 1.7em; }
#popUpContainer h2 { margin: 18px 0 10px 0; padding: 0; font: normal 1.5em Arial; }
#popUpContainer fieldset { float: left; width: 300px; border: 0; margin: 0; padding: 5px; }
#popUpContainer .formHolder { padding: 10px 60px; }
#popUpContainer .formField { display: block; font: normal 1em Arial; color: #666666; width: 240px; padding: 5px; margin: 2px 0; border: 1px solid #d5d5d5; }
#popUpContainer .formSelect { display: block; font: normal 1em Arial; color: #666666; width: 252px; padding: 4px 5px; margin: 2px 0; border: 1px solid #d5d5d5; }
#popUpContainer .formTextarea { display: block; font: normal 1em Arial; color: #666666; width: 500px; height: 150px; padding: 5px; margin: 2px 0; border: 1px solid #d5d5d5; }
#popUpContainer fieldset .formTextarea { width: 240px; height: 120px; }
#popUpContainer .salutation, #popUpContainer .zip { width: 80px; }
#popUpContainer .address { width: 450px; }
#popUpContainer .company { width: 560px; }
#popUpContainer .notification-error { width: auto; margin: 0; }
#popUpContainer .notification-success { width: auto; margin: 0; }
#popUpContainer .notification-verify { width: auto; margin: 0; }