/*
	TQM: This 2024 update includes updated styles for 
    H3 headings within the global site navigation menus,
    to better align with the styles shown in 小草社区Express.
    Also, we normalized the formatting and indentation of the code.
*/
/*
================================================================================
    Reset styles to normalize browser defaults
    Based on the work of Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
    Eric Meyer Reset is v2.0 | 20110126 License: none (public domain)
================================================================================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* Specify handling of HTML5 tags for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* Later on we'll set up some bulleted and numbered list styles,
but let's start by defaulting to no decoration. */
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
sub {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: bottom;
}
sup {
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: top;
}
/* Begin custom styles. */
/*
========================================================================

        TYPOGRAPHY

        A modern implementation of Open Sans: use the following, and vary the weights:

'Open Sans'

        WEIGHTS
        _______

        Light ....... 300
        Regular ..... 400
        Semibold .... 600
        Bold ........ 700
        Extrabold ... 800

        STYLES
        ______

        normal
        italic

'Open Sans Condensed'

        STYLES AND WEIGHTS
        __________________

        Regular
        Italic
        Bold ... 700


        You may also reference the specific font files directly, but that is an older, less-recommended way.
        See open-sans-font.css for more information.

        'OpenSansLight'
        'OpenSansLightItalic'
        'OpenSansRegular'
        'OpenSansItalic'
        'OpenSansSemibold'
        'OpenSansSemiboldItalic'
        'OpenSansBold'
        'OpenSansBoldItalic'
        'OpenSansExtrabold'
        'OpenSansExtraboldItalic'

======================================================================== */
html {
    font-size: 10px; /* We can vary this value in the media queries, so that all rem-unit-based text scales proportionally. Setting the default size at 10 makes it easy to translate pixel-units to rem-units without a calculator. */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    background: #3e525b;
}
.condensed-font {
    font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
}
/*      Let's set the vertical rhythm at 21 pixels. Font-size x line-height = vertical rhythm. */
figcaption {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    line-height: 1.5;
    color: #777777;
}
figure {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}
figcaption {
    background: #ffffff;
}
h1 {
    color: #3e525b;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
}
h2, h3, h4, h5, h6 {
    color: #495b64;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
h2 {
    font-weight: 600;
}
h3, h4, h5, h6 {
    font-weight: 700;
}
p, ul, ol {
    font-size: 14px; /* Fall-back value for browsers that don't understand the rem unit */
    font-size: 1.4rem; /* Override for modern browsers. */
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    color: #4a5e67;
}
.introductory-text p, .introductory-text ul, .introductory-text ol, .application-wrapper p, .application-wrapper ul, .application-wrapper ol {
    font-size: 16px; /* Fall-back value for browsers that don't understand the rem unit */
    font-size: 1.6rem; /* Override for modern browsers. */
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}
/* For cases where the leading content in the intro text div is a paragraph or a list. */
.introductory-text > p:first-child, .introductory-text > ul:first-child, .introductory-text > ol:first-child {
    margin-top: 42px;
    margin-top: 4.2rem;
}
h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2; /* reduced from 1.4, per Amy. vertical rhythm / font size , and in this case, let's multiply it by 2 so the ascenders and descenders don't crash... 21 / 30 x 2 = 1.4 */
    margin-top: 32px;
    margin-top: 3.15rem; /* vertical rhythm x 1.5 */
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}
.headingcontainer h1 {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.4; /* vertical rhythm / font size , and in this case, let's multiply it by 2 so the ascenders and descenders don't crash... 21 / 30 x 2 = 1.4 */
    margin-top: 0;
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}
.withoutbreadcrumbs h1 {
    margin-bottom: 0;
}
.introductory-text h1, .introductory-text h2 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2; /* reduced from 1.4, per Amy. */
    margin-top: 32px;
    margin-top: 3.15rem; /* vertical rhythm x 1.5 */
    margin-bottom: 9px;
    margin-bottom: 1.05rem; /* vertical rhythm x 0.5 */
}
.introductory-text h5 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
    font-weight: 300;
}
h2, h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1666667;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
}
.headingcontainer.withoutbreadcrumbs h2 {
    font-size: 25px;
    font-size: 2.5rem;
    color: #3d4e56;
    margin-top: 21px;
    margin-top: 2.1rem;
}
.headingcontainer.withoutbreadcrumbs h3 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #3d4e56;
}
h4, h5, h6, #footercontainer h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
}
em, i {
    font-style: italic;
    font-weight: inherit;
}
strong, b {
    font-style: inherit;
    font-weight: 700;
}
em strong, strong em {
    font-style: italic;
    font-weight: 700;
}
code {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Courier, "Courier New", monospace;
    color: #3e525b;
}
.small-caps {
    font-variant: small-caps;
}
.all-caps {
    text-transform: uppercase;
}
.small-text {
    font-size: smaller;
}
hr {
    color: transparent;
    height: 0px;
    border-bottom: 1px solid #cdccc8;
}
/*      TQM 01-16-2014 - Updated and added styles for text
        appearing inside the "introductory-text" areas. */
.introductory-text h1 {
    font-weight: 300;
    color: #3e525c;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.05;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.introductory-text h2 {
    font-weight: 600;
    color: #88a2af;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
.introductory-text h3 {
    font-weight: 600;
    color: #5e727c;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.125;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.introductory-text h4 {
    font-weight: 700;
    color: #88a2af;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.introductory-text h5 {
    font-weight: 600;
    color: #5e727c;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    letter-spacing: 0.08em;
}
.introductory-text h6 {
    font-weight: 600;
    color: #88a2af;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.fancy-text {
    font-weight: 300;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.454545;
}
/* =========== CUSTOM TEXT SELECTION COLORS =========== */ ::-moz-selection {
    color: #ffffff;
    background: #1997d4;
    text-shadow: none !important;
}
::selection {
    color: #ffffff;
    background: #1997d4;
    text-shadow: none !important;
}
small {
    font-size: 100%;
}
/*
===================================================================
        ACCESSIBILITY - USE FOR SKIP LINKS FOR NON-VISUAL USER AGENTS.
=================================================================== */
.accessibility {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}
/*
========================================================================
        LAYOUT & GRID STRUCTURE
======================================================================== */
body {
    min-width: 768px;
    background: #ffffff;
}
.container {
    margin: 0 auto;
    max-width: 1280px;
    /* We are removing the rem-based switch here; we always want the max-width set in pixels. */
}
.row {
    padding: 0 4%;
}
/* ONLY APPLIED WHEN *BOTH* CLASSES ARE USED */
.unpadded.row {
    padding: 0;
}
/* A clear fix for the rows (to contain floated elements within). */
.row:after, .container:after, #mainnavcontainer:after, .panel:after, .panel:before, .submenu-new-background-panel:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* For IE 7 */
*:first-child + html .row, *:first-child + html .container, *:first-child + html #mainnavcontainer, *:first-child + html .panel, *:first-child + html .submenu-new-background-panel, *:first-child + html .clearfix {
    min-height: 1px;
}
.clearfix-new:before, .clearfix-new:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix-new:after {
    clear: both;
}
/*
====================================================================
        DEFINE THE STRUCTURE OF THE GRID (COLUMNS ADDING UP TO 12)
==================================================================== */
.span-one-column {
    width: 6.333333333333%;
    padding: 0 1%;
    float: left;
}
.span-two-columns {
    width: 14.666666666666%;
    padding: 0 1%;
    float: left;
}
.span-three-columns {
    width: 23%;
    padding: 0 1%;
    float: left;
}
.span-four-columns {
    width: 31.333333333333%;
    padding: 0 1%;
    float: left;
}
.span-five-columns {
    width: 39.666666666666%;
    padding: 0 1%;
    float: left;
}
.span-six-columns {
    width: 48%;
    padding: 0 1%;
    float: left;
}
.span-seven-columns {
    width: 56.333333333333%;
    padding: 0 1%;
    float: left;
}
.span-eight-columns {
    width: 64.66666666666%;
    padding: 0 1%;
    float: left;
}
.span-nine-columns {
    width: 73%;
    padding: 0 1%;
    float: left;
}
.span-ten-columns {
    width: 81.333333333333%;
    padding: 0 1%;
    float: left;
}
.span-eleven-columns {
    width: 89.66666666666%;
    padding: 0 1%;
    float: left;
}
.span-twelve-columns {
    width: 98%;
    padding: 0 1%;
    float: left;
}
/*
===========================================================================
        A SECOND SET FOR WHEN YOU NEED THE CONTENTS TO GO FLUSH TO AN EDGE
        (SUCH AS WHEN NESTING A ROW WITHIN A ROW)
        ONLY APPLIED WHEN *BOTH* CLASSES ARE USED
=========================================================================== */
.unpadded.span-one-column {
    width: 8.333333333333%;
    padding: 0;
}
.unpadded.span-two-columns {
    width: 16.666666666666%;
    padding: 0;
}
.unpadded.span-three-columns {
    width: 25%;
    padding: 0;
}
.unpadded.span-four-columns {
    width: 33.333333333333%;
    padding: 0;
}
.unpadded.span-five-columns {
    width: 41.666666666666%;
    padding: 0;
}
.unpadded.span-six-columns {
    width: 50%;
    padding: 0;
}
.unpadded.span-seven-columns {
    width: 58.333333333333%;
    padding: 0;
}
.unpadded.span-eight-columns {
    width: 66.66666666666%;
    padding: 0;
}
.unpadded.span-nine-columns {
    width: 75%;
    padding: 0;
}
.unpadded.span-ten-columns {
    width: 83.333333333333%;
    padding: 0;
}
.unpadded.span-eleven-columns {
    width: 91.66666666666%;
    padding: 0;
}
.unpadded.span-twelve-columns {
    width: 100%;
    padding: 0;
}
/*
========================================================================
        LISTS - (Updated TQM 01-16-2014)
======================================================================== */
.bulleted, .introductory-text ul {
    list-style-type: none;
    margin-left: 11px;
    margin-left: 1.1rem;
}
.bulleted .bulleted, .bulleted ul, .introductory-text ul ul {
    margin-bottom: inherit;
}
.bulleted .bulleted li:first-child, .bulleted ul li:first-child, .introductory-text ul ul li:first-child {
    margin-top: 14px;
    margin-top: 1.4rem;
}
.bulleted li, .introductory-text ul li {
    background: url(/static-assets/css/images/bullet-square.gif) no-repeat left 11px;
    background: url(/static-assets/css/images/bullet-square.gif) no-repeat left 1.1rem;
    padding-left: 15px;
    padding-left: 1.5rem;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
.numbered, .introductory-text ol {
    list-style-type: decimal;
    margin-left: 28px;
    margin-left: 2.8rem;
}
.numbered .numbered, .numbered ol, .introductory-text ol ol {
    list-style-type: upper-alpha;
    margin-bottom: inherit;
}
.numbered .numbered li:first-child, .numbered ol li:first-child, .introductory-text ol ol li:first-child {
    margin-top: 14px;
    margin-top: 1.4rem;
}
.numbered li, .introductory-text ol li {
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
/*
========================================================================
        LINKS
======================================================================== */
a {
    cursor: pointer;
}
a:link {
    color: #1999d8;
    text-decoration: none;
}
a:visited {
    color: #2491cc;
    text-decoration: none;
}
a:hover {
    color: #495b65;
    text-decoration: none;
}
a:active {
    color: #3e525b;
    text-decoration: none;
}
a:focus {
    color: #3e525b;
    text-decoration: none;
}
.wcm-homepage a:link, .wcm-homepage a:visited {
    color: #465c67;
}
.wcm-homepage a:hover, .wcm-homepage a:active {
    color: #319fec;
}
/*
========================================================================
        小草社区NEW ENGLAND LOGO
======================================================================== */
#logo {
    margin-bottom: 17px;
    margin-bottom: 1.7rem;
}
#iso-ne-logo-footer {
    max-width: 215px;
    margin: 10px auto;
    padding-bottom: 8px;
}
/*
=========================================================
   SEARCH FORM IN HEADER
========================================================= */
#search-form-container {
    max-width: 500px;
    float: right;
    background: #f5f2eb;
    padding: 3px;
    padding: 0.3rem;
}
#search-form-container p, #search-form-container form {
    padding: 0;
    margin: 0;
}
#search-form input#searchfield {
    width: auto;
    margin-right: 0;
    background: #f5f2eb;
    border: none;
    border-radius: 0;
    color: #979795;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 8px 9px;
    padding: 0.9rem 0.8rem 0.8rem;
    border: 1px solid transparent;
    letter-spacing: 0.75px;
    letter-spacing: 0.075rem;
}
#search-form input#searchfield:hover {
    color: #3e525b;
}
#search-form input#searchfield:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 1px solid transparent; /* May need to modify this after editing inline javascript in HTML. */
}
#search-form input#submitbutton {
    margin-left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-indent: 50px;
    overflow: hidden;
    width: 33px;
    background: #f5f2eb url("/static-assets/css/images/magnifying-glass.png") no-repeat 11px 9px;
    background: #f5f2eb url("/static-assets/css/images/magnifying-glass.png") no-repeat 1.1rem 0.9rem;
    color: #969792;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px;
    padding: 0.725rem;
}
#search-form input#submitbutton:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#search-form input#submitbutton:focus {
    background-color: #e5e2db;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
