/* -------------------------------------------------- *
 
**** STYLE OVERRIDES FOR PREVENTION.VA.GOV PAGES ****
 
Developed December 30, 2015 
Updated January 20, 2016

by Duty First Conulsting 
for NCP 

to support updated NCP branding and website 
content reorganization.
Be sure file paths are set appropriately and relative
to the server's file system 
(e.g. using "/PREVENTION/images"... for image urls)
  
* -------------------------------------------------- */

#tier4innerContent h2,
#innerContent h2 {
    font-weight: bold;
    line-height: 1 !important;
    padding-bottom: 0.75em !important;
    margin-bottom: 0;
}

#tier4innerContent h3,
#innerContent h3 {
    font-weight: bold;
}


#tier4innerContent ul,
#innerContent ul,
#tier4innerContent ol,
#innerContent ol {
    font-size: inherit;
    list-style-position: outside;
}

    #tier4innerContent ul li,
    #innerContent li {
        font-size: inherit;
        list-style-position: outside;
    }

#tier4innerContent ol,
#innerContent ol {
    padding-left: 15px;
}

    #tier4innerContent ol > li,
    #innerContent ol > li {
        list-style-type: decimal !important;
    }


#tier4innerContent ul > li,
#innerContent ul > li {
    list-style-type: disc;
}

    #tier4innerContent ul > li > ul > li,
    #innerContent ul > li > ul > li {
        list-style-type: circle;
    }

dl.definitions,
dl.generic {
    margin-bottom: 1em;
    border: none !important;
}

    dl.definitions dt,
    dl.definitions dd,
    dl.generic dt,
    dl.generic dd {
        margin-bottom: 0.5em;
    }

    dl.definitions dt,
    dl.generic dt {
        font-weight: bold;
    }

        dl.definitions dt:after {
            content: ":";
        }

    dl.definitions dd,
    dl.generic dd {
        margin-left: 2em !important;
        margin-bottom: 1em;
    }

.mark {
    font-size: 0.35em;
}

.intro-text {
    clear: both;
    padding: 0.5em 0 1em 0;
    font-family: "Georgia", "Cambria", "serif";
    font-size: 1.4em;
    color: #666666;
}

.link-external:after {
    content: url(/PREVENTION/images/icon-link-ext.png);
    width: 20px;
    height: 12px;
}

.link-video:after {
    content: url(/PREVENTION/images/icon-video.png);
    width: 20px;
    height: 12px;
}

.link-audio:after {
    content: url(/PREVENTION/images/icon-audio.png);
    width: 20px;
    height: 12px;
}

#title-container {
    /* Nothing */
}

    #title-container img,
    #hlm-title-container img,
    .title-img {
        max-width: 100%;
        height: auto;
    }

#title-container,
#hlm-title-container {
    border-bottom: 4px solid #184478;
}

    #title-container.blank,
    #hlm-title-container.blank {
        border: none;
    }

    #title-container.mpt {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    #hlm-title-container.sleep {
        border-color: #9cadd9;
    }

    #hlm-title-container.screening {
        border-color: #00aeda;
    }

    #hlm-title-container.involved {
        border-color: #0293d2;
    }

    #hlm-title-container.stress {
        border-color: #5262ab;
    }

    #hlm-title-container.tobacco {
        border-color: #b1b679;
    }

    #hlm-title-container.alcohol {
        border-color: #7bc043;
    }

    #hlm-title-container.safe {
        border-color: #59853c;
    }

    #hlm-title-container.weight {
        border-color: #f68320;
    }

    #hlm-title-container.active {
        border-color: #e31f26;
    }

    #hlm-title-container.eat {
        border-color: #891735;
    }

img.symbol-title {
    display: block;
    float: left;
    width: 15%;
    margin: 0px 10px 0px 0px;
}


/* ****** HEALTHY LIVING MESSAGE PANELS ****** */

