﻿#upperbar 
{
    background: #AD0000;
    border-bottom: 1px solid #fff;
    min-height: 5px;
}

header .account
{
    margin: 0;
}

header .account > li a,
#nav-drawer-home-link
{
    font-size:10px;
    padding-top: 3px;
    padding-bottom: 3px;
    letter-spacing:0.02em;
    color: white;
    text-transform:uppercase;
    border-radius: 0;
    margin: 0;
}

header .account > li > a > i 
{
    vertical-align: top;
}

#lowerbar .account 
{
    margin-top: 4px;
}

#lowerbar .account > li a 
{
    color: #666;
}


header .account > li > a 
{
    opacity: .7;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

header .account > li > a:hover,
header .account > li.open > a
{
    opacity: 1;
}

#nav-drawer-home-link,
#nav-drawer-home-link:hover,
#nav-drawer-home-link:active,
#nav-drawer-home-link:visited
{
    font-size: 12px;
    color: #555;
    text-shadow: 0 1px 0 #bbb;
    text-decoration: none;
}

#upperbar .account > li a:hover,
#upperbar .account > li a:active,
#upperbar .account > li a.dropdown-toggle
{
    background-color: transparent;
}
#lowerbar .account ul > li a:hover,
#lowerbar .account ul > li a:active,
#lowerbar .account ul > li a.dropdown-toggle
{
    background-color: #ccc;
}


#upperbar .account > li a .caret 
{
    border-top-color:#fff !important;
}

#lowerbar .account > li a .caret 
{
    border-top-color:#666 !important;
}

#upperbar .dropdown-menu 
{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#f6f6f6));
    background-image: -moz-linear-gradient(19% 75% 90deg, #f6f6f6, #ffffff);
}

#upperbar .dropdown-menu li a
{
    color: #AD0000;
    padding-top: 2px;
    padding-bottom:2px
}

#upperbar .dropdown-menu li a:hover,
#upperbar .dropdown-menu .active > a,
#upperbar .dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #AD0000;
    text-shadow: 0 1px 0 #8A0000;
}

#upperbar .dropdown-menu .divider 
{
    margin: 4px 1px;
}

header.uofl form.search
{
    margin: 18px 0 19px;
}


header.uofl input.search 
{
    margin-bottom: 0px;
}

header.uofl form.search label {
    position: absolute;
    top: -500px;
}

#drawer-toggle 
{
    margin: 16px 0;
    padding-top:10px;
    padding-bottom: 10px;
} 

#drawer-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #999;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
#drawer-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
}

#logo img 
{
    margin: 17px 0;
    opacity:1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    height: 30px;
}
#logo img:hover {
}
#tertiary-menu 
{
    text-transform: uppercase;
    font-size:11px;
    margin:14px 10px 0 0;
}

#tertiary-menu > ul 
{
    margin: 0;
}

#tertiary-menu .caret {
border-top-color:#999;
}
#tertiary-menu .open .dropdown-toggle .caret{
display: none;
}
#tertiary-menu .nav > li > a {
float: none;
padding: 10px 10px;
line-height: 19px;
color: #999999;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
margin: 0;
}

#tertiary-menu .nav > li > a.dropdown-toggle 
{
    background: transparent;
}

#tertiary-menu .nav > li > a:hover,
#tertiary-menu .nav > li.open > a {
    background-color: transparent;
    color: #ad0000;
    text-decoration: none;
}
#tertiary-menu .nav .active > a,
#tertiary-menu .nav .active > a:hover {
color: #ffffff;
text-decoration: none;
background-color: #222222;
background-color: rgba(0, 0, 0, 0.5);
}
#tertiary-menu .divider-vertical {
height: 44px;
width: 1px;
margin: 0;
overflow: hidden;
background-color: #dfdfdf;
border-right: 1px solid #f6f6f6;
}
#tertiary-menu .caret {
display: block;
margin:0 auto;
}
#tertiary-menu .dropdown-menu .divider {
height: 1px;
margin: 5px 1px;
overflow: hidden;
border-bottom: 1px solid #ffffff;
*width: 100%;
*margin: -5px 0 5px;
}
#tertiary-menu .dropdown-menu a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
text-transform: none;
text-shadow: 0 1px 0 #FFFFFF;
}
#tertiary-menu .dropdown-menu li > a:hover,
#tertiary-menu .dropdown-menu .active > a,
#tertiary-menu .dropdown-menu .active > a:hover {
color: #ad0000;
text-decoration: none;
background-color: #FFF;
}
#tertiary-menu .dropdown-menu {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#f6f6f6));
background-image: -moz-linear-gradient(19% 75% 90deg, #f6f6f6, #ffffff);
}

header a i.icon-white {
margin-right: 5px;
}
#mobile-toggle a.btn-navbar {
margin-bottom: 5px;
}

#drawer 
{
    background: #D8D8D8;
}

#drawer table 
{
    width: 100%;
    margin-bottom: 1px;
}

#drawer table td 
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 50%;
    text-align:center;
    vertical-align:middle;
}

#drawer table td:first-child 
{
    border-right: 1px solid #eee;
}

/* End UofL Header 1 */

@media (max-width: 980px) 
{
    #upperbar 
    {
        height: 3px;
    }
    
    .header-search .search
    {
        width: 50%;
    }
    
    #lowerbar 
    {
        padding: 0 1em;
    }
}

#tertiary-menu .dropdown-menu:before,
#upperbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
#tertiary-menu .dropdown-menu:after,
#upperbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}

#tertiary-menu.nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
#tertiary-menu.nav .open > .dropdown-toggle,
#tertiary-menu.nav .active > .dropdown-toggle,
#tertiary-menu.nav .open.active > .dropdown-toggle {
  background-color: transparent;
}
#tertiary-menu.nav .active > .dropdown-toggle:hover {
  color: #ffffff;
}
#tertiary-menu.nav.pull-right .dropdown-menu,
#tertiary-menu.nav .dropdown-menu.pull-right,
#upperbar .dropdown-menu {
  left: auto;
  right: 0;
}
#tertiary-menu.nav.pull-right .dropdown-menu:before,
#tertiary-menu.nav .dropdown-menu.pull-right:before,
#upperbar .dropdown-menu:before {
  left: auto;
  right: 12px;
}
#tertiary-menu.nav.pull-right .dropdown-menu:after,
#tertiary-menu.nav .dropdown-menu.pull-right:after,
#upperbar .dropdown-menu:after {
  left: auto;
  right: 13px;
}

/* ------------------- Specific styles ----------------- */

header.account-lower #upperbar ul.account,
header.account-none #upperbar ul.account
{
    display: none;
}

header.account-lower form.search 
{
    margin: 6px 0 28px;
}
header.account-lower #logo img 
{
    margin: 4px 0 26px;
}
header.account-lower #tertiary-menu 
{
    margin: 0 10px 0 0;
}


header.account-upper #lowerbar ul.account,
header.account-none #lowerbar ul.account
{
    display: none;
}

header.upper-dark #upperbar 
{
    background-color: #750000;
    border-bottom: 1px solid #ad0000;
    min-height: 4px;
}

header.lower-grey #lowerbar 
{
    background-color:#f3f3f3;
}

header.lower-border #lowerbar 
{
    border-bottom:1px solid #dbdbdb;
}

header.lower-white #lowerbar 
{
    background-image: url('../img/header-gradient.png');
    background-repeat: repeat-x;
    background-position: left top;
}