.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 11.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #maincontent { outline: 0; } #maincontent:focus, #maincontent:active { outline: 0; } a:focus, button:focus, input:focus, textarea:focus { outline: 2px solid rgba(125, 125, 125, 0.7); } a:active, button:active, input:active, textarea:active { outline: 2px solid rgba(125, 125, 125, 0.7); } a.link_underline { text-decoration: underline !important; } a.link_italic { font-style: italic !important; } a.link_dotted { text-decoration: dotted !important; } a.link_bold { font-weight: bold !important; } a.link_highcontrast { color: #2948c7 !important; } .nav-collapse.collapse { height: auto !important; } .ngRow { margin-bottom: 13px; } .ngPageTitleBar { margin-top: 4px; margin-bottom: 5px; } .search-collapse { display: none !important; } .hideOnDesktop { display: none !important; } body { padding-top: 0px; padding-bottom: 5px; background: #F6F6F6 url('../img/bk_stripe.gif') no-repeat top center; background-color: #F6F6F6; background-repeat: no-repeat; background-position: top center; background-size: 3000px 3000px; } .navbar-fixed-top { position: relative; z-index: 900; } .navbar .divider-vertical { height: 31px; } .navbar .btn-navbar { display: none; } .ngMasthead { height: 94px; margin-bottom: 5px; position: relative; } .ngMasthead .navbar-inner { /* min-height:@navbarHeightFull; */ zoom: 1; min-height: 94px; height: 94px; padding-left: 0px; padding-right: 0px; position: relative; top: 0px; background-color: transparent; background-image: none; background-repeat: no-repeat; filter: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -khtml-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .ngMasthead .navbar-inner .brand { height: 49px; width: 235px; padding: 0px; margin: 0px; border: 0; position: absolute; top: 10px; left: 150px; background-color: transparent; background-repeat: no-repeat; background-image: url('../img/northropgrummanLogo.png') !important; background-position: top left; background-image: url('../img/northropgrummanLogo.png'); } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .ngMasthead .navbar-inner .brand { background-image: url("../img/northropgrummanLogo_at2x.png"); background-size: 235px 49px; } } .ngMasthead .container { width: 983px; position: relative; } .ngMasthead .stockInfo { color: #464D51; } .ngMasthead .nav { zoom: 1; width: 981px; height: 31px; /* float:left; */ position: relative; margin: 0px auto; text-align: center; padding-left: 0px; padding-right: 0px; /*#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7a8891+0,57646c+50,556068+51,465158+100 */ background: #475158; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX"); background: -moz-linear-gradient(top, #7a8891 0%, #57646c 50%, #556068 51%, #465158 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a8891), color-stop(50%, #57646c), color-stop(51%, #556068), color-stop(100%, #465158)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7a8891 0%, #57646c 50%, #556068 51%, #465158 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7a8891 0%, #57646c 50%, #556068 51%, #465158 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7a8891 0%, #57646c 50%, #556068 51%, #465158 100%); /* IE10+ */ background: linear-gradient(to bottom, #7a8891 0%, #57646c 50%, #556068 51%, #465158 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a8891', endColorstr='#465158', GradientType=0); /* IE6-8 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #475158; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4); top: 60px; } .ngMasthead .nav > li { padding: 0; margin: 0; position: relative; } .ngMasthead .nav > li > a { float: none; color: #F2F3F3; text-decoration: none; height: 31px; font-family: ProximaNovaBold, Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; padding: 0; margin: 0; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); text-align: center; line-height: 31px; cursor: pointer; white-space: no-wrap; z-index: 999; } .ngMasthead .nav > li > a:focus, .ngMasthead .nav > li > a:active { border: 0px !important; background-color: #2F3336; background-color: #124385; background-image: -moz-linear-gradient(top, #0A346E, #1D5AA7); background-image: -ms-linear-gradient(top, #0A346E, #1D5AA7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A346E), to(#1D5AA7)); background-image: -webkit-linear-gradient(top, #0A346E, #1D5AA7); background-image: -o-linear-gradient(top, #0A346E, #1D5AA7); background-image: linear-gradient(top, #0A346E, #1D5AA7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A346E', endColorstr='#1D5AA7', GradientType=0); color: #ffffff; text-decoration: none; border-top: 1px thin #C8CCCF; border-left: 1px thin #C8CCCF; border-right: 1px thin #C8CCCF; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: inner 0 0 7px rgba(0, 0, 0, 0.2); } .ngMasthead .nav > li:last-child > a { border-right: 0px !important; } .ngMasthead .nav > li:first-child > a { border-left: 0px !important; } html.lt-ie9 .ngMasthead .nav { position: absolute; } html.gt-ie9 .ngMasthead .nav { filter: none; } .hideStock { display: none; position: absolute; padding: 0px !important; margin: 0px !important; border: 0; background-color: transparent; text-align: right; height: 15px; width: 200px; top: 3px; right: 1px; cursor: pointer; } .showStock { display: block; position: absolute; padding: 0px !important; margin: 0px !important; border: 0; background-color: transparent; text-align: right; height: 15px; width: 200px; top: 3px; right: 1px; cursor: pointer; } .stockLabel, #stockTick { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; /* height:15px;*/ position: relative; font-size: .75em; line-height: 15px; } #stockTick { width: 86px; } .stDisp { height: 15px; width: 100%; position: relative; display: none; } .stDisp .low, .stDisp .last, .stDisp .open, .stDisp .high { text-align: right; } /* NG Nav drop menu formatting */ .navbar .dropdown-menu { /* margin-top:20px;*/ /* .border-radius(0px); */ } .dropdown-toggle .caret, .open.dropdown .caret { padding: 0; margin: 14px 0px 0px 3px; } .active .caret { opacity: 1; filter: alpha(opacity=100); } .navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle { background-color: transparent; } .navbar .nav .active > .dropdown-toggle:hover { color: #ffffff; } .navbar .nav.pull-right .dropdown-menu { left: auto; right: 0; } .navbar .nav.pull-right .dropdown-menu:before { left: auto; right: 12px; } .navbar .nav.pull-right .dropdown-menu:after { left: auto; right: 13px; } ul#ngTopMenu > li > a:hover, ul#ngTopMenu > li.selected > a { opacity: 1; filter: alpha(opacity=100); } .lt-ie9 .ngMasthead .nav > li { /*border-top:1px solid @40ngBlueGray; */ } html.lt-ie8 .navbar .nav > li > a { -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .navbar .nav > li > a#m_contactus { background-image: none; } .navbar .nav > li > a#m_contactus > .caret { display: none; } body.aboutu a#m_aboutus, body.capabi a#m_capabilities, body.career a#m_careers, body.jobs_ a#m_jobs, body.mediar a#m_mediaresources, body.corpor a#m_corporateresponsibility, body.invest a#m_investorrelations, body.contac a#m_contactus, body.oasis a#m_oasis, body.suppli a#m_suppliers { background-color: #2F3336; background-color: #124385; background-image: -moz-linear-gradient(top, #0A346E, #1D5AA7); background-image: -ms-linear-gradient(top, #0A346E, #1D5AA7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A346E), to(#1D5AA7)); background-image: -webkit-linear-gradient(top, #0A346E, #1D5AA7); background-image: -o-linear-gradient(top, #0A346E, #1D5AA7); background-image: linear-gradient(top, #0A346E, #1D5AA7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A346E', endColorstr='#1D5AA7', GradientType=0); color: #ffffff; text-decoration: none; border-top: 1px thin #C8CCCF; border-left: 1px thin #C8CCCF; border-right: 1px thin #C8CCCF; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: inner 0 0 7px rgba(0, 0, 0, 0.2); } .navbar .nav > li > a:hover, .navbar .nav > li > a.hoverTab, body.aboutu a#m_aboutus.hoverTab, body.capabi a#m_capabilities.hoverTab, body.career a#m_careers.hoverTab, body.mediar a#m_mediaresources.hoverTab, body.corpor a#m_corporateresponsibility.hoverTab, body.invest a#m_investorrelations.hoverTab, body.contac a#m_contactus.hoverTab, body.oasis a#m_oasis.hoverTab, body.suppli a#m_suppliers.hoverTab, body.jobs_ a#m_jobs.hoverTab { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #0F4F89; background-color: #EFF2F5; text-decoration: none; background-image: none; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; z-index: 2; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); } .navbar .nav > li > a#m_contactus:hover, .navbar .nav > li > a#m_contactus.hoverTab, body.contac a#m_contactus.hoverTab { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color: #464D51; color: #ffffff; text-decoration: none; -webkit-text-shadow: 0px 0px 0px #ffffff; -moz-text-shadow: 0px 0px 0px #ffffff; text-shadow: 0px 0px 0px #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .navbar .nav li.dropdown .dropdown-toggle.hoverTab .caret { border-top-color: #0F4F89; border-bottom-color: #0F4F89; opacity: 0.9; filter: alpha(opacity=90); } .dropContainerFull { position: absolute; top: 31px !important; left: -1px !important; background: #EFF2F5; background-color: #f5f7f9; background-image: -moz-linear-gradient(top, #EFF2F5, #ffffff); background-image: -ms-linear-gradient(top, #EFF2F5, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EFF2F5), to(#ffffff)); background-image: -webkit-linear-gradient(top, #EFF2F5, #ffffff); background-image: -o-linear-gradient(top, #EFF2F5, #ffffff); background-image: linear-gradient(top, #EFF2F5, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFF2F5', endColorstr='#ffffff', GradientType=0); padding: 0px 0px 0px 5px !important; width: auto; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); border-bottom: 1px solid #C8CCCF; border-left: 1px solid #C8CCCF; border-right: 1px solid #C8CCCF; display: none; } html.lt-ie8 .dropContainerFull { background-image: none; background-repeat: no-repeat; filter: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color: #EFF2F5; } html.lt-ie8 .dropContainerFull ul li { margin-left: 0 !important; list-style-position: outside; } .dropContainerFull ul li a, .dropContainerFull ul li a:visited, .dropContainerFull ul li a:active { display: block; font-family: ProximaNovabold, Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; font-weight: normal; line-height: 13px; background-color: transparent; text-decoration: none; color: #0F4F89; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; /*.text-shadow(0px 1px 1px @white);*/ } .dropContainerFull ul li a:hover { color: #0D2348; text-decoration: underline; } .dropContainerFull .emphasizedMenu { margin: 0; padding: 10px 0px 12px 5px; margin-right: 15px; } .ngsmcapabilities.emphasizedMenu .fCapLabel { display: block; margin: 1px 0px 5px 4px; padding: 3px 6px 3px 6px; font-size: 12px; font-family: ProximaNovaBold, Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; text-align: center; -webkit-text-shadow: 0px 0px 0px #ffffff; -moz-text-shadow: 0px 0px 0px #ffffff; text-shadow: 0px 0px 0px #ffffff; color: #F2F3F3; background-color: #919AA0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .dropContainerFull .emphasizedMenu li a { min-width: 150px; width: 150px; font-size: 18px; line-height: 18px; padding-top: 5px; padding-bottom: 5px; } li#k_corporateresponsibility .dropContainerFull, li#k_investorrelations .dropContainerFull, li#k_suppliers .dropContainerFull, li#k_contactus .dropContainerFull { padding: 0px 5px 0px 0px !important; left: inherit !important; right: -1px !important; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } li#k_contactus .dropContainerFull { display: none; height: 0px !important; width: 0px !important; overflow: hidden; left: -999em; } .dropContainerFull.noDrop { height: 0px !important; width: 0px !important; line-height: 0px !important; border: none; overflow: hidden; } a.menuPromo, ul.ngSubMenu, ul.ngSubMenu span.ngSubMenuCol { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; float: left; width: auto; } a.menuPromo { background-color: #dee0e2; background-image: -moz-linear-gradient(top, #C8CCCF, #ffffff); background-image: -ms-linear-gradient(top, #C8CCCF, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C8CCCF), to(#ffffff)); background-image: -webkit-linear-gradient(top, #C8CCCF, #ffffff); background-image: -o-linear-gradient(top, #C8CCCF, #ffffff); background-image: linear-gradient(top, #C8CCCF, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8CCCF', endColorstr='#ffffff', GradientType=0); float: left; width: 130px; text-align: left; padding: 10px 10px 10px 10px; text-decoration: none; /*border-right:1px solid @40ngBlueGray; */ } li#k_aboutus .dropContainerFull a.menuPromo, li#k_capabilities .dropContainerFull a.menuPromo, li#k_careers .dropContainerFull a.menuPromo, li#k_mediaresources .dropContainerFull a.menuPromo { float: right !important; } ul.ngSubMenu { margin: 0; padding: 10px 0px 12px 5px; list-style: none; text-align: left; } ul.ngSubMenu li { margin: 0; padding: 0; } span.ngSubMenuCol { margin-right: 10px; } a.menuPromo h5 { font-weight: normal; font-size: 12px; line-height: 1.3em; white-space: normal; } a.menuPromo p { white-space: normal; font-size: 13px; height:40px; } a.menuPromo:hover p { text-decoration: underline; } a.menuPromo img { -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin-bottom: 5px !important; } a.menuPromo .menuPromoImage { -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: url('../img/sprites_navPromo.png') no-repeat; width: 130px; height: 130px; margin-bottom: 5px !important; } li#k_aboutus .dropContainerFull a.menuPromo .menuPromoImage { background-position: 0px 0px; } li#k_capabilities .dropContainerFull a.menuPromo .menuPromoImage { background-position: -130px 0px; } li#k_careers .dropContainerFull a.menuPromo .menuPromoImage { background-position: 0px -130px; } li#k_mediaresources .dropContainerFull a.menuPromo .menuPromoImage { background-position: -130px -130px; } li#k_corporateresponsibility .dropContainerFull a.menuPromo .menuPromoImage { background-position: 0px -260px; } li#k_investorrelations .dropContainerFull a.menuPromo .menuPromoImage { background-position: -130px -260px; } li#k_suppliers .dropContainerFull a.menuPromo .menuPromoImage { background-position: 0px -390px; } /* Capabilities Nav styles */ span.ngSubMenuCol.ngFeatured .subItem a { font-size: 18px; margin-bottom: 3px; } span.ngSubMenuCol.ngFeatured .subItem.ngFeaturing a { font-size: 13px; color: #232628; text-decoration: none; } span.ngSubMenuCol.ngFeatured .subItem.ngFeaturing a:hover { text-decoration: none !important; } span.ngSubMenuCol.ngFeatured .subItem.lgr a { font-size: 19px; } ul.ngSubMenu span.ngSubMenuCol.ngFeatured { width: 260px !important; } /*ngTopSearchWrapper*/ .ngTopSearchWrapper { /* NG Nav Social Bar */ position: absolute; top: 23px; right: 1px; /* NG Nav Search Bar */ } .ngTopSearchWrapper .ngNavSocialBar { position: relative; display: inline-block; float: left; margin: 6px 20px 3px 0px; } .ngTopSearchWrapper .ngNavSocialBar ul { display: block; padding: 0; margin: 0; height: auto; } .ngTopSearchWrapper .ngNavSocialBar ul.sociallinks { margin: 0; padding: 0; } .ngTopSearchWrapper .ngNavSocialBar ul.sociallinks li { margin: 0; padding: 0; position: relative; float: left; margin-left: 8px; } .ngTopSearchWrapper .ngNavSocialBar ul.sociallinks li a { /* width:16px; height:16px; display:block; background-position:top left; background-repeat:no-repeat; */ } .ngTopSearchWrapper .ngNavSearchBar { position: relative; display: inline-block; float: left; min-width: 146px; height: 22px; padding: 3px 7px 4px 32px; background-color: #9FA7AC; background-color: #979fa5; background-image: -moz-linear-gradient(top, #919AA0, #9FA7AC); background-image: -ms-linear-gradient(top, #919AA0, #9FA7AC); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#919AA0), to(#9FA7AC)); background-image: -webkit-linear-gradient(top, #919AA0, #9FA7AC); background-image: -o-linear-gradient(top, #919AA0, #9FA7AC); background-image: linear-gradient(top, #919AA0, #9FA7AC); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919AA0', endColorstr='#9FA7AC', GradientType=0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } .ngTopSearchWrapper .ngNavSearchBar form { margin: 0 0 0 0; padding: 0; } .ngTopSearchWrapper .ngNavSearchBar fieldset { padding: 0; margin: 0; border: 0; } .ngTopSearchWrapper .ngNavSearchBar label, .ngTopSearchWrapper .ngNavSearchBar input, .ngTopSearchWrapper .ngNavSearchBar button, .ngTopSearchWrapper .ngNavSearchBar select, .ngTopSearchWrapper .ngNavSearchBar textarea { font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; margin-bottom: 0px; padding: 2px 3px 2px 3px; color: #ffffff; } .ngTopSearchWrapper .ngNavSearchBar label { display: none; color: #ffffff; } .ngTopSearchWrapper .ngNavSearchBar input.search { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; width: 80px; font: ProximaNovaBold, Arial, Helvetica, Tahoma, sans-serif; background: none; border: none; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; margin: 0px 3px 0px 0px; padding: 1px 3px 2px 3px; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .ngTopSearchWrapper .ngNavSearchBar input.search:focus { width: 260px; } .ngTopSearchWrapper .ngNavSearchBar input.search:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 0px; } .ngTopSearchWrapper .ngNavSearchBar input.search:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 0px; color: #ffffff; opacity: 1; } .ngTopSearchWrapper .ngNavSearchBar input.search:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 0px; color: #ffffff; opacity: 1; } .ngTopSearchWrapper .ngNavSearchBar input.search:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 0px; color: #ffffff; } .ngTopSearchWrapper .ngNavSearchBar input.search::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 14px; color: #ffffff; } .ngTopSearchWrapper .ngNavSearchBar input.search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 14px; color: #ffffff; opacity: 1; } .ngTopSearchWrapper .ngNavSearchBar input.search::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 14px; color: #ffffff; opacity: 1; } .ngTopSearchWrapper .ngNavSearchBar input.search:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 14px; color: #ffffff; } .ngTopSearchWrapper .ngNavSearchBar input.submit { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; -webkit-appearance: none; width: 18px; height: 18px; background-color: transparent; border: none; text-indent: -4000px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 1px; } .ngTopSearchWrapper .ngNavSearchBar .search_icon { position: absolute; top: 7px; left: 10px; /* background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MS4zIDcxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MS4zIDcxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJYTUxJRF80XyIgY2xhc3M9InN0MCIgZD0iTTcxLjMsNjUuOEw0OS4yLDQzLjdjMy40LTQuNiw1LjUtMTAuMiw1LjUtMTYuM0M1NC43LDEyLjIsNDIuNCwwLDI3LjMsMFMwLDEyLjIsMCwyNy4zCglzMTIuMiwyNy4zLDI3LjMsMjcuM2M2LjIsMCwxMS45LTIuMSwxNi41LTUuNkw2NS44LDcxTDcxLjMsNjUuOHogTTQuOCwyNy4zYzAtMTIuNCwxMC4xLTIyLjUsMjIuNS0yMi41czIyLjUsMTAuMSwyMi41LDIyLjUKCVMzOS43LDQ5LjgsMjcuMyw0OS44UzQuOCwzOS43LDQuOCwyNy4zeiIvPgo8L3N2Zz4="); background-color: transparent; background-repeat: no-repeat; background-position: top left; */ background: transparent url(../img/btn_topNavSearch.png) 50% 50% no-repeat; width: 18px; height: 18px; font-size: 13px; } .ngTopSearchWrapper .ngNavSearchBarDark { background-color: #6A747B; background-color: #4e555a; background-image: -moz-linear-gradient(top, #3B4044, #6A747B); background-image: -ms-linear-gradient(top, #3B4044, #6A747B); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3B4044), to(#6A747B)); background-image: -webkit-linear-gradient(top, #3B4044, #6A747B); background-image: -o-linear-gradient(top, #3B4044, #6A747B); background-image: linear-gradient(top, #3B4044, #6A747B); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B4044', endColorstr='#6A747B', GradientType=0); } /* widgets hack for sharepoint */ .v4master .span3 table .ngWidget01 .content img { /*width:222px;*/ } .v4master .span9 table .ngWidget01 .content img { /*width:720px;*/ } .v4master .span3 table .ngCaps .content img { width: 236px; } .v4master .span3 table .ngWidgetImageOnly .content img { width: 236px; } /* widget styles for full version only */ .fullWidthContent .content { margin: 15px 20px 30px 20px; } .quarterWidthContent .content { margin: 15px 15px 30px 15px; } .ngwpz table.s4-wpTopTable .span1 { float: left; width: 70px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span2 { float: left; width: 153px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span3 { float: left; width: 236px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span4 { float: left; width: 319px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span5 { float: left; width: 402px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span6 { float: left; width: 485px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span7 { float: left; width: 568px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span8 { float: left; width: 651px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span9 { float: left; width: 734px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span10 { float: left; width: 817px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span11 { float: left; width: 900px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span12 { float: left; width: 983px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span13 { float: left; width: 1066px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span14 { float: left; width: 1149px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span15 { float: left; width: 1232px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span16 { float: left; width: 1315px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span17 { float: left; width: 1398px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span18 { float: left; width: 1481px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span19 { float: left; width: 1564px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span20 { float: left; width: 1647px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span21 { float: left; width: 1730px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span22 { float: left; width: 1813px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span23 { float: left; width: 1896px; margin-left: 13px; } .ngwpz table.s4-wpTopTable .span24 { float: left; width: 1979px; margin-left: 13px; } .span12.ngwpz .span12 { margin-left: 0px; } #slider, #slider img, #slider .nivo-caption { -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #slider { width: 983px; /* Make sure your images are the same size (983px now)*/ height: 420px; /* Make sure your images are the same size */ position: relative; background: transparent url('../img/loading.gif') no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } #slider img { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; display: none; } #slider .nivo-caption { display: block; position: absolute; height: 420px; width: 460px; background-color: transparent; z-index: 10; text-align: left; background-repeat: no-repeat; background-position: top left; margin: 0; padding: 0; opacity: 1; filter: alpha(opacity=100); background-image: url('../img/bk_homeSlideShowStripeOverlay_gray.png'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE6 & 7 */ zoom: 1; } #slider .nivo-caption#bk_1, #slider .nivo-caption#bk_2, #slider .nivo-caption#bk_3, #slider .nivo-caption#bk_4, #slider .nivo-caption#bk_5, #slider .nivo-caption#bk_6 { background-image: url('../img/bk_homeSlideShowStripeOverlay_gray.png'); } #slider .nivo-caption h2, #slider .nivo-caption p { color: #ffffff; width: 280px; margin-left: 42px; color: #F2F3F3 !important; -webkit-text-shadow: 0px -1px 0px #17191a; -moz-text-shadow: 0px -1px 0px #17191a; text-shadow: 0px -1px 0px #17191a; } #slider .nivo-caption h2 { font-style: italic; font-size: 1.8em; line-height: 1.2em; padding-top: 102px; padding-bottom: 10px; } #slider .nivo-caption p { font-size: 14px; line-height: 1.4em; } .lt-ie8 #slider { background-image: none; filter: none !important; } html.lt-ie9 #slider .nivo-caption h2 { font-style: italic; } .ngHomeSlideShow { margin-top: 6px; } .ngHomeSlideShow a.nivo-nextNav { background-position: -30px 0; right: 15px; } .ngHomeSlideShow a.nivo-prevNav { left: 15px; } .ngHomeSlideShow .nivo-controlNav { position: absolute; height: 30px; width: 300px; margin-top: -60px; margin-left: 70px; /* Tweak this to center bullets */ z-index: 15; } .ngHomeSlideShow .nivo-controlNav a { display: block; cursor: pointer; width: 22px; height: 22px; background: url('../img/sliderBullets.png') no-repeat; float: left; text-indent: -9999px; border: 0; margin-right: 8px; } .ngHomeSlideShow .nivo-controlNav a.active { background-position: 0 -22px; } .ngHomeSlideShow .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(../img/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; position: absolute; top: 45%; z-index: 9; cursor: pointer; } .ngHomeSlideShow .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .ngHomeSlideShow .nivo-box { display: block; position: absolute; z-index: 5; } .ngHomeSlideShow .nivo-prevNav { left: 0px; } .ngHomeSlideShow .nivo-nextNav { right: 0px; } .ngHomeSlideShow .nivo-html-caption { display: none; } #slider .nivo-caption a, #slider .nivo-caption a:visited, #slider .nivo-caption a:link, #slider .nivo-caption h2 a, #slider .nivo-caption h2 a:visited, #slider .nivo-caption h2 a:link { color: #ffffff; display: inline !important; border: 0px !important; text-decoration: none !important; cursor: pointer !important; } #slider .nivo-caption p a, #slider .nivo-caption p a:visited, #slider .nivo-caption p a:link { display: inline !important; border: 0px; text-decoration: none !important; cursor: pointer !important; font-family: ProximaNovaBold, Arial, Helvetica, Tahoma, sans-serif; color: #ffffff; } #slider .nivo-caption a:hover, #slider .nivo-caption h2 a:hover { color: #ffffff; cursor: pointer !important; } #slider .nivo-caption p a:hover { color: #ffffff; cursor: pointer !important; } #slider .nivo-caption p a:hover, #slider .nivo-caption h2 a:hover { text-decoration: underline !important; } /* If an image is wrapped in a link */ #slider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; max-width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; cursor: pointer !important; } #slider a.nivo-imageLink:hover { cursor: pointer !important; } #slider a.nivo-imageLink img { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } html.lt-ie9 #slider a.nivo-imageLink { background: url(/img.png) no-repeat; } .ngHomeSlideShow .nivo-controlNav a.active, .ngSlider .nivo-caption a:visited, .ngSlider .nivo-caption a:active { text-decoration: none !important; border-bottom: 0 !important; border: 0px !important; } .nghomeSS1 { width: 983px; height: 420px; } .swiper-container { width: 100%; height: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .swiper-wrapper { width: 0px !important; } .swiper-caption { display: block; position: absolute; height: 420px; width: 460px; background-color: transparent; z-index: 10; text-align: left; background-repeat: no-repeat; background-position: top left; margin: 0; padding: 0; background-image: url('../img/bk_homeSlideShowStripeOverlay_gray.png'); *zoom: 1; } .swiper-caption h2, .swiper-caption p { color: #ffffff; width: 280px; margin-left: 42px; color: #F2F3F3 !important; -webkit-text-shadow: 0px -1px 0px #17191a; -moz-text-shadow: 0px -1px 0px #17191a; text-shadow: 0px -1px 0px #17191a; } .swiper-caption h2 { font-style: italic; font-size: 1.8em; line-height: 1.2em; padding-top: 102px; padding-bottom: 10px; } .swiper-caption p { font-size: 1.0em; line-height: 1.4em; } .swiper-caption a, .swiper-caption a:visited, .swiper-caption a:link, .swiper-caption h2 a, .swiper-caption h2 a:visited, .swiper-caption h2 a:link { color: #ffffff; display: inline !important; border: 0px !important; text-decoration: none !important; cursor: pointer !important; } .swiper-pagination { position: absolute; height: 30px; width: 300px; margin-top: -60px; margin-left: 70px; z-index: 150; text-align: center; padding: 15px 0; } .swiper-pagination .swiper-pagination-bullet { display: block; float: left; cursor: pointer; width: 16px; height: 16px; margin-right: 14px; background: #fff; } /* The slices and boxes in the Slider */ /* home news */ .ngHomeLatestNews { background: #D6D9DB url('../img/bk_homeNews.gif') top repeat-x; /*#gradient > .vertical(@ngHomeLatestNewsHighlight, @ngHomeLatestNewsBackground);*/ border: 1px solid #C8CCCF; height: 34px; min-height: 34px; line-height: 28px; padding: 0px 5px 0px 5px; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .nghlnComponents { margin-top: 3px; margin-bottom: 3px; height: 28px; position: relative; float: left; } .nghlnLabel { color: #2F3336; font-family: ProximaNovaBold, "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; font-size: 0.82em; font-weight: normal; line-height: 30px; text-transform: uppercase; padding-left: 5px; padding-right: 12px; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; } .nghlnBody { width: 770px; } .nghlnMore { padding: 0px 1px; } .nghlnMore a { font-size: 11px; font-family: ProximaNovaBold, Arial, Helvetica, Tahoma, sans-serif; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; color: #070808; } .nghlnRSS { float: right; } .nghlnRSS a { display: block; width: 16px; height: 16px; margin: 6px 8px 6px 0px; background: url('../img/icons/social/16/feed.png') top left no-repeat; } #dnews { *zoom: 1; } #dnews ul { width: 752px; height: 24px; overflow: hidden; padding: 0; margin: 0; list-style: none; *zoom: 1; } #dnews ul li { margin: 0; font-size: 13px; color: #4E4E4E; white-space: nowrap; list-style: none; overflow: hidden; text-overflow: ellipsis; height: 24px; padding: 0; line-height: 24px; text-shadow: 0 1px 1px #fff; *zoom: 1; } #dnews ul li a, #dnews ul li a:active, #dnews ul li a:visited { color: #17191a; text-decoration: none; font-size: 13px; *zoom: 1; } #dnews ul li a:hover { color: #006699; text-decoration: none; } /* home page capablities - V1 */ .ngHomeCapabilities { width: 100%; margin: 0; padding: 0; overflow: hidden; height: 240px; } .ngHomeCapabilities a.nghcspan { margin: 0px; padding: 0px; float: left; width: 170px; padding-left: 6px; padding-right: 6px; padding-top: 8px; margin: 0px 0px 0px 0px; cursor: pointer; text-align: center; border-right: 1px solid #E4E6E7; zoom: 1; min-height: 272px; height: 272px; } .ngHomeCapabilities a.nghcspan.firstchild { padding-left: 7px; } .ngHomeCapabilities a.nghcspan.lastchild { border-right: none; } .ngHomeCapabilities a.nghcspan:hover { background-color: #F2F3F3; text-decoration: none; } .ngHomeCapabilities a.nghcspan img { max-width: 100%; margin-bottom: 5px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .ngHomeCapabilities a.nghcspan h4 { color: #324C9F; font-size: 1.2em; line-height: 1em; font-style: italic; margin-bottom: 5px; zoom: 1; } .ngHomeCapabilities a.nghcspan p { font-size: 12px; line-height: 1.23em; color: #232628; padding-left: 4px; padding-right: 4px; text-decoration: none !important; zoom: 1; } .ngHomeCapabilities a.nghcspan p:hover { text-decoration: none !important; } /* home page capablities - V2 */ .ngHomeCapabilitiesV2 { width: 100%; margin: 0; padding: 0; overflow: hidden; height: 323px; min-height: auto; height: auto; margin-bottom: 15px; } .ngHomeCapabilitiesV2 a:hover { text-decoration: none; } .ngHomeCapabilitiesV2 a.nghcspan { border: 0; margin: 0; padding: 0; display: block; width: 100%; height: 80px; background-color: #ffffff; border-bottom: 1px solid #ffffff; background-image: url('/NGPublic/img/img_ngCapabilities.jpg'); background-repeat: no-repeat; background-position: 0px 0px; } .ngHomeCapabilitiesV2 a.nghcspan:hover { text-docoration: none; } .ngHomeCapabilitiesV2 a.nghcspan h4 { color: #324C9F; font-size: 20px; line-height: 80px; font-style: italic; margin-bottom: 5px; padding-left: 290px; *zoom: 1; } .ngHomeCapabilitiesV2 a.nghcspan h4:hover { text-docoration: none; } .ngHomeCapabilitiesV2 a.nghcspan.firstchild { background-position: 0px 0px; } .ngHomeCapabilitiesV2 a.nghcspan.secondchild { background-color: #F2F3F3; background-position: 0px -80px; } .ngHomeCapabilitiesV2 a.nghcspan.thirdchild { background-position: 0px -160px; } .ngHomeCapabilitiesV2 a.nghcspan.lastchild { background-color: #F2F3F3; border-bottom: 0px; background-position: 0px -240px; } /* home page capablities - V3 */ .ngHomeCapabilitiesV3 { width: 100%; margin: 0; padding: 0; overflow: hidden; height: 323px; min-height: auto; height: auto; margin-bottom: 15px; } .ngHomeCapabilitiesV3 a:hover { text-decoration: none; } .ngHomeCapabilitiesV3 a.nghcspan { border: 0; margin: 0; padding: 0; display: block; width: 100%; height: 80px; background-color: #ffffff; border-bottom: 1px solid #ffffff; background-repeat: no-repeat; background-position: 0px 0px; background-image: none; } .ngHomeCapabilitiesV3 a.nghcspan h4 { color: #324C9F; font-size: 17px; line-height: 80px; font-style: italic; margin-bottom: 5px; *zoom: 1; float: left; position: relative; padding-left: 6px; } .ngHomeCapabilitiesV3 a.nghcspan span { border: 0; margin: 0; padding: 0; display: block; float: left; position: relative; width: 320px; height: 80px; background-color: #fff; border-bottom: 1px solid #fff; background-image: url('/NGPublic/img/img_ngCapabilities_1.jpg'); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */ opacity: 0.9; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .ngHomeCapabilitiesV3 a.nghcspan span:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -ms-background-size: 105% 105%; -moz-background-size: 105% 105%; -o-background-size: 105% 105%; -webkit-background-size: 105% 105%; background-size: 105% 105%; } .ngHomeCapabilitiesV3 a.nghcspan.firstchild span { background-image: url('/NGPublic/img/img_ngCapabilities_1.jpg'); } .ngHomeCapabilitiesV3 a.nghcspan.secondchild span { background-image: url('/NGPublic/img/img_ngCapabilities_2.jpg'); } .ngHomeCapabilitiesV3 a.nghcspan.thirdchild span { background-image: url('/NGPublic/img/img_ngCapabilities_3.jpg'); } .ngHomeCapabilitiesV3 a.nghcspan.lastchild span { background-image: url('/NGPublic/img/img_ngCapabilities_4.jpg'); } .ngHomePR { height: 240px; background: #fff url("/PublishingImages/pageImages/backgroundBlue250x250.jpg") top left; min-height: auto; height: auto; margin-bottom: 15px; } .ngHomePR .copy p { text-align: center; font-size: 11px; } /* PAGE BANNER - TIER 1 -------------------------------------------------- */ .pageHeader01 { height: 75px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 0; background-color: #5E676D; background-image: none; /* background-image:url('/SiteCollectionImages/pageImages/bkImg_pageHeader01.jpg'); */ background-repeat: none; margin-bottom: 12px; } .pageHeader01 h3 { height: 75px; font-family: ForzaBoldItalic, ProximaNovaBold !important; font-weight: normal; font-size: 22px !important; letter-spacing: 0.05em !important; line-height: 25px; background: transparent url('../img/bk_pageHeader01.png') 3px 0px no-repeat; padding: 0; margin: 0; padding-top: 45px; padding-left: 65px !important; color: #F2F3F3; } @-moz-document url-prefix() { .pageHeader01 h3 { font-style: normal; font-weight: normal; } } .pageHeader01 h3 a, .pageHeader01 h3 a:visited, .pageHeader01 h3 a:active, .pageHeader01 h3 a:link { text-decoration: none; cursor: pointer; } body.root .pageHeader01, .t01aboutus .pageHeader01, body.aboutu .pageHeader01 { background-image: url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } /* .t01gsasearch .pageHeader01, body.gsasea .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } .t01international .pageHeader01, body.intern .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } .t01cybergrants .pageHeader01, body.cyberg .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); }  .t01capabilities .pageHeader01, body.capabi .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_capabilities.jpg'); } .t01careers .pageHeader01, body.career .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_careers.jpg'); } .t01mediaresources .pageHeader01, body.mediar .pageHeader01, body.mediak .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_mediaresources.jpg'); } .t01corporateresponsibility .pageHeader01, body.corpor .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_corporateresponsibility.jpg'); } .t01investorrelations .pageHeader01, body.invest .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_investorrelations.jpg'); } .t01contactus .pageHeader01, body.contac .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_contactus.jpg'); } .t01businessventures .pageHeader01, body.busine .pageHeader01 { background-image:url('http://www.northropgrumman.com/SiteCollectionImages/pageImages/bkImg_PageHeader01_businessVentures.jpg'); } */ /* Top Header Styling Updates */ .t01gsasearch, body.gsasea .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } .t01international, body.intern .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } .t01cybergrants, body.cyberg .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_aboutus.jpg'); } .t01capabilities, body.capabi .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_capabilities.jpg'); } .t01careers, body.career .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_careers.jpg'); } .t01jobs, body.jobs .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_careers.jpg'); } .t01mediaresources, body.mediar .pageHeader01, body.mediak .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_mediaresources.jpg'); } .t01corporateresponsibility, body.corpor .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_corporateresponsibility.jpg'); } .t01investorrelations, body.invest .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_investorrelations.jpg'); } .t01contactus, body.contac .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_contactus.jpg'); } .t01businessventures, body.busine .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_businessVentures.jpg'); } .t01jobs, body.jobs_ .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_careers.jpg'); } .t01oasis, t01suppliers, body.oasis .pageHeader01, body.suppli .pageHeader01 { background-image: url('/SiteCollectionImages/pageImages/bkImg_PageHeader01_oasis.jpg'); } /* TIER 1 OPTIONAL TOP NAVIATION */ .t01topNav { margin: 0px 0px 0px 0px; float: right; *zoom: 1; } .t01topNav:before, .t01topNav:after { display: table; content: ""; line-height: 0; } .t01topNav:after { clear: both; } .landingTopNavRow .t01topNav { margin-bottom: 10px; } .t01topNav li { float: left; } .t01topNav li.linkItem a, .t01topNav li.linkItem a:visited, .t01topNav li.linkItem a:link { display: block; cursor: pointer; text-decoration: none !important; font-family: ProximaNovaCondensedSemibold, Arial, Helvetica, Tahoma, sans-serif; font-size: .929em; font-weight: normal; line-height: 1.3em; color: #5E676D; padding: 3px 9px; margin-left: 1px; } .t01topNav li.linkItem a:hover { color: #F2F3F3; background-color: #838D94; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .t01topNav li.linkItem a.selected { background-color: #838D94; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .t01topNav li a.btn { color: #ffffff; margin-left: 10px; margin-top: 0px; font-weight: normal; padding: 2px 15px 2px 15px; text-transform: uppercase; } /* HERO for subpages */ .heroContainer { position: relative; float: left; margin: 0; padding: 0; margin-bottom: 15px; width: 100%; *zoom: 1; } .heroContainer:before, .heroContainer:after { display: table; content: ""; line-height: 0; } .heroContainer:after { clear: both; } .heroContainer > a { line-height: 0; } .heroContainer .heroCopy { margin: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; color: #F2F3F3; width: 35%; padding: 20px 25px 0px 20px; margin-bottom: 5px; background: #2F3336; background: rgba(0, 0, 0, 0.4); height: auto; } .heroContainer .heroCopy p { font-size: 1.1em; line-height: 1.5em; font-weight: normal; } .ngHorRule { border-bottom: 1px solid #ADB4B8; } .heroContainer .heroImg, .heroContainer .heroImgOverlay, .heroContainer .heroImgOverlay2 { top: 0; left: 0; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .heroContainer .heroImg { -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); } .heroContainer .heroImgOverlay { position: absolute; height: 100%; background: transparent url('../img/gradient_heroOverlay.png') right top repeat-y; } .heroContainer .heroImgOverlay2 { position: absolute; height: 100%; background: transparent; } .heroImgContent { position: absolute; right: 30px; top: 20px; width: 40%; color: #F2F3F3; float: right; vertical-align: top; } .heroImgContent2 { position: absolute; right: 30px; top: 20px; width: 300px; color: #F2F3F3; float: right; vertical-align: top; } .heroImgContent h1, .heroImgContent h2, .heroImgContent h3, .heroImgContent h4, .heroImgContent h5, .heroImgContent h6 { color: #F2F3F3; line-height: 1.2em; margin-bottom: 8px; } .heroImgContent p { font-size: 13px; } .heroImgContent2 h1, .heroImgContent2 h2, .heroImgContent2 h3, .heroImgContent2 h4, .heroImgContent2 h5, .heroImgContent2 h6 { color: #3B4044; line-height: 1.2em; margin-bottom: 8px; } .heroImgContent2 p { font-size: 13px; } .breadcrumb { background-color: transparent !important; background-image: none !important; background-repeat: no-repeat; filter: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); margin: 0; list-style: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0 #ffffff; -moz-box-shadow: inset 0 0px 0 #ffffff; -khtml-box-shadow: inset 0 0px 0 #ffffff; box-shadow: inset 0 0px 0 #ffffff; padding: 8px 5px 6px 0px; border-top: 1px solid #BABFC3; margin-top: 20px; } .breadcrumb li, .breadcrumb span, .breadcrumb a { margin: 0; padding: 0; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; height: 13px; line-height: 13px; font-size: .94em; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; } .breadcrumb span > span { padding-left: 2px; padding-right: 2px; } .breadcrumb .divider { padding: 0 5px; color: #919AA0; } .breadcrumb .active a { color: #17191A; font-weight: 400; } .breadcrumb a.bcHome { padding: 0; margin: 0; display: block; height: 13px; width: 20px; line-height: 16px; border: 0; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; background-image: url('../img/icon_breadcrumbsHome.gif'); background-color: transparent; background-repeat: no-repeat; } .breadcrumb a.bcHome:hover { background-position: -20px 0px; } .breadcrumb .current { color: #17191A; font-weight: normal; font-size: .88em; } .ngHorRule { border-bottom: 1px solid #adb4b8; } /* hero SLIDESHOW for sub pages */ .ngSlider .nivoSlider { position: relative; background: #0b0c0c url(../img/nivo/loading.gif) no-repeat 50% 50%; margin-bottom: 15px; } .ngSlider .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; } .ngSlider .nivoSlider a { border: 0; display: block; } .ngSlider .nivo-controlNav { text-align: center; padding: 20px 0; } .ngSlider .nivo-controlNav a { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; width: 22px; height: 22px; background: url(../img/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; } .ngSlider .nivo-controlNav a.active { background-position: 0 -22px; } .ngSlider .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .ngSlider .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .ngSlider .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } .ngSlider .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(../img/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; } .ngSlider a.nivo-nextNav { background-position: -30px 0; right: 15px; } .ngSlider a.nivo-prevNav { left: 15px; } .ngSlider .nivo-caption { position: absolute; right: 0px; bottom: 0px; background: transparent url('../img/gradient_heroOverlay.png') right top repeat-y; color: #ffffff; width: 100%; height: 100%; z-index: 8; padding: 0; opacity: 1; filter: alpha(opacity=100); overflow: hidden; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .ngSlider .nivo-caption a { color: #F2F3F3; border-bottom: none; } .ngSlider .nivo-caption a:hover { color: #F2F3F3; } .ngSlider .nivo-caption .ngSliderCopy { position: absolute; right: 30px; top: 30px; width: 40%; color: #F2F3F3; float: right; vertical-align: top; } /*ABOUT US*/ /*Leadership*/ .leadershipList { width: 100%; margin: 0; padding: 0; text-align: left; float: left !important; } li.leadershipItem { display: block; width: 18%; margin-left: 1%; margin-right: 1%; float: left !important; padding: 5px 0px 10px 0px; text-align: left; } *:first-child + html li.leadershipItem { width: 18%; padding-right: .8%; padding-left: .8%; margin-right: 0% !important; margin-left: 0% !important; } li.leadershipItem a { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; float: none; } li.leadershipItem p.lsTitle { margin-bottom: 0; } li.leadershipItem p.lsCompany { margin-top: 0; } ul.leadershipList li.leadershipItem:last-child { margin-right: 0 !important; } /* a:visited{color:#004276;text-decoration:none !important;outline:0;} a:link{color:#004276;text-decoration:none !important;outline:0;} a:hover{color:#00172a;text-decoration:underline;outline:0;} */ .companyLeadershipDetail { border: 1px solid #BABFC3; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; zoom: 1; } .companyLeadershipDetail .content { padding: 10px 15px 20px 15px; overflow: auto; } .companyLeadershipDetail .ldrHdr { border-bottom: 1px solid #5E676D; padding-bottom: 10px; margin-bottom: 10px; } .companyLeadershipDetail .ldrBody { margin-bottom: 10px; overflow: auto; } .companyLeadershipDetail .ldrBody .ldrImg { float: left; position: relative; margin: 12px 15px 0 0; } .companyLeadershipDetail .ldrBody .ldrBio { width: 68%; float: left; position: relative; } .companyLeadershipDetail .ldrBody .ldrBio p { margin: 0 0 10px 0; padding: 0; } .companyLeadershipDetail .ldrBody .ldrBio br { margin: 0; display: none; } .companyLeadershipDetail .ldrName { color: #354753; font-size: 26px; line-height: 1.3em; margin-top: 0px; margin-bottom: 0px; text-rendering: optimizelegibility; text-shadow: none; } .companyLeadershipDetail .ldrTitle { font-size: 14px; color: #354753; text-rendering: auto; text-shadow: none; background: none; } .companyLeadershipDetail .ldrCompany { font-size: 14px; color: #354753; text-shadow: none; zoom: 1; } .companyLeadershipDetail .ldrFooter { color: #778188; border-top: 1px solid #9FA7AC; padding-top: 10px; padding-bottom: 0px; } /*Business sectors */ .businessSectorBlob { margin-bottom: 15px; } .businessSectorBlobHeader { font-family: ProximaNovaLight; font-size: 34px; line-height: 1.3em; text-align: right; color: #919AA0; padding-top: 5px; padding-bottom: 10px; } .businessSectorBlobCopy { line-height: 1.5em; padding-top: 5px; padding-bottom: 10px; } /*CAPABILITIES*/ /*capabilities landing page*/ .capabilityHomeBlob { margin-bottom: 15px; } .capabilityHomeBlobHeader { font-family: ProximaNovaLight; font-size: 34px; line-height: 1.3em; text-align: right; color: #919AA0; padding-top: 5px; padding-bottom: 10px; } .capabilityHomeBlobCopy { line-height: 1.5em; padding-top: 5px; padding-bottom: 10px; } /*CAREERS*/ /*careers landing page */ .followCareerBar { display: block; float: right; position: relative; overflow: auto; margin: 5px 0px 6px 0px; padding: 4px 8px 4px 8px; background: #E4E6E7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #BABFC3; width: 333px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); *zoom: 1; } .followCareerBar:before, .followCareerBar:after { display: table; content: ""; line-height: 0; } .followCareerBar:after { clear: both; } .followCareerBar h4 { display: block; float: left; color: #5E676D; line-height: 24px; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; font-size: 11px; font-weight: normal; margin-bottom: 0px; } .followCareerBar ul { display: block; float: left; } .followCareerBar ul li { margin-left: 7px; } html.lt-ie9 #careersMenu_social { /*margin-left:650px;*/ } html.lt-ie9 .followCareerBar { *zoom: 1; width: 343px; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180); /*progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);*/ } *:first-child + html .followCareerBar ul.visualList li { margin-left: 3px !important; margin-right: 0 !important; } *:first-child + html .followCareerBar h4 { font-weight: normal !important; margin-right: 2px; } *:first-child + html .followCareerBar { padding-left: 5px; padding-right: 3px; } /* Careers Webparts Styles */ /* Events */ .careereventdisplay { width: 100%; } .careereventdisplay #options-area-top { float: left; width: auto; z-index: 999; position: relative; } .careereventdisplay ul.topnav li { float: left; position: relative; margin: 0; } .careereventdisplay #options-area-top ul li.parent-level a { cursor: pointer; } .careereventdisplay ul.topnav li ul.subnav li { clear: both; } .careereventdisplay .topnav .parent-level { display: block; } .careereventdisplay .topnav .parent-level a.parent-level-link { display: block; font-size: 13px; padding: 4px 5px 5px 10px; width: 130px; } .careereventdisplay .topnav .parent-level .subnav.nojs { font-size: 13px; } .careereventdisplay #options-area-top .topnav .parent-level .subnav.nojs li a { padding-left: 10px; width: 180px !important; float: left; } .careereventdisplay #options-area-top .topnav .parent-level .subnav.nojs .social-share { float: none; width: 193px !important; padding: 0; } .careereventdisplay #options-area-top .topnav .parent-level .subnav.nojs .social-share iframe { width: 130px !important; margin: 5px 0 3px 10px; border: none !important; } .careereventdisplay #options-area-top .topnav .parent-level .subnav.nojs .social-share .twitter-share-button { margin-left: -1px; width: 179px !important; } @-moz-document url-prefix() { .careereventdisplay #options-area-top .topnav .parent-level .subnav.nojs .social-share .twitter-share-button { width: 180px !important; } } .careereventdisplay .topnav .parent-level a img { margin-right: 5px; } .careereventdisplay h2 { font-size: 18px; color: #3B4044; display: block; width: 100%; clear: both; z-index: 1; } .careereventdisplay table#eventInfo { width: 95%; font-size: 12px; border-collapse: separate; border-spacing: 2px; margin-left: 3px; z-index: 1; } .careereventdisplay table#eventInfo th { background-color: #919AA0; width: 20%; } .careereventdisplay table#eventInfo td { background-color: #fff; padding: 5px; } .careereventdisplay table#eventInfo .label { font-size: 13px; margin-top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; line-height: 1.4em; padding: 5px; } .careersgridview { width: 100%; font-size: 12px; border: solid 1px #999 !important; border-collapse: collapse !important; } *:first-child + html .careersgridview { width: 95%; margin-left: 5px; } .careersgridview th { background-color: #C8CCCF; padding: 5px 0; } .careersgridview th, .careersgridview td { border: 0 !important; } .careersgridview th a { width: auto; margin: 3px 0; font-size: 12px; } .careersgridview th a img { float: right; margin: 3px 5px 0 0 !important; } .careersgridview td { background-color: #fff; padding: 5px; font-size: 12px; line-height: 15px; } .careersgridview th, .careersgridview td { border: dotted 1px #999 !important; } *:first-child + html .careersgridview th, *:first-child + html .careersgridview td { border: solid 1px #c3c3c3 !important; } *:first-child + html .careersgridview th { text-align: left !important; padding-left: 5px; } *:first-child + html .careersgridview th a { position: relative; float: none; width: auto !important; } *:first-child + html .careersgridview th a img { width: auto !important; display: inline !important; top: 0px !important; left: 90% !important; margin-top: -15px !important; } *:first-child + html .careersgridview td { font-size: 11px !important; } .careereventdisplay { position: relative; z-index: 1; } .careereventdisplay .tooltipeventclass, .careereventdisplay #tooltipsevents { position: absolute !important; margin: 0 !important; z-index: 999; font-size: 11px !important; padding: 5px 5px 5px 10px !important; top: 70px !important; left: 250px !important; } .careereventdisplay .tooltipeventclass h2, .careereventdisplay .tooltipsevents h2 { font-size: 13px; line-height: 15px; color: #004276; margin-top: 5px; } .careereventdisplay table table { border: solid 1px #C8CCCF; margin-right: 20px !important; } @-moz-document url-prefix() { .careereventdisplay #tooltip { margin-left: 0px !important; margin-top: 100px !important; } } .eventName.summary { margin: 2em 0 .5em 0 !important; color: #004276 !important; } /* Locations */ .locationmapwrapcareer { clear: both; position: relative !important; overflow: hidden !important; float: none !important; height: 100% !important; text-align: center; display: table !important; } .CareerMapSelectDiv { padding: 0 1px !important; z-index: 9999 !important; position: absolute !important; right: 120px !important; top: 5px !important; border: solid 2px #2f7799 !important; font-size: 11px !important; width: auto !important; height: 18px !important; margin: 0 !important; background-color: #fff; } @-moz-document url-prefix() { .CareerMapSelectDiv { position: absolute !important; padding: 0 1px 1px 1px !important; float: none !important; } } .CareerMapSelectDiv label, .CareerMapSelectDiv input { clear: none !important; float: none !important; display: inline-block !important; } .CareerMapSelectDiv label { font-size: 12px !important; cursor: pointer; margin-left: 2px !important; margin-right: 5px !important; padding-bottom: 1px; float: none !important; } .mapcanvascareer { position: static; z-index: 0; float: none; margin-top: 0px !important; height: 100%; } .mapcanvascareer #bodyContent { overflow: visible; } .mapcanvascareer #bodyContent p, .mapcanvascareer #bodyContent p a { font-size: 12px !important; } #firstHeading.firstHeading { font-size: 14px !important; } /*MEDIA RESOURCES*/ /*media resources landing page*/ .mediaResourcesMainList { padding: 0; margin: 0; } .mediaResourcesMainList li { width: 19.9%; text-align: center; padding: 0px 0px 0px 0px; border-right: 1px solid #D6D9DB; min-height: 130px; } .mediaResourcesMainList li a { display: block; width: 100%; text-decoration: none !important; cursor: pointer; color: #5E676D !important; padding: 15px 0px 13px 0px; min-height: 165px; } .mediaResourcesMainList li a span { width: 110px; height: 110px; display: block; position: relative; margin: 0 auto; margin-bottom: 2px; background-color: transparent; background-image: url('/mediaresources/publishingimages/pageimages/icons_mediaResources.png'); background-repeat: no-repeat; } .mediaResourcesMainList li a#photos span { background-position: -770px 0px; } .mediaResourcesMainList li a#videos span { background-position: -990px 0px; } .mediaResourcesMainList li a#news span { background-position: -660px 0px; } .mediaResourcesMainList li a#social span { background-position: -880px 0px; } .mediaResourcesMainList li a#contacts span { background-position: -330px 0px; } .mediaResourcesMainList li a#advertising span { background-position: 0px 0px; } .mediaResourcesMainList li a#executivePresentations span { background-position: -440px 0px; } .mediaResourcesMainList li a#byTheNumbers span { background-position: -220px 0px; } .mediaResourcesMainList li a#ipm span { background-position: -550px 0px; } .mediaResourcesMainList li a#archivedWebcasts span { background-position: -110px 0px; } .mediaResourcesMainList li a h3 { color: #5E676D; line-height: 1.25em; } .mediaResourcesMainList li a:hover { color: #232628 !important; background-color: #f4f5f5; background-image: -moz-linear-gradient(top, #ffffff, #E4E6E7); background-image: -ms-linear-gradient(top, #ffffff, #E4E6E7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E4E6E7)); background-image: -webkit-linear-gradient(top, #ffffff, #E4E6E7); background-image: -o-linear-gradient(top, #ffffff, #E4E6E7); background-image: linear-gradient(top, #ffffff, #E4E6E7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E4E6E7', GradientType=0); text-decoration: none !important; } .mediaResourcesMainList li a:hover h3 { color: #232628 !important; text-decoration: underline !important; } .mediaResourcesMainList li:last-child, .mediaResourcesMainList li.last { border-right: none !important; } /* NEWS article */ /*article with images */ .articleContent.withImages { float: left; width: 66%; border-right: 1px solid #C8CCCF; padding-right: 2.2%; } .articleImages { float: left; /*border-left:1px solid @40ngBlueGray;*/ padding-left: 1.8%; padding-right: 0; width: 24.8%; margin-bottom: 25px; } .articleImages img { width: 100%; margin-bottom: 0px !important; } /* PHOTO GALLERY PAGE (grid listing) */ .listing.grid ul.threePerRow li { width: 31%; margin-left: .9%; margin-right: .9%; border: 1px solid #ADB4B8; margin-bottom: 8px; } .listing.grid li .itemImg { width: 224px; height: 224px; } .listing.grid li .itemImg a { display: block; width: 224px !important; min-height: 224px!important; height: 224px !important; line-height: 224px; background-color: #778188; position: relative; overflow: hidden; text-align: center; } .listing.grid li .itemImg img { /* display:block; */ max-width: 100%; max-height: 100%; margin: 0px auto !important; vertical-align: middle; } .listing.grid li .itemImg .itemCopy { display: block; width: auto; margin: 8px 10px 3px 10px; } .listing.grid li .itemImg .itemCopy h5 { font-size: 13px; } .listing.grid li .itemImg .itemCopy p { font-size: 12px; } .listing.grid li .itemImg .itemCopyNoImg { width: auto; } /* video gallery */ .featVid { position: absolute; margin-left: 248px; display: none; } #defaultvid { margin-left: 248px; } #internalVid { margin-left: 248px; } .featVidsWrapper { height: 415px; margin: 0; padding: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); margin-bottom: 20px; } .featVidsWrapper .featVidList { float: left; position: absolute; z-index: 30; width: 260px; margin: 0; padding: 0; } ul.featVidList li { float: left; position: relative; clear: both; padding: 0; margin: 0; } ul.featVidList li a { display: block; height: 83px; width: 260px; background: transparent url('../img/bk_featVidLink.png') top left no-repeat; } ul.featVidList li a.active { background: transparent url('../img/bk_featVidLink_active.png') top left no-repeat; } ul.featVidList li a h3, ul.featVidList li a p { margin-left: 17px; } ul.featVidList li a h3 { color: #ffffff; line-height: 1.1em; padding-top: 12px; } ul.featVidList li a p { color: #E4E6E7; } .featVid iframe { width: 736px; height: 415px; left: 248px; } .listing.grid.videos li .itemImg { width: 100%; height: 100%; } .listing.grid.videos li .itemImg a { display: block; width: 100% !important; min-height: 130px !important; height: 130px !important; line-height: inherit; background-color: #778188; position: relative; overflow: hidden; text-align: center; } .listing.grid.videos li .itemImg img { /* display:block; */ max-width: 100%; max-height: 100%; margin: 0px auto !important; vertical-align: top; } .listing.grid.videos li .itemCopy { display: block; width: auto; margin: 8px 10px 3px 10px; height: 70px !important; color: #E4E6E7 !important; } .listing.grid.videos li .itemCopy h5 { color: #E4E6E7 !important; line-height: 1.2em; margin-bottom: 5px; } .listing.grid.videos li .itemCopy p { color: #E4E6E7 !important; line-height: 1.3em; } .listing.grid.videos li .itemCopyNoImg { width: auto; } .span9 .listing.grid.videos li { width: 32%; } .ngListingWidget01 .searchListing { display: block; border-bottom: 1px solid #BABFC3; padding: 0px 10px 15px 10px; } /* PHOTO DETAIL PAGE */ .photoImagePane, .photoDetailPane { float: left !important; } /* Contact US page */ .locPanel1, .locPanel2 { padding-left: 2%; padding-right: 2%; width: 47%; margin-bottom: 40px; float: left; } .locPanel1 { padding-left: 0.5%; } .locPanel2 { padding-right: 0.5%; border-left: 1px solid #6A747B; } /* Footer -------------------------------------------------- */ .footer { margin: 0px auto 10px; padding: 2px 0px 8px 0px; text-align: center; font-size: .82em; background: transparent url('../img/bk_footerShadow.png') 50% 1px no-repeat; } .footer .ngDisclaimer { font-size: .93em; margin-top: 8px; margin-bottom: 0; color: #464D51; text-align: left; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; } .footer .ngCopyright { font-size: .93em; margin-top: 8px; margin-bottom: 0; color: #5E676D; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; } .footer #links { display: block; min-height: 16px; padding: 9px 0px 9px 0px; border-top: 1px solid #BABFC3; border-bottom: 1px solid #BABFC3; } .footer #links ul { display: block; padding: 0; margin: 0; float: left; height: auto; } .footer #links ul.right { float: right; margin-right: 3px; margin-bottom: 0; } .footer #links ul.piped a { margin-left: .7em; -webkit-text-shadow: 0px 1px 1px #ffffff; -moz-text-shadow: 0px 1px 1px #ffffff; text-shadow: 0px 1px 1px #ffffff; } .footer #links ul.sociallinks { margin: 0; padding: 0; } .footer #links ul.sociallinks li { margin: 0; padding: 0; position: relative; float: left; margin-left: 8px; } .footer #links ul.sociallinks li a { /* width:16px; height:16px; display:block; background-position:top left; background-repeat:no-repeat; */ } .footer #links ul.footerlinks { /* margin:0; margin-left:3px; padding:0px 0px 0px 0px; */ text-align: center; float: none; } .footer #links ul.footerlinks li { float: none; display: inline-block; } /* IE8 and below footer cannot be centered */ .lt-ie9 .footer #links ul.footerlinks { position: relative; left: 0; margin: 0; margin-left: 3px; padding: 0; } /* Modified widget header */ .ms-WPBody .ngWidgets .ngWidgetHeader, .ngRow .ngWidgets .ngWidgetHeader, .ngRow .span12 .ngWidgets.ngWidget01.ngShadowedBox .ngWidgetHeader { color: #0b0c0c !important; text-shadow: none !important; filter: none !important; } /* MediaResources Style Updates */ .mediaResourcesMainList li.last { border-right: none !important; width: 19.8%; } *:first-child + html .ngWidgets.ngWidget01.ngShadowedBox { margin-top: 10px; } .mediaResourcesMainList li a:hover { text-shadow: none !important; filter: none !important; text-decoration: none !important; } .mediaResourcesMainList li a:hover h3 { text-decoration: underline !important; } /* Capabilities Landing page Modification */ a.ngCaps.subs { overflow: hidden !important; } *:first-child + html a.ngCaps.subs, *:first-child + html a.ngCaps.ngShadowedBox { margin-bottom: 13px !important; } *:first-child + html a.ngCaps.subs:hover, *:first-child + html a.ngCaps.ngShadowedBox:hover { margin-bottom: 18px !important; } a.ngCaps:visited { border: 0 !important; } /* Investor Relations Dropdown Updates */ *:first-child + html li#k_contactus .dropContainerFull .menuPromo { background-color: transparent !important; } *:first-child + html li#k_investorrelations .dropContainerFull { left: -191px !important; right: inherit !important; width: 360px; } /* Product Webpart Footer Style Modification */ .ellipse { float: left; display: inline-block; margin: 5px 5px 0 0; } /*forms fix */ /* Form Style */ /* .ms-dlgFrame .navbar, .ms-dlgFrame .navbar-inner .brand {visibility:hidden !important; display:none !important;} .ms-dlgFrame .navbar-inner .brand {background-image:none !important;} */ /* add scrollbar for browsers other than IE */ /* .ms-dlgContent { } .ms-dlgFrameContainer{ overflow-y:scroll !important; overflow-x:hidden !important; height:100% !important; }  html.lt-ie9 .ms-dlgFrameContainer{ overflow-y:scroll !important; overflow-x:hidden !important; height:576px !important; } html.lt-ie8 .ms-dlgFrameContainer{ }  .ms-dlgFrameContainer .ms-dlgFrame { height:5000px !important; }  html.lt-ie9 .ms-dlgFrameContainer .ms-dlgFrame { height:5000px !important; } html.lt-ie8 .ms-dlgFrameContainer .ms-dlgFrame { height:5000px !important; } */ /* fix IE7 and 8 close and maximize buttons */ html.lt-ie9 .ms-dlgContent a span.s4-clust { width: 18px; height: 18px; display: inline-block !important; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } html.lt-ie9 .ms-dlgContent a[title=Maximize] span { background: transparent url('/_layouts/images/fgimg.png') 0px -676px no-repeat; } html.lt-ie9 .ms-dlgContent a[title=Close] span { background: transparent url('/_layouts/images/fgimg.png') 0px -658px no-repeat; } html.lt-ie9 .ms-dlgContent a[title=Restore] span { background: transparent url('/_layouts/images/fgimg.png') 0px -694px no-repeat; } html.lt-ie9 #s4-ribbonrow a[title=Edit] span { width: 16px; height: 16px; background: transparent url('/_layouts/images/fgimg.png') 0px -251px no-repeat; } /* @import "jqueryUI.less"; */ .printOnly { display: none; } /* WCAG 2.0 -------------------------------------------------- */ #skiptocontent a { padding: 6px; position: absolute; top: -40px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: transparent; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; } #skiptocontent a:focus { position: absolute; left: 0px; top: 0px; background: #BF1722; outline: 0; -webkit-transition: top 0.1s ease-in, background 0.5s linear; transition: top 0.1s ease-in, background 0.5s linear; } /* TWITTER WIDTH FIX -------------------------------------------------- */ .ngHomeSocial .tab-content { overflow: hidden; } /* MEDIA KIT CAROUSEL -------------------------------------------------- */ .mediakitCarousel .gallery-top { width: 100%; height: 300px; } .mediakitCarousel .swiper-container { background-color: #fff; width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .mediakitCarousel .swiper-slide { background-size: cover; background-position: center; } .mediakitCarousel .gallery-thumbs { height: 200px; box-sizing: border-box; padding: 10px 0; } .mediakitCarousel .gallery-thumbs .swiper-slide { width: 200px; height: 140px; opacity: 0.4; background-position: top center; } .mediakitCarousel .gallery-thumbs .swiper-slide .slideCap { width: 200px; height: 60px; position: absolute; display: block; bottom: -60px; text-align: center; } .mediakitCarousel .gallery-thumbs .swiper-slide-active { opacity: 1; } .mediakitCarousel .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .mediakitCarousel .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .js-video { height:0; padding-top:25px; padding-bottom:67.5%; margin-bottom:10px; position:relative; overflow:hidden;} .js-video.widescreen {padding-bottom:56.34%;} .js_video.vimeo{padding-top:0;} .js-video iframe, .js-video embed, .js-video object, .js-video video {top:0; left:0; width:100%; height:100%; position: absolute;}  #checkincomments{ height:60px; } .fakeLink{color:#20399d; cursor:pointer;} .fakeLink:hover{text-decoration:underline;}