/* $Id: nice_menus_default.css,v 1.1.2.5 2007/10/29 16:35:34 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;
}
ul.nice-menu ul li ul {
 border-top: 1px solid #f1f2f1;
}
ul.nice-menu li {
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 30px;
}
/* Overrides for Garland header. 
#header-region ul.nice-menu li {
  margin: 0;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #eee;
}*/
ul.nice-menu li.active-trail a {
  background: #b8c5e1;
}
ul.nice-menu a:link, ul.nice-menu a:visited {
 height: 30px;
 padding: 0px 8px;
 color: #ffffff;
 background-color: #8398c7;
}
ul.nice-menu a:hover {
  text-decoration: none;
  background: #b8c5e1;
}
ul.nice-menu a:active, ul.nice-menu a.active {
  background: #b8c5e1;
}
ul.nice-menu a {
 font-size: 13px;
 line-height: 30px;
 float: left;
}

ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  margin-right: 0;
}

ul.nice-menu ul li {
  width: 16em;
}
ul.nice-menu ul li a {
  float: none;
}
/******************************
 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: 13.5em;
  left: 12.5em;
  top: -1px;
}

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

/*.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
   padding-left: 16px;
   background: #ffffff url('images/cbullet.gif') no-repeat 0 12px;
}*/
.nice-menu-right li.menuparent a {
  position: relative;
  text-decoration: none; 
  background: url('images/arrow2_e.gif') no-repeat right center;
  color:#fff; 
  display: block;
  padding-right: 16px;
}
.nice-menu-right li.menuparent ul li a {
  background-image: none;
  background-color: #84a0ac;
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
.nice-menu-right li.menuparent a:hover {
  color: #fff;
  background-color: #9bbbc8;
}

/* 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('images/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: #f1f2f1 url('images/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;
 padding-top: 6px;
}

ul.nice-menu-down li {
  /*border-top: 1px solid #ccc;*/
}

ul.nice-menu-down li li {
  border-top: 0;
}
ul.nice-menu-down li li a:link, ul.nice-menu-down li li a:visited {
  padding: 0 25px 0 19px;
  line-height: 23px;
  height: 23px;
  color: #ffffff;
  background: none;
}
ul.nice-menu-down li li a:hover {
  background: #f0f4ff;
  color: #3e4b8c;
}
ul.nice-menu-down ul {
  left: 0;
  top: 30px;
  background-color: #3e4b8c;
  border-right: 1px solid #3e4b8c;
  border-bottom: 1px solid #3e4b8c;
  border-left: 1px solid #3e4b8c;
}

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

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

ul.nice-menu-down .menuparent a {
  padding-right: 20px;
  padding-left: 20px;
}

/*ul.nice-menu-down li.menuparent {
  background: #ff5919 url('images/bg-nav-item.png') repeat-x;
}*/
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over {
    background: #b2dafd url('images/bg-nav-item.png') repeat-x;
}
/*
ul.nice-menu-down li li.menuparent {
  background: #eee url('images/arrow-right.png') right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over {
  background: #ccc url('images/arrow-right.png') right center no-repeat;
}
*/