/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file 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.)

  To help understand the CSS, the HTML looks like this, where
    x is a number;
    TYPE is down/left/right;
    PATH is the menu path such as node/343;
    MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
  use its id (e.g. ul#nice-menu-2).

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left;
  background-color: #eee;
  /* Additional overrides to deal with Garland theme. */
  margin: 0;
  padding-left: 0;
  background-image: none;
}

/* Overrides for Garland header. */
#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #eee;
}

ul.nice-menu a {
  padding: 0.35em 5px 0.6em 2px;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.7em;
}

ul.nice-menu ul li {
  width: 12.5em;
}

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
  width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent
{
  background: transparent url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over {
  background: transparent url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over {
  background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  float: left;
  border: 0;
}

ul.nice-menu-down li {
  border-top: 1px solid #ccc;
  margin-left: 3px;     /* top level menu tab gag */
}

ul.nice-menu-down li li {
  border-top: 0;
  margin-left: 3px;
  margin-right: 3px;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em;
  top: -1px;
}

/* HERE HERE: padding for sub-menu only */
ul.nice-menu-down ul .menuparent a {
  padding-right: 18px;
}

/* HERE HERE */
ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
  background: transparent url(arrow-down.png) right center no-repeat;
}

/* HERE HERE */
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
  /*background: #888 url(arrow-down.png) right center no-repeat;*/
}

ul.nice-menu-down li li.menuparent,
ul.nice-menu-down li ul li.menuparent,
ul.nice-menu-down li ul li ul li.menuparent,
ul.nice-menu-down li ul li ul li ul li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background: transparent url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li ul li.menuparent:hover,
ul.nice-menu-down li ul li ul li.menuparent:hover,
ul.nice-menu-down li ul li ul li ul li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: transparent url(arrow-right.png) right center no-repeat;
}

  ul.nice-menu,
  ul.nice-menu ul,
  ul.nice-menu li {
    border: 0;
    background: none;
  }


  /* drop down menu background */
  li.menuparent ul {
    background: #d4423d;
    padding: 3px 0px;
    border: 1px solid #000;
  }

  /** top level normal left */
  ul.nice-menu-down li,
  ul.nice-menu-down li.menuparent {
    background: transparent url('nice-menu-tabs-left.png') left 0 no-repeat;
    padding-left: 3px;
  }
  /* reset lower level */
  ul.nice-menu-down li li, ul.nice-menu-down li.menuparent li {
	  background: transparent;
  }

  /* top level normal right */
  ul.nice-menu-down li a {
    background: transparent url('nice-menu-tabs.png') right 0 no-repeat;
    padding-right: 7px;
  }
  
  /* top level normal menuparent right */
  ul.nice-menu-down li.menuparent a {
    background: transparent url('nice-menu-tabs.png') right -120px no-repeat;
    padding-right: 17px;
  }
  /* reset lower level normal items */
  ul.nice-menu-down li.menuparent ul a {
    background: transparent none;
  }
  
  /* reset lower level menu item background */
  ul.nice-menu-down li.menuparent:hover ul li.menuparent a,
  ul.nice-menu-down li.menuparent:hover ul li.menuparent ul li.menuparent:hover a,
  {
	  background: transparent url(arrow-right.png) right center no-repeat;
  }
  /* reset lower lower level */
  ul.nice-menu-down li.menuparent:hover ul li.menuparent ul a,
  ul.nice-menu-down li.menuparent:hover ul li ul li.menuparent ul a,
  ul.nice-menu-down li.menuparent:hover ul li ul li ul li.menuparent ul a,
  ul.nice-menu-down li.menuparent:hover ul li ul li ul li ul li.menuparent ul a
  {
	  background: transparent;
  }

  /** top level hilited left */
  ul.nice-menu-down li:hover/*,
  ul.nice-menu-down li.menuparent:hover*/ {
    background: transparent url('nice-menu-tabs-left.png') left -40px no-repeat;
  }
  /* top level hilited right */
  ul.nice-menu-down li a:hover {
    background: transparent url('nice-menu-tabs.png') right -40px no-repeat;
  }
  
  /* top level menuparent hilite right */
  ul.nice-menu-down li.menuparent a:hover,
  ul.nice-menu-down li.menuparent:hover a {
    background: transparent url('nice-menu-tabs.png') right -160px no-repeat;
  }
  
  /* reset lower menu item hilite */
  ul.nice-menu-down li.menuparent ul li:hover /*,
  ul.nice-menu-down li.menuparent:hover ul a:hover*/ {
	  background: #991414 none;
  }
  ul.nice-menu-down li.menuparent:hover ul li a {
    background: transparent;
  }

  /* active tab left */
  ul.nice-menu-down li.active, ul.nice-menu-down li.active:hover {
    background: transparent url('nice-menu-tabs-left.png') left -80px no-repeat;
    padding-left: 5px;
  }
  /* active tab left reset lower level */
  ul.nice-menu-down li.active li {
	  background: transparent;
  }

  /* active tab lower level menuparent normal */
  ul.nice-menu-down li.active li.menuparent a {
    background: transparent url(arrow-right.png) right center no-repeat;
  }
  /* lower level menuparent hilite */
  ul.nice-menu-down li.menuparent ul li.menuparent a:hover,
  ul.nice-menu-down li.menuparent ul li.menuparent ul li.menuparent a:hover,
  ul.nice-menu-down li.menuparent ul li.menuparent:hover
  {
	  background: #991414 url(arrow-right.png) right center no-repeat;
  }
  /* reset lower lower level menu item hilite */
/*
  ul.nice-menu-down li.menuparent ul li.menuparent ul li a:hover,
  ul.nice-menu-down li.menuparent ul li.menuparent ul li ul li a:hover
  {
    background: #991414;
  }
*/

  /* active tab leftright */
  ul.nice-menu-down li.active a.active {
    background: transparent url('nice-menu-tabs.png') right -80px no-repeat;
  }
  
  /* active tab menuparent right */
  ul.nice-menu-down li.menuparent a.active {
    background: transparent url('nice-menu-tabs.png') right -200px no-repeat;
  }
  
  /* adjust lower level menu item dim */
  ul.nice-menu-down li.menuparent ul li a {
    padding: 0.2em;
  }
  

  ul.nice-menu a {
    font-weight: normal;
  }
  
  /* normal menu items */
  ul.nice-menu li a {
    color: #FFF;
  }

  /* active menu items */
  ul.nice-menu li a.active {
    color: #000;
  }