/* CSS Document */

body,p,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 160%;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2f7a8c;
	font-weight: bold;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7186B7;
	font-weight: bold;
}

.subHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7186B7;
	font-weight: bold;
}

h4 {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px -10px 0px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7186B7;
	font-weight: bold;
}

.newsBoxHdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight: bold;
}

.newsBoxBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}


.adminheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7d7067;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.homeCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.smallinterior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.smallinteriorheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006C64;
	font-weight: bold;
}

.homebluetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2f7a8c;
	text-decoration: none;
}


.defaultPageImageMargin {
	margin-left: 20px;
	margin-bottom: 20px;
}




a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7186B7;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7186B7;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c41230;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7186B7;
	text-decoration: underline;
	font-weight: bold;
}

.whitelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
a.whitelinks:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.whitelinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.whitelinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.whitelinks:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
	
	
.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: #7186B7;
	background-color: #7186B7;
	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; */
 }
.arrowblue { 
	list-style-image: url(arrows.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 */
.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; */
 }

.arrowblue0 { 
	list-style-image: url(arrows.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(../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 #7186B7;
  background: #ffffff;
  margin: 20px auto 20px auto
}
div.boxed h2 {
  position: relative;
  float: left;
  margin: -32px 0 0px 0;
  padding: 1em;
  background: #ffffff;
  color: #7186B7;
  font: bold 12px Arial, 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: 15px 5px 15px 5px;
  width:325px;
  border: 1px solid #7186B7;
  background: #ffffff;
  margin: 10px 8px 0px 8px
}
div.box325px h2 {
  position: relative;
  float: left;
  margin: -36px 0 0px 0;
  padding: 1em;
  background: #ffffff;
  color: #7186B7;
  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 */
#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;
	}
	
.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;
	}