/*
 * 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-2001 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");

/* :::::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 {
  -moz-binding: url("chrome://global/skin/globalBindings.xml#nine-slice-menulist");
  margin: 0px 2px;
  border: 2px solid transparent;
  padding: 0px;
  min-height: 19px;
  color: #000000;
  font: message-box;
}

.menulist-text-mid {
  padding-right: 2px;
}

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

.menulist-dropmarker {
  width: 9px;
  height: 6px;
  list-style-image: url("chrome://global/skin/menulist/mlist-arrow.gif");
}

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

menulist:focus {
  border-color: #96A7BD;
  -moz-border-radius: 6px 5px 8px 6px;
}

menulist:focus > .menulist-box-left,
menulist:focus > .menulist-stack-right {
  background-color: #96A7BD;
}

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

.menulist-box-left {
  width: 8px;
}

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

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

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

.menulist-box-mid {
  background-color: #A5BABD;
}

.menulist-mid-top {
  height: 3px;
  background: url("chrome://global/skin/menulist/mlist-mid-top.gif") repeat-x;
  vertical-align: top;
}

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

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

.menulist-text-box {
  padding: 2px 0px 3px 0px;
  text-align: left;
  vertical-align: middle;
}

.menulist-stack-right {
  width: 22px;
}

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

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

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

.menulist-dropmarker-box {
  padding-left: 2px;
  text-align: center;
}

/* ..... 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-mid > .menulist-box-mid,
menulist[open="true"] > .menulist-stack-mid > .menulist-box-mid
{
  background-color: #84969C;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ::::: menulist popup and contents :::::: */

menulist > menupopup,
.menulist-menupopup
{
  border: 1px solid #313948;
  padding: 0px;
  min-width: 0px;
  background-color: #CCCCCC;
}

menulist > menupopup > .popup-internal-box {
  border: 0px;
}

/* ..... menu/menuitem ..... */

menulist > menupopup > menuitem,
menulist > menupopup > menu
{
  padding-top: 1px;
  padding-right: 12px;
  padding-bottom: 1px;
  min-width: 0px;
  max-width: none !important;
  color: #000000;
  font: message-box;
}

menulist > menupopup > menuitem[menuactive="true"] {
  background-color: #465B75;
  color: #FFFFFF;
}

/* ..... menuitem selected state ..... */

menulist > menupopup > menuitem[selected="true"] {
  list-style-image: url("chrome://global/skin/menu/menu-check.gif");
}

menulist > menupopup > menuitem[menuactive="true"][selected="true"] {
  list-style-image: url("chrome://global/skin/menu/menu-check-hov.gif");
}

/* ..... menuseparator ..... */

menulist > menupopup > menuseparator {
  border-top: 1px solid #919FA3;
  border-bottom: 1px solid #E6EFEE;
}

/* ..... auto-repeat button ..... */

menulist > menupopup > arrowscrollbox > vbox > autorepeatbutton:hover {
  border: 1px inset #B2BFBF;
  background-color: #B2BFBF;
}

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

.menulist-compact {
  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
  -moz-user-focus: normal;
  margin: 0px;
  border: 1px solid #000000;
  min-width: 0px;
  min-height: 0px;
  background-color: #D6DFDF;
}

.menulist-compact:focus {
  border-color: #000000;
  -moz-border-radius: 0px;
}

.menulist-compact-text {
  margin-right: 3px;
}

.menulist-compact-internal-box {
  border-top: 1px solid #F7F7F7;
  border-right: 1px solid #8CA2A5;
  border-bottom: 1px solid #8CA2A5;
  border-left: 1px solid #F7F7F7;
  padding: 1px;
}

.menulist-compact-dropmarker {
  list-style-image: url("chrome://global/skin/menulist/mlist-compact-arrow.gif");
  margin-left: 2px;
}

.menulist-compact:hover:active > .menulist-compact-internal-box,
.menulist-compact[open="true"] > .menulist-compact-internal-box {
  border: 1px solid #808080;
  background-color: #949EA5;
}

