.nav 
{
  position: absolute;
  height: 40px;
  z-index: 100;
  color: white;
  top:3px;
  left:260px;
  right:20px;
}

.nav ul
{
  margin: 0;
  padding: 4px 20px;
  height: 40px;
  list-style: none;
  position:absolute;
  left:0;
  right:0;
}

.nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: none;
}

.nav > ul > li 
{
    height:77px;
    overflow:hidden;
}

.nav > ul > li:hover
{
    height:auto;
    overflow:auto;
}
.nav > ul > li > a
{
    background:transparent url('images/menu_dashboard.png') no-repeat center top;
    padding-top:53px;
    height:25px;
    overflow:hidden;
    display:block;
    width:85px;
    font-size:0.8em;
}
.nav > ul:hover li 
{
    z-index:3;
}
.nav > ul:hover li.last 
{
    position:absolute;
    background:white;
    left:-260px;
    top:82px;
    right:0;
    height:35px;
    display:block !important; 
    z-index:2;
}
.nav li.dashboard > a { background-image:url('images/menu_dashboard.png'); }
.nav li.messages > a, .nav li.message-queues > a, .nav li.message-history > a { background-image:url('images/menu_messages.png'); }
.nav li.reports > a { background-image:url('images/menu_reports.png'); }
.nav li.rules > a, .nav li.rule-summary > a { background-image:url('images/menu_rules.png'); }
.nav li.policy-elements > a, .nav li.message-templates > a { background-image:url('images/menu_policy-elements.png'); }
.nav li.administration > a, .nav li.sqm-configuration > a, .nav li.configuration  > a { background-image:url('images/menu_administration.png'); }
.nav li.user-groups > a { background-image:url('images/menu_usergroups.png'); }
.nav li.support > a { background-image:url('images/menu_support.png'); }

.nav li.dashboard > a:hover { background-image:url('images/menu_dashboard_ovr.png'); }
.nav li.messages > a:hover, .nav li.message-queues > a:hover, .nav li.message-history > a:hover { background-image:url('images/menu_messages_ovr.png'); }
.nav li.reports > a:hover { background-image:url('images/menu_reports_ovr.png'); }
.nav li.rules > a:hover, .nav li.rule-summary > a:hover { background-image:url('images/menu_rules_ovr.png'); }
.nav li.policy-elements > a:hover, .nav li.message-templates > a:hover { background-image:url('images/menu_policy-elements_ovr.png'); }
.nav li.administration > a:hover, .nav li.sqm-configuration > a:hover, .nav li.configuration  > a:hover { background-image:url('images/menu_administration_ovr.png'); }
.nav li.user-groups > a:hover { background-image:url('images/menu_usergroups_ovr.png'); }
.nav li.support > a:hover { background-image:url('images/menu_support_ovr.png'); }

.nav ul li a, 
.nav ul li a:hover 
{
  text-decoration: none;
  line-height: 1em;  
  text-align:center;
}
.nav > ul > li:hover, .nav > ul > li.active
{
    background: transparent url('Images/menu-indicator.gif') no-repeat center 60px !important;
}
.nav > ul > li:hover > a span, .nav > ul > li.active > a span
{
    text-indent:-10000px;
    display:block;
}

.nav ul li a span 
{
  padding: 9px 0 0;
  height: 31px;
  cursor:pointer;
  color:White;  
}
.nav ul ul span 
{
    color:Black !important;
}

.nav-single {
  margin-left: 5px;
  cursor:pointer;
}


.nav ul
{
  position: relative;
}

.nav ul li:hover a, .nav ul li:hover a:hover ,
.nav ul li.active a, .nav ul li.active a:hover 
{
}

.nav ul li:hover a span,
.nav ul li:hover a:hover span 
{
}

.nav ul li div 
{
    display: none;
    z-index: 10000000;
  
    -webkit-box-shadow: 0px 5px 11px rgba(50, 50, 50, 0.59);
    -moz-box-shadow:    0px 5px 11px rgba(50, 50, 50, 0.59);
    box-shadow:         0px 5px 11px rgba(50, 50, 50, 0.59);
}

.nav li:hover div
{
  display: block;
}

.nav ul li div ul 
{
    z-index:3;
    margin: 5px 0 0;
    padding: 6px 20px 0;
    font-size: 11px;
    font-weight: normal;
    list-style: none;
    float:none !important;
    position:absolute;
    left:0;
    bottom:-66px;
    right:0;
    height:30px;
}

.nav ul li div ul li 
{
  margin: 1px 10px 0;
  padding: 0;
  cursor:pointer;  
}

.nav ul li div ul li a,
.nav ul li div  ul li a:visited 
{
  display: block;
  padding: 8px;
  color:Black;
  line-height: 1em;
  text-decoration:none;
  background:none !important;
  float:none !important;
  left:0px !important;
  margin:0px !important;
}
.nav ul li div ul li a span
{
    background:none !important;
    float:none !important;
    padding:0px !important;
}

.nav ul li div  ul li a:hover {
    text-decoration: underline;
    background: #DCE8F1;
}