/* $Id: nice_menus.css,v 1.28 2008/07/11 16:04:44 add1sun Exp $ */
/*
  This file contains the basic logic for nice menus, and should not be
  edited.  To customize the menus, it's recommended to create a custom CSS
  file using nice_menus_default.css as a template, then configure the module
  to use your custom CSS file (this is done in the global settings tab of
  the theme administration.)
*/

/* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
.block-nice_menus {
  line-height: normal;
  z-index: 10;
}

ul.nice-menu,
ul.nice-menu ul {
  z-index: 5;
  position: relative;
}

ul.nice-menu li {
  position: relative;
}

ul.nice-menu a {
  display: block;
}

ul.nice-menu ul,
/* For Garland header. */
#header-region ul.nice-menu ul {
  position: absolute;
  visibility: hidden;
}

ul.nice-menu li.over ul {
  visibility: visible;
}

ul.nice-menu ul li {
  display: block;
}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  visibility: visible;
}

/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover ul ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over li.over ul ul,
ul.nice-menu li.over li.over ul ul ul,
ul.nice-menu li.over li.over li.over ul ul,
ul.nice-menu li.over li.over li.over ul ul ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul ul,
#header-region ul.nice-menu li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
#header-region ul.nice-menu li.over ul ul,
#header-region ul.nice-menu li.over ul ul ul,
#header-region ul.nice-menu li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over ul ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul ul {
  visibility: hidden;
}

ul.nice-menu{
  background: white;
  border-top: 1px dotted #ccc !important;
  /*margin: 0 0 0 30px;
  *margin: 0 0 0 20px;
  _margin: 0 0 0 10px;*/
  _font-size: 11px;
  float: right;
  padding: 0;
}
ul.nice-menu ul{
  padding-bottom: 8px;
  padding-top:8px;
}
ul.nice-menu li,
ul.nice-menu-down li,
ul.nice-menu-down li.menuparent,
#header-region ul.nice-menu-down li.menuparent,
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over,
ul.nice-menu ul,
#header-region ul.nice-menu ul,
ul.nice-menu ul {
  background: white;
  border: none !important;
}
ul.nice-menu-down a{
  padding-right: 0;
}
ul.nice-menu li{
  display:inline !important;
  float: left !important;
}
ul.nice-menu li a {
  color: #000;
  text-decoration: none;
  padding: 0.3em 11px;
  font-size: 11px;
}
ul.nice-menu li a.active{
  color: #0f75bc;
}
ul.nice-menu li.first a {
  padding-left: 0;
}
ul.nice-menu li.last a {
  padding-right: 0;
}
ul.nice-menu li ul li.last a {
  padding-right: 5px;
}
ul.nice-menu ul li{
  width:230px;
}
ul.nice-menu li ul li{
  border-bottom: 1px dotted #ccc;
}
ul.nice-menu li ul li a{
  padding: 0;
  font-size: 12px;
}
ul.nice-menu li ul li a span{
  margin: 0 8px;
  background: url(../images/li-menu.png) no-repeat scroll right center !important;
  padding: 3px 0;
  border-bottom: 1px dotted #ccc !important;
  display: block;
  _display: inline-block;
  _width: 216px;
  cursor: pointer;
  line-height:16px;
  z-index: 100;
}
ul.nice-menu li ul li.first a span{
  border-top: 1px dotted #ccc !important;
}
ul.nice-menu li ul li a:hover{
  background: #0f75bc;
  color: white;
  text-decoration: none;
}
ul.nice-menu li ul li a:hover span{
  background: transparent url(../images/li-menu-act.png) no-repeat scroll right center !important;
}