/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* ===== primaryToolbar.css =============================================
   == Images for the Mail primary toolbar.
   == This file is mainly about the general look-and-feel of
   == native-OS-style toolbars at the top of various windows, as well as
   == the specifically about the ones that appear on the 3-pane window and
   == the standalone message window.  The other native-OS-style toolbars
   == (addressbook and compose) are already styled elsewhere.
   ====================================================================== */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: Mail Toolbars and Menubars ::::: */

.mail-toolbox,
.contentTabToolbox {
  -moz-appearance: none;
  background: url(chrome://messenger/skin/noise.png),
              linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 83%));
  background-clip: border-box;
  background-origin: border-box !important;

  /* Move the noise texture out of the top 1px strip because that overlaps
     with the tabbar and we don't want to repaint it when animating tabs.
     The noise image is at least 100px high, so repeating it only horizontally
     is enough. */
  background-repeat: repeat-x, no-repeat;
  background-position: 0 1px, 0 0;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4),
              0 -1px 0 hsl(0, 0%, 60%) inset;
}

@media (min-resolution: 2dppx) {
  .mail-toolbox,
  .contentTabToolbox {
    background-size: 100px 100px, auto;
  }
}

.mail-toolbox:-moz-lwtheme,
.contentTabToolbox:-moz-lwtheme {
  background-color: rgba(253, 253, 253, 0.45);
  background-image: url(chrome://messenger/skin/noise.png);
}

.mail-toolbox:not(:-moz-lwtheme):-moz-window-inactive,
.contentTabToolbox:not(:-moz-lwtheme):-moz-window-inactive {
  background-color: -moz-mac-chrome-inactive;
}

.mail-bar3 {
  padding: 4px 4px 0;
}

.mail-toolbox > toolbar
.contentTabToolbox > toolbar {
  -moz-appearance: none;
}

/* ::::: primary toolbar buttons ::::: */

.findbar-button {
  background: none;
  box-shadow: none;
  border: 1px transparent solid;
  border-radius: 3px;
  transition-property: background, border-color;
  transition-duration: 250ms;
}

.toolbarbutton-1:not([type="menu-button"]),
.toolbarbutton-1 > .toolbarbutton-menubutton-button,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  height: 22px;
  padding: 0 4px;
  border: 1px transparent solid;
  border-radius: 3px;
  transition-property: background, border-color;
  transition-duration: 250ms;
}

.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover,
.toolbarbutton-1:not([type="menu-button"]):not(:-moz-any([checked="true"],[disabled="true"])):hover,
.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-menubutton-button,
.toolbarbutton-1:not([disabled])[open="true"] > .toolbarbutton-menubutton-button,
.toolbarbutton-menubutton-button:not([disabled]):active + .toolbarbutton-menubutton-dropmarker,
.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-menubutton-dropmarker {
  border-color: hsla(0, 0%, 0%, .2);
  background: hsla(0, 0%, 100%, .1) linear-gradient(hsla(0, 0%, 100%, .3),
              hsla(0, 0%, 100%,.1)) padding-box;
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, .5), 0 1px 0 hsla(0, 0%, 100%, .5) inset;
}

.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active),
.toolbarbutton-1[checked="true"],
.toolbarbutton-1:not([disabled]):not([type="menu-button"]):active,
.button-appmenu[open="true"],
.toolbarbutton-1:not([disabled]) > .toolbarbutton-menubutton-button:active,
.toolbarbutton-1[open="true"] >
.toolbarbutton-menubutton-dropmarker:not([disabled="true"]) {
  background-color: transparent !important;
  background: linear-gradient(hsla(0, 0%, 0%, .12),
              hsla(0, 0%, 0%, 0)) border-box;
  border-color: hsla(0, 0%, 0%, .3);
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, .5),
              0 1px 0 hsla(0, 0%, 0%, .05) inset,
              0 1px 1px hsla(0, 0%, 0%, .2) inset;
  transition-duration: 10ms;
}

