﻿

/*ul.siteNavMenu_submenu {
    left: 100%;
}*/


.CCPS_NavBar {
    border: 0;
}

    .CCPS_NavBar .navbar-nav:last-child {
        margin-right: 0;
    }

.CCPS_NavBar, 
#secNavigationMenu .dropdown .open {
    color: white;
    background: #006998; /* Old browsers */
    background: -moz-linear-gradient(top, #006998 0%, #2989d8 50%, #207cca 51%, #00b3f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #006998 0%,#2989d8 50%,#207cca 51%,#00b3f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #006998 0%,#2989d8 50%,#207cca 51%,#00b3f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006998', endColorstr='#00b3f0',GradientType=0 ); /* IE6-9 */
}

.mega .dropdown-menu {
    color: #333;
}



/*Navigation Menu*/
#secNavigationMenu .navbar-nav > li > a {
    color: white;
    /*border: ridge 1px rgba(0,105,152,.5);*/
    -o-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

    #secNavigationMenu .navbar-nav > li > a:hover {
        color: white;
        background: #bfd255; /* Old browsers */
        background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
    }

.CCPS_NavBarHover, 
.CCPS_NavBarActive, 
#secNavigationMenu .dropdown.open > a {
    color: white;
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

/*.navbar-nav a {

    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}*/

#secNavigationMenu .navbar-nav a:hover {
    /*background-color: #a6ce39;
        color: black;*/
    color: white;
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

#secNavigationMenu .navbar-default .navbar-brand {
    color: #FFF;
}

    #secNavigationMenu .navbar-default .navbar-brand:hover,
    #secNavigationMenu .navbar-default .navbar-brand:focus {
        color: #FFF;
        background-color: transparent;
    }

#secNavigationMenu .navbar-default .navbar-text {
    color: #FFF;
}


#secNavigationMenu .navbar-default .navbar-nav > li > a:hover,
#secNavigationMenu .navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: transparent;
}

#secNavigationMenu .navbar-default .navbar-nav > .active > a,
#secNavigationMenu .navbar-default .navbar-nav > .active > a:hover,
#secNavigationMenu .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}


.mega .nav,
.mega .collapse,
.mega .dropup,
.mega .dropdown {
    position: static;
}

.mega .container,
.mega .container-fluid {
    position: relative;
}

.mega .dropdown-menu {
    left: auto;
}

    .mega .dropdown-menu.mega-content {
        padding: 20px 30px;
        font-size: .9em;
    }

.mega .dropdown.mega-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.mega .dropdown.mega-sm .dropdown-menu {
}

.mega-content .col-divider {
    border-left: 1px solid #bbb;
}

/*.dropdown-menu .mega-content .header > a {
  margin-left: -10px;
}
.mega-content .header {
  font-variant: small-caps;
  text-transform: lowercase;
  padding-left: 10px;
  font-weight: bold;
}
.mega-content .header a {
  padding: 5px 10px;
}
.dropdown-menu .mega-content .header > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
  background: linear-gradient(to bottom, #207cca 0%,#00b3f0 100%); 
}
.mega-content ul {
  padding-left: 0;
}
.mega-content ul li {
  list-style: none;
  background: linear-gradient(to right, #FFF 0%,#f0f0f0 100%); 
}
.mega-content ul li a {
  display: block;
  padding: 5px 10px;
}
.dropdown-menu .mega-content ul li > a:hover {
  background-color: #eeeeee;
  text-decoration: none;
  background: linear-gradient(to bottom, #207cca 0%,#00b3f0 100%);
}*/

.mega-content a:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, #207cca 0%,#00b3f0 100%);
    border-radius: 1px;
}

.mega-content .header {
    font-size: 1.4em;
    margin-bottom: 3px;
}

    .mega-content .header a {
        padding: 3px 5px;
        margin-left: -3px;
    }


.mega-content .menu-group {
    margin-bottom: 1.3rem;
    border-radius: 2px;
    padding: 5px;
}

    .mega-content .menu-group .menu-group-header {
        font-variant: small-caps;
        text-transform: lowercase;
        font-size: 1.6rem;
        /*text-decoration: underline;*/
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
        line-height: 1em;
    }

    .mega-content .menu-group .menu-group-links {
        list-style: none;
        padding: 0;
    }

        .mega-content .menu-group .menu-group-links a {
            display: block;
            padding: 4px 5px 2px;
            border-bottom: 1px solid #eee;
        }



/*.navMenu_staticMenuStyle, navMenu_staticMenuStyle ul, navMenu_staticMenuStyle li {
    display: block;
    list-style-type: none;
    cursor: pointer;
    position: relative;
    text-wrap: none;
}

    .navMenu_staticMenuStyle a {
        display: block;
        position: relative;
    }

    .navMenu_staticMenuStyle li > ul {
        padding: 0;
        display: none;
        list-style-type: none;
        position: absolute;
        left: 100%;
        width: auto;
    }

    .navMenu_staticMenuStyle > li {
        min-width: 100px;
        text-align: center;
    }

        .navMenu_staticMenuStyle > li > ul {
            left: 0;
            width: auto;
            padding: 0;
        }*/


/*Navigation Menu Dropdown Styles*/

/*.sidebar-nav, .dropdown, .dropdown-menu, .sub-menu, .dropdown-menu li .sub-menu {
    -o-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}*/

#secNavigationMenu .navbar-nav > li > a, .navbar-brand {
    padding-top: 10px;
    padding-bottom: 0;
    height: 40px;
}

#secNavigationMenu .navbar-header {
    height: 40px;
}

#secNavigationMenu .navbar {
    min-height: 28px;
}

/*.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}*/

/*.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}*/

/*.dropdown:hover .dropdown-menu {
    display: block;
}*/

/*.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}*/

/*.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}*/

#secNavigationMenu .dropdown-submenu {
    position: relative;
}

    #secNavigationMenu .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

#secNavigationMenu .dropdown:hover > .dropdown-menu {
    display: block;
}

#secNavigationMenu .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#secNavigationMenu .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

#secNavigationMenu .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

#secNavigationMenu .dropdown-submenu.pull-left {
    float: none;
}

    #secNavigationMenu .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }
