/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla 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/MPL/
 *
 * 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 the Initial Developer are Copyright (C) 1998-1999
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

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

/* Inactive window state */
#messengerWindow:not([active="true"]) > #mail-toolbox > toolbar {
  border-top-color: rgba(255,255,255,0.45);
  border-bottom-color: rgba(0,0,0,0.35);
  background-color: #cfcfcf;
}

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

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

.toolbarbutton-1 {
  -moz-box-orient: vertical;
  min-width: 0px;
}

.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[open],
.toolbarbutton-1[open] > .toolbarbutton-menubutton-button {
  text-shadow: none;
}

toolbarbutton[type="menu-button"],
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"] > toolbar[mode="full"] deck .toolbarbutton-text {
  text-align: start;
}

toolbarbutton[type="menu-button"] > toolbarbutton {
  -moz-box-orient: vertical !important;
  padding: 0px;
  margin: 0px;
}

toolbox[labelalign="end"] toolbarbutton[type="menu-button"] > toolbarbutton,
toolbox[labelalign="end"] toolbarpaletteitem
  > toolbarbutton[type="menu-button"] > toolbarbutton {
  -moz-box-orient: horizontal !important;
}

toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text,
toolbar[mode="text"] .toolbarbutton-menubutton-button > .toolbarbutton-text {
  margin: 5px 4px 3px;
}

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

#button-getmsg:hover:active,
#button-getmsg[open] {
  -moz-image-region: rect(32px 32px 64px 0px);
}

#button-getmsg[disabled] {
  -moz-image-region: rect(64px 32px 96px 0px) !important;
}

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

#button-newmsg:hover:active {
  -moz-image-region: rect(32px 64px 64px 32px);
}

#button-newmsg[disabled] {
   -moz-image-region: rect(64px 64px 96px 32px) !important;
}

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

#button-address:hover:active {
  -moz-image-region: rect(32px 96px 64px 64px);
}

#button-address[disabled="true"] {
  -moz-image-region: rect(64px 96px 96px 64px) !important;
}

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

#button-reply:hover:active {
  -moz-image-region: rect(32px 128px 64px 96px);
}

#button-reply[disabled] {
  -moz-image-region: rect(64px 128px 96px 96px) !important;
}

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

#button-replyall:hover:active {
  -moz-image-region: rect(32px 160px 64px 128px);
}

#button-replyall[disabled] {
  -moz-image-region: rect(64px 160px 96px 128px) !important;
}

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

#button-replylist:hover:active {
  -moz-image-region: rect(32px 192px 64px 160px);
}

#button-replylist[disabled] {
  -moz-image-region: rect(64px 192px 96px 160px) !important;
}

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

#button-forward:hover:active {
  -moz-image-region: rect(32px 224px 64px 192px);
}

#button-forward[disabled] {
  -moz-image-region: rect(64px 224px 96px 192px) !important;
}

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

.delete-button:hover:active {
  -moz-image-region: rect(32px 256px 64px 224px);
}

.delete-button[disabled] {
  -moz-image-region: rect(64px 256px 96px 224px) !important;
}

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

.junk-button:hover:active {
  -moz-image-region: rect(32px 288px 64px 256px);
}

.junk-button[disabled="true"] {
  -moz-image-region: rect(64px 288px 96px 256px) !important;
}

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

#button-print:hover:active,
#button-print[open="true"] {
  -moz-image-region: rect(32px 320px 64px 288px);
}

#button-print[disabled] {
  -moz-image-region: rect(64px 320px 96px 288px) !important;
}

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

#button-stop:hover:active {
  -moz-image-region: rect(32px 352px 64px 320px);
}

#button-stop[disabled="true"] {
  -moz-image-region: rect(64px 352px 96px 320px) !important;
}

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

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

#button-file:hover:active,
#button-file[open] {
  -moz-image-region: rect(32px 384px 64px 352px);
}

#button-file[disabled] {
  -moz-image-region: rect(64px 384px 96px 352px) !important;
}

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

#button-next:hover:active {
  -moz-image-region: rect(32px 416px 64px 384px);
}

#button-next[disabled] {
  -moz-image-region: rect(64px 416px 96px 384px) !important;
}

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

#button-previous:hover:active {
  -moz-image-region: rect(32px 448px 64px 416px);
}

#button-previous[disabled] {
  -moz-image-region: rect(64px 448px 96px 416px) !important;
}

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

#button-mark:hover:active,
#button-mark[open="true"] {
  -moz-image-region: rect(32px 480px 64px 448px);
}

#button-mark[disabled] {
  -moz-image-region: rect(64px 480px 96px 448px) !important;
}

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

#button-tag:hover:active,
#button-tag[open="true"] {
  -moz-image-region: rect(32px 512px 64px 480px);
}

