/* ***** 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-2001
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt (hewitt@netscape.com)
 *
 * 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 ***** */

/* ===== messengercompose.css ===========================================
  == Styles for the main Messenger Compose window.
  ======================================================================= */

@import url("chrome://messenger/skin/");
@import url("chrome://global/skin/toolbar.css");

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

#msgcomposeWindow:-moz-lwtheme {
  background-repeat: no-repeat;
  background-position: top right;
}

#attachmentBucket {
  width: 15em;
}

/* Inactive window state */
#compose-toolbox > toolbar:-moz-window-inactive {
  border-top-color: rgba(255,255,255,0.45);
  border-bottom-color: rgba(0,0,0,0.35);
  background-color: #cfcfcf;
}

#compose-toolbox > toolbar:-moz-lwtheme {
  background-color: transparent;
}

#composeToolbar2 {
  padding: 0 4px;
}

toolbar[nowindowdrag="true"] {
  -moz-appearance: none;
}

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

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

toolbox[labelalign="end"] .toolbarbutton-1 {
  -moz-box-orient: horizontal;
}

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

toolbarbutton[type="menu-button"] {
  -moz-box-orient: horizontal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ::::: special toolbar colors ::::: */

#headers-box {
  -moz-appearance: dialog;
}

#MsgHeadersToolbar {
  color: -moz-DialogText;
  text-shadow: none;
  background-image: none;
  border-bottom: 0px solid;
}

#addresses-box {
  margin: 4px 6px;
}

#attachmentbucket-sizer {
  border-top: none;
  border-bottom: none;
  height: 7px;
}

#attachmentBucketSize {
  color: #888a85;
}

#appcontent {
  border-top: 1px solid #cccccc;
}

/* ::::: attachment reminder ::::: */

#attachmentNotificationBox > notification .messageImage {
  width: 16px;
  height: 16px;
  background-image: url(chrome://messenger/skin/messengercompose/attachmentnotification.png);
}

#attachmentReminderText {
  -moz-margin-start: 0px;
  cursor: pointer;
}

#attachmentKeywords {
  font-weight: bold;
  -moz-margin-start: 0px;
  text-decoration: underline;
  cursor: pointer;
}

/* XXX I should really have a selector rule here to select just .listcell-icon objects underneath the attachmentList listbox */

.listcell-icon {
  -moz-margin-start: 2px;
  margin-top: 2px;
}

#msgSubject {
  -moz-margin-start: 1px;
  -moz-margin-end: 1px;
}

/* ::::: autocomplete icons ::::: */

treechildren::-moz-tree-cell-text(default-match) {
  margin-top: 2px;
  margin-bottom: 2px;
  -moz-margin-start: 15px;
  -moz-margin-end: -3px;
  border: none;
}

treechildren::-moz-tree-image(local-abook) {
  margin-top: 2px;
  margin-bottom: 2px;
  -moz-margin-start: 4px;
  -moz-margin-end: -1px;
  list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.png");
}

treechildren::-moz-tree-image(remote-abook) {
  margin-top: 2px;
  margin-bottom: 2px;
  -moz-margin-start: 2px;
  -moz-margin-end: -3px;
  list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.png");
}

treechildren::-moz-tree-image(remote-err) {
  margin-top: 2px;
  margin-bottom: 2px;
  -moz-margin-start: 2px;
  -moz-margin-end: -3px;
  list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.png");
}

/* ::::: addressing widget ::::: */

#addressingWidget {
  -moz-user-focus: none;
  -moz-appearance: none;
  width: 0;
  margin: 5px 0px;
  border: none;
  background-color: transparent;
}

#addressingWidget listboxbody {
  margin: 1px 0;
}

#textcol-addressingWidget {
  border: 1px solid threedshadow;
  background-color: -moz-field;
}

.addressingWidgetItem,
.dummy-row {
  border: none !important;
  background-color: inherit !important;
  color: inherit !important;
}

.addressingWidgetCell {
  border-bottom: 1px solid #DCDCDC;
  padding: 0px;
}

.addressingWidgetCell:first-child,
.dummy-row-cell:first-child {
  border-bottom-color: transparent;
}

.person-icon {
  margin: 0 3px;
  list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.png");
}

