﻿/* 

URL:
     /_layouts/NGSP2010IntranetPublishingSiteBranding/css/core-branding-v1.0.6.css
    
PURPOSE:
    This css file contains SharePoint 2010 css style overrides for the 
    Northrop Grumman SharePoint 2010 Intranet Publishing Site branding.
    It is considered the "core" part of the branding.

NOTE:
    This version of the file is just for development purposes as it include 
    lots of css comments to aid the developer.  The actual version of the 
    file that is rendered to the browser is the minified one (which 
    automatically removed all comments and whitespace as well as optimizes 
    the css for high performance).
*/


/*
BEGIN CSS OVERRIDES FOR FULL PAGE
*/


/* implement blue gradient Northrop Grumman background */
form#aspnetForm {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/blue-gradient-bg.png) repeat-x left 44px #6b9abd;
}

/* have a white background for datasheet views */
body {
    background-color: #ffffff;
}

/* BEGIN: ensure SharePoint 2010 context menus are not truncated */
#MSO_ContentTable
{
   position: static !important;
   overflow: hidden;
}

#s4-mainarea
{
    position: static !important;
}
/* END: ensure SharePoint 2010 context menus are not truncated */


#MSO_Content {
    display: inline !important;
}

/* implement "light ray" background at top */
#s4-workspace {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/lightrayBG.png) no-repeat center top;
}

/* implement white main area background */
#mainareabackground 
{
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}


/* implement CSS for Site Ribbon */
.ms-cui-topBar2 {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/dark-TopBarbg.png) repeat-x left top #020e1b;
}

.ms-cui-topBar2 .ms-siteactionsmenuinner {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/blue-siteactions.png) repeat-x left top #004a9e;
}

/* styles for Help icon in ribbon */
.s4-trc-container-menu > div > #helplnk {
    border: 0;
    display: inline-block;
    height: 18px;
    width: 18px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/ngHelpIcon.png') no-repeat;
}

.s4-trc-container-menu > div > #helplnk:hover {
    background-position: 0 -18px;
}

.s4-trc-container-menu > div > #helplnk span {
    display: none;
}

/* implement fixed width 990px content area for SharePoint 2010 that floats centered horizontally in the browser */
#s4-bodyContainer {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

/* set the left nav background color to white (SharePoint 2010 out of box styling didn't do that) */
#s4-leftpanel {
    background-color: #ffffff;
    /* display: inline !important;*/
    display: inline;
    position: relative;
    overflow: hidden;
}

/* fix SharePoint's own hardcoded styling for Web Part headers that makes the background white and instead make it transparent */
.ms-WPHeader {
    background-color: transparent !important;
}

/* remove scroll bars that happen when you set a Content Editor Web Part's width and height to the same size as an image*/
.ms-WPBody {
    overflow: visible !important;
}

/* force the display to be block for the welcome area */
.welcome
{
    display: block !important;
}

/* force padding on right of content area */
.s4-ba {
    padding-right: 15px !important;
    display: inline !important;
}

#MSOTlPn_Tbl {
    display: inline !important;
}

/* force Web Part settings/properties area solid white background */
.ms-ToolPaneBody, .ms-TPBorder, .ms-TPSectionTD
{
    background-color: #ffffff !important;
}


/*
END CSS OVERRIDES FOR FULL PAGE
*/


/*
BEGIN CSS OVERRIDES FOR WHEN A DIALOG BOX IS SHOWN
*/

/* when we are in a dialog, ensure background is white */
.ms-dialog body #s4-workspace {
    background: none;
    background-color: #ffffff;
}

/* when we are in a dialog, don't show horizontal scroll bar */
.ms-dialog body #s4-workspace {
    /* overflow-x: hidden; */
    overflow-x: auto;
}

.ms-dialog body #s4-bodyContainer {
    /*width: auto !important;*/
    /*width: 610px !important;
    min-width: 1px !important; */
    margin-left: 0px;
    margin-right: 0px;
}

/*
END CSS OVERRIDES FOR WHEN A DIALOG BOX IS SHOWN
*/