/*
========================================================================
        SEARCH FORM ON SEARCH PAGE (NOT THE ONE IN THE PAGE HEADER)
======================================================================== */
.search-form-container {
    padding: 3px;
    padding: 0.3rem;
    margin-top: 18px;
    margin-top: 1.8rem;
    text-align: right;
}
.search-form-container p, .search-form-container form {
    padding: 0;
    margin: 0;
}
#search-form-2 input#searchfield-2 {
    width: 50%;
    margin-right: 0;
    background: #ffffff;
    border: none;
    border-radius: 0;
    color: #979795;
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 8px 9px;
    padding: 0.9rem 0.8rem 0.8rem;
    border: 1px solid transparent;
    letter-spacing: 0.75px;
    letter-spacing: 0.075rem;
}
#search-form-2 input#searchfield-2:hover {
    border: 1px solid #cccccc;
    color: #3e525b;
}
#search-form-2 input#searchfield-2:focus {
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 1px solid #cccccc;
}
#search-form-2 input#submitbutton-2 {
    margin-left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-indent: 50px;
    overflow: hidden;
    width: 33px;
    background: #f5f2eb url("/static-assets/css/images/magnifying-glass.png") no-repeat 11px 9px;
    background: #f5f2eb url("/static-assets/css/images/magnifying-glass.png") no-repeat 1.1rem 0.9rem;
    color: #969792;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px;
    padding: 0.725rem;
}
#search-form-2 input#submitbutton-2:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#search-form-2 input#submitbutton-2:focus {
    background-color: #e5e2db;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.outercontainer h3.number-of-search-results {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 300;
}
.outercontainer.search-header {
    padding-bottom: 0;
}
/*
=================================================================================
        MAIN NAVIGATION MENU (NEW, WITH "SUPERNAV").
        WILL NEED TO REDO THIS FOR IE7, IN A SEPARATE STYLE SHEET
        (SINCE IE7 WILL CHOKE ON INLINE-BLOCK).
================================================================================= */
ul#parentnav {
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
}
#parentnav li {
    display: inline-block;
    margin-left: -4px; /* Eliminate the shim of space that browsers put between inline-block items. */
    font-weight: 700;
}
#parentnav li a {
    display: inline-block;
    padding: 16px 41px;
    color: #ffffff;
    text-decoration: none;
}
#parentnav li a:hover {
    background: #2a3e47; /* The color of the "tab" while it is being hovered. */
}
#parentnav li:hover > a {
    /* The color of the "tab" while its child (the "panel") is being hovered. */
    background: #2a3e47;
}
#supernavcontainer {
    background: #3e525b;
    position: relative; /* We want to be able to position our "panels" relative to this point, not the top left of the viewport. */
}
.supernavpanel {
    position: absolute;
    z-index: 5000;
    background: #2a3e47;
    width: 100%;
    top: -9999px; /* Position the panel outside of the viewport until its parent list item is hovered. */
    min-height: 500px;
    min-height: 50rem; /* Revisit this value according to the amount of content we end up with. */
    left: 0;
}
/* When the relevant "tab" is hovered, its child appears. */
#parentnav li:hover .supernavpanel {
    top: 53px;
}
/*
====================================================================================
        We need to reset styles within the panel; otherwise the styles of the
        parent navigation will cascade down and mess up styles within the panels.
==================================================================================== */
#parentnav .supernavpanel * {
    text-align: left;
    color: #ffffff;
    white-space: normal;
}
#parentnav .supernavpanel li {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
}
#parentnav .supernavpanel a {
    display: inline;
    padding: 0;
    background: none;
    font-weight: 400;
    color: #b2d1e2;
}
/* NEW 2024: Make the heading links bold, in the main site navigation. */
#parentnav .supernavpanel h3 a {
    font-weight: 700;
}
#parentnav .supernavpanel a:hover {
    text-decoration: none;
}
#parentnav .supernavpanel h2 a, #parentnav .supernavpanel h3 a, #parentnav .supernavpanel h4 a {
    color: #ffffff;
}
#parentnav .supernavpanel a:hover {
    color: #2fa0de;
}
.supernavpanel .row ul, .supernavpanel .row ol {
    margin-left: 4px;
    margin-left: 0.4rem;
}
.supernavpanel li {
    line-height: 1.1;
    margin-bottom: 7px;
}
.supernavpanel h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.supernavpanel-marketing-panel {
    background: #3e525b;
    padding: 21px;
    padding: 2.1rem;
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}
h3.supernavpanel-marketing-image, h3.supernavpanel-marketing-image img, h3.supernavpanel-marketing-image:hover * {
    margin-bottom: 0;
    background: #3e525b !important;
}
#parentnav .supernavpanel-marketing-panel p {
    color: #a7c4d4;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
}
#parentnav .supernavpanel-marketing-panel p a {
    color: #ffffff;
}
#parentnav .supernavpanel-marketing-panel p a:hover {
    color: #2fa0de;
    background: none;
}
#parentnav .supernavpanel-marketing-panel p:last-child {
    margin-bottom: 0;
}
/*
========================================================================
        LOWER LEVEL MENU (TAN MENU ITEMS; USED IN-PAGE BELOW "TABS").
======================================================================== */
.lower-level-menu li a {
    display: block;
    color: #3e525b;
    background: #f5f2eb;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
    width: 90%;
}
.lower-level-menu li a:hover {
    color: #ffffff;
    background: #3e525b;
    border-bottom: 1px solid #3e525b;
}
.lower-level-menu li:last-child a {
    border-bottom: none;
}
/**
============================================
  Current active page in left navigation
============================================
**/
/* TQM updated 2015-11-04 */
li.leftnavactive a, li.leftnavactive a:hover {
    color: #20333c;
    background: #dfdcd5;
    border-bottom-color: #dfdcd5;
    cursor: inherit;
}
.dropdown #auth-failed-msg {
    color: #ec3325;
    font-size: 13px;
}
/*
========================================================================
        BREADCRUMBS - TQM: Updated October 2014
======================================================================== */
.breadcrumbs {
    margin-top: 21px;
    margin-top: 2.1rem;
    margin-bottom: 0;
    font-weight: 600;
}
.breadcrumbs li {
    display: inline;
    margin-right: 2px;
    font-size: 13px;
}
.breadcrumbs a {
    color: #3e525b;
    text-decoration: none;
    margin-right: 7px;
    margin-right: 0.7rem;
}
.breadcrumbs a:hover {
    color: #1997d4;
}
.breadcrumbs li:after {
    content: ">";
}
.breadcrumbs li:last-child:after {
    content: "";
}
/* Open Sans adds too much padding around leading capital letters. Pull the headings slightly left. */
.headingcontainer h1 {
    margin-left: -3px;
}
/*
========================================================================
        FORMS
======================================================================== */
.outerformwrapper {
    background: #ffffff;
}
form {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    color: #3e525b;
}
form.bordered {
    border: 1px solid #ccc;
}
fieldset {
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
}
.form-table-wrapper {
    max-height: 130px;
    overflow-y: scroll;
    border-top: 1px solid #8dadba;
    border-bottom: 1px solid #8dadba;
    width: inherit !important; /* TQM 06-24-2014: Fixes an issue where filters won't wrap on window resize. */
}
.published-date-wrapper {
    border-top: 1px solid #8dadba;
    border-bottom: 1px solid #8dadba;
}
.filter-form fieldset table {
    margin-bottom: 10px;
    border: none;
}
.filter-form fieldset td {
    border: none;
    padding: 0 5px;
}
legend {
    margin: 0;
    padding: 10px 5px 10px 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    letter-spacing: 0.055rem;
    display: block;
    width: 96%;
    margin-left: -1px;
    margin-right: -1px;
}
form em {
    /* Use for asterisks on required fields. */
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
input, textarea {
    padding: 0.4em;
    border-radius: 3px;
    border: 1px solid #cdccc8;
    background: #fafafa;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #557;
}
input[type="text"], input[type="password"] {
    width: 96%;
}
input[type="checkbox"] {
    border: none;
}
textarea {
    width: 96%;
}
input[type="submit"], a.btn, button.btn {
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
    background: #8e979c;
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11.4px;
    font-size: 1.14rem;
    webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    margin-bottom: 1px;
}
.wcm-homepage input[type="submit"], .wcm-homepage a.btn, .wcm-homepage button.btn {
    border-radius: 5px;
    color: #ffffff;
    background: #8e979c;
}
a.btn.active, button.btn.active {
    color: #ffffff;
    background: #495b65;
}
a.btn.block-btn, button.btn.block-btn {
    display: block;
    width: 100%;
    text-align: center;
}
input[type="submit"]:hover, a.btn:hover, button.btn:hover {
    background: #1a96d4;
}
input:focus, textarea:focus, select:focus {
    background: #ffffff;
}
input[type="submit"]:focus, a.btn:active, button.btn:active, a.btn:focus, button.btn:focus {
    background: #495b65;
}
input[type="radio"], input[type="checkbox"] {
    padding: none;
    background: none;
}
input[type="radio"], input[type="checkbox"], input[type="submit"], select, button {
    cursor: pointer;
}
input, select {
    vertical-align: middle; /* Revisit */
}
#published_date_start_date {
    width: 90%;
    margin-bottom: 10px;
}
#published_date_end_date {
    width: 90%;
}
/* the buttons below the filtering widget and document widget, respectively. */
/* Style modified by Rivet Logic Team */
.clear_filters, .download_files, .load_more {
    margin-left: 21px;
    margin-left: 2.1rem;
    margin-bottom: 21px !important;
    margin-bottom: 2.1rem !important;
}
/* ============= EXCEPTIONS ============= */
.any-date-cell {
    padding-left: 15px !important;
}
.start-date-cell {
    width: 50%;
    padding-left: 15px !important;
}
.end-date-cell {
    padding-right: 15px !important;
}
.published-date-wrapper {
    padding-top: 10px;
}
/*
========================================================================
        TABLES
======================================================================== */
table {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #bbb;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #495b64;
}
table caption {
    display: none;
}
th, tfoot td {
    font-weight: 700;
    border-right: 1px dashed #cdccc8;
    text-align: left;
    vertical-align: middle;
    padding: 8px;
    background: #ffffff;
    color: #92a8b5;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    letter-spacing: 0.055rem;
}
td {
    border-top: 1px solid #92a8b5;
    border-right: 1px dashed #cdccc8;
    padding: 10px;
    padding: 1rem;
}
td:last-child, th:last-child, tfoot td:last-child {
    border-right: none;
}
table.filter-table {
    border: 1px solid #bbb;
}
table.filter-table th, table.filter-table td {
    border: none;
}
table.filter-table small {
    font-size: smaller;
    font-weight: normal;
}
/* JUST IN CASE YOU NEED A BORDERLESS TABLE */
table.borderless, table.borderless thead, table.borderless tfoot, table.borderless th, table.borderless td {
    border: none;
}
/*
========================================================================
        JQUERY TABLEKIT TABLE STYLES
======================================================================== */
table.sortable th, table.sortable tfoot td {
    padding: 8px 17px 8px 8px;
}
table.sortable tr.rowodd {
    background-color: #ffffff;
}
table.sortable tr.roweven {
    background-color: #ffffff;
}
table.sortable th.sortasc, table.sortable td.sortasc {
    background: #ffffff url(/static-assets/css/images/up-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}
table.sortable th.sortdesc, table.sortable td.sortdesc {
    background: #ffffff url(/static-assets/css/images/down-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}
/*Created by rivet logic team to add sorting style in no-sortable tables*/
.sortable th.sortasc, .sortable td.sortasc {
    background: #ffffff url(/static-assets/css/images/up-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}
.sortable th.sortdesc, .sortable td.sortdesc {
    background: #ffffff url(/static-assets/css/images/down-arrow-blue.png) no-repeat 95% center;
    color: #319fec;
}
.sortcol {
    cursor: pointer;
}
.jqTableKitNoneselectable {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    cursor: e-resize;
}
.resize-handle-active {
    cursor: e-resize;
}
div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1e90ff;
    position: absolute;
    top: 0;
    left: 0;
}
/*
==============================================================================
  TQM 01-16-2014 - STYLES TO ENSURE CONSISTENT FORMATTING OF RESULTS TABLES
============================================================================== */
#documents-header-score {
    padding-right: 18px;
}
#documents-header-type {
    min-width: 50px;
}
#documents-header-size {
    min-width: 70px;
}
#documents-header-date {
    min-width: 90px;
}
/*
=========================================================================================
        NEW HOMEPAGE STYLES
=========================================================================================
*/
/*
=========================================================================================
        GENERAL LAYOUT AND STYLES
=========================================================================================
*/
.homepage-innards {
    font-family: "Open Sans", Calibri, sans-serif;
    line-height: 1.4;
    padding-bottom: 70px;
    min-width: 1100px; /* TQM: Revisit */
}
.homepage-innards h1, .homepage-innards h2, .homepage-innards h3, .homepage-innards h4 {
    padding: 0;
    margin: 0;
}
.homepage-innards h2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 21px;
}
.homepage-innards p {
    margin: 0;
    padding: 0;
}
.homepage-innards figure {
    margin-bottom: 0;
}
.homepage-tier-outer-wrapper {
    /* This just gives us a "stripe" of color that bleeds off the right and left edges of the browser viewport. There will be one for the data tier at the top, and one for the news-and-events tier at the bottom */
    background: #ccc;
    padding-left: 15px;
    padding-right: 15px;
}
.homepage-tier-inner-wrapper {
    /* This is simply a container to constrain the width of the content, and center it. */
    max-width: 1186px;
    margin: 0 auto;
}
#homepage-data-tier {
    background: #20303b;
    padding-bottom: 110px;
}
.homepage-innards table {
    background-color: transparent;
}
#homepage-news-and-events-tier {
    background: #ffffff url(/static-assets/css/images/bg-news-latest-section.png) left top repeat-x;
}
.featured-news-events-notices-section-wrapper .featured-module {
    margin-top: -100px;
}
#homepage-popular-and-latest-tier {
    background: #ffffff;
}
#homepage-data-tier h1, #homepage-data-tier h2, #homepage-data-tier h3, #homepage-data-tier h4, #homepage-data-tier h5, #homepage-data-tier h6, #homepage-data-tier p, #homepage-data-tier li, #homepage-data-tier table, #homepage-data-tier table *, .homepage-innards #snapshotcontainer .todays-snapshot h4 {
    color: #ffffff;
}
#homepage-data-tier h1, #homepage-data-tier h2, #homepage-data-tier h3, #homepage-data-tier h4, #homepage-data-tier h5, #homepage-data-tier h6, #homepage-data-tier p, #homepage-data-tier li {
    margin-bottom: 5px;
}
.homepage-innards #snapshotcontainer {
    padding-bottom: 10px; /* TQM: Revisit this place-holder value later */
}
.data-section-wrapper {
    /* This sets up our highest-level flex container. */
    display: flex;
    align-items: stretch;
}
.data-section-first-column {
    /* Price Map container column. */
    flex: 0 0 33%;
    display: flex;
    align-items: stretch;
}
.data-section-wrapper #refresh-content {
    /* This div was added by Web Support, and becomes the new flex child of .data-section-wrapper. */
    flex: 0 0 100%;
    display: flex;
}
.data-section-first-column-first-row {
    /* Contains Price Map. */
    flex: 0 0 100%;
    display: flex;
}
.data-section-second-column {
    /* This was the original flex child of .data-section-wrapper, before #refresh-content was added by Web Support. */
    flex: 1 1 100%;
}
.data-section-second-column-first-row {
    /* Contains Fuel Mix and System Demand columns. */
    display: flex;
}
.data-section-fuel-mix-module {
    flex: 0 0 50%;
}
.data-section-system-demand-module {
    flex: 0 0 50%;
}
.data-module {
    padding: 15px 20px;
}
.popular-module {
    padding: 15px;
}
.latest-published-module {
    padding: 15px;
}
.featured-module {
    padding: 15px;
}
.popular-module .homepage-panel-body {
    border: 1px solid #d4dbdf;
}
.latest-published-module .homepage-panel-body {
    border: 1px solid #d4dbdf;
}
.homepage-news-feed-wrapper {
    font-size: 1.7rem;
}
.homepage-innards td {
    font-size: 10px;
    padding: 3px;
}
#homepage-data-tier td, #homepage-data-tier table {
    border: none;
}
.homepage-panel-footer .iso-homepage-button {
    margin-top: 10px;
}
.homepage-innards a:link, .homepage-innards a:visited {
    color: inherit;
}
.homepage-innards a:hover, .homepage-innards a:active {
    color: #1999d8;
}
/*
=========================================================================================
        HOMEPAGE MARKETING BANNER
=========================================================================================
*/
.homepage-marketing-banner {
    margin: 0 15px 15px;
}
.homepage-marketing-banner-inner {
    display: flex;
    align-items: center;
    padding: 28px 15px 28px 0px;
    border-bottom: 1px solid #3e515a;
}
.homepage-marketing-banner h1 {
    font-weight: 300;
    font-style: italic;
    font-size: 2.5rem;
    margin-right: 17px;
}
/*
=========================================================================================
        PRICE MAP
=========================================================================================
*/
.data-section-price-map-module {
    flex: 100%;
    border-right: 1px solid #3e515a;
}
.data-section-price-map-module svg {
    /* TQM: Width */
    max-width: 340px;
}
.homepage-panel-inner-wrapper {
    /* TQM: Revisit. */
    margin: 0 auto;
}
.homepage-price-map-wrapper-relative-parent {
    position: relative;
    height: 470px; /* TQM: Revisit this place-holder value later, after text-sizing CSS is settled. */
}
.homepage-price-map-panel-entire {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.homepage-price-map-panel-entire.homepage-price-map-panel-entire-active {
    z-index: 2000;
}
.homepage-price-map-switcher {
    position: absolute;
    left: 0px;
    top: 35px;
    border-radius: 100px;
    background: #c0e0fd;
}
.homepage-price-map-switcher-active {
    z-index: 4000;
}
.homepage-price-map-switcher-inactive {
    z-index: 3000;
    visibility: hidden;
}
#homepage-data-tier .data-section-price-map-module > h2 {
    margin-bottom: 0;
}
#homepage-data-tier .homepage-price-map-switcher h2 {
    display: inline-block;
    margin: 0;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    color: #202c35;
}
#homepage-data-tier .homepage-price-map-switcher h2.homepage-price-map-switcher-tab-active {
    cursor: default;
    color: #ffffff;
    background: #3c98d3;
}
#homepage-data-tier .homepage-price-map-switcher h2:nth-of-type(2) {
    margin-left: -4px;
}
.data-section-wrapper figure {
    margin: 0;
    padding: 5px;
}
.data-section-wrapper figure img {
    max-width: 100%;
}
.homepage-price-map-body > svg {
    margin-top: -15px;
}
/*
=========================================================================================
        FUEL MIX
=========================================================================================
*/
/* Nudge the pie charts to the left or right as needed. */
.data-section-wrapper .data-section-fuesl-column-inner figure {
    padding-left: 10px;
    padding-right: 15px;
}
.data-section-wrapper .data-section-renewables-column-inner figure {
    padding-left: 10px;
    padding-right: 10px;
}
.data-section-fuel-mix-module {
    flex: 50%;
    border-right: 1px solid #3e515a;
}
.data-section-fuels-and-renewables-section {
    display: flex;
    align-items: stretch;
}
.data-section-fuels-column, .data-section-renewables-column {
    flex: 0 0 50%;
}
.data-section-fuel-mix-module td {
    padding: 1px 2px 1px 0px;
}
td.fuel-mix-percent {
    font-size: 1.5rem;
    line-height: 18px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}
