/******************************************************************************
**
**   This contains all of the BASE CSS for the activate WEB pages.
**
******************************************************************************/

address, caption, code, dfn, var {
    font-style: normal;
    font-weight: 400;
}

blockquote {
    font-style: italic;
}



/*
** PROGRAMMERS NOTE:
**   Choose this font by reviewing WEB site f5.com
**   Backup Fonts: Using non-web standard font (i.e. Proxima).  Is loaded via the header css.
**                 The other fonts are the WEB standard fonts.
**   Primary Font: Using a variable, --font-primary) found in the footer css defintions.
**                 Removed: I like my font choice better.
*/
body {
    background: #fff;
    font-family: Proxima, Georgia, Arial, Helvetica, Courier;
    /* font-family: var(--font-primary); */
    color: #343434;
    -webkit-font-smoothing: antialiased;
}

caption {
    text-align: left;
}

h4 {
    margin-bottom: .25em !important;
}

h4, h5, h6 {
    font-size: 100%
}

hr {
    background: #ebebeb;
    border: none;
    height: 4px;
}

input {
    border-radius: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 98%;
    font-weight: 400;
    outline: none;
    padding-left: 4px;
    margin-top: 3px;
    padding-top: 7px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

input:active {
    outline: none;
}

input:hover {
    color: #333;
    font-weight: 400;
    outline: none;
}

input:focus {
    color: #333;
}

input[type="submit"] {
    cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
    margin: 5px 0;
}

img, iframe {
    border: 0;
}

ol, ul {
    margin-bottom: 1em;
    margin-top: 0;
    padding-left: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    font-size: 90%;
    padding: 10px;
    vertical-align: top;
}

th {
    background: #ADC5DC;
    border: 1px solid #e8edf1;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 5px 8px 10px !important;
}

q:before, q:after {
    content: '';
}

sup, sub {
    font-size: 80%;
    line-height: 0;
    margin-left: -1px;
    _vertical-align: text-top;
}