@charset "UTF-8";

/*   */
/* CSS Document */


/**********************************************************************************************************
Body and structural id tags
***********************************************************************************************************/

/* Global Font Support */
/* ESV */
@font-face {
    font-family: 'Noto Sans', sans-serif;
    unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F;
}

/* Arabic & Farsi */
@font-face {
    font-family: 'Noto Naskh Arabic', sans-serif;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F, U+1EE00-1EEFF;
}

/* Chinese */
@font-face {
    font-family: 'Noto Sans TC', sans-serif;
    unicode-range: U+2E80-2EFF, U+3000-303F, U+3300-33FF, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE30-FE4F, U+20000-2A6DF, U+2F800-2FA1F;
}

/* Korean */
@font-face {
    font-family: 'Noto Sans KR', sans-serif;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F, U+3200-32FF, U+A960-A97F, U+D7B0-D7FF, U+FF00-FFEF;
}


/* Defining body defaults. */

* {
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}


body {
    font-family: 'Noto Sans', 'Noto Naskh Arabic', 'Noto Sans TC', 'Noto Sans KR', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14pt;
    font-weight: normal;
    background-color: #ffffff;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #000000;
    text-decoration: none;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    word-break: keep-all; /* Prevent word breaks for CJK text */
}




/**********************************************************************************************************
Language
***********************************************************************************************************/


.english {
    width: 77px;
    text-align: center;
}

.spanish {
    width: 79px;
    text-align: center;
}

.farsi {
    width: 61px;
    text-align: center;
}

.vietnamese {
    width: 56px;
    text-align: center;
}


/* This is the main div for the white background content area of the page.  All content items and navigation related divs and lists are nested inside this div.*/

#container {
    background-color: #ffffff;
    border-width: 0px 15px 5px 0px;
    border-style: none solid solid none;
    border-color: #cccccc;
}


/* Master Layout CSS */

#l03-header-content-id {
    padding: 0;
}

#l03-middle-content-id {
    padding-top: 20px;
    padding-bottom: 30px;
}

#l03-bottom-footer-id {
    text-align: center;
    font-size: 12pt;
    padding: 20px 0;
    background: #F1F1F1;
}

/* Section Page CSS */

#top-float-content {
}

#middle-content {
}

#bottom-disclaimer {
}


/**********************************************************************************************************
GLOBAL STYLES
These styles cover elements common to all page tiers, including background, body defaults, and footers.
***********************************************************************************************************/


p {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin: 0px;
}

div {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

h1 {
}

h2 {
}

h3 {
}


a {
    color: #007db8;
}

    a:hover {
        color: #00365b;
        text-decoration: underline;
    }

.text-primary {
    color: #00365b !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0087c7 !important;
}

.text-secondary {
    color: #007db8 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #00365b !important;
}

a:link, a:visited, a:active {
}

ol {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

ul {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

img {
    border: 0;
    outline: 0;
}

.paragraphHeading {
    font-size: 24pt;
    color: #00365b;
    margin-bottom: 10px;
}

.paragraphSubHeadingA {
    font-size: 18pt;
    color: #7d2350;
    margin-bottom: 10px;
}

.paragraphSubHeadingB {
    font-size: 15pt;
    color: #333333;
    margin-bottom: 10px;
}


.paragraphAndHeadingSurroundingBlock {
    clear: left;
    overflow: hidden;
}

.paragraphAndHeadingRightTextBlock {
    float: none;
}

.paragraphAndHeadingSurroundingBlockLeftIconColumn {
    clear: left;
    overflow: hidden;
    padding-bottom: 10px;
}

.paragraphLeftIconImage {
    float: left;
    clear: right;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 20px;
}

.paragraphAndHeadingRightTextBlockLeftIconColumn {
    width: 86%;
    clear: none;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.paragraphAndHeadingRightTextBlockLargeImageLeftIconColumn {
    width: 76%;
    clear: none;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.quote {
    padding-right: 30px;
    padding-left: 30px;
}

.fileLinkSurroundingBlock {
    clear: left;
}

.leftcontent {
    float: left; /*width:48%;*/
}

.rightcontent {
    float: right; /*width:48%;*/
}

.editorialPictureLeft {
    float: left;
    clear: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}


.editorialPictureRight {
    float: right;
    clear: right;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.invisibleLink {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.overflow-hidden {
    overflow: hidden;
}



/**********************************************************************************************************
GLOBAL Color
These classes are divs used for preseational purposes only, such as spacers or float clearing.
***********************************************************************************************************/

/**********************************************************************************************************
 Color Overrides
***********************************************************************************************************/


.bg-custom {
    background-color: transparent !important;
}

.bg-secondary {
    background-color: #007db8 !important;
}

/**********************************************************************************************************
  Custom Colors
***********************************************************************************************************/


.brandblue {
    color: #00365b !important;
}

.brandgray {
    color: #6c757d !important;
}

.brandberry {
    color: #7d2350 !important;
}

.brandmcal {
    color: #0087c7 !important;
}

.brandocc {
    color: #008579 !important;
}

.brandpace {
    color: #623393 !important;
}

.text-lighter {
    color: #a2a2a2;
}

.asterisk {
    color: red;
}

.errorMessage {
}

/**********************************************************************************************************
GLOBAL PRESENTATIONAL STYLES
These classes are divs used for preseational purposes only, such as spacers or float clearing.
***********************************************************************************************************/

.constructor {
    clear: both;
    height: 250px;
    width: 300px;
}

.spacernew {
}

.spacer {
    clear: both;
    height: 1px;
    width: 300px;
}

.spacerClearRight {
    clear: right;
    height: 1px;
    width: 300px;
}

.spacerClearLeft {
    clear: left;
    height: 1px;
    width: 300px;
}

.spacerMedium {
    clear: both;
    height: 24px;
    width: 300px;
}

.spacerTall {
    clear: both;
    height: 50px;
    width: 300px;
}

.spacerTallBorderContainer {
    clear: right;
    padding-left: 0px;
    padding-right: 45px;
    margin: 0px;
    width: 300px;
}

.spacerTallBorder {
    float: right;
    height: 50px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999999;
    width: 300px;
}

.spacerBorderTierFour {
    float: right;
    height: 1px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999999;
    padding-right: 120px;
    width: 300px;
}

/**********************************************************************************************************
  Text and RTL Overrides
***********************************************************************************************************/


.rtl {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: right;
}

.rtlignore {
    unicode-bidi: bidi-override;
    direction: ltr;
}

.nobr {
    white-space: nowrap;
}


.last {
    margin-bottom: 20px;
}


/**********************************************************************************************************
* Navigation Pictures
***********************************************************************************************************/

.navigationPictureA {
    float: left;
    clear: both;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}

.navigationPictureB {
    float: left;
    clear: both;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}

.navigationPictureC {
    float: left;
    clear: both;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}

.navigationPictureD {
    float: left;
    clear: both;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}

.navigationPictureE {
    float: left;
    clear: both;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}

/**********************************************************************************************************
Highlighted link list
***********************************************************************************************************/

.highlightedListLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}


.highlightedListLinkItem a:link, .highlightedListLinkItem a:visited, .highlightedListLinkItem a:active {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.highlightedListLinkItem a:hover {
    text-decoration: none;
    background-color: #f8f9fa;
}

.highlightedList {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    list-style-type: none;
}

.highlightedListItem {
    display: block;
    background: #ecdde6;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-transform: capitalize;
    text-decoration: none;
    color: #333333;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    line-height: 12pt;
    font-weight: normal;
    text-align: left;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-color: #ffffff;
}

/**********************************************************************************************************
Standard Table
***********************************************************************************************************/


.standardTable {
    border: 1px solid #999999;
}

    .standardTable tr td {
        margin: 0px;
        border: 1px solid #999999;
        vertical-align: top;
        display: table-cell;
        width: 50%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .standardTable tr th {
        margin: 0px;
        border: 1px solid #999999;
        vertical-align: top;
        display: table-cell;
        width: 50%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        text-align: left;
    }

        .standardTable tr th p {
            padding-top: 5px;
            padding-bottom: 0px;
            margin: 0px;
        }

.tableHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
    background-color: #eeeeee;
}

.standardTable tr td p {
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
}

.tableParagraphBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}



/**********************************************************************************************************
 Table
***********************************************************************************************************/


.healthTable {
    border: 1px solid #999999;
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: auto;
}

    .healthTable tr td {
        margin: 0px;
        border: 1px solid #999999;
        vertical-align: middle;
        display: table-cell;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        height: 60px;
    }

.healthTableHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
    background-color: #eeeeee;
}

.healthTable tr td p {
    padding-top: 5px;
    padding-bottom: 0px;
    margin: 0px;
}


.healthTable tr th {
    margin: 0px;
    border: 1px solid #999999;
    vertical-align: middle;
    display: table-cell;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 60px;
    text-align: left;
}

    .healthTable tr th p {
        padding-top: 5px;
        padding-bottom: 0px;
        margin: 0px;
    }



/**********************************************************************************************************
Table of Contents
***********************************************************************************************************/


.tableOfContents {
    background-color: #eeeeee;
    list-style-type: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.tocSectionTitle a:link, .tocSectionTitle a:visited, .tocSectionTitle a:active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    text-transform: capitalize;
    font-size: 12pt;
    line-height: 18pt;
    padding-left: 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    color: #00365b;
    font-weight: bold;
    display: block;
    margin: 0px;
}

.tocSectionTitle a:hover {
    color: #0489dd;
}

.tocLevelOne a:link, .tocLevelOne a:visited, .tocLevelOne a:active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    text-transform: capitalize;
    font-size: 10pt;
    line-height: 16pt;
    padding-left: 30px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    color: #0087c7;
    text-decoration: none;
    display: block;
}

.tocLevelOne a:hover {
    color: #333333;
}

.tocLevelTwo a:link, .tocLevelTwo a:visited, .tocLevelTwo a:active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    text-transform: capitalize;
    font-size: 10pt;
    line-height: 16pt;
    padding-left: 50px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    color: #0087c7;
    text-decoration: none;
    display: block;
}

.tocLevelTwo a:hover {
    color: #333333;
}

.tocLevelThree a:link, .tocLevelThree a:visited, .tocLevelThree a:active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    text-transform: capitalize;
    font-size: 10pt;
    line-height: 16pt;
    padding-left: 70px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    color: #0087c7;
    text-decoration: none;
    display: block;
}

.tocLevelThree a:hover {
    color: #333333;
}

.tocLevelFour a:link, .tocLevelFour a:visited, .tocLevelFour a:active {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    text-transform: capitalize;
    font-size: 10pt;
    line-height: 16pt;
    padding-left: 90px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    color: #0087c7;
    text-decoration: none;
    display: block;
}

.tocLevelFour a:hover {
    color: #333333;
}


/* This is the div that defines the parameters for the master logo in the top left corner of the page. The cascade for other sections should redefine only the background image slector.*/

#logo {
    background-color: #ffffff;
    float: left;
    height: 130px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: 46px 21px;
}

#topInnerNav {
    float: right;
    padding-right: 0px;
    margin-top: 45px;
    margin-right: 49px;
    margin-left: 0px;
}



.topMenuLeft {
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #666666;
    line-height: 16px;
}

.topMenuRight {
}

a.mediCalDrop:link, a.mediCalDrop:visited {
    padding: 1px 10px;
    color: #0087c7;
}

a.oneCareDrop:link, a.oneCareDrop:visited {
    padding: 1px 10px;
    color: #008579;
}

a.healthyFamiliesDrop:link, a.healthyFamiliesDrop:visited {
    padding: 1px 10px;
    color: #289728;
}

a.healthyKidsDrop:link, a.healthyKidsDrop:visited {
    padding: 1px 10px;
    color: #ff7300;
}



/* This is the div the houses the navigation bar at the top right of the page.  This is a container div. Menu styling is controlled by the unordered list and area selectors.*/

