/* Global Styles Begin */

/* CSS Document */

body {
	margin: 0px;
	background-color: #FFFFFF;
	background-image:  url(http:/www.wpsic.com/images/navback.gif); 
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 11px;
	/* border: 5px solid #dddddd; */
	}

	
/* NONbold blue link styles with gold hover and 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;}



/* TOP BANNER */

/* TOP BANNER BACKGROUND - GENERIC */
#topbannerbox {

	}


div#topnav {
float: left; width: 740px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; 

/*text-align: center;*/
}

/* TOP BANNER - IMAGE (LOGO)  */
div#topnav img{
float: left; width: 143px; height: 40px; margin-top:3px;


}


/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnav p {
display:none;

}

/* Global Styles END */


/* Content Styles BEGIN */

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


/* CSS Document */


/* TOP BANNER TABS General Use (see below for wider tabs */

/* Styles/positions the UL BLOCK element which contains all the tab list items */
#topnav ul {display:none;}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
#topnav ul li {display:none;}

/* Styles the list item LINKs in the tab */
#topnav ul li a:link, #topnav ul li a:visited {display:none;}


/* Styles the a/links in the list elements (tabs): hover state only */
#topnav ul li a:hover {display:none;}

/* Styles the a/links in the list elements (tabs): current state only */
#topnav ul li a#current {display:none;}

/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnav p {display:none;}

/* -----------------------------------------  AGENT ONLY -- TOP BANNER TABS/IMAGE POSITIONING  */

/* Agent top banner- controls the positioning of the logo in relation to the tabs  */
div#agenttabs img {display:none;}

/* Agent Top Banner - positions utility links on the right */
div#agenttabs p {display:none;}

/* Agent div - tab container  */
div#agenttabs {display:none;}

/* Agent UL style - positions the UL BLOCK element which contains all the tab list items */
#agenttabs ul {display:none;}

/* Agent UL and LI combo - positions the LI (list items) in relation to each other in the TAB List block (UL)  */
#agenttabs ul li {display:none;}

/* Agent LI styles: controls the style for each list item-active link-tab  */
#agenttabs ul li a:link, #agenttabs ul li a:visited {display:none;}


/* Agent style for the a/links in the list elements (tabs): hover state only */
#agenttabs ul li a:hover {display:none;}

/* Agent style for the a/links in the list elements (tabs): current state only */
#agenttabs ul li a#current {display:none;}


/* -----------------------------------------  END AGENT ONLY -- TOP BANNER TABS  */






/* WIDER TABS IN BANNER */

/* change div topnav to topnavwide */
div#topnavwide {display:none;}

/* TOP BANNER - IMAGE (LOGO)  cnage topnav to topnavwide */
div#topnavwide img {display:none;}

/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnavwide p {display:none;}

/* Styles/positions the UL BLOCK element which contains all the tab list items */
#topnavwide ul {display:none;}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
#topnavwide ul li {display:none;}
/* Styles the list item LINKs in the tab */
#topnavwide ul li a:link, #topnavwide ul li a:visited {display:none;}


/* Styles the a/links in the list elements (tabs): hover state only */
#topnavwide ul li a:hover {display:none;}

/* Styles the a/links in the list elements (tabs): current state only */
#topnavwide ul li a#current {display:none;}




/* Wide TABS FOR BANNER used in the State area fits four tabs to a page, and more space between tabs */

div#topnavspaced {display:none;}

/* TOP BANNER - IMAGE (LOGO)  */
div#topnavspaced img {display:none;}

/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnavspaced p {display:none;}

/* Styles/positions the UL BLOCK element which contains all the tab list items */
div#topnavspaced ul {display:none;}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
div#topnavspaced ul li {display:none;}

/* Styles the list item LINKs in the tab */
div#topnavspaced ul li a:link, div#topnavspaced ul li a:visited {display:none;}


/* Styles the a/links in the list elements (tabs): hover state only */
div#topnavspaced ul li a:hover {display:none;}

