/*
-----------------------------------------------
CareFirst Broker Print Styles
Author: Nick Hall
Version: April 10, 2008
----------------------------------------------- */


/* =Reset Elements
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
fieldset,
img{ 
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,
th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after{
	content:'';
}
abbr,
acronym{
	border:0;
}


/* =Type
----------------------------------------------- */
body{
	font:normal 9pt Lucida Sans, Lucida Sans Unicode,Lucida Grande, Trebuchet MS;
	color:#000;
}
pre,
code{
	font-family:monospace;
}


/* Common=Tags
----------------------------------------------- */
body{
	background:#fff;
}
a,
a:link{
	color:#003399;
}
h1{
	font-weight:bold;
	font-size:12pt;
	margin-bottom:11px;
}
h2{
	font-weight:bold;
	font-size:11pt;
	color:#003399;
	border-bottom:1px solid #CCC;
	padding:0 7px 3px 0;
	margin-bottom:8pt;
}
h3{
	font-size:10pt;
	font-weight:bold;
	margin-bottom:5pt;
	color:#003399;
}
.orangeHighlight{
	color:#ff6600;
}
p{
	line-height:12pt;
	margin-bottom:12px;
}
ul{
	line-height:12pt;
	margin-bottom:12px;
}
ol{
	line-height:12pt;
	margin-bottom:12px;
	list-style:decimal;
}
strong,
bold{
	font-weight:bold;
}
em,
i{
	font-style:italic;
}


/* Common=Classes
----------------------------------------------- */
.hide{
	display:none;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.required{
	color:#FF0000;
}
.clear{
	clear:both;
}
.mute{
	color:#333;
}


/* =Sructure
----------------------------------------------- */
#page{
}
#logo{
	float:left;
	margin:0 0 5px 0;
}
#header{
	float:left;
	width:100%;
}
#content{
	clear:both;
	float:left;
	width:100%;
}
#contentCurve{
	float:left;
	width:100%;
	padding-bottom:10px;
}
#primaryContent{
}
.oneColumn #primaryContent{
	padding:18px 0 20px 0;
}
.twoColumn #primaryContent{
	float:left;
	width:100%;
	padding:0 0 20px 0;
}
.threeColumn #primaryContent{
	float:left;
	width:50%;
	margin-left:5%;
}
#secondaryContent{
	display:none;
}
#tertiaryContent{
	/*float:right;
	width:20%;
	padding:0;*/
	display:none;
}
#footer{
	clear:both;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:7pt;
	padding-top:18px;
}
#footer p{
	line-height:9pt;
	margin-bottom:10px;
}
#footer ul{
	display:none;
}
.clearFloat{
	float:left;
	clear:left;
	width:100%;
}
.oneColumn .clearFloat{
	float:none;
}


/* =Utility Navigation
----------------------------------------------- */
#utilityNav{
	display:none;
}


/* =Main Navigation
----------------------------------------------- */
#mainNav{
	display:none;
}


/* =Sub Navigation
----------------------------------------------- */
#subNav{
	display:none;
}


/* =Breadcrumbs
----------------------------------------------- */
#breadcrumbNav{
	float:left;
	width:100%;
	margin-bottom:12px;
}
#breadcrumbNav li{
	float:left;
	font-size:8pt;
}
#breadcrumbNav li a,
#breadcrumbNav li a:link{
	text-decoration:none;
	color:#666;
	margin-right:10px;
}
#breadcrumbNav li.active a,
#breadcrumbNav li.active a:link{
	color:#003399;
}


/* =Interior Structure
----------------------------------------------- */
#infoContainer{
	float:left;
	clear:both;
	width:100%;
}
#accountInfo{
	display:none;
}
#accountInfo p{
	display:none;
}
#accountInfo .greeting{
	display:none;
}
#accountInfo .accountName{
	display:none;	
}
#accountInfo .title{
	display:none;	
}
#accountInfo .companyName{
	display:none;
}
#appControls{
	display:none;
}


/* =PopUp Structure
----------------------------------------------- */
.popUp .header{
	font-weight:normal;
	clear:left;
}
.popUp .header span{
	padding:16px 0 0 0;
	font-size:11pt;
	margin-bottom:0;
	display:block;
	color:#003399;
}
.popUp #primaryContent{
	padding:6px 0 0 0;
}


/* =Gradient Buttons
----------------------------------------------- */
.btnGradient .cornerBl img{
	display:none;
}


