/* FROM THIS POINT ON IS THE MEGA MENU. WHEN THE ABOVE IS SORTED, PUT IT IN THE MAIN SASS FILE AND KEEP THE BELOW WHERE IT IS */
/********************************************************************************************** *****/
/* Chris Beard 07.12.2010 Version 1.1 */
/* MAIN MENU BROWSER HACKS */
/*
.mmclear {
        display:none !important;
}
*/
.topNav {
    /*IE 7 fix */
    /**position:relative;
*left:176px !important;*/
    /* end IE 7 fix */
    /* IE 8 fix */
    /*position:relative\0/;
/* left: 174px\0/ !important; REMOVING FOR NEW BLUE GOLIVE SITE 2015 */
    /* padding-left: 18px\0/ !important;*/
    /* End IE 8 fix */

    position: relative;
    left: 169px;
}
/* End cb browser hacks */
/* fix for MegaMenu. This fixes those browsers that don't fully support child selectors */
.topNav .currentbranch0 a {
    color: white!important;
}
/* end fix */
/* Fix acccessibility headers as h3 is misleading Nov 2013*/
#navigation .mmhead {
    background: none !important;
    font-size: 14px;
    padding-left: 10px;
    text-decoration: underline;
    color: white !important;
    line-height: 16px !important;
}
div#navigation ul.topNav li div.ddCol ul li .mmhead:hover {
    color: #CCCCCC !important;
}
/*End Accessibility fix*/
/* MAIN OVER ARCHING RULES */
#navigation li {
    position: relative !important;
}
.ddContainer {
    position: absolute;
    top: 40px;
    /*left: -10000px; */
    /* z-index: 2147483646; overkill for new site perhaps */

    z-index: 970;
    /* background: url(/media/keeleuniversity/styleassets/megamenu/tn_menu-background.png) 0 0px no-repeat; */

    background: none repeat scroll 0 0 black;
    padding: 0px 0 0;
    /* line-height: 24px; */
    /* width: 546px; */
    /*height:226px; */

    height: auto;
    border: 1px solid #999;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -opera-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    /*behavior: url(http://www.keele.ac.uk/jq/PIE/PIE.htc); */
}
#navigation li:hover .ddContainer {
    display: block;
    /* left: -200px; DO THIS FOR EACH SEPARATE CLASS */
}
/* FIX FOR IE 7 */
#navigation .topNav > li {
    z-index: 2147483646;
}
/*Style for pull down columns */
#navigation .topNav .ddContainer .ddCol > ul > li {
    display: block !important;
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsGreen.gif") no-repeat scroll 0.2em 0.9em transparent;
    float: none;
    clear: both;
    /* padding-left:10px; */

    line-height: 24px;
}
/* START Faculty Mega Bullets */
.facHealth #navigation .topNav .ddContainer .ddCol > ul > li > a {
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsBlue.gif") no-repeat scroll 0.2em 0.9em transparent;
}
.schPharmacy #navigation .topNav .ddContainer .ddCol > ul > li > a {
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsGreen.gif") no-repeat scroll 0.2em 0.9em transparent;
}
.schNursingMidwifery #navigation .topNav .ddContainer .ddCol > ul > li > a {
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsGreen.gif") no-repeat scroll 0.2em 0.9em transparent;
}
.facNatSci #navigation .topNav .ddContainer .ddCol > ul > li > a {
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsPurple.gif") no-repeat scroll 0.2em 0.9em transparent;
}
/* END Faculty Mega Bullets */
/*#navigation .topNav .ddContainer .ddCol > ul > li.subtitle { */
#navigation .topNav .ddContainer .ddCol h3,
#navigation .topNav .ddContainer .ddCol h3 > a {
    background-attachment: scroll;
    /*background-color:grey;*/

    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: block !important;
    padding-bottom: 2px;
    padding-left: 5px;
    clear: both;
    color: white;
    /*border-radius: 5px;*/
    /*-webkit-border-radius:5px;*/
    /*-moz-background-size:auto auto;*/
    /*-moz-border-radius:5px 5px 5px 5px;*/
}
#navigation .topNav .ddContainer .ddCol h3 > a {
    text-decoration: underline;
}
#navigation .topNav .ddContainer .ddCol h3 > a:hover {
    color: #CCCCCC;
}
#navigation .topNav .ddContainer .ddCol h3 {
    font-size: 1.3em;
    /* margin-bottom:10px; */
}
#navigation .topNav .ddContainer .ddCol {
    color: white;
    float: left;
    padding: 5px;
    width: 175px;
    /* border-right:1px solid #646262; */
}
.ddHeading {
    color: white !important;
    border-bottom: 1px solid #DDDDDD;
    height: 25px;
    padding: 0px 10px 0px 10px;
    font-size: 1.4em;
    font-weight: bold;
}
.ddFooter {
    color: white;
    float: right;
    padding-right: 15px;
}
#navigation .topNav .ddContainer .ddCol > ul > li > a {
    clear: both;
    color: #FFFFFF;
    display: inline !important;
    margin: 0;
    padding: 5px 0px 5px 1em;
    background: url("/media/keeleuniversity/styleassets/images/bulletDotsGreen.gif") no-repeat scroll 0.2em 0.9em transparent;
    font-weight: normal;
    float: left;
    clear: both;
    line-height: 16px;
    width: 90%;
}
#navigation .topNav .ddContainer .ddCol > ul > li > a:hover {
    background-color: #FFFFFF;
    color: #000000;
}
#navigation .topNav .ddContainer .ddCol > ul {
    display: inline-block;
    width: 100%;
}
/* STYLES FOR ID's */
#navigation .topNav .aboutus {
    left: -10000px;
    width: 185px;
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation .topNav li:hover .ddContainer.aboutus {
    left: 0px;
}
/********************************************************************************/
#navigation .topNav .studyatkeele {
    left: -10000px;
    width: 950px;
    /*  new version ready for new site and new mega menu  */
    /*  width: 370px; */
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation li:hover .ddContainer.studyatkeele {
    left: -129px;
    /* new version ready for new site and new mega menu  */
    /* left: 0px; */
}
/* MODERNIZR TARGETED to fix dropdowns when using progressive flexbox */
.flexbox #navigation li:hover .ddContainer.studyatkeele {
    left: -200px;
    /* new version ready for new site and new mega menu  */
}
/********************************************************************************/
#navigation .topNav .faculties {
    left: -10000px;
    width: 559px;
    /* 175 px per column with 10px addition per column */

    background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");
}
#navigation li:hover .ddContainer.faculties {
    left: -150px;
}
/********************************************************************************/
#navigation .topNav .research {
    left: -10000px;
    width: 370px;
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation li:hover .ddContainer.research {
    left: -140px;
}
/********************************************************************************/
#navigation .topNav .busent {
    left: -10000px;
    width: 185px;
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation li:hover .ddContainer.busent {
    left: -16px;
}
/********************************************************************************/
#navigation .topNav .newsevents {
    left: -10000px;
    width: 185px;
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation li:hover .ddContainer.newsevents {
    left: -62px;
}
/* MODERNIZR TARGETED to fix dropdowns when using progressive flexbox */
.flexbox #navigation li:hover .ddContainer.newsevents {
    left: 0px;
    /* new version ready for new site and new mega menu  */
}
/********************************************************************************/
#navigation .topNav .alumni {
    left: -10000px;
    width: 370px;
    /* 175 px per column with 10px addition per column */

    /*background-image: url("/jq/cb_mm/img/cb_mm_borderleft.png");*/
}
#navigation li:hover .ddContainer.alumni {
    /* left:-102px; */

    left: -287px;
}
/********************************************************************************/
/* Highlights heading when sub links hovered. See Javascript file for class triggers */
#navigation li.topNav-active > a {
    background-color: #e0e0e0 !important;
    color: black !important;
    /* transition: all .5s; */
}
#navigation > ul > li > a {
    transition: all .4s;
}
#navigation > ul > li > a:hover {
    background-color: #e0e0e0 !important;
    color: black !important;
}
/* end heading highlights*/