.findbar-button[checked="true"]:not(:active):hover,
.toolbarbutton-1[checked]:not(:active):hover {
  background-color: hsla(0,0%,0%,.09) !important;
  transition: background-color 250ms;
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button {
  -moz-border-end: none;
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-end: none;
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toolbarbutton-1[type="menu"] {
  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
}

toolbox[labelalign="end"] .toolbarbutton-1[type="menu"],
toolbox[labelalign="end"] toolbarpaletteitem .toolbarbutton-1[type="menu"] {
  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu");
}

.toolbarbutton-1[type="menu-button"] {
  padding: 0;
}

.toolbarbutton-1 > .toolbarbutton-menubutton-button,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  margin: 0;
}

.toolbarbutton-1 {
  margin: 4px 2px;
}

.toolbarbutton-1[open],
.toolbarbutton-1[open] > .toolbarbutton-menubutton-button {
  text-shadow: none;
}

.toolbarbutton-1:not([type="menu-button"]),
.toolbarbutton-1 > .toolbarbutton-menubutton-button {
  -moz-box-orient: vertical;
}

toolbarbutton[type="menu-button"],
toolbox[mode="text"] .toolbarbutton-1,
toolbox[mode="text"] .toolbarbutton-menubutton-button,
toolbox[mode="text"] .toolbarbutton-menubutton-dropmarker,
toolbox[labelalign="end"] .toolbarbutton-1,
toolbox[labelalign="end"] toolbarpaletteitem .toolbarbutton-1,
toolbox[labelalign="end"] .toolbarbutton-1[type="menu-button"]
  > .toolbarbutton-menubutton-button,
toolbox[labelalign="end"] toolbarpaletteitem
  .toolbarbutton-1[type="menu-button"] > .toolbarbutton-menubutton-button {
  -moz-box-orient: horizontal;
}

toolbox[labelalign="end"] .toolbarbutton-1 .toolbarbutton-text {
  /* !important for overriding toolbarbutton.css */
  -moz-margin-start: 2px !important;
}

toolbox[labelalign="end"] > toolbar[mode="full"] deck .toolbarbutton-text {
  text-align: start;
}

.toolbarbutton-1:not([type="menu-button"]),
.toolbarbutton-1 > .toolbarbutton-menubutton-button {
  min-width: 28px;
}

toolbar:not([mode="icons"]) .toolbarbutton-1:not([type="menu-button"]),
toolbar:not([mode="icons"]) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  min-width: 0;
}

.toolbarbutton-1 .toolbarbutton-icon {
  width: 18px;
  height: 18px;
}

.toolbarbutton-1[disabled="true"] .toolbarbutton-text,
.toolbarbutton-1[disabled="true"] .toolbarbutton-icon,
.toolbarbutton-1[type="menu-button"] > .toolbarbutton-menubutton-button[disabled="true"]
  > .toolbarbutton-icon {
  opacity: .4;
}

.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-dropmarker.png) !important;
}

/* Separator between menu and split type buttons */
.toolbarbutton-1:not(:hover):not(:active):not([open]):not([checked]) >
.toolbarbutton-menubutton-dropmarker::before,
.toolbarbutton-1[disabled="true"] >
.toolbarbutton-menubutton-dropmarker::before {
  content: "";
  display: -moz-box;
  width: 1px;
  height: 18px;
  -moz-margin-start: -5px;
  -moz-margin-end: 4px;
  margin-bottom: 2px;
  background: hsla(0, 0%, 0%, .3) padding-box;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
}

@media (-moz-mac-lion-theme) {
  .toolbarbutton-1[disabled="true"] > .toolbarbutton-icon,
  .toolbarbutton-1[type="menu-button"]
    > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon,
  .toolbarbutton-1[disabled="true"] > .toolbarbutton-menu-dropmarker,
  .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-dropmarker
    > .dropmarker-icon,
  .toolbarbutton-1:not(:hover):-moz-window-inactive .toolbarbutton-icon,
  .toolbarbutton-1:not(:hover):-moz-window-inactive
    > .toolbarbutton-menu-dropmarker,
  .toolbarbutton-1:not(:hover):-moz-window-inactive
    > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    opacity: .5;
  }

  .toolbarbutton-1:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon,
  .toolbarbutton-1:-moz-window-inactive[type="menu-button"]
    > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon {
    opacity: .25;
  }

  .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-dropmarker-lion.png) !important;
  }
}