#hlm-message-buttons {
    display: block;
    width: 90%;
    margin: 10px 0px 20px 0px;
    padding: 0;
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none;
    list-style-position: inside;
}

    #hlm-message-buttons li {
        list-style: none !important;
        list-style-type: none;
        list-style-image: none;
    }

    #hlm-message-buttons a {
        display: block;
        width: 100%;
        height: 56px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

        #hlm-message-buttons a:hover {
            background-position: 0px -56px;
        }

        #hlm-message-buttons a .link-content {
            display: block;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

#hl-btn-sleep {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-sleep.png');
}

#hl-btn-screening {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-screening.png');
}

#hl-btn-involved {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-involved.png');
}

#hl-btn-stress {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-stress.png');
}

#hl-btn-tobacco {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-tobacco.png');
}

#hl-btn-alcohol {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-alcohol.png');
}

#hl-btn-safe {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-safe.png');
}

#hl-btn-weight {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-weight.png');
}

#hl-btn-active {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-active.png');
}

#hl-btn-eat {
    background-image: url('/PREVENTION/images/prevention-hlm-landing-eat.png');
}


/* ****** Page Anchor Buttons ****** */

.page-anchors {
    display: block;
    width: auto;
    margin: 1em 0px 0px 0px;
    padding: 0px;
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none;
    list-style-position: inside;
}

    .page-anchors li {
        margin: 0px 0px 0px 15px;
        padding: 0px;
        list-style: none !important;
        list-style-type: none !important;
        list-style-image: none;
        list-style-position: inside;
    }

.wide-page li {
    margin-left: 0px !important;
}

.no-right-col li {
    margin: 0px 0px 0.45em 85px;
}

.page-anchors li a {
    display: block;
    width: auto;
    height: 18px;
    padding: 0px 0px 0px 20px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-family: "Arial", "Verdana", "sans-serif";
    font-weight: bold;
    text-decoration: none;
    color: #174381;
}

    .page-anchors li a:hover,
    .page-anchors li a:active {
        background-position: 0px -18px;
    }


/* ****** Sub-Page Link Buttons (piggy-back on page-anchor class) ****** */

.sub-page-links {
    display: block;
    width: auto;
}

    .sub-page-links li {
        margin-bottom: 6px;
    }

        .sub-page-links li a {
            background-position: 0px -18px;
            background-repeat: no-repeat;
        }

            .sub-page-links li a:hover,
            .sub-page-links li a:active {
                background-position: 0px 0px;
            }


/* ****** HLM button background images ****** */

.btn-ncp-symbol {
    background-image: url('/PREVENTION/images/prevention-button-bg-ncp.png');
}

.btn-blue-star {
    background-image: url('/PREVENTION/images/prevention-button-bg-star-ncp-blue.png');
}

.btn-prevention-p {
    background-image: url('/PREVENTION/images/prevention-button-bg-prevention.png');
}

.btn-question {
    background-image: url('/PREVENTION/images/prevention-button-bg-qa.png');
}


/* ****** HLM button background images ****** */

.hlm-btn-sleep {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-sleep.png');
}

.hlm-btn-screening {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-screening.png');
}

.hlm-btn-stress {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-stress.png');
}

.hlm-btn-involved {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-involved.png');
}

.hlm-btn-tobacco {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-tobacco.png');
}

.hlm-btn-alcohol {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-alcohol.png');
}

.hlm-btn-safe {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-safe.png');
}

.hlm-btn-weight {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-weight.png');
}

.hlm-btn-eat {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-eat.png');
}

.hlm-btn-active {
    background-image: url('/PREVENTION/images/prevention-button-bg-hlm-active.png');
}

/* ****** TABLE STYLES ****** */

#tier4innerContent ul.key,
#innerContent ul.key {
    width: 95%;
    margin: 1em 0em;
    padding: 0;
    border: 1px solid #000;
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    list-style-position: inside !important;
}

    #tier4innerContent ul.key li,
    #innerContent ul.key li {
        padding: 0.25em;
        margin: 0.25em;
        list-style: none !important;
        list-style-type: none !important;
        list-style-image: none !important;
        list-style-position: inside !important;
    }

