/* ---------------- base CSS file ---------------- */
/* --------- non-platform specific styles -------- */
/* ----------- (text not structure etc) ---------- */

body {
    font: 14px/20px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

a,
a:link,
a:visited {
    color: #4c5459;
    text-decoration: underline;
}

    a:hover,
    a:active {
        color: #004d80;
    }

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

p {
    margin-bottom: 10px;
}

    p.footnote {
        font-size: 85%;
    }

h1 {
    font-weight: bold;
    font-size: 120%;
    line-height: 125%;
    color: #333 /*#004d80*/;
    padding: 0;
    margin: 0 0 15px 0;
    /*border-bottom: solid 2px #e6e6e6;*/
}

h2 {
    font-weight: bold;
    font-size: 110%;
    line-height: 115%;
    color: #2b3033;
    padding: 10px 0 0 0; /* this may need to come out -AA */
}

h3 {
    font-weight: bold;
    font-size: 100%;
    line-height: 105%;
    color: #4f6a7c;
    padding: 10px 0 0 0;
}

h4,
footer h4 {
    font-weight: bold;
    font-size: 100%;
    line-height: 105%;
    color: #4c5459;
}

ul,
ol {
    padding: 0 0 0 30px;
    list-style: disc;
    margin-bottom: 15px;
}

    ul ul {
        list-style: circle;
    }

ol {
    list-style: decimal;
}

small {
    font-size: 80%;
}

table {
    font-size: 90%;
    line-height: 105%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 5px 0 10px 0;
}

td {
    border: 1px solid #ccc;
    padding: 5px 8px;
}

th {
    text-align: center;
    font-weight: bold;
    padding: 5px;
    vertical-align: bottom;
    background-color: #efefef;
}

tfoot td {
    font-size: 75%;
    line-height: 90%;
}

/* -------general tabs--------- */

.tabs_container {
    width: 422px;
    margin-top: 0;
}

ul.tabs_nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.tabs_nav li {
        margin: 0;
        padding: 0;
        float: left;
        border-right: 1px solid #fff;
        list-style-type: none;
        position: relative;
    }

        ul.tabs_nav li a {
            border-bottom: 2px solid #c0d5db;
            background-color: #ccdde2;
            text-align: center;
            padding: 13px 11px 11px 11px;
            display: block;
            float: left;
            font: bold 11px/14px Arial, Helvetica, sans-serif;
            color: #444;
            text-decoration: none;
        }

            ul.tabs_nav li a.tabs_nav_selected {
                color: #000;
                border-bottom: 2px solid #dce9ed;
                background-color: #dce9ed;
            }

            ul.tabs_nav li a.twoline {
                padding-top: 6px;
                padding-bottom: 4px;
            }

        ul.tabs_nav li.tabs_nav_last {
            border-right: none;
        }

.tabs_panel {
    background-color: #dce9ed;
    margin: 0 0 10px 0;
    padding: 15px 14px 5px 14px;
}

/* -------other view-wide styles --------- */

sup,
sub {
    font-size: 70%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.7em;
}

sub {
    bottom: -0.5em;
}

.pdf-sublink {
    font-size: 80%;
    line-height: 100%;
    font-weight: bold;
}

a.rss_small,
a.rss_small:link,
a.rss_small:visited,
a.rss_small:hover,
a.rss_small:active {
    padding: 0 0 4px 13px;
    margin: 0;
    background: url("../images/common/icon_rss.gif") no-repeat 0 3px;
}

.floatgroup:before, /* clearfix */
.floatgroup:after {
    content: " ";
    display: table;
}

.floatgroup:after {
    clear: both;
}

/*////////////////////////////////////////*/
/* ------------   legacy   ---------------*/
/*////////////////////////////////////////*/

.clear {
    clear: both;
}

a.issue_link {
    font-size: 11px;
}

.profile {
    height: 1%;
}

div.profile_image {
    float: left;
    width: 125px;
    margin-right: 10px;
}

.profile_image img {
    width: 125px;
}

div.profile_text {
    float: left;
    width: 295px;
}

div.profile_end {
    clear: both;
    font: 1px/1px sans-serif;
}

.sched_item {
    background: #f7f7f7;
    padding: 11px 16px 4px 16px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0 0 14px 0;
}

img.image_left {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

img.image_right {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
}

.bluebox {
    margin: 10px 0;
    padding: 10px 12px 2px 12px;
    background: #f4f6f6 url("/images/common/bluebox_bkrd.gif") repeat-x top left;
}

.blue_backer_plain {
    padding: 14px 15px 6px 15px;
    background: #dce9ed;
    font: 13px/18px;
    margin-bottom: 8px;
}

.research-alpha {
    font-size: 11px;
}

.mplsfed-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}

    .mplsfed-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.floatgroup .searchBox {
    margin: 20px 0 90px 450px;
}

.searchBox #search input[type="search"] {
    width: 250px;
}

#essAllResults h4.lead {
    margin-left: 10px;
}
/* Start Search Box */
.floatgroup .searchBox {
    margin: 0 auto;
}

    .floatgroup .searchBox .search {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 35px;
    }

    .floatgroup .searchBox form {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

.searchBox #search #essSearchInput {
    border: none;
    padding: 0;
    margin: 0;
}

    .searchBox #search #essSearchInput[type="search"] {
        border: 1px solid #b0b6bb;
        padding: 4px;
    }

    .searchBox #search #essSearchInput[type="submit"] {
        color: #006093;
        background-color: transparent;
        font-weight: bold;
        font-family: "Fira Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding: 15px;
        width: 250px;
    }
/* End Search Box */
/* Search Results Number */
#essAllResults h4.lead {
    text-align: center;
}

    #essAllResults h4.lead,
    #essAllResults h4.lead strong {
        color: #000000;
        font-family: "Fira Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: 400;
    }

        #essAllResults h4.lead strong {
            font-weight: 500;
        }
/* Search Results Number End */

#essResultsSection {
    border-top: 1px solid #dddddd;
    padding-top: 40px !important;
}

    #essResultsSection .search-result {
        margin-right: -30px;
        margin-left: -30px;
        margin-bottom: 30px;
    }

/* Title */
#essTitle {
    font-family: "Merriweather";
    font-size: 22px !important;
    color: #707070 !important;
    text-decoration: none;
    transition: 0.3s all ease;
}

    #essTitle:visited,
    #essTitle:hover {
        color: #1f87cf !important;
    }
/* Title End */

/* URL Preview */
#essResultsSection .text-success {
    display: block;
    color: #1f87cf !important;
    font-family: "Fira Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    word-wrap: break-word;
}

#essSummary {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    font-family: "Fira Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* URL Preview End */

/* Last Modified */
#essResultsSection .glyphicon,
#essLastModified {
    display: none;
}
/* End Last Modified */

#essResultsCol .pagination > .active > a,
#essResultsCol .pagination > .active > a:focus,
#essResultsCol .pagination > .active > a:hover,
#essResultsCol .pagination > .active > span,
#essResultsCol .pagination > .active > span:focus,
#essResultsCol .pagination > .active > span:hover {
    background-color: #1f87cf;
    border-color: #1f87cf;
}

#main-nav-extra #essSearchInput[type="submit"] {
    color: black;
}

#essStandardPagination {
    width: 100%;
}

#page-content + footer {
    box-sizing: content-box;
}

nav#footer-nav li {
    line-height: 20px;
}