.aw-menulist:-moz-locale-dir(ltr),
.aw-menulist > .menulist-label-box:-moz-locale-dir(rtl) {
  direction: rtl; 
}

.aw-menulist:-moz-locale-dir(rtl),
.aw-menulist > .menulist-label-box:-moz-locale-dir(ltr) {
  direction: ltr;
}

.aw-menulist {
  -moz-appearance: menulist;
  -moz-margin-start: 5px;
}

.aw-menulist > .menulist-label {
  font: icon;
  margin: 0 1px !important;
  font-size: 10px;
  text-align: start;
}

/* ::::: compose toolbar sizer ::::: */

#compose-toolbar-sizer {
  background-color: -moz-Dialog;
}

/* ::::: format toolbar ::::: */

#FormatToolbar {
  border-bottom: none;
  background-image: none;
  background-color: -moz-Dialog !important;
  padding-top: 2px;
}

toolbarbutton.formatting-button {
  height: 26px;
  padding: 3px 0px 2px;
  margin: 0px;
  border-left: 0px;
  border-right: 0px;
  list-style-image: url("chrome://messenger/skin/messengercompose/format-buttons.png");
}

#FontFaceSelect {
   max-width: 15em;
}

#ColorButtons {
  margin-top: 0px;
  margin-bottom: 0px;
  -moz-margin-start: 3px;
  -moz-margin-end: 5px;
}


#AlignPopupButton, #InsertPopupButton, #smileButtonMenu {
 background: url("chrome://messenger/skin/messengercompose/small-button-base.png") no-repeat;
 width: 32px;
 margin: 0px 2px;
}

#AlignPopupButton[disabled="true"], #InsertPopupButton[disabled="true"], #smileButtonMenu[disabled="true"] {
 background: url("chrome://messenger/skin/messengercompose/small-button-disabled.png") no-repeat !important;
}

#AlignPopupButton[open="true"], #InsertPopupButton[open="true"], #smileButtonMenu[open="true"] {
 background: url("chrome://messenger/skin/messengercompose/small-button-pressed.png") no-repeat;
}

#DecreaseFontSizeButton, #boldButton, #ulButton {
  background: url("chrome://messenger/skin/messengercompose/left-button-base.png") no-repeat;
  -moz-margin-end: 0px;
  width: 29px !important;
  -moz-padding-start: 2px !important;
}

#DecreaseFontSizeButton[disabled="true"], #boldButton[disabled="true"], #ulButton[disabled="true"] {
  background: url("chrome://messenger/skin/messengercompose/left-button-disabled.png") no-repeat !important;
}

#DecreaseFontSizeButton:hover:active, #boldButton:hover:active, #boldButton[checked="true"], #ulButton:hover:active, #ulButton[checked="true"] {
  background: url("chrome://messenger/skin/messengercompose/left-button-pressed.png") no-repeat;
}

#italicButton, #olButton, #outdentButton {
  background: url("chrome://messenger/skin/messengercompose/mid-button-base.png") no-repeat;
  margin: 0;
  width: 27px !important;
}

#italicButton[checked="true"], #italicButton:hover:active, #olButton[checked="true"], #olButton:hover:active, #outdentButton:hover:active {
  background: url("chrome://messenger/skin/messengercompose/mid-button-pressed.png") no-repeat;

}

#italicButton[disabled="true"], #olButton[disabled="true"], #outdentButton[disabled="true"] {
  background: url("chrome://messenger/skin/messengercompose/mid-button-disabled.png") no-repeat !important;

}

#IncreaseFontSizeButton, #underlineButton, #indentButton {
  background: url("chrome://messenger/skin/messengercompose/right-button-base.png") no-repeat;
  -moz-margin-start: 0px;
  width: 30px !important;
}

#IncreaseFontSizeButton:hover:active, #underlineButton[checked="true"],  #underlineButton:hover:active, #indentButton[checked="true"], #indentButton:hover:active {
  background: url("chrome://messenger/skin/messengercompose/right-button-pressed.png") no-repeat;
}


#IncreaseFontSizeButton[disabled="true"], #underlineButton[disabled="true"], #indentButton[disabled="true"] {
  background: url("chrome://messenger/skin/messengercompose/right-button-disabled.png") no-repeat;
}

toolbarbutton.formatting-button > .toolbarbutton-menu-dropmarker {
  margin: 0px;
  padding: 0px;
}