.rec-yes, .rec-no, .rec-yes > *, .rec-no > * {
    color: #fff !important;
}

.rec-yes {
    background-color: #2E8D2A; /*#00b300;/*#9ae098;*/
}

.rec-some {
    background-color: #ffff4d; /*#ebef95;*/
}

.rec-no {
    background-color: #e60000; /*#ed9a8a;*/
}

#tier4innerContent table.comparison,
#innerContent table.comparison {
    table-layout: fixed;
    overflow-x: auto;
    border: #000 2px solid;
    border-collapse: collapse;
    border-spacing: none;
    font-size: 0.85em;
    word-wrap: break-word;
}

    #tier4innerContent table.comparison tr.divider,
    #innerContent table.comparison tr.divider {
        border: #666 2px solid;
        border-top: #000 3px solid;
        border-left: #000 1px solid;
        border-right: #000 1px solid;
        background-color: #dedede;
    }

        #tier4innerContent table.comparison tr.divider th p,
        #tier4innerContent table.comparison tr.divider td p,
        #innerContent table.comparison tr.divider th p,
        #innerContent table.comparison tr.divider td p {
            padding: 0.55em 0.25em;
            word-wrap: break-word;
        }

    #tier4innerContent table.comparison tr th,
    #tier4innerContent table.comparison tr td,
    #innerContent table.comparison tr th,
    #innerContent table.comparison tr td {
        border: #666 1px solid;
        border-spacing: none;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
        word-wrap: break-word;
    }



        #tier4innerContent table.comparison tr th p,
        #tier4innerContent table.comparison tr td p,
        #innerContent table.comparison tr th p,
        #innerContent table.comparison tr td p {
            padding: 0.33em 0.25em;
            word-wrap: break-word;
        }

    #tier4innerContent table.comparison tr th,
    #innerContent table.comparison tr th {
        font-weight: bold;
    }

    #tier4innerContent table.comparison tr td,
    #innerContent table.comparison tr td {
        font-weight: normal;
    }

#tier4innerContent table.basic-data,
#innerContent table.basic-data {
    table-layout: fixed;
    overflow-x: auto;
    border-collapse: collapse;
    border-spacing: none;
    border: 1px solid #ccc;
    font-size: 1em;
    word-wrap: break-word;
}

    #tier4innerContent table.basic-data tr,
    #innerContent table.basic-data tr {
        border-collapse: collapse;
        border-spacing: none;
    }

    #tier4innerContent table.basic-data th,
    #tier4innerContent table.basic-data td,
    #innerContent table.basic-data th,
    #innerContent table.basic-data td {
        padding: 0.25em 0.1em;
        text-align: center;
        word-wrap: break-word;
    }

    #tier4innerContent table.basic-data th,
    #innerContent table.basic-data th {
        border: 1px solid #ccc;
        border-bottom: 2px solid #666;
        font-weight: bold;
        background-color: #ededed;
    }

    #tier4innerContent table.basic-data td,
    #innerContent table.basic-data td {
        border: 1px solid #ccc;
    }


/* ****** IMAGE/GRAPHIC ****** */

.spot-graphic {
    border: none;
}

.run-around-right {
    float: left;
    clear: left;
    margin: 0 1em 1em 1em;
}

.run-around-left {
    float: right;
    clear: right;
    margin: 0 1em 1em 1em;
}

.run-around-both {
    display: block;
    clear: both;
    margin: 1em 1em 1em 1em;
    margin-left: auto;
    margin-right: auto;
}


/* ****** CATALOG FORMAT ****** */

