/**
 * @file dhtml_menu.css
 * Static stylesheet rules to be applied to DHTML Menu markup.
 */

/*
 * Cloned leaves are small and emphasized with italics.
 */
li.dhtml-menu-cloned-leaf {
  font-size: 0.7em;
  font-style: italic;
}

/*
 * Menus that are initially collapsed must be hidden statically.
 * Otherwise, they will show up while the page renders, until JS runs.
 */
li.dhtml-menu.start-collapsed ul {
  display: none;
}

/*
 * When using open-only menus, expanded links are italicized
 * to show that they are now static.
 */ 
li.dhtml-menu-open > a {
  font-style: italic;
}

/*
 * When using bullet-icon expansion, make the invisible link as large 
 * as the bullet icon (16x16). It will be positioned by Javascript, respecting 
 * text direction. Therefore no positioning code is required here.
 */
a.dhtml-menu-icon {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
}

/*
 * Provide large and visible folder icons for easy clicking.
 */
li.dhtml-folder {
    list-style: none;
}
li.dhtml-folder.expanded .dhtml-menu-icon {
    background-image: url("images/folder-open-white.png");
}
li.dhtml-folder.collapsed .dhtml-menu-icon {
    background-image: url("images/folder-closed-white.png");
}