/* $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
******************************/
/*Publications*/
#block-nice_menus-1 {
  float:right;
  height:32px;
  width:145px;
  margin:0;
}

ul#nice-menu-1{
  margin: 0;
  padding:0;
  font-family:Arial;
  font-weight:bold;
  font-size:10.5px;
  color:#666;
  text-align: center;
/*  background:url('/sites/all/themes/modlux/images/menu_trans_bg.png') repeat;*/
  background: #fff;
  z-index: 6000;
}
 
/*Special features*/
#block-nice_menus-3 {
  float:right;
  height:32px;
  width:138px;
  margin:0;
  margin-left:10px;
}

ul#nice-menu-3 {
  margin: 0;
  padding:0;
  font-family:Arial;
  font-weight:bold;
  font-size:10.5px;
  color:#666;
  text-align: center;
/*  background:url('/sites/all/themes/modlux/images/menu_trans_bg.png') repeat;*/
  background: #fff;
  z-index: 6000;
}

#block-nice_menus-1 h2.title {
  background: url('/sites/all/themes/modlux/images/nice-arrows-grey.png') no-repeat 130px 2px;
  cursor: pointer;
  height:20px;
  width:145px;
  font-family: arial;
  font-size: 10.5px;
  font-weight: bold;
  color:#666;
  text-transform: uppercase;
  border:none;
  text-align: center;
  margin: 7px 0;
  padding:0;
  line-height: 20px;
  float:right;
}

#block-nice_menus-3 h2.title {
  background: url('/sites/all/themes/modlux/images/nice-arrows-magenta.png') no-repeat 128px 1px;
  cursor: pointer;
  height:20px;
  width:138px;
  font-family: arial;
  font-size: 10.5px;
  font-weight: bold;
  color:#ff3366;
  text-transform: uppercase;
  border:none;
  border-left: 1px solid #ccc;
  text-align: center;
  margin: 7px 0;
  padding:0;
  line-height: 20px;
  float:right;
}

#block-nice_menus-1 h2.title .nice-menu-show-title,
#block-nice_menus-3 h2.title .nice-menu-show-title {
  padding:7px auto;
}

#block-nice_menus-1 .content ul, 
#block-nice_menus-3 .content ul{
  display:none;
  border: 1px solid #ccc;
  margin-top: -2px;
}

#block-nice_menus-1 .content ul.over,
#block-nice_menus-3 .content ul.over,
#nice-menu-apps-content ul.over{
  display:inline-block;
}

ul#nice-menu-apps {
  margin: 0;
  padding:0;
  font-family:Arial;
  font-weight:bold;
  font-size:10.5px;
  color:#ccc;
  text-align: center;
/*  background:url('/sites/all/themes/modlux/images/menu_trans_bg.png') repeat;*/
  background: #dedede;
  z-index: 6000;
}

ul#nice-menu-apps a {
  color:#666;
}

#nice-menu-apps-content.over {
  margin-right: -2px;  
}

#nice-menu-apps-content ul{
  display:none;
  width: 20px;
  background-color: #fff;
  margin-left: -80px;
  overflow: visible;
  width: 100px;
  border: 1px solid #ccc;
}

#block-nice_menus-1.over,
#block-nice_menus-3.over{
  background: #ccc;
  color: #fff !important;
}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nice-menu li {
  border-top: 0;
  /* Additional overrides to deal with Garland theme. */
  margin: 0;
  padding-left: 0;
  background-image: none;
  border-bottom: thin dotted #444;
}

/* 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.4em 5px 0.4em 5px;
  color:#666;
  text-decoration:none;
}

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

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

ul.nice-menu ul li {
  width: 15em;
}*/

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

/* This is the default width of all vertical menus. */
ul#nice-menu-1,
ul#nice-menu-1 li {
  width: 145px;
}

ul#nice-menu-3,
ul#nice-menu-3 li {
  width: 138px;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul#nice-menu-1 ul {
  width: 145px;
  left: 145px;
  top: -1px;
/*  background:url('/sites/all/themes/modlux/images/menu_trans_bg.png') repeat;*/
  background: #fff;
}

ul#nice-menu-1 ul ul {
  width: 145px;
  left: 145px;
  top: -1px;
}

ul.nice-menu-right li,
ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  text-transform:uppercase;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li:hover,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over,
ul.nice-menu-right li ul li:hover,
ul.nice-menu-right li ul li.over {
  background: #ccc;

}


#block-nice_menus-1 a.active,
#block-nice_menus-3 a.active{
  color: #ccc;
}

#block-nice_menus-1 a.active:hover,
#block-nice_menus-3 a.active:hover{
  color: #0DD5FF;
}