@media (min-resolution: 2dppx) {
  .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
  .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-dropmarker-lion@2x.png) !important;
  }

  .toolbarbutton-menu-dropmarker > .dropmarker-icon,
  .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    width: 7px;
    height: 5px;
  }
}

.toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
  -moz-margin-end: 1px;
}

.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  width: 16px;
  padding: 2px 4px !important;
}

toolbar:not([mode="icons"]) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  width: auto;
}

toolbar[mode="icons"] .toolbarbutton-1 > menupopup {
  margin-top: 1px;
}

.mail-toolbox > toolbar {
  -moz-appearance: none;
  /* force iconsize="small" on these toolbars */
  counter-reset: smallicons;
}

/* remove the small icons checkbox in Customize window */
#smallicons {
  display: none;
}

#button-getmsg {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 18px 18px 0px);
}

#button-getmsg:not([disabled="true"]):active {
  -moz-image-region: rect(18px 18px 36px 0px);
}

#button-newmsg {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 36px 18px 18px);
}

#button-newmsg:not([disabled="true"]):active {
  -moz-image-region: rect(18px 36px 36px 18px);
}

#button-address {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 54px 18px 36px);
}

#button-address:not([disabled="true"]):active {
  -moz-image-region: rect(18px 54px 36px 36px);
}

#button-reply {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 72px 18px 54px);
}

#button-reply:not([disabled="true"]):active {
  -moz-image-region: rect(18px 72px 36px 54px);
}

#button-replyall {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 90px 18px 72px);
}

#button-replyall:not([disabled="true"]):active {
  -moz-image-region: rect(18px 90px 36px 72px);
}

#button-replylist {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 126px 18px 108px);
}

#button-replylist:not([disabled="true"]):active {
  -moz-image-region: rect(18px 126px 36px 108px);
}

#button-forward {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 108px 18px 90px);
}

#button-forward:not([disabled="true"]):active {
  -moz-image-region: rect(18px 108px 36px 90px);
}

.delete-button {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 144px 18px 126px);
}

.delete-button:not([disabled="true"]):active {
  -moz-image-region: rect(18px 144px 36px 126px);
}

.junk-button {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 162px 18px 144px);
}

.junk-button:not([disabled="true"]):active {
  -moz-image-region: rect(18px 162px 36px 144px);
}

#button-print {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 180px 18px 162px);
}

#button-print:not([disabled="true"]):active {
  -moz-image-region: rect(18px 180px 36px 162px);
}

#button-stop {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 198px 18px 180px);
}

#button-stop:not([disabled="true"]):active {
  -moz-image-region: rect(18px 198px 36px 180px);
}

#button-file {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 216px 18px 198px);
}

#button-file:not([disabled="true"]):active {
  -moz-image-region: rect(18px 216px 36px 198px);
}

#button-file > dropmarker {
  display: none;
}

#button-nextUnread {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 234px 18px 216px);
}

#button-nextUnread:not([disabled="true"]):active {
  -moz-image-region: rect(18px 234px 36px 216px);
}

#button-previousUnread {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 252px 18px 234px);
}

#button-previousUnread:not([disabled="true"]):active {
  -moz-image-region: rect(18px 252px 36px 234px);
}

#button-mark {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 270px 18px 252px);
}

#button-mark:not([disabled="true"]):active {
  -moz-image-region: rect(18px 270px 36px 252px);
}

#button-tag {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 288px 18px 270px);
}

#button-tag:not([disabled="true"]):active {
  -moz-image-region: rect(18px 288px 36px 270px);
}

#button-goback {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 306px 18px 288px);
}

#button-goback:not([disabled="true"]):active {
  -moz-image-region: rect(18px 306px 36px 288px);
}

#button-goforward {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 324px 18px 306px);
}

#button-goforward:not([disabled="true"]):active {
  -moz-image-region: rect(18px 324px 36px 306px);
}

#button-compact {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 342px 18px 324px);
}

#button-compact:not([disabled="true"]):active {
  -moz-image-region: rect(18px 342px 36px 324px);
}

#button-archive {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 360px 18px 342px);
}

#button-archive:not([disabled="true"]):active {
  -moz-image-region: rect(18px 360px 36px 342px);
}

#button-chat {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px, 396px, 18px, 378px);
}