#button-tag[disabled] {
  -moz-image-region: rect(64px 512px 96px 480px) !important;
}

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

#button-goforward:hover:active,
#button-goforward[open] {
  -moz-image-region: rect(32px 544px 64px 512px);
}

#button-goforward[disabled] {
  -moz-image-region: rect(64px 544px 96px 512px) !important;
}

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

#button-goback:hover:active,
#button-goback[open] {
  -moz-image-region: rect(32px 576px 64px 544px);
}

#button-goback[disabled] {
  -moz-image-region: rect(64px 576px 96px 544px) !important;
}

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

#button-compact:hover {
  -moz-image-region: rect(32px 608px 64px 576px);
}

#button-compact[disabled] {
  -moz-image-region: rect(64px 608px 96px 576px) !important;
}

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

#button-archive:hover:active {
  -moz-image-region: rect(32px 640px 64px 608px);
}

#button-archive[disabled] {
  -moz-image-region: rect(64px 640px 96px 608px) !important;
}


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

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

toolbar[iconsize="small"] #button-getmsg:hover:active,
toolbar[iconsize="small"] #button-getmsg[open] {
  -moz-image-region: rect(24px 24px 48px 0px);
}

toolbar[iconsize="small"] #button-getmsg[disabled] {
  -moz-image-region: rect(48px 24px 72px 0px) !important;
}

toolbar[iconsize="small"] #button-newmsg {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 48px 24px 24px);
}

toolbar[iconsize="small"] #button-newmsg:hover:active {
  -moz-image-region: rect(24px 48px 48px 24px);
}

toolbar[iconsize="small"] #button-newmsg[disabled] {
  -moz-image-region: rect(48px 48px 72px 24px) !important;
}

toolbar[iconsize="small"] #button-address {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 72px 24px 48px);
}

toolbar[iconsize="small"] #button-address:hover:active {
  -moz-image-region: rect(24px 72px 48px 48px);
}

toolbar[iconsize="small"] #button-address[disabled] {
  -moz-image-region: rect(48px 72px 72px 48px) !important;
}

toolbar[iconsize="small"] #button-reply {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 96px 24px 72px);
}

toolbar[iconsize="small"] #button-reply:hover:active {
  -moz-image-region: rect(24px 96px 48px 72px);
}

toolbar[iconsize="small"] #button-reply[disabled] {
  -moz-image-region: rect(48px 96px 72px 72px) !important;
}

toolbar[iconsize="small"] #button-replyall {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 120px 24px 96px);
}

toolbar[iconsize="small"] #button-replyall:hover:active {
  -moz-image-region: rect(24px 120px 48px 96px);
}

toolbar[iconsize="small"] #button-replyall[disabled] {
  -moz-image-region: rect(48px 120px 72px 96px) !important;
}

toolbar[iconsize="small"] #button-replylist {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 144px 24px 120px);
}

toolbar[iconsize="small"] #button-replylist:hover:active {
  -moz-image-region: rect(24px 144px 48px 120px);
}

toolbar[iconsize="small"] #button-replylist[disabled] {
  -moz-image-region: rect(48px 144px 72px 120px) !important;
}

toolbar[iconsize="small"] #button-forward {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 168px 24px 144px);
}

toolbar[iconsize="small"] #button-forward:hover:active {
  -moz-image-region: rect(24px 168px 48px 144px);
}

toolbar[iconsize="small"] #button-forward[disabled] {
  -moz-image-region: rect(48px 168px 72px 144px) !important;
}

toolbar[iconsize="small"] .delete-button {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 192px 24px 168px);
}

toolbar[iconsize="small"] .delete-button:hover:active {
  -moz-image-region: rect(24px 192px 48px 168px);
}

toolbar[iconsize="small"] .delete-button[disabled] {
  -moz-image-region: rect(48px 192px 72px 168px) !important;
}

toolbar[iconsize="small"] .junk-button {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 216px 24px 192px);
}

toolbar[iconsize="small"] .junk-button:hover:active {
  -moz-image-region: rect(24px 216px 48px 192px);
}

toolbar[iconsize="small"] .junk-button[disabled] {
  -moz-image-region: rect(48px 216px 72px 192px) !important;
}

toolbar[iconsize="small"] #button-print {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 240px 24px 216px);
}

toolbar[iconsize="small"] #button-print:hover:active,
toolbar[iconsize="small"] #button-print[open] {
  -moz-image-region: rect(24px 240px 48px 216px);
}

toolbar[iconsize="small"] #button-print[disabled] {
  -moz-image-region: rect(48px 240px 72px 216px) !important;
}

toolbar[iconsize="small"] #button-stop {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 264px 24px 240px);
}

toolbar[iconsize="small"] #button-stop:hover:active {
  -moz-image-region: rect(24px 264px 48px 240px);
}