.legend-icon {
    width: 12px;
    height: 12px;
    border-radius: 100px;
}
.fuel-mix-legend-text {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
/* TQM: Special renewables cell. */
.homepage-renewables-cell-inner-wrapper {
    display: flex;
    align-items: center;
}
span.renewables-cell-label {
    padding-right: 5px;
}
span.renewables-cell-arrow {
    width: 22px;
    height: 16px;
    background: url(/static-assets/css/images/homepage-renewables-arrow.png) no-repeat left top;
}
span.renewables-cell-dashes {
    flex-grow: 1;
    background: url(/static-assets/css/images/homepage-renewables-dashes.png) repeat-x left center;
}
.data-section-renewables-column .table-wrapper.fuel-mix-table-wrapper {
    border: 1px dashed #99a4b9;
    border-right: none;
    border-radius: 20px;
    padding: 10px 5px 12px 20px;
    margin-right: 15px;
}
.homepage-innards table#legend-1 {
    margin-bottom: 0;
    margin-top: 16px;
}
.homepage-innards table#legend-2 {
    margin-bottom: 0;
    margin-left: 6px;
    box-shadow: 0px -14px 0px #20303b, 0px 14px 0px #20303b; /* Hide the top and bottom dashed borders of the wrapper. */
}
/*
=========================================================================================
        SYSTEM DEMAND
=========================================================================================
*/
.data-section-system-demand-module {
    flex: 50%;
}
.homepage-system-demand-legend-wrapper {
    display: flex;
}
.system-demand-legend-text {
    text-transform: uppercase;
    font-weight: 600;
}
.legend-forecasted, .legend-actual {
    vertical-align: top;
    margin-bottom: 15px;
}
/* Add a little whitespace between the forecasted and actual values. */
.homepage-innards table.legend-forecasted td:last-child {
    padding-right: 15px;
}
@media screen and (max-width: 1280px) {
    .legend-forecasted td, .legend-actual td {
        letter-spacing: -0.2px;
    }
    .homepage-system-demand-legend-wrapper {
        flex-wrap: wrap;
    }
    .legend-forecasted {
        margin-bottom: 5px;
    }
}
/*
=========================================================================================
        SYSTEM STATUS
=========================================================================================
*/
div.system-status-indicator-wrapper {
    display: flex;
    align-items: center;
    padding-top: 25px;
    margin-top: 10px;
    border-top: 1px solid #3e515a;
}
.system-status-indicator-wrapper .iso-homepage-button.system-status-indicator-button.system-status-issues-reported {
    margin-left: 15px;
    background: rgb(235, 77, 65, 0.0);
}
.system-status-indicator-wrapper .iso-homepage-button.system-status-indicator-button.system-status-issues-reported:hover {
    background: rgba(235, 77, 65, .15);
}
.system-status-indicator-wrapper .iso-homepage-button.system-status-indicator-button.system-status-normal {
    margin-left: 15px;
    background: rgba(116, 173, 72, .0);
}
.system-status-indicator-wrapper .iso-homepage-button.system-status-indicator-button.system-status-normal:hover {
    background: rgba(116, 173, 72, .2);
}
.system-status-indicator-button.system-status-issues-reported {
    border: 1px solid #eb4d41;
}
.system-status-indicator-button.system-status-normal {
    border: 1px solid #74ad48;
}
.system-status-indicator-light {
    display: inline-block;
    content: " ";
    width: 11px;
    height: 11px;
    vertical-align: baseline;
    border-radius: 50px;
    margin-right: 8px;
}
.system-status-issues-reported .system-status-indicator-light {
    background: #eb4d41;
}
.system-status-normal .system-status-indicator-light {
    background: #74ad48;
}
/*
=========================================================================================
        TODAY'S SNAPSHOT
=========================================================================================
*/
.homepage-innards #snapshotcontainer {
    background: none;
    border-top: 1px solid #3e515a;
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#snapshotcontainer .todays-snapshot h2 {
    margin-bottom: 3px;
    margin-top: 20px;
    line-height: 19px;
}
#snapshotcontainer .todays-snapshot-data h3 {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 40px;
    margin-top: 16px;
    margin-bottom: 1px;
}
#snapshotcontainer .todays-snapshot-available-capacity h3 {
    color: #4ba5c7;
}
#snapshotcontainer .todays-snapshot-forecasted-peak h3 {
    color: #5baeb8;
}
#snapshotcontainer .todays-snapshot-surplus-capacity h3 {
    color: #6ebbad;
}
#snapshotcontainer .todays-snapshot-yesterdays-peak h3 {
    color: #85cca5;
}
#snapshotcontainer h4 {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    margin-top: 5px;
}
#snapshotcontainer > .container > .row {
    padding-left: 0;
    padding-right: 0;
}
#snapshotcontainer .span-two-columns {
    width: 17%;
}
#snapshotcontainer .span-two-columns:first-child {
    width: 20%;
}
.data-module.data-section-todays-snapshot-module {
    padding-top: 0;
    padding-bottom: 0;
}
#snapshotcontainer .row {
    display: flex;
    justify-content: space-around;
}
/*
=========================================================================================
        BUTTON ROW AT BOTTOM OF DATA SECTION
=========================================================================================
*/
.homepage-button-row {
    padding: 20px 0 10px 0;
    margin: 15px 15px 5px 15px;
    border-top: 1px solid #3e515a;
}
.homepage-button-row-paragraph {
    text-align: right;
}
.homepage-button-row-paragraph a.iso-homepage-button {
    margin-left: 15px;
}
/*
=========================================================================================
        BELOW THE FOLD SECTION
=========================================================================================
*/
/*
=========================================================================================
        FEATURED AND NEWS FEED
=========================================================================================
*/
.featured-news-events-notices-section-wrapper {
    display: flex;
    align-items: stretch;
}
.featured-news-events-notices-section-first-column {
    flex: 33.3%;
}
.featured-news-events-notices-section-second-column {
    flex: 33.3%;
}
.featured-news-events-notices-section-third-column {
    flex: 33.3%;
}
.popular-latest-section-wrapper {
    display: flex;
    align-items: stretch;
    margin-top: 50px;
}
.popular-latest-section-first-column {
    flex: 50%;
}
.popular-latest-section-second-column {
    flex: 50%;
}
#homepage-news-and-events-tier h3, #homepage-popular-and-latest-tier h3 {
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 5px;
}
@media screen and (max-width: 1280px) {
    #homepage-news-and-events-tier h3, #homepage-popular-and-latest-tier h3 {
        font-size: 1.6rem;
    }
}
.homepage-news-source {
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    text-transform: uppercase;
}
.homepage-news-source:after {
    display: inline-block;
    content: " ";
    margin: 1px 10px -1px 4px;
    width: 11px;
    height: 11px;
}
.homepage-news-source-linkedin:after {
    background: url(/static-assets/css/images/homepage-social-icon-linkedin.png) no-repeat;
    background-size: contain;
}
.homepage-news-source-twitter:after {
    background: url(/static-assets/css/images/homepage-social-icon-twitter.png) no-repeat;
    background-size: contain;
}
.homepage-news-source-newswire:after {
    background: url(/static-assets/css/images/homepage-social-icon-iso-newswire.png) no-repeat;
    background-size: contain;
}
.homepage-news-source-youtube:after {
    background: url(/static-assets/css/images/homepage-social-icon-youtube.png) no-repeat left center;
    background-size: contain;
}
.homepage-news-source-vimeo:after {
    background: url(/static-assets/css/images/homepage-social-icon-vimeo.png) no-repeat;
    background-size: contain;
}
a.homepage-news-feed-unit {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d4dce0;
}
.homepage-innards a.homepage-news-feed-unit:link h3, .homepage-innards a.homepage-news-feed-unit:visited h3 {
    color: inherit;
}
.homepage-innards a.homepage-news-feed-unit:hover h3, .homepage-innards a.homepage-news-feed-unit:active h3 {
    color: #1999d8;
}
/*
=========================================================================================
        EVENTS AND NOTICES PANEL SWITCHER
=========================================================================================
*/
/* TQM: Height */
.homepage-two-panel-wrapper-relative-parent {
    position: relative;
    height: 575px;
}
/* TQM: Height */
.homepage-panel-entire {
    display: flex;
    flex-direction: column;
    height: 585px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
/* TQM: Height */
.homepage-panel-outer-wrapper {
    display: flex;
    flex-direction: column;
    height: 585px;
}
.homepage-panel-entire.active-homepage-panel {
    z-index: 2000;
}
.homepage-panel-header h2 {
    background: #ffffff;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.5rem;
    text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
    .homepage-panel-header h2 {
        font-size: 1.3rem;
    }
}
.homepage-trigger-tab {
    cursor: pointer;
}
.homepage-panel-header h2:nth-of-type(2) {
    margin-left: -3px;
}
h2.inactive-homepage-panel-tab {
    background: rgb(174, 189, 197);
    background: linear-gradient(90deg, rgba(174, 189, 197, 1) 0%, rgba(227, 235, 237, 1) 100%);
}
h2.inactive-homepage-panel-tab#trigger-upcoming-events {
    background: rgb(174, 189, 197);
    background: linear-gradient(90deg, rgba(227, 235, 237, 1) 0%, rgba(174, 189, 197, 1) 100%);
}
.homepage-panel-body {
    padding: 20px 20px;
    background: #ffffff;
    overflow-y: auto;
    flex: 1;
}
.homepage-panel-footer {
    background: #ffffff;
    padding: 5px 35px;
    text-align: right;
}
/* Might as well take care of Latest Published table styles at the same time. */
.homepage-news-feed-wrapper td, .homepage-latest-published-wrapper td {
    border: none;
    border-bottom: 1px solid #d4dce0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    vertical-align: top;
}
.homepage-news-feed-wrapper td.homepage-calendar-event-column, .homepage-latest-published-wrapper td.homepage-latest-published-title {
    padding-top: 5px;
}
.homepage-news-feed-wrapper td h3, .homepage-news-feed-wrapper td p, .homepage-latest-published-wrapper td h3, .homepage-latest-published-wrapper td p {
    margin: 0;
}
.homepage-news-feed-wrapper td:first-child, .homepage-latest-published-wrapper td:first-child {
    padding-right: 15px;
}
.homepage-news-feed-wrapper td {
    font-weight: 600;
}
.homepage-two-panel-wrapper-relative-parent table td:last-child {
    text-align: right;
    white-space: nowrap;
    font-size: 11px;
    padding: 16px 3px 10px 5px;
}
/*
=========================================================================================
        MOST POPULAR PAGES - LATEST PUBLISHED
=========================================================================================
*/
/* TQM: Height */
.homepage-panel-outer-wrapper#most-popular-panel {
    height: 395px;
}
/* TQM: Height */
.homepage-panel-outer-wrapper#latest-published-panel {
    height: 440px;
}
ol#popular-pages {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px dotted #d4dce0;
    -moz-column-rule: 1px solid #d4dce0;
    column-rule: 1px solid #d4dce0;
    list-style-type: none;
    margin-bottom: 0;
}
ol#popular-pages li {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4dce0;
    font-size: 1.4rem;
    font-weight: 600;
}
@media screen and (max-width: 1280px) {
    ol#popular-pages li {
        font-size: 1.3rem;
    }
}
ol#popular-pages li:nth-child(5n) {
    border-bottom: none;
    margin-bottom: 0;
}
ol#popular-pages li:before {
    flex: 0 0 15px;
    height: 25px;
    width: 30px;
    margin-right: 10px;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 1px 6px 2px;
    border-radius: 100px;
    border: 1px solid orange;
}
ol#popular-pages li:nth-child(1):before {
    content: "1";
}
ol#popular-pages li:nth-child(2):before {
    content: "2";
}
ol#popular-pages li:nth-child(3):before {
    content: "3";
}
ol#popular-pages li:nth-child(4):before {
    content: "4";
}
ol#popular-pages li:nth-child(5):before {
    content: "5";
}
ol#popular-pages li:nth-child(6):before {
    content: "6";
}
ol#popular-pages li:nth-child(7):before {
    content: "7";
}
ol#popular-pages li:nth-child(8):before {
    content: "8";
}
ol#popular-pages li:nth-child(9):before {
    content: "9";
}
ol#popular-pages li:nth-child(10):before {
    content: "10";
}
.popular-module h2, .latest-published-module h2 {
    background: #d4dbdf;
}
.latest-published-module td p {
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
}
.homepage-innards td.homepage-latest-published-title h3 {
    font-size: 1.4rem !important;
    line-height: 17px !important;
    font-weight: 600 !important;
}
span.homepage-latest-published-file-type {
    margin-right: 6px;
}
span.homepage-latest-published-file-type:after {
    display: inline-block;
    width: 1px;
    height: 10px;
    content: " ";
    background: #d1dde0;
    margin-left: 6px;
    margin-bottom: -1px;
}
#latest-published-panel .homepage-panel-footer {
    padding-right: 0;
}
.homepage-latest-published-wrapper td:last-child {
    text-align: right;
    padding-left: 5px;
}
.homepage-latest-published-file-metadata {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}
/*
=========================================================================================
        UTILITY STYLES
=========================================================================================
*/
/* Fix display issues in Internet Explorer versions 10 and 11, via this Microsoft-specific media query. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE 10 and 11 styles go here. */
    .homepage-innards #legend-2.homepage-fuel-mix-table {
        border-collapse: separate; /* In order for renewables table box-shadow to work in IE 10-11. */
    }
    /* Fix a display issue in IE 11, where homepage panel headers levitate over thier respective panels. */
    .homepage-innards .homepage-panel-header {
        margin-bottom: -4px;
    }
    /* Fix alignment issue in "Renewables" table cell */
    .fuel-mix-legend-text.homepage-renewables-cell {
        vertical-align: bottom;
    }
}
.homepage-innards a.iso-homepage-button {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    background: #1999d8;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 50px;
}
.homepage-innards a.iso-homepage-button:hover {
    background: #3e515a;
}
/* SOME ANIMATION CLASSES */
.animate-element-fly-in {
    animation: flyInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.animate-element-fade-in {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.animate-element-fly-in.fast {
    animation: flyInAnimation ease 0.5s;
}
.animate-element-fly-in.slow {
    animation: flyInAnimation ease 2.05s;
}
.animate-element-fade-in.fast {
    animation: fadeInAnimation ease 0.5s;
}
.animate-element-fade-in.slow {
    animation: fadeInAnimation ease 2.05s;
}
@keyframes flyInAnimation {
    0% {
        opacity: 0;
        transform: scale(1.75);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*
========================================================================
        BEGIN STYLES FOR NEW LIBRARY 2020
========================================================================
*/
/*
========================================================================
        GENERAL STYLES
========================================================================
*/
.library-innards {
    min-width: 1000px;
}
#library-banner-tier {
    background: url(/static-assets/css/images/bg-library-masthead-with.png) no-repeat center top, #24425c url(/static-assets/css/images/bg-library-masthead-tile.png) repeat-x center top;
    height: 300px;
}
@media screen and (max-width: 1280px) {
    #library-banner-tier {
        height: 220px;
        background-size: contain;
    }
}
#library-banner-tier h1 {
    color: #ffffff;
    display: none;
}
#library-find-content-tier, #library-videos-tier {
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}
#library-featured-tier, #library-brochures-tier {
    background: #f4f1ea;
    padding-top: 80px;
    padding-bottom: 80px;
}
.library-row.library-find-row {
    height: 600px; /* TQM: Height */
}
.row.library-row {
    display: flex;
    padding: 0 62px; /* TQM: revisit. */
}
.row.library-row > div.library-find-content-column {
    flex: 25%;
}
.row.library-row > div.library-latest-published-column {
    flex: 50%;
}
.row.library-row > div.library-latest-news-column {
    flex: 25%;
}
.library-heading-style-1 {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 14px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 17px;
}
a .library-heading-style-1 {
    color: #4099d8;
}
a:hover .library-heading-style-1 {
    color: #4099d8;
}
.library-heading-style-2 {
    font-size: 4.2rem;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.library-heading-style-3 {
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 10px;
}
a .library-heading-style-2, a .library-heading-style-3, a .library-lede-style {
    color: #1c282e;
}
a:hover .library-heading-style-2, a:hover .library-heading-style-3 {
    color: #4099d8;
}
.library-lede-style {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 24px;
}
.library-paragraph-style {
    font-size: 1.4rem;
    line-height: 22px;
    color: #1c282e;
}
.library-date-style {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    color: #9ea8ac;
}
.library-button-style {
    display: inline-block;
    color: #ffffff !important;
    background: #4099d8;
    padding: 4px 20px 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
a:hover .library-button-style {
    background: #8e979c;
}
.library-meta {
    text-align: right;
}
/*
=========================================================================================
        FEATURED
=========================================================================================
*/
.row.library-row.library-featured-row {
    align-items: flex-start;
}
.featured-row-first-column {
    width: 73%;
    padding-right: 30px;
}
.featured-row-second-column {
    width: 27%;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}
.featured-link-primary, .featured-link-secondary {
    display: flex;
}
.library-featured-primary-illustration {
    width: 36%;
    margin-right: 30px;
}
.library-featured-primary-content {
    width: 64%;
}
.library-featured-secondary-illustration {
    width: 25%;
    padding-right: 15px;
}
.library-featured-secondary-content {
    width: 75%;
}
.library-featured-row img {
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.library-featured-secondary-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
}
.library-featured-secondary-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.library-featured-primary-content p.library-featured-label {
    font-size: 1.8rem;
    line-height: 14px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    text-transform: uppercase;
}
a .library-featured-primary-content p.library-featured-label {
    color: #4099d8;
}
.library-featured-primary-content h2 {
    font-size: 4.2rem;
    line-height: 48px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 14px;
}
a .library-featured-primary-content h2 {
    color: #1c282e;
}
a:hover .library-featured-primary-content h2 {
    color: #4099d8;
}
.library-featured-secondary-content h3 {
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 400;
    margin-top: 0;
}
a .library-featured-secondary-content h3 {
    color: #1c282e;
}
a:hover .library-featured-secondary-content h3 {
    color: #4099d8;
}
.library-featured-secondary-content p.library-date-style {
    margin-bottom: 0;
}
/*
=========================================================================================
        FIND / LATEST
=========================================================================================
*/
/* FIND CONTENT */
.library-find-content-column {
    margin-right: 30px;
}
.library-latest-news-column {
    margin-left: 30px;
}
.library-latest-published-column {
    width: 50%;
}
#library-find-content-tier h2, #library-brochures-tier h2, #library-videos-tier h2 {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 14px;
    color: #1c282e;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#library-find-content-tier .library-panel-header h2 {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 12px;
    padding: 15px 17px 15px;
    margin: 0;
}
#library-find-links li {
    padding: 0 15px;
    background: #f5f2eb;
    font-size: 1.6rem;
    line-height: 20px;
}
#library-find-links li a {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    color: #1c282e;
}
#library-find-links li a:hover {
    color: #4099d8;
}
#library-find-links li:last-child a {
    border-bottom: none;
}
#library-find-links li a span:first-child {
    display: block;
    height: 65px;
    flex: 0 0 27%;
    border-radius: 100px;
    content: " ";
    margin-right: 15px;
}
@media screen and (max-width: 1280px) {
    #library-find-links li {
        font-size: 1.4rem;
    }
    #library-find-links li a {
        padding: 20px 0;
    }
    #library-find-links li a span:first-child {
        height: 55px;
        flex: 0 0 25%;
    }
}
.library-user-guides-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-user-guides.png) no-repeat left top;
    background-size: cover;
}
.library-manuals-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-manuals.png) no-repeat left top;
    background-size: cover;
}
.library-operating-procedures-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-operating.png) no-repeat left top;
    background-size: cover;
}
.library-training-materials-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-training-materials.png) no-repeat left top;
    background-size: cover;
}
.library-key-projects-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-key-projects.png) no-repeat left top;
    background-size: cover;
}
.library-planning-procedures-illustration {
    background: #ffffff url(/static-assets/css/images/library-icon-planning.png) no-repeat left top;
    background-size: cover;
}
/*
=========================================================================================
        LATEST PUBLISHED - CONTENT PANEL SWITCHER
=========================================================================================
*/
.library-panel-wrapper-relative-parent {
    position: relative;
}
.library-panel-entire {
    height: 575px; /* TQM: Height */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
}
.library-panel-entire.active-library-panel {
    display: flex;
    flex-direction: column;
    z-index: 2000;
}
.library-panel-header h2 {
    display: none;
}
.active-library-panel .library-panel-header h2 {
    display: inline-block;
}
.active-library-panel-tab {
    background: #f5f2eb;
}
.library-panel-header h2[role="button"] {
    cursor: pointer;
}
.library-panel-tab.active-library-panel-tab {
    cursor: default !important;
}
.library-panel-body {
    background: #f5f2eb;
    padding: 30px;
    overflow-y: auto;
    flex: 1;
}
.library-panel-body table {
    background: transparent;
}
.library-news-feed-wrapper td, .library-news-feed-wrapper td.homepage-latest-published-title {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}
.library-news-feed-wrapper h3 {
    font-size: 1.7rem;
    line-height: 20px;
}
.library-news-feed-wrapper td p.homepage-latest-published-date, .library-news-feed-wrapper td p.homepage-latest-published-file-metadata {
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 12px;
    font-weight: 700;
    color: #9ea8ac;
}
.library-more-latest-published-btn {
    float: right;
    margin-top: -8px;
}
.library-more-latest-published-btn a.library-button-style {
    font-family: "Open Sans";
}
.library-more-latest-published-btn a.library-button-style:hover {
    background: #8e969a;
}
/* LATEST NEWS SIDEBAR */
.library-latest-news-sidebar {
    display: flex;
    flex-direction: column;
    background: rgb(128, 191, 213);
    background: url(/static-assets/css/images/bg-library-newswire-sidebar.png) no-repeat center bottom, linear-gradient(333deg, rgba(128, 191, 213, 1) 0%, rgba(163, 221, 240, 1) 100%);
    height: 575px; /* TQM: Height */
    padding: 0px 30px;
}
.library-latest-news-sidebar .library-button-style:hover {
    background: #28536e;
}
.library-latest-news-sidebar .library-heading-style-2 {
    color: #1b415a;
}
/*
=========================================================================================
        BROCHURES
=========================================================================================
*/
#library-brochure-group {
    display: flex;
}
.library-brochure-item {
    -ms-flex: 174px;
    flex: 1 1 0;
    border-right: 1px solid #ccc;
    padding: 0 15px;
}
.library-brochure-item:last-child {
    border: none;
}
.library-brochure-list-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
.library-brochures-section a.library-button-style, .library-videos-section a.library-button-style {
    margin-top: 10px;
}
.library-brochures-section a.library-button-style:hover, .library-videos-section a.library-button-style:hover {
    background: #8e979c;
}
p.library-brochure-thumbnail {
    margin-bottom: 10px;
}
.library-brochure-thumbnail img {
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
/*
=========================================================================================
        VIDEOS
=========================================================================================
*/
#library-video-group {
    display: flex;
}
.library-video-item {
    -ms-flex: 272px;
    flex: 1 1 0;
    border-right: 1px solid #ccc;
    padding: 0 15px;
}
.library-video-item:last-child {
    border: none;
}
.library-video-list-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
p.library-video-thumbnail {
    margin-bottom: 10px;
}
.library-video-thumbnail img {
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
/*
=========================================================================================
        UTILITIES
=========================================================================================
*/
.light-drop-shadow, .lightly-shadowed {
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.33);
}
/* Make sure that file-type icons are suppressed on the homepage and document library. */
.homepage-innards a:after, .homepage-innards a:hover:after, .library-innards a:after, .library-innards a:hover:after {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/*
========================================================================
        IMAGES, DECORATION, EXTRA STUFF, LOOKING FOR A HOME, ETCETERA
======================================================================== */
img, object, embed {
    max-width: 100%;
    height: auto;
}
.invisible {
    visibility: hidden;
    display: none;
}
.bottom-bordered {
    border-bottom: 1px dotted #777;
}
.top-bordered {
    border-top: 2px dotted #f9af1c;
}
.bottom-margined {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}
.top-margined {
    margin-top: 21px;
    margin-top: 2.1rem;
}
.right-margined {
    margin-right: 15px;
    margin-right: 1.5rem;
}
.left-margined {
    margin-left: 15px;
    margin-left: 1.5rem;
}
.top-padded {
    padding-top: 21px;
    padding-top: 2.1rem;
}
.bottom-padded {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}
.extra-top-padded {
    padding-top: 21px;
    padding-top: 2.1rem;
}
.extra-top-margined {
    margin-top: 21px;
    margin-top: 2.1rem;
}
.extra-bottom-padded {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}
.double-top-padded {
    padding-top: 42px;
    padding-top: 4.2rem;
}
.double-top-margined {
    margin-top: 42px;
    margin-top: 4.2rem;
}
.double-bottom-margined {
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}
.warmbackground {
    background: #f5f2eb;
}
.relative {
    /* Gives us a hook for positioning child elements absolutely relative to the parent. */
    position: relative;
}
.real-time-data-button {
    position: absolute;
    right: 0;
    top: 100%;
    margin-right: 24px;
    margin-right: 2.4rem;
    margin-top: -48px;
    margin-top: -4.8rem;
}
.button-left-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/left-arrow.png) no-repeat left bottom;
}
.button-right-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/right-arrow.png) no-repeat right bottom;
}
.button-up-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/up-button-arrow.png) no-repeat left center;
}
.button-down-arrow {
    display: inline-block;
    text-indent: 20px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/down-button-arrow.png) no-repeat left center;
}
.underscored {
    border-bottom: 1px solid #d8d5d0;
}
.floatleft {
    float: left;
    margin: 0 10px 10px 0;
}
.floatright {
    float: right;
    margin: 0 0 10px 10px;
}
.textalignright {
    text-align: right;
}
.textaligncenter {
    text-align: center;
}
.redcolor {
    color: #f00;
}
.redcolor a:link, .redcolor a:visited {
    color: #f00;
    text-decoration: underline;
}
.redcolor a:hover, .redcolor a:active {
    background: #ffffff;
    text-decoration: none;
}
p.help-text-question {
    padding-left: 18px;
    background: transparent url(/static-assets/css/images/question-mark-14x14.png) no-repeat left 3px;
}
p.help-text-exclamation {
    padding-left: 18px;
    background: transparent url(/static-assets/css/images/exclamation-mark-14x14.png) no-repeat left 3px;
}
.whitebackground {
    background: #ffffff;
}
.nowrap {
    white-space: nowrap;
}
/*
============================================
  VARIOUS CONTAINER STYLES
============================================ */
#banner {
    padding-top: 21px;
    padding-top: 2.1rem;
    background: #ffffff;
}
#mainnavcontainer {
    background: #3e525b;
}
#maincontentcontainer {
    background: #ffffff;
}
/* Give the main content area a little breathing room, before the footer. */
#maincontentcontainer .container {
    margin-bottom: 21px;
}
.wcm-homepage #maincontentcontainer .container {
    margin-bottom: 42px;
}
#docwidgetcontainer {
    background: #f5f2eb;
}
.headingcontainer {
    padding-top: 21px;
    padding-top: 2.1rem;
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}
.headingcontainer p:last-child {
    margin-bottom: 0;
}
.headingcontainer h2 {
    margin-top: 13px;
    margin-top: 1.3rem;
}
.withbreadcrumbs {
    padding-top: 0;
    padding-bottom: 0;
}
#footercontainer {
    background: #3e525b;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 0px -8px 11px 0px rgba(26, 46, 54, 0.2);
    box-shadow: 0px -8px 11px 0px rgba(26, 46, 54, 0.2);
}
#footercontainer li, #footercontainer a, #footercontainer p {
    color: #8d9fab;
    font-size: 11.4px;
    font-size: 1.14rem;
    line-height: 1.1;
    margin-bottom: 10px;
    font-weight: 700;
}
#footercontainer a {
    color: #93a4ad;
    text-decoration: none;
}
#footercontainer a:hover {
    text-decoration: none;
    color: #a8bcc9;
}
#footercontainer h3 {
    color: #93a4ad;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
}
#footercontainer footer h3 img {
    /* TQM: When you get a chance, go back and add an ID to the image in the footer, and target it directly. */
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
.free-form-block {
    min-height: 500px;
}
/*
========================================================================
        TOP-LEVEL PAGE STYLES
======================================================================== */
.top-level-page {
    padding-bottom: 42px;
    padding-bottom: 4.2rem;
}
.top-level-heading {
    padding-bottom: 21px;
    padding-bottom: 2.1rem;
}
.top-level-heading h1, .top-level-heading h2, .top-level-heading h3, .top-level-heading h4, .top-level-heading p, .top-level-heading a {
    color: #ffffff;
}
.top-level-heading a {
    text-decoration: underline;
}
.top-level-heading h1 {
    font-size: 51px;
    font-size: 5.1rem;
}
.top-level-heading h2 {
    margin-top: 13px;
    margin-top: 1.3rem;
    font-size: 20px;
    font-size: 2rem;
}
.top-level-heading p {
    font-size: 16px;
    font-size: 1.6rem;
}
.about-us-heading {
    background: #1e7199 url(/static-assets/css/images/bg-tile-about-us-1e7199.jpg) repeat-x left top;
}
.participate-heading {
    background: #1896d3 url(/static-assets/css/images/bg-tile-participate-1896d3.jpg) repeat-x left top;
}
.committees-heading {
    background: #62c7f1 url(/static-assets/css/images/bg-tile-committees-62c7f1.jpg) repeat-x left top;
}
.system-planning-heading {
    background: #f49f2b url(/static-assets/css/images/bg-tile-system-planning-f49f2b.jpg) repeat-x left top;
}
.markets-heading {
    background: #febc30 url(/static-assets/css/images/bg-tile-markets-febc30.jpg) repeat-x left top;
}
p.top-level-illustration {
    text-align: center;
    margin-top: 42px;
    margin-top: 4.2rem;
}
.top-level-page-panel {
    min-height: 380px;
    margin-top: 42px;
    margin-top: 4.2rem;
}
.top-level-page-panel h3 {
    margin-top: 17px;
    margin-top: 1.7rem;
}
.top-level-page-panel ul li a {
    display: block;
    padding: 2px 5px;
    border-bottom: 1px solid #d2d3cd;
    font-weight: 600;
}
.top-level-page-panel ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #3e525b;
}
p.top-level-icon {
    margin-top: 5px;
    margin-top: 0.5rem;
    padding-right: 15px;
    padding-right: 1.5rem;
}
/*
========================================================================
        VARIOUS PANELS AND THEIR LABELS/TABS
======================================================================== */
.panel {
    padding: 0 24px;
    padding: 0 2.4rem;
    background: #f5f2eb;
}
.whitebackground.panel {
    background: #ffffff;
}
.homepage-news-panel, .homepage-calendar-panel {
    padding: 0;
}
.homepage-calendar-panel table {
    background: transparent;
}
.gold-tab-wrapper, .blue-tab-wrapper, .orange-tab-wrapper, .slate-tab-wrapper {
    display: inline-block;
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
}
.gold-tab-wrapper, .blue-tab-wrapper, .orange-tab-wrapper {
    margin-top: 42px;
    margin-top: 4.2rem;
}
#docwidgetcontainer .slate-tab-wrapper {
    margin-top: 0;
}
.standalone-document-widget-panel .slate-tab-wrapper {
    margin-top: 0;
}
.document-widget-container .standalone-document-widget-panel {
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
}
/*      TQM 05-29-2014 - Gold tab wrapper does not need as much top margin
        when it falls below the "in this section" menu. */