/* =Forms
----------------------------------------------- */
fieldset{
	padding-bottom:20px;
}
fieldset input{
	padding:3px 2px;
	height:12px;
	font-size:11px;
}
fieldset textarea{
	padding:3px 2px;
	font-size:11px;
}
fieldset select{
	font-size:11px;
	height:18px;
}
fieldset h3{
	color:#FF6600;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:6px;
}
form p.instructions{
	font-weight:bold;
}
form p.instructions .indent{
	padding-left:20px;
}
form .note{
	color:#939393;
	font-family:Arial;
	font-size:8pt;
	display:block;
}
.actionBar{
	text-align:center;
	display:block;
	border:1px solid #CCC;
	padding:10px 0;
	clear:both;
}
.actionBar input{
	padding:0 2px;
	margin:0 10px;
	font-size:11px;
}
ul.checkGroup .checkbox{
	margin-right:6px;
}
ul.checkGroup li{
	margin-bottom:8px;
}


/* =Registration Form
----------------------------------------------- */
.terms h3{
	color:#FF6600;
	font-weight:bold;
	margin-bottom:6px;
	font-size:11pt;
}
.terms #acceptTerms{
	margin-right:3px;
}
a.whyBtn,
a.whyBtn:link{
	font-size:11pt;
	font-weight:bold;
	padding:1px 0 1px 15px;
	text-decoration:none;
}
.step{
	color:#CC6600;
	padding-left:10px;
}
#registration .personalInfo input{
	width:100px;
	margin-bottom:2px;
}
#registration .personalInfo label{
	float:left;
	width:200px;
	margin-bottom:18px;
}
#registration .personalInfo #ssnLabel,
#registration .personalInfo #emailLabel{
	clear:left;
}
#registration .personalInfo #middleInLabel{
	margin-bottom:8px;
	width:163px;
}
#registration .personalInfo #middleInLabel input{
	width:40px;
}
#registration .personalInfo #emailLabel input,
#registration .personalInfo #confirmLabel input{
	width:180px;
}
#registration .loginInfo label{
	margin-bottom:18px;
	display:block;
}
#registration .loginInfo input{
	width:142px;
}
#registration .personalInfo #emailLabel{
	width:363px;
}
.emailDiv{
	float:left;
	width:100%;
	clear:both;
	padding-bottom:18px;
}
#registration .personalInfo .emailDiv label{
	margin-bottom:0;
}


/* =Security Info
----------------------------------------------- */
.securityInfo li{
	padding:4px 0 0 0;
	display:block;
	float:left;
	clear:left;
}
.securityInfo li.title{
	padding:14px 0 4px 0;
	display:block;
	font-weight:bold;
}
.securityInfo li.title span{
	width:436px;
	display:block;
	float:left;
}
.securityInfo li.title span.answerTitle{
	width:60px;
}
.securityInfo li input{
	width:250px;
}
.securityInfo li input.answer{
	width:150px;
}
/*
.securityInfo li label{
	width:320px;
	padding-right:20px;
	display:block;
	float:left;
}
.securityInfo li .edit{
	width:96px;
	float:left;
	display:block;
}*/
.twoColumn ol.securityInfo{
}
/*
.twoColumn .securityInfo li{
	width:660px;
}
.twoColumn .securityInfo li.title{
	width:690px;
}
.twoColumn li.title span.questionTitle{
	width:390px;
}
.twoColumn li.title span.answerTitle{
	width:200px;
}
.twoColumn .securityInfo li .edit{
	width:80px;
}
*/
#editProfile .securityInfo li{
	padding-bottom:6px;
}
#editProfile .securityInfo li.active{
	padding-bottom:0;
}
#editProfile .securityInfo li{
	color:#666;
}
#editProfile .securityInfo li.title,
#editProfile .securityInfo li input{
	color:#000;
}
#editProfile .securityInfo li.active a,
#editProfile .securityInfo li.active a:active{
	color:#666;
	text-decoration:none;
}
#editProfile .securityInfo .labelEdit{
	display:block;
	float:left;
	width:260px;
	margin-right:72px;
}


/* =New Staff
----------------------------------------------- */
#newStaff .staffSelection{
	float:left;
	width:210px;
}
#newStaff .orDivider{
	float:left;
	padding:130px 18px 0 18px;
}
#newStaff .addNew{
	float:left;
	width:220px;
}
#newStaff h2{
	clear:both;
}
#newStaff .addNew label{
	display:block;
}
#newStaff .addNew input{
	width:140px;
	margin:3px 0 7px 0;
}
#newStaff .addNew input#middleIn{
	width:20px;
}
#newStaff .addNew input#ssn{
	margin-bottom:30px;
}
#newStaff .addNew #firstNameLabel{
	margin-right:22px;
}
#newStaff .addNew #firstNameLabel,
#newStaff .addNew #middleInLabel{
	float:left;
}
#newStaff .addNew #lastNameLabel{
	clear:left;
}