toolbar[iconsize="small"] #button-stop[disabled] {
  -moz-image-region: rect(48px 264px 72px 240px) !important;
}

toolbar[iconsize="small"] #button-file {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 288px 24px 264px);
}

toolbar[iconsize="small"] #button-file:hover:active,
toolbar[iconsize="small"] #button-file[open] {
  -moz-image-region: rect(24px 288px 48px 264px);
}

toolbar[iconsize="small"] #button-file[disabled] {
  -moz-image-region: rect(48px 288px 72px 264px) !important;
}

toolbar[iconsize="small"] #button-mark {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 312px 24px 288px);
}

toolbar[iconsize="small"] #button-mark:hover:active,
toolbar[iconsize="small"] #button-mark[open] {
  -moz-image-region: rect(24px 312px 48px 288px);
}

toolbar[iconsize="small"] #button-mark[disabled] {
  -moz-image-region: rect(48px 312px 72px 288px) !important;
}

toolbar[iconsize="small"] #button-previous {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 336px 24px 312px);
}

toolbar[iconsize="small"] #button-previous:hover:active {
  -moz-image-region: rect(24px 336px 48px 312px);
}

toolbar[iconsize="small"] #button-previous[disabled] {
  -moz-image-region: rect(48px 336px 72px 312px) !important;
}

toolbar[iconsize="small"] #button-next {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 360px 24px 336px);
}

toolbar[iconsize="small"] #button-next:hover:active {
  -moz-image-region: rect(24px 360px 48px 336px);
}

toolbar[iconsize="small"] #button-next[disabled] {
  -moz-image-region: rect(48px 360px 72px 336px) !important;
}

toolbar[iconsize="small"] #button-tag {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 384px 24px 360px);
}

toolbar[iconsize="small"] #button-tag:hover:active,
toolbar[iconsize="small"] #button-tag[open] {
  -moz-image-region: rect(24px 384px 48px 360px);
}

toolbar[iconsize="small"] #button-tag[disabled] {
  -moz-image-region: rect(48px 384px 72px 360px) !important;
}

toolbar[iconsize="small"] #button-goback {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 408px 24px 384px);
}

toolbar[iconsize="small"] #button-goback:hover:active,
toolbar[iconsize="small"] #button-goback[open] {
  -moz-image-region: rect(24px 408px 48px 384px);
}

toolbar[iconsize="small"] #button-goback[disabled] {
  -moz-image-region: rect(48px 408px 72px 384px) !important;
}

toolbar[iconsize="small"] #button-goforward {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 432px 24px 408px);
}

toolbar[iconsize="small"] #button-goforward:hover:active,
toolbar[iconsize="small"] #button-goforward[open] {
  -moz-image-region: rect(24px 432px 48px 408px);
}

toolbar[iconsize="small"] #button-goforward[disabled] {
  -moz-image-region: rect(48px 432px 72px 408px) !important;
}

toolbar[iconsize="small"] #button-compact {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 456px 24px 432px);
}

toolbar[iconsize="small"] #button-compact:hover:active {
  -moz-image-region: rect(24px 456px 48px 432px);
}

toolbar[iconsize="small"] #button-compact[disabled] {
  -moz-image-region: rect(48px 456px 72px 432px) !important;
}

toolbar[iconsize="small"] #button-archive {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 480px 24px 456px);
}

toolbar[iconsize="small"] #button-archive:hover:active {
  -moz-image-region: rect(24px 480px 48px 456px);
}

toolbar[iconsize="small"] #button-archive[disabled] {
  -moz-image-region: rect(48px 480px 72px 456px) !important;
}

/* ::::: end small primary toolbar buttons ::::: */

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

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

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

#junkBar {
  background-color: #CAE2C5;
  padding: 6px 8px;
  color: black;
}

#junkIcon {
  list-style-image: url("chrome://messenger/skin/icons/folder-junk.png");
}

/* ::::: remote content bar status rules ::::: */

#remoteContentImage {
  list-style-image: url("chrome://messenger/skin/icons/warning.png");
}

#remoteContentBar {
  background-color: #FBFBC8;
  border: 1px solid #DDDDE1;
  color: black;
  padding: 0.3em 0.2em;
  -moz-border-radius-bottomleft: 0.2em;
  -moz-border-radius-bottomright: 0.2em;
  -moz-border-radius-topleft: 0.2em;
  -moz-border-radius-topright: 0.2em;
}

#remoteContentDescription {
  -moz-margin-start: 1.1em;
}

#remoteContentButton {
  margin-top: 0;
  margin-bottom: 0;
}

#phishingBarImage {
/* for now, temporarily copy the remote image icon until we can get a new one */
  list-style-image: url("chrome://messenger/skin/icons/warning.png");
}

#phishingBar {
  background-color: #EFF3D4;
  padding: 6px 8px;
  color: black;
}

#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;
}