.lower-level-menu ~ .gold-tab-wrapper {
    margin-top: 15px;
    margin-top: 1.5rem;
}
.tab-shadow {
    float: left;
    padding: 0;
    margin: 0;
    width: 50px;
    width: 5rem;
    height: 30px;
    height: 3rem;
    line-height: 0;
}
.tab-shadow img {
    height: 100%; /* Needed to maintain the illusion in Firefox Mac. */
}
.gold-tab-wrapper h2, .gold-tab-wrapper h3 {
    background: #feba31;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.orange-tab-wrapper h2, .orange-tab-wrapper h3 {
    background: #f68b21;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.blue-tab-wrapper h2, .blue-tab-wrapper h3 {
    background: #1997d4;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.slate-tab-wrapper h2, .slate-tab-wrapper h3 {
    background: #495b65;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.standalone-document-widget-panel .outerformwrapper {
    border: 1px solid #92a8b5;
}
.standalone-document-widget-panel {
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
    padding-bottom: 0;
}
.standalone-document-widget-panel form {
    margin-bottom: 0;
}
/* reduce margin above document widget heading */
#related-documents h2.floatleft {
    margin-top: 0px;
}
/*
============================================
        VARIOUS WIDGETS, GADGETS, AND GIZMOS
============================================ */
.results-table a.doc-widget-doc-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
    text-decoration: none;
    font-weight: 700;
    color: #1a97da;
}
.results-table a:hover.doc-widget-doc-title {
    text-decoration: underline;
    color: #495b65;
}
.event-widget-panel {
    border: 1px solid #cdccc8;
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
    padding: 10px;
    padding: 1rem;
}
.event-widget-panel th {
    padding-top: 3px;
}
.event-widget-table th {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: inherit;
    color: #3e525b;
}
.event-widget-table th, .event-widget-table td {
    border-bottom: 1px solid #cdccc8;
    border-right: none;
}
.event-widget-location-info {
    display: block;
}
.event-widget-location-info a {
    color: inherit;
}
.full-calendar-button {
    text-align: right;
    margin-bottom: 0;
}
/*
========================================================================
        TOOLTIPS STYLES
======================================================================== */
.tooltipster-icon {
    /* ICON NEXT TO TOOL TIPS ASSOCIATED WITH EVENTS (USED ON MOBILE ONLY) - CR -107074 */
    display: none !important;
}
.tooltipster-content {
    max-width: 500px;
    max-width: 50rem;
}
/*
========================================================================
        STYLES FOR 小草社区S
======================================================================== */
.calendar th {
    text-align: center;
    background: #ecedef;
    font-size: 11px;
    font-size: 1.1rem;
}
.calendar-day-table, .calendar-week-table, .calendar-month-table {
    width: 100%;
}
.calendar-date-label {
    font-weight: bold;
}
.buttonrow p {
    margin: 15px 10px;
}
.buttonrow p a {
    margin-right: 5px;
    margin-left: 5px;
}
a.more-events-link {
    font-weight: 700;
    padding-right: 18px;
    background: url(/static-assets/css/images/double-right-arrows.png) no-repeat right center;
}
td.time-cell p {
    /* Day and Week views */
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    font-size: 1.1rem;
}
span.calendar-event-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 32px;
    margin-top: 3.15rem;
    margin-bottom: 9px;
    margin-bottom: 1.05rem;
    text-decoration: none;
    font-weight: 700;
    color: #1a97da;
}
/* =========== DAY =========== */
table.calendar-day-table .time-cell {
    width: 20%;
}
table.calendar-day-table {
    border-bottom: none;
}
.calendar-day-table th {
    padding-top: 14px;
    padding-bottom: 14px;
}
table.calendar-day-table p {
    margin-bottom: 0;
}
th.calendar-day-time-column {
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
    width: 20%;
}
th.calendar-day-event-column {
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
}
/* =========== WEEK =========== */
table.calendar-week-table {
    border-bottom: none;
}
table.calendar-week-table p {
    margin-bottom: 0;
}
table.calendar-week-table td {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
td.calendar-week-day-label-cell {
    /* Functioning as "headers" */
    background: #ecedef;
    font-weight: bold;
    border-top: 1px solid #8caeba !important;
    border-bottom: 1px solid #8caeba !important;
    text-transform: uppercase;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
td.calendar-week-day-label-cell a {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}
/* =========== MONTH =========== */
.cal-month-weekday {
    width: 18%;
}
table.calendar-month-table {
    border-top: 1px solid #92a8b5;
    border-bottom: none;
}
/* Make the text smaller in the month view, so it doesn't blow out the layout */
.calendar-month-table span.calendar-event-title {
    font-size: 11.4px;
    font-size: 1.14rem;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
table.calendar-month-table p {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 11px;
}
table.calendar-month-table th.time-cell {
    color: #6e7881;
    border-top: 1px solid #92a8b5 !important;
}
td.calendar-prev-next-month-cell {
    background: #ecedef;
}
span.calendar-time-range {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 700;
}
span.calendar-week-number {
    font-size: 27px;
    font-weight: 400;
    display: block;
    line-height: 1;
}
/* =========== SIGN UP / SIGN IN =========== */
/*
=========================================================================================
        STICKY BUTTON STYLES (PROVIDES AN ANCHOR LINK TO THE FILTERS IN A FILTERABLE LIST)
========================================================================================= */
#sticker {
    visibility: hidden;
    padding-left: 20px;
}
.is-sticky #sticker {
    visibility: visible;
    padding-left: 20px;
}
/*
=========================================================================================
        APPLICATIONS
========================================================================================= */
.application-wrapper {
    padding-top: 0px;
}
.morning-report-wrapper {
    max-width: 640px;
    max-width: 64rem;
}
.morning-report-wrapper td, .morning-report-wrapper tr {
    padding-top: 5px;
    padding-top: 0.5rem;
    padding-bottom: 5px;
    padding-bottom: 0.5rem;
}
.morning-report-wrapper table a:hover {
    text-decoration: none;
}
.morning-report-wrapper td, .morning-report-wrapper th {
    text-align: right;
}
.morning-report-wrapper td:first-child, .morning-report-wrapper th:first-child {
    text-align: left;
}
.morning-report-wrapper th.bottom-bordered {
    border-bottom: 1px solid #cdccc8;
}
.morning-report-wrapper td {
    border-top-color: #cdccc8;
}
.psc-table, .op4-table, .application-wrapper table {
    border: 1px solid #cdccc8;
}
.psc-table th, .op4-table th, .application-wrapper table th {
    color: #3e525b;
    background: #f0f1f3;
}
/* In cases where you need a bottom border on a <th> */
th.bottom-bordered {
    border-bottom: 1px solid #92a8b5;
}
/* a quick way to apply a width to a table column */
.ten-percent {
    width: 10%;
}
.twenty-percent {
    width: 20%;
}
.twenty-five-percent {
    width: 25%;
}
.thirty-percent {
    width: 30%;
}
.forty-percent {
    width: 40%;
}
.fifty-percent {
    width: 50%;
}
.sixty-percent {
    width: 60%;
}
.seventy-percent {
    width: 70%;
}
.seventy-five-percent {
    width: 75%;
}
.eighty-percent {
    width: 80%;
}
.ninety-percent {
    width: 90%;
}
/* Skin the "download files" CAPTCHA box */
.captcha-dialog {
    background: #2a3e48 !important;
    border-radius: 0;
}
.captcha-dialog p, .captcha-dialog .ui-dialog-content {
    color: #8dacbc;
}
.captcha-dialog .ui-widget-header {
    background: none;
    border: none;
}
.captcha-dialog .ui-widget-header .ui-dialog-title {
    text-transform: uppercase;
    color: #8dacbc;
}
.captcha-dialog .ui-widget-header .ui-dialog-titlebar-close {
    background: none;
    border: none;
}
.captcha-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick, .captcha-dialog .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick:hover {
    background: url(/static-assets/css/images/sprite.png) no-repeat -33px 3px;
}
.captcha-dialog img {
    margin-top: 0px;
}
.captcha-dialog input[type="text"] {
    margin-top: 10px;
    margin-bottom: 12px;
    border-radius: 2px;
}
.captcha-dialog input[type="button"] {
    margin-bottom: 10px;
    border-radius: 2px;
    font-weight: bold;
    color: #ffffff;
    background: #1a95d3;
    border: none;
}
/* Careers */
.feature-illustration {
    background: #1a94d3;
}
.feature-illustration:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child + html .feature-illustration {
    min-height: 1px;
}
.feature-illustration h3 {
    color: #ffffff;
    margin: 0px 30px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
.feature-illustration h4 {
    color: #10486b;
    margin: 0px 30px 30px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.167;
    font-weight: 600;
}
/* Use this construction when you want two lists side-by-side. */
.two-column-list-container {
    display: table;
    width: 100%;
    margin-bottom: 21px;
    margin-bottom: 2.1rem;
}
.two-column-list-container ul, .two-column-list-container ol {
    display: table-cell;
    padding-left: 11px;
    padding-left: 1.1rem;
    padding-right: 11px;
    padding-right: 1.1rem;
}
.two-column-list-container ul li:last-child, .two-column-list-container ol li:last-child {
    margin-bottom: 0;
}
/* Use this construction when you want two divs side-by-side. */
.two-column-div-container {
    display: table;
    width: 100%;
}
.two-column-div-container {
    display: table-cell;
    width: 50%;
}
.two-column-div-container div:first-child {
    padding-right: 6%;
}
/* Link lists */
.alt-h2 {
    color: #889fad;
}
.block-link-list {
    background: #f5f2eb;
    clear: both;
    margin-bottom: 42px;
    margin-top: 31px;
}
.block-link-list-item {
    border-top: 1px solid #d3d0cb;
    min-height: 100px;
}
.block-link-list-item {
    background: url(/static-assets/css/images/link-list-arrow.png) no-repeat right 50%;
}
.block-link-list-item:hover {
    background: url(/static-assets/css/images/link-list-arrow-hover.png) no-repeat right 50%;
}
.block-link-list-item a {
    display: block;
    padding: 1px 120px 10px 30px;
}
.block-link-list-item a:hover {
    text-decoration: none;
}
.block-link-list-item:first-child {
    border-top: none;
}
.block-link-list-item h3 {
    color: #0b98dd;
    clear: left;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
/* Customer Support */
.alt-h2 {
    color: #889fad;
}
.iconic-list {
    clear: both;
    margin-top: 31px;
    margin-top: 3.1rem;
    margin-bottom: 31px;
    margin-bottom: 3.1rem;
}
.iconic-list-item {
    padding: 10px 25px 10px 110px;
    border-bottom: 1px solid #dadcdb;
}
.iconic-list-item-alert {
    background: url(/static-assets/css/images/speech-bubble-alert.png) no-repeat left 38px;
}
.iconic-list-item-question {
    background: url(/static-assets/css/images/speech-bubble-question.png) no-repeat left 38px;
}
.iconic-list-item-mail {
    background: url(/static-assets/css/images/speech-bubble-mail.png) no-repeat left 38px;
}
.iconic-list-item-convo {
    background: url(/static-assets/css/images/speech-bubble-conversation.png) no-repeat left 38px;
}
.iconic-list-item:first-child {
    border-top: 1px solid #dadcdb;
}
.iconic-list-item h3 {
    color: #0b98dd;
    clear: left;
}
.iconic-list-item p {
    margin-top: 21px;
    margin-top: 2.1rem;
}
.notice-pane {
    border: 1px solid #dadcdb;
    padding: 1px 20px 4px;
    margin-top: 31px;
    margin-bottom: 31px;
}
.notice-pane h3 {
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    padding-bottom: 11px;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid #dadcdb;
    font-size: 16px;
    font-size: 1.6rem;
}
.notice-pane p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
/* Board Bios */
.introductory-text {
    margin-bottom: 31px;
}
.bio-table {
    border-bottom: 1px solid #dbdcde;
}
.bio-table h3 {
    color: #88a2af;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.1579;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
}
.bio-table p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 31px;
}
.bio-table td:first-child p:first-child {
    margin-top: 35px;
    margin-right: 25px;
    min-width: 100px;
}
.bio-table td {
    border: none;
    border-top: 1px solid #dbdcde;
    vertical-align: top;
    padding: 0;
}
ul.expanded li, ol.expanded li {
    margin-bottom: 21px;
}
.holiday-calendar-table td {
    border-top: none;
    padding: 0;
    padding-right: 10px;
}
.holiday-calendar-table tr:last-child td {
    border-bottom: none;
}
.holiday-calendar-table {
    margin-bottom: 0;
    border-bottom: none;
}
.holiday-calendar-table h3 {
    line-height: 27px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.holiday-calendar-table h4 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.holiday-calendar-table p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.holiday-calendar-table tr:last-child td h4, .holiday-calendar-table tr:last-child td p {
    margin-bottom: 0;
}
/* =========== Apply badges after links to DOCs, PDFs, PPTs, CSVs, etc. in the main content area. =========== */
.introductory-text a[href$=".pdf"]:after {
    content: "PDF";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".pdf"]:hover:after {
    background: #eb3430;
}
.introductory-text a[href$=".doc"]:after, .introductory-text a[href$=".docx"]:after, .introductory-text a[href$=".docm"]:after {
    content: "DOC";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".doc"]:hover:after, .introductory-text a[href$=".docx"]:hover:after, .introductory-text a[href$=".docm"]:hover:after {
    background: #2495d1;
}
.introductory-text a[href$=".csv"]:after {
    content: "CSV";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".csv"]:hover:after {
    background: #8cc542;
}
.introductory-text a[href$=".xls"]:after, .introductory-text a[href$=".xlsx"]:after, .introductory-text a[href$=".xlsm"]:after {
    content: "XLS";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".xls"]:hover:after, .introductory-text a[href$=".xlsx"]:hover:after, .introductory-text a[href$=".xlsm"]:hover:after {
    background: #8cc542;
}
.introductory-text a[href$=".ppt"]:after, .introductory-text a[href$=".pptx"]:after {
    content: "PPT";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".ppt"]:hover:after, .introductory-text a[href$=".pptx"]:hover:after {
    background: #f7a42c;
}
.introductory-text a[href$=".zip"]:after, .introductory-text a[href$=".zipx"]:after {
    content: "ZIP";
    background: #bbbbbb;
    color: #ffffff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}
.introductory-text a[href$=".zip"]:hover:after, .introductory-text a[href$=".zipx"]:hover:after {
    background: #fec63b;
}
a.no-badge:after, a.no-badge:hover:after {
    content: "" !important;
    background: transparent !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* =========== end applying badges =========== */
/* =========== Callout boxes - TQM: Updated October 2014 =========== */
.callout-box {
    border: 1px solid #cdccc8;
    padding: 0px 25px 11px;
    margin: 0 0 21px 0;
}
.callout-box.right {
    width: 44%;
    float: right;
    margin: 7px 0 10px 25px;
}
.callout-box.left {
    width: 44%;
    float: left;
    margin: 7px 25px 10px 0;
}
.callout-box h2, .callout-box h3, .callout-box h4 {
    margin-top: 21px;
    margin-bottom: 11px;
    color: #4a5e67;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 300;
}
.callout-box p {
    text-align: left;
}
.callout-box p:last-child {
    margin-bottom: 10px;
}
/* Keep content from wrapping in events table */
span.date-and-time {
    white-space: nowrap;
}
/* Back to top link paragraphs, as used on FAQ pages. */
p.back-to-top-link-p {
    font-size: 12px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}
/* =========== TQM New 12-30-2014 - styles for new Morning Report and 7-Day Forecast archives =========== */
.morning-report-list-wrapper p.months span, .morning-report-list-wrapper p.years span, .seven-day-forecast-list-wrapper p.months span, .seven-day-forecast-list-wrapper p.years span {
    color: #1999d8;
}
.morning-report-list-wrapper p.months span:hover, .morning-report-list-wrapper p.years span:hover, .seven-day-forecast-list-wrapper p.months span:hover, .seven-day-forecast-list-wrapper p.years span:hover {
    color: inherit;
}
.morning-report-list-wrapper p.months span.selected, .morning-report-list-wrapper p.years span.selected, .seven-day-forecast-list-wrapper p.months span.selected, .seven-day-forecast-list-wrapper p.years span.selected {
    color: #3e525b;
}
.morning-report-list-wrapper p.months span.selected:hover, .morning-report-list-wrapper p.years span.selected:hover, .seven-day-forecast-list-wrapper p.months span.selected:hover, .seven-day-forecast-list-wrapper p.years span.selected:hover {
    color: #3e525b;
    cursor: inherit;
}
/* TQM Added 2015-01-06, to correct alignment in 7-Day Forecast tables. */
.seven-day-forecast-wrapper td.seven-day-data-column {
    width: 50px;
    text-align: right;
}
/*
========================================================================
        MEDIA QUERIES
======================================================================== */
@media screen and (max-width: 1122px) {
    /* Medium-narrow. Tablets? Older 800 x 600 PCs? */
    html {
        font-size: 10px;
    } /* scale down all the rem-based text proportionally. */
}
@media screen and (max-width: 1028px) {
    html {
        font-size: 9px;
    } /* scale down all the rem-based text proportionally. */
    #parentnav li a {
        padding: 16px 20px;
        padding: 1.6rem 1.5rem;
        font-size: 12px;
        font-size: 1.2rem;
    }
    #parentnav li:hover .supernavpanel {
        top: 49px;
        top: 4.9rem;
        font-size: inherit;
    }
    .panel-parent-list-item > a {
        height: 21px;
        padding-top: 18px !important;
    }
}
@media screen and (max-device-width: 1024px) {
    span.tooltipster-icon {
        display: none;
    }
}
/*Rivet Logic Team Changes in the styles:
        html
*/
html.popup-page {
    background: none;
    /* override the original rule only for pages that have
    the "popup-page" class assigned to their HTML element */
}
/*
########################################################################
        UTILITY NAVIGATION MENU
######################################################################## */
.nav {
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
#util-nav {
    float: right;
    margin-top: 17px;
    margin-top: 1.7rem;
    margin-bottom: 17px;
    margin-bottom: 1.7rem;
    margin-right: -15px;
    margin-right: -1.5rem;
}
.nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav > li {
    float: left;
    margin: 0;
    padding: 0;
}
/* The default state of the main navigation item. */
.nav > li > a, .nav > li > a:link, .nav > li > a:visited {
    background: #ffffff;
    color: #9da5a9;
    display: block;
    padding: 10px 0px 10px 15px;
    padding: 1rem 0 1rem 0rem;
    margin-left: 15px;
    margin-left: 1.5rem;
    margin-right: 15px;
    margin-right: 1.5rem;
    text-decoration: none;
}
/* The hover state of the main navigation item. */
.nav > li > a:hover, .nav > li > a:active {
    color: #3e525b;
}
/*
########################################################################
        SIGN-IN popup/dropdown
######################################################################## */
#_hdr_login_form {
    font-weight: 400;
    letter-spacing: normal;
}
#_hdr_login.dropdown_container {
    position: relative;
    cursor: pointer;
}
#_hdr_login.dropdown_container.hover > a, #_hdr_login.dropdown_container:hover > a {
    color: #9da5a9;
}
#_hdr_login.dropdown_container.hover > a, #_hdr_login.dropdown_container:hover > a, #_hdr_login.dropdown_container.hover, #_hdr_login.dropdown_container:hover {
    background: #2a3e47;
}
#_hdr_login.dropdown_container.hover menu.dropdown, #_hdr_login.dropdown_container:hover menu.dropdown {
    display: block;
    padding: 5px 7px 12px 15px;
}
#_hdr_login.dropdown_container.hover > span, #_hdr_login.dropdown_container:hover > span {
    color: #1997d4;
}
#_hdr_login > menu {
    width: 175px;
    text-transform: none;
}
#_hdr_login.dropdown_container menu.dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    margin: 0;
    z-index: 1000;
    -webkit-padding-start: 0;
    background: #2a3e47;
    padding: 14px 20px;
}
#_hdr_login_form .aui-field-wrapper-content {
    padding-top: 5px;
}
#_hdr_login_form input {
    font-size: 11px;
    padding: 4px;
    color: #333;
}
#_hdr_login_form input.aui-field-input-text {
    width: 138px;
    height: 14px;
    outline: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}
