/* Link Box */
.SimpleLinkBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -5px;
    list-style: none;
}

    .SimpleLinkBox ul li {
        box-sizing: border-box;
        flex: 1 1 50%;
        margin: 0;
        padding: 5px;
    }

.SimpleLinkBox .Title h2 {
    color: #970102;
    font-size: 1em;
    padding: 8px 0px 0px 30px;
    margin: 0px;
}

.SimpleLinkBox .Failure {
    padding: 6px;
    background: #fdfdfd;
    border: solid #cbcbcb;
    border-width: 0 1px 1px 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.SimpleLinkBox li a {
    box-sizing: border-box;
    display: block;
    padding: 17px 10px 7px;
    height: 100%;
    background: #f7f9f9;
    color: #575C70;
    font-size: 12px;
    font-weight: 200;
    text-decoration: none;
    text-align: center;
    border: solid 1px #cfd8de;
    border-radius: 2px;
}

    .SimpleLinkBox li a:before {
        content: "";
        display: block;
        height: 30px;
        margin: 0 auto;
        padding: 0;
    }

.SimpleLinkBox li:nth-child(1) a:before {
    background-image: url(../Staff/Media/Images/phone.svg);
    background-repeat: no-repeat;
    width: 30px;
    padding-bottom: 5px;
}


.SimpleLinkBox li:nth-child(2) a:before {
    background-image: url(../Staff/Media/Images/wheel.svg);
    background-repeat: no-repeat;
    width: 30px;
    padding-bottom: 7px;
}

.SimpleLinkBox li:nth-child(3) a:before {
    background-image: url(../Staff/Media/Images/house.svg);
    background-repeat: no-repeat;
    width: 30px;
    padding-bottom: 7px;
}


.SimpleLinkBox li:nth-child(4) a:before {
    background-image: url(../Staff/Media/Images/bell.svg);
    background-repeat: no-repeat;
    width: 30px;
    padding-bottom: 9px;
}

.SimpleLinkBox li:nth-child(5) a:before {
    background-image: url(../Staff/Media/Images/globe.svg);
    background-repeat: no-repeat;
    width: 30px;
    padding-bottom: 9px;
}

.SimpleLinkBox li a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .SimpleLinkBox ul li {
        flex: 1 1 33%;
    }
}

@media (min-width: 1040px) {
    .SimpleLinkBox ul {
        flex-wrap: nowrap;
    }

        .SimpleLinkBox ul li {
            flex: 1 1 20%;
        }
}

/*Added this style for the Special Notices on the Staff Default page - were inline styles*/

a.StaticSpecialNotice {
    display: block;
    margin: 5px 0;
}

    a.StaticSpecialNotice.COR {
        border-radius: 2px;
        border: 1px solid #edcf99;
        background-color: #fff6d9;
        margin-bottom: 10px;
        padding: 5px 3px;
        text-decoration: none;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOC40IDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRjdEOUE0O3N0cm9rZS13aWR0aDo0O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxLjcsMSAxNi4xLDI2LjQgMS45LDUxICIvPg0KPC9zdmc+DQo=);
        background-repeat: no-repeat;
        background-size: 14px 110%;
        background-position: left 40px top -2px;
    }

        a.StaticSpecialNotice.COR > span {
            display: block;
            vertical-align: middle;
            display: inline-block;
        }

            a.StaticSpecialNotice.COR > span:first-of-type {
                font-weight: bold;
                text-transform: uppercase;
                width: 25%;
                letter-spacing: -1px;
                font-size: 13px;
                color: #626262;
            }

            a.StaticSpecialNotice.COR > span:last-of-type {
                width: 75%;
                font-size: 12px;
            }

        a.StaticSpecialNotice.COR:hover {
            background-color: #fbefc9;
        }

        a.StaticSpecialNotice.COR:active {
            background-color: #efe1b5;
        }


/* Featured articles*/
.FeaturedArticles {
    width: 686px;
    height: 175px;
    position: relative;
}

    .FeaturedArticles ul.ArticleImages {
        padding: 0px;
        margin: 0px;
    }

        .FeaturedArticles ul.ArticleImages li {
            display: none;
            padding: 0px;
            margin: 0px;
        }

            .FeaturedArticles ul.ArticleImages li.Selected {
                display: block;
                list-style: none;
                padding: 0px;
                margin: 0px;
            }

    .FeaturedArticles ul.FullArticleLinks {
        width: 261px;
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: 13px;
        left: 436px;
    }

        .FeaturedArticles ul.FullArticleLinks li {
            display: block;
            font-weight: bold;
            border-top: solid 1px Transparent;
            border-bottom: solid 1px Transparent;
            color: #595B70;
            padding: 7px 40px 7px 6px;
            margin: 0px;
            font-size: .9em;
            position: relative;
        }

            .FeaturedArticles ul.FullArticleLinks li.Selected {
                background-color: #FAFAFC;
                border-top: solid 1px #C9CACD;
                border-bottom: solid 1px #C9CACD;
                color: #AD1212;
            }

        .FeaturedArticles ul.FullArticleLinks .FullArticleButton {
            position: absolute;
            top: 4px;
            right: 7px;
        }

    .FeaturedArticles .CaptionBar {
        position: absolute;
        left: 132px;
        top: 146px;
        width: 558px;
        height: 28px;
    }

        .FeaturedArticles .CaptionBar .PreviousArticleButton {
            position: absolute;
            top: 5px;
            left: 0px;
        }

        .FeaturedArticles .CaptionBar .NextArticleButton {
            position: absolute;
            top: 5px;
            right: 0px;
        }

        .FeaturedArticles .CaptionBar ul.Captions {
            padding: 0px;
            margin: 0px;
        }

            .FeaturedArticles .CaptionBar ul.Captions li {
                display: none;
                padding: 0px;
                margin: 0px;
            }

                .FeaturedArticles .CaptionBar ul.Captions li.Selected {
                    display: block;
                    font-size: 1.1em;
                    font-weight: bold;
                    color: #4D4D4D;
                    padding: 5px 0px 0px 0px;
                    margin: 0px 32px 0px 32px;
                    list-style: none;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

/* Social Networks */
.SocialNetworkPanel {
    margin: 12px 0px 0px 0px;
}

    .SocialNetworkPanel > a {
        width: 172px;
        height: 32px;
        display: block;
        padding: 0px 0px 0px 50px;
        background-repeat: no-repeat;
        color: #63ABC5;
        text-decoration: none;
        font-weight: bold;
        line-height: 32px;
    }

        .SocialNetworkPanel > a:first-child {
            margin-bottom: 12px;
        }

        .SocialNetworkPanel > a.Twitter {
            background-image: url("../Media/Images/SocialNetworks/FollowUs-Twitter.png");
        }

        .SocialNetworkPanel > a.Facebook {
            background-image: url("../Media/Images/SocialNetworks/FollowUs-Facebook.png");
        }

/* Main Content */
.MainContent {
    position: relative;
    width: 702px;
    margin: 12px 0px 0px 0px;
}

    .MainContent .LeftColumn {
        overflow: hidden;
        position: relative;
    }

    .MainContent > .RightColumn {
        width: 222px;
        float: right;
    }


/* Special Notice
*/
.SpecialNotice {
    width: 222px;
    margin: 9px 0;
}

/* Page Item Styles - Updated 10-18-2016 to remove graphics */

ul.PageItems {
    margin: 0px 16px 0 0;
    padding: 0px;
}

    ul.PageItems li.PageItem {
        box-sizing: border-box;
        list-style: none;
        display: block;
        padding-top: 0px;
        margin: 0px 0px 15px 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-top: 1px solid #cbcbcb;
        overflow: hidden;
        background: #ebeaee; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f5f5f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f5f5f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background-repeat: no-repeat;
    }

    ul.PageItems#StaffHomepage li.PageItem {
        background-color: #F7F9F9;
        background-repeat: no-repeat;
        background-position: top right -85px;
        background-size: contain;
        border-radius: 5px;
    }

        ul.PageItems#StaffHomepage li.PageItem:nth-of-type(1) {
            background-image: url(../Media/Images/Content/PageItems/Initiative.png);
        }

        ul.PageItems#StaffHomepage li.PageItem:nth-of-type(2) {
            background-image: url(../Media/Images/Content/PageItems/NewEmployee.png);
        }

        ul.PageItems#StaffHomepage li.PageItem:nth-of-type(3) {
            background-image: url(../Media/Images/Content/PageItems/Students.png);
        }

        ul.PageItems#StaffHomepage li.PageItem:nth-of-type(4) {
            background-image: url(../Media/Images/Content/PageItems/Research.png);
        }

        ul.PageItems#StaffHomepage li.PageItem:nth-of-type(5) {
            background-image: url(../Media/Images/Content/PageItems/Administrator.png);
        }

@media (min-width: 480px) {
    ul.PageItems#StaffHomepage li.PageItem {
        background-position: top right;
    }
}

@media (min-width: 1040px) {
    ul.PageItems#StaffHomepage li.PageItem {
        background-size: 45%;
    }
}

ul.PageItems#StaffHomepage {
    margin: 0;
}

@media (min-width: 1040px) {
    ul.PageItems#StaffHomepage {
        margin-right: 12px;
    }
}

ul.PageItems#StaffHomepage li.PageItem {
    margin: 0px 0px 10px 0px;
    min-height: 65px;
    border: 1px solid #CFD8DE;
}

    ul.PageItems#StaffHomepage li.PageItem > div > div {
        width: 70%;
        margin: 10px 5px;
    }

    ul.PageItems#StaffHomepage li.PageItem > div > div, ul.PageItems#StaffHomepage li.PageItem > div > a {
        display: inline-block;
        vertical-align: top;
    }

    ul.PageItems#StaffHomepage li.PageItem .CollapsibleHeader {
        font-weight: normal;
    }

    ul.PageItems#StaffHomepage li.PageItem .CollapsibleContent em {
        display: block;
        font-size: .9em;
        margin-top: 12px;
    }

    ul.PageItems#StaffHomepage li.PageItem > img {
        float: left;
        border-top-left-radius: 5px;
    }

    ul.PageItems#StaffHomepage li.PageItem ul {
        margin: 0;
        padding: 0;
    }