#button-chat:not([disabled="true"]):active {
  -moz-image-region: rect(18px, 396px, 36px, 378px);
}

#button-chat[unreadMessages="true"] {
  -moz-image-region: rect(36px, 396px, 54px, 378px);
  color: #0969b2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

#button-chat > stack > .badgeButton-badge {
  -moz-padding-end: 1px;
}

toolbar:not([mode="text"]) .badgeButton-badge {
  -moz-margin-start: 11px;
  margin-bottom: 12px;
}

#button-nextMsg {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px, 414px, 18px, 396px);
}

#button-nextMsg:not([disabled="true"]):active {
  -moz-image-region: rect(18px, 414px, 36px, 396px);
}

#button-previousMsg {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px, 432px, 18px, 414px);
}

#button-previousMsg:not([disabled="true"]):active {
  -moz-image-region: rect(18px, 432px, 36px, 414px);
}

.button-appmenu {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px, 450px, 18px, 432px);
}

.button-appmenu:not([disabled="true"]):active,
.button-appmenu[open="true"] {
  -moz-image-region: rect(18px, 450px, 36px, 432px);
}

@media (min-resolution: 2dppx) {
  #button-getmsg {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 36px 36px 0px);
  }

  #button-getmsg:not([disabled="true"]):active {
    -moz-image-region: rect(36px 36px 72px 0px);
  }

  #button-newmsg {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 72px 36px 36px);
  }

  #button-newmsg:not([disabled="true"]):active {
    -moz-image-region: rect(36px 72px 72px 36px);
  }

  #button-address {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 108px 36px 72px);
  }

  #button-address:not([disabled="true"]):active {
    -moz-image-region: rect(36px 108px 72px 72px);
  }

  #button-reply {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 144px 36px 108px);
  }

  #button-reply:not([disabled="true"]):active {
    -moz-image-region: rect(36px 144px 72px 108px);
  }

  #button-replyall {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 180px 36px 144px);
  }

  #button-replyall:not([disabled="true"]):active {
    -moz-image-region: rect(36px 180px 72px 144px);
  }

  #button-replylist {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 252px 36px 216px);
  }

  #button-replylist:not([disabled="true"]):active {
    -moz-image-region: rect(36px 252px 72px 216px);
  }

  #button-forward {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 216px 36px 180px);
  }

  #button-forward:not([disabled="true"]):active {
    -moz-image-region: rect(36px 216px 72px 180px);
  }

  .delete-button {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 288px 36px 252px);
  }

  .delete-button:not([disabled="true"]):active {
    -moz-image-region: rect(36px 288px 72px 252px);
  }

  .junk-button {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 324px 36px 288px);
  }

  .junk-button:not([disabled="true"]):active {
    -moz-image-region: rect(36px 324px 72px 288px);
  }

  #button-print {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 360px 36px 324px);
  }

  #button-print:not([disabled="true"]):active {
    -moz-image-region: rect(36px 360px 72px 324px);
  }

  #button-stop {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 396px 36px 360px);
  }

  #button-stop:not([disabled="true"]):active {
    -moz-image-region: rect(36px 396px 72px 360px);
  }

  #button-file {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 432px 36px 396px);
  }

  #button-file:not([disabled="true"]):active {
    -moz-image-region: rect(36px 432px 72px 396px);
  }

  #button-nextUnread {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 468px 36px 432px);
  }

  #button-nextUnread:not([disabled="true"]):active {
    -moz-image-region: rect(36px 468px 72px 432px);
  }

  #button-previousUnread {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 504px 36px 468px);
  }

  #button-previousUnread:not([disabled="true"]):active {
    -moz-image-region: rect(36px 504px 72px 468px);
  }

  #button-mark {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 540px 36px 504px);
  }

  #button-mark:not([disabled="true"]):active {
    -moz-image-region: rect(36px 540px 72px 504px);
  }

  #button-tag {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 576px 36px 540px);
  }

  #button-tag:not([disabled="true"]):active {
    -moz-image-region: rect(36px 576px 72px 540px);
  }

  #button-goback {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 612px 36px 576px);
  }

  #button-goback:not([disabled="true"]):active {
    -moz-image-region: rect(36px 612px 72px 576px);
  }

  #button-goforward {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 648px 36px 612px);
  }

  #button-goforward:not([disabled="true"]):active {
    -moz-image-region: rect(36px 648px 72px 612px);
  }

  #button-compact {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 684px 36px 648px);
  }

  #button-compact:not([disabled="true"]):active {
    -moz-image-region: rect(36px 684px 72px 648px);
  }

  #button-archive {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 720px 36px 684px);
  }

  #button-archive:not([disabled="true"]):active {
    -moz-image-region: rect(36px 720px 72px 684px);
  }

  #button-chat {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 792px 36px 756px);
  }

  #button-chat:not([disabled="true"]):active {
    -moz-image-region: rect(36px 792px 72px 756px);
  }

  #button-chat[unreadMessages="true"] {
    -moz-image-region: rect(72px 792px 108px 756px);
  }

  #button-nextMsg {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 828px 36px 792px);
  }

  #button-nextMsg:not([disabled="true"]):active {
    -moz-image-region: rect(36px 828px 72px 792px);
  }

  #button-previousMsg {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 864px 36px 828px);
  }

  #button-previousMsg:not([disabled="true"]):active {
    -moz-image-region: rect(36px 864px 72px 828px);
  }

  .button-appmenu {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 900px 36px 864px);
  }

  .button-appmenu:not([disabled="true"]):active,
  .button-appmenu[open="true"] {
    -moz-image-region: rect(36px 900px 72px 864px);
  }
}

