/*ASSURANT TEMPLATE STYLES */

html {
    height: 100%;
}

body {
    font-family: "Open Sans", sans-serif;
    background-color: #FFFFFF;
    padding-bottom: 100px;
}

body, p, td, th, tr, ul, ol, li, dl, dd, dt, blockquote, center, br {
    font-size: 13px;
    color: #000000;
}

strong {
    font-weight: bold
}

b {
    font-weight: bold
}

.required {
    color: red;
}

code, pre {
    font-family: monospace;
    font-weight: 600;
}

form, select, option, input, textarea {
    font-size: 12px;
}

/*FORM CLASSES */
.formfield {
    font-size: 12px;
    color: #333333;
}

.formfield-small {
    font-size: 10px;
    color: #333333;
}

/* STRUCTURAL HEADER TAG CLASSES. 
USE HEADER TAGS APPROPRIATELY TO STRUCTURE YOUR PAGE CONTENT.*/

h1, h2, h3, h4, h5 {
    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: #0066CC;
}

a:hover {
    color: #0066CC;
}

/* - CUSTOM CLASSES FOR ASSURANT NAVIGATION CONVENTIONS - */

/* PRIMARY NAVIGATION CLASSES */

.nav-primary {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

A.nav-primary:link {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

A.nav-primary:visited {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

A.nav-primary:hover {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}


.nav-primary-on {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-primary-on:link {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-primary-on:visited {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-primary-on:hover {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
}


/* SECONDARY NAVIGATION  CLASSES. */

/* Horizontal "TAB" Secondary Navigation*/

.nav-secondary-tab {
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}


/* Vertical Secondary Navigation*/

.nav-secondary {
    font-weight: bold;
    font-size: 12px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-secondary:link {
    font-weight: bold;
    font-size: 12px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-secondary:visited {
    font-weight: bold;
    font-size: 12px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-secondary:hover {
    font-weight: bold;
    font-size: 12px;
    color: #0066CC;
    text-decoration: underline;
}

.nav-secondary-on {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-secondary-on:link {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-secondary-on:visited {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

A.nav-secondary-on:hover {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
}

/* TERTIARY NAVIGATION  CLASSES. */

.nav-tertiary {
    font-weight: normal;
    font-size: 11px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-tertiary:link {
    font-size: 11px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-tertiary:visited {
    font-size: 11px;
    color: #0066CC;
    text-decoration: none;
}

A.nav-tertiary:hover {
    font-size: 11px;
    color: #0066CC;
    text-decoration: underline
}

.nav-tertiary-on {
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

A.nav-tertiary-on:link {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

A.nav-tertiary-on:visited {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

A.nav-tertiary-on:hover {
    font-size: 11px;
    color: #333333;
    text-decoration: underline
}


/* BREADCRUMB  NAVIGATION  */

.breadcrumbs {
    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;
    text-decoration: none;
}

A.nav-utility:link {
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

A.nav-utility:visited {
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

A.nav-utility:hover {
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    text-decoration: underline;
}

/* FOOTER NAVIGATION */
.footer {
    font-weight: normal;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}

    .footer p {
        font-size: 15px;
        color: #FFFFFF;
    }

    .footer A:link {
        color: #FF9900;
        text-decoration: none;
    }

    .footer A:visited {
        text-decoration: none;
        color: #FF9900;
    }

    .footer A:hover {
        text-decoration: none;
    }

.copyright {
    font-size: 13px;
}


/* 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-size: 12px;
}

.smaller-text {
    font-size: 11px;
}

.large-text {
    font-size: 14px;
}

.larger-text {
    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-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;
    text-decoration: none;
    font-weight: bold;
}

A.tablehead-gray:visited {
    font-size: 13px;
    color: #0066CC;
    text-decoration: none;
    font-weight: bold;
}

A.tablehead-gray:hover {
    font-size: 13px;
    color: #0066CC;
    text-decoration: underline;
    font-weight: bold;
}

/* - colors the cell header text white for cells with darker background colors- */
.tablehead-white {
    font-size: 13px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
}

/* Classes for linked, white cell headers */
A.tablehead-white:link {
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

A.tablehead-white:visited {
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

A.tablehead-white:hover {
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

/* BODY HEADLINES */
.headline {
    color: #666666;
    font-size: 20px;
    font-weight: normal;
}

.subhead {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
}

.headline-white {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
}

.headline-black {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
}

.subhead-white {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
}

.subhead-black {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}

.headline-blue {
    color: #0066CC;
    font-size: 20px;
    font-weight: normal;
}

.subhead-blue {
    color: #0066CC;
    font-size: 16px;
    font-weight: normal;
}

.headline-green {
    color: #00CC33;
    font-size: 20px;
    font-weight: normal;
}

.subhead-green {
    color: #00CC33;
    font-size: 16px;
    font-weight: normal;
}

.headline-orange {
    color: #FF9900;
    font-size: 20px;
    font-weight: normal;
}

.subhead-orange {
    color: #FF9900;
    font-size: 16px;
    font-weight: normal;
}


.caption {
    font-size: 12px;
}

.footnote {
    font-size: 12px;
}


.info-box {
    font-size: 12px;
    padding: 4px 6px 3px 6px;
}