/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */



html {
    height: 100%;
    position: relative
}

body {
    position: relative
}

* html .minwidth {
    border-left: 300px solid #800
}

ol.breadcrumb {
    margin-bottom: .5rem;
    border-radius: 0;
    padding-left: 22px;
    padding-top: 8px;
    padding-bottom: 8px
}
/* 
Sticky footer styles
-------------------------------------------------- */

.signin_button {
    /*padding-top: 3px;
    margin-top: 10px;
    margin-left: 240px;
        */
    width: 95px;
    height: 18px;
    text-transform: uppercase;
    background-color: #005b92;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
    cursor: pointer;
    border: none
}

.search_button {
    background-color: #FDBB30;
    width: 73px;
    /*margin-left: 590px;*/
    border: none;
    height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}

#header_lg {
    margin-bottom: 10px !important;
    float: left;
    width: 98.4%
}

#headerbanner {
    height: 80px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

/*Search Box
---------------------------------------------------*/
#q {
            border-top: thin solid #e5e5e5;
            border-right: thin solid #e5e5e5;
            border-bottom: 0;
            border-left: thin solid #e5e5e5;
            box-shadow: 0px 1px 1px 1px #e5e5e5;
            float: left;
            height: 17px;
            margin: 1px 0px 0 .5em;
            outline: 0;
            padding: .4em 0 .4em .6em;
            width: 183px;

        }
        #button-holder {
            background-color: #f1f1f1;
            border-top: thin solid #e5e5e5;
            box-shadow: 1px 1px 1px 1px #e5e5e5;
            cursor: pointer;
            float: left;
            height: 20px;
            margin: 1px 0 0 0;
            text-align: center;
            width: 20px;
        }

        #button-holder img{
            margin: 1px;
            width: 16px;
        }
/*-----------------------------------------------*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

#navBarMain{
	justify-content:  initial!important
}
.navbar {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

/***************************************************************
CSS master file for NuStar Energy
Table of Contents:

1.0 - Master Page Layout, Structure & Globally Applied CSS
	1.1 - Generic Globally Applied CSS
	1.2 - Master Page Layout and Structure CSS
	1.3 - Global Left Navigation CSS
	1.4 - Application Master CSS
    1.5 - Contextual Navigation CSS
    1.6 - Fast Facts CSS
    1.7 - Right Column Content CSS
    1.9 - Contacts Rail CSS

2.0 - Page Layout and Structure
	2.1 - Homepage Page Layout
	2.2 - General Page Layout
	2.3 - Group A with Banner Image Page Layout
	2.4 - Group A without Banner Image Page Layout
	2.5 - Group B Page Layout
	2.6 - Group C Page Layout
	2.7 - Group D Page Layout
	2.8 - Group E Page Layout
	2.9 - Group F Page Layout
	
3.0 - Custom Controls Layout & Structure
	
4.0 - OOB Webparts Layout & Structure
	4.1 - Fast Facts OOB Web Parts
	
5.0 - Custom Webparts
	5.10 - Large Document GridView
    5.11 - Contact Modal
    5.12 - Contact Us Selector
    5.13 - Contact Us Rail
    5.14 - Contact Us mini
    5.15 - News Rollup
    5.16 - Document THumbnail
    5.17 - International Jobs
    5.18 - Tariff Lookup
6.0 - Search Center

7.0 - Newsroom

8.0 - Article
	
***************************************************************/
/*************************************/
/* Section 1.1 Generic Globally Applied CSS - Begin*/
/*************************************/
body {
	   /* Margin bottom by footer height 
    margin-bottom: 60px;*/
    background-color: #B3D3F9;
    min-width: 320px !important;
    min-height: calc(100% - 60px);
    /*background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-gradient.png');*/
    /* IE10 Consumer Preview 
    background-image: -ms-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);*/
    /* also meant to be IE... */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5299EA', endColorstr='#B3D3F9');
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5299EA), color-stop(1, #B3D3F9));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #5299EA 0%, #B3D3F9 100%);
   
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    /*leenda changes to try and match current site*/
    color: #676767;
    /*margin-top: 20px;*/
}


.clearfix {
    clear: both;
}



.ns-MainContent-Wrapper p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}



h1 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #54BCEB;
}

h2 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0076C0;
    border-bottom: 1px #999 solid;
}

h3 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #570706;
    color: #0072bc;
}

h4 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6b5000;
}

/*************************************/
/* Section 1.1 Generic Globally Applied CSS - End*/
/*************************************/
/*************************************/
/* Section 1.2 Master Page Layout and Structure CSS - Begin*/
/*************************************/
#ns-Master-Wrapper {
    width: 975px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    background-color: transparent;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
	margin-bottom:10px;
}

.ns-bkg-page-effect {
    background-image: url('https://stinternetsitedata001.z21.web.core.windows.net/images/bkg-pageTop.png');
    background-position: left right;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 100%
}

    .ns-bkg-page-effect > div {
        min-height: 100%;
        height: 100%;
    }