ul.catalog {
    margin: 0;
    padding: 0em;
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    /*list-style-position: outside;*/
}

    ul.catalog > li.item {
        clear: both;
        list-style: none !important;
        list-style-type: none !important;
        list-style-image: none !important;
        /*!!!*/ padding: bottom: 20px;
        /*list-style-position: outside;*/
    }

    ul.catalog > .item > .picture {
        display: block;
        float: left;
        clear: left;
        margin-right: 1em;
        margin-bottom: 0.5em;
        max-width: 100%;
    }


    ul.catalog > .item > .details {
        /*width: inherit;*/
    }

        ul.catalog > .item > .details > p {
            margin: 0.25em 0em 0em 0em;
            font-size: inherit;
            font-weight: normal;
        }

        ul.catalog > .item > .details > a {
            width: auto;
            /*padding: 0; */
        }


/* ****** MPT PAGE FORMAT ****** */

#title-text-block {
    padding-left: 0px;
}

h2.mpt-date {
    margin: 0;
    padding: 0.25em 0em 0em 0em;
    font-family: "Arial", "Verdana", "sans-serif";
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
    color: #666;
}

h2.mpt-title {
    margin: 0;
    padding: 0.25em 0em 0.5em 0em;
    font-family: "Arial", "Verdana", "sans-serif";
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1em;
    color: #174381;
}


/* ********** FAILSAFE CLEARFIX *********** */

.clearfix {
    clear: both;
}

/*    **************  TLC Locations Table  ****************  */
table.TLC,
table.questionnaire {
    width: 100%;
    border: 1px solid #ededed;
    border-collapse: collapse;
}

    table.TLC th,
    table.questionnaire th {
        text-align: center;
        vertical-align: middle;
        font-size: 0.85em;
        line-height: 1.2em;
        background-color: #184478;
    }

    table.TLC th,
    table.TLC td,
    table.questionnaire th,
    table.questionnaire td {
        padding: 4px 6px;
    }

    table.TLC th,
    table.questionnaire th {
        border-right: 1px dotted #ccc;
        color: #fff;
    }

    table.TLC td,
    table.questionnaire td {
        border-collapse: collapse;
        border-right: 1px dotted #ccc;
        border-bottom: 1px solid #999;
    }


    table.TLC tr:nth-child(even),
    table.questionnaire tr:nth-child(even) {
        background-color: #ededed;
    }

    table.TLC tr:active,
    table.TLC tr:hover,
    table.questionnaire tr:active,
    table.questionnaire tr:hover {
        background-color: #f9fec4;
    }

    table.TLC tr.divider-row {
        border-top: 4px solid #999;
        background-color: #003f72 !important;
        
    }
	table.TLC tr.divider-row h3 {
      color: rgba(255, 255, 255, 1) !important;
    }
        table.TLC tr.divider-row td {
            color: #000000 !important;
        }

            table.TLC tr.divider-row td h2 {
                margin-top: 0px !important;
                padding-top: 0px !important;
            }

            table.TLC tr.divider-row td.return-button {
                background-color: #6285de;
                color: #fff;
                text-align: center;
                vertical-align: middle;
                font-size: 0.85em;
            }

                table.TLC tr.divider-row td.return-button:hover {
                    background-color: #184478;
                    color: #faf890;
                }

                table.TLC tr.divider-row td.return-button a {
                    color: #fff;
                }

    table.TLC td.product {
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

    table.TLC.condensed th ul,
    table.TLC.condensed td ul {
        margin: 0;
        padding: 0;
    }

        table.TLC.condensed th ul li,
        table.TLC.condensed td ul li {
            margin: 0 0 4px 8px;
            padding: 0;
        }

    table.TLC.condensed {
        width: 90%;
    }

        table.TLC.condensed th,
        table.TLC.condensed td {
            font-size: 0.85em;
            vertical-align: top;
        }


    table.TLC.tight th,
    table.TLC.tight td {
        vertical-align: top;
    }

        table.TLC.tight td ul,
        table.TLC.tight td ol {
            margin-left: 0;
            padding-left: 10px;
        }

    table.TLC.tight tr td ul li,
    table.TLC.tight tr td ol li {
        /*margin-left: 0;*/
    }