toolbarbutton.formatting-button > .toolbarbutton-menubutton-icon {
  -moz-padding-start: 2px;
}

toolbarbutton.formatting-button > .toolbarbutton-menubutton-dropmarker {
  margin: 0px;
  padding: 0px;
}

#FormatToolbar > toolbarbutton > .toolbarbutton-text {
  display: none;
}

#IncreaseFontSizeButton {
  -moz-image-region: rect(0px 20px 12px 0px);
}

#IncreaseFontSizeButton[disabled="true"] {
  -moz-image-region: rect(0px 60px 12px 40px) !important;
}

#DecreaseFontSizeButton {
  -moz-image-region: rect(12px 20px 24px 0px);
}

#DecreaseFontSizeButton[disabled="true"] {
  -moz-image-region: rect(12px 60px 24px 40px) !important;
}

#align-justify-button {
  -moz-image-region: rect(24px 20px 36px 0px);
}

#align-justify-button[disabled="true"] {
  -moz-image-region: rect(24px 60px 36px 40px);
}

#align-left-button {
  -moz-image-region: rect(36px 20px 48px 0px);
}

#align-left-button[disabled="true"] {
  -moz-image-region: rect(36px 60px 48px 40px);
}

#align-right-button {
  -moz-image-region: rect(48px 20px 60px 0px);
  border: 1px solid red;
}

#align-right-button[disabled="true"] {
  -moz-image-region: rect(48px 60px 60px 40px);
}

#align-center-button {
  -moz-image-region: rect(60px 20px 72px 0px);
}

#align-center-button[disabled="true"] {
  -moz-image-region: rect(60px 60px 72px 40px);
}

#InsertPopupButton {
  -moz-image-region: rect(72px 20px 84px 0px);
}

#InsertPopupButton[disabled="true"] {
  -moz-image-region: rect(72px 60px 84px 40px);
}

#ulButton {
  -moz-image-region: rect(84px 20px 96px 0px);
}

#ulButton[disabled="true"] {
  -moz-image-region: rect(84px 60px 96px 40px) !important;
}

#olButton {
  -moz-image-region: rect(96px 20px 108px 0px);
}

#olButton[disabled="true"] {
    -moz-image-region: rect(96px 60px 108px 40px) !important;
}

#smileButtonMenu {
  -moz-image-region: rect(108px 20px 120px 0px);
}

#smileButtonMenu[disabled="true"] {
   -moz-image-region: rect(108px 60px 120px 40px) !important;
}

#boldButton {
  -moz-image-region: rect(120px 20px 132px 0px);
}

#boldButton[disabled="true"] {
  -moz-image-region: rect(120px 60px 132px 40px) !important;
}

#underlineButton {
  -moz-image-region: rect(132px 20px 144px 0px);
}

#underlineButton[disabled="true"] {
  -moz-image-region: rect(132px 60px 144px 40px) !important;
}

#italicButton {
  -moz-image-region: rect(144px 20px 156px 0px);
}

#italicButton[disabled="true"] {
  -moz-image-region: rect(144px 60px 156px 40px) !important;
}

#outdentButton {
  -moz-image-region: rect(156px 20px 168px 0px);
}

#outdentButton[disabled="true"] {
   -moz-image-region: rect(156px 60px 168px 40px) !important;
}

#indentButton {
  -moz-image-region: rect(168px 20px 180px 0px);
}

#indentButton[disabled="true"] {
  -moz-image-region: rect(168px 60px 180px 40px) !important;
}

#AlignPopupButton {
    -moz-image-region: rect(36px 20px 48px 0px);
}

#AlignPopupButton[disabled="true"] {
  -moz-image-region: rect(36px 59px 48px 40px) !important;
}

/* ..... align menu ..... */

#AlignPopup > menuitem {
  list-style-image: url("chrome://messenger/skin/messengercompose/format-buttons.png");
}

#AlignLeftItem, #AlignPopupButton[state="left"] {
  -moz-image-region: rect(36px 20px 48px 0px);
}

#AlignLeftItem:hover {
  -moz-image-region: rect(36px 40px 48px 20px);
}

#AlignCenterItem, #AlignPopupButton[state="center"] {
  -moz-image-region: rect(60px 20px 72px 0px);
}