ul.PageItems li.PageItem h2 {
    color: #970102;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

    ul.PageItems li.PageItem h2 a {
        color: #970102;
        text-decoration: none;
    }

        ul.PageItems li.PageItem h2 a:hover {
            text-decoration: underline;
        }

ul.PageItems li.PageItem h3 {
    font-size: 1em;
}

ul.PageItems li.PageItem ul li {
    list-style-position: inside;
}

ul.PageItems li.PageItem span {
    display: inline-block;
    color: #818181;
    font-size: .9em;
    vertical-align: middle;
    margin-left: 3px;
}

ul.PageItems li.PageItem div.MoreInformation {
    display: none;
    padding: 12px 12px 12px 12px;
    overflow: hidden;
}

    ul.PageItems li.PageItem div.MoreInformation ul {
        font-size: .9em;
    }

        ul.PageItems li.PageItem div.MoreInformation ul a {
            color: #4F4F4F;
        }

ul.PageItems li.PageItem img.MoreInformationToggle {
    cursor: pointer;
    position: relative;
    vertical-align: top;
    display: inline-block;
    vertical-align: middle;
}


/* Two Column Container */

.TwoColumnContainer {
    margin: 0px 0px 0px 0px;
}

    .TwoColumnContainer > .Left {
        width: 50%;
        float: left;
    }

    .TwoColumnContainer > .Right {
        width: 50%;
        float: right;
    }

    .TwoColumnContainer > .Left > .ClosedBox {
        float: left;
    }

    .TwoColumnContainer > .Right > .ClosedBox {
        float: right;
    }


/* Open Box */
.OpenBox {
    width: 522px;
    min-height: 38px;
    padding: 12px 12px 0px 12px;
    margin-bottom: 12px;
    position: relative;
    min-height: 76px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url('../Media/Images/Containers/Box/OpenBoxTop-546.png');
    font-size: .9em;
    color: #636363;
    overflow: hidden;
}

    .OpenBox.Width360 {
        background-image: url('../Media/Images/Containers/Box/OpenBoxTop-360.png');
        width: 336px;
    }

        .OpenBox.Width360 h2 {
            color: #a90101;
        }

    .OpenBox.Width270 {
        width: 270px;
    }

    .OpenBox.Width736 {
        background-image: url('../Media/Images/Containers/Box/OpenBoxTop-736.png');
        width: 720px;
    }

    .OpenBox.Width540 {
        background-image: url('../Media/Images/Containers/Box/OpenBoxTop-540.png');
        width: 520px;
    }

        .OpenBox.Width540 > h3, .PortalLandingPage.Staff > .LeftColumn .OpenBox > h2 {
            margin-bottom: 0px;
        }

        .OpenBox.Width540 > p, .PortalLandingPage.Staff > .LeftColumn .OpenBox > p {
            margin-top: 8px;
        }

        .OpenBox.Width540 > ul, .PortalLandingPage.Staff > .LeftColumn .OpenBox > ul {
            list-style-position: outside;
            margin-bottom: 20px;
            overflow: hidden;
            line-height: 15px;
            -moz-column-count: 2;
            -moz-column-gap: 20px;
            -webkit-column-count: 2;
            -webkit-column-gap: 20px;
            column-count: 2;
            column-gap: 20px;
        }

            .OpenBox.Width540 > ul li, .PortalLandingPage.Staff > .LeftColumn .OpenBox > ul li {
                margin-left: 5px;
            }

    .OpenBox h2 {
        margin: 0px;
        font-weight: bold;
        font-size: 1em;
        color: #a90101;
        word-wrap: break-word; /* CSS3 */
    }

        .OpenBox h2 > a {
            text-decoration: none;
            color: #A90101;
            word-wrap: break-word; /* CSS3 */
        }


            .OpenBox h2 > a:hover,, .FlexBlock h2 > a:hover {
                text-decoration: underline;
            }

    .OpenBox p, .FlexBlock p {
        padding: 0px;
    }

    .OpenBox ul, .OpenBox ol, .FlexBlock ul, .FlexBlock ol {
        padding: 0px 12px 0px 18px;
        margin: 12px 0px 12px 0px;
    }

    .OpenBox h3, .FlexBlock h3 {
        font-weight: normal;
        font-weight: bold;
        color: #000000;
    }

    .OpenBox > img, .FlexBlock > img {
        float: right;
        margin: 6px;
    }

/* Closed Box */
.ClosedBox {
    width: 222px;
    min-height: 76px;
    margin-bottom: 12px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-222.png");
    color: #636363;
    font-size: .9em;
    overflow: hidden;
}

    .ClosedBox.Yellow {
        background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-222-Yellow.png");
    }

    .ClosedBox > h2 {
        padding: 0px 12px 0px 12px;
        margin: 0px;
        font-weight: bold;
        font-size: 1em;
        color: #a90101;
        word-wrap: break-word; /* CSS3 */
    }

        .ClosedBox > h2:first-child {
            padding-top: 12px;
            min-height: 30px;
            background-repeat: no-repeat;
        }

        .ClosedBox > h2:first-child {
            background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-222.png");
        }

    .ClosedBox.Yellow > h2:first-child {
        background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-222-Yellow.png");
    }

    .ClosedBox > h2:first-child + p,
    .ClosedBox > h2:first-child + ul,
    .ClosedBox > h2:first-child + ol,
    .ClosedBox > h2:first-child + h3 {
        margin-top: 0px;
    }

    .ClosedBox > ul, .ClosedBox > ol {
        padding: 0px 12px 0px 30px;
        margin: 12px 0px 12px 0px;
    }

    .ClosedBox h3 {
        margin: 0px 0px 3px 0px;
        padding: 0px 12px 0px 12px;
        color: #005b7f;
        font-size: 0.9em;
        font-weight: bold;
    }

        .ClosedBox h3 + p {
            margin-top: 0px;
        }

    .ClosedBox > h4, .ClosedBox > p {
        padding: 0px 12px 0px 12px;
    }

    .ClosedBox.Width228 {
        background-image: url("../Media/Images/Containers/Box/ClosedBoxBottom-228.png");
        width: 228px;
        float: right;
        margin: 0 20px;
    }

        .ClosedBox.Width228 > h2 {
            background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-228.png");
            padding-bottom: 10px;
            font-size: 1.1em;
            color: #A90101;
        }

            .ClosedBox.Width228 > h2 > a {
                color: #A90101;
            }

    .ClosedBox.ATRF {
        padding-bottom: 12px;
    }

        .ClosedBox.ATRF > ul {
            list-style: none;
            margin: 12px 0 0 12px;
            padding: 0;
        }

            .ClosedBox.ATRF > ul > li.Phone {
                background: transparent url('../Media/Images/Content/HelpCenter/Phone.png') no-repeat left;
                padding-left: 15px;
            }


/* Portal Landing Pages */

.PortalLandingPage.Public > .LeftColumn .OpenBox {
    width: 476px;
    background-image: url('../Media/Images/Containers/Box/OpenBoxTop-500.png');
}

.PortalLandingPage.Staff > .LeftColumn .OpenBox {
    width: 444px;
    background-image: url('../Media/Images/Containers/Box/OpenBoxTop-468.png');
}

.PortalLandingPage > .RightColumn .ClosedBox {
    width: 190px;
    background-image: url('../Media/Images/Containers/Box/ClosedBoxBottom-190.png');
}

    .PortalLandingPage > .RightColumn .ClosedBox > h2:first-child {
        background-image: url("../Media/Images/Containers/Box/ClosedBoxTop-190.png");
    }

.OpenBox .Expandable {
    display: none;
}

.OpenBox a.Expand {
    background-image: url("../Media/Images/Icons/Plus.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
    text-decoration: none;
}

.OpenBox a.Expanded {
    background-image: url("../Media/Images/Icons/Minus.png");
}

.OpenBox a.Expand:hover {
    text-decoration: underline;
}


/* style for top page area */
#WelcomeContainer {
    position: relative;
    margin-top: 0px;
    overflow: hidden;
}

    #WelcomeContainer .Left {
        float: left;
        width: 222px;
    }

    #WelcomeContainer .Right {
        float: right;
        width: 222px;
    }

    #WelcomeContainer h2 {
        color: #A90101;
        text-decoration: none;
        text-align: right;
    }

    #WelcomeContainer a:link {
    }

    #WelcomeContainer a:visited {
    }

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

    #WelcomeContainer a:active {
    }

    #WelcomeContainer ul {
        margin-left: -20px;
    }

/********** Default styles. **********/

/* The alert control wrapper */
.FnlAlert {
    width: 702px; /* The width of the alert. */
    position: relative; /* Position relative so we can absolutely position elements inside of it. */
    overflow: hidden; /* No image or text should flow outside of the control. */
    font: normal 12pt Arial;
}

    /* The main alert image */
    .FnlAlert .AlertImage {
        width: 702px; /* Set the image to use the full width of the alert. */
    }

    /* The alert title */
    .FnlAlert .Title {
        position: absolute;
        left: 203px;
        top: 16px;
        text-transform: uppercase;
        font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
        font-weight: bold;
    }

    /* The alert date */
    .FnlAlert .Date {
        position: absolute;
        right: 38px;
        top: 16px;
        text-transform: uppercase;
        font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
        font-weight: bold;
    }

    /* The alert description */
    .FnlAlert .Description {
        height: 90px;
        overflow: hidden;
        position: absolute;
        left: 203px;
        top: 43px;
        font-size: 12px; /* Set the text to an exact height to maintain it's size within the image. */
        margin-right: 38px;
    }

    /* The alert type */
    .FnlAlert .Type {
        height: 18px;
        overflow: hidden;
        position: absolute;
        left: 203px;
        top: 152px;
        text-transform: uppercase;
        font-size: 15px; /* Set the text to an exact height to maintain it's size within the image. */
        font-weight: bolder;
        margin-right: 38px;
    }

    /********** Styles specific for the emergency notice. **********/
    .FnlAlert .EmergencyNotice {
        color: White;
    }

        .FnlAlert .EmergencyNotice a {
            color: White;
            text-decoration: none;
        }

            .FnlAlert .EmergencyNotice a:link {
            }

            .FnlAlert .EmergencyNotice a:visited {
            }

            .FnlAlert .EmergencyNotice a:hover {
                text-decoration: underline;
            }

            .FnlAlert .EmergencyNotice a:active {
            }

    /********** Styles specific for the inclement weather. **********/
    .FnlAlert .InclementWeather {
        color: White;
    }

        .FnlAlert .InclementWeather a {
            color: White;
            text-decoration: none;
        }

            .FnlAlert .InclementWeather a:link {
            }

            .FnlAlert .InclementWeather a:visited {
            }

            .FnlAlert .InclementWeather a:hover {
                text-decoration: underline;
            }

.MainLandingPageLeftColumn {
    width: 549px;
    float: left;
    margin: 5px 18px 0px 0px;
    overflow: hidden;
}

.MainLandingPageRightColumn {
    position: relative;
    width: 222px;
    overflow: hidden;
}

/* NCI Health Links */
.NciHealthLinks {
    margin: 0px 0px 12px 0px;
}

    .NciHealthLinks .FeedTitle {
        font-size: .8em;
        font-weight: bold;
        margin: 0px 0px 6px 0px;
    }

    .NciHealthLinks ul {
        padding: 0px;
        margin: 0px;
        font-size: 1em;
        font-weight: normal;
        color: #666666;
    }

        .NciHealthLinks ul li {
            display: block;
            padding: 0px;
            margin: 0px;
            list-style-type: none;
        }

            .NciHealthLinks ul li.Item {
                margin: 0px 0px 12px 6px;
                display: block;
            }

    .NciHealthLinks a {
        color: #475E66;
        font-size: .8em;
    }

    .NciHealthLinks .ContainerHeader {
        height: 37px;
    }

    .NciHealthLinks .ContainerBody {
        background-image: url('../Media/Images/Containers/NCIHealthLinks/NCIHealthLinksBody.png');
        padding: 6px;
    }

    .NciHealthLinks .ContainerFooter {
        height: 6px;
        background-image: url('../Media/Images/Containers/NCIHealthLinks/NCIHealthLinksFooter.png');
    }

/* In Memoriam */
.InMemoriamComments > ul {
    padding: 0px;
    margin: 12px 0px 0px 0px;
    overflow: hidden;
}

.InMemoriamComments ul > li {
    padding: 12px;
    margin: 0px 0px 12px 0px;
    border: 1px solid Silver;
    list-style-type: none;
}

/* Distinguished Speaker */
ul.DistinguishedSpeakerList {
    margin: 0px;
    padding: 0px;
}

    ul.DistinguishedSpeakerList li {
        margin: 0px 0px 12px 0px;
        padding: 0px;
        list-style-type: none;
    }

        ul.DistinguishedSpeakerList li .SpeakerName {
            display: block;
            font-weight: bold;
            font-size: 1.1em;
            color: #A90101;
        }

        ul.DistinguishedSpeakerList li .EventDescription {
            display: block;
        }

        ul.DistinguishedSpeakerList li a.Details {
            font-size: .9em;
        }

/* SearchResultsPanel */
.SearchResultsPanel {
    margin: 24px 0px 0px 0px;
}

/* Ammenities */
.AmmenitiesCard {
    overflow: hidden;
    margin: 12px 0px 12px 0px;
    border: solid 1px Silver;
    width: 588px;
}

    .AmmenitiesCard .ImageBlock {
        float: left;
    }

        .AmmenitiesCard .ImageBlock img {
            margin: 0px 0px 3px 0px;
        }

.AmmenitiesList {
    width: 400px;
    float: left;
    margin-left: 12px;
}

/* Conference Staff */
.ConferenceStaffCard {
    width: 240px;
    border: 1px solid Silver;
    margin-right: 12px;
    float: left;
    font-size: .8em;
    margin-bottom: 20px;
}

    .ConferenceStaffCard img {
        float: left;
        margin-right: 6px;
        height: 100px;
    }

    .ConferenceStaffCard p {
        margin-top: 20px;
    }

/* Facility */
.FacilityWrapper {
    width: 100%;
    height: 74px;
    margin-bottom: 12px;
}

.FacilityCard {
    width: 240px;
    border: 1px solid Silver;
    margin-right: 12px;
    float: left;
    font-size: .8em;
}

    .FacilityCard img {
        float: left;
        margin-right: 6px;
    }

    .FacilityCard p {
        margin-top: 12px;
    }

/* Policies & Procedures */
.PPBackLink {
    background-image: url("../Media/Images/Icons/CID/Office/back16.png");
    background-repeat: no-repeat;
    padding-left: 24px;
    display: block;
    width: 225px;
    margin: 0px 0px 24px 0px;
}

/* styles to support layout for P&P 101 spectrum chart */

#Chart {
    position: relative;
    width: 738px; /*border: 1px solid red;*/
    background-image: url('../Staff/Media/Images/Policy101Top.png');
    background-repeat: no-repeat;
    height: 210px;
    margin: 0 auto;
}

/* Left Gov't Column Styles */
#ChartLeft {
    position: relative;
    float: left;
    width: 240px;
}

  #ChartLeft H3 {
    font-size: 1.4em;
    color: #585c6f;
    margin: 10px 0 86px;
  }

    #ChartLeft .PolicyTable {
        border-left: 1px solid #1c8850;
        border-right: 1px solid #A90101;
        width: 240px;
        font-size: 0.9em;
        margin: 12px 0;
        padding: 0;
    }

        #ChartLeft .PolicyTable th {
            color: White;
            font-weight: bold;
            padding: 6px 15px;
            text-align: left;
        }

            #ChartLeft .PolicyTable th.Left {
                background-color: #1c8850;
                background-image: none;
                width: 50%;
                border-bottom: 1px solid #1c8850;
            }

            #ChartLeft .PolicyTable th.Right {
                background-color: #A90101;
                background-image: none;
                width: 50%;
                border-bottom: 1px solid #A90101;
            }

        #ChartLeft .PolicyTable td {
            padding: 6px;
            vertical-align: top;
        }

            #ChartLeft .PolicyTable td.Left {
                border-right: 1px solid Black;
                border-bottom: 1px solid #1c8850;
            }

            #ChartLeft .PolicyTable td.Right {
                border-bottom: 1px solid #A90101;
            }


/* Right Contractor Column */
#ChartRight {
    position: relative;
    float: right;
    width: 240px;
}

  #ChartRight H3 {
    font-size: 1.4em;
    color: #006bb5;
    margin: 10px 0 86px;
    text-align: right;
  }

    #ChartRight .PolicyTable {
        border-right: 1px solid #1c8850;
        border-left: 1px solid #A90101;
        width: 240px;
        font-size: 0.9em;
        margin: 12px 0;
        padding: 0;
    }

        #ChartRight .PolicyTable th {
            color: White;
            font-weight: bold;
            padding: 6px 15px;
            text-align: left;
        }

            #ChartRight .PolicyTable th.Left {
                background-color: #A90101;
                background-image: none;
                width: 50%;
                border-bottom: 1px solid #A90101;
            }

            #ChartRight .PolicyTable th.Right {
                background-color: #1c8850;
                background-image: none;
                width: 50%;
                border-bottom: 1px solid #1c8850;
            }

        #ChartRight .PolicyTable td {
            padding: 6px;
            vertical-align: top;
        }

            #ChartRight .PolicyTable td.Left {
                border-bottom: 1px solid #A90101;
                border-right: 1px solid Black;
            }

            #ChartRight .PolicyTable td.Right {
                border-bottom: 1px solid #1c8850;
            }

/* Center Common Ground Column */