#_hdr_login_form input.aui-field-input-text:focus {
    background-color: #ffffff;
}
#_hdr_login_form input.aui-button-input-submit {
    border: 1px solid transparent;
    font-weight: normal;
    color: #ffffff;
    background: #1795d2;
    text-shadow: none;
    padding: 2px 10px;
    font-size: 12px; /** Chrome is messing up the font size **/
    cursor: pointer;
}
#_hdr_login_form input.aui-button-input-submit:hover {
    cursor: pointer;
}
#_hdr_login_form label, #_hdr_login_form a {
    white-space: nowrap;
    font-size: 1.1rem;
    font-size: 11px;
}
#_hdr_login_form label {
    color: #8dacbc;
}
#_hdr_login_form .aui-field-label {
    padding: 2px 0px;
    font-weight: normal;
}
/* ========= tooltip style for the login popup ========= */
.signin-tooltip {
    background: #2a3e47;
}
.signin-tooltip div.ui-tooltip-tip {
    display: none;
}
.signin-tooltip div.ui-tooltip-titlebar {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    background-color: transparent;
    border-width: 0px;
}
.signin-tooltip div.ui-tooltip-title {
    color: #ffffff;
}
.signin-tooltip div.ui-tooltip-content {
    background-color: transparent;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
}
.signin-tooltip .ui-tooltip-body {
    line-height: 1.5em;
    padding: 5px 9px;
    margin: 0px 7px;
    background: transparent;
}
.signin-tooltip .ui-tooltip-footer {
    padding: 10px 10px 10px 15px;
}
.signin-tooltip .ui-tooltip-footer a {
    color: #8dacbc;
    margin-left: 2px;
}
/*
########################################################################
        "WELCOME, first last" dropdown DOM
######################################################################## */
#welcome-user > menu {
    font-weight: 400;
}
#welcome-user > a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: none;
}
#welcome-user > a:hover {
    color: #b4b8b9;
}
#welcome-user > menu {
    width: 375px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4;
}
#welcome-user > menu nav ul {
    line-height: 1.4;
}
#welcome-user.dropdown_container {
    position: relative;
    cursor: pointer;
}
#welcome-user.dropdown_container a#signed-in-as {
    text-transform: uppercase;
}
#welcome-user.dropdown_container .dd_icon {
    margin-left: 5px;
    display: inline-block;
    zoom: 1;
    width: 9px;
    height: 9px;
    background: url(/static-assets/css/images/sprite.png) -1px -84px no-repeat;
}
#welcome-user.dropdown_container.hover > a, #welcome-user.dropdown_container:hover > a, #welcome-user.dropdown_container.hover, #welcome-user.dropdown_container:hover {
    background: #2a3e47;
}
#welcome-user.dropdown_container.hover menu.dropdown, #welcome-user.dropdown_container:hover menu.dropdown {
    display: block;
    padding: 20px;
}
#welcome-user.dropdown_container.hover > span, #welcome-user.dropdown_container:hover > span {
    color: #1997d4;
}
#welcome-user.dropdown_container menu.dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 24px;
    margin: 0;
    z-index: 1000;
    -webkit-padding-start: 0;
    background: #2a3e47;
    padding: 14px 20px;
}
#welcome-user .user-menu-header, #welcome-user .user-menu-header > a {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
#welcome-user ul {
    margin: 0;
    list-style: none;
    padding: 3px;
}
#welcome-user li {
    padding: 2px;
}
#welcome-user ul li:first-child {
    margin-top: 2px;
}
#welcome-user nav ul li a {
    color: #8dacbc;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}