.ns-page-content {
    /*width: 917px;*/
    height: 100%;
    min-height: 850px;
    /*margin: 0 auto;*/
    padding-bottom: 20px;
    background-color: #FFF!important;
	background:white;
    /*z-index: 10;*/
    position: relative;
    overflow: visible;
	z-index:2;
    /*padding-left:10px;*/
}
.mce-content-body{background:#fff!important}

.ns-bkg-page-effect-bottom {
    background-image: url('https://stinternetsitedata001.z21.web.core.windows.net/images/bkg-pageBottom.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    /*z-index: -1;*/
    position: relative;
    height: 134px;
    margin-top: -114px;
    padding-top: 114px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}


/***** Body *****/
.ns-MainContent-Wrapper {
}


/***** Footer *****/
.ns-Footer-Wrapper {
    width: 917px;
    margin: 0 auto;
}

    .ns-Footer-Wrapper a:link, .ns-Footer-Wrapper a:visited, .ns-Footer-Wrapper a:hover {
        line-height: 40px;
        color: #666;
        font-size: 10px;
        text-decoration: none;
    }



/*************************************/
/* Section 1.2 Master Page Layout and Structure CSS - End*/
/*************************************/
/*************************************/
/* Section 1.3 - Global Navigation CSS - Begin*/
/*************************************/
.menu-item-text {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-stretch: condensed;
    color: #FFF;
}

.menu-horizontal {
    border-right: 0px #3f99d0 solid;
    background-image: none;
}

    .menu-horizontal ul li {
        color: #ffffff;
    }

    .menu-horizontal ul li {
        height: 31px;
        border-left: 1px #3f99d0 solid;
    }

        .menu-horizontal ul li:first-child {
            border-left: 0px #3f99d0 solid;
        }

    .menu-horizontal li.static > .menu-item {
        padding-top: 0px;
    }

    .menu-horizontal ul li a:hover {
        color: #54BCEB;
        text-decoration: none !important;
    }

    .menu-horizontal ul li.selected {
        color: #54BCEB;
    }

    .menu-horizontal ul li a:hover .menu-item-text {
        color: #54BCEB;
    }


/*************************************/
/* Section 1.3 - Global Navigation CSS - End*/
/*************************************/
/*************************************/
/* Section 1.4 - Application Master CSS - Begin*/
/*************************************/
/*************************************/
/* Section 1.4 - Application Master CSS - End*/
/*************************************/
/*************************************/
/* Section 1.5 - Contextual Navigation CSS - Begin */
/*************************************/
a.nav-link {
    padding: 0 .5rem !important;
    vertical-align: top;
}



.ns-contextual-nav-wrapper {
    background-color: #666666;
    /*background-image: url('/Images/bkg-contextual-nav-top.png');*/
    background-position: left top;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    min-height: 201px;
    font-size: 12px!important;
}
    .ns-contextual-nav-wrapper navbar-brand div{
        font-size:12px!important
    }

    .ns-contextual-nav-wrapper UL :first-child {
        border-top: 0px #FFF solid;
        padding-top: 0px !important;
    }



    .ns-contextual-nav-wrapper ul {
    }

        .ns-contextual-nav-wrapper UL :first-child {
            border-top: 0px #FFF solid;
            padding-top: 0px !important;
        }
/*Valid*/


.ns-contextual-nav-wrapper {
    border-radius: 0px 20px 0 0;
    padding: 10px 10px 10px 10px
}

    .ns-contextual-nav-wrapper > div > div {
        height: auto !important
    }

    .ns-contextual-nav-wrapper ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .ns-contextual-nav-wrapper li {
        border-top: 1px #9F9F9F solid;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #FFF;
    }

    .ns-contextual-nav-wrapper ul :first-child {
        border-top: 0px #FFF solid;
        padding-top: 5px;
        /*padding-bottom: 5px;*/
    }

    .ns-contextual-nav-wrapper li a:link, .ns-contextual-nav-wrapper li a:visited {
        color: #FFF;
        text-decoration: none;
        padding-left: 10px;
        font-weight: normal
    }

    .ns-contextual-nav-wrapper li a:hover {
        color: #FDBB30 !important;
        text-decoration: none;
    }

    .ns-contextual-nav-wrapper li .selected a:link {
        color: #FDBB30 !important;
        text-decoration: none;
    }

    .ns-contextual-nav-wrapper .third-level li {
        color: #FFF;
        border-style: none;
        padding-top: 2px;
        padding-bottom: 0px !important;
        padding-left: 5px;
    }


ul.ns-ContextualNav-FirstLevel > li {
    display: list-item;
}

.third-level {
    display: none;
}


#sustainTitleXLng{
    font-size: 20px;
}


/*************************************/
/* Section 1.5 - Contextual Navigation CSS - End*/
/*************************************/
/*************************************/
/* Section 1.6 - Fast Facts CSS - Begin */
/*************************************/

/*************************************/
/* Section 1.6 - Fast Facts CSS - End*/
/*************************************/
/*************************************/
/* Section 1.7 - Right Column Content CSS - Begin */
/*************************************/


/*************************************/
/* Section 1.7 - Right Column Content CSS - End*/
/*************************************/
/*************************************/
/* Section 1.8 - Application Master Page CSS - Begin */
/*************************************/

ul .static {
    padding-left: 0px
}

.static .menu-item {
    margin: 0 10px !important;
    white-space: nowrap;
    border: solid 1px transparent;
    padding: 4px 3px;
    display: inline-block;
    height: 15px;
    vertical-align: middle
}

a[Title^='Home'] {
    display: none !important
}

/*************************************/
/* Section 1.8 - Application Master Page CSS - End*/
/*************************************/
/*************************************/
/* Section 1.9 - Contacts Rail CSS - Begin */
/*************************************/

/*************************************/
/* Section 1.9 - Contacts Rail CSS - End*/
/*************************************/

/*************************************/
/* Section 2.1 - Home and Landing Page Layout CSS - Begin*/
/*************************************/
.ns-Constituents-wrapper {
    margin-top: 15px;
    height: 0px;
}

.ns-content-gradient {
    /*background-image: url('/Images/bkg-page-content-gradient-no-corner.png');*/
    background-position: left top;
    background-repeat: repeat-x;
    height: 41px;
    margin-bottom: -41px;
}

.ns-body-content-Wrapper {
    margin-top: 20px;
}

#HomePage .ns-body-content {
    float: left;
    width: 917px;
    margin-right: 0px;
}

/* Operations Map Styling */
.ns-operations-map-wrapper {
    /*float: left;*/
    /*width: 184px;
    margin-left: 20px;*/
    overflow: visible;
    display: block;
    height: auto !important
}

    .ns-operations-map-wrapper * {
        /* margin: 0px;
        padding: 0px;*/
    }

    .ns-operations-map-wrapper h2 {
        color: #FFF;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center !important;
        background-color: #FDBB30 !important;
        font-size: 10px;
        border-bottom: 1px transparent solid;
        line-height: 21px;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }

    .ns-operations-map-wrapper img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ns-operations-map-wrapper p {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        text-align: center;
        text-transform: uppercase;
    }
/* News Content Styling */
.ns-news-content-wrapper {
    float: left;
    /*width: 184px;
    margin-left: 20px;*/
}

    .ns-news-content-wrapper * {
        margin: 0px;
        padding: 0px;
    }

    .ns-news-content-wrapper h3 {
        color: #FFF !important;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center !important;
        background-color: #0076C0 !important;
        font-size: 10px;
        border-bottom: 1px transparent solid;
        line-height: 20px;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }



/* use only if you have to keep the default chrome - issue will be centering the title to match the comps*/


.ns-news-content-wrappers .ms-WPTitle {
    color: #FFF !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    text-transform: uppercase;
    text-align: center !important;
    background-color: #0076C0 !important;
    font-size: 10px !important;
    border-bottom: 1px transparent solid;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 1px;
    letter-spacing: 2px;
    padding-left: 0px;
}

.ns-news-content-wrapper .ms-WPTitle A:link {
    color: #0076C0;
    cursor: pointer;
}





/*************************************/
/* Section 2.1 - Home and Landing Page Layout CSS - End*/
/*************************************/
/*************************************/
/* Section 2.2 - General Page Layout CSS - Begin*/
/*************************************/


.ns-body-content-Wrapper {
    float: left;
}


.ns-body-content {
    padding-left: 20px;
    margin-right: 10px;
    border-right: 1px #999 solid;
}

    .ns-body-content a:link {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #666;
        border-bottom: 1px #999 dotted;
        text-decoration: none;
        font-size: 12px;
    }

    .ns-body-content a:visited {
        color: #666;
        text-decoration: none;
    }

    .ns-body-content a:hover {
        color: #666;
    }



/*************************************/
/* Section 2.2 - General Content Page Layout CSS - End*/
/*************************************/
/*************************************/
/* Section 2.3 - Group A With Banner Page Layout CSS - Begin */
/*************************************/


/*************************************/
/* Section 2.3 - Group A With Banner Image Page Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.4 - Group A Without Banner Image Page Layout CSS - Begin */
/*************************************/


