/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
  This is the default overrides for nice menu to work with RTL pages.
  Basically it changes one thing:
  In horizontal menus floats the items to the right and opens the sub menus to the left.
*/

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

ul.nice-menu li { 
  float: right;  
  /* Additional overrides to deal with Garland theme. */
  padding-right: 0;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  left: auto;
  right: -1px;
  margin-left: 0;
}
/**
 * Fix vertical menus position
 */
ul.nice-menu-left ul,
ul.nice-menu-right ul{
    right:auto;
}

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

ul.nice-menu-down {
  /**
   * IE6 doesn't calculate correctly the width of a floated
   * element that contains right floated elements
   */
  float: none;
}

ul.nice-menu-down ul {
  left: auto;
  right: 0;
  /**
   * The only way I found in IE6 to stop the <li> elements from 
   * floating out of the viewport is setting a width on the parent <ul>
   */
  width:16.5em;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
  left: auto;
  right: 16.5em;
}

ul.nice-menu-down .menuparent a {
  padding-right: 5px;
  /*padding-left: 15px;*/
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
  background-position: left center;
}

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-position: left center;
}

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



ul.nice-menu-down li.menuparent a.active,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent a.active{
/*background: #6E8E21 url(down.gif) left center no-repeat;*/
}

ul.nice-menu-down li 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: #ccc url(arrow-left.png) left center no-repeat;
}