#topNav {
    float: right;
    height: 70px;
    padding-right: 0px;
}

    /* Setting the postion and parameters for the unordered list that controls the top navigation layout and behavior. */

    #topNav ul {
        list-style: none;
        margin-top: 45px;
        margin-right: 49px;
        margin-left: 0px;
        padding: 0px;
        height: 20px;
    }

        /* Forcing the list to display horizontally. */

        #topNav ul li {
            display: inline;
        }

            /* 
The following control the basic styling of the links in the top navigation area. 
Bar right!!
*/

            #topNav ul li a:link, #topNav ul li a:visited, #topNav ul li a:active {
                display: block;
                text-align: right;
                text-decoration: none;
                float: right;
                height: 15px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: bold;
                line-height: 15px;
                color: #666666;
                text-transform: uppercase;
                border-right-width: 1px;
                border-right-style: dotted;
                border-right-color: #666666;
                padding-right: 10px;
                padding-left: 10px;
            }


            #topNav ul li a:hover {
                color: #00365b;
            }



            /* 
This set of style definitions renders the dotted line border invisible for the far right link. 
No bar!!
*/

            #topNav ul li a.topNavNoBar:link, #topNav ul li a.topNavNoBar:visited, #topNav ul li a.topNavNoBar:active, #topNav ul li a.topNavNoBar:hover {
                border-right-style: none;
                border-right-color: #ffffff;
                padding-right: 0px;
            }



            /* 
Product Specific hover
*/


            #topNav ul li a.topNavOneCare:hover {
                color: #008579;
            }

            #topNav ul li a.topNavHealthyFamilies:hover {
                color: #289728;
            }

            #topNav ul li a.topNavHealthyKids:hover {
                color: #ff7300;
            }

            #topNav ul li a.topNavMedical:hover {
                color: #0087c7;
            }

            #topNav ul li a.topNavOneCareNoBar:hover {
                color: #008579;
            }

            #topNav ul li a.topNavHealthyFamiliesNoBar:hover {
                color: #289728;
            }

            #topNav ul li a.topNavHealthyKidsNoBar:hover {
                color: #ff7300;
            }

            #topNav ul li a.topNavMedicalNoBar:hover {
                color: #0087c7;
            }


            /* 
Product Specific hover no bar
*/

            #topNav ul li a.topNavOneCareNoBar:link, #topNav ul li a.topNavOneCareNoBar:visited, #topNav ul li a.topNavOneCareNoBar:active, #topNav ul li a.topNavOneCareNoBar:hover {
                border-right-style: none;
                border-right-color: #ffffff;
                padding-right: 0px;
            }

            #topNav ul li a.topNavHealthyFamiliesNoBar:link, #topNav ul li a.topNavHealthyFamiliesNoBar:visited, #topNav ul li a.topNavHealthyFamiliesNoBar:active, #topNav ul li a.topNavHealthyFamiliesNoBar:hover {
                border-right-style: none;
                border-right-color: #ffffff;
                padding-right: 0px;
            }

            #topNav ul li a.topNavHealthyKidsNoBar:link, #topNav ul li a.topNavHealthyKidsNoBar:visited, #topNav ul li a.topNavHealthyKidsNoBar:active, #topNav ul li a.topNavHealthyKidsNoBar:hover {
                border-right-style: none;
                border-right-color: #ffffff;
                padding-right: 0px;
            }

            #topNav ul li a.topNavMedicalNoBar:link, #topNav ul li a.topNavMedicalNoBar:visited, #topNav ul li a.topNavMedicalNoBar:active, #topNav ul li a.topNavMedicalNoBar:hover {
                border-right-style: none;
                border-right-color: #ffffff;
                padding-right: 0px;
            }

/* This is the container div that houses the search box.*/

#search {
}

/* These styles define the layout of the form elements for the search form. */

#searchForm {
}

#searchButton {
}

.searchField {
}
/**********************************************************************************************************
  Styles added for Behavioral Health Search
***********************************************************************************************************/


.formcellBoldLarge {
}

.formcellBoldItalics {
}

.formcellItalics {
}
/*END*/

/**********************************************************************************************************
   Grievance Form Sub Layout Class
***********************************************************************************************************/

.formHeadingSmall {
}

.formLabel {
}

.resultsNumbers {
    border-top-width: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    text-align: right;
    border-right-width: 0px;
}

.formLabelLight {
    padding-right: 0px;
    display: inline;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    vertical-align: middle;
    padding-top: 0px;
}

.divGrievanceForm {
}

    .divGrievanceForm form {
    }

    .divGrievanceForm .errorMessage {
    }

    .divGrievanceForm .asterisk {
        color: #ff0000;
    }

    .divGrievanceForm .GrievanceParagraph {
    }

    .divGrievanceForm .GrievanceThankYouParagraph {
    }

/**********************************************************************************************************
  End Grievance Form Class 
***********************************************************************************************************/



/* This is the container div the houses the navigation bar at the top right of the page. This clears the floats so the footer navigation sits at the bottom of the main container div.*/

#footerNavContainer {
    clear: both;
    height: 60px;
}

/* This is a nested div that houses the unordered list which makes up the footer navigation.  It sets the width of the bar and pushes the list left as to appear centered on the page.*/

#footerNav {
    padding-left: 125px;
    height: 20px;
    padding-top: 10px;
}

    /* Setting the postion and parameters for the unordered list that controls the footer navigation layout and behavior. */

    #footerNav ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 35px;
    }

        /* Forcing the list to display horizontally. */

        #footerNav ul li {
            display: inline;
        }

            /* The following control the basic styling of the links in the footer navigation area. */

            #footerNav ul li a:link, #footerNav ul li a:visited, #footerNav ul li a:active {
                display: block;
                text-align: right;
                text-decoration: none;
                float: left;
                height: 10pt;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 8pt;
                font-weight: bold;
                line-height: 10pt;
                color: #990066;
                text-transform: uppercase;
                border-right-width: 1px;
                border-right-style: dotted;
                border-right-color: #666666;
                margin-top: 20px;
                margin-bottom: 10px;
                padding-right: 10px;
                padding-left: 10px;
            }


            #footerNav ul li a:hover {
                color: #00365b;
            }



            /* These empty styles are placeholders.  Other style sheets in the cascade will add selectors to these styles when it is necessary to individualize elements of the links in the footer navigation area. */

            #footerNav ul li a.footerNavF:link, #footerNav ul li a.footerNavF:visited, #footerNav ul li a.footerNavF:active, #footerNav ul li a.footerNavF:hover {
            }

            #footerNav ul li a.footerNavE:link, #footerNav ul li a.footerNavE:visited, #footerNav ul li a.footerNavE:active, #footerNav ul li a.footerNavE:hover {
            }

            #footerNav ul li a.footerNavD:link, #footerNav ul li a.footerNavD:visited, #footerNav ul li a.footerNavD:active, #footerNav ul li a.footerNavD:hover {
            }

            #footerNav ul li a.footerNavC:link, #footerNav ul li a.footerNavC:visited, #footerNav ul li a.footerNavC:active, #footerNav ul li a.footerNavC:hover {
            }

            #footerNav ul li a.footerNavB:link, #footerNav ul li a.footerNavB:visited, #footerNav ul li a.footerNavB:active, #footerNav ul li a.footerNavB:hover {
            }

            /* This set of style definitions renders the dotted line border invisible for the far right link. */

            #footerNav ul li a.footerNavA:link, #footerNav ul li a.footerNavA:visited, #footerNav ul li a.footerNavA:active, #footerNav ul li a.footerNavA:hover {
                border-right-style: dotted;
                border-right-color: #ffffff;
            }


#footerNavLong {
}

    /* Setting the postion and parameters for the unordered list that controls the footer navigation layout and behavior. */

    #footerNavLong ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-left: 0;
    }

        /* Forcing the list to display horizontally. */

        #footerNavLong ul li {
        }

            /* The following control the basic styling of the links in the footer navigation area. */

            #footerNavLong ul li a:link, #footerNavLong ul li a:visited, #footerNavLong ul li a:active {
                display: block;
                padding: 0.5rem 1rem;
            }


            #footerNavLong ul li a:hover {
            }



            /* These empty styles are placeholders.  Other style sheets in the cascade will add selectors to these styles when it is necessary to individualize elements of the links in the footer navigation area. */

            #footerNavLong ul li a.footerNavF:link, #footerNavLong ul li a.footerNavF:visited, #footerNavLong ul li a.footerNavF:active, #footerNavLong ul li a.footerNavF:hover {
            }

            #footerNavLong ul li a.footerNavE:link, #footerNavLong ul li a.footerNavE:visited, #footerNavLong ul li a.footerNavE:active, #footerNavLong ul li a.footerNavE:hover {
            }

            #footerNavLong ul li a.footerNavD:link, #footerNavLong ul li a.footerNavD:visited, #footerNavLong ul li a.footerNavD:active, #footerNavLong ul li a.footerNavD:hover {
            }

            #footerNavLong ul li a.footerNavC:link, #footerNavLong ul li a.footerNavC:visited, #footerNavLong ul li a.footerNavC:active, #footerNavLong ul li a.footerNavC:hover {
            }

            #footerNavLong ul li a.footerNavB:link, #footerNavLong ul li a.footerNavB:visited, #footerNavLong ul li a.footerNavB:active, #footerNavLong ul li a.footerNavB:hover {
            }

            /* This set of style definitions renders the dotted line border invisible for the far right link. */

            #footerNavLong ul li a.footerNavA:link, #footerNavLong ul li a.footerNavA:visited, #footerNavLong ul li a.footerNavA:active, #footerNavLong ul li a.footerNavA:hover {
            }



#disclaimerTierOneTwo {
}

#disclaimerTierThreeFourFive {
}

.disclaimerParagraph {
}

/* This div houses the white legal text at the very bottom of the page.  It is in the blue area of the page, outside of the main container div. */

.copyrightfooter {
    text-align: center;
    color: #747474;
    font-size: 11pt;
    padding-top: 12px;
}


/* The following control the basic styling of the links in the site map area. */



.siteMapHeading {
    font-size: 30pt;
    color: #00365b;
    margin-bottom: 20px;
}

#siteMap ul {
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#siteMap li {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 15px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#siteMap p {
}

#siteMap a:link, #siteMap a:visited, #siteMap a:active {
    text-decoration: none;
}


#siteMap a:hover {
    text-decoration: underline;
}

#breadcrumb {
    background-color: transparent;
    padding-bottom: 12px;
    color: #6c757d;
    font-size: 12pt;
}

    #breadcrumb ul {
    }

    #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
    }


    #breadcrumb a:hover {
    }

@media (max-width: 576px) {
    #breadcrumb {
        display: none;
    }
}

/**********************************************************************************************************
TIER 1 AND 2 SPECIFIC STYLES
These styles cover elements common to tier 1 and tier 2 pages, such as the picture navigation area.
***********************************************************************************************************/

/*This defines the title text for tier 1 and tier 2 pages */

.headingTierOneTwo {
    font-family: "Times New Roman", Times, serif;
    font-size: 37pt;
    line-height: 39pt;
    font-weight: normal;
    color: #00365b;
    text-decoration: none;
    text-transform: capitalize;
    clear: both;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 80px;
}

.paragraphRightLevelOne {
    text-align: center;
    margin: 0px;
    padding: 0px;
}


.paragraphHeadingRightLevelOne {
    font-weight: bold;
    color: #00365b;
    text-align: center;
    padding-top: 10px;
}

.paragraphLeftLevelOne:first-letter {
    font-size: 37pt;
    line-height: 32pt;
}

/* This is the container div that houses the unordered list which makes up the picture navigation.  It sets the height of the bar and pushes the list left as to appear centered on the page.*/

#pictureNav {
    clear: both;
    padding-bottom: 160px;
}

    /* Setting some parameters for the unordered list that controls the picture navigation layout and behavior. */

    #pictureNav ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        /* Forcing the list to display horizontally. */

        #pictureNav ul li {
            display: inline;
        }

            /* The following control the basic styling of the links in the picture navigation area. */

            #pictureNav ul li a:link, #pictureNav ul li a:visited, #pictureNav ul li a:active {
                display: block;
                text-align: center;
                background-repeat: no-repeat;
                background-position: center top;
                text-decoration: none;
                float: left;
                padding-top: 0px;
                padding-bottom: 15px; /*line-height: 220px;*/
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                font-size: 12px;
                color: #666666;
                text-transform: uppercase;
            }

            #pictureNav ul li a:hover {
                color: #00365b;
            }

            /* These empty styles are placeholders.  Other style sheets in the cascade will add selectors to these styles when it is necessary to individualize elements of the links in the picture navigation area. */


            #pictureNav ul li a.pictureNavE:link, #pictureNav ul li a.pictureNavE:visited, #pictureNav ul li a.pictureNavE:active, #pictureNav ul li a.pictureNavE:hover {
            }

            #pictureNav ul li a.pictureNavD:link, #pictureNav ul li a.pictureNavD:visited, #pictureNav ul li a.pictureNavD:active, #pictureNav ul li a.pictureNavD:hover {
            }

            #pictureNav ul li a.pictureNavC:link, #pictureNav ul li a.pictureNavC:visited, #pictureNav ul li a.pictureNavC:active, #pictureNav ul li a.pictureNavC:hover {
            }

            #pictureNav ul li a.pictureNavB:link, #pictureNav ul li a.pictureNavB:visited, #pictureNav ul li a.pictureNavB:active, #pictureNav ul li a.pictureNavB:hover {
            }

            #pictureNav ul li a.pictureNavA:link, #pictureNav ul li a.pictureNavA:visited, #pictureNav ul li a.pictureNavA:active, #pictureNav ul li a.pictureNavA:hover {
            }

.pictureNavImg {
    height: 100px;
    border: 0px;
}



/**********************************************************************************************************
TIER 3, 4, and 5 SPECIFIC STYLES
These styles cover elements common to tier 3, tier 4, and tier 5 pages.
***********************************************************************************************************/

/* These divs set the width of the content area and also house the background of the Left Navigation Bar.*/

#contentContainer {
    background-image: url(/css/images/global/leftnav-background-repeat.jpg);
    background-repeat: repeat-y;
    clear: both;
    height: 100%;
}

#contentArea {
    /*	background-image: url(/css/images/global/leftnav-background-anchor.jpg); */
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 88px;
}