/*************************************/
/* Section 2.4 - Group A Without Banner Image Page Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.5 - Group B Layout CSS - Begin */
/*************************************/

/*************************************/
/* Section 2.5 - Group B Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.6 - Group C Layout CSS - Begin */
/*************************************/

/*************************************/
/* Section 2.6 - Group C Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.7 - Group D Layout CSS - Begin */
/*************************************/

/*************************************/
/* Section 2.7 - Group D Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.8 - Group E Layout CSS - Begin */
/*************************************/


.ns-director-toc {
    float: left;
    width: 170px;
}

.ns-director-bios {
    float: left;
    width: 450px;
}

.ns-body-content {
    padding-left: 20px;
    margin-right: 10px;
    border-right: 1px #999 solid;
}

.ns-director-content-Wrapper a:link {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #666;
    border-bottom: 1px #999 dotted;
    text-decoration: none;
}

.ns-director-content-Wrapper a:visited {
    font-size: 12px;
    color: #666;
    text-decoration: none;
}

.ns-director-content-Wrapper a:hover {
    color: #666;
}
/*************************************/
/* Section 2.8 - Group E Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.9 - Group F Layout CSS - Begin */
/*************************************/
#GroupF .ns-body-content-gradient {
    background-image: url('/images/bkg-page-content-gradient-no-corner.png');
    background-position: left top;
    background-repeat: repeat-x;
    height: 41px;
    margin-bottom: -41px;
}
/*************************************/
/* Section 2.9 - Group F Layout CSS - End */
/*************************************/

/*************************************/
/* Section 4.0 - OOB Web Parts */
/*************************************/
/*************************************/
/* Section 4.1 - Fast Facts OOB Web Parts - Begin */
/*************************************/
.ns-fastFacts-wrapper .ms-WPBorder {
    border: 1px transparent solid;
}

.ns-fastFacts-wrapper .ns-FastFact-Text {
    font-style: italic;
}

.ns-fastFacts-wrapper.ms-WPHeader TD:first-child {
}

.ns-fastFacts-wrapper .ms-WPHeader TD {
    background-color: transparent;
    border-bottom: 1px transparent solid;
}

.ns-fastFacts-wrapper .ms-wpTdSpace {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}

.ns-fastFacts-wrapper .ms-WPTitle {
    color: #54BCEB;
    text-transform: uppercase;
    font-weight: bold;
}

    .ns-fastFacts-wrapper .ms-WPTitle A:link, .ns-fastFacts-wrapper .ms-WPTitle A:visited, .ns-fastFacts-wrapper .ms-WPTitle A:hover {
        color: #0076C0;
        cursor: pointer;
    }

.ns-fastFacts-wrapper .ms-WPHeader {
    background-color: transparent !important;
}

.ns-fastFacts-wrapper {
    background-color: #E6F3FC;
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #0076c0;
    padding: 10px 10px 10px 10px;
    border-bottom-right-radius: 2em;
}

.nsFFHD {
    color: #54bceb;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 12px;
    font-family: Verdana,Tahoma,sans-serif;
    font-weight: 700;
}
/*************************************/
/* Section 4.1 - Fast Facts OOB Web Parts - End  */
/*************************************/
/*************************************/
/* Section 4.2 - Right Column OOB Web Parts - Begin   */
/*************************************/
.ns-rightColumn-wrapper .ms-WPBorder {
    border: 1px transparent solid;
}

.ns-rightColumn-wrapper.ms-WPHeader TD:first-child {
}

.ns-rightColumn-wrapper .ms-WPHeader TD {
    background-color: transparent;
    border-bottom: 1px transparent solid;
}

.ns-rightColumn-wrapper .ms-wpTdSpace {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}

.ns-rightColumn-wrapper .ms-WPTitle {
    color: #54BCEB;
    text-transform: uppercase;
    font-weight: bold;
}

    .ns-rightColumn-wrapper .ms-WPTitle A:link, .ns-rightColumn-wrapper .ms-WPTitle A:visited, .ns-rightColumn-wrapper .ms-WPTitle A:hover {
        color: #54BCEB;
        cursor: pointer;
    }

.ns-rightColumn-wrapper .ms-WPHeader {
    background-color: transparent !important;
}
/*************************************/
/* Section 4.2 - Right Column OOB Web Parts - End  */
/*************************************/
/*************************************/
/* Section 4.3 - Modal Dialog Styling - Begin  */
/*************************************/
#nsModal body #s4-workspace {
    overflow: hidden;
}

#nsModal .ms-dlgCloseBtn .s4-clust {
    background-image: url('/images/icon-close.png');
}

#nsModal .ms-dlgTitle {
    overflow: visible;
}

#nsModal .ms-dlgCloseBtn .s4-clust .ms-dlgCloseBtnImg {
    display: none;
}

#nsModal .ms-dlgContent {
    position: fixed;
}

#nsModal .ms-dlgBorder * {
    margin: 0px;
    padding: 0px;
}

#nsModal .ms-dlgTitleText {
    font-size: 28px;
    font-weight: bold;
    font-family: "Arial Narrow", Arial, sans-serif;
    padding-top: 0px;
    padding-left: 20px;
    line-height: 64px;
}

#nsModal .ms-dlgTitle {
    background-image: url('https://stinternetsitedata001.z21.web.core.windows.net/images/bkg-banner-bottom-blue.png') !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    height: 64px;
}

#nsModal .ms-dlgBorder {
    border: 1px #666 solid;
}

#nsModal .ms-dlgCloseBtn {
    margin: 0px;
    padding: 0px;
}

    #nsModal .ms-dlgCloseBtn .s4-clust:hover {
        background-image: url('/images/icon-close.png') !important;
        background-repeat: no-repeat;
        background-position: left top;
        border: 1px transparent solid;
        height: 24px;
        width: 24px;
    }

#nsModal .ms-dlgTitleBtns {
    line-height: 20px;
}

#nsModal .ms-dialog #s4-ribbonrow {
    background-color: transparent !important;
    background-image: none !important;
    color: #999;
}

#nsModal .ms-dialog .ms-cui-tt-span {
    color: #999;
}
/*************************************/
/* Section 4.3 - Modal Dialog Styling - End  */
/*************************************/

/*************************************/
/* Section 5.0 - Custom Webparts */
/*************************************/
/*************************************/
/* Section 5.1 - Page Title Banner Styling - Begin */
/*************************************/
.imgNSGroupBanner {
    height: 221px;
}

.imgNSBanner {
    ZOOM: 1;
    FILTER: alpha(opacity=0);
    margin: 0px !important;
    padding: 0px !important;
    border: 1px;
}

#PTBwrapper {
    position: relative;
    width: 100%;
    /*height: 221px*/
    padding: 0px;
    object-fit: contain;
}

    #PTBwrapper div {
        position: absolute;
        /*min-width:663px;*/
        object-fit: contain;
        height: auto;
        width: 100%;
    }

.ns-PageTitleBanner-Wrapper * {
    margin: 0px;
    padding: 0px;
}