/*
BEGIN CSS FOR HEADER    
*/

/* site logo in upper right corner */
#globalmasthead {
    clear: both;
    display: block;
    height: 70px;
    margin: 0px;
}

#globalmasthead #mastheadItems {
    margin: 0;
    padding: 0;
}

#globalmasthead #mastheadItems li a {
    float: left;
    height: 0;
    overflow: hidden;
}

#globalmasthead #mastheadItems li#gm-secName a {
    background: no-repeat top right;
    float: right;
    height: 70px;
    margin-right: 0;
    width: 495px;
}

#globalmasthead #mastheadItems li, #globalheader #globalnav li, li.gNavDrop:hover > #subndiv {
    display: inline;
}

#mastheadItems li#gm-corpLogo a {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/NGLogo.png) no-repeat top left;
    height: 52px;
    left: 27px;
    margin-left: 35px;
    margin-top: 10px;
    text-indent: -9999em;
    top: 10px;
    width: 210px;
}

/* top bar of Northrop Grumman global links */
#globalheader {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbgrepeater.png) repeat-x;
    height: 34px;
    margin: 0px;
}

#globalheader #globalnav {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbg.v1.0.0.17.png) repeat-x 0 -136px;
    left: 10px;
    margin: 0;
    padding: 0;
    right: 10px;
    top: 0;
}


#globalheader #globalnav li a, #globalheader #globalnav li div, #globalheader #globalsearch, #globalheader #globalnav li.gNavDrop {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbg.v1.0.0.17.png) no-repeat;
}

#globalheader #globalnav li a, #globalheader #globalnav li.gNavDrop {
    display: block;
    float: left;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    height: 0;
    line-height: 18px;
    overflow: hidden;
    padding-top: 34px;
    width: 20px;
}

#globalheader #globalnav li a.gNavDrop:hover, #globalheader #globalnav li.gNavDrop ul#subnav li a:hover, #globalheader #globalnav li.gNavDrop a.subhover {
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#globalheader #globalnav li#gn-0 {
    background: 0 -136px;
    overflow: visible;
    text-align: left;
    width: 131px;
}

#globalheader #globalnav li#navlft, #globalheader #globalnav li#gn-1 a, #globalheader #globalnav li#gn-2 a, #globalheader #globalnav li#gn-3 a,
#globalheader #globalnav li#gn-4 a, #globalheader #globalnav li#gn-5 a, #globalheader #globalnav li#gn-6 a, #globalheader #globalnav li#navrgt {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbg.v1.0.0.17.png) no-repeat !important;
}

#globalheader #globalnav li#navlft {
    width: 15px;
}

#globalheader #globalnav li#gn-1 a {
    background-position: -131px 0px!important;
    width: 81px;
}

#globalheader #globalnav li#gn-1 a:active {
    background-position: -131px -68px!important;
}

#globalheader #globalnav li#gn-1 a:hover {
    background-position: -131px -34px!important;
}

#globalheader #globalnav li#gn-2 a {
    background-position: -212px 0!important;
    width: 162px;
}

#globalheader #globalnav li#gn-2 a:active {
    background-position: -212px -68px!important;
}

#globalheader #globalnav li#gn-2 a:hover {
    background-position: -212px -34px!important;
}

#globalheader #globalnav li#gn-3 a {
    background-position: -374px 0!important;
    width: 90px;
}

#globalheader #globalnav li#gn-3 a:active {
    background-position: -374px -68px!important;
}

#globalheader #globalnav li#gn-3 a:hover {
    background-position: -374px -34px!important;
}

#globalheader #globalnav li#gn-4 a {
    background-position: -464px 0!important;
    width: 75px;
}

#globalheader #globalnav li#gn-4 a:active {
    background-position: -464px -68px!important;
}

#globalheader #globalnav li#gn-4 a:hover {
    background-position: -464px -34px!important;
}

#globalheader #globalnav li#gn-5 a {
    background-position: -539px 0!important;
    width: 83px;
}

