/*
 * The contents of this file are subject to the Netscape Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/NPL/
 *
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *
 * The Original Code is Mozilla Communicator client code, released
 * March 31, 1998.
 *
 * The Initial Developer of the Original Code is Netscape
 * Communications Corporation. Portions created by Netscape are
 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
 * Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt (hewitt@netscape.com)
 */

/* ===== menulist.css ===================================================
  == Styles used by the XUL menulist element.
  ======================================================================= */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */

/* :::::nine slice menulist ::::::::::
   :: This is the default style used for all menulists.
   :: This style is fully scalable in 2 dimensions.  It supports menulists in
   :: both active and disabled states, which includes 3 sets of sliced images.
   ::::: */

menulist {
  margin: 3px;
  border: 2px solid transparent;
  padding: 0px;
  min-height: 19px;
  color: #000000;
  font: message-box;
}

.menulist-text-box {
  padding: 3px 2px 3px 2px;
}

.menulist-icon-mid {
  padding-right: 3px;
}

.menulist-dropmarker {
  margin-left: 1px;
  width: 10px;
  height: 5px;
  list-style-image: url("chrome://global/skin/menulist/mlist-arrow.gif");
}

/* ..... focused state ..... */

menulist:focus {
  border-color: #98A5B2;
  -moz-border-radius: 7px;
}

/* ..... normal state ..... */

.menulist-box-left {
  width: 8px;
}
    
.menulist-left-top {
  background: url("chrome://global/skin/menulist/mlist-lft-top.gif") no-repeat;
  height: 9px;
}

.menulist-left-mid {
  background: url("chrome://global/skin/menulist/mlist-lft-mid.gif") repeat-y;
}

.menulist-left-btm {
  background: url("chrome://global/skin/menulist/mlist-lft-btm.gif") no-repeat;
  height: 8px;
}

.menulist-box-mid {
  background-color: #A6B2BF;
}
  
.menulist-mid-top {
  background: url("chrome://global/skin/menulist/mlist-mid-top.gif") repeat-x;
  height: 9px;
}

.menulist-mid-btm {
  background: url("chrome://global/skin/menulist/mlist-mid-btm.gif") repeat-x;
  height: 8px;
}

.menulist-box-right {
  width: 20px;
}
  
.menulist-right-top {
  background: url("chrome://global/skin/menulist/mlist-rit-top.gif") no-repeat;
  height: 9px;
}

.menulist-right-mid {
  background: url("chrome://global/skin/menulist/mlist-rit-mid.gif") repeat-y;
}

.menulist-right-btm {
  background: url("chrome://global/skin/menulist/mlist-rit-btm.gif") no-repeat;
  height: 8px;
}

/* ..... active state ..... */
  
menulist:hover:active, 
menulist[open="true"] {
  color: #FFFFFF;
}
  
menulist:hover:active > .menulist-box-left > .menulist-left-top,
menulist[open="true"] > .menulist-box-left > .menulist-left-top {
  background-image: url("chrome://global/skin/menulist/mlist-act-lft-top.gif");
}

menulist:hover:active > .menulist-box-left > .menulist-left-mid,
menulist[open="true"] > .menulist-box-left > .menulist-left-mid {
  background-image: url("chrome://global/skin/menulist/mlist-act-lft-mid.gif");
}

menulist:hover:active > .menulist-box-left > .menulist-left-btm,
menulist[open="true"] > .menulist-box-left > .menulist-left-btm {
  background-image: url("chrome://global/skin/menulist/mlist-act-lft-btm.gif");
}

menulist:hover:active > .menulist-stack > .menulist-box-mid,
menulist[open="true"] > .menulist-stack > .menulist-box-mid {
  background-color: #91A2B4;
}
  
menulist:hover:active > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-top,
menulist[open="true"] > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-top 
{
  background-image: url("chrome://global/skin/menulist/mlist-act-mid-top.gif");
}