/* =Edit Profile
----------------------------------------------- */
#editProfile .security{
	clear:both;
}
#editProfile .emailAddress,
#editProfile .password{
	float:left;
	padding-right:80px;
}
#editProfile .emailAddress label,
#editProfile .password label{
	display:block;
	padding-bottom:10px;
}
#editProfile .emailAddress label input,
#editProfile .password label input{
	width:140px;
}
#editProfile input.disabled{
	border:0;
	color:#666;
	padding:6px 0 4px 0;
}


/* =Search Form
----------------------------------------------- */
.staffFor{
	font-weight:bold;
	padding-right:8px;
}
#searchCriteria{
	margin-bottom:24px;
}
#searchCriteria label{
	float:left;
	display:block;
	margin-right:25px;
	padding:0 0 10px 0;
}
#searchCriteria fieldset input{
	width:140px;
}
#addBtn{
	margin-left:10px;
	font-size:11px;
}
#searchCriteria label#userIDLabel{
	clear:left;
}
#searchResults th .selectAll input{
	margin-right:4px;
}


/* =New Staff
----------------------------------------------- */
#newStaff h2{
	padding-bottom:0;
	border-bottom:0;
}
#newStaff .border{
	margin-bottom:15px;
}


/* =Member Information
----------------------------------------------- */
#memberInfo{
	margin-bottom:18px;
}
#memberInfo fieldset{
	border:1px solid #CCC;
	border-width:1px 1px 0 1px;
	padding:1px;
}
#memberInfo .container{
	float:left;
}
#memberInfo .tableContainer{
	float:left;
	padding:16px 0;
}
#memberInfo table{
	float:left;
}
#memberInfo table td{
	padding:4px;
	text-align:left;
}
#memberInfo table th{
	padding:4px 4px 4px 20px;
	text-align:left;
	font-weight:bold;
}


/* =Tables
----------------------------------------------- */
table.dataTable{
	font-family:Arial;
	width:100%;
	border:1px solid #D6D6D6;
	border-width:1px 1px 0 1px;
}
.dataTable th{
	padding:5px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #D6D6D6;
}
.dataTable td{
	padding:5px;
	text-align:center;
	border-bottom:1px solid #D6D6D6;
}
.dataTable td.actions{
	padding:0;
}


/* =Manuals
----------------------------------------------- */
#manuals .dataTable{
	margin-bottom:16px;
}
#manuals .dataTable th,
#manuals .dataTable td{
	text-align:left;
}
#manuals .dataTable td.child{
	padding-left:46px;
}


/* =Find Out
----------------------------------------------- */
table.findOut{
	width:100%;
}
table.findOut td{
	text-align:left;
	vertical-align:top;
	padding:0 10px 30px 0px;
}


/* =Benefit Summaries
----------------------------------------------- */
#benefitSummaries .dataTable{
	border-top-width:0;
}
#benefitSummaries table.first{
	border-top-width:1px!important;
}
#benefitSummaries .dataTable th{
	text-align:left;
}
#benefitSummaries .dataTable .subHead{
	font-weight:bold;
}
#benefitSummaries .dataTable td.features{
	text-align:left;
}


/* =Agreements
----------------------------------------------- */
#agreements .dataTable th{
	text-align:left;
}
#agreements .dataTable td{
	text-align:left;
}	


/* =New Staff
----------------------------------------------- */
#newStaff .dataTable{
	color:#666;
}
#newStaff .dataTable th{
	color:#000;
	text-align:left;
	padding-left:25px;
}
#newStaff .dataTable td{
	text-align:left;
	width:85%;
}






/* =Tabs
----------------------------------------------- */
.tabNav{
	float:left;
	padding-left:6px;
	margin-bottom:0;
}
.tabNav li{
	float:left;
}
.tabNav a,
.tabNav a:link{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	display:block;
	outline:none;
	border:1px solid #CCC;
	border-width:1px 1px 0 1px;
}
.tabNav a span,
.tabNav a:link span{
	display:block;
	padding:8px 6px 5px 6px;
}
.tabNav a.active,
.tabNav a.active:link{
	color:#003399;
}
.tabContent,
.tabContentnoBorder{
	clear:left;
	padding:14px 0 0 0;
}
div[class=tabContent],
div[class=tabContentnoBorder]{
	float:left;
}