/* Styles the a/links in the list elements (tabs): current state only */
div#topnavspaced ul li a#current {display:none;}

/* STYLE FOR LEFT NAV MEMBER MENUS BEGINS */

/* 08.16.2007 Default GENERIC PRELOGIN background for left column- bluish purple background: solid no image - 
replaces leftcolumnboxmember style */
#leftcolumnbox {display:none;}
	
/* STYLES THE LEFT COLUMN FOR THE NEW PRE AND POST LOGIN REFRESH AREAS */
#leftcolprelogin {display:none;}

#leftcolpostlogin {display:none;}

/* these are used in the postlogin left nav, swap out with newwer versions for Nov 15 
<td id="leftcolumnboxmember2"><div class="cornerwelcome2"> <td id="activeheader"> */

.welcomebox  {display:none;}

.cornerwelcome2  {display:none;}
	
.cornerwelcome2 a:link  {display:none;}
.cornerwelcome2 a:visited  {display:none;}
.cornerwelcome2 a:hover  {display:none;}
.cornerwelcome2 a:active  {display:none;}
/* replace these
<td id="leftcolumnboxmember2"><div class="cornerwelcome2"> <td id="activeheader"> with the following Nov 15 
#leftcolpostlogin loginwelcome activeheader
*/ 
.loginwelcome  {display:none;}
.loginwelcome a:link {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}
.loginwelcome a:visited {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}
.loginwelcome a:hover {font-size:12px;font-weight:normal;color:#8E97BC;text-decoration:none;}
.loginwelcome a:active {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}

/* ------------------------------------------------------------------  NAVIGATION */

/* LEFT NAV: MENU LINKS ON PERIWINKLE BLUE 8E97BC, BOLD WHITE LINKS, ON PERIWINKLE BACKGROUND -- USED IN PRELOGIN AREAS */
#menu_header div {display:none;}
#menu_header ul {display:none;}
#menu_header a {display:none;}
#menu_header a:link, #menu_list a:visited {display:none;}
#menu_header a:hover {display:none;}

/* LEFT NAV: Post-login links with dividers background-color: #8E97BC */
#postloginmenu div {display:none;}
#postloginmenu ul {display:none;}
#postloginmenu a {display:none;}
#postloginmenu a:link, #menu_list a:visited {display:none;}
#postloginmenu a:hover {display:none;}


/* LEFT NAV STYLES FOR SUBLINKS AND POST-LOGIN MENU LINKS - PLAIN WHITE ON NAVY 002f5d */
#leftnav_links ul {display:none;}
#leftnav_links a {display:none;}
#leftnav_links a:link, #leftnav_links a:visited {display:none;}
#leftnav_links a:hover {display:none;}
	

/* THESE ARE THE MENU HEADERS IN LEFT NAV: WHITE LETTERS, ON NAVY BACKGROUND -- ONLY WHEN THERE ARE SUB LINKS!!  */
/* Style for ACTIVE (open) Menu Header  */
#activeheader {display:none;}
#activeheader a {display:none;}
#activeheader a:link, #menu_list a:visited {display:none;}
#activeheader a:hover {display:none;}


/* TOP EPIC BANNER - IMAGE (EPIC LOGO)  */
div#topepicnav img {display:none;}

/* TOP EPIC BANNER - POSITION/STYLES EPIC LINKS ON RIGHT */
div#topepicnav p {display:none;}

.cornerwelcome {display:none;}
.cornerwelcome a:link {display:none;}
.cornerwelcome a:visited {display:none;}
.cornerwelcome a:hover {display:none;}
.cornerwelcome a:active {display:none;}
 

/* ------------------------------------------------------------------  CONTENT STRUCTURE SPACING */

/* 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 */
.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;
	/* 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: bottom;
	/* 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;
 }
 
 
 
 
 /* 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: thin solid #dedede; margin-left: 10px; margin-top: 0px; margin-bottom:10px; background-image:url(../css/box_180w23h.gif); background-repeat:no-repeat; }

.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;
	}
	
.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;
	}
	
/* Content Styles END */