.ns-PageTitleBanner-Wrapper ul {
}

    .ns-PageTitleBanner-Wrapper ul li {
        float: left;
        position: absolute;
        list-style: none;
    }

        .ns-PageTitleBanner-Wrapper ul li.selected {
            z-index: 20;
        }

.ns-PageTitleBanner-Header {
    clear: both;
    background-position: left top;
    background-repeat: no-repeat;
    height: 64px;
    background-size: cover;
}

.goldTopBanner {
    background-image: url(https://stinternetsitedata001.z21.web.core.windows.net/images/bkg-banner-bottom-yellow.png);
    border-bottom-right-radius: 20px;
}

.blueTopBanner {
    background-image: url(https://stinternetsitedata001.z21.web.core.windows.net/images/Banner/bkg-banner-bottom-blue.png);
    border-bottom-right-radius: 20px;
}

.greyTopBanner {
    background-image: url(https://stinternetsitedata001.z21.web.core.windows.net/images/Banner/bkg-banner-bottom-grey.png);
    border-bottom-right-radius: 20px;
}

.ns-PageTitleBanner-Header h2 {
    border-bottom: 1px transparent solid;
    font-size: 28px;
    font-weight: bold;
    font-family: "Arial Narrow", Arial, sans-serif;
    /*color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80); For IE8 and earlier */
    line-height: 64px;
    margin-left: 20px;
    text-transform: uppercase;
}

.ns-PageTitleBanner-Image-wrapper {
    max-width: 900px;
    object-fit: contain;
    width: 100%;
}

.ns-PageTitleBanner-Image {
    width: 100% !important;
    /*min-height: 221px;*/
    object-fit: contain;
}
/*************************************/
/* Section 5.1 - Page Title Banner Styling - End */
/*************************************/
/*************************************/
/* Section 5.2 - Main Body Copy Styling - Begin */
/*************************************/
#HomePage .ns-body-content .ms-WPHeaderTdMenu a:link {
    border-bottom: 1px transparent dotted !important;
}

#HomePage .ns-body-content .ms-WPHeaderTd, #HomePage .ns-body-content .ms-WPHeaderTdMenu {
    border-bottom-color: transparent !important;
}

#HomePage .ns-body-content .ms-webpart-titleText {
    color: #54BCEB !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    border-bottom: none !important;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    background-color: transparent !important
}

#HomePage .ns-body-content .ns-MainBodyCopy-Wrapper {
    margin-top: -15px;
}

.ns-MainBodyCopy-Wrapper h2 {
    border-bottom: solid 1px #999;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-right: -5px;
    padding-bottom: 10px;
}

.ns-MainBodyCopy-Wrapper img.left {
    float: left;
    /*margin-right: 15px;*/
}

.ns-MainBodyCopy-Wrapper img.right {
    float: right;
    margin-left: 15px;
}
/*************************************/
/* Section 5.2 - Main Body Copy Styling - End */
/*************************************/
/*************************************/
/* Section 5.3 - Constituent Popup Styling - Begin */
/*************************************/
div .ns-Constituents-Wrapper {
    /*height: 381px !important*/
    overflow: hidden;
    width: 100%
}

    div.ns-Constituents-Wrapper img {
        /*height: 381px;*/
        /*width: 879px;*/
        display: block;
    }

div.ns-Constituents-PopupContainer {
    margin-right: 15px;
    float: right;
    width: auto
}

div.ns-Constituents-PopupWrapper {
    width: 145px;
    text-align: center;
    bottom: 39px;
    position: relative;
    float: left;
    z-index: 20;
    background-image: url('https://stinternetsitedata001.z21.web.core.windows.net/images/bkg-quick-links-expanded.png');
    background-repeat: no-repeat;
    margin-right: 5px;
}

    div.ns-Constituents-PopupWrapper label {
        color: #fff;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 40px;
    }

    div.ns-Constituents-PopupWrapper img {
        display: inline;
        height: 100px;
        width: 130px;
    }

div.ns-Constituents-Popup {
    text-align: left;
    padding: 2px 8px 8px 8px;
    width: 125px;
}

    div.ns-Constituents-Popup a span {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #0076C0;
    }

div.ns-Constituents-PopupWrapper a:link, div.ns-Constituents-PopupWrapper a:visited, div.ns-Constituents-PopupWrapper a:hover {
    font-size: 11px;
    color: #0076C0;
    text-decoration: none;
}
/*************************************/
/* Section 5.3 - Constituent Popup Styling - End */
/*************************************/
/*************************************/
/* Section 5.4 - SignIn CSS Styling - Begin */
/*************************************/
.ns-SignIn-Wrapper {
    /*position: absolute;*/
    padding-top: 3px;
    /*margin-top: 10px;
    margin-left: 240px;*/
    border-radius: 2px;
    width: 95px;
    height: 20px;
    text-transform: uppercase;
    background-color: #005b92;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
    cursor: pointer;
}

