/* CSS Document  v1.0 | 20100215 jmj */

/* IE HACKS  */
/* Hide from IE5/Mac */ * html #footer { height: 1%; } /* End hide from IE5/Mac */
/* Hide from IE5/Mac */ * html #insurance-banner { height: 1%; } /* End hide from IE5/Mac */
/* IE HACKS END */

/* RESET CSS, sets base for all the elements, downside is they need to be declaired. Upside is continutity between browsers. Source: http://meyerweb.com/eric/tools/css/reset/   */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/  }
body { 
line-height: 1; }
ol, ul { 
list-style: none; }
blockquote, q { 
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* -------------------------------------------------------------RESET STYLES END   */



body { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; background:#fff; background-image:url(../../images/background2.jpg); background-repeat:repeat-x; line-height:150%; color:#444; }


/* ----------- insurance-banner content  */

/* ----------- CONTAINER FOR LOGO AND LINKS */
#insurance-banner { background-color: #FFFFFF; border-bottom: solid 3px #002f5d; height: 44px; padding:10px 10px; }

/* ----------- UTILITY LINKS IN UPPER RIGHT */
#utilities { background-color: #fff; font-weight: normal;   /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ text-align: right; padding:0px 0px; margin: 0px 0px; float:right; width:460px; height:44px; }
/* The following styles UL and LI elements respectively withing the utilities div */ 

#utilities ul { padding: 0px 0px; margin: 0px 0px; }
#utilities li { display:inline; /* makes the unordered list items display on one line */ list-style: none; /* no bullets */ padding: 0px 0px; margin: 0px 0px; }


/* ---------------------------------------------------------------- layout structure */
/* wraps all visible content, defines width, background color, etc.  */
#wrap { min-width: 850px; max-width:850px; width:850px; margin:0 auto; background:#ffffff; padding:0px 3px; }

/* main-nav Horizontal navigation */
#main-nav { color: #000; text-align: center; padding: 0; width: 100%; voice-family: "\"}\""; voice-family: inherit; margin:0px 0px 0px 0px; padding:0 0;}

/* contentWrap, contains the content and sidebar BELOW the banner and main nav */
#contentWrap { background-color:#ffffff; text-align:left; padding:10px 20px; }
#contentWrap p { padding-top:5px; padding-bottom:10px;  }
#contentWrap ul { color:#444; }

/* See boxes below for the right wrap box for the right column stuff */


#footer { clear:both; background: #ffffff; border-bottom: 1px solid #b99c6b; border-top: 1px solid #b99c6b; padding-top:3px; padding-bottom:3px; text-align:center; height:1%; font-size:11px; }

#copyright { clear:both; background: #ffffff; padding-top:3px; padding-bottom:3px; text-align:center; font-size: 10px; }


/* ---------------------------------------------------- LINKS and TYPOGRAPHY */
/* standard WPS blue link styles with gold underline hover */
a:link { color:#002f5d; font-weight:normal; text-decoration:underline; }
a:visited { color:#002f5d; font-weight:normal; text-decoration:underline; }
a:hover { color:#b47020; font-weight:normal; text-decoration:underline; }
a:active { color:#002f5d; font-weight:normal; text-decoration:underline; }

#contentWrap h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px;  line-height:40px; /*line height works in BOTH IE and FF */ font-weight:bold; color: #B47020; }
#contentWrap h2 { font-size:14px; color:#333; line-height:18px; padding:10px 0px 0px 0px; }
/* also known as .subhead_charcoal in the networks area */

#contentWrap ul { margin:10px 10px 0px 10px; list-style:disc;}
#contentWrap li { margin-left:30px; padding-bottom:10px;}

/* these two styles are used by the networks includes, styles added here to make sitewide style consistant */
.subhead_charcoal { font-size:14px; color:#333; line-height:18px; padding:10px 0px 0px 0px; }

.tinytext { font-size: 9px; }

/* ------------------Tooltip css code used in comparison chart  */

a.info:link {
text-decoration:none;  border-bottom:1px dotted #333;  }
a.info {  
position:relative; /*this is the key*/ z-index:24; background-color:none;    /* background colour of display text */ color:#000000;               /* colour of display text */    /* border colour */  font-style:normal;  }
a.info:hover { 
z-index:25; background-color:#999; text-decoration:none; color:#FFFFFF; }
a.info span { 
display: none; /* hide the span text using this css */ }
a.info:hover span { 
/*the span will display just on :hover state*/ display:block; position:absolute; top: 2.5em; left: 3em; width:20em; border:1px solid #cccccc; /* border colour */ background-color:#ffffff; /* background colour here */ color:#000000;/* text colour */ text-align: left; font-size: .8em; font-style:normal; z-index:30; text-decoration:none; padding:4px; }

.images { 
vertical-align:bottom; }




/*  ---------------------------- Styles for bulleted list items */
/* CLASS STYLE PDF bullet for lists */
#contentWrap .pdflist { list-style-image: url(../../css/pdficon.gif); background-position: bottom; /* background-position: no-repeat 0 50% bottom left; */
 }
 
#contentWrap .pdflist .arroworange { list-style-image: url(../../css/arrow_orange.gif); background-position: bottom; margin-left:30px; /* background-position: no-repeat 0 50% bottom left; */
 }
 
/* CLASS STYLE PDF bullet for ORANGE ARROW BULLETED LISTS */
#contentWrap .arroworange { list-style-image: url(../../css/arrow_orange.gif); background-position: bottom; margin-left:10px; /* background-position: no-repeat 0 50% bottom left; */
 }
 
/* Single use: bulleted lists with arrows standard indent*/
#contentWrap .arrowlist { list-style-image: url(../../css/arrow.gif); background-position: bottom; line-height:180%; margin-left:20px; }


/* BOX ON RIGHT SIDE  old color beiges:BEB692 9C977E 8C8872) */

/* WRAPS MUTLIPLE BOXED CONTENT ON RIGHT SIDE */
#sideBoxesWrap { width:260px; float:right; text-align:left; margin:-20px 0px 0px 15px;  }

.boxright { float: right; width: 240px; border: 1px solid #dedede;  padding:0px 0px; margin:0px 10px 10px 10px; }
.boxright p { font-size:11px; color:#333; padding-bottom:12px; padding-left:10px;   }
.boxright h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#B47020; padding:10px;  }

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


/* SEE ME!!! LOOK HERE!!! RIGHT SIDE CALL OUTS */
.seeMe { 
float: right; width: 240px; border: 1px solid #dedede;  padding:0px 0px; margin:0px 10px 10px 10px; background-color: #ffffff; }
.seeMe h3 { 
padding:4px 4px; margin:0px 0px; background-color: #669900; color:#FFFFFF; font-size:1.2em; }
.seeMe p { 
padding:10px 10px; font-weight:bold; font-size:1.1em; }


/* INDIVIDUAL RIGHT SIDE CALL OUTS */
.talkToAgent { 
float: right; width: 240px; border: 1px solid #dedede;  padding:0px 0px; margin:0px 10px 10px 10px; background-color:#EBE9E0; }
.talkToAgent h3 { 
padding:4px 4px; margin:0px 0px; background-color:#006699; color:#FFFFFF; }
.talkToAgent p { 
padding:10px 10px; font-weight:bold; font-size:1.1em; }


.rightSplash { 
float: right; width: 240px; border: 1px solid #a9b35d;  padding:0px 0px; margin:0px 10px 10px 10px; }
.rightSplash h3 { 
padding:4px 4px; margin:0px 0px; background: #a9b35d; color:#FFFFFF;}
.rightSplash p { 
padding:10px 10px; }


/* GROUPS RIGHT SIDE CALL OUTS */

.talkToGroupAgent { 
float: right; width: 240px; border: 1px solid #5781AE;  padding:0px 0px; margin:0px 10px 10px 10px; background-color:#efefef; }
.talkToGroupAgent h3 { 
padding:4px 4px; margin:0px 0px; color:#5781AE; }
.talkToGroupAgent p { 
padding:10px 10px; }


.rightGroupSplash { 
float: right; width: 240px; border: 1px solid #5781AE;  padding:0px 0px; margin:0px 10px 10px 10px; }
.rightGroupSplash h3 { 
padding:4px 4px; margin:0px 0px; background: #5781AE; color:#FFFFFF;}
.rightGroupSplash p { 
padding:10px 10px; }





/* 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 0px 0px 0; padding: 1em 2em; background: #ffffff; color: #730027; font: bold 12px Verdana, Helvetica, sans-serif; }



/*  ------------------------------------- INDIVIDUAL horizontal navigation - below banner line  */


#main-nav ul { margin: 0; float: left; font: bold 11px Verdana; list-style: none; diplay:block; background-color:#a9b35d; /*changed 5781AE to a9b35d*/ color: #FFF; padding: 0; width: 100%; border-top-color:#fff; border-top: 1px solid; }
#main-nav li { display: inline;  }
/* a is the link hover state */
#main-nav li a { float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; padding: 5px 11px; background-color: #a9b35d; /* color theme*/ border-right:1px solid #fff; }
#main-nav li a:hover { color: #fff; text-decoration:none; background-color:#002f5d; border-right: 1px solid #fff; }
#main-nav #current a { /*currently selected tab*/ background-color: #002f5d; /* color theme*/ color: white; margin-top:-1px; border-top:1px solid #002f5d; border-right:1px solid #ffffff; border-bottom:1px solid #002f5d; }


/*  ------------------------------------- GROUP horizontal navigation - below banner line  */


#main-navGroup ul { margin: 0; float: left; font: bold 11px Verdana; list-style: none; diplay:block; background-color:#002f5d;  color: #FFF; padding: 0; width: 100%; border-top-color:#fff; border-top: 1px solid; }
#main-navGroup li { display: inline;  }
/* a is the link hover state */
#main-navGroup li a { float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; padding: 5px 9px; background-color: #002f5d; /* color theme*/ border-right:1px solid #fff; }
#main-navGroup li a:hover { color: #fff; text-decoration:none; background-color:#b47020; border-right: 1px solid #fff; }
#main-navGroup #current a { /*currently selected tab*/ background-color: #b47020; /* color theme*/ color: white; margin-top:-1px; border-top:1px solid #b47020; border-right:1px solid #ffffff; border-bottom:1px solid #b47020; }



/*  ------------------------------------------------ Side bar - left column NOT used in INSURANCE */

#sub-nav { width: 160px; float: left; padding-top: 1px; /* so IE 5 will play nice */ padding-bottom: 0px; /* so IE 5 will play nice */ }
#sub-nav ul { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; /* border: 5px solid #dddddd; */ }
/* SUB NAVIGATION FOR LEFT NAV */
#sub-nav li { padding-left: 0px; padding-right: 0px; font-weight: bold; display: block; list-style-type: none; border-bottom: 1px #fff solid; }
#sub-nav a { display: block; padding: 5px 0px 5px 5px; color: #002f5d; background-color:#EFEFE4; text-decoration: none; font-weight: normal; }
#sub-nav a:hover { color: #b47020; text-decoration:underline; background-color: #fff; }
/* CURRENT status for vertical heading use on insurance secondary pages */
#sub-nav li a#current { color: #AC703D; background-color:#ffffff; /* #a9b35d; */ font-weight:bold; text-decoration: none; }
#sub-nav li a:hover#current { color: #ffffff; background-color:#AC703D; /* #a9b35d; */ font-weight:bold; text-decoration: none; }
/* ACTIVE status for vertical heading use on insurance HOME page */
#sub-nav li a#active { color: #ffffff; background-color:#aaaaaa; font-weight:bold; text-decoration: none; }
#sub-nav li a:hover#active { color: #ffffff; background-color:#002f5d; font-weight:bold; text-decoration: none; }


/* -------------------- Table styles ------------------------------ */
/* ------------------Tooltip css code used in HEADINGS of chart  */

a.colHead:link {
text-decoration:none;  border-bottom:none;  }

a.colHead {  
position:relative; /*this is the key*/ z-index:24; background-color:none;    /* background colour of display text */ color:#000000;               /* colour of display text */    /* border colour */  font-style:normal;  }

a.colHead:hover { 
z-index:25; background-color:#999; text-decoration:none; color:#FFFFFF; }

a.colHead span { 
display: none; /* hide the span text using this css */ }

a.colHead:hover span { 
/*the span will display just on :hover state*/ display:block; position:absolute; top: 2.5em; left: 3em; width:20em; border:1px solid #cccccc; /* border colour */ background-color:#ffffff; /* background colour here */ color:#000000;         /* text colour */ text-align: left; font-size: .8em; font-style:normal; z-index:30; text-decoration:none; padding:4px; }





a.columnHeading { 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff;  text-decoration:none; display:block; padding:4px; text-align:center;}

a.columnHeading:hover { 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ccc; display:block; padding:4px; text-decoration:underline; }

a.columnHeading:visited { 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff; display:block; padding:4px; }

.columnHeading th h2 { 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff;  text-decoration:none; text-align:center; padding:6px 0px; }

.columnHeading th h3 { 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff;  text-decoration:none; text-align:center; padding:6px 0px; }



.datatable { border: 1px solid #dddddd; border-collapse: collapse; margin:10px auto;}

/*.datatable h2 { /* white header in chart column 
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ffffff; text-align:center; } */
.datatable { border-bottom: 1px solid #dddddd; border-collapse: collapse; margin:10px auto;}

.datatable tr {padding: 4px; }
tr.altrow { background-color: #F6F6F6; }
 
.datatable th { border: 1px solid #dddddd; padding: 4px; color:#FFFFFF; text-align:center; }
.datatable th.left { border-left-color: #B47020; border-left-width: 1px; border-left-style: solid; }

.datatable td { border: 1px solid #dddddd; padding: 4px; }
.datatable td.left { border-left-color: #B47020; border-left-width: 1px; border-left-style: solid; }

.margin10px {
margin:10px 10px; border:none; }

/*  ---------------------------- Styles for bulleted items in comparison chart */
.orangeDot { 
text-align:center; color:#ac703d; font-weight:bold; font-size:1.5em; }
.darkorangeDot { 
text-align:center;  color:#9D3925; font-weight:bold; font-size:1.5em; }
.blueDot { 
text-align:center; color:#2459A8; font-weight:bold; font-size:1.5em; }
.navyDot { 
text-align:center; color:#002f5d; font-weight:bold; font-size:1.5em; }
.greenDot  { 
text-align:center; color:#669933; font-weight:bold; font-size:1.5em; }