.tabsTwo{
	float:left;
	width:650px;
}
.tabNavSecondary{
	display:block;
	margin:0 0 1em;
	overflow:auto;
}
.tabNavBottom{
	display:none;
}
.tabNavSecondary li{
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0;
	padding:0;
	white-space:nowrap;
}
.tabNavSecondary li a,
.tabNavSecondary li a:link{
	margin:0 5px;
}
.tabNavSecondary a.active,
.tabNavSecondary a.active:link{
	margin:0 5px;
	color:#666666;
	text-decoration:none;
}
.roundedBox .tabNavSecondary{
	margin:0;
	overflow:auto;
	padding:0 0 0 1em;
}
.roundedBox .tabNavSecondary li{
	display:block;
	float:none;
	margin:0 0 .5em;
	white-space:normal;
}
.roundedBox .tabNavSecondary li a,
.roundedBox .tabNavSecondary li a:link{
	margin:0;
}






/* Common=Classes
----------------------------------------------- */
.bullet{
	padding-bottom:12px;
}
.bullet li{
	margin-left:9px;
	padding-bottom:2px;
	list-style:disc;
}
.blockLink{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-bottom:6px;
}


/* =Modules
----------------------------------------------- */
#primaryContent .module{
	position:relative;
	float:left;
	width:100%;
}
#secondaryContent .module{
	display:none;
}
#tertiaryContent .module{
	display:none;
}
#tertiaryContent .module h2{
	display:none;
}
#tertiaryContent .module ul{
	display:none;
}
#tertiaryContent .module li{
	display:none;
}
#tertiaryContent .module ul a,
#tertiaryContent .module ul a:link{
	display:none;
}
#tertiaryContent .module .parentLink{
	display:none;
}
.module .closeBtn{
	display:none;
}
.print{
	display:none;
}


/* =One Column
----------------------------------------------- */
.oneColumn h1{
	color:#1D1D1D;
	font-size:12pt;
}


/* =Search Results
----------------------------------------------- */
#searchCriteria .container fieldset,
#searchCriteria .container .searchDiv,
ul.searchPages,
div.searchControls{
	display:none;
}
.searchResults{
	margin-bottom:20px;
	clear:both;

}
.searchDetail{
	width:75%;
	float:left;
	margin-bottom:15px;
}
.searchDetail p{
	margin-bottom:5px;
}
.searchPercentage{
	width:15%;
	float:right;
}
.number{
	width:30px;
	float:left;
}


/* =Applications & Forms
----------------------------------------------- */
.noteContainer{
	clear:both;
	border:1px solid #CCC;
	margin:10px 0;
	padding:10px 12px 0 12px;
	float:left;
	width:94%;
}
.noteContainer .bullet li{
	margin-left:19px;
}
.formContainerLeft{
	clear:left;
	float:left;
	width:48%;
}
.formContainerRight{
	float:right;
	width:48%;
}
.formContainerLeft table,
.formContainerRight table{
	margin-bottom:16px;
}
.formContainerLeft table td,
.formContainerLeft table th,
.formContainerRight table td,
.formContainerRight table th{
	text-align:left;
}
table td.icon,
table th.icon,
table td.icon,
table th.icon{
	text-align:center;
	width:18px!important;
}
.key{
	margin-left:20px;
	padding-left:20px;
	position:relative;
}
.key img{
	position:absolute;
	top:2px;
	left:0;
}
#indyForms table{
	margin-bottom:20px;
	clear:both;
}
#indyForms table td,
#indyForms table th{
	text-align:left;
}
#indyForms table td.product,
#indyForms table th.product{
	text-align:center;
	width:170px;
}
table.benefitSummaries{
	clear:left;
	margin-bottom:20px;
}
table.benefitSummaries td,
table.benefitSummaries th{
	text-align:left;
}
table.benefitSummaries td.parent{
	font-weight:bold;
}
table.benefitSummaries td.child{
	padding-left:25px;
}


/* =Buttons
----------------------------------------------- */
a.downloadLink,
a.downloadLink:link{
	display:block;
	padding-bottom:4px;
}
.update{
	display:block;
	font-style:italic;
}
ul.actionButtons{
	float:left;
	width:100%;
	padding-top:12px
}
ul.actionButtons li{
	float:left;
}
#postLogin ul.actionButtons li{
	padding-right:20px;
}