.ns-SignIn-List ul {
    margin: 4px 0px 10px 0px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ns-SignIn-List li {
    z-index: 100;
    list-style-type: none;
    text-transform: capitalize;
    text-align: left;
    text-indent: 10px;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 11px;
}

.ns-SignIn-List {
    z-index: 100;
    position: relative;
    background-color: #fff;
}

    .ns-SignIn-List li:hover {
        background-color: #ADDAF5;
    }

    .ns-SignIn-List li a {
        color: #666;
        line-height: 16px;
    }
/*************************************/
/* Section 5.4 - SignIn CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.5 - Board of Director Web Parts CSS Styling - Begin */
/*************************************/
.ns-director-toc {
    line-height: 20px;
}

.ns-bio-wrapper {
    border-right: 1px #999 solid;
    padding-bottom: 30px;
    padding-top: 13px;
    border-bottom: 1px #999 solid;
}

.ns-bio-employee-name {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0076C0;
    margin: 0px 0px 5px 0px;
}

.ns-bio-wrapper a:hover {
    text-decoration: none;
}

.ns-bio-title-wrapper {
}

.ns-bio-job-title {
    float: left;
    font-style: italic;
    font-size: 14px;
    color: #0076C0;
}

.ns-bio-doc {
    height: 16px;
    float: right;
    margin-bottom: 15px;
}

    .ns-bio-doc A:link, .ns-bio-doc A:visited {
        border-bottom: 1px transparent solid;
        margin-right: 15px;
        background-image: url('/Images/icon-pdf.png');
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 21px;
    }

.ns-bio-content {
    padding-top: 15px;
    padding-right: 15px;
}

.ns-bio-content-wrapper {
    clear: both;
}

.ns-bio-picture {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.ns-bio-content p {
    margin: 0px;
}
/*************************************/
/* Section 5.5 - Board of Director Web Parts CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.6 - Helpful Resources Web Part CSS Styling - Begin */
/*************************************/
.ns-helpfulResources-item-wrapper {
    background-image: url('/Images/icon-bullet.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 8px;
    line-height: 18px;
}

    .ns-helpfulResources-item-wrapper a:link {
        color: #666;
        border-bottom: 1px #999 dotted;
        text-decoration: none;
    }

    .ns-helpfulResources-item-wrapper a:visited {
        color: #666;
        text-decoration: none;
    }

    .ns-helpfulResources-item-wrapper a:hover {
        color: #666;
    }
/*************************************/
/* Section 5.6 - Helpful Resources Web Part CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.7 - See Also Web Part CSS Styling - Begin */
/*************************************/
.ns-alsoSee-link {
    margin-bottom: 5px;
}

    .ns-alsoSee-link a:link {
        font-weight: bold;
        color: #666;
        border-bottom: 1px #999 dotted;
        text-decoration: none;
    }

    .ns-alsoSee-link a:visited {
        color: #666;
        text-decoration: none;
    }

    .ns-alsoSee-link a:hover {
        color: #666;
    }

.ns-alsoSee-comments {
    color: #666;
}
/*************************************/
/* Section 5.7 - See Also Web Part CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.8 - Langauage Selector CSS Styling - Begin */
/*************************************/
.ns-LanguageSelector-Wrapper {
    display: none;
    position: absolute;
    margin-left: 150px;
    margin-top: 12px;
    color: #54BCEB;
    font-size: 11px;
    cursor: pointer;
}

    .ns-LanguageSelector-Wrapper ul {
        margin: 3px 0px 10px 0px;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ns-LanguageSelector-Wrapper li {
        z-index: 100;
        list-style-type: none;
        text-transform: capitalize;
        text-align: left;
        letter-spacing: normal;
        font-weight: normal;
    }

        .ns-LanguageSelector-Wrapper li a {
            color: #666;
            line-height: 16px;
        }

.ns-LanguageSelector-Flag {
    padding-left: 15px;
    vertical-align: text-bottom;
}

.ns-LanguageSelector-Flag-Label {
    padding-left: 15px;
    vertical-align: text-bottom;
}
/*************************************/
/* Section 5.8 - Langauage Selector CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.9 - Email Modal CSS Styling - Begin */
/*************************************/
.ns-Emailmodal-Wrapper {
    width: 600px;
}

.ns-EmailModal {
    height: 340px;
}

.ns-Emailmodal-Wrapper table {
    width: 600px;
    background-color: #e6f3fc !important;
    margin: 20px auto;
    padding: 15px;
}

tr.ns-Emailmodal-Subject {
    font-weight: bold;
}

.ns-Emailmodal-TextBox INPUT {
    width: 475px;
    margin-left: 10px;
    background-color: #fff !important;
}

.ns-Emailmodal-Buttons {
    float: right;
}

    .ns-Emailmodal-Buttons INPUT:first-child {
        margin-right: 10px;
    }

    .ns-Emailmodal-Buttons INPUT {
        border: 1px #fff solid;
        background-color: #0076C0 !important;
        height: 20px;
        text-transform: uppercase;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        font-size: 10px;
        letter-spacing: 1px;
        cursor: pointer;
    }
/*************************************/
/* Section 5.9 - Email Modal CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.10 - Large Document GridView */
/*************************************/
.ns-body-content {
    border: none;
}

.ns-LargeDocument-Wrapper img {
    border: none;
    margin: 0 8px 0 0;
}

.ns-LargeDocument-Wrapper a {
    border-bottom: none !important;
}

.ns-LargeDocument-Wrapper table {
    width: 100%;
}

    .ns-LargeDocument-Wrapper table tr > td {
        width: 16px !important;
    }

        .ns-LargeDocument-Wrapper table tr > td + td {
            width: 99% !important;
        }

.ns-LargeDocument-Header select {
    margin-left: 8px;
}

tr.ns-LargeDoc-AlternatingRows {
    background: #E6F3FC !important;
}
/*************************************/
/* Section 5.10 - Large Document GridView - End */
/*************************************/
/*************************************/
/* Section 5.11 - Contact Modal CSS Styling - Begin */
/*************************************/
.ns-Contactmodal-Wrapper {
    width: 600px;
}

ns-ContactModal {
    height: 340px;
}

.ns-Contactmodal-Wrapper table {
    width: 600px;
    background-color: #e6f3fc !important;
    margin: 20px auto;
    margin-bottom: 0;
    padding: 15px 15px 0;
}

    .ns-Contactmodal-Wrapper table td + td {
        padding-left: 10px;
    }

.ns-Contactmodal-TextBox input,
.ns-Contactmodal-SelectMenu select {
    width: 273px;
    padding: 1px;
    background-color: #fff !important;
}

.ns-Contactmodal-Label {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 10px 0;
}

.ns-Contactmodal-Buttons {
    float: right;
}

    .ns-Contactmodal-Buttons input {
        border: 1px #fff solid;
        background-color: #0076C0 !important;
        height: 20px;
        text-transform: uppercase;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        font-size: 10px;
        letter-spacing: 1px;
        cursor: pointer;
    }

.ns-Contactmodal-Explanation {
    color: #666;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}

.ns-Contactmodal-Required {
    color: #666;
    font-weight: normal;
    font-size: 10px;
    margin: 0;
    padding: 5px 0 15px 0;
}
/*************************************/
/* Section 5.11 - Contact Modal CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.12 - Contact Us Results CSS Styling - Begin */
/*************************************/
.ns-ContactResults-Wrapper {
    width: 600px;
    padding-top: 10px;
}

    .ns-ContactResults-Wrapper h2 {
        border: none;
        color: #0076c0;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 0 4px;
        padding: 0;
    }

    .ns-ContactResults-Wrapper select {
        clear: both;
        width: auto;
        background: #efefef;
        color: #666;
        font-size: 12px;
        font-weight: normal;
        margin: 4px 0 20px;
        padding: 1px;
    }

    .ns-ContactResults-Wrapper label {
        color: #666;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

.ns-ContactResults-Buttons {
    float: left;
}

    .ns-ContactResults-Buttons input {
        border: 1px #fff solid;
        background-color: #0076C0 !important;
        height: 20px;
        text-transform: uppercase;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        font-size: 10px;
        letter-spacing: 1px;
        cursor: pointer;
    }
/*************************************/
/* Section 5.12 - Contact Us Selector CSS Styling - End */
/*************************************/
.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_specInterestPanel {
    display: none;
}

.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_locationPanel {
    display: none;
}

.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_regionPanel {
    display: none;
}

/*************************************/
/* Section 5.13 - Contact Us Rail CSS Styling - Begin */
/*************************************/
.ns-ContactRail-Wrapper {
    background: #e6f3fc;
    width: 125px;
    padding: 5px;
}

    .ns-ContactRail-Wrapper span {
        display: none;
    }

    .ns-ContactRail-Wrapper img {
        float: left;
        vertical-align: bottom;
        margin: 0 5px 0 0;
        padding: 0;
    }

.ns-ContactRail-Sections {
    color: #0076c0;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0 0 5px;
}

    .ns-ContactRail-Sections h1,
    .ns-ContactRail-Sections h2 {
        border: none;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .ns-ContactRail-Sections h1 {
        color: #54bceb;
        text-transform: uppercase;
        white-space: nowrap;
        padding-bottom: 5px;
        padding-top: 5px;
    }

.ns-ContactRail-PrintLink {
    padding-bottom: 10px;
}

.ns-ContactRail-PrintSection {
    padding-top: 5px;
}

.ns-ContactRail-Image img {
    padding-bottom: 5px;
    margin-right: 5px !important;
}
/*************************************/
/* Section 5.13 - Contact Us Rail CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.14 - Contact Us mini CSS Styling - Begin */
/*************************************/
.ms-WPBorder {
    border: none;
}

.ns-ContactRail-Sections {
    padding-left: 6px;
}

.ns-MiniContacts-Wrapper {
    width: 214px;
}

    .ns-MiniContacts-Wrapper img {
        vertical-align: bottom;
    }

.ns-miniContact-Hdr {
    font-weight: normal;
    font-family: Verdana, Tahoma, sans-serif;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 12px;
    padding-bottom: 0px;
    text-transform: uppercase !important;
    color: #54bceb;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.ns-MiniContact-Employee,
.ns-MiniContact-Group,
.ns-MiniContact-External {
    color: #0076c0;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0 0 5px;
}

    .ns-MiniContact-External .ns-MiniContact-GroupName,
    .ns-MiniContact-EmployeeName {
        font-weight: 800;
    }

.ns-MiniContact-Address {
}

.ns-MiniContact-EmployeeTitle {
    font-style: italic;
}

.ns-MiniContact-EmployeeEmail a,
.ns-MiniContact-CompanyUrl a {
    text-decoration: none;
}

.ns-MiniContact-EmployeePhone img,
.ns-MiniContact-EmployeeEmail img,
.ns-MiniContact-CompanyUrl img {
    vertical-align: bottom;
}

.ns-MiniContact-CorporateFunction {
}
/*************************************/
/* Section 5.14 - Contact Us mini CSS Styling - End */
/*************************************/

/*************************************/
/* Section 5.15 - News Rollup CSS Styling - Begin */
/*************************************/

.ns-NewsRollup-Item h2 {
    color: #0076c0;
    font: bold 12px Arial;
    margin: 0;
    padding: 0;
}

.ns-FrontPage-Title a {
    color: #6B6A69 !important;
    font: bold 12px Arial;
    margin: 0;
    padding: 0;
}

.ns-FrontPage-Description {
    font-Family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
    color: #666666;
}

.ns-FrontPage-Description {
    color: #666;
    font: normal 10px arial;
}

    .ns-FrontPage-Description a {
        float: right;
        width: auto;
        color: #0076c0;
    }

        .ns-FrontPage-Description a:visited {
            color: #0076c0;
        }

.ns-NewsRollup-Item a {
    color: #0076c0;
}

    .ns-NewsRollup-Item a:visited {
        color: #0076c0;
    }

.ns-News-Dateline {
    color: #666;
    font: italic 12px arial;
}

.ns-News-Rollup {
    color: #666;
    font: normal 12px arial;
    padding: 0 0 0 20px;
}

    .ns-News-Rollup a {
        float: right;
        width: auto;
        color: #0076c0;
    }

        .ns-News-Rollup a:visited {
            color: #0076c0;
        }

.ns-ReadMore {
    border: 1px #fff solid;
    background-color: #0076C0 !important;
    height: 20px;
    width: 150px;
    float: right;
    text-align: center;
}

    .ns-ReadMore a {
        text-transform: uppercase;
        color: #FFF !important;
        font-weight: bold;
        text-align: center;
        font-size: 10px;
        letter-spacing: 1px;
        cursor: pointer;
    }

        .ns-ReadMore a:visited {
            color: #FFF !important;
        }

/*************************************/
/* Section 5.15 -  News Rollup CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.16 - Document Thumbnail CSS Styling - Begin */
/*************************************/

.ns-DocThumbnail-Wrapper {
    padding: 5px;
}

.ns-DocThumbnail-Header h2 {
    background-color: #FDBB30 !important;
    padding: 5px;
    border: none;
    font-size: 125%;
    color: #646A67 !important;
}

.ns-DocThumbNail-Image {
    float: left;
}

.ns-DocThumbnail-RightColumn {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.ns-DocThumbnail-DownloadLinks {
    display: inline-block;
    padding: 5px;
}

    .ns-DocThumbnail-DownloadLinks a {
        padding-right: 3px;
    }

.ns-DocThumbnail-ReadLink {
    display: inline-block;
    padding: 5px;
}

.ns-DocThumbnail-Divider {
    display: inline-block;
    width: 0;
    height: 1em;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.ns-DocThumbnail-VersionsDD {
    padding-left: 5px;
}
/*************************************/
/* Section 5.16 -  Document Thumbnail CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.17 - International Job searchl CSS Styling - Begin */
/*************************************/
.ns-InternationalJobs-SortBy {
    float: right;
}

.ns-InternationalJobs-AltRow td {
    background-color: #E7F3FA !important;
    border-collapse: collapse;
}

.ns-InternationalJobs-Header th {
    background-color: #FBB92F !important;
    border-color: white;
    border-width: thick;
}

.ns-InternationalJobs-Grid {
    border-collapse: collapse;
    border: thin transparent none;
}

    .ns-InternationalJobs-Grid td {
        border-collapse: collapse;
        border: thin transparent none;
    }

.ns-InternationalJobs-Grid {
    width: 100%;
    margin-top: 10px;
}
/*************************************/
/* Section 5.17 - International Job search CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.18 - Tariff Lookup search CSS Styling - Begin */
/*************************************/
.ns-Tariffs-Wrapper h2 {
    border: none;
    color: #0076c0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ns-Tariffs-Buttons {
    float: left;
    padding-top: 10px;
}

.ns-Tariffs-Wrapper select {
    width: 90%;
}

.ns-Tariffs-Buttons input {
    border: 1px #fff solid;
    background-color: #0076C0 !important;
    height: 20px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}

.ns-Tariffs-SortBy {
    float: right;
}

.ns-Tariffs-AltRow td {
    background-color: #E7F3FA !important;
    border-collapse: collapse;
}

.ns-Tariffs-Header th {
    background-color: #FBB92F !important;
    border-color: white;
    border-width: thick;
}

.ns-Tariffs-Grid {
    border-collapse: collapse;
    border: thin transparent none;
}

    .ns-Tariffs-Grid td {
        border-collapse: collapse;
        border: thin transparent none;
    }

.ns-Tariffs-Grid {
    width: 100%;
    margin-top: 10px;
}

.ns-Tariff-GridWrapper h2 {
    padding-top: 5px;
}

.ns-Tariffs-Reg {
    width: 70px;
    text-align: center;
}

.ns-Tariffs-ProdGroup {
    text-align: center;
}

.ns-Tariffs-Cell {
    padding-left: 3px;
}


/*************************************/
/* Section 5.18 - Tariff Lookup CSS Styling - End */
/*************************************/

/*************************************/
/* Section 6 - Search Center CSS Styling - Begin */
/*************************************/
/* body area normally has a white background */
.s4-ca {
    margin-left: 0px;
}
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
    background: #F2F2F2;
}
/* fix scrolling on list pages */
#s4-bodyContainer {
    position: relative;
}

.srch-sb-results {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin-top: 30px;
}

.srch-sb-main {
    margin: 0 auto;
    padding-top: 20px;
}

.srch-sb-results4 {
    margin: inherit;
    padding-left: 20px;
}

.srch-WPBody,
.ms-searchref-main {
    background: none !important;
    border: none !important;
}

li.ms-searchref-filtermsg {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0 0 0 10px;
}

.srch-federationarea {
    display: none;
}

.srch-description2 h3 {
    color: #0076c0 !important;
}
/* remove background color on 1st search page (useful for colored designs) */
.ms-bodyareaframe {
    background-color: transparent;
}
/* fix height of area above search results */
td.ms-titleareaframe, div.ms-titleareaframe, .ms-pagetitleareaframe {
    height: auto !important;
}
/* fix border color on search results */
.ms-main .ms-ptabrx, .ms-main .ms-sctabrx, .ms-main .ms-ptabcn, .ms-main .ms-sctabcn {
    border-color: #eeeeee;
}
/* fix positioning of prefs and advanced link on results */
.ms-sblink {
    display: block;
}
    /* fix the color of the prefs and advanced link on results */
    .ms-sblink a:link, .ms-sblink a:visited, .ms-sblink a:hover {
        color: #0072BC;
    }
/*************************************/
/* Section 6 - Search Center CSS Styling - End */
/*************************************/

/*************************************/
/* Section 7.0 - Newsroom CSS - Begin */
/*************************************/
.ns-CorpNews-Wrapper {
    width: 325px;
    float: left;
}

.ns-CompNews-Wrapper {
    width: 330px;
    float: left;
}

.ns-CorpNews-Wrapper h3.ms-standardheader {
    color: #0076c0;
    font: bold 12px Arial;
    margin: 0;
    padding: 0;
}

.ns-CompNews-Wrapper h3.ms-standardheader {
    color: #0076c0;
    font: bold 12px Arial;
    margin: 0;
    padding: 0;
}

#ns-NewsSummary {
    border-top: none !important;
    border-right: 1px solid #efefef;
    margin: 0;
    padding: 0 10px 0 0;
}

    #ns-NewsSummary .dateSelect {
        color: #666;
        font: normal 12px Arial,Helvetica,sans-serif;
        margin: 0;
        padding: 0 10px 10px 0;
    }

        #ns-NewsSummary .dateSelect select {
            width: auto;
            border: 1px solid #666;
            color: #666;
            font: normal 12px Arial,Helvetica,sans-serif;
            margin: 0;
            padding: 1px;
        }

    #ns-NewsSummary .newsResults td {
        padding: 0 0 8px;
    }

    #ns-NewsSummary .newsResults,
    #ns-NewsSummary .newsResults table,
    #ns-NewsSummary .newsResults td {
        border: none !important;
    }

        #ns-NewsSummary .newsResults h2.headline {
            border-bottom: none !important;
            margin: 0;
            padding: 0 0 5px;
        }

            #ns-NewsSummary .newsResults h2.headline a {
                border-bottom: none !important;
                color: #0076C0 !important;
                font: bold 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
                margin: 0;
                padding: 0;
            }

        #ns-NewsSummary .newsResults .dateline,
        #ns-NewsSummary .newsResults .digest {
            margin: 0;
            padding: 0 0 0 10px;
        }

        #ns-NewsSummary .newsResults .dateline {
            font-style: italic;
        }