.button-appmenu .toolbarbutton-text,
.button-appmenu .toolbarbutton-menu-dropmarker {
  display: none;
}

toolbar[mode="text"] .button-appmenu .toolbarbutton-icon {
  display: -moz-box;
}

#palette-box #qfb-show-filter-bar {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(0px 378px 18px 360px);
}

#palette-box #qfb-show-filter-bar:not([disabled="true"]):active {
  -moz-image-region: rect(18px 378px 36px 360px);
}

@media (min-resolution: 2dppx) {
  #palette-box #qfb-show-filter-bar {
    list-style-image: url("chrome://messenger/skin/icons/mail-toolbar@2x.png");
    -moz-image-region: rect(0px 756px 36px 720px);
  }

  #palette-box #qfb-show-filter-bar:not([disabled="true"]):active {
    -moz-image-region: rect(36px 756px 72px 720px);
  }
}

/* Force the folder location and mail view items to fit in the available width
   in the Customize Toolbar dialog. */
#palette-box #locationFolders,
#palette-box #folder-location-container,
#palette-box #viewPicker {
  -moz-box-flex: 1;
}

.msgNotificationBarText {
  font: icon;
  font-weight: bold;
  padding: 0;
}

.msgNotification-smallText {
  -moz-padding-start: 10px;
  font-size: 90%;
}

#CustomizeToolbarSheet > #main-box {
  border-top: none !important;
  border-left: 2px solid;
  border-right: 2px solid;
  border-bottom: 3px solid;
  -moz-border-right-colors: -moz-mac-menushadow ThreeDLightShadow !important;
  -moz-border-bottom-colors: -moz-mac-menushadow -moz-mac-menushadow ThreeDShadow !important;
  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight !important;
}

/* Lightweight themes support */

/* This prevent jumping of the toolbar when going between Default and Persona*/
#mail-bar3 {
  padding-bottom: 1px;
}

#mail-bar3:-moz-lwtheme {
  padding-bottom: 0px;
}

/* AppMenu styling */

.splitmenu-menuitem {
  -moz-appearance: menuitem;
  -moz-box-align: center;
  color: MenuText;
  font: -moz-pull-down-menu;
  list-style-image: none;
  -moz-image-region: auto;
  -moz-margin-end: 1px;
  padding-bottom: 2px;
  -moz-padding-start: 10px;
  -moz-padding-end: 0;
}

.splitmenu-menuitem[_moz-menuactive="true"] {
  color: -moz-mac-menutextselect;
  background-color: Highlight;
}

.splitmenu-menuitem[disabled="true"],
.splitmenu-menu[_moz-menuactive="true"][disabled="true"],
.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
  color: -moz-mac-menutextdisable;
  background-color: transparent;
}