#contentAreaLeftNavPages {
    /*	background-image: url(/css/images/global/leftnav-background-anchor.jpg); */
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

/* These styles control all the elements of the left navigation area*/

#leftNavBoundary {
    float: left;
    height: 100%;
}

#leftNavBottomImage {
    padding-top: 10px;
    vertical-align: bottom;
    height: 100%;
}

#leftNavContainer {
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 88px;
    height: 100%;
}

.leftNavListContainer {
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 88px;
    height: 100%;
}

.topHeadingLeftNav {
    background-image: url(/css/images/global/leftnav-background-heading.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    color: #ffffff;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 91px;
    height: 35px;
    line-height: 25px;
    clear: both;
}

.headingLeftNav {
    background-image: url(/css/images/global/leftnav-background-heading.jpg);
    background-position: right 40px;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 91px;
    height: 35px;
    line-height: 25px;
    clear: both;
}

.leftNavParagraph {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 94px;
    margin-top: 0px;
    line-height: 14px;
    clear: both;
}

.leftNavPicture {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 94px;
    line-height: 14px;
    clear: both;
}




/* Setting the styles of the headings.*/

.headingTierThree {
    float: none;
    text-align: center;
    font-size: 37pt;
    line-height: 39pt;
    font-weight: normal;
    color: #8b005a;
    text-transform: capitalize;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: "Times New Roman", Times, serif;
}

.headingTierFourFive {
    font-size: 60px;
    color: #00365b;
    text-align: center;
}


.paragraphLeftLevelThree {
    margin: 0px;
    padding: 0px;
}


.paragraphHeadingLeftLevelThree {
    font-size: 30px;
    color: #0087c7;
}


/* Setting the styles of the content areas.*/

#contentTierThree {
    float: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 20px;
}

#contentTierThreeNoPicture {
    float: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 20px;
}

#contentTierFourFive {
    float: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 20px;
}

/* This style defines the width of the content areas in page variations without a right navigation area.*/

#contentTierThreeFourFiveA {
    float: right;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 35px;
}

/* Setting the styles of the right navigation area.*/

#rightNavTierThree {
    float: right;
    clear: right;
    height: 200px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

/* This is the container div that houses the promo area on tier 1 and 2 pages. It pushes the list left as to appear centered on the page.*/

#promoContainerTierOneTwo {
    padding-left: 80px;
}

/* This div sets the top and bottom dotted line borders for the promo area.*/

#promoAreaTierOneTwo {
    clear: both;
    padding-top: 10px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    padding-bottom: 10px;
}

/* This div sets the parameters for the left side of the promo area.*/

#promoLeftTierOneTwo {
    float: left;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #666666;
    padding-right: 20px;
    margin: 0px;
}


/* This div sets the parameters for the right side of the promo area.*/

#promoRightTierOneTwo {
    float: right;
    padding-left: 18px;
    margin: 0px;
    text-align: left;
}



/* Defining the promo area.  There are two variations of this, one with content and one with only a single line dotted border.  The single line dotted border version closes the text on all the pages without a content filled promo area. */

#promoContainerTierThreeFourFive {
    float: right;
    padding-left: 0px;
    padding-right: 45px;
    margin: 0px;
}

#promoAreaTierThree {
    clear: both;
    padding-top: 10px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    padding-bottom: 10px;
}

#promoAreaTierFourFive {
    clear: both;
    padding-top: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    padding-bottom: 10px;
}

#promoLeftTierThree {
    float: left;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #666666;
    padding-right: 20px;
    margin: 0px;
}

#promoRightTierThree {
    float: right;
    padding-left: 18px;
    margin: 0px;
    text-align: center;
}



    #promoRightTierThree ul {
        margin-left: 0px;
        padding-left: 0px;
        list-style-type: none;
    }

        #promoRightTierThree ul li a:link, #promoRightTierThree ul li a:visited, #promoRightTierThree ul li a:active {
            display: block;
            background-image: url(/css/images/global/promonav-buttonbackground.jpg);
            background-repeat: no-repeat;
            background-position: left center;
            padding-top: 4px;
            padding-right: 2px;
            padding-bottom: 4px;
            padding-left: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.7em;
            text-transform: capitalize;
            text-decoration: none;
            color: #ffffff;
            margin-top: 15px;
            margin-right: 0px;
            margin-bottom: 10px;
            margin-left: 0px;
            line-height: 1em;
            font-weight: bold;
            text-align: left;
        }

        #promoRightTierThree ul li a:hover {
            color: #cccccc;
        }

.promoRightParagraph {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 3px;
    line-height: 14px;
    clear: both;
}

.promoRightParagraphSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 3px;
    line-height: 10pt;
    clear: both;
}

.promoRightImage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    line-height: 14px;
    clear: both;
}

.topPromoRightHeading {
    background-image: url(/css/images/global/leftnav-background-heading.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 91px;
    height: 35px;
    line-height: 25px;
    clear: both;
}

.promoRightHeading {
    background-image: url(/css/images/global/leftnav-background-heading.jpg);
    background-position: left 20px;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    height: 35px;
    line-height: 25px;
    clear: both;
}


#rightNavTierFourFive {
    float: right;
    clear: right;
    height: 535px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
}

    #rightNavTierFourFive ul {
        margin-top: 10px;
        margin-left: 0px;
        padding-left: 3px;
        list-style-type: none;
    }

        #rightNavTierFourFive ul li a:link, #rightNavTierFourFive ul li a:visited, #rightNavTierFourFive ul li a:active {
            display: block;
            background-image: url(/css/images/global/rightnav-buttonbackground.jpg);
            background-repeat: no-repeat;
            background-position: left center;
            padding-top: 3px;
            padding-right: 2px;
            padding-bottom: 5px;
            padding-left: 15px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.6em;
            line-height: 1em;
            text-transform: capitalize;
            text-decoration: none;
            color: #00365b;
            margin-top: 5px;
            margin-right: 0px;
            margin-bottom: 10px;
            margin-left: 0px;
            font-weight: bold;
            text-align: left;
            vertical-align: top;
        }

        #rightNavTierFourFive ul li a:hover {
            color: #ffffff;
        }

/* These styles define the layout of the language sub navigation area.*/

#languageNav {
    float: right;
}

    #languageNav p {
        padding: 0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color: #00365b;
    }

    #languageNav ul {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 3px;
        list-style-type: none;
    }

        #languageNav ul li {
            display: inline;
        }

            #languageNav ul li a:link, #languageNav ul li a:visited, #languageNav ul li a:active {
                display: block;
                float: left;
                background-image: url(/css/images/global/subnav-arrow.jpg);
                background-repeat: no-repeat;
                background-position: 0px 5px;
                padding-top: 0px;
                padding-right: 15px;
                padding-bottom: 5px;
                padding-left: 15px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0.7em;
                line-height: 20px;
                text-transform: uppercase;
                text-decoration: none;
                color: #333333;
                margin-top: 5px;
                margin-right: 0px;
                margin-bottom: 10px;
                margin-left: 0px;
                text-align: left;
                vertical-align: middle;
            }

            #languageNav ul li a:hover {
                color: #999999;
            }

/**********************************************************************************************************
  AB: SEARCH RESULTS
***********************************************************************************************************/


.search-results-PageTitle {
}

.search-results-hits a {
    font-weight: bold;
}

.search-results-container {
}

/* 2 match(es) for: */ /* Rule 3 of embedded stylesheet */
.search-results-category {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: bold;
    background-color: rgba(0, 135, 199, 0.08);
    border-color: #bce8f1;
}
    /* 2 match(es) for: */ /* Rule 4 of embedded stylesheet */

    .search-results-category .title {
        display: block;
        font-weight: bold;
        font-size: 12pt;
        text-transform: capitalize;
    }
    /* 2 match(es) for: */ /* Rule 5 of embedded stylesheet */

    .search-results-category .link {
        padding-right: 5px;
        font-size: 12pt;
        float: right;
        text-transform: capitalize;
        font-weight: bold;
    }
/* 3 match(es) for: */ /* Rule 6 of embedded stylesheet */

/* .search-results-link */
.search-results-hits {
    padding-left: 20px;
}
/* 3 match(es) for: */ /* Rule 7 of embedded stylesheet */

.search-results-block {
}
/* 3 match(es) for: */ /* Rule 8 of embedded stylesheet */

.search-results-description {
    padding-bottom: 0px;
}
/* 1 match(es) for: */ /* Rule 9 of embedded stylesheet */

.search-results-subheading {
}

/**********************************************************************************************************
  End Search Result
***********************************************************************************************************/


.dgMedicarebox {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-right: -175px;
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    text-align: center;
    line-height: normal;
    background-color: #00ccff;
    border: thick solid #0066ff;
}

/**********************************************************************************************************
   Provider Search tool
***********************************************************************************************************/


a.ProviderSearch:link {
}

a.ProviderSearch:visited {
}

a.ProviderSearch:hover {
}

.BasicFrame {
}

.PageHeader {
}

.DetailSearchPageHeader {
}

.StepInstr {
}

.StepInstrStep {
}

.PractionerSearchHeader {
}

.PractionerSearchHeaderReg {
}

.ProviderSearchHeader {
}

.ProviderSearchHeaderReg {
}

.ProviderSearchTextHead {
}

.FormComboBox {
}

.ProvFormMessage {
}

.ProvFormFooter {
}

.FormContentBlack {
}

.AdvSearchBox {
}

.ProviderDetailSearchHeader {
}

.AdvSearchTableBox {
}

.ErrorMsgLabel {
}

.SuccessMsgLabel {
}

.SearchBreadCrumbs {
}

.ReportHeading {
}

.ReportDataHeading {
}

.ReportHeadingData {
}

.ReportPracHeadingData {
}

.ReportDataFields {
}

.ReportDataLabels {
}

.ReportDataLabelsLarge {
}

.ReportProviderIDText {
}

.ReportProviderWhiteLabel {
}

.ReportInstructionMsg {
}

select {
}

/**********************************************************************************************************
   FORM STYLES
***********************************************************************************************************/


.formdiv {
}

.formcell {
}

    .formcell p {
    }

.formTableResults {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

    .formTableResults .formcell p {
        margin: 0px;
        padding: 5px 0px;
    }

    .formTableResults td {
        padding: 4px;
        vertical-align: top;
    }

    .formTableResults th {
        padding: 4px;
        vertical-align: top;
    }

.formHeadingCell {
    background-color: #00365b;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.formSubheadingCell {
    background-color: #bed6ef;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 4px;
    padding-bottom: 7px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 12pt;
}

.formButtons {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.formcellBold {
    font-weight: bold;
}

.formHeadingSmall {
}

.formLabel {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline;
    font-weight: bold;
}

.resultsNumbers {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    text-align: right;
}

.formLabelLight {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline;
}

.formHeadingCellSmall {
    background-color: #00365b;
    color: #ffffff;
    padding: 4px 4px;
}

    .formHeadingCellSmall a:link {
        color: #ffffff;
        padding: 2px;
    }

.formcellSmall {
    background-color: #bed6ef;
    padding: 4px 4px;
}

.formcellSmallAlternate {
    background-color: #78b1e0;
    padding: 4px 4px;
}

#LanguageMenuID {
    float: left;
    padding-top: 10px;
    padding-left: 80px;
}

    #LanguageMenuID ul {
        list-style-type: none;
    }

        #LanguageMenuID ul li {
            display: inline;
        }

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    border: 0px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 100%;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul {
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    top: 0;
}
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarVertical ul.MenuBarSubmenuVisible {
        left: 0;
    }
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarVertical ul li {
        width: 100%;
    }

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical {
    border: 0px solid #cccccc;
}
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul {
        border: 1px solid #dec2d3;
    }
    /* Menu items are a light gray block with padding and no text decoration */

    ul.MenuBarVertical a {
        display: block;
        cursor: pointer;
        background-color: #ecdde6;
        padding-top: 7px;
        padding-right: 10px;
        padding-bottom: 7px;
        padding-left: 5px;
        color: #00365b;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        line-height: 11pt;
        text-transform: capitalize;
        text-decoration: none;
        margin: 0;
        border: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ffffff;
    }



        /* Menu items that have mouse over or focus have a blue background and white text */
        ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {
            background-color: #ac5c89;
            color: #ffffff;
        }
        /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
        ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {
            background-color: #ac5c89;
            color: #ffffff;
        }

        /*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

        /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
        ul.MenuBarVertical a.MenuBarItemSubmenu {
            background-image: url(/css/images/SpryMenuBarRight.gif);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

        /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
        ul.MenuBarVertical a.MenuBarItemSubmenuHover {
            background-image: url(/css/images/SpryMenuBarRightHover.gif);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

    /*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    /* 	 

      */


    ul.MenuBarVertical iframe {
    }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
    ul.MenuBarVertical li.MenuBarItemIE {
        display: inline;
        float: left;
        background: #ffffff;
    }
}

/*******************************************************************************

 Menu bar vertical right overrides for home page and top level pages

 *******************************************************************************/