#ChartCenter {
    position: relative;
    margin-left: 15px;
    float: left;
    width: 230px;
}

    #ChartCenter H3 {
        font-size: 1.4em;
        color: #9d349e;
        margin: 10px 0 190px;
        text-align: center;
    }

    #ChartCenter .PolicyTable {
        border: 1px solid #9d349e;
        width: 230px;
        font-size: 0.9em;
        margin: 12px 0;
        padding: 0;
    }

        #ChartCenter .PolicyTable th {
            color: White;
            font-weight: bold;
            padding: 6px 15px;
            text-align: center;
            background-color: #9d349e;
        }

        #ChartCenter .PolicyTable td {
            padding: 6px;
            vertical-align: top;
            border-top: 1px solid #9d349e;
        }

    #ChartCenter img {
        vertical-align: top;
        text-align: center;
        padding-left: 30px;
    }

/* Portal Landing Page */
.PortalLandingPage {
    position: relative;
    background-repeat: no-repeat;
    min-height: 130px;
    overflow: hidden;
}

    .PortalLandingPage h1 {
        padding: 0px;
        margin: 24px 0px 30px 112px;
        font-size: 1.8em;
    }

    .PortalLandingPage p.PageDescription {
        margin: 12px;
    }

.StaffPortal h1 {
    margin-top: 0;
    color: #00597B;
}

.StaffPortal h2 {
    color: #a90101;
}

.StaffPortal ul.PageItems li.PageItem h2 a {
    color: #141414;
    font-size: 16px;
    font-weight: 200;
}

.StaffPortal .StaffPortalMainContent {
    display: flex;
}

    .StaffPortal .StaffPortalMainContent .StaffPortalSubColumnLayout {
        display: flex;
    }

.StaffPortalBottom {
    padding: 22px 80px 22px 20px;
}

@media (min-width: 480px) {
    .StaffPortalBottom {
        padding: 22px 20px;
    }
}

@media (max-width: 767.5px) {
    .StaffPortal a.StaticSpecialNotice {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: fit-content;
    }
}

@media (max-width: 767.5px) {
    .StaffPortal .StaffPortalMainContent {
        flex-direction: column;
    }

        .StaffPortal .StaffPortalMainContent > .LeftColumn {
            order: 2;
        }

        .StaffPortal .StaffPortalMainContent > .RightSide {
            order: 1;
        }
}

@media (min-width: 768px) {
    .StaffPortal .StaffPortalMainContent > .LeftColumn {
        flex: 0 0 222px;
    }

    .StaffPortal .StaffPortalMainContent > .RightSide {
        flex: 1 1 auto;
        padding-left: 15px;
    }

    .StaffPortal .StaffPortalMainContent .StaffPortalSubColumnLayout > * {
        flex: 1 1 auto;
    }

    .StaffPortal .StaffPortalMainContent .StaffPortalSubColumnLayout > .RightColumn {
        flex-grow: 0;
        flex-basis: 222px;
    }
}

@media (max-width: 1039.5px) {
    .StaffPortal .StaffPortalMainContent .StaffPortalSubColumnLayout {
        flex-direction: column;
    }
}

.StaffPortal .SimpleLinkBox {
    margin-bottom: 17px;
}

/* BEGINNING OF TEMPORARY STYLING -- This fix was done with Ben's approval since this approach allows me to style the following sections without making changes to the framework*/

/*Events section*/
#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer, FnlContent_SiteLeftColumn_FnlTabbedContainer1.FnlTabbedContainer {
    background: #f1f5f6;
    border: 1px solid #cfd8de;
    border-radius: 5px;
}

@media (max-width: 1039.5px) {
    #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer {
        width: auto;
    }
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer h2 a, #FnlContent_SiteLeftColumn_FnlTabbedContainer1.FnlTabbedContainer h2 a {
    width: auto;
    padding: 10px 0 0 10px;
    font-size: 14px;
    color: #00597B;
    text-align: left;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.SilverNone > .Body.Left > ul, #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.SilverNone > .Body.Left > p {
    border-left: none;
    border-right: none;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.SilverNone > .Body, #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer .EventContainerFooter a {
    background-image: none;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.SilverNone > .Body {
    padding: 0;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter {
    padding: 10px 13px;
    text-align: right;
}

    #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter a {
        float: none;
        padding: 0;
        height: auto;
        color: #344287;
        font-weight: normal;
    }

        #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter a:hover {
            color: #A90101;
        }

        #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter a:after, #FnlContent_SiteLeftColumn_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter a:after {
            content: "";
            display: inline-block;
            margin: -1px 0 0 6px;
            width: 12px;
            height: 12px;
            background: #344287 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYgNiI+PHBhdGggZD0iTTYgNC41YzAgLjQxLS4zNC43NS0uNzUuNzVzLS43NS0uMzQtLjc1LS43NVYyLjU2TDEuMjggNS43OEMxLjEzIDUuOTMuOTQgNiAuNzUgNnMtLjM4LS4wNy0uNTMtLjIyYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2TDMuNDQgMS41SDEuNWMtLjQxIDAtLjc1LS4zNC0uNzUtLjc1UzEuMDkgMCAxLjUgMEg2djQuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') no-repeat center center/6px 6px;
            border-radius: 100%;
            vertical-align: middle;
        }

        #FnlContentPageContent_SiteContent_FnlTabbedContainer1.FnlTabbedContainer.FnlTabbedContainer .EventContainerFooter a:hover:after {
            background-color: #A90101;
        }
/*End of Events*/

/*News Feed section*/

#FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer > h2.Right {
    left: 0;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer > h2 > span {
    padding: 10px 0 0 10px;
    font-size: 14px;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer.NoneYellow {
    background-image: none;
    background: #ffebac;
    border: 1px solid #FEE080;
    border-radius: 5px 5px 0 0;
}

@media (max-width: 767.5px) {
    #FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer.NoneYellow {
        width: auto;
    }
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer > .Body {
    padding: 0;
}

#FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer.NoneYellow > .Body.Right > ul, #FnlContentPageContent_SiteContent_FnlTabbedContainer2.FnlTabbedContainer.NoneYellow > .Body.Right > p {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/*End of News Feed section*/
/* END OF TEMPORARY EVENTS STYLING*/
.PortalLandingPage > .LeftColumn {
    position: relative;
    float: left;
    margin: 0px 12px 0px 0px;
    overflow: hidden;
}

.PortalLandingPage > .RightColumn {
    position: relative;
    overflow: hidden;
}

.PortalLandingPage.Public > .LeftColumn {
    width: 500px;
}

.PortalLandingPage.Staff h1 {
    margin: 0;
    font-size: 20px;
}

.PortalLandingPage.Staff > .Banner {
    margin: 0 0 10px 0;
    overflow: hidden;
    background: #FFF;
    padding: 0;
    border: 1px solid #c0c0c0;
}

    .PortalLandingPage.Staff > .Banner img {
        float: left;
        margin-right: 20px;
    }

    .PortalLandingPage.Staff > .Banner > .PageDetails {
        position: relative;
        padding: 10px 15px;
        display: block;
    }

        .PortalLandingPage.Staff > .Banner > .PageDetails > .PageDescription {
            margin-bottom: 0;
        }

.PortalLandingPage.Staff > .LeftColumn {
    width: 468px;
}

.PortalLandingPage.Staff .LinkBox {
    margin: 15px 0 5px;
    border: 1px solid #b8bbbb;
    border-radius: 5px;
    background-color: #f2f2f2;
}

    .PortalLandingPage.Staff .LinkBox h2 {
        padding: 8px 10px;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        color: #3B4043;
        background: #d6d9da;
        border-bottom: 1px solid #b8bbbb;
    }

    .PortalLandingPage.Staff .LinkBox ul {
        padding-left: 10px;
        margin-bottom: 9px;
        list-style: none;
    }

        .PortalLandingPage.Staff .LinkBox ul li a {
            display: block;
            padding: 0 0 2px 18px;
            background: transparent url("../Media/Images/Layout/LandingPages/PortalLandingPageLinkBoxArrowBulletHC.svg") no-repeat 0 1px/11px 111px;
            text-decoration: none;
        }

            .PortalLandingPage.Staff .LinkBox ul li a:hover {
                background-position: 0 -99px;
                text-decoration: underline;
            }

.PortalLandingPage.Staff .TwoColumns {
    overflow: hidden;
    position: relative;
}

    .PortalLandingPage.Staff .TwoColumns > .Left {
        width: 228px;
        float: left;
        margin: 0px 12px 0px 0px;
        overflow: hidden;
        position: relative;
    }

    .PortalLandingPage.Staff .TwoColumns > .Right {
        overflow: hidden;
        position: relative;
    }

#CenteredVideo, .textCenter {
    text-align: center;
}

.PaddingTop15 {
    padding-top: 15px;
}
/**For History Timeline*/
div.centered {
    margin: 40px 50px 0px 20px;
}

ol.nostyle {
    list-style-type: none;
    margin: 0px 0px 50px 20px;
    width: 90%;
}


.blue {
    color: #317ca3;
}

.green {
    color: #7F7B2B;
}

.red {
    color: #A90101;
}

.bold {
    font-weight: bold;
}

.large {
    font-size: 1.4em;
}



img.right {
    float: right;
    position: relative;
    /**margin-left: 20px;*/
    vertical-align: middle;
}

img.left {
    float: left;
    position: relative;
    /*margin-right: 20px;*/
    vertical-align: middle;
}


ol.TimelineList {
    margin-left: 0;
    padding: 0;
    list-style: none;
    width: 675px;
}

    ol.TimelineList li {
        position: relative;
        margin: 0;
        width: 675px;
    }

        ol.TimelineList li:after {
            visibility: hidden;
            display: block;
            content: "";
            clear: both;
            height: 0;
        }

        *:first-child + html ol.TimelineList li:after {
            zoom: 1;
        }





div.vAlign {
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    width: 643px;
}

    div.vAlign > * {
        display: inline-block;
        vertical-align: middle;
    }

    div.vAlign img.left {
        margin-right: 28px;
        float: left;
    }

    div.vAlign img.right {
        margin-left: 10px;
        margin-right: 5px;
        float: right;
    }

    div.vAlign img.landscape {
        position: absolute;
        top: 8px;
        margin: 18px 0px 0px 408px;
    }

    div.vAlign img.people {
        position: absolute;
    }


    div.vAlign > * {
        display: inline-block;
        vertical-align: middle;
    }

    div.vAlign > div {
        width: 510px;
    }

    div.vAlign > h3 {
        margin-top: 5px;
    }

    div.vAlign > div h3 {
        margin-top: 5px;
    }

    div.vAlign > div p {
        margin-bottom: 0;
        margin-top: 5px;
    }


#Year1971 div.vAlign > div {
    width: 490px;
}

#Year1972 div.vAlign > div {
    width: 450px;
}

#Year1975 div.vAlign > div {
    width: 535px;
}

#Year1982 div.vAlign > div {
    width: 420px;
}

#Year1984 div.vAlign > div {
    margin-top: 15px;
}

#Year1993 div.vAlign > div {
    width: 550px;
}

#Year2005 div.vAlign > div {
    width: 450px;
}

#Year2010 div.vAlign > div {
    margin-top: 0;
}



.ClearFix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

*:first-child + html .ClearFix {
    zoom: 1;
}

div.SideLines {
    float: left;
    width: 15px;
}

    div.SideLines span.SideLine {
        background: transparent url('../Media/Images/About/History/Timeline.png') no-repeat left top;
        display: block;
        height: 39px;
        width: 15px;
    }

        div.SideLines span.SideLine.LastLine {
            height: 33px;
        }

div.content {
    float: left;
    width: 600px;
    padding-left: 26px;
}

    div.content > h3 {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    div.content > h2.blue {
        margin-top: 0px;
        position: relative;
        top: -10px;
        left: -41px;
        padding-left: 25px;
        margin-bottom: 8px;
        background: transparent url('../Media/Images/About/History/BlueLine.png') repeat-x left center;
        width: 650px;
    }

    div.content > h2.green {
        margin-top: 0px;
        position: relative;
        top: -10px;
        left: -41px;
        padding-left: 25px;
        margin-bottom: 8px;
        background: transparent url('../Media/Images/About/History/GreenLine.png') repeat-x left center;
        width: 650px;
    }

    div.content > h2.red {
        margin-top: 0px;
        position: relative;
        top: -10px;
        left: -41px;
        padding-left: 25px;
        margin-bottom: 8px;
        background: transparent url('../Media/Images/About/History/RedLine.png') repeat-x left center;
        width: 650px;
    }



    div.content h2 > span {
        background-color: white;
        display: inline-block;
        padding: 0 10px;
    }

/* Computer Services Page */

#ITInformation {
    border: 1px solid #c0c0c0;
    background-color: #f1f5f6;
    padding: 10px;
    margin-bottom: 20px;
}

    #ITInformation ul li span {
        padding-left: 5px;
    }

    #ITInformation ul li #CssEmail {
        padding-left: 10px;
    }

/*MobileIron Content*/

.FlexContain#MobileIron img {
    width: 200px;
    margin-left: 15px;
    align-self: flex-start;
}

#ContactInformation p {
    margin: 3px 0 0 0;
}

/* NEW SCIENCE LANDING PAGE STYLES */

.SectionBanner {
    border: solid 1px #d7dfe4;
    border-radius: 5px;
    height: 120px;
    margin-top: 12px;
    overflow: hidden;
    background: #fafafa;
}

    .SectionBanner > img {
        display: inline-block;
        vertical-align: middle;
    }

    .SectionBanner > .PageDetails {
        display: inline-block;
        padding: 0 5px;
        max-width: 540px;
        vertical-align: middle;
    }

        .SectionBanner > .PageDetails h1 {
            margin-top: 0;
        }

        .SectionBanner > .PageDetails > .PageDescription {
            margin-bottom: 0;
        }

    /*Smaller section banner for portal landing pages*/

    .SectionBanner.Small > .PageDetails {
        max-width: 500px;
    }

        .SectionBanner.Small > .PageDetails > .PageDescription {
            margin: 12px 0 0 0;
        }