#globalheader #globalnav li#gn-5 a:active {
    background-position: -539px -68px!important;
}

#globalheader #globalnav li#gn-5 a:hover {
    background-position: -539px -34px!important;
}

#globalheader #globalnav li#gn-6 a {
    background-position: -622px 0!important;
    width: 98px;
}

#globalheader #globalnav li#gn-6 a:active {
    background-position: -622px -68px!important;
}

#globalheader #globalnav li#gn-6 a:hover {
    background-position: -622px -34px!important;
}

#globalheader #globalnav li#gn-7, #globalheader #globalnav li#gn-7 div { /* #globalheader #globalnav li#gn-7 div */
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbgrepeater.png') repeat-x !important;
    overflow: visible;
    width: 240px;
}

#globalheader #globalnav li a#ctl00_PlaceHolderSearchArea_ctl00_S3031AEBA_go {
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbgrepeater.png') repeat-x !important;
}

#globalheader #globalnav li.gNavDrop {
    display: block;
    float: left;
    height: 34px;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: center;
}

#globalheader #globalnav li.gNavDrop a {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/bk_topNav_selectIntranet_left.png) no-repeat top left;
    color: #002A52;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 10px!important;
    font-weight: bold;
    height: 27px;
    margin: 0 auto 0 10px;
    padding: 0 5px;
    text-decoration: none;
    width: 80px;
}

#globalheader #globalnav li.gNavDrop a, #globalheader #globalnav li.gNavDrop span, #welcomeContainer > #welc {
    margin-top: 7px;
}

#globalheader #globalnav li.gNavDrop a.subhover, #globalheader #globalnav li.gNavDrop span.subhover {
    cursor: pointer;
}

#globalheader #globalnav li.gNavDrop div#subndiv ul#subnav {
    -khtml-opacity: 0.95;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-box-shadow: 1px 3px 3px #666;
    -moz-opacity: 0.95;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-box-shadow: 1px 3px 3px #666;
    background: #dff3ff;
    border-bottom: #dff3ff 1px solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: #dff3ff 1px solid;
    border-right: #dff3ff 1px solid;
    border-top: #dff3ff 1px solid;
    box-shadow: 1px 3px 3px #666;
    filter: alpha(opacity=95);
    list-style-type: none;
    margin: 0;
    opacity: 0.95;
    /*padding: 2px 0 6px;*/
    padding: 0 0 6px;
    text-align: left;
    min-width: 155px;
    zoom: 1;
}

#globalheader #globalnav li.gNavDrop div#subndiv, #helplnk span, .ms-sitemaprootnode {
    display: none;
}

#globalheader #globalnav li.gNavDrop span {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/bk_topNav_selectIntranet_right.png) no-repeat center top;
    display: block;
    float: left;
    height: 26px;
    padding: 0;
    width: 13px;
}

#globalheader #globalnav li.gNavDrop div#subndiv ul#subnav li.subli {
    clear: both;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: block;
}

#globalheader #globalnav li.gNavDrop div#subndiv ul#subnav li.subli a {
    background: #DFF3FF;
    color: #002A52;
    cursor: pointer;
    float: left;
    font-weight: bold !important;
    font-family: 'Segoe UI'!important;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 15px 0 10px;
    text-align: left;
    min-width: 140px;
    display: block;
}

#globalheader #globalnav li.gNavDrop div#subndiv ul#subnav li.subli a:hover,
#globalheader #globalnav li.gNavDrop div#subndiv ul#subnav li.subli:hover a {
    background: #002A52 !important;
    color: #fff !important;
    cursor: pointer;
}

.subhover {
    background: #002A52 !important;
    color: #fff !important;
    cursor: pointer; 
}

#globalheader #globalnav li.gNavDrop:hover div#subndiv {
    display: block;
}

#subndiv {
    position: absolute;
    z-index: 1;
    top: 103px;
    background-image: none !important;
    background-repeat: no-repeat !important;
}

#subndiv #subnav {
    position: relative;
}

#globalheader #navlft {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbg.v1.0.0.17.png) no-repeat;
    height: 34px;
    left: 0;
    top: 0;
    width: 10px;
}

