/* CSS Document */

/* ---------------------------------------------------------------------- TYPOGRAPHY */

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.bluecopy { color:#ffffff; }
.header { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight:bold; color: #B47020; line-height: 24px; padding-top:10px; }
/* title-carmel is same as .header - this style is used in healthcenter and healthsense rewards includes - do not remove */
.title-carmel { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight:bold; color: #B47020; line-height: 24px; padding-top:10px; }
.subhead_blue { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #2a568f; }
.subhead_carmel { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #B47020; }
.subhead_cranberry { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #730027; }
.subhead_white { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #ffffff; }
.small_cranberry { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #730027; font-weight:bold; }
.bigtext { font-size: 12px; }
.smalltext { font-size: 10px; }
.tinytext { font-size: 9px; }
.headertop { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13pt; font-weight:bold; color: #FFFFFF; line-height: 24px; padding-left:10px; }
/* Cranberry header for lists */	
/*
h2 {
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #730027;
	margin-bottom:-10px;
	padding-top:15px;
	}

h3 {
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #000;
	margin-left:15px;
	margin-bottom:-10px;
	} */	
 
 
/* ------------------------------------------------------------------  CONTENT STRUCTURE SPACING */

ul.threecolwline, ul.threecolnoline { margin: 0 10px 10px 0; padding:0px 10px 10px 10px; float: left; text-align: left; float:left; width:200px; }
ul.threecolwline { border: solid #ac703d; border-width: 0 0 0 1px; }
ul.threecolwline li, ul.threecolnoline li { display: inline; margin:0; padding:0; }

/* AGENT HOME BOXES */
.topicbox { border: solid #2A568F; border-width: 1px; padding:10px; }
.topicheader { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#FFFFFF; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; }
.topicheader a:link { color:#D5D3BF; font-weight:normal; text-decoration:none; }
.topicheader a:visited { color:#D5D3BF; font-weight:normal; text-decoration:underline; }
.topicheader a:hover { color:#ffffff; font-weight:normal; text-decoration:underline; }
.topicheader a:active { color:#D5D3BF; font-weight:normal; text-decoration:none; }
div.topiccontent { padding: 10px; }
div.topiccontent p { line-height:1.2em; }
h3.topiccontent { padding: 0px 0px 0px 0px; margin: 0px 0px -10px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #B47020; }
#contentbox { letter-spacing: .5px; padding-top: 10px; vertical-align: top; padding-bottom: 15px; padding-left: 12px; padding-right: 12px; line-height: 160%; }
#contentboxsinglecolumn { letter-spacing: .5px; vertical-align: top; padding-top: 10px; padding-bottom: 15px; padding-left: 42px; padding-right: 42px; line-height: 160%; }
.moveup { margin-top: -30px; }
.leftwrap { margin-right: 8px; margin-top: 8px; margin-bottom: 0px; }
.rightwrap { margin-left: 10px; margin-bottom: 10px; }
.rightwraptable { border: 1px solid #000000; margin-left: 10px; margin-bottom: 10px; }
.width100 { width: 100px; }
/* ------------------------------------ HORIZONTAL RULE */

hr { color: #B47020; background-color: #B47020; height: 1px; width: 70%; margin-top: 3px; margin-bottom: 3px; }
/* --------------------------------------------------------- LISTS AND BULLET STYLES */

          
/* CLASS STYLE PDF bullet for lists */

.actionset { list-style-image: url(hw_actionset.gif); background-position: bottom left;/* background-position: no-repeat 0 50% bottom left; */ }
.arrowlist { list-style-image: url(arrow.gif); background-position: bottom;/* background-position: no-repeat 0 50% bottom left; */ }
/* CLASS STYLE PDF bullet for lists */
.pdflist { list-style-image: url(pdficon.gif); background-position: bottom; line-height:180%;/* background-position: no-repeat 0 50% bottom left; */ }
/* CLASS STYLE PDF bullet for lists NO MARGINS */
.pdflist_smlmargin { list-style-image: url(pdficon.gif); background-position: bottom; margin: 15px 3px 15px 5px; padding: 0px 10px 10px 15px;/* background-position: no-repeat 0 50% bottom left; */ }
.pdflist_smlmargin li { list-style-image: url(pdficon.gif); background-position: bottom; padding: 0px 0px 0px 5px; margin: 5px 0px 0px 0px;/* background-position: no-repeat 0 50% bottom left; */ }
/* CLASS STYLE PDF bullet for ORANGE ARROW BULLETED LISTS */
.arroworange { list-style-image: url(arrow_orange.gif); background-position: no-repeat 0 50% bottom left;/* background-position: no-repeat 0 50% bottom left; */ }
/* Single use: bulleted lists with arrows standard indent*/
#arrowlist { list-style-image: url(arrow.gif); background-position: bottom; line-height:180%; }
/* remove margins, and removes padding on left side- useful to indent unstyled lists <UL> and <LI>  */
 
/* CLASS STYLE PDF bullet for ORANGE ARROW BULLETED LISTS without margin */
.actionset { float:left; margin:0px 10px 10px 5px; }
/* remove margins, and removes padding on left side- useful to indent unstyled lists <UL> and <LI>  */

/* CLASS STYLE PDF bullet for ORANGE ARROW BULLETED LISTS without margin */
.arroworange0 { list-style-image: url(arrow_orange.gif); background-position: bottom; margin: 0; padding-left: 15px; padding-right:10px;/* background-position: no-repeat 0 50% bottom left; */ }
.margin0 { margin: 0; padding-left: 10px; }
.steps { padding:15px; background-color:white; }

/* Single use: bulleted lists with pdf icon standard indent*/
#pdflist { list-style-image: url(pdficonsmall.gif); background-position: bottom;/* background-position: no-repeat 0 50% bottom left; */ }

/* DEFINITION LISTS... MAY NOT BE IN USE */
dl.margins-removed { margin: 0; padding-left: 10px; padding-right: 60px; }
.margins-removed dt { margin: 0; padding: 0; font-weight: bold; }
.margins-removed dd { margin: 0 0 1em 0; padding: 0; }

/* END DEFINITION LISTS */


/* ------------------------------------ BOXES AND BORDERS */

/*used in login screens and TAM pages for box on left DO NOT DELETE W/O I.S. INFO */ 

 /* ----------------------------- Login Button/box Hover Links ---------------------------*/
 .helpButton a { color:#002f5d; background-color:#fff; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; padding: 4px 8px; margin:8px 8px 8px 0px; border:solid #EAE8D9 1px; text-align:center; display:block; width:140px; }
.helpButton a:link { color:#002f5d; background-color:#fff; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; padding: 4px 8px; margin:8px 8px 8px 0px; border:solid #EAE8D9 1px; text-align:center; display:block; width:140px; }
.helpButton a:visited { color:#002f5d; background-color:#fff; text-decoration:none; }
.helpButton a:hover { color:#002f5d; background-color:#EAE8D9; text-decoration:none; }
.helpButton a:active { color:#002f5d; background-color:#ccc; text-decoration:none }

.tamBox { border-left:1px #cdcdcd solid; margin:-30px 0px 10px 15px; padding:10px 10px 5px 10px; float:right; width:200px; }

/* LEFT BLOCK */
.blockleft { float:left; width:200px; padding:5px; }
.blockright { float:right; width:200px; padding:5px; border-left: 1px #CC9900; }
/* BOX ON RIGHT SIDE  old color beiges:BEB692 9C977E 8C8872) */
.boxright { float: right; width: 180px; border: 1px solid #ECEEF1; margin-left: 10px; margin-top: 0px; margin-bottom:10px; background-image:url(../css/box_topbkgrnd_drkgray.gif); background-repeat:no-repeat; /* background-color:#F3F4F4; */ }
.boxtopic { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#b47020; padding-left:5px; margin:0; padding-top:2px; }
.boxheadings { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#730027; padding-bottom:7px; margin-top:15px; margin-bottom:-15px; }
.boxtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; padding-left:5px; padding-bottom:2px; }
.boxtext li { margin-left:-15px; padding-bottom:2px; padding-top:3px; line-height:140%; }
.boxtext #arrowlist { list-style-image: url(arrow.gif); background-position: bottom; }
.boxtext #pdflist { list-style-image: url(pdficonsmall.gif); background-position: bottom; }
.boxtext a:link { color:#002f5d; font-weight:normal; text-decoration:underline; }
.boxtext a:visited { color:#002f5d; font-weight:normal; text-decoration:underline; }
.boxtext a:hover { color:#b47020; font-weight:normal; text-decoration:underline; }
.boxtext a:active { color:#002f5d; font-weight:normal; text-decoration:underline; }
/* GRAY!!!!! BOTTOM!!!!  BOX ON RIGHT SIDE */
/*
.boxrightgray {float: right; width: 180px; border: thin solid #F3F4F4; margin-left: 40px; margin-top: 0px; margin-bottom:5px; background-color:#F3F4F4;}
.boxrightgray li {margin-left:-25px; list-style:none; line-height:1.5em;}
*/

/* GRAY BOX ON RIGHT SIDE */

/* round box background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
/* height and width stuff, many not be needed-depending... */
.rbtop div, .rbtop, .rbbot div, .rbbot { height: 7px; font-size: 1px; }
.rbcontent { margin: -10px 9px; line-height:180%; }
.rbroundbox { width: 160px; margin: 1em auto; }
.quicklinkbox { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#000000; text-decoration: none; padding: 4px; margin-top: 8px; margin-bottom: 8px; border: solid #730027; border-width: 2px; background-color: #EAE8ED; }
.quicklinkbox a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#002f5d; text-decoration:none }
.quicklinkbox a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#002f5d; text-decoration:none }
.quicklinkbox a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#730027; text-decoration:underline; }
.quicklinkbox a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#002f5d; text-decoration:none }
.welcomebox { width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; /*color:#002f5d;*/ text-decoration: none; padding: 3px; border: solid #002f5d; border-width: 1px; /*background-color: #CCCEDC;*/ background-color: #ffffff; }
.hottopicsbox { width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; /*color:#002f5d;*/ text-decoration: none; padding: 3px; border: solid #002f5d; border-width: 1px; /*background-color: #CCCEDC;*/ background-color: #EAE8ED; }
.hottopicsrow { background-color: #EAE8ED; }
.calloutbox { padding: 0px 5px 0px 25px; margin-top: 5px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; border: solid #E4DDB8; border-width: 1px; display: block; }
.calloutbox1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight:normal; text-decoration: none; padding: 4px; margin-top: 8px; margin-bottom: 8px; border: solid #E4DDB8; border-width: 2px; background-color: #ffffff; }
/* BORDERED BOXES TO GROUP COPY ON LONGER PAGES - 100% width */
 
div.boxed { padding: 10px 20px 5px 20px; border: 1px solid #d4d3c0; background: #ffffff; margin: 20px auto 20px auto }
div.boxed h2 { position: relative; float: left; margin: -30px 0 0px 0; padding: 1em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }
div.boxed p { clear: left; color: #000000; font-size: 1em; line-height: 150%; }
/* BORDERED BOXES TO GROUP COPY ON LONGER PAGES - 100% width !!! NO PADDING */
 
div.boxed0 { padding: 3px 3px 3px 3px; border: 1px solid #d4d3c0; background: #ffffff; margin: 5px auto 5px auto }
div.boxed0 h2 { position: relative; float: left; margin: -30px 0 0px 0; padding: 1em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }
div.boxed0 p { clear: left; color: #000000; font-size: 1em; line-height: 130%; }
/* BORDERED BOXES with content and background - 2 will fit a page horizontally */
 
div.box325px { float:left; padding: 10px 5px 10px 5px; width:325px; border: 1px solid #d4d3c0; background: #ffffff; margin: 10px 8px 0px 8px }
div.box325px h2 { position: relative; float: left; margin: -30px 0 0px 0; padding: 1em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }
div.box325px div { clear: left; color: #000000; font-size: 1em; line-height: 150%; background-color:#efefef; margin:5px; padding-top:10px; padding-bottom:10px; }
div.box325px p { clear: left; color: #000000; font-size: 1em; line-height: 150%; margin:10px; }
/* BORDERED BOXES with content and background - 2 smaller columns with room for a 3rd narrow right col.  */
 
div.box230px { float:left; padding: 8px 8px 8px 8px; width:250px; border: 1px solid #d4d3c0; background: #ffffff; margin: 10px 10px 0px 0px }
div.box230px h2 { position: relative; float: left; margin: -30px 0 0px 0; padding: 1em 1em .4em 1em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }
div.box230px div { clear: left; color: #000000; font-size: 1em; line-height: 150%; background-color:#99CCCC; margin:5px; padding:5px 5px 5px 5px; }
div.box230px p { clear: left; color: #000000; font-size: 1em; line-height: 150%; margin:5px; }
div.box230px ul { clear:left; margin:10px 10px 10px 15px; color: #000000; }
div.box230px li { }
/* ------------------------------------  Links for Online Tools used in AGENT home area */
#toollink { width: 250; }
#toollink ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
#toollink li { padding-bottom:5px; }
#toollink a { display: block; color:#AC703D; text-decoration:none; text-align:left; font-weight:bold; padding: 4px 6px 4px 15px; background-color: #cccccc; margin: 6 0 0 0; border: 1px solid #2A568F; }
#toollink a:link, #toollink2 a:visited { color: #2A568F; text-decoration: none; }
#toollink a:hover { background-color: #2A568F; color: #FFFFFF; }
/* BORDERED BOXES with content */
 
div.agent3boxes { float:left; padding: 10px 10px 15px 10px; width:325px; border: 1px solid #d4d3c0; background: #ffffff; margin: 10px 10px 0px 0px }
div.agentbox h2 { position: relative; float: left; margin: -30px 0 0px 0; padding: 1em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }
div.agentbox p { clear: left; color: #000000; font-size: 1em; line-height: 150%; background-color:#99CCCC; margin:10px; }
div.agentbox { clear: left; color: #000000; font-size: 1em; line-height: 150%; background-color:#99CCCC; margin:10px; }
/* ------------------------------------------------------------------  EPIC STYLES FOR EPIC AGENT AREA */
.topicheaderepic { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#ffffff; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; }
.topicboxepic { border: solid #002f5d; border-width: 1px; padding:10px; }
/* --------------------------------------------------- OUTLINES USED IN BOXES, ---------- TABLE FORMATING */

.altrowgrey { background: #F3F3F3; }
.blackoutline { border: 1px solid #000000; }
.blackoutline td.left { border-left-color: #ADADAD; border-left-width: 1px; border-left-style: solid; }
.whiteoutline { border: 1px solid #ffffff; }
.whiteoutline td.left { border-left-color: #ADADAD; border-left-width: 1px; border-left-style: solid; }
.greyoutline { border: 1px solid #ADADAD; }
.greyoutline td.left { border-left-color: #ADADAD; border-left-width: 1px; border-left-style: solid; }
.blackbottomline { border-bottom: 1px solid #000000; }
.carmelbottomline { border-bottom: 1px solid #B47020; }
.carmeltopline { border-top: 1px solid #B47020; }
.carmeloutline { border: 1px solid #B47020; }
.blacktopline { border-top: 1px solid #000000; }
.greytopline { border-top: 1px solid #ADADAD; }
.greybottomline { border-bottom: 1px solid #ADADAD; }
.greytopbottomline { border-top: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; }
.greyleftbottomline { border-left: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; }
.ltgreyoutline { border: 1px solid #efefef; }
.blackoutline2 { border: 1px solid #DCE0E4; }
/* table data */	

td, th, tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.myaccountleftdivider { border-left-color: #B47020; border-left-width: 1px; border-left-style: solid; font-size: 9px; }
.myaccounttable TD { padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
td.sidebar { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; background-image:  url(../images/bg2.gif); background-repeat: repeat-x; vertical-align: top; padding-left: 15px; padding-top: 10px; padding-right: 10px; }
.rightwraptable2 { border: 1px solid #E9F1F3; margin-left: 10px; margin-bottom: 10px; }
.datatable { border: 1px solid #dddddd; border-collapse: collapse; }
.datatable td { border: 1px solid #dddddd; padding: 4px; }
.datatable th { border: 1px solid #dddddd; background-color: #F6F6F6; font-weight: bold; text-align: center; padding-left: 4px; color: #B47020; }
.datatable caption { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #730027; text-align: left; padding-top: 10px; padding-bottom: 8px; }
.datatable td.left { border-left-color: #B47020; border-left-width: 1px; border-left-style: solid; }
.datatable th.left { border-left-color: #B47020; border-left-width: 1px; border-left-style: solid; }
tr.altrow { background-color: #F6F6F6; }
tr.altrowyel { background-color: #E8E2BF; }
.embeddedtable { border: 0px solid #000000; }
.embeddedtable td { border: 0px solid #000000; }
.embeddedmyaccounttable { border: 0px solid #000000; }
.embeddedmyaccounttable td { border: 0px solid #000000; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }
.embeddedmyaccounttable td.left { border-left-color: #ADADAD; border-left-width: 1px; border-left-style: solid; font-size: 9px; }
.embeddedmyaccounttable th { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #B47020; background-color: #F6F6F6; }