﻿/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 25.01.2010
*********************************************
* (X)HTML-scheme:
*  <div id="menu">
*      <ul class="menu">
*          <li><a href="#" class="parent"><span>level 1</span></a>
*              <div><ul>
*                  <li><a href="#" class="parent"><span>level 2</span></a>
*                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
*                  </li>
*              </ul></div>
*          </li>
*          <li class="last"><a href="#"><span>level 1</span></a></li>
*      </ul>
*  </div>
*********************************************
*/
.menu_main_bg{
background:url(/SiteCollectionImages/AUBMCWEB/menu_bg.png);
background-repeat:no-repeat;
background-position: -16px;
width:800px;	
}
.menu_main_bg_c{
background:url(/SiteCollectionImages/AUBMCWEB/menu_bg_c.png);
background-repeat:no-repeat;
    background-position: -16px;
width:800px;	
}



/* override 2016 styles */
.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
    display: inline-block;
    height:20px;
}
.ms-core-listMenu-horizontalBox li.hover
{
	background-color:#3c8cc8;
	color:#FFFFFF;
}
.ms-core-listMenu-horizontalBox {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    height:43px;
    position:relative;
	z-index:100;
	/*padding-left: 16px;*/ 
}
.ms-core-listMenu-horizontalBox ul{
    color: #FFFFFF;
    padding-left:25px!important;
    }
.ms-core-listMenu-horizontalBox li
{   
	white-space: nowrap!important;
    background-image: url(/SiteCollectionImages/AUBMCWEB/seperation.png)!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
    padding-right: 7px!important;
    height:43px;
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background
{
	padding-right: 0px;
	background-image:none!important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    font-size: 19px;
}
.static > .additional-background
{
	padding-right: 15px;
	background-image:none!important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    font-size: 19px;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin-right: 0px!important;
    margin-left: 15px!important;
    margin-top:10px;
    border: 1px solid transparent;
    color: #FFFFFF!important;
}
#s4-workspace ul.dynamic {
	background: url(/SiteCollectionImages/AUBMCWEB/menu_arrow_down_jh.png)!important;
	background-repeat:repeat-x!important;
	background-position:left 0px!important;
	background-color:transparent!important;/*#FFFFFF!important;*/
	border:none!important;/*1px solid #edebea!important;*/
	border-top:none!important;
	list-style:none!important;
	position:absolute!important;
	left:-999em;
	margin:0!important;
	z-index:1100!important;
	width:260px!important;
	min-width:150px!important;
	height:100%!important;
	min-height:250px!important;
	display:block!important;
	padding: 11px 0px 10px -0px!important;
    margin-block-end: 1em!important;
    margin-inline-start: -20px!important;
    margin-inline-end: 0px!important;
    padding-inline-start: 0px!important;
    box-shadow: none!important;
    margin-top:3px!important;
    
}
li.dynamic
{
	height:20px!important;
	border-bottom: 1px solid #d9dbdc!important;
	background:#FFFFFF!important;
	float:none!important;
	white-space:nowrap!important;
	display:list-item!important;
	min-width:250px;
	padding-left:5px!important;
}
a.dynamic{
    color: #231f20!important;
    line-height: 20px!important;
    padding: 0px 4px 0px 4px!important;
    min-width: 150px!important;
    position: static!important;
    white-space: normal!important;
    text-align: left!important;
    padding: 0!important;
    text-transform: none!important;
    width: 100%!important;
    background:none #FFFFFF!important;
    font-size: 0.97em!important;
}
a.dynamic:hover{
background:none #FFFFFF!important;
color:#797dab!important;
}