#globalheader #navrgt {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalnavbg.v1.0.0.17.png) no-repeat -950px 0;
    height: 34px;
    right: 0;
    top: 0;
    width: 10px;
}

#globalheader.1 #globalnav li#gn-1 a {
    background-position: -131px -102px !important;
}

#globalheader.2 #globalnav li#gn-2 a {
    background-position: -212px -102px !important;
}

#globalheader.3 #globalnav li#gn-3 a {
    background-position: -374px -102px !important;
}

#globalheader.4 #globalnav li#gn-4 a {
    background-position: -464px -102px !important;
}

#globalheader.5 #globalnav li#gn-5 a {
    background-position: -539px -102px !important;
}

#globalheader.6 #globalnav li#gn-6 a {
    background-position: -622px -102px !important;
}

li#gn-0 > a > label {
    font-family: 'Segoe UI';
    font-size: 10px;
    font-weight: bold!important;
}

li.gNavDrop > #subndiv > #subnav {
    position: relative;
    top: -11px;
    left: 10px;
}

li.gNavDrop > #subndiv > ul#subnav > li a {
    font-weight: bold!important;
}

/* search box div */
#spSearch {
    float: left;
}

/* search box image */
.ms-sbgo a img {
    bottom: 28px;
}

.s4-search .srch-gosearchimg 
{
    margin-top: -27px;
    margin-top: -28px\9;
    float: left;
}

/* quick links */
#globalquicklinks li.selected > .menu-item > span.additional-background > span.menu-item-text {
    color: #a2cbe3;
}

#globalquicklinks li.selected:hover > .menu-item > span.additional-background > span.menu-item-text,
#globalquicklinks li.selected > .menu-item:hover > span.additional-background > span.menu-item-text {
    color: #fff;
}

#globalquicklinks li.static .menu-item .menu-item-text {
    color: #ffffff;
}

ul.static > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item {
    margin: 0;
    padding: 0 0 0 3px;
}

ul.static > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item .menu-item-text, ul.static > li.dynamic-children > ul.dynamic > li.dynamic-children > ul.dynamic li .menu-item .menu-item-text {
    color: #021c35!important;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.static > li.static > .menu-item:hover, ul.static > li.static > span.menu-item:hover, .TopNavContainer li.dynamic > a:hover, .TopNavContainer li.dynamic > .menu-item:hover, .s4-tn li.dynamic > a:hover, .s4-tn li.dynamic > .menu-item:hover {
    background: #08253d;
    color: #ffffff !important;
    text-decoration: none!important;
}

.menu-item:hover 
{
    color: #ffffff !important;
}

