/* 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;
	}
*/
/* Black bold indented header for lists */	
/* 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%; }

/*  ------------------------------------------------ style applied to actionset image  */	
.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... NOT SURE WHERE USED... */
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 */




/* 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 #DEE6F1; margin-left: 10px; margin-top: 0px; margin-bottom:10px; background-image:url(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(../../../../ttk/files/css/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 15px 0px 5px }

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 (square quicklinks) */
#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; }

/* looking Yes No buttons */
.leftbutton a {text-align:centered; float:left; display:block; padding:25px; margin:0px 0px 0px 100px; background:#efefef; text-decoration:none; font-weight:bold; border:1px solid #999999; font-size:14px; }
.leftbutton a:hover { background:#ffffff; border:1px solid #999999;}

.rightbutton a {text-align:centered; float:right; display:block; padding:25px; margin:0px 100px 0px 0px; background:#efefef; text-decoration:none; font-weight:bold; border:1px solid #999999; font-size:14px; }
.rightbutton a:hover { background:#ffffff; border:1px solid #999999;}


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

.greyoutline { border: 1px solid #ADADAD; }

.taupeoutline { border: 1px solid #d4d3c0; }

.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; }