#ToggleTabs {
    margin-top: 15px;
    margin-bottom: 15px;
}

    #ToggleTabs > ul {
        padding-left: 0;
    }

        #ToggleTabs > ul > li {
            list-style: none;
            display: inline-block;
            max-width: 267px;
            float: left;
            margin: 0;
            padding: 0;
        }

            #ToggleTabs > ul > li:first-child {
                margin-right: 6px;
            }

            #ToggleTabs > ul > li.CurrentTab > a {
                background-color: #c5dde9;
                background-image: linear-gradient(to bottom, #e9f3f8, #c1dfed);
                filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#e9f3f8', endColorstr='#c1dfed', gradientType='0');
                color: #344287;
            }

                #ToggleTabs > ul > li.CurrentTab > a:hover {
                    cursor: default;
                }

            #ToggleTabs > ul > li > a {
                border: 1px solid #d9e7ed;
                background-color: #d1e6f1;
                background-image: linear-gradient(to bottom, #f4f9fb, #ecf5f9);
                filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#f4f9fb', endColorstr='#ecf5f9', gradientType='0');
                text-decoration: none;
                color: #9d9d9d;
                text-decoration: none;
                padding: 6px 15px;
                font-weight: 600;
                font-size: 14px;
                display: inline-block;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

            #ToggleTabs > ul > li.CurrentTab > a:hover {
                border: 1px solid #c1d8e2;
                background-color: #d9e9f1;
                background-image: linear-gradient(to bottom, #d9e9f1, #b6d8e8);
                filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#d9e9f1', endColorstr='#b6d8e8', gradientType='0');
                color: #18526f;
            }

/*Collapsible Boxes - Expand/Contract Sections*/

ul.CollapsibleBoxes {
    padding: 0px;
    width: 100%;
}

    ul.CollapsibleBoxes > li {
        list-style-type: none;
        margin: 5px 0px 0px 0px;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
    }

        ul.CollapsibleBoxes > li > a {
            padding-left: 10px;
            line-height: 30px;
            font-weight: 600;
        }

.CollapsibleHeader {
    line-height: 30px;
    padding-left: 10px;
    background-repeat: no-repeat;
    font-weight: 600;
    margin: 0;
    display: block;
}

    .CollapsibleHeader:hover, .CollapsibleHeader:hover + .CollapsibleContent {
        background-color: #f7f7f7;
        cursor: pointer;
        border-radius: 5px;
    }

    .CollapsibleHeader * {
        font-weight: 600;
    }

    .CollapsibleHeader.Collapsed {
        background-image: url('../Media/Images/Icons/Collapsed.png');
        background-position: right 14px top 10px;
    }

    .CollapsibleHeader.Expanded {
        background-image: url('../Media/Images/Icons/Expanded.png');
        background-position: right 12px top 12px;
    }

.CollapsibleContent {
    padding: 10px 10px 5px 15px;
    display: none;
}

    .CollapsibleContent ul.FnlFancyList, .CollapsibleContent > p:first-child {
        padding-left: 0;
        margin-top: 0;
    }

        .CollapsibleContent ul.FnlFancyList li p {
            margin-top: 5px;
        }


/** Investigator's Page Styles*/
div.AlphaNav {
    margin: 30px 0px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #cbcbcb;
    overflow: hidden;
    background: #ebeaee;
    background: -moz-linear-gradient(bottom, #f5f5f7 0%, #ffffff 100%);
    background: -webkit-linear-gradient(bottom, #f5f5f7 0%,#ffffff 100%);
    background: linear-gradient(to top, #f5f5f7 0%,#ffffff 100%);
}

    div.AlphaNav > ul {
        -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(0), to (#cbcbcb)) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
        -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
        -o-border-image: -o-linear-gradient( rgba(0, 0, 0, 0), #cbcbcb) 1 100%;
        border-image: linear-gradient(to top, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
        border-right: 1px solid #cbcbcb;
        border-left: 1px solid #cbcbcb;
        margin: 0;
        padding: 0 10px 5px 10px;
        text-align: center;
    }

        div.AlphaNav > ul > li {
            color: #dedede;
            font-weight: normal;
            font-size: 1.4em;
            letter-spacing: 9px;
            margin: 0;
            display: inline-block;
            list-style: none;
        }

            div.AlphaNav > ul > li > a {
                text-decoration: none;
            }

table.Science-InvestigatorsList {
    width: 100%;
    text-align: left;
    padding-left: 17px;
    border: none;
}

    table.Science-InvestigatorsList tr {
        border: none;
    }

table.FnlTable Sortable {
    background: yellow !important;
}

table.Science-InvestigatorsList tr td {
    border: none !important;
    background: none !important;
}


table.Science-InvestigatorsList thead {
    height: 32px;
}

    table.Science-InvestigatorsList thead tr th {
        background: none !important;
        border: none !important;
        color: black !important;
    }


table.Science-InvestigatorsList td:first-child a {
    font-size: 1.3em;
    visibility: visible;
    display: block;
    margin-right: 10px;
}


table.Science-InvestigatorsList tr td:first-child {
    visibility: hidden;
}


table.Science-InvestigatorsList tr td:last-child a {
    display: block;
    width: 15px;
    height: 15px;
    background: url('../Media/Images/Content/Science/WebsiteLink.png') no-repeat;
    top: 3px;
    left: 10px;
    margin-left: 25px;
}

    table.Science-InvestigatorsList tr td:last-child a:hover {
        background: url('../Media/Images/Content/Science/WebsiteLink.png') left -101px no-repeat;
    }

/*ATRF Sample/Placeholder Styles*/

.AtrfMainLandingPageRightColumn {
    float: left;
    position: relative;
    width: 20%;
}

.AtrfMainLandingPageLeftColumn {
    margin-right: 25px;
    float: left;
    width: 68%;
}

.ATRFBanner {
    background: url('../Media/Images/About/Atrf/ATRF.png') left bottom no-repeat;
    height: 155px;
    margin: 10px 0;
    padding: 0px 10px 0px 270px;
    overflow: hidden;
    border: 1px solid silver;
    border-radius: 6px;
}

    .ATRFBanner > h1 {
        margin-top: 20px;
    }

/*Style for the Gate Hours "notice" box*/

div.FancyMessage {
    background: #f4f4f4;
    border: 1px solid #c0c0c0;
    padding: 12px;
    margin-bottom: 10px;
}

    div.FancyMessage p, div.FancyMessage h4 {
        font-size: 14px;
        margin-top: 0;
        line-height: 20px;
    }

    div.FancyMessage h4 {
        margin-bottom: 10px;
    }

    div.FancyMessage p {
        margin-bottom: 0;
    }

div#GateHours {
    border: 1px solid #c0c0c0;
    padding: 12px;
    margin-bottom: 10px;
}

    div#GateHours h2 {
        margin-top: 12px;
    }

    div#GateHours table {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

ol#ControlProcedures li {
    margin-bottom: 10px;
}

/*Visitor's Guide Page*/

.TwoColumnContent .LeftColumn {
    float: left;
    width: 70%;
    padding-right: 15px;
    border-right: 1px solid silver;
}

.TwoColumnContent .RightColumn {
    float: left;
    width: 26%;
    padding-left: 15px;
}

    .TwoColumnContent .RightColumn > ul {
        list-style: none;
        padding-left: 0;
    }

        .TwoColumnContent .RightColumn > ul > li {
            padding-bottom: 5px;
        }

    .TwoColumnContent .RightColumn #CampusMap {
        float: left;
        padding: 5px 15px 10px 0px;
    }

ol.FnlFancyList.PublicView > li:before, ul.FnlFancyList.PublicView > li:before {
    background: #64acc8;
}

ol.FnlFancyList.NcifView > li:before {
    background: #005699;
    padding: 2px;
}

ol.FnlFancyList.NcifView > li > h3 {
    margin-top: 0;
}

ol.FnlFancyList.PublicView > li > ul, ol.FnlFancyList.NcifView > li > ul {
    padding-left: 20px;
}

    ol.FnlFancyList.PublicView > li > ul > li, ol.FnlFancyList.NcifView > li > ul > li {
        color: #626262;
        list-style: none;
        padding-bottom: 5px;
    }


/*Styles for Flex Box/Bucket Block classes*/



/* FLEX BOX 2 -- Bucket Blocks */

.FlexContain .FlexBlock.FullBorder.QuickItem {
    background: #fcf9f4;
    border: 1px solid #e0d4c4;
    background-image: url('../Media/Images/BgTruck.png');
    background-repeat: no-repeat;
    background-position: bottom right 10px;
    min-height: 45px;
}

.FlexContain.FlexHorizontal{
  flex-direction: column;
  gap: 12px;
}

.FlexContain .BlockBody > .TwoColumnContainer div > p {
    margin-top: 0;
}

/*Styles for images used in Facility & Admin Services*/

.FlexBlock.FullBorder#CA {
    background: transparent url('../Media/Images/Content/Services/CA.png') no-repeat center bottom;
}

.FlexBlock.FullBorder#UC {
    background: transparent url('../Media/Images/Content/Services/UserCommittee.png') no-repeat center bottom;
}

/*Scientific Research Services*/

.FlexBlock.FullBorder#ScientificService {
    background: transparent url('../Media/Images/Content/Services/ScientificService.png') no-repeat center bottom;
    background-position: center top -60px;
}

/*Styles for images used in the campus and outreach page*/

.FlexBlock.FullBorder#FM {
    background: transparent url('../Media/Images/Content/Programs/FarmersMarket.png') no-repeat center bottom;
}

.FlexBlock.FullBorder#WC {
    background: transparent url('../Media/Images/Content/Programs/Wellness.png') no-repeat center bottom;
}

.FlexBlock.FullBorder#ITTech {
    background: transparent url('../Media/Images/Content/Programs/TRP/ContactImage.png') no-repeat center bottom;
    min-height: 188px; /* forces the height so the image is visible. atm the sibling content isnt tall enough to force this item to be tall enough to display the image properly.  */
}
/*NCI at Frederick Services Page*/

#Services {
    margin-top: 0;
}

.LinkOutIcon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 3px;
}

    .LinkOutIcon + h2, .LinkOutIcon + p, .LinkOutIcon + a {
        display: inline-block;
        vertical-align: middle;
    }

#Services .FlexBlock .BlockBody {
    display: flex;
    align-items: stretch;
    border-radius: 3px;
    padding: 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f7f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f9f9',GradientType=0 ); /* IE6-9 */
}

    #Services .FlexBlock .BlockBody > ul {
        flex: 0 0 360px;
        background: #f7f9f9;
        margin-bottom: 0;
        padding: 10px;
        border-radius: 3px 0 0 3px;
        border-right: 1px solid #cfd8de;
    }

    #Services .FlexBlock .BlockBody > a {
        font-weight: bold;
        flex: 0 0 165px;
        padding: 10px;
        border-radius: 0 3px 3px 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        height: 84px;
    }

        #Services .FlexBlock .BlockBody > a:hover {
            background: #f1f5f6;
        }

        #Services .FlexBlock .BlockBody > a:active {
            background: #dae2e6;
        }

/* Page Headlines */
.PageHeadline {
    display: flex;
    align-items: center;
}

    .PageHeadline .BackButtonLink {
        height: 25px;
        width: 34px;
        background: transparent url('../Programs/Itg/Media/Images/BackSprite.svg') no-repeat 48% 5px/9px 200px;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        display: inline-block;
    }

        .PageHeadline .BackButtonLink:hover {
            background-color: #005699;
            background-position: 48% -95px;
        }

        .PageHeadline .BackButtonLink + h1 {
            border-left: 2px solid #ebeaec;
            line-height: 1.5em;
            margin-left: 13px;
            padding-left: 24px;
        }

/*Styles for a two column ul*/