ul.MenuBarVerticalRight {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    border: 0px;
}

    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVerticalRight a {
        display: block;
        cursor: pointer;
        background-color: #ffffff;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 5px;
        color: #00365b;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        text-transform: capitalize;
        text-decoration: none;
        margin: 0;
        border: 0px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #666666;
        line-height: 10pt;
    }
        /* Menu items that have mouse over or focus have a blue background and white text */
        ul.MenuBarVerticalRight a:hover, ul.MenuBarVerticalRight a:focus {
            background-color: #ffffff;
            color: #666666;
        }
        /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
        ul.MenuBarVerticalRight a.MenuBarItemHoverRIght, ul.MenuBarVerticalRight a.MenuBarItemSubmenuHoverRight, ul.MenuBarVerticalRight a.MenuBarSubmenuVisibleRight {
            background-color: #ffffff;
            color: #666666;
        }

/* end menu bar vertical right */

/* Top Menu Styles */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 12em;
    left: -1000em;
}
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
        left: auto;
    }
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li {
        width: 12em;
    }
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul {
        margin: -5% 0 0 95%;
    }
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
        left: auto;
        top: 0;
    }

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
    display: inline;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    background-color: #ffffff;
    padding: 1px 10px;
    color: #666666;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
        background-color: #ffffff;
        color: #00365b;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-transform: uppercase;
    }
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
        background-color: #ffffff;
        color: #00365b;
    }

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
/*

*/

ul.MenuBarHorizontal iframe {
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
        display: inline;
        float: left;
        background: #ffffff;
    }
}

/**********************************************************************************************************
   Language Menu Styles
***********************************************************************************************************/


#LangTextMenu {
    overflow: visible;
    position: fixed;
    visibility: visible;
    top: 5px;
}

.LangTextTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #cccccc;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    background-image: url(/css/images/LangMenuTop.gif);
    background-position: 0px 0px;
    color: #333333;
}

.LangTextList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    list-style-type: none;
    line-height: 32px;
    margin: 0px;
    padding: 0px;
}

.LanguageMenuListThree {
}

.LanguageMenuListItemThree {
}

.LanguageListItem a:link, .LanguageListItem a:visited, .LanguageListItem a:active {
    background-color: #ffffff;
    text-align: center;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    display: block;
    text-decoration: none;
    color: #333333;
}

.LanguageListItem a:hover {
    color: #999999;
}

.LangTextEnd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 2px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    background-image: url(/css/images/LangMenuBottom.gif);
    background-position: 0px 0px;
    height: 10px;
}

.TextSizeSmall a:link, .TextSizeSmall a:visited, .TextSizeSmall a:active {
    background-color: #ffffff;
    text-align: center;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    font-size: 10pt;
    display: block;
    text-decoration: none;
    color: #333333;
}

.TextSizeSmall a:hover {
    color: #999999;
}

.TextSizeMedium a:link, .TextSizeMedium a:visited, .TextSizeMedium a:active {
    background-color: #ffffff;
    text-align: center;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    font-size: 12pt;
    display: block;
    text-decoration: none;
    color: #333333;
}

.TextSizeMedium a:hover {
    color: #999999;
}

.TextSizeLarge a:link, .TextSizeLarge a:visited, .TextSizeLarge a:active {
    background-color: #ffffff;
    text-align: center;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 3px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    font-size: 14pt;
    display: block;
    text-decoration: none;
    color: #333333;
}

.TextSizeLarge a:hover {
    color: #999999;
}



/* ------------------------------------------------------ */

.CertTable {
    padding: 2px;
    border: 1px solid #00365b;
    margin: 2px;
}

.CertTD {
    border: 1px solid #00365b;
    text-align: left;
}


/**********************************************************************************************************
Begin Heath Education for inside skyscaper 
***********************************************************************************************************/


/*------------------------LEVEL 1 MAIN PAGE-------------------------- */
/* 
Title: HE Skyscraper Outer Container Three 
Style Element Name: HE Skyscraper Outer Container Three
Style Element Class: heTableOuterContainerThree
*/
.heTableOuterContainerThree {
    border-top: 1px solid #bbbbbb;
    padding-left: 1px;
}

/* 
Title: HE Skyscraper Link Container Style
Style Element Name: HE Skyscraper Link Container Style
Style Element Class: heTableSurroundingBlock
*/
.heTableSurroundingBlock {
    float: left;
    padding: 3px;
    margin-left: -1px;
    height: 3.23em;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #bbbbbb;
}

    .heTableSurroundingBlock:hover {
        -webkit-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 1) inset;
        -moz-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 1) inset;
        -ms-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 1) inset;
        -o-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 1) inset;
        box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 1) inset;
    }

/* 
Title: HE Skyscraper Link Style
Style Element Name: HE Skyscraper Link Style
Style Element Class: heTableText
*/
.heTableText:hover {
    text-decoration: underline;
}

.heTableText {
    display: block;
    margin-top: 1.14em;
    margin-top: 1.4em;
    text-align: center;
    font-size: 0.923em;
    color: #0c2148;
    font-weight: bold;
    text-decoration: none;
}

/* 
Title: HE Skyscraper Link Style Two Line
Style Element Name: HE Skyscraper Link Style Two Line
Style Element Class: heTableTextTwoLine
*/
.heTableTextTwoLine:hover {
    text-decoration: underline;
}

.heTableTextTwoLine {
    display: block;
    margin-top: 0.57em;
    margin-top: 0.92em;
    text-align: center;
    font-size: 0.923em;
    color: #0c2148;
    font-weight: bold;
    text-decoration: none;
}

/* 
Title: HE Skyscraper Link Style Three Line
Style Element Name: HE Skyscraper Link Style Three Line
Style Element Class: heTableTextThreeLine
*/
.heTableTextThreeLine:hover {
    text-decoration: underline;
}

.heTableTextThreeLine {
    display: block;
    font-size: 0.923em;
    color: #0c2148;
    font-weight: bold;
    text-decoration: none;
    margin-top: 0em;
    text-align: center;
}


/*------------------------LEVEL 2 CATEGORY PAGE-------------------------- */

/*
Title: HE Category Surrounding Block
Style Element Name: HE Category Surrounding Block
Style Element Class: heCategorySurroundingBlock
*/
.heCategorySurroundingBlock {
    clear: both;
    margin: 0 0 15px 0;
    padding: 12px 0;
}

/*
Title: HE Category Link Style
Style Element Name: HE Category Link Style
Style Element Class: heCategoryLinkStyle
*/
.heCategoryLinkStyle {
    display: block;
    font-weight: 400;
    font-size: 19pt;
    color: #00365b;
    text-decoration: none;
}

    .heCategoryLinkStyle:hover {
        color: #00365b;
        text-decoration: underline;
    }

    .heCategoryLinkStyle img {
        float: right;
        top: -26px;
        right: -62px;
    }

/*
Title: HE Category Left Image Style
Style Element Name: HE Category Left Image Style
Style Element Class: heCategoryLeftImageStyle
*/
.heCategoryLeftImageStyle {
    float: left;
    margin: 0 8px 8px 0;
    border: 1px solid #c4c4c4;
}

/*
Title: HE Category Title Left Image Style
Style Element Name: HE Category TitleLeft Image Style
Style Element Class: heCategoryTitleLeftImageStyle
*/
.heCategoryTitleLeftImageStyle {
    margin-top: 20px;
    float: left;
}


/*------------------------LEVEL 3 ARTICLE PAGE-------------------------- */

/* 
Title: HE Article RSC Tag
Style Element Name: HE Article RSC Tag
Style Element Class: heRSCTag
*/
.heRSCTag {
    text-align: right;
    font-style: italic;
    font-size: 8pt;
}

/* 
Title: HE Article RSC Tag RTL
Style Element Name: HE Article RSC Tag RTL
Style Element Class: heRSCTagRTL
*/
.heRSCTagRTL {
    text-align: left;
    font-style: italic;
    font-size: 8pt;
}

/* 
Title: HE Article List Style
Style Element Name: HE Article List Style
Style Element Class: heList
*/
.heList li {
    margin-bottom: 0.4em;
}

