Hi there
We have a dropdown called "Departments" on mouse-hover it shows all the Subsites. It used to work all good until I patched SharePoint 2013 with KB3054937.
Now it does NOT work in IE 10 (our main browser). Other browsers including IE 11 are fine though.
The UI expert is not available and I will appreciate if someone can help fix this please.
Thanks.
Navigation.js (I assume this needs to change)
$(document).ready(function () {
$(".ms-core-listMenu-horizontalBox > ul > li > ul > li:first-child").hover(function () {
$('.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li > ul > li').show();
});
$(".ms-core-listMenu-horizontalBox > ul > li > ul ").mouseleave(function () {
$('.ms-core-listMenu-horizontalBox > ul > li > ul > li:not(:first-child)').hide();
});
}); Main.css (Just in case neeeded)
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display:none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
button, html, input, select, textarea { font-family: sans-serif }
body { margin: 0 }
a:focus { outline: dotted thin }
a:active, a:hover { outline: 0 }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .83em 0 }
h3 { font-size: 1.17em; margin: 1em 0 }
h4 { font-size: 1em; margin: 1.33em 0 }
h5 { font-size: .83em; margin: 1.67em 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
p, pre { margin: 1em 0 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:after, q:before { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; ; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
dl, menu, ol, ul { margin: 0 }
dd { margin: 0 0 0 40px }
menu, ol, ul { padding: 0; }
nav ol, nav ul { list-style: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) {
overflow: hidden
}
figure, form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
/*-------------------------------------
Global
-------------------------------------*/
body { font-family: 'Raleway', sans-serif !important; font-size: 12px; font-weight: 400; }
body * { font-family: 'Raleway', sans-serif !important; }
.container { width: 1170px; margin: 0 auto; }
.ms-webpart { color: #F5F5F5; }
.container:before, .container:after, .clear:before, .clear:after { content: " "; /* 1 */ display: table; /* 2 */ }
.container:after, .clear:after { clear: both; }
a { -webkit-transition: background-color 0.3s ease-out, color 0.3s ease; -moz-transition: background-color 0.3s ease-out, color 0.3s ease; -ms-transition: background-color 0.3s ease-out, color 0.3s ease; -o-transition: background-color 0.3s ease-out, color 0.3s ease; transition: background-color 0.3s ease-out, color 0.3s ease; }
h2 { font-size: 20px; font-weight: 700; }
h3 { font-size: 17px; font-weight: 700; color: #05477b; }
p { font-size: 13px; }
nav ul { margin: 0; padding: 0; list-style: none; overflow: auto; }
img { display: block; }
sup, sub { vertical-align: baseline; font-size: .65em; ; top: -0.4em; }
sub { top: 0.4em; }
.right { float: right; }
.left { float: left; }
/*-------------------------------------
Header
-------------------------------------*/
#titleAreaBox { margin: auto 0 !important; width: 100%; }
#suiteBarLeft, #suiteBar { background-color: #174870 !important; }
.header { height: 85px !important; background: #c3fbff url('/Style%20Library/Images/header-bg.jpg') center no-repeat;/*min-width: 1170px;*/ background-size: cover }
#siteIcon { min-width: 100% !important; display: block; min-width: 100% !important; float: none !important; text-align: left !important; }
#DeltaSiteLogo a .ms-siteicon-img { display: none; }
#SearchBox .ms-srch-sb { /*background:#bbbcbc;
padding-top:5px;
padding-left:7px;
padding-bottom:0px;*/ font-size: 14px; color: #2b2b2b; font-weight: bold; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; background: #bbbcbc; height: 31px; border-radius: 0 !important; }
#SearchBox input[type="text"] { display: inline-block !important; height: 31px !important; box-sizing: border-box; font-size: 14px; line-height: normal !important; font-family: 'Raleway', sans-serif; font-weight: 700; padding: 7px 10px !important; text-decoration: none; color: #6d6e6e !important; margin: 0; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 0 !important; background: none !important; border: none !important; }
#searchInputBox { margin-bottom: 0 !important; }
.ms-srch-sb > .ms-srch-sb-navLink { background: none !important; border: none !important; margin-top: 5px !important; }
.ms-qSuggest-container { margin: 0 0 0 1px !important; }
.dynamic.ms-core-listMenu-item span, .ms-core-listMenu-item span { /*color:#004c97;*/ }
.ms-tv-item:visited, .ms-tv-box .ms-tv-item:hover{color:#0072c6 !important;}
.left-navbar .dynamic.ms-core-listMenu-item span, .left-navbar .ms-core-listMenu-item span { color:#004c97; }
.ms-breadcrumb-box { display: block !important; margin: 115px 0 0 -20px; background: #004c97; height: 50px; }
.ms-verticalAlignTop { float: right; }
.ms-navedit-editArea { float: none !important; }
#s4-titlerow { padding: 0px !important; }
.ms-core-listMenu-horizontalBox .ms-core-listMenu-item { color: #FFF !important; font-weight: bold; padding: 12px 15px; }
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin-right: 0; font-size: 13px; text-transform: uppercase; }
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background { padding-right: 15px; }
.ms-core-listMenu-selected { background: #003763 !important; }
ul.dynamic .ms-core-listMenu-item { color: #004c97 !important; font-weight: bold; padding: 5px 10px; font-size: 16px; }
ul.dynamic .ms-core-listMenu-item:hover { background: #004c97; }
ul.dynamic > li:hover, ul.dynamic > li:hover a { background: #004c97; color: #fff !important; }
.ms-core-listMenu-horizontalBox ul.root > li > a:hover, .ms-core-listMenu-horizontalBox ul.root > li > ul li.static:hover { background: #003763 !important; }
ul.dynamic > li.dynamic > ul.dynamic > li.dynamic, ul.dynamic > li.dynamic > ul.dynamic > li.dynamic a { background: #FFF !important; color: #004c97 !important; }
div#s4-bodyContainer li.dynamic ul.dynamic li.dynamic a span.menu-item-text { color: #004c97 !important; }
div#s4-bodyContainer li.dynamic ul.dynamic li.dynamic a:hover span.menu-item-text { color: #ffffff !important; }
div#s4-bodyContainer li.hover li.hover .ms-core-listMenu-item > span.menu-item-text { color: #ffffff !important; }
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover .ms-core-listMenu-item span { color: #ffffff !important }
@media only screen and (max-width:768px) {
.dynamic-children.hover ul.dynamic {
left: 10px !important;
}
ul.dynamic .ms-core-listMenu-item {
color: #fff !important;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
padding: 0px !important;
}
.left-navbar {
background-color: #999 !important;
}
}
ul.dynamic > li.dynamic > ul.dynamic > li.dynamic:hover, ul.dynamic > li.dynamic > ul.dynamic > li.dynamic:hover a { background: #004c97 !important; color: #fff !important; }
ul.dynamic .ms-core-listMenu-item :hover { color: #FFF !important; }
ul.dynamic { min-width: 185px; margin: 6px 0 0 0; padding: 0px !important; }
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { /*border-right: 1px solid #003763;*/ }
.ms-core-listMenu-horizontalBox li.static .selected { border-right: 1px solid #003763 !important; b }
.ms-core-listMenu-horizontalBox li:last-child.static > .ms-core-listMenu-item { border-right: 0px solid #003763; }
.ms-ToolPaneClose { ; right: 0; }
#contentRow { padding-top: 50px !important; display: block; overflow: hidden; }
.ms-siteicon-a { margin: 6px 0 0 20px; width: 110px; height: 73px; background: url('/Style%20Library/Images/Impax_logo.png') no-repeat center; overflow: hidden; text-indent: -9999px; max-width: 220px !important; max-height: 146px !important; }
#s4-bodyContainer { padding-bottom: 0px; background: #ffffff; }
#s4-bodyContainer .header { margin-top: 0px !important; }
.ms-core-pageTitle { display: none; }
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background { background-image: url('/Style%20Library/Images/menu-right.png');/*background-image:url("/_layouts/15/images/menu-right.gif?rev=23"); background-image: url('/Style%20Library/Images/nav_arrow.png');*/ }
.ms-core-listMenu-horizontalBox .dynamic-children.selected .dynamic-children.additional-background { background-image: url('/Style%20Library/Images/menu-right_white.png');}
.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {background-image: url('/Style%20Library/Images/menu-right.png');}
.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul > li.dynamic .dynamic-children.additional-background {background-image: url('/Style%20Library/Images/menu-right_white.png');}
#navbar { background-color: #174870; height: 36px; width: 100%; z-index: 100; }
#navbar p { float: left; font-size: 14px; color: #fff; margin: 8px 0 0 0; padding: 0 8px; }
#navbar a { color: #fff; text-decoration: none; }
#navbar p.site-actions { background: url(../img/site-actions.png) 0 0 no-repeat; }
#navbar p.browse { background: url(../img/browse.png) 0 0 no-repeat; margin-left: 16px; }
#navbar p.log-out { background: url(../img/log-out.png) 0 0 no-repeat; margin-left: 16px; }
#navbar p.icon { padding-left: 22px; }
#site-logo { margin: 36px 0 0 0; width: 220px; height: 146px; background-image: url(../img/logo.png); overflow: hidden; text-indent: -9999px; }
#site-logo a { display: block; width: 220px; height: 146px; }
#search-box { display: inline-block; margin-top: 68px; width: 240px; }
#search { background-color: #bbbcbc; border: 0; border-radius: 0; box-sizing: border-box; color: #2b2b2b; height: 31px; padding-left: 10px; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; width: 240px; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; }
#search-submit { background: url("../img/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; box-sizing: border-box; height: 31px; width: 31px; margin-left: -38px; }
#quick-links { margin-top: 24px; }
#quick-links ul { margin: 0; padding: 0; }
#quick-links li { float: left; display: block; }
#quick-links li a { display: block; height: 31px; box-sizing: border-box; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 700; width: 240px; padding: 7px 10px; text-decoration: none; color: #6d6e6e; background: #bbbcbc url("../img/arrow.png") 214px 6px no-repeat; }
#quick-links li a:hover, #quick-links li:hover > a { color: #2b2b2b; }
#quick-links li.first-child { margin-left: 0px; }
/*
Level 2
*/
#quick-links ul ul { left: -999em; ; opacity: 0; -webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
#quick-links ul li:hover ul { left: auto; opacity: 1; }
#quick-links ul ul li { height: auto; margin: 0; float: none; border: 0; }
#quick-links ul ul li a { text-transform: none; height: auto; height: 31px; width: 240px; font-weight: 400; color: #2b2b2b; background-color: #fff; background-image: none; }
#quick-links ul ul li a:hover { color: #fff; background-color: #004c97; }
/*-------------------------------------
Main navigation
-------------------------------------*/
nav.main { height: 48px; background-color: #004c97; }
nav.main li { float: left; display: block; border-right: 1px solid #003763; }
nav.main li.last { border: 0; }
nav.main li a { display: block; height: 48px; box-sizing: border-box; padding: 13px 20px; text-transform: uppercase; font-weight: 400; text-decoration: none; font-size: 18px; font-weight: 700; color: #fff; }
nav.main li a:hover, nav.main li:hover > a { background-color: #003763; }
nav.main li.first-child { margin-left: 0px; }
/*
Level 2
*/
nav.main ul ul { left: -999em; ; opacity: 0; -webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
nav.main ul li:hover ul { left: auto; opacity: 1; }
nav.main ul ul li { height: auto; margin: 0; float: none; border: 0; }
nav.main ul ul li a { text-transform: none; height: auto; height: 40px; font-size: 16px; color: #004c97; padding: 9px 20px; background-color: #fff; }
nav.main ul ul li a:hover { color: #fff; background-color: #004c97; }
.ms-wpadder-cell { vertical-align: top; !important; z-index: 999999 !important; background: #FFF !important; }
.col article h2.ms-webpart-titleText a { color: #FFF !important; font-size: 20px; }
.col article h2 { color: #FFF !important; font-size: 20px; }
.col article .ms-webpartzone-cell { margin-bottom: 0 !important; }
/*-------------------------------------
Article
-------------------------------------*/
article { background-color: #fff; margin-top: 20px; }
.ms-webpartzone-cell { margin: 0px !important; }
article h2 { background-color: #319b42; color: #fff; height: 34px; padding: 8px 25px 4px 25px; margin: 0; }
article h3 { margin: 0 0 1px 0; padding: 0; }
article p { border-bottom: 1px solid #e2e2e2; margin: 0 0 14px 0; padding: 0 0 12px 0; color: #4d4d4d; font-size:17px; }
article p.last { border-bottom: none; }
article a { color: #4d4d4d; text-decoration: none; }
article a:hover { color: #05477b; text-decoration: underline; }
article .cta-link a { text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 700; color: #05477b; }
.col { float: left; width: 376px; margin-right: 21px; }
.col.last { margin-right: 0; }
/*.box { padding: 5px 25px 15px 25px; }*/
.cta-link { text-align: right; margin-top: 15px; height: 30px; }
/*-------------------------------------
Footer
-------------------------------------*/
footer { margin-top: 0; background-color: #033e6d; min-height: 50px; }
footer p { font-size: 13px; color: #fff; margin-top: 17px; }
footer a { color: #fff !important; text-decoration: none; }
/*Master Page Start*/
.ms-dialogHidden { }
/*Master Page Start*/
.container { padding: 0px !important; }
.navbar-inverse { background-color: #004c97 !important; }
.row { }
.s4-bodyContainer .header { margin-top: 0px !important; }
#centerarea { max-width: 1170px; margin: auto; }
.navbar { border-radius: 0px !important; }
article h2.ms-webpart-titleText span { color: #ffffff !important; font-weight: bold !important; }
article h2.ms-webpart-titleText a { text-decoration: none !important; }
#s4-bodyContainer > .ms-dialogHidden { }
#s4-bodyContainer > #centerarea { padding-bottom: 30px; clear:both;}
section.main article h2 { padding: 10px 25px 35px 25px !important; }
section.main article p { margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; font-size:17px; }
.ms-core-listMenu-root .dynamic-children > ul.dynamic { border: 0px !important; box-shadow: none !important; }
.ms-core-listMenu-root li.static ul.static li.dynamic-children ul.dynamic li.dynamic a:hover span.menu-item-text { color: #FFFFFF !important; }
li.dynamic-children > ul.dynamic .dynamic-children > ul.dynamic { margin-top:0px !important; }
.ms-core-listMenu-root .dynamic-children ul.dynamic li a { padding-left: 15px !important; }
div.container-fluid .ms-core-navigation ul.ms-core-listMenu-root ul.static { float: none !important; }
#SearchBox { margin: 27px 40px 0 0; width: 260px; ; }
footer.main div.container { width: 100%; padding: 0 15px !important; }
.navbar-inverse .navbar-brand { color: #ffffff !important; }
#breadcrumbSiteMap { display: none; }
/*** New CSS Starts 28-5-2015***/
body { font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif!important; font-size: 13px; }
body * { font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif!important; }
#centerarea { max-width: 100% }
#MainRow > div >.navbar.left-navbar.navbar-inverse { background: none!important; float: left!important; width: 180px!important; padding: 0 10px; margin: 0 20px 0 0; }
#MainRow.row { margin-right: 0!important; margin-left: 0 }
.ms-core-listMenu-verticalBox, .ms-core-listMenu-horizontalBox { font-size: 13px!important }
.ms-storefront-appiconspan { width: 96px!important }
.ms-storefront-appiconspan .ms-storefront-appiconimg { display: inline!important }
.ms-vb-icon img { display: inline }
#DeltaTopNavigation .ms-core-listMenu-selected:link, #DeltaTopNavigation .ms-core-listMenu-selected:visited, #DeltaTopNavigation .ms-core-listMenu-selected { background-color: #003763 !important; font-weight: bold; color:#FFF !important; }
.ms-webpart-titleText { font-weight: 300 }
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active { background-color: #cde6f7; background-color: rgba( 205, 230, 247, 0.5 ); }
li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected { font-weight: 400; color: #666666; }
/*** New CSS Ends 28-5-2015 ***/
/*** New CSS Starts 29-5-2015 ***/
img { display: inline-block; }
#zz12_TopNavigationMenu .ms-core-listMenu-selected:link, #zz12_TopNavigationMenu .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected { background: #003763!important; color:#FFF !important; }
/*** New CSS Ends 29-5-2015***/
@media only screen and (max-width:780px) {
.header {
background-position-x: 17%;
}
}
.ms-siteicon-a { background-size: 84%; }
/*** Add CSS Class For Hide Page Breadcrumb ***/
#centerarea .ms-pagebreadcrumb { display: none }
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected { background-color: #efefef!important; background-color: rgba( 239, 239, 239, 0.78 )!important; }
div.ms-core-sideNavBox-removeLeftMargin ul.ms-core-listMenu-root li.static ul.static li.dynamic-children ul.dynamic { display: none !important; }
div.ms-core-sideNavBox-removeLeftMargin .ms-core-listMenu-verticalBox .dynamic-children.additional-background { background: none !important; }
/*@-moz-document url-prefix() {
.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li {
display:inline !important;
}*/
}
div.ms-core-listMenu-horizontalBox > ul.ms-core-listMenu-root { width: 100% !important; }
/*div.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li.static { width: 100% !important; }*/
#suiteBar { z-index: 1000; float: right; ; right: 0px; margin-right: 241px; }
#suiteBar #suiteBarLeft { display: none; }
#suiteBar #suiteBarRight { background-color: #f3f3f3 !important; }
#suiteBarRight .ms-welcome-root { height: 35px !important; line-height: 38px; }
#suiteBarRight .ms-siteactions-root > span > a.ms-core-menu-root { padding: 14px 7px 5px 8px !important; }
#ms-help { padding: 4px 0 0; }
/* ribbon background color */
/*#globalNavBox,#suiteBarRight,#suiteBar #suiteBarRight{background: #174870!important;}
#RibbonContainer .ms-cui-topBar2{ border-bottom:none}
.ms-browseTab .ms-cui-tt-span{color:#fff !important}
#RibbonContainer .ms-cui-tt-a > .ms-cui-tt-span{color:#fff !important}
#RibbonContainer li.ms-cui-tt-s .ms-cui-tt-a > .ms-cui-tt-span { color:#666 !important;}
#RibbonContainer .ms-cui-tt-span:hover { color:#666 !important;}
.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink{color:#fff !important}
.ms-cui-tt-a > .ms-cui-tt-span{color:#fff !important}
.ms-cui-ribbonTopBars *{color:#ffffff !important;}
.ms-welcome-root:hover .ms-welcome-hover a {color:#666 !important;}
.ms-welcome-root:hover a {color:#666 !important;}*/
/*** New CSS Starts 4-6-2015 ***/
.ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item { padding:8px 13px 10px 13px; line-height:13px }
.masthead.ms-dialogHidden .navbar { min-height:41px }
.masthead.ms-dialogHidden ul.dynamic .ms-core-listMenu-item { font-size:13px; padding: 6px 0; }
/*** New CSS Ends 4-6-2015 ***/
/*** New CSS Starts 9-6-2015 ***/
.custom_image_gallery { background-color: #009AC3; padding: 18px 5px; }
.custom_image_gallery .thumbnail { background:none; border:none }
.custom_image_gallery a.thumbnail:hover, .custom_image_gallery a.thumbnail:focus { text-decoration:none }
.custom_image_gallery .thumb_label { color:#fff }
#s4-bodyContainer { padding:0 }
div.article, div.welcome { padding:0 20px }
/*** New CSS Ends 9-6-2015 ***/
/*** New CSS Ends 10-6-2015 ***/
.ms-navedit-editLinksText { display: none!important; }
.masthead .navbar { z-index: 999; }
.masthead #zz12_RootAspMenu > li.static:first-child { margin-left:15px }
/*** New CSS Ends 10-6-2015 ***/
/*** New CSS Starts 17-6-2015 ***/
section.main > row { margin:0 }
.ul.dynamic { z-index: 999; }
/*** New CSS Ends 17-6-2015 ***/
/*** New CSS Ends 25-6-2015 ***/
.ms-fullscreenmode .left-navbar { display: none; }
.ms-fullscreenmode .masthead{display: none}
/*** New CSS Ends 25-6-2015 ***/
/*** New CSS Ends 26-6-2015 ***/
.ms-core-form.ms-aclinv-dialog .ms-core-form-subsection > .ms-table.ms-fullWidth{display: inline-table;}
/*** New CSS Ends 26-6-2015 ***/
/*** Add CSS For Fixing Bugs ***/
#searchIcon a.ms-siteicon-a img.ms-siteicon-img{
display:inline-block !important;
}
/*Start 18-08-2015 Custom */
.ms-wpContentDivSpace { padding:5px 25px 15px;}
.ms-vb-menuPadding a.ms-listlink {-webkit-transition: background-color 0.3s ease-out, color 0.3s ease; -moz-transition: background-color 0.3s ease-out, color 0.3s ease; -ms-transition: background-color 0.3s ease-out, color 0.3s ease; -o-transition: background-color 0.3s ease-out, color 0.3s ease; transition: background-color 0.3s ease-out, color 0.3s ease; }
table.ms-listviewtable td div.ms-vb-menuPadding { border-bottom:1px solid #e2e2e2; color:#4d4d4d; padding:0 0 12px; }
/*table.ms-listviewtable td.ms-cellStyleNonEditable { display:none;}*/
.ms-webpart-zone .ms-webpart-titleText {background-color: #319b42;color:#FFF;font-size: 1.46em;font-weight:bold;height: 34px;padding: 10px 25px 35px !important;}
.ms-webpart-zone .ms-webpart-titleText a {color:#FFF !important;}
.ms-webpart-menuLink { padding:0; margin:-5px 0 0 0;}
.ms-inlineSearch-searchImgSpanBase {margin: -4px 0 0 -2px;}
table td.ms-list-addnew { display:none; }
.ms-searchCenter .ms-searchCenter-main .ms-srch-sbLarge { width:490px;}
/*End */
/* Start Navigation from Mahesh */
.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li> ul > li:first-child { display:block; float:left; }
.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li> ul > li:first-child:hover { display:block; float:none; }
.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li> ul > li { float:none !important; display:none; clear:both; }
.ms-core-listMenu-root .dynamic-children > ul.dynamic { margin:-30px 0 0 215px; background:#003763;}
.ms-core-listMenu-root .dynamic-children > ul.dynamic > li > a { color:#FFF !important;}
.ms-core-listMenu-root .dynamic-children > ul.dynamic > li > ul { background:#003763;}
.ms-core-listMenu-root .dynamic-children > ul.dynamic > li > ul { margin:0; }
.ms-core-listMenu-horizontalBox li.static:first-child > .ms-core-listMenu-item.static { color:#FFF !important; background:#004c97 !important; text-transform:uppercase; text-align:center; padding:13px 9px; width:auto; border-right:1px solid #003763;}
.ms-core-listMenu-horizontalBox li.static:first-child > .ms-core-listMenu-item.static:hover { color:#FFF !important; background:#003763 !important; text-transform:uppercase; padding:13px 9px; width:auto}
.ms-core-listMenu-horizontalBox li.staticHelpTxt > .ms-core-listMenu-item.static { color:#FFF !important; background:#004c97 !important; text-transform:uppercase; text-align:center; padding:13px 9px; width:auto; margin-left:198px;}
.ms-core-listMenu-horizontalBox li.staticHelpTxt > .ms-core-listMenu-item.static:hover { color:#FFF !important; background:#003763 !important; text-transform:uppercase; padding:13px 9px; width:auto; margin-left:198px;}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { width:215px; background:#FFF;}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover { width:215px; background:#004c97;}
.ms-vb-title {padding-right:0;}
.masthead.ms-dialogHidden .main-navigation {
background-color: #004c97 !important;
display: block !important;
float: none !important;
max-height: 41px;
min-height: 41px;
width: 100%;
}
.top-navigation #DeltaTopNavigation .root > li > a.ms-core-listMenu-item.static {
float:left;
background-color: #004c97 !important;
}
.top-navigation .root > li > ul {
display: inline-block !important;
;
}
.top-navigation .root > li > ul > li:first-child {
background:#004c97 !important;
/*border-right:1px solid #003763;
border-left:1px solid #003763;*/
height:41px;
}
.top-navigation .root > li > ul > li {
background-color: #ffffff !important;
color: #004c97 !important;
}
.top-navigation .root > li > ul > li > a.ms-core-listMenu-item.static{
color:#004c97 !important;
text-transform: capitalize;
/*background-color: #004c97 !important;*/
}
.top-navigation .root > li > ul > li > a.ms-core-listMenu-item.static:hover{
color:#FFF !important;
text-transform: capitalize;
/*background-color: #004c97 !important;*/
}
.top-navigation .ms-core-listMenu-horizontalBox > ul.root > li > ul > li:first-child.static span.ms-navedit-flyoutArrow {
background: url('/Style%20Library/Images/nav_arrow_white.png') no-repeat right;
padding-right:15px;
}
.ms-core-listMenu-horizontalBox > ul > li:first-child {
border-right:1px solid #003763;
}
.ms-core-listMenu-horizontalBox > ul > li:first-child.static > a.ms-core-listMenu-item {
width:auto;
}
.ms-core-listMenu-horizontalBox > ul > li > ul.static > li.dynamic-children.hover > a.ms-core-listMenu-item {
background-color:#004c97;
color:#FFF !important;
}
.ms-core-listMenu-horizontalBox li.static:first-child > span { color:#FFF !important; }
.ms-core-listMenu-horizontalBox li.static > span { color:#004c97 !important; cursor:pointer; }
.ms-core-listMenu-horizontalBox li.static > span:hover { color:#FFF !important; cursor:pointer; }
.HelpTxt {
}
/* End Navigation from Mahesh */
/* Start Mobile CSS from Mahesh */
@media only screen and (max-width: 480px) {
.ms-core-listMenu-horizontalBox li.static:first-child > .ms-core-listMenu-item.static { color:#FFF !important; background:#004c97 !important; text-transform:uppercase; text-align:left; padding:13px 9px; width:auto;}
.ms-core-listMenu-horizontalBox li.static:first-child > .ms-core-listMenu-item.static:hover { color:#FFF !important; background:#003763 !important; text-transform:uppercase; padding:13px 9px; width:auto}
.ms-core-listMenu-horizontalBox li.staticHelpTxt > .ms-core-listMenu-item.static { color:#FFF !important; background:#004c97 !important; text-transform:uppercase; text-align:left; padding:13px 9px; width:auto; margin-left:0;}
.ms-core-listMenu-horizontalBox li.staticHelpTxt > .ms-core-listMenu-item.static:hover { color:#FFF !important; background:#003763 !important; text-transform:uppercase; padding:13px 9px; width:auto; margin-left:0; }
.masthead #zz12_RootAspMenu > li.static:first-child { margin-left:0; }
div.container-fluid .ms-core-navigation ul.ms-core-listMenu-root ul.static { background:#FFF;float:left; width:100%; }
.masthead.ms-dialogHidden .main-navigation {max-height: 50px; min-height: 41px;}
.top-navigation .root > li > ul {display: inline-block !important;;}
.ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li> ul > li { float:none !important; display:block !important; }
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { width:auto; background:#FFF;}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover { width:auto; background:#004c97;}
.ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item { padding:9px 0 9px 30px; line-height:13px }
.ms-core-listMenu-root .dynamic-children > ul.dynamic { margin:0; padding-left: 15px !important;}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background { /*background-image:url("/_layouts/15/images/menu-down.gif?rev=23");*/background-image: url('/Style%20Library/Images/nav_arrow.png'); }
.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {background-image: url('/Style%20Library/Images/nav_arrow.png');}
.ms-core-listMenu-horizontalBox > ul > li:first-child { border-right:0px;}
.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul > li.dynamic .dynamic-children.additional-background {background-image: url('/Style%20Library/Images/nav_arrow_white.png');}
}
/*End 18-08-2015 Custom */