/*
-----------------------------------------------
CareFirst Employer Print Styles
Author: G1440
Version: February 10, 2011
----------------------------------------------- */


/* =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:bold;
}
q:before,
q:after{
	content:'';
}
abbr,
acronym{
	border:0;
}


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


/* Common=Tags
----------------------------------------------- */

a,
a:link{
	color:#333;
}
h1{
	font-size:12pt;
	margin-bottom:11px;
}
h2{
	font-size:11pt;
	margin-bottom:8pt;
}
h3{
	font-size:10pt;
	margin-bottom:5pt;
}
h4 {font-size:10pt; margin-bottom:5pt}
p{
	line-height:12pt;
	margin-bottom:12px;
}
ul{
	line-height:12pt;
	margin-bottom:12px;
	list-style-type: disc ;
	padding-left:15px
}
ol{
	line-height:12pt;
	margin-bottom:12px;
	list-style:decimal;
}
strong,
bold{
	font-weight:bold;
}
em,
i{
	font-style:italic;
}


/* =Hidden Elements
----------------------------------------------- */
#utilityNav, #mainNav, #appControls, #footer ul, #secondaryContent, #tertiaryContent, #info-container, .tertiaryModule-Right, #member-rotation, .learnMore, .cornerImg, #advertisement, .tabNav, .returnBtn, .TOC, .FAQ-controls, .yellowBox img, input[type="image"], .key img, .tabNavSecondary, a.top, img[title*="Adobe"], img[title*="Word"], #yearArchive, #home-content, td img, img.rewards, #pcmhModule img, #provider-LogIn-Content form, img.icon-question, .video  {display:none}

/* Tables
----------------------------------------------- */
.dataTable, .healthyBlue {border:1px solid #666; border-width: 1px 0 0 1px; border-collapse: collapse; margin-bottom: 10px; width:600px}
.dataTable th, .dataTable td, .healthyBlue th, .healthyBlue td {border:1px solid #666; border-width: 0 1px 1px 0; padding:5px; vertical-align: top}
#tableHSAHRA {page-break-before: always}

/* Forms
----------------------------------------------- */
.formCol, .MI {float:left;  margin-right: 25px}
.formCol label {display: block; clear: both}
.gender label {display: inline}
.gender input {width:25px; border: 0}
form ul {list-style-type: none}
.inlineFields {margin-bottom:10px}

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

/* =Structure
----------------------------------------------- */
#logo{margin:0 0 5px 0; display:block}
#footer{color:#666; font-size:8pt; padding-top:18px;  }
#footer p{line-height:9pt; margin-bottom:10px; }


/* =Interior Structure
----------------------------------------------- */
#employer-LogIn-Content, #provider-LogIn-Content {background-image:none !important;}

/* =PopUp Structure
----------------------------------------------- */
.popUp #primaryContent{
	padding:6px 0 0 0;
}




/* =Forms
----------------------------------------------- */
fieldset{padding-bottom:20px;}
fieldset input{padding:3px 2px;height:12px;font-size:11px; margin-bottom:10px}
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;
}
input#LogIn-btn {display: none}

/* =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;
}


/* =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;
}

#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;
	margin:0 0 2em 0;
	width:18em;
}
.roundedBox h3{
	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;
}