.TwoColumnList {
    list-style-position: outside;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 15px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

    .TwoColumnList li {
        margin-left: 5px;
    }

ul.FnlFancyList li .Note {
    margin-top: 4px;
    font-size: 12px;
}


/*Contact Us Div*/

div.contactUs {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px dashed #e7e7e7;
}

    div.contactUs > * {
        margin: 0 10px 10px 10px;
        display: inline-block;
    }

    div.contactUs > p:first-child, div.contactUs > h2:first-child {
        margin: 0;
        font-weight: bold;
        color: #00597B;
    }

p.contactEmail, p.contactPhone, p.contactWebsite {
    margin-top: 0;
    margin-bottom: 5px;
}

    p.contactEmail:before {
        content: url('../Media/Images/Content/Services/Email.png');
        margin-right: 8px;
    }

    p.contactWebsite:before {
        content: url('../Media/Images/Content/Services/Website.png');
        margin-right: 8px;
    }

    p.contactPhone:before {
        content: url('../Media/Images/Content/Services/Phone.png');
        margin-right: 8px;
        top: 2px;
        position: relative;
    }

div.contactUs.mainContact {
    border: 1px solid #f3eede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fffdf8;
    position: relative;
    padding: 10px 0;
    float: right;
    margin-left: 20px;
    margin-top: 0;
    width: auto;
    max-width: 250px;
}

    div.contactUs.mainContact > h2 {
        border-bottom: 1px solid #f3eede;
        padding-bottom: 5px;
    }

    div.contactUs.mainContact p:nth-child(2) {
        font-weight: bold;
        padding-top: 10px;
        border-top: 1px solid white;
        margin-bottom: 10px;
    }

    div.contactUs.mainContact p {
        margin-bottom: 5px;
    }

    div.contactUs.mainContact p, div.contactUs.mainContact h2 {
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
    }


/*First implementation of new listing style*/

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

    ul.FancyEvents > li {
        width: 100%;
        border: 1px solid #dadada;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 5px;
    }

        ul.FancyEvents > li > div {
            display: inline-block;
            vertical-align: middle;
            padding: 10px;
            font-size: .9em;
        }

            ul.FancyEvents > li > div:last-child {
                position: absolute;
                right: 30px;
                top: 15px;
            }

                ul.FancyEvents > li > div:last-child > a {
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    text-decoration: none;
                    display: block;
                    background: #f3f3f3;
                    border: 1px solid silver;
                    text-align: center;
                    padding: 6px 10px;
                    border-radius: 3px;
                    color: #006699;
                    font-size: .9em;
                }

                    ul.FancyEvents > li > div:last-child > a:hover {
                        background: #e7e7e7;
                        color: #A90101;
                    }

                    ul.FancyEvents > li > div:last-child > a:active {
                        background: #cdcdcd;
                    }

            ul.FancyEvents > li > div > p {
                margin: 0 0 6px 0;
            }

                ul.FancyEvents > li > div > p:last-child {
                    margin-bottom: 0;
                }

            ul.FancyEvents > li > div.FancyDate {
                width: 45px;
                border-right: 1px dashed #dadada;
            }

                ul.FancyEvents > li > div.FancyDate > span {
                    display: block;
                    text-transform: uppercase;
                    font-weight: normal;
                    text-align: center;
                    letter-spacing: 1px;
                }

                    ul.FancyEvents > li > div.FancyDate > span:nth-child(2) {
                        font-size: 2.1em;
                    }

        /*Fancy Listing - conditional colors*/

        ul.FancyEvents > li.NIH > div.FancyDate {
            border-left: 10px solid #A90101;
        }


/*Email Migration Page*/

div.FancyInstructions {
    background: #f3f3f3;
    border: 1px solid #dadada;
    padding: 10px;
}

    div.FancyInstructions span {
        margin: 0 12px 0 0;
    }

    div.FancyInstructions h2 {
        margin-top: 0;
    }

    div.FancyInstructions.EmailMigration {
        background: #f3f3f3; /* Old browsers */
        background: -moz-linear-gradient(left, #f3f3f3 70%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #f3f3f3 70%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f3f3f3 70%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 );
        border: none;
        padding: 0;
        margin-bottom: 15px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

        div.FancyInstructions.EmailMigration h2#Before {
            background-image: url('../Media/Images/Content/Services/BeforeMigration.png');
        }

        div.FancyInstructions.EmailMigration h2#After {
            background-image: url('../Media/Images/Content/Services/AfterMigration.png');
        }

        div.FancyInstructions.EmailMigration h2 {
            margin-bottom: 0;
            line-height: 32px;
            padding-left: 42px;
            background-repeat: no-repeat;
            background-position: left bottom;
            color: black;
        }

.EmailMigrationSteps > li > h3 {
    color: #005699;
}

/*ImportantAnnouncements*/

div.importantAnnouncements {
    box-sizing: border-box;
    list-style: none;
    display: inline-block;
    padding-top: 0px;
    margin: 5px 15px 0px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #cbcbcb;
    overflow: hidden;
    background: #ebeaee; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5f5f7 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f5f7 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-repeat: no-repeat;
    width: 32%;
    vertical-align: top;
}

    div.importantAnnouncements > div {
        -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cbcbcb), to (0)) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
        -moz-border-image: -moz-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
        -o-border-image: -o-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
        border-image: linear-gradient(to bottom, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;
        border-right: 1px solid #cbcbcb;
        border-left: 1px solid #cbcbcb;
        min-height: 100px;
    }

        div.importantAnnouncements > div > h2 {
            color: #A90101;
            margin-top: 0;
            font-size: 1em;
            text-transform: uppercase;
            border-bottom: 1px solid #dadada;
            padding: 12px 10px 10px 10px;
        }

        div.importantAnnouncements > div > ul {
            list-style-type: none;
            padding: 0 10px;
        }

            div.importantAnnouncements > div > ul > li {
                border-bottom: 1px dashed #dadada;
                padding-bottom: 10px;
                margin-bottom: 12px;
            }

                div.importantAnnouncements > div > ul > li:last-child {
                    border: none;
                }

                div.importantAnnouncements > div > ul > li > h3 {
                    text-transform: uppercase;
                    font-size: .9em;
                    font-weight: normal;
                    margin-top: 15px;
                }

                div.importantAnnouncements > div > ul > li > h4 {
                    margin: 0 0 8px 0;
                    color: #57596E;
                    font-size: 1em;
                }

                div.importantAnnouncements > div > ul > li > p {
                    margin-top: 0;
                }

#importantAnnouncements .linkOut {
    margin: 0 0 5px 0;
}

    #importantAnnouncements .linkOut span {
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
    }

/*Banner for O365*/

div.SubSiteBanner {
    margin: 15px 0;
    display: block;
}

    div.SubSiteBanner > div {
        background: #F1F5F6;
        padding: 7px 15px;
        border: 1px solid #E6EBEE;
        border-radius: 5px;
        border-bottom: 1px solid #E6EBEE;
    }

        div.SubSiteBanner > div#Office365 > h1, div.SubSiteBanner > div#Office365 > p {
            width: 70%;
        }

    div.SubSiteBanner > img {
        position: absolute;
        right: 18px;
        top: 0;
    }

.O365SubSiteHeader {
    position: relative;
    width: 100%;
    margin-top: 5px;
}

    .O365SubSiteHeader span {
        position: absolute;
        width: 100%;
        text-align: right;
        padding-top: 8px;
        padding-right: 30px;
        box-sizing: border-box;
        font-weight: bold;
    }


div#O365LandingPageContent {
    width: 65%;
    display: inline-block;
}


/*More information link*/

a.MoreInformation {
    display: block;
    background: transparent url("../Media/Images/Content/HelpCenter/ArrowBulletHC.png") no-repeat scroll left 1px;
    padding-left: 18px;
    text-decoration: none;
}

    a.MoreInformation#FAQ {
        float: right;
    }

    a.MoreInformation:hover {
        background-position: left -99px;
        text-decoration: underline;
    }

p#Disclaimer {
    font-size: .9em;
    color: #57596E;
}


/*Accordion Style*/


.ui-accordion .ui-accordion-header {
    border: 0;
    border-top: 1px solid #dadada;
    padding: 14px 10px 14px 38px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: #57596E;
    background: transparent;
}

    .ui-accordion .ui-accordion-header:first-child {
        border-top: 0;
    }

    .ui-accordion .ui-accordion-header .ui-icon {
        background-image: url('../Media/Images/Icons/Contract.png');
        height: 16px;
        width: 16px;
        background-position: 0 0;
    }

    .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
        background-image: url('../Media/Images/Icons/Expand.png');
    }

.ui-accordion .ui-accordion-content {
    border: 0;
    padding: 0px 10px 13px 38px;
}

    .ui-accordion .ui-accordion-content p:first-child {
        margin-top: 0;
    }

.ui-widget-content a {
    color: #344287;
}

    .ui-widget-content a:hover {
        color: #A90101;
    }


.DecreaseMarginBottom {
    margin-bottom: 5px;
}

#O365Accordion {
    margin-bottom: 20px;
}


.NoteText {
    font-size: .9em;
    color: #666666;
    font-style: italic;
    margin-top: 5px;
}

/*Removes some left padding from standard ordered list*/

.olPaddingLeft {
    padding-left: 20px;
}

    .olPaddingLeft > li {
        margin-bottom: 4px;
    }

#inlineBlockHeader {
    display: inline-block;
    margin-right: 5px;
}

#phishingIcon {
    margin: 0 20px 0 10px;
}

#phishingInstructions {
    border-top: 1px dashed #c3c3c3;
    margin-top: 15px;
}

    #phishingInstructions img {
        margin: 10px 0;
        border: 1px solid #c3c3c3;
        display: block;
    }

    #phishingInstructions > .Right > ol li:last-child {
        max-width: 325px;
    }

/* Conference Administration */
#ConferenceAdministration .FnlGridViewSelectedRow td {
    padding: 6px 6px 6px 6px;
}

#ConferenceAdministration .ConferenceDetails tr:nth-child(odd) {
    background-color: #f2f2f2;
}

#ConferenceAdministration .ConferenceDetails td {
    padding: 8px;
}

/*TRP Styles*/

#TRPHome div.SubSiteBanner {
    display: flex;
    background: #F1F5F6;
    border: 1px solid #E6EBEE;
    border-radius: 5px;
    border-bottom: 1px solid #E6EBEE;
    /*height: 111px;*/
}

    #TRPHome div.SubSiteBanner img {
        width: 210px;
        height: 122px;
        top: 17px;
        position: relative;
        left: -10px;
    }

    #TRPHome div.SubSiteBanner > div {
        background: none;
        border: none;
        border-radius: unset;
        padding-left: 12px;
    }

#TRPHome #importantAnnouncements, #TRPHome #AdditionalInformation, #WaiverInstructions {
    flex: 0 0 33%;
    margin: 0 0 0 25px;
}

    #WaiverInstructions ol {
        padding-left: 0;
    }

#TRPHome div.importantAnnouncements > div > h2 {
    color: #00597b;
}

#TRPSubSiteHeader {
    background: transparent url('../Media/Images/Content/Programs/TRP/SubSite-Branding.png') no-repeat right center;
    height: 32px;
    font-weight: bold;
    line-height: 32px;
    text-align: right;
    padding-right: 20px;
}

    #TRPSubSiteHeader a {
        color: #000;
        text-decoration: none;
    }

    #TRPSubSiteHeader img {
        height: 18px;
        width: 18px;
        position: relative;
        top: -1px;
        margin-right: 12px;
        vertical-align: middle;
        display: inline-block;
    }

img#DockStation {
    width: 100%;
}

ol.FnlFancyList#Benefits h3 {
    margin-bottom: 0;
}

ol.FnlFancyList#Benefits p {
    margin: 8px 0;
}

.FlexContain#DetailsLinks {
    justify-content: space-between;
}

.DetailsLink {
    border: 1px solid #b2d3bb;
    padding: 12px;
    border-radius: 5px;
    background: #edf8f1;
    text-decoration: none;
    font-weight: bold;
    flex: 0 0 230px;
    color: #00597B;
}

    .DetailsLink:hover {
        background: #d9f2e2;
        color: #000;
    }

    .DetailsLink:active {
        background: #b9dac5;
    }

    .DetailsLink#EquipmentOfferings {
        background-image: url('../Media/Images/Content/Programs/TRP/iconMonitor.svg');
        background-repeat: no-repeat;
        background-position: right 8px bottom;
        background-size: 41px 36px;
    }

    .DetailsLink#FAQ {
        background-image: url('../Media/Images/Content/Programs/TRP/iconFAQ.svg');
        background-size: 23px 36px;
        background-repeat: no-repeat;
        background-position: right 12px bottom;
    }

    .DetailsLink#Benefits {
        background-image: url('../Media/Images/Content/Programs/TRP/iconBenefits.svg');
        background-size: 38px 36px;
        background-repeat: no-repeat;
        background-position: right 12px bottom;
    }

.WorkStationModal {
    margin: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;
    border: none;
    border: 1px solid #aaaaaa;
}

    .WorkStationModal > .ui-dialog-titlebar {
        background: none;
        border-width: 0 0 1px 0;
        border-color: #e0e0e0;
        border-style: solid;
        border-radius: 0;
        padding: 15px;
        color: #626262;
        font-size: 18px;
        font-weight: normal;
        box-sizing: border-box;
    }

.ui-dialog.WorkStationModal .ui-widget-header span.ui-icon, .ui-dialog .ui-state-hover span.ui-icon {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    padding: 0;
    background: transparent url('../Media/Images/Icons/CloseIcon.svg') no-repeat left top !important;
}

.ui-dialog.WorkStationModal .ui-state-hover span.ui-icon {
    background: transparent url('../Media/Images/Icons/CloseIconHover.svg') no-repeat left top !important;
}

.ui-dialog.WorkStationModal .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 5px !important;
    border: 0;
    background: transparent;
    line-height: 0;
    height: 23px;
    width: 23px;
    right: 8px;
    top: 20px;
}

.ModalLauncher {
    color: #344287;
    text-decoration: underline;
}

    .ModalLauncher:hover {
        color: #A90101;
        cursor: pointer;
    }

#BenefitsImage {
    float: right;
    margin: 0 0 0 20px;
}

.noMarginTop {
    margin-top: 0;
}

.noMarginBottom {
    margin-bottom: 0;
}

.MarginBottom15 {
    margin-bottom: 15px;
}

.ImportantContent {
    background-image: url('../Media/Images/Icons/iconImportant.svg');
    background-size: 16px 16px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
    border: 1px solid #dadada;
    background-color: #f8f8fa;
}

.InfoContent {
  background-image: url('../Media/Images/Icons/InfoIcon.svg');
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding-left: 20px !important;
  width: 100px !important;
}

#TRPFlexContent .FlexContain {
    justify-content: space-between;
    margin: 0;
    text-align: center;
}

    #TRPFlexContent .FlexContain > div > div {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 5%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 5%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 5%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
        margin-top: -18px;
        padding: 18px 0;
    }

    #TRPFlexContent .FlexContain > div > .Ribbon {
        font-weight: bold;
        background: #d4edf6;
        position: relative;
        left: -10px;
        padding: 10px 8px 8px 20px;
        box-sizing: border-box;
        text-align: left;
        height: 34px;
        width: 85%;
    }

        #TRPFlexContent .FlexContain > div > .Ribbon:after {
            content: '';
            position: absolute;
            height: 0;
            border: 17px solid transparent;
            top: 0;
            width: 0;
            border-top-color: #d4edf6;
            border-bottom-color: #d4edf6;
            border-left-color: #d4edf6;
            right: -25px;
        }

        #TRPFlexContent .FlexContain > div > .Ribbon:before {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            left: 0px;
            bottom: 100%;
            border-width: 3px 5px;
            border-style: solid;
            border-color: transparent #287eb2 #287eb2 transparent;
        }

        #TRPFlexContent .FlexContain > div > .Ribbon > span {
            display: inline-block;
            height: 20px;
        }

        #TRPFlexContent .FlexContain > div > .Ribbon > .PowerOption {
            background-image: url('../Media/Images/Content/Programs/TRP/iconPower.svg');
            background-position: left top;
            background-size: 14px 18px;
            background-repeat: no-repeat;
            padding-left: 20px;
        }

    #TRPFlexContent .FlexContain .Title {
        text-transform: uppercase;
        font-weight: bold;
        color: #0e6091;
        letter-spacing: .5px;
        font-size: 1.1em;
        padding: 14px 8px 8px 8px;
    }

    #TRPFlexContent .FlexContain > div {
        border-radius: 4px;
        box-shadow: rgba(1,0,0,.3) 0px 0px 4px;
        z-index: 0;
    }

    #TRPFlexContent .FlexContain.TwoColumnFlex > div {
        width: calc(50% - 10px);
    }

    #TRPFlexContent .FlexContain.ThreeColumnFlex > div {
        width: calc(33% - 10px);
    }

    #TRPFlexContent .FlexContain > div > img {
        padding: 10px 0 28px 0;
    }

    #TRPFlexContent .FlexContain > div > div > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #TRPFlexContent .FlexContain > div > div > ul > li {
            padding: 8px 10px 0 10px;
            margin: 0;
        }

            #TRPFlexContent .FlexContain > div > div > ul > li:not(:last-child):after {
                content: '';
                display: block;
                height: 1px;
                width: 50%;
                background-color: #e3e3e4;
                margin: 8px auto 0 auto;
            }

            #TRPFlexContent .FlexContain > div > div > ul > li > ul {
                list-style: none;
                padding: 0;
            }

    #TRPFlexContent .FlexContain > div .OrderButton {
        padding: 8px 15px;
        background: #167ebe;
        display: inline-block;
        margin: 22px auto 0 auto;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        border-radius: 3px;
    }