.splitmenu-menuitem[iconic="true"] {
  /* 2px higher than those without icons */
  padding-top: 1px;
  padding-bottom: 3px;
  list-style-image: inherit;
  -moz-image-region: inherit;
}

.splitmenu-menuitem[iconic="true"] > .menu-iconic-left > .menu-iconic-icon {
  -moz-margin-start: 0;
  width: 16px;
}

.appmenu-edit-button {
  -moz-appearance: none;
  border-width: 0;
  padding: 0 2px;
}

.appmenu-edit-button[disabled="true"] {
  opacity: .3;
}

#appmenu-popup * {
  font-size: 12px;
}

#appmenu-popup > .popup-internal-box {
  padding-top: 0;
  padding-bottom: 0;
}

#appmenuPrimaryPane {
  padding: 2px;
}

#appmenuSecondaryPane {
  box-shadow: 1px 0 2px rgb(170, 170, 170) inset;
  padding-top: 2px;
  padding-bottom: 2px;
  -moz-padding-start: 3px;
  -moz-padding-end: 2px;
}

#appmenuSecondaryPane:-moz-locale-dir(rtl) {
  box-shadow: -1px 0 2px rgb(204, 214, 234) inset;
}

#appmenuPrimaryPane > menu > .menu-right,
#appmenuSecondaryPane > menu > .menu-right {
  -moz-margin-start: 0;
}

#appmenuPrimaryPane > :-moz-any(menu, menuitem),
#appmenuSecondaryPane > :-moz-any(menu, menuitem) {
  -moz-padding-start: 10px;
  -moz-padding-end: 15px;
}

.appmenuPane-spacer {
  min-height: 1em;
}

#appmenuSecondaryPane > :-moz-any(menu, menuitem):not([_moz-menuactive]),
#appmenuSecondaryPane > :-moz-any(menu, menuitem)[_moz-menuactive][disabled],
#appmenuSecondaryPane > splitmenu >
  :-moz-any(.splitmenu-menu, .splitmenu-menuitem):not([_moz-menuactive]) {
  background-color: transparent;
}

.splitmenu-menu,
#appmenu-editmenu {
  -moz-box-pack: end;
  -moz-padding-start: 5px;
  -moz-padding-end: 15px;
}

.splitmenu-menu > .menu-accel-container,
#appmenu-editmenu > .menu-accel-container {
  margin: 0;
}

.splitmenu-menu > .menu-right,
#appmenu-editmenu > .menu-right {
  -moz-margin-start: 5px;
}

.splitmenu-menuitem > .menu-iconic-left,
#appmenu-popup
  menuitem:not([type="radio"]):not([type="checkbox"]):not(.folderMenuItem) >
  .menu-iconic-left {
  display: none;
}

.appmenu-edit-button {
  list-style-image: url("icons/appmenu-icons.png");
}

.appmenu-edit-button:not([disabled="true"]):hover,
.appmenu-edit-button:not([disabled="true"]):hover:active {
  list-style-image: url("icons/appmenu-icons-active.png");
  background-color: Highlight;
}

.appmenu-edit-button > .toolbarbutton-icon {
  width: 16px;
  height: 16px;
  margin: 1px;
}

#appmenu-cut {
  -moz-image-region: rect(0 16px 16px 0);
}

#appmenu-copy {
  -moz-image-region: rect(0 32px 16px 16px);
}

#appmenu-paste {
  -moz-image-region: rect(0 48px 16px 32px);
}

@media (min-resolution: 2dppx) {
  .appmenu-edit-button {
    list-style-image: url("icons/appmenu-icons@2x.png");
  }

  .appmenu-edit-button:not([disabled="true"]):hover,
  .appmenu-edit-button:not([disabled="true"]):hover:active {
    list-style-image: url("icons/appmenu-icons-active@2x.png");
  }

  #appmenu-cut {
    -moz-image-region: rect(0 32px 32px 0);
  }

  #appmenu-copy {
    -moz-image-region: rect(0 64px 32px 32px);
  }

  #appmenu-paste {
    -moz-image-region: rect(0 96px 32px 64px);
  }
}

#appmenu-edit-label {
  background: transparent;
  font-style: italic;
  -moz-padding-start: 10px;
  -moz-padding-end: 0;
}