.TopNavContainer, .s4-tn {
    font: 12px/18px Calibri, Verdana, Tahoma, Arial, sans-serif;
    clear: both;
    display: block;
    background: -moz-linear-gradient(top, #47555e 0%, #8c9298 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47555e), color-stop(100%,#8c9298));
    background: -webkit-linear-gradient(top, #47555e 0%,#8c9298 100%);
    background: -o-linear-gradient(top, #47555e 0%,#8c9298 100%);
    background: -ms-linear-gradient(top, #47555e 0%,#8c9298 100%);
    background: linear-gradient(top, #47555e 0%,#8c9298 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47555e', endColorstr='#8c9298',GradientType=0 );
    border-bottom: #44525b 1px solid;
    border-top: #69757d 1px solid;
    text-align: left;
    height: 100%;
    border-bottom-style: none;
    font-weight: 200;
}

.TopNavContainer .dynamic > li.dynamic > a .menu-item-text, .s4-tn .dynamic > li.dynamic > a .menu-item-text {
    color: #021c35;
}

.TopNavContainer .dynamic > li.dynamic > a:hover .menu-item-text, .TopNavContainer li.static > .selected:hover, .s4-tn li.static > .selected:hover, .s4-tn .dynamic > li.dynamic > a:hover .menu-item-text, .s4-tn li.static > .selected:hover {
    color: #fff;
}

.TopNavContainer li.dynamic > .menu-item, .s4-tn li.dynamic > .menu-item {
    background: #e1f4ff;
    border-bottom: 0px!important;
    color: #021c35;
    display: block;
    line-height: 18px;
    padding: 1px 5px 0 7px !important;
    /* width: 100%!important; */
    width: 100%
}

.TopNavContainer li.static > .menu-item, .s4-tn li.static > .menu-item {
    color: #fff;
    display: inline-block;
    height: 15px;
    padding: 4px 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.TopNavContainer li.static > .selected, .s4-tn li.static > .selected {
    color: #a2cbe3;
    white-space: nowrap;
}

.TopNavContainer ul.static, .s4-tn ul.static {
    white-space: nowrap;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic {
    width: auto;
    border: 1px solid #c2dcff !important;
    border-bottom: 0;
    color: #021c35;
    background: #e1f4ff;
    list-style-type: none;
    margin: 0; padding: 0;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic > ul.dynamic > li.dynamic,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic > ul.dynamic > li.dynamic {
    border-bottom: 1px solid #c2dcff!important;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic *,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic * {
    padding: 0 0 0 0 !important;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item > span.additional-background > span.menu-item-text {
    margin: 0 5px 0 5px !important;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children:hover > ul.dynamic > li.dynamic > .menu-item,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic > .menu-item,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children:hover > ul.dynamic > li.dynamic > .menu-item {
    background: #e1f4ff !important;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.selected > .menu-item:hover > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic:hover > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic:hover > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.selected > .menu-item:hover > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic:hover > .menu-item > span.additional-background > span.menu-item-text,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic:hover > .menu-item > span.additional-background > span.menu-item-text {
    color: #fff !important;
    text-decoration: none!important;
}

div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static:hover > .menu-item,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic:hover > .menu-item,
div#globalquicklinks > div.TopNavContainer > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic:hover > .menu-item,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static:hover > .menu-item,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic:hover > .menu-item,
div#globalquicklinks > div.s4-tn > div.menu > ul.root > li.static > ul.static > li.static > ul.dynamic > li.dynamic-children > ul.dynamic > li.dynamic:hover > .menu-item {
    background-color: #08253d !important;
}
/*
END CSS FOR HEADER
*/

/*
BEGIN QUICK LAUNCH (LEFT NAV) STYLES
*/

BODY #s4-leftpanel {
    width: 170px !important;
    /* display: inline !important; */
    display: inline;
    position: relative;
    overflow: hidden;
}

.s4-ca 
{
    margin-left: 170px !important;
}

#s4-leftpanel-content {
    border: 0px!important;
}

.s4-ql ul.root {
    width: 163px;
    padding-left: 5px;
}

.s4-ql ul.root ul {
    margin: 0 !important;
}

/* Quick Launch - Parent "Headers" */
.s4-ql div.menu-vertical > ul.static > li.static > a.static, .s4-ql div.menu-vertical > ul.static > li.static > a.static, .s4-ql div.menu-vertical > ul.static > li.static > a.static, .s4-ql div.menu-vertical > ul.static > li.static > a.selected, .s4-ql div.menu-vertical > ul.static > li.static > span.static {
    font: 12px 'Segoe UI', 'Lucida Sans Unicode', Calibri, Verdana, Tahoma, Arial, sans-serif;
    padding: 8px 2px 2px 5px !important;	
    width: 168px !important;
    background: -moz-linear-gradient(top,  #8aa3b8 0%, #195284 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8aa3b8), color-stop(100%,#195284));
    background: -webkit-linear-gradient(top,  #8aa3b8 0%,#195284 100%);
    background: -o-linear-gradient(top,  #8aa3b8 0%,#195284 100%);
    background: -ms-linear-gradient(top,  #8aa3b8 0%,#195284 100%);
    background: linear-gradient(top,  #8aa3b8 0%,#195284 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa3b8', endColorstr='#195284',GradientType=0 ); 
    color: #ffffff;
    font-weight: normal;
    border: 0 !important;
    height: auto;
    min-height: 18px;
    white-space: pre-wrap !important;
    overflow: visible;
}

.s4-ql div.menu-vertical > ul.static > li.selected > a.selected {
    color: #ffffff!important;
}

/*.s4-ql a.selected {
    padding-left: 0px !important;
}*/

/*header text*/
.s4-ql ul.root > li > .menu-item .menu-item-text {
    padding-left:5px;
}

/* Quick Launch - Child/Sub link List */
.s4-ql div.menu-vertical > ul.static > li.static > ul.static {
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/ql-subbg.png') repeat-x left top;
}

/* Quick Launch - Child "Sub Links" */
.s4-ql div.menu-vertical > ul.static > li.static > ul.static > li.static > a.static, .s4-ql div.menu-vertical > ul.static > li.static > ul.static > li.selected > a.static {
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globaliconleftnav.gif') no-repeat 5px 6px !important;
    font-weight: normal;
    color: #254667;
    font-size: 10px;
    border: 0!important; /* for selected */
    padding:2px 0 2px 15px !important; 
}

.s4-ql div.menu-vertical > ul.static > li.static > ul.static > li.static > a.static:hover, .s4-ql div.menu-vertical > ul.static > li.static > ul.static > li.selected > a.static:hover {
    background: #08253d url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globaliconleftnav_over.gif') no-repeat 5px 6px !important;
    font-weight: normal;
    color: #ffffff !important;
}

s4-ql ul.root ul.static li.static .menu-item-text {
    margin-top:3px;
}

/* make sure left nav is placed vertically all of the way at the top */
.ms-quickLaunch {
    padding-top: 0px !important;
}

/* make sure left nav has a 5 px margin to the right */
.ms-quicklaunch-navmgr {
  /*margin-right: 5px !important;*/
  overflow-x: hidden;
}
 
/*
END QUICK LAUNCH (LEFT NAV) STYLES
*/

/*
BEGIN BREADCRUMB STYLES
*/
div#Breadcrumb, div#Breadcrumb > div, div#Breadcrumb > div > div {
    z-index: 1 !important;
}
#Breadcrumb > #bcContainer {
    background: #cee5f6;
}

.ms-pagebreadcrumb A {
    background-color: transparent !important;
}

#homeButton {
    padding-left: 0;
    width: 24px;
    float: left;
}

#homeButton a {
    display: block;
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/btn_bcrumb_home.gif') no-repeat 0 2px;
    height: 20px;
    width: 20px;
}

#homeButton a:hover {
    text-decoration: underline;
}

.ms-pagebreadcrumb {
    padding-top: 5px;
}

.ms-pagebreadcrumb A {
    font-size: 8pt;
    color: #666;
    background-color: #ebf3ff;
    text-decoration: none;
}

.ms-pagebreadcrumb A:Hover {
    font-size: 8pt;
    color: #666;
    background-color: #ebf3ff;
    text-decoration: underline;
}

.ms-sitemaprootnode {
    display: none;
}

.ms-currentnode A {
    color: red;
}

.breadcrumb_icons {
    display: inline;
    overflow: visible;
    clear: none;
    background: none;
}

.breadcrumb_icons {
    float: right;
    width: 7%;
    padding-bottom: 3px;
}

.breadcrumb_icons ul#funcBtns {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb_icons ul#funcBtns li {
    float: left;
}

.breadcrumb_icons ul#funcBtns li.graphicBtn {
    margin: 0 3px;
}

.breadcrumb_icons ul#funcBtns li.graphicBtn a {
    display: block;
    width: 18px;
    height: 24px;
}

.breadcrumb_icons ul#funcBtns li.graphicBtn a img {
    border: 0px;
    width: 18px;
    height: 24px;
}

.breadcrumb_icons ul#funcBtns li.graphicBtn a#favorite {
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/funcBtn_favorite.gif') no-repeat 0 4px;
}

.breadcrumb_icons ul#funcBtns li.graphicBtn a#print {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/funcBtn_print.gif) no-repeat 0 4px;
}
/*
END BREADCRUMB STYLES
*/

/*
BEGIN PAGE DESCRIPTION
*/
#pgdescription {
    padding: 3px;
}
/*
END PAGE DESCRIPTION 
*/