.OrderButtons {
    /*margin: 0px 0px 30px 0px;
  background: #eaeaea;
  padding: 10px;
  border: 1px solid #444444;*/
}

    .OrderButtons p {
        display: inline-block;
        color: black;
        font-size: 15px;
    }

    .OrderButtons .OrderButton {
        padding: 8px 15px;
        background: #00597B;
        display: inline-block;
        margin: 10px 0px 10px 15px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        border-radius: 3px;
    }

        .OrderButtons .OrderButton:hover {
            background-color: black;
            color: #fff;
        }

#TRPFlexContent .FlexContain > div .OrderButton:not(#ComingSoon):hover {
    background: #0e6091;
}

#TRPFlexContent .FlexContain > div .OrderButton:not(#ComingSoon):active {
    background: #094b72;
}

#TRPFlexContent .FlexContain > div .OrderButton#ComingSoon {
    background: #aaaaaa;
}

/*** Styles for Fancy Coming Soon Banner */
#TRPFlexContent .FlexContain > div {
    position: relative; /* for TRPFlexContentComingSoonFancyBanner */
}

    #TRPFlexContent .FlexContain > div .TRPFlexContentComingSoonFancyBanner {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100px;
        height: 100px;
        text-align: center;
        font-size: 16px;
        color: #444444;
        background-color: transparent;
        background-image: none;
        position: absolute;
        top: 28px;
        left: 11px;
        z-index: 200;
    }

        #TRPFlexContent .FlexContain > div .TRPFlexContentComingSoonFancyBanner:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            height: 100px;
            z-index: -1;
            background: transparent url(../media/images/content/programs/trp/comingsoonlayer1.svg) no-repeat 0 0 / cover;
        }

        #TRPFlexContent .FlexContain > div .TRPFlexContentComingSoonFancyBanner:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            height: 100px;
            z-index: -2;
            background: transparent url(../media/images/content/programs/trp/comingsoonlayer2.svg) no-repeat 0 0 / cover;
            transition: transform 500ms linear;
        }

        #TRPFlexContent .FlexContain > div .TRPFlexContentComingSoonFancyBanner:hover:after {
            transform: scale(1.15);
        }
    /*** End Fancy Coming Soon Banner */

    #TRPFlexContent .FlexContain > div .OrderButton.ExtraMargin {
        margin-top: 68px;
    }

#TRPFlexContent .FlexContain#Monitors > div .OrderButton.ExtraMargin {
    margin-top: 40px;
}

#TRPFlexContent .FlexContain#MacLaptops > div .OrderButton.ExtraMargin {
    margin-top: 52px;
}

#TRPTabs > #PageTabs > ul {
    height: 49px;
    margin: 15px 0 20px 0;
    border-bottom-color: #035b7f;
}

    #TRPTabs > #PageTabs > ul > li > a {
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        border-left: 1px solid #528ea7;
        border-top: 1px solid #528ea7;
        border-right: 1px solid #528ea7;
        padding: 5px 35px;
        margin: 10px 5px 0;
    }

    #TRPTabs > #PageTabs > ul > li.CurrentTab > a, #TRPTabs > #PageTabs > ul > li.CurrentTab > a:hover {
        background-color: #d4edf6;
        border-color: black;
        color: black;
        height: 38px;
        margin: 0px 5px 0;
        line-height: 38px;
    }

        #TRPTabs > #PageTabs > ul > li.CurrentTab > a.WindowsTab::before, #TRPTabs > #PageTabs > ul > li > a.WindowsTab::before {
            content: '';
            background-image: url(../Media/Images/Content/Programs/TRP/trp-logo-windows.svg);
            background-repeat: no-repeat;
            width: 100px;
            padding: 5px 0px 10px 35px;
            height: 100%;
            background-size: 70%;
            background-position: 0 0;
        }

    #TRPTabs > #PageTabs > ul > li > a.AppleTab::before {
        content: '';
        background-image: url(../Media/Images/Content/Programs/TRP/trp-logo-apple.svg);
        background-repeat: no-repeat;
        width: 100px;
        padding: 10px 0px 10px 35px;
        height: 100%;
        background-size: 55%;
        background-position: 0 4px;
        margin-right: -5px;
    }


    #TRPTabs > #PageTabs > ul > li.CurrentTab > a.AppleTab::before {
        content: '';
        /*background-image: url(../Media/Images/Content/Programs/TRP/apple_icon_hover.png);*/
        background-repeat: no-repeat;
        width: 100px;
        padding: 10px 0px 10px 35px;
        height: 100%;
        background-size: 55%;
        background-position: 0 4px;
        margin-right: -5px;
    }

    #TRPTabs > #PageTabs > ul > li > a.MonitorTab::before {
        content: '';
        background-image: url(../Media/Images/Content/Programs/TRP/trp-logo-monitor.svg);
        background-repeat: no-repeat;
        width: 100px;
        padding: 5px 0px 10px 35px;
        height: 100%;
        background-size: 70%;
        background-position: 0 2px;
    }

    #TRPTabs > #PageTabs > ul > li.CurrentTab > a.MonitorTab::before {
        content: '';
        /*background-image: url(../Media/Images/Content/Programs/TRP/monitor_icon_hover.png);*/
        background-repeat: no-repeat;
        width: 100px;
        padding: 5px 0px 10px 35px;
        height: 100%;
        background-size: 70%;
        background-position: 0 2px;
    }

table.FnlTable#TRPTable {
    width: 100%;
}

    table.FnlTable#TRPTable > thead:first-child > tr:first-child > th {
        background-color: #00597B;
    }

/*Welcome Committee Page*/

#WelcomeTeam {
    float: left;
    margin: 0 20px 20px 0;
}

#WelcomeCommitteeMembers ul {
    list-style: none;
    flex: 0 0 49%;
}

    #WelcomeCommitteeMembers ul > li {
        margin: 0;
    }

        #WelcomeCommitteeMembers ul > li:not(:first-child) {
            margin-top: 20px;
        }

        #WelcomeCommitteeMembers ul > li > h4 {
            margin: 0 0 5px 0;
        }

        #WelcomeCommitteeMembers ul > li > a {
            display: inline-block;
        }

/*FnlTabbedContainer margin override*/

.WidthContain .FnlTabbedContainer:first-of-type {
    margin-bottom: 20px;
}

/* Second Grid Example */
#DigitDialingGridTwo {
    float: left;
    width: 100%;
    border-collapse: collapse;
}

    #DigitDialingGridTwo table {
        width: 80%;
        border-collapse: collapse;
        margin: 0px auto;
    }

    #DigitDialingGridTwo .GridHeader {
        background: #696969;
        padding: 8px 8px 8px 15px;
        color: #EDEDED;
        font-weight: bold;
    }

    #DigitDialingGridTwo tbody tr:nth-child(even) td {
        padding: 8px 8px 8px 15px;
        background: white;
        color: black;
    }

    #DigitDialingGridTwo tbody tr:nth-child(odd) td {
        padding: 8px 8px 8px 15px;
        background: #EEEEEE;
        color: black;
    }

    #DigitDialingGridTwo table tr td.GridSubHeader {
        background: #a90101;
        padding: 8px 8px 8px 15px;
        color: white;
        font-weight: bold;
    }

        #DigitDialingGridTwo table tr td.GridSubHeader:nth-child(1) {
            width: 25%;
        }

    #DigitDialingGridTwo .GridSubHeader:nth-child(1), #DigitDialingGridTwo .GridCell:nth-child(1) {
        border-right: 1px solid #696969;
    }

.GridLine {
    border: 1px dashed #c3c3c3;
    width: 100%;
}

h1.TransitionHeader {
    font-size: 2.4em;
    display: inline-block;
}

    h1.TransitionHeader:after {
        content: "";
        border-right: 1px solid #a90101;
        padding: 5px 15px 5px 0px;
    }

h2.DisplayInline {
    display: inline-block;
    padding-left: 15px;
    font-size: 1.5em
}

.TenDigitParagraph {
    margin: 0px 0px 45px 0px;
    padding-left: 300px;
    background: url(../Media/Images/Content/Services/phone.gif) no-repeat;
    background-size: 35%;
    background-position: 30px 10px;
}

.DmsDottedGrid th .DmsIconInfo[data-role*="tooltip"],
.DmsDottedGrid th > a[data-role*="tooltip"]:after {
    display: inline-block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM6.7 3.3c.1-.1.2-.3.3-.4.1-.1.3-.2.4-.3.2-.1.4-.1.6-.1.2 0 .4 0 .5.1.2.1.3.2.5.3.1.1.2.3.3.4.1.2.1.3.1.5s0 .4-.1.5c-.1.2-.2.4-.3.5-.2.1-.3.2-.5.3-.1.1-.3.1-.5.1s-.4 0-.5-.1c-.2-.1-.3-.2-.5-.3-.1-.1-.2-.3-.3-.4 0-.2-.1-.4-.1-.5 0-.2.1-.4.1-.6zm4.4 10.2h-6v-1.6h2.2V8.4H5.5V6.7h3.8v5.1h1.8v1.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 11px 11px;
    vertical-align: top;
}

/** GENERAL TABLE STYLES **/
/* For both kendo and dms tables - which should be very similar in appearance. */

.k-grid td.CenteredCol,
.k-grid th.CenteredCol, .DmsGrid th.CenteredCol,
.DmsGrid td.CenteredCol {
    text-align: center;
}

.k-grid td.NarrowColumn,
.k-grid th.NarrowColumn, .DmsGrid th.NarrowColumn,
.DmsGrid td.NarrowColumn {
    width: 1%;
}

.k-grid {
    /*** DOTTED TABLES ***/
}

    .k-grid td,
    .k-grid th {
        overflow: visible;
    }

    .k-grid th {
        line-height: 1.2em;
    }

        .k-grid th:last-child {
            border-right: 0;
        }

    .k-grid .k-grid-content {
        overflow-x: visible;
        overflow-y: visible;
    }

    .k-grid div.k-grid-header {
        padding-right: 0 !important;
        background-color: #486d93;
        color: #ffffff;
        font-weight: bold;
    }

        .k-grid div.k-grid-header a {
            color: inherit;
        }

        .k-grid div.k-grid-header *[class*="k-i-sort"] {
            color: inherit;
        }

        .k-grid div.k-grid-header .k-header {
            white-space: normal;
            text-overflow: unset;
            vertical-align: top;
        }

            .k-grid div.k-grid-header .k-header > .k-link {
                overflow: visible;
                text-overflow: unset;
            }

    .k-grid .k-pager-wrap {
        background: transparent;
        border-color: #d3d3d3;
        border-style: solid;
        border-width: 1px 0 0 0;
        display: flex;
    }

    .k-grid.DmsDottedGrid {
        border: 0;
    }

        .k-grid.DmsDottedGrid .k-grid-header {
            padding-right: 0 !important;
            background-color: transparent;
            color: #444444;
            font-weight: bold;
            font-size: 11.2px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .k-grid.DmsDottedGrid .k-grid-header a {
                color: #444444;
                text-decoration: underline;
            }

        .k-grid.DmsDottedGrid .k-grid-content tr.k-alt {
            background-color: transparent;
        }

        .k-grid.DmsDottedGrid .k-grid-content tr td {
            border-width: 0 0 1px;
            border-style: dotted;
            border-color: #d3d3d3;
            padding: 12px 8px;
        }

            .k-grid.DmsDottedGrid .k-grid-content tr td:first-child {
                padding-left: 0;
            }

            .k-grid.DmsDottedGrid .k-grid-content tr td:last-child {
                padding-right: 0;
            }

        .k-grid.DmsDottedGrid .k-grid-content tr:first-child td {
            border-top-width: 1px;
        }

        .k-grid.DmsDottedGrid .k-grid-header {
            border: 0;
        }

            .k-grid.DmsDottedGrid .k-grid-header .k-grid-header-wrap {
                border: 0;
            }

                .k-grid.DmsDottedGrid .k-grid-header .k-grid-header-wrap table thead tr th {
                    border: 0;
                    font-size: 9.8px;
                    line-height: 16.8px;
                    padding: 12px 8px;
                    vertical-align: bottom;
                }

                    .k-grid.DmsDottedGrid .k-grid-header .k-grid-header-wrap table thead tr th:first-child {
                        padding-left: 0;
                    }

                    .k-grid.DmsDottedGrid .k-grid-header .k-grid-header-wrap table thead tr th:last-child {
                        padding-right: 0;
                    }

        .k-grid.DmsDottedGrid .k-pager-wrap {
            background: transparent;
            border-color: #d3d3d3;
            border-style: solid;
            border-width: 0;
        }

#ScheduledAlerts .FnlGridView {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    outline: 0;
    font-size: 14px;
    color: #444444;
    border: none;
}

