/*This is the Default Top navigation style used on the _LayoutEmpty.vbhtml layout page*/
.navbar-inverse .brand,
.navbar-inverse .nav > li > a
{
    color:#BFE9FE;
    font-size: 16px;
    text-shadow:  none;
    padding: 27px 15px 10px;
}

.navbar-inverse .navbar-inner { 
    background-color: #128ECE;
    background-image: none;
    filter: none;
    border-color: #333;    
    
}

.navbar-inverse .nav > li > a { color: #BFE9FE; text-shadow:  none; }

.navbar-inverse .nav .active > a { 
    background: #FFF;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    color:  #333;
    font-family: "Droid Sans W01 Bold",sans-serif;

}

.navbar-fixed-top, .navbar-fixed-bottom {  }

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { 
    background: #117FB7;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #BFE9FE; border-bottom-color
: #BFE9FE; }

.navbar-inverse .nav .active>a, 
.navbar-inverse .nav .active>a:hover, 
.navbar-inverse .nav .active>a:focus {
    color: #333;
    background-color: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar .nav > li > a { padding-top: 26px; }

.navbar-inverse .brand { padding-right: 0px; }   

.navbar-fixed-top .navbar-inner { -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none;
 }

.nav-collapse ul ul { display: none; background: #128ECE; border-radius: 0; padding: 0; position: absolute
; top: 100%; }
.nav-collapse ul li:hover > ul { display: block; }
.nav-collapse ul { margin: 0; padding: 0; list-style: none; position: relative; display: inline-table
; font-size: 1.0em/1.625em; text-decoration: none; z-index: 999; font-family: "Droid Sans W02 Regular"
,sans-serif; }
.nav-collapse ul:after { content: ""; clear: both; display: block; }
.nav-collapse ul li { float: left; text-wrap: none; }
.nav-collapse ul li:hover { background: #128ECE; }
.nav-collapse ul li:hover a:hover { color: #FFFFFF; }
.nav-collapse ul li a { display: block; padding: 8px 20px; text-decoration: none; white-space: nowrap
; }
.nav-collapse ul ul li { float: none; position: relative; }
.nav-collapse ul ul li a { padding: 8px 20px; color: #BFE9FE; white-space: nowrap; }
.nav-collapse ul ul li a:hover { background: #117FB7; }
.nav-collapse ul ul ul { position: absolute; left: 100%; top: 0; }
.nav-collapse li ul li:hover > a:first-child { color: #FFFFFF; }

.nav-collapse li.active { background-color:  #117FB7; }
.nav-collapse li.active ul{ background: #117FB7; }
.nav-collapse li.active ul li:hover { background: #117FB7; }
.nav-collapse li.active ul li a { color: #BFE9FE; }
.nav-collapse li.active ul li a:hover { background: #126F9E; }

/* Add Back background color to active tab in user section*/
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover  {
    background-color: #FFFFFF;
}

.navbar-inverse .btn-navbar { background: #117FB7; }
.navbar-inverse .btn-navbar:hover, 
.navbar-inverse .btn-navbar:active, 
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled, 
.navbar-inverse .btn-navbar[disabled] {
    background-color: #117FB7;
}

a.maintabSelect,
a.maintabSelect:hover,
a.maintabSelect:focus {
    background: #FFF;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    color:  #333;
    font-family: "Droid Sans W01 Bold",sans-serif;
}

.navbar-inverse .nav .maintabSelect,
.navbar-inverse .nav .maintabSelect:hover,
.navbar-inverse .nav .maintabSelect:focus { 
    background: #FFF;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    color:  #333;
    font-family: "Droid Sans W01 Bold",sans-serif;
  
}


 ul.nav > li > .top-nav.active {
    background: #117FB7; 
    color: #FFFFFF; 
}


@media (max-width: 979px) {
    .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #BFE9FE;
    }
    .collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
        background-color: blue;
    }
    .navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover
 {
        background-color: blue;
    }
}