
/*ASSURANT TEMPLATE STYLES */
/*VERSION 1.1, LAST UPDATED: MARCH 28, 2004 */

/* REDEFINED STYLES FOR COMMON HTML ELEMENTS*/

body {
	background-color: #FFFFFF;
  PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
body, p, td, tr, th, ul, ol, li, dl, dd, dt, blockquote, center, br {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
strong {
	FONT-WEIGHT: bold;
}
b, bold {
	FONT-WEIGHT: bold;
}
code, pre {
	font-family: monospace;
	font-weight: 600;
}
form, select, option, input, textarea {
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.secHeader
{
  color: #0066CC; /*#FFFFFF;*/
  /*background-color: #0066CC;*/
  font-size: 22px;
  vertical-align: top;
  padding-top: 20px;
}
.listheader
{
	color: #FFFFFF;
	background-color: #00CC33;
	vertical-align: bottom;
}
.listheader2
{
	color: #000000;
	background-color: #00CC33;
	vertical-align: bottom;
}


/*FORM CLASSES */
.formfield {
   font-family:         "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size:           12px;
   color:               #333333;
}
.formfield-small {
   font-family:         "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size:           10px;
   color:               #333333;
}


/* STRUCTURAL HEADER TAG CLASSES. 
USE HEADER TAGS APPROPRIATELY TO STRUCTURE YOUR PAGE CONTENT.*/

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
}
H2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
}
H3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
}
H4 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
}
H5 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
}
H6 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}


/* DEFAULT HYPERLINK CLASSES */

a:link { 
  color:#0066CC; 
}
a:visited { 
  color:#6633CC; 
}
a:hover { 
  color:#0066CC; 
}


/* - CUSTOM CLASSES FOR ASSURANT NAVIGATION CONVENTIONS - */
/* PRIMARY NAVIGATION CLASSES */

.nav-table
{
	COLOR: #FFFFFF;
}
.nav-table-cell
{
	background-color: #999999;
	white-space: nowrap;
	border-bottom: 4px solid #CCCCCC;
}
.nav-primary-off 
{
  background-color: #999999;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
	padding: 3px 12px 4px;
	text-align: center;
	white-space: nowrap;
}
A.nav-primary-off:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;  
	TEXT-DECORATION: none;
}
A.nav-primary-off:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;  
	TEXT-DECORATION: none;
}
A.nav-primary-off:hover 
{
  background-color: #999999;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	text-decoration: underline;
}
.nav-primary-on 
{
  background-color: #CCCCCC;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
	padding: 3px 12px 4px;
	text-align: center;
	white-space: nowrap;
}
A.nav-primary-on:link 
{
  background-color: #CCCCCC;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-primary-on:visited 
{
  background-color: #CCCCCC;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-primary-on:hover 
{
  background-color: #CCCCCC;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
.primary-divider
{
	margin: 0;
	padding: 0;
	background-image:  url(../images/navdivider.gif);
	background-repeat: no-repeat;
	width: 1px;
	font-size: 1px;
}


/* SECONDARY NAVIGATION  CLASSES. */
/* Horizontal "TAB" Secondary Navigation*/

.nav-secondary-tab {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none;
}


/* Vertical Secondary Navigation*/

.nav-secondary {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-secondary:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;  
	TEXT-DECORATION: none;
}
A.nav-secondary:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;  
	TEXT-DECORATION: none;
}
A.nav-secondary:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 TEXT-DECORATION: underline;
}
.nav-secondary-on {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;; 
	TEXT-DECORATION: none;
}
A.nav-secondary-on:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-secondary-on:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-secondary-on:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: underline;
}


/* TERTIARY NAVIGATION  CLASSES. */

.nav-tertiary {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary:link {
	FONT-SIZE: 11px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary:visited {
	FONT-SIZE: 11px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary:hover {
	FONT-SIZE: 11px; 
	COLOR: #0066CC; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: underline;
}
.nav-tertiary-on {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary-on:link {
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary-on:visited {
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: none;
}
A.nav-tertiary-on:hover {
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
	TEXT-DECORATION: underline;
}


/* BREADCRUMB  NAVIGATION  */ 

.breadcrumbs {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumbs a:link {
	text-decoration: underline;
	color: #0066CC;
}
.breadcrumbs a:hover {
	color: #0066CC;
	text-decoration: underline;
}
.breadcrumbs a:visited {
	text-decoration: underline;
	color: #3333CC;
}


/* UTILITY NAVIGATION  */ 

.nav-utility {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
}
A.nav-utility:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
}
A.nav-utility:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
}
A.nav-utility:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: underline;
}


/* FOOTER NAVIGATION */
.footer {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
}
.footer p {
	FONT-SIZE: 11px;
}
.footer A:link {
	COLOR: #0066cc; 
	TEXT-DECORATION: none;
}
.footer A:visited {
	TEXT-DECORATION: none;
	color : #0066cc;
}
.footer A:hover {
	TEXT-DECORATION: underline;
}
	

/* CELL BACKGROUND COLORS */
/* - Applied to Table cells for desired background colors - */

.bg-dark-gray     {background-color: #666666; }
.bg-gray          {background-color: #999999; }
.bg-gray40		    {background-color: #D6D6D6; }
.bg-gray20		    {background-color: #e7e7e7; }
.bg-orange        {background-color: #FF9900; }
.bg-orange40 	    {background-color: #FFD699; }
.bg-green         {background-color: #00CC33; }
.bg-green40       {background-color: #99ECAD; }
.bg-green20       {background-color: #CCF5D6; }
.bg-blue          {background-color: #0066CC; }
.bg-blue20        {background-color: #CCE0F5; }
.bg-blue40        {background-color: #99C2EB; }
.bg-light-yellow 	{background-color: #FDFEE5; }
.bg-yellow 	      {background-color: #FFFFCE; }


/*TEXT COLOR PALETTE */

.light-gray   {color: #EDEDED; }
.medium-gray  {color: #CCCCCC; }
.gray         {color: #CCCCCC; }
.dark-gray    {color: #666666; }
.light-orange {color: #FEF5E5; }
.orange       {color: #FF9900; }
.light-green  {color: #E7F3EF; }
.green        {color: #00CC33; }
.light-blue   {color: #E7EFF7; }
.blue         {color: #0066CC; }
.light-yellow {color: #FDFEE5; }
.yellow       {color: #FFFFCE; }


/* ALTERNATIVE (HORIZONTAL) TEXT WIDTHS */	

.text90 {
	width: 90%;
}
.text80 {
	width: 80%;
}
.text70 {
	width: 70%;
}
.text60 {
	width: 60%;
}
.text50 {
	width: 50%;
}


/* TEXT INDENTATIONS*/	

.indent1, .indent {
	margin-left: 40px;
}
.indent2 {
	margin-left: 80px;
}


/* IMAGE BORDER STYLES*/ 
img {
	border: 0;
}
img.noborder {
	border: none;
}
img.border, img.border1 {
	border: 1px solid #666666;
}
img.border2 {
	border: 2px solid #666666;
}


/* ALIGNMENTS*/
	
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left {
	text-align: left;
}


/* T E X T  H I G H L I G H T  S T Y L E S */ 

.shade-blue {
	background-color: #E7EFF7;
	padding: 4px;
} 
.shade-green {
	background-color: #E7F3EF;
	padding: 4px;
} 
.shade-orange {
	background-color: #FEF5E5;
	padding: 4px;
} 
.shade-yellow {
	background-color: #FDFEE5;
	padding: 4px;
} 
.shade-gray {
	background-color: #EDEDED;
	padding: 4px;
} 


/* TEXT SIZE CLASSES */
.small-text {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.smaller-text {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.large-text {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.larger-text {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}


/* - CUSTOM CLASSES FOR BODY CONTENT HEADLINES AND LINKS- */
/* - YOU MAY USE AN ADDITIONAL STYLESHEET OR ADD ADDITIONAL CLASSES TO MATCH YOUR BODY CONTENT NEEDS. - */

/* TABLE HEADERS */
/* - Colors the cell header text default gray for cells with lighter background colors- */

.tablehead-gray {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #333333;
  font-weight: bold;
  padding: 3px;
}
/* Classes for linked, gray cell headers */
A.tablehead-gray:link {
	FONT-SIZE: 13px;
	COLOR: #0066CC;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.tablehead-gray:visited {
	FONT-SIZE: 13px;
	COLOR: #0066CC;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.tablehead-gray:hover {
	FONT-SIZE: 13px;
	COLOR: #0066CC;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: underline;
	font-weight : bold;
}


/* - Colors the cell header text white for cells with darker background colors- */
.tablehead-white {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px;
  white-space: nowrap;
  vertical-align: top;
}


/* Classes for linked, white cell headers */
A.tablehead-white:link {
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
	font-weight : bold;
	white-space: nowrap;
	vertical-align: top;
}
A.tablehead-white:visited {
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: none;
	font-weight : bold;
	white-space: nowrap;
	vertical-align: top;
}
A.tablehead-white:hover {
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	TEXT-DECORATION: underline;
	font-weight : bold;
	white-space: nowrap;
	vertical-align: top;
}


/* BODY HEADLINES */
.headline {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 20px;
	font-weight: normal;
}
.subhead {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
	font-weight: normal;
}
.headline-white {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
}
.subhead-white {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}
.headline-blue {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 20px;
	font-weight: normal;
}
.subhead-blue {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 16px;
	font-weight: normal;
}
.headline-green {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00CC33;
	font-size: 20px;
	font-weight: normal;
}
.subhead-green {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00CC33;
	font-size: 16px;
	font-weight: normal;
}
.headline-orange {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 20px;
	font-weight: normal;
}
.subhead-orange {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 16px;
	font-weight: normal;
}
.caption {
	FONT-SIZE: 12px; 
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.footnote {
	FONT-SIZE: 12px; 
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.info-box {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 3px;
}


/*Homepage text styles*/
.homeSecHeader
{
  color: #0066CC;
  text-decoration: none;
  font-size: 24px;
}
A.homeSecHeader:link
{
  color: #0066CC;
  text-decoration: none;
  font-size: 18px;
}
A.homeSecHeader:visited
{
  color: #0066CC;
  text-decoration: none;
  font-size: 18px;
}
A.homeSecHeader:hover
{
  color: #0066CC;
  text-decoration: none;
  font-size: 18px;
}

/*Item Styles for tables/lists */
.theAltItemStyle
{
	background-color: #E7E7E7;
	white-space: nowrap;
}
.theItemStyle
{
	background-color: #FFFFFF;
	white-space: nowrap;
}
.allItemStyle
{
	white-space: nowrap;
	font-size: 9px;
	vertical-align: top;
}

/*Logo Protection*/
.AssurantMainLogo
{
	width: 261px;
	height: 122px;
	background-repeat: no-repeat;
	background-image: url(../images/logo-stacked-empbenefits-orange.gif);
}
.AssurantSubLogo
{
	width: 401px;
	height: 71px;
	background-image: url(../images/logo-horz-empbenefits-orange.gif);
	background-repeat: no-repeat;
}
.WSPLogo
{
	width: 192px;
	height: 74px;
	background-image: url(../images/WSP_Logo.gif);
	background-repeat: no-repeat;
}