#ScheduledAlerts .FnlGridViewHeader {
    background-color: transparent;
    border-bottom: 1px dashed rgba(97,97,97,.8);
    color: white;
    text-align: left;
}

    #ScheduledAlerts .FnlGridViewHeader th {
        border: none;
        font-size: 9.8px;
        line-height: 16.8px;
        vertical-align: bottom;
        color: #444;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0px;
        font-family: Arial,Helvetica,sans-serif;
    }

#ScheduledAlerts .FnlGridViewRow td {
    border: none;
    border-bottom: 1px dashed rgba(97,97,97,.8);
    padding: 6px 6px 6px 6px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1;
    border-width: 0 0 1px;
    border-right: 1px solid Silver;
}

    #ScheduledAlerts .FnlGridViewRow td.ActionsColumn {
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
    }

/* Admin */
ul.AdminTileList {
    list-style: none;
    margin: 0 -2% 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

    ul.AdminTileList li {
        flex: 0 1 31%;
        margin: 0 2% 20px 0;
        position: relative;
    }

        ul.AdminTileList li a {
            display: block;
            box-sizing: border-box;
            height: 100%;
            text-decoration: none;
            padding: 27px 15px 30px;
            text-align: center;
            border: 1px solid #C8E1EE;
            border-left-width: 8px;
            border-left-color: #7092A2;
            border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            font-size: 1.5em;
            line-height: 1.3em;
            overflow: visible;
            /* "to left" / "to right" - affects initial color */
            background: linear-gradient(to left, white 50%, #f4f8fa 50%) right;
            background-size: 200%;
            transition: .2s ease-out;
        }

            ul.AdminTileList li a:hover {
                background-position: left;
            }

    ul.AdminTileList.HasIcons li a {
        padding: 50px 15px 30px;
    }

        ul.AdminTileList.HasIcons li a:before {
            content: "";
            display: block;
            position: absolute;
            height: 20px;
            width: 23px;
            top: 21px;
            left: 46%;
            background: none center center/contain no-repeat;
        }

    ul.AdminTileList li.ManageRedirects a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.31 11.68'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation:isolate;%7D.cls-2%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cg id='_404' data-name=' 404' class='cls-1'%3E%3Cpath class='cls-2' d='M4.45,10.94V7.87H0V.76A.73.73,0,0,1,.22.22.77.77,0,0,1,.76,0a.7.7,0,0,1,.51.22.73.73,0,0,1,.22.54V6.37h3V2.05a.74.74,0,0,1,.21-.53.71.71,0,0,1,1,0,.74.74,0,0,1,.21.53V6.37a.71.71,0,0,1,.53.22.72.72,0,0,1,.21.52.7.7,0,0,1-.21.52.71.71,0,0,1-.53.22v3.09a.73.73,0,0,1-.73.74.72.72,0,0,1-.74-.74Z'/%3E%3Cpath class='cls-2' d='M8.91,10.26V1.42a1.38,1.38,0,0,1,.42-1,1.38,1.38,0,0,1,1-.42h4.61a1.35,1.35,0,0,1,1,.42,1.38,1.38,0,0,1,.42,1v8.84a1.34,1.34,0,0,1-.42,1,1.37,1.37,0,0,1-1,.42H10.33a1.42,1.42,0,0,1-1.42-1.42Zm6-.06V1.49h-4.5V10.2Z'/%3E%3Cpath class='cls-2' d='M23.1,10.94V7.87H18.65V.76a.73.73,0,0,1,.22-.54A.77.77,0,0,1,19.4,0a.73.73,0,0,1,.52.22.73.73,0,0,1,.22.54V6.37h3V2.05a.74.74,0,0,1,.21-.53.7.7,0,0,1,.52-.23.72.72,0,0,1,.53.23.74.74,0,0,1,.21.53V6.37a.67.67,0,0,1,.52.22.69.69,0,0,1,.22.52.75.75,0,0,1-.74.74v3.09a.71.71,0,0,1-.22.53.75.75,0,0,1-1,0A.74.74,0,0,1,23.1,10.94Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    ul.AdminTileList li.ManageLinks a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.09 16.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cpath id='link' class='cls-1' d='M10.25,5.84a4.79,4.79,0,0,1,0,6.76h0L8.13,14.73A4.79,4.79,0,0,1,1.36,8L2.53,6.79a.49.49,0,0,1,.7,0,.54.54,0,0,1,.16.35,5.79,5.79,0,0,0,.3,1.66.5.5,0,0,1-.12.53l-.41.41A2.27,2.27,0,0,0,6.35,13l2.12-2.12a2.28,2.28,0,0,0,0-3.21h0a2.16,2.16,0,0,0-.33-.27A.53.53,0,0,1,7.92,7,1.27,1.27,0,0,1,8.29,6L9,5.35a.5.5,0,0,1,.64,0,4.78,4.78,0,0,1,.65.54ZM14.69,1.4a4.79,4.79,0,0,0-6.77,0L5.8,3.52h0a4.79,4.79,0,0,0,0,6.77,4,4,0,0,0,.63.53.5.5,0,0,0,.65-.06l.66-.66a1.27,1.27,0,0,0,.37-.94.53.53,0,0,0-.22-.4,2.16,2.16,0,0,1-.33-.27,2.28,2.28,0,0,1,0-3.21h0L9.7,3.18a2.27,2.27,0,1,1,3.23,3.19l0,0-.41.41a.5.5,0,0,0-.12.53A5.79,5.79,0,0,1,12.66,9a.5.5,0,0,0,.51.48.47.47,0,0,0,.35-.15l1.17-1.17a4.8,4.8,0,0,0,0-6.77Z'/%3E%3C/svg%3E");
    }

    ul.AdminTileList li.ManageFeatureArticles a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.6 11.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cpath id='newspaper' class='cls-1' d='M16.87,0H2.69A.73.73,0,0,0,2,.73H2V1H.73A.73.73,0,0,0,0,1.71H0V10a1.71,1.71,0,0,0,1.71,1.71H16.13a1.46,1.46,0,0,0,1.47-1.46V.73A.73.73,0,0,0,16.87,0ZM1.71,10.27A.25.25,0,0,1,1.47,10h0V2.44H2V10a.25.25,0,0,1-.25.25Zm7.21-.49H4.28a.38.38,0,0,1-.37-.37V9.17a.37.37,0,0,1,.37-.37H8.92a.37.37,0,0,1,.37.37v.24A.38.38,0,0,1,8.92,9.78Zm6.36,0H10.63a.37.37,0,0,1-.36-.37V9.17a.36.36,0,0,1,.36-.37h4.65a.36.36,0,0,1,.36.37v.24A.37.37,0,0,1,15.28,9.78ZM8.92,6.84H4.28a.37.37,0,0,1-.37-.36V6.23a.37.37,0,0,1,.37-.36H8.92a.37.37,0,0,1,.37.36v.25A.37.37,0,0,1,8.92,6.84Zm6.36,0H10.63a.36.36,0,0,1-.36-.36V6.23a.36.36,0,0,1,.36-.36h4.65a.36.36,0,0,1,.36.36v.25A.36.36,0,0,1,15.28,6.84Zm0-2.93h-11a.37.37,0,0,1-.37-.37V2.32A.37.37,0,0,1,4.28,2h11a.37.37,0,0,1,.37.36V3.54a.37.37,0,0,1-.37.37Z'/%3E%3C/svg%3E");
    }

    ul.AdminTileList li.ManageNotices a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.29 15.19'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cpath id='bell' class='cls-1' d='M6.65,15.19a1.9,1.9,0,0,0,1.9-1.9H4.75a1.9,1.9,0,0,0,1.9,1.9ZM13,10.75c-.58-.62-1.65-1.54-1.65-4.58a4.69,4.69,0,0,0-3.8-4.6V1a.95.95,0,0,0-1.9,0v.62a4.68,4.68,0,0,0-3.8,4.6c0,3-1.06,4-1.63,4.58A.92.92,0,0,0,0,11.4a1,1,0,0,0,1,.94H12.34a.94.94,0,0,0,.95-.94h0a1,1,0,0,0-.25-.65Z'/%3E%3C/svg%3E");
    }

    ul.AdminTileList li.ManageAlerts a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.6 13.87'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cpath id='exclamation-triangle' class='cls-1' d='M15.42,11.92A1.29,1.29,0,0,1,15,13.69a1.25,1.25,0,0,1-.65.18H1.3A1.3,1.3,0,0,1,0,12.57a1.34,1.34,0,0,1,.17-.65L6.67.65A1.32,1.32,0,0,1,8.45.17a1.38,1.38,0,0,1,.48.48l6.5,11.27ZM7.8,9.59a1.25,1.25,0,1,0,1.25,1.24A1.25,1.25,0,0,0,7.8,9.59ZM6.62,5.11l.2,3.68a.33.33,0,0,0,.32.31H8.46a.33.33,0,0,0,.32-.31L9,5.11a.32.32,0,0,0-.3-.34H6.94a.32.32,0,0,0-.32.32Z'/%3E%3C/svg%3E");
    }

    ul.AdminTileList li.ManageUsers a:before {
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.67 16.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bdd1da;%7D%3C/style%3E%3C/defs%3E%3Cpath id='laugh-beam' class='cls-1' d='M8.33,0a8.34,8.34,0,1,0,8.34,8.33A8.33,8.33,0,0,0,8.33,0Zm.81,6.7C9.25,5.28,10.22,4.3,11,4.3s1.77,1,1.88,2.4a.27.27,0,0,1-.25.29.29.29,0,0,1-.25-.14l-.32-.57A1.25,1.25,0,0,0,11,5.55,1.25,1.25,0,0,0,10,6.28l-.32.57A.28.28,0,0,1,9.28,7a.27.27,0,0,1-.14-.26Zm-5.38,0c.11-1.42,1.09-2.4,1.88-2.4A2.41,2.41,0,0,1,7.53,6.7.27.27,0,0,1,7.28,7,.29.29,0,0,1,7,6.85l-.32-.57a1.27,1.27,0,0,0-1.06-.73,1.27,1.27,0,0,0-1.06.73l-.32.57A.27.27,0,0,1,3.9,7a.26.26,0,0,1-.13-.25ZM13.4,10a4.85,4.85,0,0,1-4.8,4.24H8.06A4.86,4.86,0,0,1,3.26,10a.54.54,0,0,1,.48-.59h9.13a.54.54,0,0,1,.53.55v0Z'/%3E%3C/svg%3E");
    }


/* Alert Section */
.AlertContainer {
    max-width: 1040px;
    width: 100%;
    border-bottom: 1px solid silver;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

    .AlertContainer h3 {
        color: black;
        display: inline-block;
        margin-bottom: 15px;
    }

    .AlertContainer img {
        width: 1040px;
        height: 255px;
    }

    .AlertContainer a.k-button-asp, .AlertContainer a.k-primary-asp {
        float: right;
        margin-left: 10px;
    }

    .AlertContainer a.k-primary-asp, .AlertContainer a.k-button-asp {
        margin-top: .7rem;
    }

.ActiveAlertBlock .ActiveAlert .AlertDescription {
    top: 45%;
}

.ActiveAlertBlock .ActiveAlert .AlertTitle, .ActiveAlertBlock .ActiveAlert .AlertDate {
    top: 30%;
}

.FnlAlert span.AlertDate {
    right: 30px;
}

.AlertEditButton {
    text-decoration: none;
    color: black;
    padding: 10px 50px 8px 50px;
    border: 1px solid lightgray;
    float: right;
    margin: 20px;
    font-size: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
}

    .AlertEditButton:hover, .ResponsiveModalWindow .Button:hover, a.AlertPostButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#EBEBEB));
        color: black;
    }

input.AlertPostButton {
    text-decoration: none;
    color: black;
    padding: 10px 45px 30px 45px;
    border: 1px solid lightgray;
    float: right;
    font-size: 20px;
    margin: 20px;
}

a.AlertPostButton {
    text-decoration: none;
    color: black;
    padding: 10px 50px 8px 50px;
    border: 1px solid lightgray;
    float: right;
    font-size: 20px;
    margin: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
}

.AlertBlock .Warning:before, .ActiveAlertBlock .AlertTitle:before {
    background-image: url('../Media/Images/Icons/Warning.svg');
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: -28px;
    padding-right: 10px;
    vertical-align: text-top;
}

/* Edit Alert Schedule Modal */
.ResponsiveModalWindow.ui-dialog.ui-widget {
    border-radius: 10px;
}

.ResponsiveModalWindow .ui-widget-content {
    padding: 0px 20px;
}

.ResponsiveModalWindow .ui-dialog-titlebar {
    background: transparent;
    border: none;
    padding: 15px 20px;
    font-size: 18px;
}

.ResponsiveModalWindow .ui-dialog-titlebar-close {
    display: none;
}

.FlexContain .FlexBox {
    margin: 0px;
}

    .FlexContain .FlexBox .InputItem {
        margin-right: 15px;
        margin-top: 15px;
    }

        .FlexContain .FlexBox .InputItem .Label {
            font-size: 12px;
            display: block;
            padding-bottom: 5px;
        }

.ResponsiveModalWindow .ButtonsRow {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 15px 15px 0px;
}

.ResponsiveModalWindow .Button {
    text-decoration: none;
    color: black;
    padding: 5px 10px;
    border: 1px solid lightgray;
    font-size: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
    font-size: 12px;
}

.InputSet {
    position: relative;
    line-height: 12px;
    width: 100%;
    margin: 25px 0px;
}

    .InputSet label {
        display: block;
        text-transform: uppercase;
        font-size: 11.2px;
        letter-spacing: 2px;
        line-height: 1.5;
        margin: 0 0 8px;
    }

    .InputSet input {
        margin: 0px;
        max-width: 100%;
        border-radius: 2px;
        border: 1px solid #d3d3d3;
        width: 98%;
        padding: 5px 10px;
    }

    .InputSet textarea {
        height: 70px;
        margin: 0px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #d3d3d3;
        padding: 5px 10px;
    }

.AlertBlockSpan {
    display: block;
    padding-left: 15px;
}

h1.PortalHeader {
    font-size: 2.0em;
    font-weight: normal;
    color: #00597B;
    margin-top: 0px;
    margin-bottom: 10px;
}