#welcome-user ul li.selected a, #welcome-user ul li a:hover {
    color: #1997d4;
}
#welcome-user.dropdown_container.help .dd_icon {
    position: absolute;
    right: 5px;
    top: 10px;
}
#my-dashboard-section, #account-info-section {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}
#my-dashboard-section {
    width: 195px;
}
#account-info-section {
    width: 175px;
}
#navigation .selected a, #navigation li.hover a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .aui-dd-dragging, .lfr-navigation-proxy {
    background-color: transparent;
    background-image: none;
    border: none;
    color: #1997d4;
}
#navigation {
    background-color: transparent;
    background-image: none;
    border: none;
    z-index: 10;
    padding: 0px;
    margin: 0px;
}
#navigation li {
    display: block;
}
#navigation ul li {
    display: block;
    padding: 2px !important;
    margin: 0px;
}
#navigation li:first-child {
    margin-top: 2px;
}
#navigation a {
    display: inline;
    zoom: 1;
}
#navigation ul li a {
    padding: 0px !important;
    font-weight: normal;
}
#navigation li.selected a {
    color: #1997d4;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
}
.modify-pages .delete-tab {
    color: #f7ba2f;
    background-color: #2a3e47;
    background-image: url(/static-assets/css/images/portlet_inner_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -417px;
    padding-right: 20px;
    margin-left: 5px;
    zoom: 1;
}
.modify-pages .delete-tab:hover {
    background-position: 0 -377px;
}
#navigation.empty {
    min-height: 1px;
    height: 1px;
    border-bottom: 5px solid #cccccc;
}
/* Remove unnecessary padding in lists, to align them with their respective headings. */
#account-nav ul, #account-nav ul li, #account-nav ul li a, #navigation.modify-pages ul, #navigation.modify-pages ul li, #navigation.modify-pages ul li a {
    padding-left: 0;
    margin-left: 0;
}
/*Created by rivet logic team to not overlap with crafter upload styles*/
div.contentTypePopupContent td {
    border-top: medium none;
    border-right: medium none;
    padding: 0;
    font-size: 12px;
}
div.contentTypePopupContent input {
    background: none;
    border: medium none;
    font-size: 12px;
}
div.contentTypePopupContent table {
    background: none;
    border: medium none;
    font-size: 12px;
}
/*Rivet Logic Team Changes in the styles:
        Styles for leaf page, third column, no filters document widget
*/
#leaf-page-document-widget .document-widget-container {
    margin: 0 auto;
    max-width: 1280px;
    /* We are removing the rem-based switch here; we always want the max-width set in pixels. */
}
#leaf-page-document-widget .document-widget-row:after, #leaf-page-document-widget .document-widget-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child + html #leaf-page-document-widget .document-widget-container, *:first-child + html #leaf-page-document-widget .document-widget-row {
    min-height: 1px;
}
/* Give the main content area a little breathing room, before the footer. */
#maincontentcontainer #leaf-page-document-widget .document-widget-container {
    margin-bottom: 21px;
}
#leaf-page-document-widget .document-widget-row {
    padding: 0 4%;
}
#leaf-page-document-widget .document-widget-span-twelve-columns {
    width: 98%;
    padding: 0 1%;
    float: left;
}
.relevance-sort-wrapper {
    display: inline-block;
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
    float: right;
}
.relevance-sort-wrapper span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 10px;
    padding: 0.8rem 1rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.relevance-sort-wrapper span.sorted {
    color: #2491cc;
}
.relevance-sort-wrapper span.sortable {
    color: #92a8b5;
    cursor: pointer;
}
@media print {
    * {
        font-family: Arial, sans-serif !important;
    }
}
/**
* Styles for DL Widget facet sorting
**/
.filter-toggler-box {
    float: right;
    margin-right: 20px;
}
.filter-toggle {
    float: right;
    padding: 1px 4px 1px;
    margin: 0 2px 0 2px;
    font-size: 10px;
    font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;
    text-transform: none;
    border-radius: 2px;
    background: #ffffff;
    color: #999;
    border: 1px solid #d2d2d2;
}
.filter-toggle:hover {
    background: #1795d2;
    color: #ffffff;
    border: 1px solid #1795d2;
    cursor: pointer;
}
.active-filter-toggle, .active-filter-toggle:hover {
    background: #a8abb4;
    color: #ffffff;
    border: 1px solid #a8abb4;
}
.active-filter-toggle:hover {
    cursor: inherit;
}
.scaling-svg-container, .highcharts-container {
    position: relative;
    height: 0;
    width: 100% !important;
    padding: 0;
    padding-bottom: 0;
    /* override this inline for aspect ratio other than square */
}
.scaling-svg, .highcharts-root {
    position: absolute;
    height: 100%;
    width: 100% !important;
    left: 0;
    top: 0;
}
/**
* Real Time Data Error
**/
#refresh-content .real-time-error__description {
    margin-top: 15px;
}
.real-time-error__list {
    list-style: disc;
    margin: 0 0 0 40px;
}
.real-time-error__list li span {
    font-weight: 600;
}