/* =Broker Tools
----------------------------------------------- */
#brokerTools dl{
	margin-bottom:14px;
	clear:left;
	float:left;
	width:100%;
}
#brokerTools dt{
	margin-bottom:4px;
}
#brokerTools dd{
	margin-bottom:1px;
	margin-left:20px;
	padding-left:9px;
}
.loginContainer{
	float:left;
	padding:0 30px 30px 30px;
}


/* =PopUp Content
----------------------------------------------- */
.popUp h2{
	padding:0;
	margin:0 0 12px 0;
	border:0;
}
.popUp .disclaimer{
	font-size:8pt;
}
.sectionFloat{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.popUp .sectionFloat h2{
	margin-bottom:6px;
}
.notesFloat{
	border-bottom:1px solid #CCC;
	margin-bottom:14px;
	padding-bottom:6px;
}
.notesFloat ol{
	margin-bottom:0;
}
.instructionFloat dl{
}
.instructionFloat dt{
	font-weight:bold;
}
.instructionFloat dd{
	margin-bottom:8px;
}





/* =Landing Page (Pre-Login)
----------------------------------------------- */
#preLogin #tertiaryContent .module dl{
	margin-bottom:6px;
}
#preLogin #tertiaryContent .module dt{
	margin-bottom:3px;
}
#preLogin #tertiaryContent .module dd{
	padding-bottom:3px;
}
#loginForm{
	display:block;
	padding:0 10px;
}
#loginForm fieldset{
	padding-left:10px;
	padding-bottom:0;
}
#loginForm label{
	display:block;
	padding-bottom:5px;
}
#loginForm label input{
	margin-top:2px;
	width:150px;
}
#loginForm #rememberMeLabel{
	padding-top:8px;
}
#loginForm #rememberMeLabel input{
	margin-right:3px;
	width:auto;
}
#loginForm .actionButtons{
	padding-top:15px;
}
#loginForm #forgotten{
	margin-bottom:20px;
}
#loginForm #forgotten li{
	display:inline;
	margin-right:6px;
}
#loginForm fieldset.logIn{
	margin-bottom:17px;
}
#preLogin a.parentLink,
#preLogin a.parentLink:link{
	color:#003399;
}
#preLogin #tertiaryContent .module h2.alt{
	color:#FF6600;
}


/* =Post Login Landing
----------------------------------------------- */
#brokerExpress dt{
	font-weight:bold;
	padding-bottom:6px;
}
#brokerExpress dd{
	margin-left:9px;
	padding-bottom:2px;
}




/* =Post Login Landing
----------------------------------------------- */
.yellowBox img{
	display:none;
}
img.tabContentImg{
	display:none;}
.productCallout img{display:none;}

.productOverview{
	clear:both;
}
.productOverview img{
	display:none;
}


/* =Workplace Wellness
----------------------------------------------- */
.primaryPhotoModule{
	border:1px solid #CCCCCC;
	margin:0 0 2em;
	padding:1em;
	position:relative;
}
.primaryPhotoModule h3{
	color:#FF6600;
	font-size:1.27em;
	font-weight:normal;
	margin-bottom:0.5em;
}
.tertiaryModule,
.tertiaryModuleBorder{
	display:none;
}
.ce-header{
	clear:left;
	border:none;
}
.lightOrange{
	color:#F97A00;
	text-decoration:none;
	border:none;
}
.orange{
	color:#FF6600;
}
.roundedBox{
	border:1px solid #CCCCCC;
	float:right;
	margin:0 0 2em 2em;
	width:18em;
}
.roundedBox h3{
	color:#ff6600;
	font-weight:bold;
	margin:.5em 0 1em .5em;
}
.resourceLibraryTOC{
	border:1px solid #CCCCCC;
	height:1%;
	margin:0 0 1em;
	overflow:auto;
	padding:12px 12px 10px;
}
.resourceLibraryTOC .column{
	float:left;
	width:32%;
}
img.wellnessImg{
	float:right;
	margin:0 1em 1em 2em;
}
select.selectArchive{
	float:right;
	margin:0 75px 0 0;
}
.yearArchive{
	font-size:1.3em;
	font-weight:bold;
}
table.careEssentials{
	margin-bottom:1em;
}
table.careEssentials td,
table.careEssentials th{
	padding:5px 15px;
	text-align:left;
}
table.careEssentials .leftPadding{
	padding-left:3em;
}
table.careEssentials .center{
	text-align:center;
}