/*
BEGIN FOOTER
*/
#globalfooter {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalfooter_bk.png);
    clear: both;
    margin: 0 20px;
    overflow: visible;
    /*padding:2px 10px 5px;*/
}

#glftunder {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/glfwrap-bg.png) repeat-x left top;
    /*margin:0 15px;*/
}

#glfwrap {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/footerbg.png) repeat-x left bottom #a6c2d7;
    /*margin:0 auto;*/
}

#glfooter {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/glfwrap-bg.png) repeat-x left top;
    color: #333333;
    padding: 8px 0 10px 10px;
}

#glfooter .glftcol {
    clear: none;
    display: inline-block;
    font-size: 11px;
    margin: 0 12px 0 0;
    vertical-align: top;
    width: 207px;
}

*+html #glfooter {
    display: inline-table;
}

*+html .glftcol {
    display: table-cell;
}

.glftcol > p.header {
    font-weight: bold;
    line-height: 15px;
    font-size: 12px;
    border-bottom: 1px solid #666666;
    width: 207px;
    margin: 0;
    padding: 0;
    clear:both;
}

.glftcol > ul {
    display:inline-block;
    margin: 0;
    padding: 0;
    width: 207px;
    list-style-type: none;
}

.glftcol > ul > li {
    background: url('/_layouts/images/NGSP2010IntranetPublishingSiteBranding/globalfootbullet.png') no-repeat left 4px;
    margin: 1px 0 0 1px;
    padding-left: 9px;
    width: 198px;
}