.ns-newsroom-rail-wrapper {
    padding: 10px;
}

    .ns-newsroom-rail-wrapper ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .ns-newsroom-rail-wrapper li {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #54bceb;
    }

    .ns-newsroom-rail-wrapper ul :first-child {
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .ns-newsroom-rail-wrapper li a:link,
    .ns-newsroom-rail-wrapper li a:visited {
        color: #FFF !important;
        text-decoration: none;
    }

    .ns-newsroom-rail-wrapper li a:hover {
        color: #FDBB30 !important;
        text-decoration: none;
    }

    .ns-newsroom-rail-wrapper li .selected a:link {
        color: #FDBB30 !important;
        text-decoration: none;
    }

.selected {
    color: #54bceb !important
}

.active {
    color: #FDBB30 !important;
}

.nsActive {
    color: #FDBB30 !important;
}

h3.ms-standardheader {
    text-transform: uppercase;
    font-weight: 500;
}

.ns-newsroom-rail-wrapper #ContactUs,
.ns-newsroom-rail-wrapper #ContactUs .ns-ContactRail-Wrapper {
    background: none !important;
}
/*************************************/
/* Section 7.0 - Newsroom CSS - End*/
/*************************************/

/*************************************/
/* Section 8.0 - Article CSS - Begin */
/*************************************/
.ns-article {
    border-right: 1px solid #efefef;
    color: #666;
    font: normal 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

    .ns-article h2 {
        border-bottom: none !important;
        color: #0076C0;
        font: bold 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0 0 5px 10px;
    }

    .ns-article .dateline {
        float: left;
        width: auto;
        font-style: italic;
        padding: 0 0 10px 10px;
    }

    .ns-article .pageOptions {
        float: right;
        width: auto;
        margin: 0;
        padding: 0 10px 10px 0;
    }

        .ns-article .pageOptions img {
            vertical-align: bottom;
            margin-right: 5px;
        }

.pageOptions img {
    vertical-align: bottom;
}

.ns-article .articleBody {
    clear: both;
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 0 10px;
}

.ns-article-rail-wrapper {
    padding: 10px;
}

    .ns-article-rail-wrapper ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .ns-article-rail-wrapper li {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #666;
    }

    .ns-article-rail-wrapper ul :first-child {
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .ns-article-rail-wrapper li a:link,
    .ns-article-rail-wrapper li a:visited {
        color: #666 !important;
        text-decoration: none;
    }

    .ns-article-rail-wrapper li a:hover {
        color: #666 !important;
        text-decoration: none;
    }

    .ns-article-rail-wrapper li .selected a:link {
        color: #666 !important;
        text-decoration: none;
    }

h3.ms-standardheader {
    text-transform: uppercase;
}

.ns-article-rail-wrapper #ContactUs,
.ns-article-rail-wrapper #ContactUs .ns-ContactRail-Wrapper {
    background: none !important;
}
/*************************************/
/* Section 8.0 - Article CSS - End*/
/*************************************/



.ns-AssetHeader-TopBar {
    float: left;
    background-image: url('/Images/AssetTopBar.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 10px;
    top: 10px;
    position: relative;
    padding-top: 10px;
}

.ns-AssetHeader-BottomBar {
    float: left;
    background-image: url('/Images/AssetBottomBar.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 10px;
    padding-bottom: 20px;
}


.ns-AssetFooter-BottomBar {
    float: left;
    background-image: url('/Images/AssetFooter.jpg');
    background-repeat: repeat-x;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
}

.ns-AssetLeft-Wrapper {
    width: 45%;
    float: left;
    padding-left: 20px;
}

    .ns-AssetLeft-Wrapper h3 {
        font-size: 20px;
        font-weight: bold;
        font-family: "Arial Narrow", Arial, sans-serif;
        text-transform: uppercase;
    }

.ns-AssetRight-Wrapper {
    width: 45%;
    float: left;
}

.ns-Asset-SpecName {
    text-align: right;
    width: 30%;
    font-weight: bold;
    vertical-align: top;
}

.ns-Asset-SpecValue {
    width: 70%;
    text-align: left;
    vertical-align: top;
}

.ns-AssetHeader-Logo {
    padding: 10px;
}

.ns-AssetBody-Wrapper {
    margin-bottom: 20px;
}

.ns-AssetPageTitleBanner-Header {
    clear: both;
    background-position: left top;
    background-repeat: no-repeat;
    height: 64px;
}

.ns-AssetPagePTB-IMG {
    float: left;
}

.ns-AssetPagePTB-Text h2 {
    border-bottom: 1px transparent solid;
    font-size: 28px;
    font-weight: bold;
    font-family: "Arial Narrow", Arial, sans-serif;
    /*color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);  /*For IE8 and earlier */
    text-transform: uppercase;
}

.ns-AssetPagePTB-Text {
    position: absolute;
    z-index: 100;
    top: 15px;
    left: 20px;
}

#mainContainer {
    /*width: 100%;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    padding: 10px 16px 0 7px;
    margin: 0 auto
}

.ns-PageTitleBanner-Wrapper * {
    margin: 0px;
    padding: 0px;
}

.ns-fastFacts-hdr {
    font-weight: normal;
    font-family: Verdana, Tahoma, sans-serif;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 5px;
    text-transform: uppercase !important;
    color: #54bceb;
    text-transform: uppercase;
    font-weight: bold;
    TEXT-ALIGN: justify;
    font-size: 14px;
}



/*---------------------------------------ESG News--------------------------------------*/

.nrOdd{
    background-color: #e5e5e5;
    background: #E4F2FB;
}
.nrCell{
    min-height: 15px !important;
    margin:2px;
    float:left;
    padding: 15px 17px;;
    overflow: auto;
}
.nrDate{
    
    width:85px;
    overflow: hidden;
}
.nrLink{
    width:98%;
    min-width: 350px;
}
.nrRow{
    width: 98%; margin:5px; overflow: auto; display: flex;;
}
.nrHdrRow{
    padding: 4px;
    color: #fff;
    font-weight: normal;
    margin: 0px;
    width:98%;
    margin:5px; overflow: auto; display: flex;;
}
.nrHdrDate{
    width:85px;
    overflow: hidden;
    height:24px; text-align: center; padding: 0px;;background-color: #54BCEB;
    padding: 4px 17px;;
}
.nrHdrTitle{
    height:24px; text-align: center; padding: 0px;;background-color: #54BCEB;
    width:98%;
    min-width: 350px;
    padding: 4px 17px;;
}            

/******************MEDIA QUERIES****************************/






/*725px Show Large Header*/

@media screen and (max-width:500px) {

    

    .ns-fastFacts-wrapper {
        /*border-bottom-right-radius: 0 !important*/
    }

    .ns-fastFacts-hdrs {
        color: #54bceb !important;
        text-transform: uppercase;
        font-weight: bold;
    }

    .ns-ContextualNav-ParentItemw {
        white-space: normal;
        word-break: break-all;
        padding-top: 0px !important;
        font-size: 12px !important;
        padding-bottom: .3125rem;
        padding-left: 5px;
        margin-right: 1rem;
        line-height: inherit;
        display: inline-block;
        width: 100%;
    }


    #rightContainer iframe {
        max-width: 180px !important;
        min-height: 260px;
        align-self: center
    }
}
@media screen and (max-width:414px) {
    #mainContainer {
        /*flex-direction: column;*/
    }

    #rig > div {
        padding-right: 0px 0 0 0;
    }

    #rightContainer {
        /*flex-direction: column;*/
        margin-top: 10px;
    }

    .ns-news-content-wrapper iframe {
        width: 210px !important;
        height: 280px !important
    }

    .ns-contextual-nav-wrapper {
        min-height: 100px !important;
        padding-bottom: 10px !important;
    }
}

