/*********************************
 * Regular menubutton
 *   Shows a caption and brings up a popup menu which executes a command.
 *********************************/    
   
  menubutton
    {
      border              : 1px solid #000000;
      margin              : 3px 5px 3px 5px;
      -moz-border-radius  : 3px 2px 2px 3px;
      font: menu;
    }
    
  menubutton[disabled="true"] 
    {
      border              : 1px solid #999999;
      color               : #999999;
    }
  
  menubutton > .menubutton-internal-box
    {
      border              : 1px outset #CCCCCC;
      padding             : 1px 2px 1px 2px;
      vertical-align      : middle;
    }
    
  .menubutton-single-icon
    {
      margin-left		  : 3px;
    }

/*********************************
 * "Dual Functionality" menubutton
 *   Has a popup spawning button and a command invoking button, e.g. back/forward
 *   class="menubutton-dual"
 *********************************/    
  
  .menubutton-dual,
  .menubutton-dual > .menubutton-internal-box,
  .menubutton-dual:hover > .menubutton-dual-button,
  .menubutton-dual:active > .menubutton-dual-button
    {
      border              : none;
      margin              : 0px;
      -moz-border-radius  : 0px;
    }

  .menubutton-dual-dropmarker-box
    {
      list-style-image    : url("chrome://global/skin/simple-arrow-down.gif");
    }
    
  .menubutton-dual > menupopup
    {
      min-width           : 0px;
    }
    
/**************
 * Icon only menubutton.menubutton-duals
 * class="menubutton.menubutton-dual-icon"
 ***************/
 
  .menubutton.menubutton-dual-icon 
    {
      border              : 1px solid #000000;
      background-color    : #CCCCCC;
    } 
    
  .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
    {
      border              : 1px outset #CCCCCC;
      padding             : 1px;
    }
    
  .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
  .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
    {
      border              : 1px inset #CCCCCC;
      padding             : 2px 0px 0px 2px;
    }    
    