.glftcol > ul > li > a {
    color: #555555;
    text-decoration: none;
}

.glftcol > ul > li > a:hover {
    color: #333333;
    text-decoration: underline;
}

.glftcol > p.note {
    color: #000000;
}

.glftcol span.notif {
    color: #ff0000;
}

p.copyright {
    color: #fff;
    text-align: center;
}

p.copyright a {
    color: #fff;
    text-decoration: none;
}

p.copyright a:hover, #homeButton a:hover {
    text-decoration: underline;
}

/*
END FOOTER
*/

/*
BEGIN STYLES FOR VIEWING ARTICLES FROM COMPANY & INDUSTRY NEWS WEB PARTS
*/
.newsTitle, #left .subheading, .newsBody {
    margin-left: 5px;
}
/*
END NEWS WEB PARTS
*/

/*
BEGIN GRAY COLUMN FUNCTIONALITY
*/
.centerWebPartZoneWithBackground, .centerRightWebPartZoneWithBackground {
    background: url(/_layouts/images/NGSP2010IntranetPublishingSiteBranding/ngintra-rightbarbg.png) repeat-y left top #dedede;
}


/*
END GRAY COLUMN FUNCTIONALITY
*/

/*
BEGIN INDUSTRY NEWS REDIRECTION STYLES 
*/
div.IndustryNewsBox {
    float: left;
    width: 100%;
    clear: both;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size:8pt;
    font-family:'Segoe UI';
    padding:3px 0 3px 0;
}
div.IndustryNewsBox:hover {
    background-color: #cce6ff; /* F2F7FC */
}


div.IndustryNewsBox > span.IndustryNewsDate {
    float: left;
    width: 55px;
    padding-left: 10px;
    margin-left: 0;
    color: #666;
}
div.IndustryNewsBox > span.IndustryNewsText {
    margin-left: 0px;
}

div.IndustryNewsBox span.IndustryNewsText a:link, div.IndustryNewsBox span.IndustryNewsText a:active, div.IndustryNewsBox span.IndustryNewsText a:visited
{
    color: #204066;
    text-decoration:none;
    font-weight: bold;
}

div.IndustryNewsBox span.IndustryNewsText a:hover{
    text-decoration: underline;
}
/*
END INDUSTRY NEWS REDIRECTION STYLES
*/