@media screen and (min-width:114px) and (max-width:547px) {

    body {
       /* height: auto*/
    }

    #mainContainer {
       /* flex-direction: column;*/
    }

    #rightContainer {
        /*flex-direction: column;*/
        /*margin-top: 10px;*/
    }
}

@media screen and (min-width:809px) and (max-width:940px) {
    .menu-item-text{
        font-size:11.5px;
      
    }
    .nav-item {
        vertical-align: bottom
    }
}
@media screen and (min-width:809px) and (max-width:888px) {
    .menu-item-text {
        font-size: 11px!important;
    }

    .nav-item {
        vertical-align: bottom
    }
}
@media screen and (min-width:809px) and (max-width:859px) {
    .menu-item-text {
        font-size: 10.5px!important;
    }

    .nav-item {
        vertical-align: bottom
    }
}
    .ns-body-content h2 {
        border-bottom: solid 1px gray;
        text-transform: uppercase !important;
    }

    .ns-embed-img-left {
        float: left !important;
        padding: 0 15px 0 0;
        border: red;
        margin-right: 10px;
    }

    .ns-embed-img-right {
        float: right !important;
        padding: 0 15px 0 0;
        border: red;
        margin-left: 10px;
    }

    img.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-brand div {
        font-size: 12px !important;
        font-weight: 400;
        padding: 0px;
        line-height: 18px;
    }
    /*----Do Business Contact Listing */
    .doBusArea {
        width: 100%;
        max-width: 700px !important;
        overflow: auto;
    }

    .doBusAreaHdr {
        width: 100%;
        color: #666666;
        border-bottom: #666666 solid 1px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .doBusAreaContactCard {
        margin-bottom: 10px;
        width: 50%;
        float: left;
        max-width: 350px;
    }

    .doBusLocHdr {
        color: #7f7f7f;
        font-weight: 800;
        width: 100%;
        border-bottom: 1px solid #7f7f7f !important;
    }

    .doBusNusLoc {
        float: left;
        width: 100%;
    }

    .doBusLocations {
        width: 49%;
        float: left;
        overflow: auto;
        max-width: 348px;
        padding-left: 10px;
    }

    .locListing {
        width: 100%;
    }

    .doBusAreaContactRow {
        width: 100%;
        overflow: auto;
        margin-bottom: 5px;
    }

    .doBusName {
        font-size: 8pt;
        font-family: Verdana;
        font-weight: bold;
        color: #005ec3;
    }

    .doBusTitle {
        font-size: 8pt;
        font-family: Verdana;
        vertical-align: top;
        font-weight: bold;
        color: #231f20;
    }

    .doBusPhone {
        color: #666;
    }

    .ns-Constituents-PopupContainer {
        display: none;
    }