.NCIHealthHeader {
    background: url('../Media/Images/Logos/nih_healthtext.png');
    background-repeat: no-repeat;
    display: block;
    width: 300px;
    height: 40px;
    float: right;
}

.BorderRight {
    border-right: 1px solid lightgray;
}

.CalendarFlex {
    position: relative;
    margin: 0px 0px 15px;
}

    .CalendarFlex .BorderRight {
        -webkit-transform: rotate(310deg);
        -moz-transform: rotate(310deg);
        -ms-transform: rotate(310deg);
        width: 20px;
        height: 25px;
        border-right: 1px solid lightgray;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: 48.7%;
        top: 2px;
        background: white;
    }

    .CalendarFlex .BorderLeft {
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        width: 20px;
        height: 25px;
        border-left: 1px solid lightgray;
        display: inline-block;
        text-align: center;
        position: absolute;
        background: white;
        left: 48%;
        top: 2px;
    }

.FlexContain.MarginBottomZero {
    margin-bottom: 0px;
}

.FlexContain.MarginTopZero {
    margin-top: 10px;
}

.FlexContain.Column.MarginTopZero {
    margin-top: 0px;
}

.Circle {
    height: 12px;
    width: 12px;
    background-color: #70ad47;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 48.85%;
    top: -18px;
}

.PortalContainer {
    border: 1px solid lightgray;
    border-radius: 15px;
    padding: 15px;
}

    .PortalContainer h2 {
        font-size: 1.8em;
        margin-top: 0px;
        text-align: center;
        font-style: italic;
    }

    .PortalContainer .DisplayFlex {
        display: flex;
    }

    .PortalContainer .PortalSubHeader {
        border: 1px solid #7f7f7f;
        border-radius: 5px;
        padding: 5px 15px;
        text-align: center;
        background: #7f7f7f;
        color: white;
        min-height: 34px;
        font-weight: bold;
        font-size: 16px;
    }

        .PortalContainer .PortalSubHeader.FirstChild {
            padding: 14px 15px 0px 15px;
        }

    .PortalContainer .PortalSubContainer {
        border: 1px dashed lightgray;
        position: relative;
    }

        .PortalContainer .PortalSubContainer sub {
            padding-right: 10px;
            padding-bottom: 10px;
            position: absolute;
            bottom: 0px;
            right: 0px;
            font-style: italic;
            text-align: right;
            padding-top: 10px;
        }

        .PortalContainer .PortalSubContainer .PortalHeader {
            font-size: 16px;
            font-weight: bold;
            padding: 5px;
        }

.FlexContain .Date {
    font-size: 44px;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
    float: left;
    padding-right: 10px;
    color: #00597B;
}

.FlexContain .Day {
    display: inline-block;
    font-size: 28px;
    vertical-align: top;
    font-weight: bold;
    width: 70%;
    color: #00597B;
}

.FlexContain .Month {
    display: inline-block;
    font-size: 30px;
    color: gray;
}

.PaddingTen {
    padding: 10px;
}

.textCenter img {
    padding: 10px 0px 0px 0px;
}

.PaddingTopTen {
    padding-top: 10px;
    margin-top: 10px;
}

.BreakWord {
    word-break: break-word;
}

#CovidDirectionContainer {
    width: 100%;
    height: 100px;
    background: #fff8e5;
    display: flex;
    margin-top: 15px;
    border: 2px solid #b3b3b3;
}

    #CovidDirectionContainer .Flex1 {
        flex: 1;
        background: url('../Media/Images/Content/COVID-19/Covid_SixFootDirection.png') no-repeat;
        background-position: center;
    }

    #CovidDirectionContainer .Flex3 {
        flex: 6;
        font-size: 14px;
        font-weight: 700;
        padding: 35px 20px 0px 0px;
    }

.FlexBlock.SRFFlower {
    background: url('../Media/Images/Content/FeatureArticles/srf_flower.png') no-repeat;
    display: block;
    width: 50px;
    height: 430px;
    background-size: 250px 450px;
}

.FlexBlock.Flex3.PageDescription hr {
    margin-top: 20px;
}

.FlexBlock.Flex3.PageDescription div:not(:nth-child(1)) {
    color: black;
}

.FlexBlock .SRFFlex {
    display: flex;
    margin-top: 15px;
}

    .FlexBlock .SRFFlex img {
        width: 125px;
        height: 125px;
        margin-right: 15px;
    }

    .FlexBlock .SRFFlex .Flex2 {
        flex: 2;
    }

    .FlexBlock .SRFFlex h3 {
        margin-top: 0px;
    }

.FlexContain.SRFOption {
    align-content: center;
    font-weight: bold;
    margin: 5px;
}

.FlexContain.SRFOptionTwo, .FlexContain.SRFOptionTwo .FnlFancyList {
    margin-top: 0px;
}

.SectionBanner.OsoFinance {
    height: 140px;
}

    .SectionBanner.OsoFinance .PageDetails {
        margin: 20px;
    }

        .SectionBanner.OsoFinance .PageDetails .FinanceImage {
            position: absolute;
            top: 9px;
            right: 45px;
        }

.FlexBlock.FinanceBlockLinks ul li {
    line-height: 20px;
}

.FlexBlock.FinanceBlockLinks .BlockHeader {
    margin-top: 20px;
}

.FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul {
    padding: 0px;
}

    .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li {
        list-style: none;
        position: relative;
        min-height: 40px;
    }

        .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li a {
            height: 40px;
            display: inline-block;
            margin-top: 5px;
        }

        .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li:before {
            counter-increment: section;
            content: counter(section);
            display: inline-block;
            position: absolute;
            background: #dfdede;
            width: 14px;
            height: 17px;
            margin-right: 15px;
            text-align: center;
            color: #686464;
            padding: 10px;
            font-weight: bold;
        }

        .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li span {
            padding-left: 40px;
            text-align: left;
            display: block;
        }

            .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li span.PaddingTopTenFinance {
                padding-top: 10px;
            }

        .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li.Selected:before {
            background: #0d9947;
            color: white;
        }

        .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li > ul {
            margin: 0px;
            padding: 0px;
        }

            .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li > ul li {
                padding-left: 10px;
            }

            .FlexBlock.FinanceBlockLinks .BlockBody.TheProcess ul li > ul.NoListStyle li:before {
                content: none;
            }

.FlexContain.FinanceSection, .FlexContain.FinanceSection .BlockBody.TheProcess {
    counter-reset: section;
}

    .FlexContain.FinanceSection .Flex2 h2 {
        margin-bottom: 0px;
    }

    .FlexContain.FinanceSection .Flex2.FinanceList h2:before {
        counter-increment: section;
        content: counter(section);
        display: inline-block;
        position: relative;
        background: #dfdede;
        width: 14px;
        height: 17px;
        margin-right: 15px;
        text-align: center;
        color: #686464;
        padding: 10px;
    }

    .FlexContain.FinanceSection .Flex2 .FlexContain {
        margin-top: 0px;
        position: relative;
    }

        .FlexContain.FinanceSection .Flex2 .FlexContain .VerticalDash::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 16.5px;
            border-left: 2px dotted Silver;
            margin-bottom: -20px;
        }

        .FlexContain.FinanceSection .Flex2 .FlexContain .FlexBlock.FullFlex {
            flex: 9;
        }

        .FlexContain.FinanceSection .Flex2 .FlexContain:last-child .VerticalDash:after {
            content: "";
            border: none;
        }

        .FlexContain.FinanceSection .Flex2 .FlexContain.InvoiceReviewContainer {
            margin-top: 5px;
        }

            .FlexContain.FinanceSection .Flex2 .FlexContain.InvoiceReviewContainer .FlexBlock.FirstBlock {
                padding-top: 15px;
            }

.InvoiceReviewBox {
    border: solid 1px #d7dfe4;
    border-radius: 5px;
    margin-top: 12px;
    overflow: hidden;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 20px;
}

    .InvoiceReviewBox.NoMarginTop {
        margin-top: 0px;
    }

    .InvoiceReviewBox img {
        filter: drop-shadow(2px 2px 4px grey);
    }

    .InvoiceReviewBox .ClockStarted {
        font-weight: bold;
        text-decoration: underline;
        text-align: center;
        padding-bottom: 15px;
    }

    .InvoiceReviewBox .ItalicSubscript {
        font-style: italic;
        font-size: 10px;
        margin-top: 10px;
    }

.FlexContain.FinanceSection .Flex2 ul.AccessInvoiceSteps {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
}

.FlexContain.FinanceSection .Flex2 ul.AccessInvoiceStepsSection {
    list-style: none;
    padding: 0px;
}

    .FlexContain.FinanceSection .Flex2 ul.AccessInvoiceStepsSection li {
        display: none;
    }

.FlexContain.FinanceSection .Flex2 ul.AccessInvoiceSteps li {
    display: inline-block;
    cursor: pointer;
}

    .FlexContain.FinanceSection .Flex2 ul.AccessInvoiceSteps li:hover:before {
        background-color: #0d9947;
        color: white;
    }

    .FlexContain.FinanceSection .Flex2 ul.AccessInvoiceSteps li:before {
        counter-increment: section;
        content: counter(section);
        display: inline-block;
        position: relative;
        background: #dfdede;
        width: 14px;
        height: 17px;
        margin-right: 15px;
        text-align: center;
        color: #686464;
        padding: 10px;
        font-weight: bold;
    }

    .FlexContain.FinanceSection .Flex2 ul.AccessInvoiceSteps li.Selected:before {
        background-color: #0d9947;
        color: white;
    }

.FlexContain.FinanceSection .Flex2 ul.AccessInvoiceStepsSection li.Selected {
    display: block;
}

.FlexContain.FinanceSection .Flex2 .AccessInvoiceSteps li {
    position: relative;
}

    .FlexContain.FinanceSection .Flex2 .AccessInvoiceSteps li::after {
        content: "";
        position: absolute;
        top: 17px;
        left: 35px;
        width: 45px;
        border-top: 2px dotted Silver;
    }

    .FlexContain.FinanceSection .Flex2 .AccessInvoiceSteps li:last-of-type::after {
        content: none;
    }

.LargeModalOpen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    z-index: 1000;
    display: none;
}

    .LargeModalOpen img {
        margin: 40px auto;
        width: 95%;
        position: relative;
        display: block;
    }

.FlexContain .FlexBlock table.AppendixTable th {
    text-align: left;
}

    .FlexContain .FlexBlock table.AppendixTable th:nth-child(1) {
        width: 100px;
    }

.InvoiceReviewBox.SmallResize {
    width: 440px;
}

.InvoiceReviewBox.SmallerResize {
    width: 410px;
}

.FlexContain.FinanceSection .FaqAccordion h3 {
    border: 1px solid #e7e7e7;
    padding: 20px;
}

.FlexContain.FinanceSection h3.Header {
    margin-top: 30px;
}

.FlexContain.FinanceSection .FaqAccordion .ui-accordion-header-icon.ui-icon-triangle-1-e {
    background-image: url('../Staff/Media/Images/ArrowUp.jpg');
}

.FlexContain.FinanceSection .FaqAccordion .ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-image: url('../Staff/Media/Images/ArrowDown.jpg');
}

.FlexContain.FinanceSection .FaqAccordion .ui-accordion-header-icon {
    float: right;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 15px;
}



.FlexContain.FinanceSection .FaqAccordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
}

.FlexContain.FinanceSection .FaqAccordion .ui-accordion-content {
    border: 1px solid #e7e7e7;
    border-top: none;
    height: auto !important;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside:nth-child(1) {
    background: #f1f5f6;
    border: 1px solid #cfd8de;
    border-radius: 5px;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside:nth-child(2) {
    background: none;
    border: none;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .EventContainerFooter a {
    background: none;
    color: #344287;
    padding: 10px 0px 0px;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside h2.Left a {
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 11px 0px 10px 10px;
    margin: 0 0 3px;
    display: block;
    width: auto;
    height: auto;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside h2.Right {
    padding: 11px 0px 10px 10px;
    margin: 0 0 3px;
    display: block;
    background-color: #ffebac;
    border-left: 3px solid #edd484;
    color: #444444;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.1em;
    text-decoration: none;
    width: 100%;
    text-align: left;
    left: 0;
}

    .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside h2.Right span {
        width: auto;
        height: auto;
        padding: 0px;
    }

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Left, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right {
    border: none;
    background: white;
}

    .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Left ul, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right ul, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body .EventContainerFooter {
        border: none;
        background: none;
    }

    .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.Item, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.AlternatingItem {
        display: block;
        padding: 0;
        margin: 2px 0 0 0;
        background: white;
        border: none;
    }

        .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.Item a, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.AlternatingItem a {
            display: block;
            padding: 8px 8px 8px 11px;
            text-decoration: none;
            color: #555555;
            border-left: 2px solid #ffebac;
        }

            .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.Item a:hover, .FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .Body.Right li.AlternatingItem a:hover {
                text-decoration: underline;
            }

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent aside .EventContainerFooter a:after {
    background: #344287 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYgNiI+PHBhdGggZD0iTTYgNC41YzAgLjQxLS4zNC43NS0uNzUuNzVzLS43NS0uMzQtLjc1LS43NVYyLjU2TDEuMjggNS43OEMxLjEzIDUuOTMuOTQgNiAuNzUgNnMtLjM4LS4wNy0uNTMtLjIyYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2TDMuNDQgMS41SDEuNWMtLjQxIDAtLjc1LS4zNC0uNzUtLjc1UzEuMDkgMCAxLjUgMEg2djQuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') no-repeat center center/6px 6px;
    content: "";
    display: inline-block;
    margin: -1px 0 0 6px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    vertical-align: middle;
}

.FnlTwoColumnLeftNarrowLeft .FnlTwoColumnInnerContent .FnlTabbedContainer {
    width: 216px;
}

#FnlPage > .InnerPage .FnlTwoColumnInnerContent {
    border-right: 1px solid #f4f4f4;
    padding: 0px;
}

.Note {
    background: #f1f1f1;
    padding: 5px 15px;
}