/*
BEGIN CUSTOM NEWS WEB PART ARTICLE PAGES
*/
.newsTitle, #left .subheading, .newsBody {
    margin-left: 5px;
}

/*News Title*/
.newsTitle H1 SPAN
{
    font-family:'Segoe UI' !important;
    font-size:18pt !important;
    line-height:36px !important;
    font-weight:700 !important;
    padding-bottom:30px;
    color: #000 !important;
    margin-right: 5px;
}

/*rest of story*/
#content {
    font-family:'Segoe UI' !important;
}

/*Subhead text*/
#content .subheading p {
    font-weight:700;
    color:#800000;
    font-size:10pt;
    font-style:italic;
    padding-bottom:5px;
}

/*Subhead text*/
#content .subheading p#date {
    font-size:13px;
    margin-bottom:1px;
    font-style:italic;
    color:#000;	
}

#content .right {
    float: right;
    width:205px;
    display: inline-block;
}

#content > .right > #sidebar {
    width:205px;
}

#content > .right > #sidebar > img {
    margin-right: 5px;
}

#imgCaption {
    display: block;
    background-color:#fff;
}

#content #left {
    float:left;
    width:600px;
    padding-right:5px;
    display: inline-block;
}

.newsImg {
    padding:5px 0 5px 0;
}

#pullquote {
    /*float: left;*/
    color: #800000;
    font-size: 10pt;
    line-height: 18px;
    font-weight:bold;
    border-top:solid 1px gray;
    border-right:solid 1px gray;
    border-bottom:solid 1px gray;
    margin:15px 5px 15px 0;
    padding: 5px 5px 5px 5px;
    background-color: #F2F2F2;
    width:100%;
}

.newsBody {
    font-size:10pt;
    line-height:18px;
    color:#333;
}
/*
END CUSTOM NEWS WEB PART ARTICLE PAGES
*/

/*
BEGIN FIX "OPEN IN NEW TAB" CONTEXT MENU
*/
ul.dynamic > li.dynamic-children > a.dynamic-children > span.additional-background {
    background-image: none !important;
}
ul.dynamic > li.dynamic-children > a.dynamic-children {
    background-image: url(/_layouts/images/menu-right.gif);
    background-repeat: no-repeat;
    background-position: 99% 5px;
}
span.additional-background, span.menu-item-text {
    display: inline !important;
}
span.additional-background {
	display: inline-block;
	margin-right: 7px;
}
/*
END FIX "OPEN IN NEW TAB" CONTEXT MENU
*/

div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen,div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner {
    /* ,div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div */
    z-index: 99000 !important;
}

/*
HELP LABEL CSS
*/
.help-label { margin: -100%; }
/*
END HELP LABEL CSS
*/

/*
FIX FOR PRESENCE IMAGE BORDER

.presence-status-icon a.ms-imnlink img { border: 0; }

END FIX FOR PRESENCE IMAGE BORDER
*/
/*
FIX FOR HIDING PAGE NAME AND DESCRIPTION TO CUT DOWN TOP PADDING OF CONTENT AREA
*/
div.ms-bodyareacell div#pgdescription { display: none; }
div.ms-bodyareacell div#ctl00_MSO_ContentDiv { margin-top: -15px; }
/*
END FIX FOR HIDING PAGE NAME AND DESCRIPTION
*/

/*
POSSIBLE FIX FOR LIST SCROLLING ISSUE
*/
#s4-mainarea { display: table; width: 100%; }
#mainareabackground { display: table-row; width: auto; }
#s4-leftpanel { display: table-column; width: 170px; float: left; }
#MSO_ContentTable { display: table-data; position: relative; margin-left: 170px; }
.ms-vb-title { display: table-column; position: relative; } 
/**/
.ms-vb.itx { display: table-cell; }  
.s4-ctx { display: table-cell;  } 
/*
END FIX FOR LIST SCROLLING ISSUE
*/

/********************************
v1.0.0.17.1 - 4/27/15
v1.0.0.17 - 4/22/15
********************************/