@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/
a img{border:none;}

.PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
.PageTitleHeader {font-size:24px;line-height:24px;}
.PageSubTitleHeader {font-size:20px; line-height:24px;}
#PageTitle, .PageTitleHeader { display:none;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#444444!important;}
.expand img {background-color: #444444!important;}
.expand {background-color: #444444!important;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/

/* LEFT COLUMN
---------------------------------------------*/

/* BODY ELEMENTS
---------------------------------------------*/
#ContentMemberTools {display:none;}

.formBreadCrumbs {font: 11px/13px "Trebuchet MS","Lucida Grande",Verdana,sans-serif; letter-spacing: 0.05em; text-transform: uppercase;}
.formBreadCrumbs .idbmsBreadcrumbActive {font-size:11px;}

#ContentMiddle table.idbmsOuterTable_User td {padding:0;}
#ContentMiddle table.idbmsOuterTable_User td table td {padding: 8px 12px;}
#ContentMiddle table.idbmsOuterTable_User td table td.idbmsInstanceFullRow {padding-left:0;}
#ContentMiddle td.idbmsInstanceColumnInput td {border:none;}

#ContentMiddle .login-password-box {float:none;}

/* RIGHT COLUMN
---------------------------------------------*/

/* Footer Elements 
---------------------------------------------*/

/* Overwrite 12/28/11 
---------------------------------------------*/
.overview nav ul li a em {
    color: #631131!important;
}
.page-content .sidebar .submenu a:hover, .page-content .sidebar .submenu li.current_page_item a, .page-content .sidebar .submenu li.current_page_item li a:hover {
    color: #631131!important;
}
.overview nav ul li a:hover strong {border-color:#631131!important;}
.overview header.main h1 {bottom:-7px!important;}

/* overwrites for JGBCC */
.overview nav ul li.nav-1 a {width:165px;margin-left:4px;background:transparent url(images/jgbcc/ico-hospital-circle-red-35.png) no-repeat 0 0!important;}
.overview nav ul li.nav-2 a {width:160px;margin-left:32px;background:transparent url(images/jgbcc/ico-pf-circle-red-35.png) no-repeat 0 0!important;}
.overview nav ul li.nav-3 a {width:172px;margin-left:32px;background:transparent url(images/jgbcc/ico-programs-circle-red-35.png) no-repeat 0 0!important;}
.overview nav ul li.nav-4 a {width:190px;margin-left:32px;background:transparent url(images/jgbcc/ico-pros-circle-red-35.png) no-repeat 0 0!important;}

/* new header styling */
iframe#searchFrame{border:none; background:none;}
body.gt16{background:#fff;}
.container:before, .container:after {display: table; line-height: 0; content: "";}
.container:after {clear: both;}
.nav {margin-bottom: 20px; margin-left: 0; list-style: none;}
.nav > li > a {display: block;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: #eeeeee;}
.nav > li > a > img {max-width: none;}
.nav > .pull-right {float: right;}
.nav-header {display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; 
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase;}
.nav li + .nav-header {margin-top: 9px;}
.nav-tabs, .nav-pills {zoom: 1;}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {display: table; line-height: 0; content: "";}
.nav-tabs:after, .nav-pills:after {clear: both;}
.nav-tabs > li, .nav-pills > li {float: left;}
.nav-tabs > li > a, .nav-pills > li > a {padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px;}
.nav-pills > li > a {padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; border-radius: 5px;}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {color: #ffffff; background-color: #0088cc;}
.nav-pills.nav-stacked > li > a {margin-bottom: 3px;}
.nav-pills.nav-stacked > li:last-child > a {margin-bottom: 1px;}
.nav-pills .dropdown-menu {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.nav .dropdown-toggle .caret {margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc;}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {border-top-color: #005580; border-bottom-color: #005580;}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {margin-top: 8px;}
.nav .active .dropdown-toggle .caret {border-top-color: #fff; border-bottom-color: #fff;}
.nav-tabs .active .dropdown-toggle .caret {border-top-color: #555555; border-bottom-color: #555555;}
.nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus {cursor: pointer;}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
  color: #ffffff; background-color: #999999; border-color: #999999;}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100);}
.dropup, .dropdown {position: relative;}
.dropdown-toggle {margin-bottom: -3px;}
.dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}
.caret {display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent;
  border-left: 4px solid transparent; content: "";}
.dropdown .caret {margin-top: 8px; margin-left: 2px;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0;
  list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-right-width: 2px; border-bottom-width: 2px;
  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {width: 100%; height: 1px; margin: 9px 1px; margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  color: #ffffff; text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffffff; text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999;}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {text-decoration: none; cursor: default; background-color: transparent;
  background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.open {z-index: 1000;}
.open > .dropdown-menu {display: block;}
.dropdown-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990;}
.pull-right > .dropdown-menu {right: 0; left: auto;}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {border-top: 0; border-bottom: 4px solid #000000; content: "";}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 1px;}
.dropdown-submenu {position: relative;}
.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 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropup .dropdown-submenu > .dropdown-menu {top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0;}
.dropdown-submenu > a:after {display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent;
  border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " ";}
.dropdown-submenu:hover > a:after {border-left-color: #ffffff;}
.dropdown-submenu.pull-left {float: none;}
.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;}
.dropdown .dropdown-menu .nav-header {padding-right: 20px; padding-left: 20px;}

#upperbar { min-height: 4px; background: #AD0000; border-bottom: 1px solid #fff;}
.container {width: 990px; margin-left: auto; margin-right: auto;}
header .account {margin: 0;}
header .account li {float: left;}
.dropdown {position: relative;}
#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; text-decoration: none;}
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;
}

#upperbar:after {
    content: '';
    display: table;
    clear: both;
}

header.account-upper, #dept-banner {
    font-family: "proxima-nova","HelveticaNeue","Helvetica Neue",Helvetica, Arial,sans-serif;
}

i.icon-home.icon-white {}

#site-title a {
    color: #333333;
    text-decoration: none;
}

#site-title h2 {
    margin: 17px 0 35px 0;
    font-family: "proxima-nova-condensed","HelveticaNeueLTStd Cn","HelveticaNeue-Condensed","Arial Narrow",Arial,sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 30px;
    text-transform: none;
    letter-spacing: normal;
    color: #333;
}

/* MAIN TOP HORIZONTAL NAV - updated 3.31.16
---------------------------------------------*/
.desktopNav {float:left; width:100%; position:relative;z-index:999;}

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;}
.desktopNav ul li {float:left;padding:0;background:none!important;margin-right:30px;}
.desktopNav ul li a{display:block;text-decoration:none; padding:0;font-family: "proxima-nova","HelveticaNeue","Helvetica Neue",Helvetica, Arial,sans-serif;font-weight: normal;font-size:13px;}
.desktopNav ul li a i{margin-left:10px;color:#ad0000;}
.desktopNav ul#nav1 > li:first-child > a {padding-left:0;}

/* Top Level Group */
.desktopNav ul li {line-height:1.5em;font-weight:bold; text-transform:uppercase; position:relative;}
.desktopNav ul li a:hover,
.desktopNav ul li:hover > a {color:#ad0000;}

/* Second Level Groups */
.desktopNav li ul { position: absolute; left: 0;margin:0px; min-width:160px;background:#fff;border: 1px solid #ccc;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); float:none; width:25em;text-align:left;display:none;}
.desktopNav li li { width: 100%; border:none; margin: 0; padding:0px;background:none;line-height:normal;text-transform:none; font-size:1em;}
.desktopNav li li a {font-weight:normal;text-align:left;padding:0.25em 1em;border:none;color:#ad0000;font-size:13px;font-family: "proxima-nova","HelveticaNeue","Helvetica Neue",Helvetica, Arial,sans-serif;}
.desktopNav ul li:hover li a{}
.desktopNav ul li:hover li a:hover{color:#ffffff;background: #0088cc;}
.desktopNav li li:hover { }