#AlignCenterItem:hover {
  -moz-image-region: rect(60px 40px 72px 20px);
}

#AlignRightItem, #AlignPopupButton[state="right"] {
  -moz-image-region: rect(48px 20px 60px 0px);
}

#AlignRightItem:hover {
  -moz-image-region: rect(48px 40px 60px 20px);
}

#AlignJustifyItem, #AlignPopupButton[state="justify"] {
  -moz-image-region: rect(24px 20px 36px 0px);
}

#AlignJustifyItem:hover {
  -moz-image-region: rect(24px 40px 36px 20px);
}

/* ..... insert menu ..... */

#InsertPopup > menuitem {
  list-style-image: url("chrome://messenger/skin/messengercompose/insert-menu.png");
}

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

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

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

#InsertHRuleItem {
  -moz-image-region: rect(48px 16px 64px 0px);
}

#InsertTableItem {
  -moz-image-region: rect(64px 16px 80px 0px);
}

/* ..... smiley menu ..... */

#smileySmile > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_smile.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyFrown > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_frown.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyWink > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_wink.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyTongue > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_tongue_out.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyLaughing > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_laughing.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyEmbarassed > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_embarrassed.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyUndecided > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_undecided.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileySurprise > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_surprised.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyKiss > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_kiss.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyYell > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_yell.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyCool > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_cool.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyMoney > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_money_mouth.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyFoot > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_foot_in_mouth.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyInnocent > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_innocent.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileyCry > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_cry.png");
  -moz-image-region: auto; /* cut off inheritance */
}

#smileySealed > .menu-iconic-left {
  list-style-image: url("chrome://messenger/skin/messengercompose/emoticon_sealed.png");
  -moz-image-region: auto; /* cut off inheritance */
}

/* ..... fg/bg color picker ..... */

.ColorPickerLabel {
  border: 1px inset ThreeDFace;
  margin: 0px;
  padding: 2px;
}

.color-button {
  border: 1px solid #A0A0A0;
  padding: 0px;
  width: 20px;
  height: 13px;
  margin: 2px;
}

#TextColorButton {
  margin-top: 2px;
  margin-bottom: 9px;
  -moz-margin-start: 2px;
  -moz-margin-end: 9px;
}

#BackgroundColorButton {
  margin-top: 9px;
  margin-bottom: 2px;
  -moz-margin-start: 9px;
  -moz-margin-end: 2px;
}

#HighlightColorButton {
  -moz-image-region: rect(260px 16px 272px 0px);
  background-color: transparent;
}

#HighlightColorButton:hover {
  -moz-image-region: rect(260px 32px 272px 16px);
}

#HighlightColorButton:hover:active {
  -moz-image-region: rect(260px 48px 272px 32px);
}

#HighlightColorButton[disabled="true"],
#HighlightColorButton[disabled="true"]:hover,
#HighlightColorButton[disabled="true"]:hover:active {
  -moz-image-region: rect(260px 64px 272px 48px);
}

/* ::::: address book sidebar ::::: */
.ab-closebutton {
  list-style-image: url("chrome://global/skin/icons/close.png") !important;
  -moz-image-region: rect(0, 16px, 16px, 0);
}

.ab-closebutton > .toolbarbutton-text {
   display: none;
}

sidebarheader {
  text-shadow: none;
  border-bottom: 1px solid #A3A3A3;
}

#sidebar-box {
  -moz-appearance: dialog;
}

#sidebar-splitter {
   border-right: 1px solid #8e8e8e;
         border-left: 1px solid #bebebe;
         background-color: #ececec;
}

#sidebar-title {
  font: icon;
  color: #000;
}

#searchInput #sidebar {
  -moz-appearance: textfield !important;
  margin: 3px;
}

#searchInput > .textbox-input-box #sidebar {
  background-image: none !important;
}

/* Quote Levels Colors */

blockquote {
  margin: inherit;
  border-width: 2px;
  border-color: gray;
}

blockquote[type=cite] {
   color: blue !important;
   border-color: blue !important;
   border-width: 2px !important;
}

blockquote[type=cite] > blockquote {
   color: green !important;
   border-color: green !important;
}

blockquote[type=cite] > blockquote > blockquote {
   color: maroon !important;
   border-color: maroon !important;
}