/* 
Title: HE Article Print Button Container
Style Element Name: HE Article Print Button Container
Style Element Class: hePrintButtonContainer
*/
.hePrintButtonContainer {
    float: none;
    height: 23px;
    margin: 0 5px 0 365px;
    padding: 3px;
    border: 1px solid #123366;
    text-decoration: none;
    font-family: "Arial", Gadget, sans-serif;
    font-weight: bold;
    background-color: #25467c;
    background-image: -moz-linear-gradient(#25467c, #688abe);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#25467c), to(#688abe));
    background-image: -webkit-linear-gradient(-20deg, #25467c, #688abe);
    background-image: -o-linear-gradient(-20deg, #25467c, #688abe);
    background-image: -ms-linear-gradient(-20deg, #25467c, #688abe);
    background-image: linear-gradient(-20deg, #25467c, #688abe);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

    .hePrintButtonContainer:hover {
        background-color: #1e3863;
        background-image: -moz-linear-gradient(-20deg, #1e3863, #536e98);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1e3863), to(#536e98));
        background-image: -webkit-linear-gradient(-20deg, #1e3863, #536e98);
        background-image: -o-linear-gradient(-20deg, #1e3863, #536e98);
        background-image: -ms-linear-gradient(-20deg, #1e3863, #536e98);
        background-image: linear-gradient(-20deg, #1e3863, #536e98);
    }

    .hePrintButtonContainer:active {
        background-color: #25467c;
        background-image: -moz-linear-gradient(#25467c, #688abe);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#25467c), to(#688abe));
        background-image: -webkit-linear-gradient(-20deg, #25467c, #688abe);
        background-image: -o-linear-gradient(-20deg, #25467c, #688abe);
        background-image: -ms-linear-gradient(-20deg, #25467c, #688abe);
        background-image: linear-gradient(-20deg, #25467c, #688abe);
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
        -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
        -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) inset;
    }


/* 
Title: HE Article Print Button
Style Element Name: HE Article Print Button
Style Element Class: hePrintButton
*/
.hePrintButton {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    line-height: 23px;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.hePrintButton, x:-moz-any-link, x:default {
    margin: -2px 0 2px 0;
}


/* 
Title: HE Article Heading Style
Style Element Name: HE Article Heading Style
Style Element Class: heArticleHeading
*/
.heArticleHeading {
    font-size: 18pt;
    color: #0094d3;
    font-family: "Arial", Gadget, sans-serif;
    line-height: 18pt;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

/* 
Title: HE Article Table Element Style
Style Element Name: HE Article Table Element Style
Style Element Class: heTableElementStyle
*/
.heTableElementStyle {
    margin-bottom: 1em;
    margin-top: 1em;
    border: 1px solid #999999;
}

    .heTableElementStyle tr td {
        margin: 0px;
        border: 1px solid #999999;
        vertical-align: top;
        display: table-cell;
        width: 50%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .heTableElementStyle tr th {
        margin: 0px;
        border: 1px solid #999999;
        vertical-align: top;
        display: table-cell;
        width: 50%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        text-align: left;
    }

        .heTableElementStyle tr th p {
            padding-top: 5px;
            padding-bottom: 0px;
            margin: 0px;
        }

    .heTableElementStyle tr td p {
        padding-top: 5px;
        padding-bottom: 0px;
        margin: 0px;
    }




/********************************************************************************************************** 
End Heath Education for inside skyscaper 
***********************************************************************************************************/

/**********************************************************************************************************
  Start Slide JS CSS
***********************************************************************************************************/



#TTSlideOuterContainerOne {
    padding: 0px;
    margin: -4px;
    position: relative; /*position:relative;*/
}

#TTSlideOuterContainerTwo {
    height: 350px;
    position: relative;
}

#TTSlideOuterContainerThree {
    top: 15px;
    left: 4px;
}

#TTRibbon {
    top: -3px;
    left: -15px;
}

#TTFrame {
    height: 341px;
    top: -3px;
    left: -80px;
}

/*
	Slideshow
*/



/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.TTSlideListContainer {
    overflow: hidden;
    position: relative;
    display: none;
    border: 1px solid #999999;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block

*/


.TTSlide {
    height: 290px;
    display: block;
    border: 5px solid #ffffff;
}




#TTSlideOuterContainerThree .next, #TTSlideOuterContainerThree .prev {
    top: 120px;
    left: 10px;
    height: 43px;
    display: block;
}

#TTSlideOuterContainerThree .next {
    left: 585px;
}

/* -- AB added -- */
/* If you hover the main wrapper, .next and .prev should be visible */

#TTSlideOuterContainerThree:hover .next, #TTSlideOuterContainerThree:hover .prev {
    visibility: visible;
}

/* Default opacity for .next and .prev is zero */
.next {
    visibility: hidden;
}

.prev {
    visibility: hidden;
}

/* -- AB end added -- */


.TTSliderContainer {
    border: 1px solid #999999;
    height: 320px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.TTSliderPlacer {
    border: 3px solid #ffffff;
    height: 314px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.TTSlideCaptionHeadline {
    font-size: 24px;
    color: #ffffff;
    line-height: 24px;
    margin: 0px;
    padding: 3px;
}

.TTSlideCaptionSubtext {
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    margin: 0px;
    padding: 3px;
}



/*
	Caption
*/

.TTSlideCaption {
    bottom: -35px;
    left: 0;
    height: 60px;
    padding: 5px 20px 0 20px;
    background: #00365b;
    opacity: 0.9;
    color: #ffffff;
    text-shadow: none;
}

    .TTSlideCaption[title="MediCal"] {
        background: #0087c7;
    }

    .TTSlideCaption[title="OneCare"] {
        background: #008579;
    }

    .TTSlideCaption[title="HealthyFamilies"] {
        background: #289728;
    }

    .TTSlideCaption[title="PACE"] {
        background: #6633ff;
    }

    .TTSlideCaption[title="OneCarePlus"] {
        background: #cccccc;
    }

    .TTSlideCaption[title="MasterBlue"] {
        background: #00365b;
    }

    .TTSlideCaption[title="MasterBurgundy"] {
        background: #7d2350;
    }

a.TTSlideCaption:link, a.TTSlideCaption:visited {
    color: #599100;
    text-decoration: none;
    border: 0px;
}

a.TTSlideCaption:hover, a.TTSlideCaption:active {
    color: #599100;
    text-decoration: none;
    border: 0px;
}

/*
	Pagination
*/

.TTPagination {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: -2px;
    padding: 0px;
}

    .TTPagination li {
        float: left;
        margin: 0 1px;
        list-style: none;
    }

        .TTPagination li a {
            display: block;
            width: 12px;
            height: 0;
            padding-top: 12px;
            background-image: url(/css/images/global/pagination.png);
            background-position: 0 0;
            float: left;
            overflow: hidden;
        }

        .TTPagination li.current a {
            background-position: 0 -12px;
        }



/**********************************************************************************************************
   End Slide JS CSS
***********************************************************************************************************/


/**********************************************************************************************************
  Start TT 2012 Change
***********************************************************************************************************/


#TTMainContentWrapper {
    margin: 0px 0px 0px 80px;
}

/* THESE STYLES CONTROL THE NEWS AND QUICK LINKS AREAS OF THE PAGE */

/* This is the overall box with a gray gradient and thin charcoal border. */
#TTPromoContainer {
    background-image: url(/css/images/global/TTPromoBackground.jpg);
    border: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

/* This is the container box for the News from CalOptima column. */
#TTPromoContentLeft {
    float: left;
    margin: 0px;
    padding: 15px 20px 20px 20px;
    background-image: url(/css/images/global/PromoDividerVertical.png);
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: top;
}

/* This is the container box for the Quick Links column. */
#TTPromoContentRight {
    float: right;
    margin: 0px;
    padding: 15px 20px 20px 20px;
}

/* This is the spacer div that clears the float so that the TTPromoContainer extends to the full height of TTPromoContentLeft and TTPromoContentRight */
.TTPromoSpacer {
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

/* This is the large header with the arrow at left that tops both columns */
.TTPromoHeader {
    font-size: 18pt;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
    line-height: 20pt;
    vertical-align: middle;
    padding: 0px 0px 15px 15px;
    margin: 0px;
    background-image: url(/css/images/global/PromoArrowGray.png);
    background-repeat: no-repeat;
    background-position: left 8px;
}

/* This is the paragraph style for the blue news item headlines in the News From CalOptima column. */
.TTNewsHeadline {
    font-weight: bold;
    color: #003366;
    text-decoration: none;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

/* This is the paragraph style for the black italicized text that serves as the description for each news item */
.TTNewsDescription {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-style: italic;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

/*This is the paragraph style for the light gray date text that sits below the description for each news item. */
.TTNewsDate {
    font-weight: normal;
    color: #999999;
    text-decoration: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

/* These styles control the link look and behavior for News From CalOptima items. */
.TTNewsHeadlineLinkList {
    list-style-type: none;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.TTNewsHeadlineLinkListItem {
    float: left;
    margin: 0px;
    padding: 0px;
}

.TTNewsHeadlineLink:link {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #003366;
}

.TTNewsHeadlineLink:visited {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #003366;
}

.TTNewsHeadlineLink:hover {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #666666;
}

.TTNewsHeadlineLink:active {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #003366;
}

/* These styles control the link look and behavior for Quick Links link list items. */
.TTQuickLinksList {
    margin: 0px;
    padding: 0px 0px 15px 25px;
}

.TTQuickLinksListItem {
    list-style-type: square;
}

.TTQuickLinksListLink:link {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #000000;
}

.TTQuickLinksListLink:visited {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #000000;
}

.TTQuickLinksListLink:hover {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #666666;
}

.TTQuickLinksListLink:active {
    text-decoration: none;
    vertical-align: top;
    display: block;
    color: #000000;
}

/* THESE STYLES CONTROL THE LOOK AND BEHAVIOR OF THE TOP MENU */

.TTMenuContainer {
    background-image: url(/css/images/global/TTHomeMenuBackground.png);
    border: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.TTMenuList {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.TTMenuListItem {
    display: inline;
}

    .TTMenuListItem a:link, .TTMenuListItem a:visited, .TTMenuListItem a:active {
        display: block;
        text-align: center;
        text-decoration: none;
        float: left;
        height: 45px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px; /* font-weight: bold; */
        line-height: 45px;
        color: #003366;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(/css/images/global/MenuDividerVertical.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    .TTMenuListItem a:hover {
        color: #666666;
    }



/* THESE STYLES CONTROL THE LAYOUT AND BEHAVIOR OF LEVEL TWO PAGE ITEMS, SPECIFICALLY THE PLACEMENT OF THE VERITCAL PROGRAM MENU AND THE ROLLOVER IMAGES AND CAPTIONS THAT APPEAR TO THE LEFT OF THE VERTICAL PROGRAM MENU. */

#TTVertMenuContainer {
    height: 285px;
    overflow: visible;
    padding: 0px;
    margin: 0px;
}

/* These styles define the div ID's for the images that get swapped when the mouse rolls over items in the vertical menu.  Each rollover must have a unique corresponding div, with a unique div ID. */

#TTVertImageContainerA {
    float: left;
    border: 1px solid #999999;
    height: 260px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

#TTVertImageContainerB {
    visibility: hidden;
    float: left;
    border: 1px solid #999999;
    height: 260px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

#TTVertImageContainerC {
    visibility: hidden;
    float: left;
    border: 1px solid #999999;
    height: 260px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

#TTVertImageContainerD {
    visibility: hidden;
    float: left;
    border: 1px solid #999999;
    height: 260px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

#TTVertImageContainerE {
    visibility: hidden;
    float: left;
    border: 1px solid #999999;
    height: 260px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

/* This style defines the that containes the image within TTVertImageContainerA-E */
.TTVertImagePlacer {
    border: 5px solid #ffffff;
    height: 250px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

/* This style stets the position properties for the image in TTVertImageContainerA-E and is applied as a class to the img tag itself. */
.TTVertImagePosition {
    position: relative;
    left: 0px;
    top: 0px;
    height: 250px;
    overflow: hidden;
}

/* These styles define the transluscent gray box behind the caption. One corresponds to each vertical menu item. */
.TTVertImageCaptionWidthLimiter {
    position: relative;
    display: inline;
    float: left;
    margin: 0px;
    left: 5px;
    top: -90px;
}

.TTVertImageCaption {
    background: #00365b;
    border: 0px solid #999999;
    position: relative;
    display: inline;
    float: left;
    margin: 0px;
    padding: 3px 10px 3px 10px;
    opacity: 0.9;
}

    .TTVertImageCaption[title="MediCal"] {
        background: #0087c7;
    }

    .TTVertImageCaption[title="OneCare"] {
        background: #008579;
    }

    .TTVertImageCaption[title="HealthyFamilies"] {
        background: #289728;
    }

    .TTVertImageCaption[title="PACE"] {
        background: #6633ff;
    }

    .TTVertImageCaption[title="OneCarePlus"] {
        background: #cccccc;
    }

    .TTVertImageCaption[title="MasterBlue"] {
        background: #00365b;
    }

    .TTVertImageCaption[title="MasterBurgundy"] {
        background: #7d2350;
    }

.TTVertDisplayHeadingText {
    font-size: 24px;
    color: #ffffff;
    line-height: 24px;
    margin: 0px;
    padding: 3px;
}

.TTVertDisplayText {
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    margin: 0px;
    padding: 3px;
}

p.TTVertDisplayText a:link, p.TTVertDisplayText a:visited, p.TTVertDisplayText a:active, p.TTVertDisplayText a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin: 0px 10px 0px 0px;
}

p.TTVertDisplayHeadingText a:link, p.TTVertDisplayHeadingText a:visited, p.TTVertDisplayHeadingText a:active, p.TTVertDisplayHeadingText a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin: 0px 10px 0px 0px;
}

.TTVertListContainer {
    float: right;
    background-image: url(/css/images/global/TTHomeMenuBackground.png);
    border: 1px solid #999999;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.TTVertMenuList {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* TT Vert Menu List Items 
One set each for three up, four up, five up 
There is an additional style for three up bottom
*/


.TTVertMenuListThreeItem {
    list-style-type: none;
}

    .TTVertMenuListThreeItem a:link, .TTVertMenuListThreeItem a:visited, .TTVertMenuListThreeItem a:active {
        display: block;
        text-align: center;
        text-decoration: none;
        float: left;
        height: 87px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 87px;
        color: #0087c7;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(/css/images/global/MenuDividerHorizontal.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        font-weight: bold;
    }

    .TTVertMenuListThreeItem[title="MediCal"] a:link, .TTVertMenuListThreeItem[title="MediCal"] a:visited, .TTVertMenuListThreeItem[title="MediCal"] a:active {
        color: #0087c7;
    }

    .TTVertMenuListThreeItem[title="OneCare"] a:link, .TTVertMenuListThreeItem[title="OneCare"] a:visited, .TTVertMenuListThreeItem[title="OneCare"] a:active {
        color: #008579;
    }

    .TTVertMenuListThreeItem[title="HealthyFamilies"] a:link, .TTVertMenuListThreeItem[title="HealthyFamilies"] a:visited, .TTVertMenuListThreeItem[title="HealthyFamilies"] a:active {
        color: #289728;
    }

    .TTVertMenuListThreeItem[title="PACE"] a:link, .TTVertMenuListThreeItem[title="PACE"] a:visited, .TTVertMenuListThreeItem[title="PACE"] a:active {
        color: #6633ff;
    }

    .TTVertMenuListThreeItem[title="OneCarePlus"] a:link, .TTVertMenuListThreeItem[title="OneCarePlus"] a:visited, .TTVertMenuListThreeItem[title="OneCarePlus"] a:active {
        color: #cccccc;
    }

    .TTVertMenuListThreeItem[title="MasterBlue"] a:link, .TTVertMenuListThreeItem[title="MasterBlue"] a:visited, .TTVertMenuListThreeItem[title="MasterBlue"] a:active {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="MasterBurgundy"] a:link, .TTVertMenuListThreeItem[title="MasterBurgundy"] a:visited, .TTVertMenuListThreeItem[title="MasterBurgundy"] a:active {
        color: #7d2350;
    }

    .TTVertMenuListThreeItem[title="MediCal"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="OneCare"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="HealthyFamilies"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="PACE"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="OneCarePlus"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeItem[title="MasterBlue"] a:hover {
        color: #cccccc;
    }

    .TTVertMenuListThreeItem[title="MasterBurgundy"] a:hover {
        color: #00365b;
    }



.TTVertMenuListThreeBottomItem {
    list-style-type: none;
}

    .TTVertMenuListThreeBottomItem a:link, .TTVertMenuListThreeBottomItem a:visited, .TTVertMenuListThreeBottomItem a:active {
        display: block;
        text-align: center;
        text-decoration: none;
        float: left;
        height: 86px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 86px;
        color: #0087c7;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(/css/images/global/MenuDividerHorizontal.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        font-weight: bold;
    }

    .TTVertMenuListThreeBottomItem[title="MediCal"] a:link, .TTVertMenuListThreeBottomItem[title="MediCal"] a:visited, .TTVertMenuListThreeBottomItem[title="MediCal"] a:active {
        color: #0087c7;
    }

    .TTVertMenuListThreeBottomItem[title="OneCare"] a:link, .TTVertMenuListThreeBottomItem[title="OneCare"] a:visited, .TTVertMenuListThreeBottomItem[title="OneCare"] a:active {
        color: #008579;
    }

    .TTVertMenuListThreeBottomItem[title="HealthyFamilies"] a:link, .TTVertMenuListThreeBottomItem[title="HealthyFamilies"] a:visited, .TTVertMenuListThreeBottomItem[title="HealthyFamilies"] a:active {
        color: #289728;
    }

    .TTVertMenuListThreeBottomItem[title="PACE"] a:link, .TTVertMenuListThreeBottomItem[title="PACE"] a:visited, .TTVertMenuListThreeBottomItem[title="PACE"] a:active {
        color: #6633ff;
    }

    .TTVertMenuListThreeBottomItem[title="OneCarePlus"] a:link, .TTVertMenuListThreeBottomItem[title="OneCarePlus"] a:visited, .TTVertMenuListThreeBottomItem[title="OneCarePlus"] a:active {
        color: #cccccc;
    }

    .TTVertMenuListThreeBottomItem[title="MasterBlue"] a:link, .TTVertMenuListThreeBottomItem[title="MasterBlue"] a:visited, .TTVertMenuListThreeBottomItem[title="MasterBlue"] a:active {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="MasterBurgundy"] a:link, .TTVertMenuListThreeBottomItem[title="MasterBurgundy"] a:visited, .TTVertMenuListThreeBottomItem[title="MasterBurgundy"] a:active {
        color: #7d2350;
    }

    .TTVertMenuListThreeBottomItem[title="MediCal"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="OneCare"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="HealthyFamilies"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="PACE"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="OneCarePlus"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListThreeBottomItem[title="MasterBlue"] a:hover {
        color: #cccccc;
    }

    .TTVertMenuListThreeBottomItem[title="MasterBurgundy"] a:hover {
        color: #00365b;
    }





.TTVertMenuListFourItem {
    list-style-type: none;
}

    .TTVertMenuListFourItem a:link, .TTVertMenuListFourItem a:visited, .TTVertMenuListFourItem a:active {
        display: block;
        text-align: center;
        text-decoration: none;
        float: left;
        height: 65px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 65px;
        color: #0087c7;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(/css/images/global/MenuDividerHorizontal.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        font-weight: bold;
    }

    .TTVertMenuListFourItem[title="MediCal"] a:link, .TTVertMenuListFourItem[title="MediCal"] a:visited, .TTVertMenuListFourItem[title="MediCal"] a:active {
        color: #0087c7;
    }

    .TTVertMenuListFourItem[title="OneCare"] a:link, .TTVertMenuListFourItem[title="OneCare"] a:visited, .TTVertMenuListFourItem[title="OneCare"] a:active {
        color: #008579;
    }

    .TTVertMenuListFourItem[title="HealthyFamilies"] a:link, .TTVertMenuListFourItem[title="HealthyFamilies"] a:visited, .TTVertMenuListFourItem[title="HealthyFamilies"] a:active {
        color: #289728;
    }

    .TTVertMenuListFourItem[title="PACE"] a:link, .TTVertMenuListFourItem[title="PACE"] a:visited, .TTVertMenuListFourItem[title="PACE"] a:active {
        color: #6633ff;
    }

    .TTVertMenuListFourItem[title="OneCarePlus"] a:link, .TTVertMenuListFourItem[title="OneCarePlus"] a:visited, .TTVertMenuListFourItem[title="OneCarePlus"] a:active {
        color: #cccccc;
    }

    .TTVertMenuListFourItem[title="MasterBlue"] a:link, .TTVertMenuListFourItem[title="MasterBlue"] a:visited, .TTVertMenuListFourItem[title="MasterBlue"] a:active {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="MasterBurgundy"] a:link, .TTVertMenuListFourItem[title="MasterBurgundy"] a:visited, .TTVertMenuListFourItem[title="MasterBurgundy"] a:active {
        color: #7d2350;
    }

    .TTVertMenuListFourItem[title="MediCal"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="OneCare"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="HealthyFamilies"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="PACE"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="OneCarePlus"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFourItem[title="MasterBlue"] a:hover {
        color: #cccccc;
    }

    .TTVertMenuListFourItem[title="MasterBurgundy"] a:hover {
        color: #00365b;
    }



.TTVertMenuListFiveItem {
    list-style-type: none;
}

    .TTVertMenuListFiveItem a:link, .TTVertMenuListFiveItem a:visited, .TTVertMenuListFiveItem a:active {
        display: block;
        text-align: center;
        text-decoration: none;
        float: left;
        height: 52px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 52px;
        color: #0087c7;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(/css/images/global/MenuDividerHorizontal.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        font-weight: bold;
    }

    .TTVertMenuListFiveItem[title="MediCal"] a:link, .TTVertMenuListFiveItem[title="MediCal"] a:visited, .TTVertMenuListFiveItem[title="MediCal"] a:active {
        color: #0087c7;
    }

    .TTVertMenuListFiveItem[title="OneCare"] a:link, .TTVertMenuListFiveItem[title="OneCare"] a:visited, .TTVertMenuListFiveItem[title="OneCare"] a:active {
        color: #008579;
    }

    .TTVertMenuListFiveItem[title="HealthyFamilies"] a:link, .TTVertMenuListFiveItem[title="HealthyFamilies"] a:visited, .TTVertMenuListFiveItem[title="HealthyFamilies"] a:active {
        color: #289728;
    }

    .TTVertMenuListFiveItem[title="PACE"] a:link, .TTVertMenuListFiveItem[title="PACE"] a:visited, .TTVertMenuListFiveItem[title="PACE"] a:active {
        color: #6633ff;
    }

    .TTVertMenuListFiveItem[title="OneCarePlus"] a:link, .TTVertMenuListFiveItem[title="OneCarePlus"] a:visited, .TTVertMenuListFiveItem[title="OneCarePlus"] a:active {
        color: #cccccc;
    }

    .TTVertMenuListFiveItem[title="MasterBlue"] a:link, .TTVertMenuListFiveItem[title="MasterBlue"] a:visited, .TTVertMenuListFiveItem[title="MasterBlue"] a:active {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="MasterBurgundy"] a:link, .TTVertMenuListFiveItem[title="MasterBurgundy"] a:visited, .TTVertMenuListFiveItem[title="MasterBurgundy"] a:active {
        color: #7d2350;
    }

    .TTVertMenuListFiveItem[title="MediCal"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="OneCare"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="HealthyFamilies"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="PACE"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="OneCarePlus"] a:hover {
        color: #00365b;
    }

    .TTVertMenuListFiveItem[title="MasterBlue"] a:hover {
        color: #cccccc;
    }

    .TTVertMenuListFiveItem[title="MasterBurgundy"] a:hover {
        color: #00365b;
    }




/* THESE STYLES CONTROL THE LOOK OF THE SOCIAL MEDIA NAVIGATION */

.TTSocialMediaContainer {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.TTSocialMediaList {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.TTSocialMediaListItem {
    display: inline;
}

.TTSocialMediaListItemRight {
    display: inline;
}

.TTSocialMediaListItem a:link, .TTSocialMediaListItem a:visited, .TTSocialMediaListItem a:active {
    display: block;
    text-align: left;
    text-decoration: none;
    float: left;
    height: 36px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #003366;
    padding: 0px;
    margin: 20px 0px 30px 20px;
    background-image: url(/css/images/global/MenuDividerVertical.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.TTSocialMediaListItemRight a:link, .TTSocialMediaListItemRight a:visited, .TTSocialMediaListItemRight a:active {
    display: block;
    text-align: left;
    text-decoration: none;
    float: left;
    height: 36px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #003366;
    padding: 0px;
    margin: 20px 0px 30px 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
}


.TTSocialMediaListItem a:hover {
    color: #666666;
}

.TTSocialMediaListItemRight a:hover {
    color: #666666;
}

.TTSocialMediaImage {
    float: left;
    border-width: 0px;
    margin: 0px 5px 0px 0px;
}

.TTSocialMediaTitle {
    display: inline-block;
    line-height: 14px;
    padding: 0px;
    margin: 2px 20px 0px 5px;
    font-weight: bold;
}

.TTSocialMediaSubTitle {
    display: inline-block;
    line-height: 14px;
    padding: 0px;
    margin: 2px 10px 2px 5px;
    color: #333333;
}

.TTBodyCopy {
    padding: 0px 2px 20px 2px;
}

.TTFullWidthParagraph {
    padding-top: 0px;
    padding-right: 2px;
    padding-left: 0px;
    padding-bottom: 20px;
}


.TTSidebarOuterContainerOne {
    float: right;
    clear: right;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.TTSidebarOuterContainerTwo {
    padding-left: 3px;
    padding-top: 10px;
}

.TTSidebarOuterContainerThree {
    background-color: #ecdde6;
    border-width: 1px;
    border-style: solid;
    border-color: #ecdde6;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.TTSidebarParagraphText {
    font-size: 11px;
    color: #0c2148;
}

.TTSidebarParagraphTextFarsi {
    font-size: 11px;
    color: #0c2148;
    text-align: right;
}

.TTSidebarParagraphHeading {
    font-size: 14px;
    color: #0c2148;
}

.TTSidebarParagraphHeadingFarsi {
    font-size: 14px;
    color: #0c2148;
    text-align: right;
}

.TTSidebarParagraphAndHeadingRightTextBlockLeftIconColumn {
    width: 55%;
    clear: none;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.TTSidebarParagraphAndHeadingRightTextBlockLargeImageLeftIconColumn {
    width: 100%;
    clear: none;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.TTSidebarParagraphLeftIconImage {
    width: 35%;
    float: left;
    clear: right;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
}




/* ------   End TT 2012 Changes ------------- */


/**********************************************************************************************************
Additions for September 2018 Off Canvas
***********************************************************************************************************/


/* ------  Begin September 2018 Off Canvas  ------------- */


/* Font Sizing */
@media (max-width: 991px) {
    h1, .h1 {
        font-size: 30pt;
        color: #00365b;
    }

    h2, .h2 {
        font-size: 24pt;
        color: #0087c7;
    }

    h3, .h3 {
        font-size: 21pt;
        color: #7d2350;
    }

    h4, .h4 {
        font-size: 18pt;
        color: #333333;
    }

    .xxl {
        font-size: 3.2rem;
        color: #00365b;
        text-align: center;
    }

    .headingTierFourFive {
        font-size: 3.2rem;
        color: #00365b;
        text-align: center;
    }

    .xxl-masthead {
        font-size: 42pt;
        font-weight: lighter;
        text-align: center;
        padding-bottom: 0px;
    }

    .xl {
        font-size: 36pt;
        color: #0087c7;
        text-align: center;
        margin-bottom: 30px;
    }

    .xl-left {
        font-size: 36pt;
        color: #0087c7;
        margin-bottom: 30px;
    }

    .xl-link {
        font-size: 30pt;
        color: #00365b;
        display: block;
    }

    .xl-copy {
        font-size: 14pt;
    }
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 30pt;
        color: #00365b;
    }

    h2, .h2 {
        font-size: 24pt;
        color: #0087c7;
    }

    h3, .h3 {
        font-size: 21pt;
        color: #7d2350;
    }

    h4, .h4 {
        font-size: 18pt;
        color: #333333;
    }

    .xxl {
        font-size: 48pt;
        color: #00365b;
        text-align: center;
    }

    .xxl-masthead {
        font-size: 48pt;
        font-weight: lighter;
        text-align: center;
        padding-bottom: 0px;
    }

    .xl {
        font-size: 36pt;
        color: #0087c7;
        text-align: center;
        margin-bottom: 30px;
    }

    .xl-left {
        font-size: 36pt;
        color: #0087c7;
        margin-bottom: 30px;
    }

    .xl-link {
        font-size: 30pt;
        color: #00365b;
        display: block;
    }

    .xl-copy {
        font-size: 14pt;
    }
}

@media (max-width: 576px) {
    body, p {
        font-size: 12pt;
    }

    h1, .h1 {
        font-size: 32pt;
        color: #00365b;
    }

    h2, .h2 {
        font-size: 28pt;
        color: #0087c7;
    }

    h3, .h3 {
        font-size: 24pt;
        color: #7d2350;
    }

    h4, .h4 {
        font-size: 16pt;
        color: #333333;
    }

    .xxl {
        font-size: 2.8rem;
        color: #00365b;
        text-align: center;
    }

    .headingTierFourFive {
        font-size: 2.8rem;
        color: #00365b;
        text-align: center;
        margin-bottom: 12px;
    }

    .xxl-masthead {
        font-size: 36pt;
        font-weight: lighter;
        text-align: center;
        padding-bottom: 0px;
    }

    .xl {
        font-size: 24pt;
        color: #0087c7;
        text-align: center;
        margin-bottom: 30px;
    }

    .xl-left {
        font-size: 24pt;
        color: #0087c7;
        margin-bottom: 30px;
    }

    .xl-link {
        font-size: 24pt;
        color: #00365b;
        display: block;
    }

    .xl-copy {
        font-size: 12pt;
    }
}
/*
 * Mega Menu
 * --------------------------------------------------
 */
.navbar-custom {
    padding-right: 10px;
}

.navbar-nav .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.95);
    border-top: 0;
}

.navbar-nav {
    padding: 0px;
    margin: 0px;
}

.navbar-light {
    color: #ffffff;
    background-color: #ccc6c6;
    border-color: #aca1a2;
}

    .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
    }

        .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
            color: #dadada;
        }

        .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
            color: #ffffff;
        }

    .navbar-light .navbar-nav > li > a {
        color: #ffffff;
    }

    .navbar-light .navbar-nav > .dropdown > a .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-light .navbar-brand {
        color: #ffffff;
    }

.navbar-mega .nav-link {
    color: #ffffff;
    padding-right: 30px;
}

.menu-large {
    position: static;
}

.topnav-top {
    margin-top: 27px;
}

.dropdown-item a {
    color: #333333;
}

.megamenu {
    padding: 20px 20px;
    width: 100%;
    margin: 0;
}

    .megamenu > div > li > ul {
        padding: 0;
        margin: 0;
    }

        .megamenu > div > li > ul > li {
            list-style: none;
        }

    .megamenu .card {
        outline: none;
    }

        .megamenu .card:hover, .megamenu .card:focus {
            outline: 1px solid #000000;
        }

    .megamenu > div > li > ul > li > a {
        display: block;
        padding: 3px 0;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: normal;
    }

        .megamenu > div > li > ul > li > a:hover, .megamenu > div > li > ul > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus {
        color: #999999;
    }

        .megamenu.disabled > a:hover, .megamenu.disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed;
        }

    .megamenu .dropdown-header {
        padding: 0 0 10px 0;
        font-size: 14pt;
    }

        .megamenu .dropdown-header a {
            text-decoration: none;
        }

    .megamenu .dropdown-item > ul {
        list-style-type: none;
    }

.navtext {
    padding: 20px 0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent !important;
}

.mmchild {
    text-decoration: none;
    cursor: default;
}

a.mmchild, a.mmchild:hover, a.mmchild:visited, a.mmchild:active {
    text-decoration: none;
}

.megaspacer {
    margin-bottom: 24px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        color: #ffffff;
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (max-width: 991px) {
    .navbar p {
        width: 85%;
    }

    .navbar-light .navbar-brand {
        max-width: 200px;
    }

    .col-md-3 {
        max-width: 100%;
    }

    .navbar-mega {
        margin-top: 20px;
    }

        .navbar-mega .nav-link {
            color: #00365b;
        }

    .navbar-light .navbar-nav .nav-link {
        color: #00365b;
    }

        .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
            color: #5b5b5b;
        }

        .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
            color: #00365b;
        }

    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }

        .megamenu > li {
            margin-bottom: 30px;
        }

            .megamenu > li:last-child {
                margin-bottom: 0;
            }

        .megamenu .dropdown-header {
            font-size: 1rem;
        }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #ffffff;
    }

    .dropdown-header {
        min-width: 120px;
    }

    .megaspacer {
        margin-bottom: 0;
    }
}

.dropdown-item {
    white-space: normal;
}

.navbar-light .navbar-toggler {
    background-color: rgba(248, 248, 248, 0.5);
}

@media (max-width: 991px) {
    .md-drop-list {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar p {
        width: 94%;
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0;
    }
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 991px) {
    .offcanvas {
        position: relative;
        min-height: 100%;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .offcanvas-right {
        right: 0;
    }

        .offcanvas-right.active {
            right: 300px;
        }

        .offcanvas-right .sidebar-offcanvas {
            right: -100%;
            -webkit-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
        }

        .offcanvas-right.active .sidebar-offcanvas {
            right: 0;
            border-left: 1px solid #e7e7e7;
        }

    .sidebar-offcanvas {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 300px;
        padding: 60px 15px 15px;
        background-color: #f8f8f8;
        border-radius: 0;
        overflow-y: auto;
        z-index: 1050;
    }

        .sidebar-offcanvas .dropdown-menu {
            border: medium none;
            background: none;
            border-radius: 0;
            box-shadow: none;
            float: none;
            margin: 0;
            padding-top: 0;
            position: static;
        }

    .navbar-toggler {
        z-index: 1060;
    }
}
/*
 * Transparent Sticky Nav
 * --------------------------------------------------
 */

.navbar {
    background-color: rgba(34, 69, 97, 0.8);
    border: none;
    color: white;
    z-index: 30;
    transition: background-color 1s ease 0s;
}
    /* Solid class attached on scroll past first section */
    .navbar.solid {
        background-color: rgba(34, 69, 97, 0.7);
        transition: background-color 1s ease 0s;
        box-shadow: 0 0 4px grey;
    }

        .navbar.solid .navbar-brand {
            transition: color 1s ease 0s;
        }

        .navbar.solid .navbar-nav > li > a {
            opacity: 1;
            filter: alpha(opacity=100); /* For IE8 and earlier */
            transition: color 1s ease 0s;
        }
/*
 * Alerts
 * --------------------------------------------------
 */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: rgba(70, 148, 8, 0.08);
    border-color: #d6e9c6;
    color: #469408;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    background-color: rgba(0, 135, 199, 0.08);
    border-color: #bce8f1;
    color: #0087c7;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    background-color: rgba(217, 131, 31, 0.08);
    border-color: #fbeed5;
    color: #d9831f;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.text-warning {
    color: #d9831f !important;
}

.alert-danger {
    background-color: rgba(179, 0, 0, 0.08);
    border-color: #eed3d7;
    color: #b30000;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

.alert-error {
    background-color: rgba(179, 0, 0, 0.08);
    border-color: #eed3d7;
    color: #b30000;
}

    .alert-error hr {
        border-top-color: #e6c1c7;
    }

    .alert-error .alert-link {
        color: #953b39;
    }

.livestream {
    margin-top: 30px;
}

.livestreamlink {
    font-weight: bold;
    color: red;
}
/*
 * Breadcrumb
 * --------------------------------------------------
 */

.breadcrumb {
    background-color: transparent;
    padding: 2px 0;
    color: #6c757d;
    font-size: 12pt;
}

.breadcrumb-item, .breadcrumb-item.active {
}

    .breadcrumb-item + .breadcrumb-item::before {
        content: "";
        padding: 0px;
    }
/*
 * Buttons
 * --------------------------------------------------
 */
.btn-primary {
    color: #ffffff;
    background: #00365b; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#49708f 2%, #00365b); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#49708f 2%, #00365b); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#49708f 2%, #00365b); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#49708f 2%, #00365b); /* Standard syntax (must be last) */
    border-color: #00365b;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        opacity: 0.65;
        filter: alpha(opacity=65); /* For IE8 and earlier */
    }

    .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #aeaeae;
        background: -webkit-radial-gradient(#aeaeae 2%, #aeaeae); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#aeaeae 2%, #aeaeae); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#aeaeae 2%, #aeaeae); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#aeaeae 2%, #aeaeae); /* Standard syntax (must be last) */
        border-color: #aeaeae;
    }

    .btn-primary .badge {
        color: #00365b;
        background-color: #ffffff;
    }

.btn-secondary {
    color: #ffffff;
    background: #0087c7; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#5fa6d1 2%, #0087c7); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5fa6d1 2%, #0087c7); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5fa6d1 2%, #0087c7); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5fa6d1 2%, #0087c7); /* Standard syntax (must be last) */
    border-color: #0087c7;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
        opacity: 0.65;
        filter: alpha(opacity=65); /* For IE8 and earlier */
    }

    .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
        background-image: none;
    }

    .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active {
        background-color: #aeaeae;
        background: -webkit-radial-gradient(#aeaeae 2%, #aeaeae); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#aeaeae 2%, #aeaeae); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#aeaeae 2%, #aeaeae); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#aeaeae 2%, #aeaeae); /* Standard syntax (must be last) */
        border-color: #aeaeae;
    }

    .btn-secondary .badge {
        color: #0087c7;
        background-color: #ffffff;
    }

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-info {
    color: #fff;
    background-color: #0087c7;
    border-color: #0087c7;
}

    .btn-info:hover {
        color: #fff;
        background-color: #0271a6;
        border-color: #0271a6;
    }

.btn-outline-info {
    color: #0087c7;
    border-color: #0087c7;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #0087c7;
        border-color: #0087c7;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        color: #fff;
        background-color: #0087c7;
        border-color: #0087c7;
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #0087c7;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #0087c7;
        border-color: #0087c7;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-outline-search {
    color: #0087c7;
    background-color: transparent;
    background-image: none;
    border-color: #0087c7;
    margin: 0 10px;
}

    .btn-outline-search:hover {
        color: #ffffff;
        background-color: #0087c7;
        border-color: #0087c7;
    }

    .btn-outline-search:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

.btn-onlinetools {
    padding: 30px;
}

.btn-search {
    padding: 20px 0;
    font-size: 18pt;
}

.btn-dashboard {
    color: #ffffff;
    background: #0087c7; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#5fa6d1 2%, #0087c7); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5fa6d1 2%, #0087c7); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5fa6d1 2%, #0087c7); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5fa6d1 2%, #0087c7); /* Standard syntax (must be last) */
    border-color: #0087c7;
    border-radius: 0;
    padding: 30px 10px;
}

    .btn-dashboard:hover, .btn-dashboard:focus, .btn-dashboard:active, .btn-dashboard.active, .open .dropdown-toggle.btn-dashboard {
        color: #ffffff;
        background: #7fc3e3;
        background: -webkit-radial-gradient(#7fc3e3, #7fc3e3); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#7fc3e3, #7fc3e3); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#7fc3e3, #7fc3e3); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#7fc3e3, #7fc3e3); /* Standard syntax (must be last) */
        border-color: #7fc3e3;
    }

    .btn-dashboard:active, .btn-dashboard.active, .open .dropdown-toggle.btn-dashboard {
        background: #0087c7;
        background-image: none;
    }

.btn-lvlfour {
    color: #ffffff;
    font-size: 12pt;
    background: #0087c7; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#5fa6d1 2%, #0087c7); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5fa6d1 2%, #0087c7); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5fa6d1 2%, #0087c7); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5fa6d1 2%, #0087c7); /* Standard syntax (must be last) */
    border-color: #0087c7;
    border-radius: 0;
    padding: 10px 10px;
}

    .btn-lvlfour:hover, .btn-lvlfour:focus, .btn-lvlfour:active, .btn-lvlfour.active, .open .dropdown-toggle.btn-lvlfour {
        color: #ffffff;
        background: #7fc3e3;
        background: -webkit-radial-gradient(#7fc3e3, #7fc3e3); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#7fc3e3, #7fc3e3); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#7fc3e3, #7fc3e3); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#7fc3e3, #7fc3e3); /* Standard syntax (must be last) */
        border-color: #7fc3e3;
    }

    .btn-lvlfour:active, .btn-lvlfour.active, .open .dropdown-toggle.btn-lvlfour {
        background: #0087c7;
        background-image: none;
    }

.btn-lvlfourmcal {
    color: #ffffff;
    background: #00365b; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#49708f 2%, #00365b); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#49708f 2%, #00365b); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#49708f 2%, #00365b); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#49708f 2%, #00365b); /* Standard syntax (must be last) */
    border-color: #00365b;
    border-radius: 0;
    padding: 10px 10px;
}

    .btn-lvlfourmcal:hover, .btn-lvlfourmcal:focus, .btn-lvlfourmcal:active, .btn-lvlfourmcal.active, .open .dropdown-toggle.btn-lvlfourmcal {
        color: #ffffff;
        background: #0087c7;
        background: -webkit-radial-gradient(#0087c7, #0087c7); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#0087c7, #0087c7); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#0087c7, #0087c7); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#0087c7, #0087c7); /* Standard syntax (must be last) */
        border-color: #0087c7;
    }

    .btn-lvlfourmcal:active, .btn-lvlfourmcal.active, .open .dropdown-toggle.btn-lvlfourmcal {
        background: #0087c7;
        background-image: none;
    }
/* Carousel
---------------------------------------------------------------------------- */

.carousel-caption {
    position: absolute;
    left: 60%;
    top: 35%;
    right: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: left;
}

    .carousel-caption h2, .carousel-caption h3 {
        color: #ffffff;
        font-size: 30pt;
        text-shadow: 2px 2px 7px #333333;
    }

    .carousel-caption p {
        /*color: #7D2350;*/
        font-size: 25px;
    }

    .carousel-caption a {
        text-decoration: none;
    }

@media (max-width: 991px) {
    .carousel-caption {
        position: absolute;
        left: 60%;
        top: 25%;
        right: 10%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #ffffff;
        text-align: left;
    }

        .carousel-caption h2, .carousel-caption h3 {
            color: #ffffff;
            font-size: 21pt;
            text-shadow: 2px 2px 7px #333333;
        }
}

@media (max-width: 575.98px) {
    .carousel-caption {
        position: absolute;
        left: 50%;
        top: 0;
        right: 10%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #ffffff;
        text-align: left;
    }

        .carousel-caption h2, .carousel-caption h3 {
            color: #ffffff;
            font-size: 12pt;
            text-shadow: 2px 2px 7px #333333;
        }
}
/*
 * Full Width Hero Carousel
 * --------------------------------------------------
 */
.hero-section {
    height: 100%;
    position: relative;
}

.hero-content {
    position: absolute;
    width: calc(100% - 210px);
    height: 100%;
    margin-left: 105px;
    display: table;
    text-align: center;
    z-index: 5;
}

    .hero-content .hero-center {
        display: table-cell;
        vertical-align: middle;
    }

    .hero-content p {
        font-size: 24px;
        color: #0b1033;
        margin-bottom: 0;
        margin-top: 35px;
    }

.hero-carousel {
    display: block;
    margin-top: -25px;
    max-height: 680px;
}

.carousel-item {
    max-height: 570px;
}

    .carousel-item .img-fluid {
        width: 100%;
        height: 100%;
    }

@media (max-width: 991px) {
    .hero-section {
        padding-top: 102px;
    }

    .carousel-item {
        max-height: 300px;
    }
}

@media (max-width: 575.98px) {
    .hero-section {
        padding-top: 102px;
    }

    .carousel-item {
        max-height: 200px;
    }
}


/*
 * Three Category Section
 * --------------------------------------------------
 */
.category-section {
    background: #dadada;
    position: relative;
}
/*Card Section*/
.card-section {
    position: relative;
    padding-bottom: 130px;
}

.category-card {
    position: relative;
    margin-top: -70px;
    /*padding: 30px 25px;*/
    text-align: center;
    background: #f5faf8;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

    .category-card .icon, .category-card .icon a {
        font-size: 70px;
        color: #00365b;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .category-card p {
        color: #6c6e7e;
        text-align: center;
        line-height: 30px;
        padding-bottom: 0;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

.category-card-link {
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 0;
    padding: 40px 25px;
    color: #2b1640;
    background-color: #f5faf8;
    display: block;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

    .category-card-link:hover {
        background: #007db8;
        color: #ffffff;
    }

    .category-card-link:hover, .category-card p:hover, .category-card .icon:hover, .category-card .icon a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.category-card-icon {
    font-size: 72pt !important;
    line-height: 1.1 !important;
}

@media (max-width: 991px) {
    .card-section {
        position: relative;
        padding-bottom: 100px;
    }

    .category-card {
        position: relative;
        margin-top: -30px;
        padding: 30px 25px;
        text-align: center;
        background: #f5faf8;
        -webkit-box-shadow: 0 0 8px rgba(74, 74, 74, 0.1);
        box-shadow: 0 0 8px rgba(74, 74, 74, 0.1);
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

        .category-card .icon {
            font-size: 60px;
            color: #00365b;
            -webkit-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
        }

    .category-card-link {
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 0px;
        padding: 0px 15px;
        color: #2b1640;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
}

@media (max-width: 575.98px) {
    .card-section {
        position: relative;
        padding-bottom: 90px;
    }

    .category-card {
        position: relative;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0px;
        text-align: center;
        background: #f5faf8;
        -webkit-box-shadow: 0 0 8px rgba(74, 74, 74, 0.1);
        box-shadow: 0 0 8px rgba(74, 74, 74, 0.1);
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .category-card-first {
        margin-top: -40px;
    }

    .category-card .icon {
        font-size: 40px;
        color: #00365b;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .category-card-link {
        margin-bottom: 0px;
        padding: 20px 0;
        font-size: 18px;
        display: block;
    }
}
/*
 * Masthead Area
 * --------------------------------------------------
 */
.masthead_area {
    background: url(/~/media/Images/CalOptimaOrg/global/GradientBackground.ashx) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    min-height: 200px;
    margin-top: -75px;
}
/*.masthead_area:before {
  content: "";
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);	
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
}*/

.masthead_text_inner {
    text-align: center;
    position: relative;
    padding-top: 150px;
}

    .masthead_text_inner h4 {
        color: #ffffff;
        font-size: 48px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .masthead_text_inner ul li {
        display: inline-block;
        margin-right: 15px;
    }

        .masthead_text_inner ul li a {
            color: #ffffff;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .masthead_text_inner ul li a i {
                position: relative;
                left: -10px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

        .masthead_text_inner ul li:hover a {
            color: #2bc0a4;
        }

    .masthead_text_inner h5 {
        font-size: 18px;
        color: #ffffff;
    }
/*
 * Home Info and Social Media
 * --------------------------------------------------
 */

.media-body {
    padding: 0 20px;
}

.media-heading {
    font-size: 24px;
    color: #7D2350;
}

.homeinfo {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 0;
    font-size: 12pt;
}

    .homeinfo ul {
        list-style-type: none;
        margin-left: 0;
        padding: 0;
    }

@media (max-width: 991px) {
    .homeinfo {
        border-top: 1px solid #dadada;
        border-bottom: 0;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 20px 0;
        font-size: 12pt;
    }
}

.homeinfo h3 {
    color: #00365b;
    font-weight: bold;
    margin-top: 5px;
}

.homeinfo h4 {
    color: #71758b;
    margin-bottom: 30px;
}

.homeinfospacer {
    margin-top: 30px;
}

@media (max-width: 1007px) {
    .homeinfospacer-narrow {
        margin-top: 30px;
    }
}

.homeinfo .primary {
    color: #00365b;
}

.homeinfo .csaddress {
    color: #00365b;
    font-weight: bold;
    margin-bottom: 0;
}

.social {
    margin: 30px 0 0 0;
    font-size: 12pt;
}

@media (max-width: 991px) {
    .social {
        padding: 0 20px;
    }
}

.social img {
}

.social h4 {
    text-align: center;
}
/*
 * Level Four Page Row
 * --------------------------------------------------
 */

.lvlfour {
    margin-bottom: 50px;
}

.lvlfour-gutter {
    padding: 0 150px;
}

.navbar-lvlfour {
    background-color: transparent;
    border: none;
    color: #00365b;
    margin-bottom: 20px;
}

.nav-lvlfour li {
    margin-right: 12px;
}

    .nav-lvlfour li:last-child {
        margin-right: 0;
    }

@media (max-width: 1200px) {
    .lvlfour-gutter {
        padding: 0px 12px;
    }
}

@media (max-width: 991px) {
    .lvlfour {
        margin-bottom: 20px;
    }

        .lvlfour a {
            margin-bottom: 10px;
        }

    .lvlfour-gutter {
        padding: 0 12px;
    }

    .nav-lvlfour li {
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/*
 * Vertical Divider Columns
 * --------------------------------------------------
 */
.vdcols {
    padding-bottom: 100%;
    margin-bottom: -100%;
    overflow: hidden;
}

@media (max-width: 991px) {
    .vdcol-md-6, .vdcol-md-4, .vdcol-md-3 {
        padding: 20px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
    }

    .hdrow-md-12 {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .hdrow-md-12 {
        padding-bottom: 20px;
        border-bottom: 1px solid #dddddd;
    }

    .vdcol-md-6:first-child, .vdcol-md-4:first-child, .vdcol-md-3:first-child {
        /*padding-left: 40px;*/
        border-bottom: 0px;
    }

    .vdcol-md-6:not(:first-child), .vdcol-md-4:not(:first-child), .vdcol-md-3:not(:first-child) {
        border-left: 1px solid #dddddd;
        border-bottom: 0px;
    }

    .vdcol-md-6:not(:last-child), .vdcol-md-4:not(:last-child), .vdcol-md-3:not(:last-child) {
        border-right: 1px solid #dddddd;
        margin-right: -1px;
        border-bottom: 0px;
    }
}

@media(max-width: 576px) {
    .vdcol-md-6, .vdcol-md-4, .vdcol-md-3 {
        padding: 20px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
    }

    .hdrow-md-12 {
        margin-left: 10px;
        margin-right: 10px;
    }
}
/*
 * Call to Action
 * --------------------------------------------------
 */
.calltoaction {
    position: relative;
    width: auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: -70px;
    margin-bottom: 10px;
}



.cta-contents {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: baseline;
}

.cta-title {
    color: #ffffff;
    font-size: 2.3rem;
    margin: 0 auto 15px;
    padding: 0;
}

.cta-desc {
    padding: 0;
}

    .cta-desc p:last-child {
        margin-bottom: 0;
    }

.cta-button {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

@media (max-width: 600px) {
    .calltoaction > .row {
        display: block;
        width: auto;
    }

        .calltoaction > .row > [class^="col-"], .calltoaction > .row > [class*=" col-"] {
            float: none;
            display: block;
            vertical-align: middle;
            position: relative;
        }

    .cta-contents {
        text-align: center;
    }
}

.calltoaction.calltoaction-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.calltoaction.calltoaction-primary {
    color: #ffffff;
    background-color: #00365b;
    border-color: #00365b;
}

.btn-cta {
    color: #ffffff;
    background: #0087c7; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#5fa6d1 2%, #0087c7); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5fa6d1 2%, #0087c7); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5fa6d1 2%, #0087c7); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5fa6d1 2%, #0087c7); /* Standard syntax (must be last) */
    border-color: #0087c7;
    border-radius: 0;
}

    .btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open .dropdown-toggle.btn-cta {
        color: #ffffff;
        background: #7fc3e3;
        background: -webkit-radial-gradient(#7fc3e3, #7fc3e3); /* Safari 5.1 to 6.0 */
        background: -o-radial-gradient(#7fc3e3, #7fc3e3); /* For Opera 11.6 to 12.0 */
        background: -moz-radial-gradient(#7fc3e3, #7fc3e3); /* For Firefox 3.6 to 15 */
        background: radial-gradient(#7fc3e3, #7fc3e3); /* Standard syntax (must be last) */
        border-color: #7fc3e3;
    }

    .btn-cta:active, .btn-cta.active, .open .dropdown-toggle.btn-cta {
        background: #0087c7;
        background-image: none;
    }
/*
 * Show/Hide Search Area
 * --------------------------------------------------
 */

.search_area {
    position: fixed;
    top: -100px;
    left: 0px;
    width: 100%;
    z-index: 40;
    background: #ffffff;
    padding: 0px 110px;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    .search_area .search_inner {
        position: relative;
    }

        .search_area .search_inner:before {
            content: "";
            height: 34px;
            width: 4px;
            position: absolute;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #00365b;
        }

        .search_area .search_inner input[type=text] {
            border: none;
            border-radius: 0px;
            padding: 0px 32px 0px 10px;
            width: 85%;
            height: 98px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }

        .search_area .search_inner input.placeholder {
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }

        .search_area .search_inner input:-moz-placeholder {
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }

        .search_area .search_inner input::-moz-placeholder {
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }

        .search_area .search_inner input::-webkit-input-placeholder {
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }

        .search_area .search_inner i {
            position: absolute;
            right: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #00365b;
            font-size: 30px;
            cursor: pointer;
        }

    .search_area.open {
        top: 0px;
        border-bottom: 1px solid #c0c0c0;
    }

@media (max-width: 991px) {
    .search_area {
        position: fixed;
        top: -100px;
        left: 0px;
        width: 100%;
        z-index: 40;
        background: #ffffff;
        padding: 0px 30px;
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

        .search_area .search_inner input[type=text] {
            border: none;
            border-radius: 0px;
            padding: 0px 20px;
            width: 65%;
            height: 98px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 36px;
            color: #b5aec4;
            line-height: 98px;
            font-weight: normal;
        }
}
/*
 * Footer
 * --------------------------------------------------
 */

#footer-content {
    text-align: center;
    font-size: 12pt;
    padding: 20px 0;
    background: #f1f1f1;
}

@media only screen and (max-width: 600px) {
    #footer-content .nav-item {
        padding: 0 40px;
    }
}

.footer-copy {
    color: #747474;
    font-size: 11pt;
    padding-top: 12px;
}

.footer-img {
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: 5px;
}

/*
 * Card
 * --------------------------------------------------
 */

.card-title-bold {
    font-weight: bold;
}

.card-img-fix {
    overflow: hidden;
}

.card-noborder {
    border: 0px;
}

/*
 * Application Page CSS
 * --------------------------------------------------
 */

.form-group {
}

.form-check-input {
    position: relative;
    margin-top: 0.3rem;
    margin-left: 0;
}

.form-row-override {
    margin-right: 0;
    margin-left: 0;
}

.providername {
    color: #00365b;
    font-weight: bold;
}

    .providername a {
        color: #00365b;
    }

.providerdetails {
    color: #0087c7;
}

.providerborder, .ccsborder {
    border: 1px solid #dee2e6;
    padding: 10px;
}

.btn-details {
    border: 1px solid #c0c0c0;
    padding: 12px 0;
    margin-bottom: 10px;
}

.btn-makepcp {
    border: 1px solid #ebebeb;
    padding: 10px 20px;
}

.btn-report {
    border: 1px solid #a04141;
    padding: 10px 20px;
}

th {
    text-align: -webkit-center;
}

@media (max-width: 991px) {
    .border {
        margin-bottom: 20px;
    }

    .btn-search {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .btn-block-xs-only {
        display: block;
        width: 100%;
    }
}
/*
 * Pagination
 * --------------------------------------------------
 */

.page-link {
    color: #0087c7;
}

    .page-link:hover {
        color: #00365b;
    }

.page-item.active .page-link {
    background-color: #0087c7;
    border-color: #0087c7;
}

.pagination {
    margin: 0;
}

/*
 * Leadership Page CSS
 * --------------------------------------------------
 */

.card-text-exec {
    color: #0087c7;
    font-size: 12pt;
}

.card-link-exec {
    font-size: 14pt;
}

/*
 * Press Page CSS
 * --------------------------------------------------
 */

.press-link {
    display: block;
    margin-top: -15px;
    margin-bottom: 20px;
}

/* ------   End September 2018 Off Canvas  ------------- */

/*
 * SEARCH FORM FIX
 * --------------------------------------------------
 */

#l03topheader_0_s55topgraybar_0_pnlSearchform {
    width: 100%;
}

#l03topheader_0_s55topgraybar_0_btnSearch {
    position: absolute;
    top: 30%;
}

/*
 * ANCHOR POSITIONING FIX
 * --------------------------------------------------
 */

.anchor:before {
    display: block;
    content: "";
    height: 110px;
    margin: -110px 0 0;
}