menulist:hover:active > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-btm,
menulist[open="true"] > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-btm 
{
  background-image: url("chrome://global/skin/menulist/mlist-act-mid-btm.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-mid,
menulist[open="true"] > .menulist-box-right > stack > box 
    > .menulist-right-mid 
{
  background-image: url("chrome://global/skin/menulist/mlist-act-rit-mid.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-top,
menulist[open="true"] > .menulist-box-right > stack > box 
    > .menulist-right-top 
{
  background-image: url("chrome://global/skin/menulist/mlist-act-rit-top.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-btm,
menulist[open="true"] > .menulist-box-right > stack > box 
    > .menulist-right-btm 
{
  background-image: url("chrome://global/skin/menulist/mlist-act-rit-btm.gif");
}

 menulist:hover:active > .menulist-box-right > stack 
    > .menulist-dropmarker-box > .menulist-dropmarker,
 menulist[open="true"] > .menulist-box-right > stack 
    > .menulist-dropmarker-box > .menulist-dropmarker
{
  list-style-image: url("chrome://global/skin/menulist/mlist-act-arrow.gif");
}

/* ..... disabled state ..... */

menulist:hover:active > .menulist-box-left
    > .menulist-left-top[disabled="true"],
.menulist-left-top[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-lft-top.gif");
}

menulist:hover:active > .menulist-box-left 
    > .menulist-left-mid[disabled="true"],
.menulist-left-mid[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-lft-mid.gif");
}

menulist:hover:active > .menulist-box-left 
    > .menulist-left-btm[disabled="true"],
.menulist-left-btm[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-lft-btm.gif");
}

menulist[disabled="true"],
menulist:hover:active[disabled="true"] {
  color: #8C99AB;
}

menulist:hover:active > .menulist-stack 
    > .menulist-box-mid[disabled="true"],
.menulist-box-mid[disabled="true"] {
  background-color: #B7BFCB;
}

menulist:hover:active > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-top[disabled="true"],
.menulist-mid-top[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-mid-top.gif");
}

menulist:hover:active > .menulist-stack > .menulist-box-mid 
    > .menulist-mid-btm[disabled="true"],
.menulist-mid-btm[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-mid-btm.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-mid[disabled="true"],
.menulist-right-mid[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-rit-mid.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-top[disabled="true"],
.menulist-right-top[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-rit-top.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-right-btm[disabled="true"],
.menulist-right-btm[disabled="true"] {
  background-image: url("chrome://global/skin/menulist/mlist-dis-rit-btm.gif");
}

menulist:hover:active > .menulist-box-right > stack > box 
    > .menulist-dropmarker[disabled="true"],
.menulist-dropmarker[disabled="true"] {
  list-style-image: url("chrome://global/skin/menulist/mlist-dis-arrow.gif");
}

/* ::::: editable menulists ::::: */

menulist[editable="true"] {
  -moz-user-focus: normal;
  border-top: 1px solid #BEC3D3;
  border-right: 1px solid #F8FAFE;
  border-bottom: 1px solid #F8FAFE;
  border-left: 1px solid #BEC3D3;
  background-color: #FFFFFF;
}

.menulist-editable-box {
  border: 1px solid #5D616E;
  padding: 1px 0px 1px 2px;
}

html|*.menulist-editable-text {
  margin: 0px !important;
  border: none !important;
  padding: 0px !important;
  background-color: inherit;
  font: inherit;
}

menulist[editable="true"]> .menulist-editable-box > .menu-dropmarker-box > .menu-dropmarker {
  margin: 2px;
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
}

menulist[editable="true"][open="true"] > .menulist-editable-box > .menu-dropmarker-box > .menu-dropmarker {
  margin: 3px 1px 1px 3px;
}

/* ..... focused state ..... */
  
menulist[editable="true"]:focus {
  border: 1px solid #98A5B2;
  -moz-border-radius: 0px;
}
    
menulist[editable="true"]:focus > .menulist-editable-box {
  border-color: #000000;
}

/* ::::: compact menulists ::::: */

.menulist-compact {
  -moz-user-focus: ignore;
  margin: 0px;
  border: 1px outset #000000;
  min-width: 0px;
  min-height: 0px;
  background-color: #A6B2BF;
}

.menulist-compact-text {
  margin-right: 3px;
}  
    
.menulist-compact-internal-box {
  border: 1px outset #A6B2BF;
  padding: 1px;
}

.menulist-compact-dropmarker {
  margin-left: 2px;
  list-style-image: url("chrome://global/skin/menulist/mlist-compact-arrow.gif");
}
      
.menulist-compact:hover:active > .menulist-compact-internal-box,
.menulist-compact[open="true"] > .menulist-compact-internal-box {
  border: 1px solid #788797;
  background-color: #91A2B4;
}