/* menu::base */
.menu {
position:relative;
z-index:100;
height:43px;
padding-left: 16px; 			/* Changed 20121015 HZ */
}
.menu .menu {
position:absolute;
}
.menu * {
list-style:none;
border:0;
padding:0;
margin:0;
}
.menu a {
display:block;
/*padding:12px 30px 8px 30px;       /*Changed 20121107 HZ*/
padding:12px 20px 8px 30px; /*Changed 20130821 JH*/
white-space:nowrap;
}
.menu li {
float:left;
}
.menu li li {
float:none;
}
.menu div {
visibility:hidden;
position:absolute;
background-color:#ffffff;
}
.menu div div {
margin:-35px 0 0 -1px;
left:100%;

}
.menu div div div {
margin:-35px 0 0 -1px;
left:100%;
}
.menu li:hover>div { 
visibility:visible; 
}

/* menu::special styles */
/* menu::level 1 */
.menu a {
text-decoration:none;
color:#ffffff;/*1*/
position:relative;
z-index:77;
}
.menu a:hover {
background-color:#3c8cc8;
color:#ffffff;
}
.menu a:hover span { 
color:#ffffff; 
}
.menu li.current a {
/*background-color:#3c8cc8;*/
color:#ffffff;
}
.menu li.current span {
color:#ffffff;
}
#s4-workspace.menu>ul>li:hover>a {
background-color:#3c8cc8;
color:#ffffff;
}
.menu>ul>li:hover>a span { 
color:#ffffff; 
}
.menu span {
font-family:AUBMCfontSBold;  		 /* Changed to apply font to menu 20121025 HZ*/
font-size:19px;						/*Changed 20121107 HZ*/
text-decoration:none;
color:#ffffff;
}
.menu li { 
/*background: url(/SiteCollectionImages/AUBMCWEB/seperation.png) left top no-repeat;*/
}
/* menu::level >= 2 */
.menu ul ul {
/*width: 141px;*/
padding:11px 0px 10px 0px;      	 /*Changed 20121012 HZ*/  /*Changed 20130326 JH to fix arrow*/
/*background:url(/SiteCollectionImages/AUBMCWEB/menu_arrow_down.gif);*/
background:url(/SiteCollectionImages/AUBMCWEB/menu_arrow_down_jh.png);
/*background-repeat:no-repeat;*/
background-repeat:repeat-x;
/*background-position:center 0px;*/
background-position:left 0px;
background-color:#ffffff;
border:1px solid #edebea;
border-top:none;
}
.menu li li{
background:#ffffff;
border-bottom:1px solid #d9dbdc;
}
.menu li li a {
position:static;
background:#ffffff;
white-space:normal;
text-align: left;
color:#231f20;
padding:0;
text-transform:none;
width: 100%;
}
.menu li.current li a {
background: none;
color:#231f20;
}
.menu li.current li span {
color:#231f20;
}
.menu li li a:hover {
	
}
.menu li li a span { 
color:#231f20; 
line-height: 20px; 
padding: 0px 4px 0px 4px;		 /*Changed 20121012 HZ*/
}
.menu li li a:hover span { 
color:#797dab;
background-color:#ffffff;
}
.menu li li a.parent span{
/* background arrow for second level */	
/*background:transparent url(/SiteCollectionImages/AUBMCWEB/arrow.gif) no-repeat scroll right 50%; z-index:10;*/
}

.menu li li span {
display:block;
text-transform:none;
padding:0px 0px 0px 0px;
font-size:12px;
letter-spacing: 0;
/*mg33#commented out*/
/*background:url(/SiteCollectionImages/AUBMCWEB/arrow_blue.png);*/
background-repeat:no-repeat;
background-position:right 9px;
background-color:#ffffff;
}
.inside_last{
border:none !important;
}
.menu_1_width{
width:122px;
}
.menu_2_width{
width:145px;
}
.menu_3_width{
width:122px;
}
.menu_4_width{
width:127px;
}
@font-face{  /*Added to appply font 20121025 HZ*/
font-family:'AUBMCfontSBold';
src: url('/Style Library/Fonts/solomon-bold-webfont.eot'); /* IE9 Compat Modes */   
src: url('/Style Library/Fonts/solomon-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('/Style Library/Fonts/solomon-bold-webfont.woff') format('woff'), /* Modern Browsers */
     url('/Style Library/Fonts/solomon-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
     url('/Style Library/Fonts/solomon-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}