/*
 * 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)
 */

/* ==== EditorToolbars.css ==================================================
   == Styles related to toolbars in the Editor application.
   ========================================================================== */

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

/* ::::: primary toolbar masthead ::::: */

#EditToolbar > .toolbar-holder > .toolbar-primary-icon {
  background-image: url("chrome://editor/skin/icons/mast-editor.gif");
}

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

.button-toolbar-2 {
  min-width: 48px;
}

#newButton {
  list-style-image: url("chrome://editor/skin/btn1/newfile.gif");
}

#newButton[disabled="true"],
#newButton[disabled="true"]:hover,
#newButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/newfile-dis.gif");
}

#newButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/newfile-hov.gif");
}

#newButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/newfile-act.gif");
}

#openButton {
  list-style-image: url("chrome://editor/skin/btn1/openfile.gif");
}

#openButton[disabled="true"],
#openButton[disabled="true"]:hover,
#openButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/openfile-dis.gif");
}

#openButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/openfile-hov.gif");
}

#openButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/openfile-act.gif");
}

#saveButton {
  list-style-image: url("chrome://editor/skin/btn1/savefile.gif");
}

#saveButton[disabled="true"],
#saveButton[disabled="true"]:hover,
#saveButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/savefile-dis.gif");
}

#saveButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/savefile-hov.gif");
}

#saveButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/savefile-act.gif");
}

#publishButton {
  list-style-image: url("chrome://editor/skin/btn1/publish.gif");
}

#previewButton {
  list-style-image: url("chrome://editor/skin/btn1/preview.gif");
}

#previewButton[disabled="true"],
#previewButton[disabled="true"]:hover,
#previewButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/preview-dis.gif");
}

#previewButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/preview-hov.gif");
}

#previewButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/preview-act.gif");
}

#printButton {
  list-style-image: url("chrome://communicator/skin/btn1/print.gif");
}

#printButton[disabled="true"],
#printButton[disabled="true"] > .menubutton-dual-stack
    > .menubutton-dual-button:hover,
#printButton[disabled="true"] > .menubutton-dual-stack
    > .menubutton-dual-button:hover:active
{
  list-style-image: url("chrome://communicator/skin/btn1/print-dis.gif");
}

#printButton > .menubutton-dual-stack > .menubutton-dual-button:hover {
  list-style-image: url("chrome://communicator/skin/btn1/print-hov.gif");
}

#printButton > .menubutton-dual-stack
    > .menubutton-dual-button:hover:active
{
  list-style-image: url("chrome://communicator/skin/btn1/print-act.gif");
}

#findButton {
  list-style-image: url("chrome://editor/skin/btn1/find.gif");
}

#linkButton {
  list-style-image: url("chrome://editor/skin/btn1/link.gif");
}

#linkButton[disabled="true"],
#linkButton[disabled="true"]:hover,
#linkButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/link-dis.gif");
}

#linkButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/link-hov.gif");
}

#linkButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/link-act.gif");
}

#imageButton {
  list-style-image: url("chrome://editor/skin/btn1/image.gif");
}

#imageButton[disabled="true"],
#imageButton[disabled="true"]:hover,
#imageButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/image-dis.gif");
}

#imageButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/image-hov.gif");
}

#imageButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/image-act.gif");
}

#namedAnchorButton {
  list-style-image: url("chrome://editor/skin/btn1/anchor.gif");
}

#namedAnchorButton[disabled="true"],
#namedAnchorButton[disabled="true"]:hover,
#namedAnchorButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/anchor-dis.gif");
}

#namedAnchorButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/anchor-hov.gif");
}

#namedAnchorButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/anchor-act.gif");
}

#hlineButton {
  list-style-image: url("chrome://editor/skin/btn1/hline.gif");
}

#hlineButton[disabled="true"],
#hlineButton[disabled="true"]:hover,
#hlineButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/hline-dis.gif");
}

#hlineButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/hline-hov.gif");
}

#hlineButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/hline-act.gif");
}

#tableButton {
  list-style-image: url("chrome://editor/skin/btn1/table.gif");
}

#tableButton[disabled="true"],
#tableButton[disabled="true"]:hover,
#tableButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/table-dis.gif");
}

#tableButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/table-hov.gif");
}

#tableButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/table-act.gif");
}

#spellingButton {
  list-style-image: url("chrome://editor/skin/btn1/spell.gif");
}

#spellingButton[disabled="true"],
#spellingButton[disabled="true"]:hover,
#spellingButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/spell-dis.gif");
}

#spellingButton:hover {
  list-style-image: url("chrome://editor/skin/btn1/spell-hov.gif");
}

#spellingButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn1/spell-act.gif");
}

/* ::::: formatting buttons ::::: */

#FormatToolbar > .button-toolbar {
  border: none;
  padding: 0px;
}

#FormatToolbar > .button-toolbar[toggled="true"] {
  background-color: transparent;
}

#DecreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size.gif");
}

#DecreaseFontSizeButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-hov.gif");
}

#DecreaseFontSizeButton[toggled="true"],
#DecreaseFontSizeButton[toggled="true"]:hover,
#DecreaseFontSizeButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-act.gif");
}

#DecreaseFontSizeButton[disabled="true"],
#DecreaseFontSizeButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-dis.gif");
}

#IncreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size.gif");
}

#IncreaseFontSizeButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-hov.gif");
}

#IncreaseFontSizeButton[toggled="true"],
#IncreaseFontSizeButton[toggled="true"]:hover,
#IncreaseFontSizeButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-act.gif");
}

#IncreaseFontSizeButton[disabled="true"],
#IncreaseFontSizeButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-dis.gif");
}

#boldButton {
  list-style-image: url("chrome://editor/skin/btn2/bold.gif");
}

#boldButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/bold-hov.gif");
}

#boldButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bold-act.gif");
}

#boldButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/bold-sel.gif");
}

#boldButton[disabled="true"],
#boldButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bold-dis.gif");
}

#italicButton {
  list-style-image: url("chrome://editor/skin/btn2/italic.gif");
}

#italicButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/italic-hov.gif");
}

#italicButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/italic-act.gif");
}

#italicButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/italic-sel.gif");
}

#italicButton[disabled="true"],
#italicButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/italic-dis.gif");
}

#underlineButton {
  list-style-image: url("chrome://editor/skin/btn2/underline.gif");
}

#underlineButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/underline-hov.gif");
}

#underlineButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/underline-act.gif");
}

#underlineButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/underline-sel.gif");
}

#underlineButton[disabled="true"],
#underlineButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/underline-dis.gif");
}

#ulButton {
  list-style-image: url("chrome://editor/skin/btn2/bullets.gif");
}

#ulButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/bullets-hov.gif");
}

#ulButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bullets-act.gif");
}

#ulButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/bullets-sel.gif");
}

#ulButton[disabled="true"],
#ulButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bullets-dis.gif");
}

#olButton {
  list-style-image: url("chrome://editor/skin/btn2/numbers.gif");
}

#olButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/numbers-hov.gif");
}

#olButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/numbers-act.gif");
}

#olButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/numbers-sel.gif");
}

#olButton[disabled="true"],
#olButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/numbers-dis.gif");
}

#outdentButton {
  list-style-image: url("chrome://editor/skin/btn2/outdent.gif");
}

#outdentButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/outdent-hov.gif");
}

#outdentButton[toggled="true"],
#outdentButton[toggled="true"]:hover,
#outdentButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/outdent-act.gif");
}

#outdentButton[disabled="true"],
#outdentButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/outdent-dis.gif");
}

#indentButton {
  list-style-image: url("chrome://editor/skin/btn2/indent.gif");
}

#indentButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/indent-hov.gif");
}

#indentButton[toggled="true"],
#indentButton[toggled="true"]:hover,
#indentButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/indent-act.gif");
}

#indentButton[disabled="true"],
#indentButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/indent-dis.gif");
}

#AlignPopupButton {
  list-style-image: url("chrome://editor/skin/btn2/align.gif");
}

#AlignPopupButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-hov.gif");
}

#AlignPopupButton:hover:active,
#AlignPopupButton[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/align-act.gif");
}

#AlignPopupButton[disabled="true"],
#AlignPopupButton[disabled="true"]:hover,
#AlignPopupButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/align-dis.gif");
}

#AlignLeftItem {
  list-style-image: url("chrome://editor/skin/btn2/align-left.gif");
}

#AlignLeftItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-left-hov.gif");
}

#AlignCenterItem {
  list-style-image: url("chrome://editor/skin/btn2/align-center.gif");
}

#AlignCenterItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-center-hov.gif");
}

#AlignRightItem {
  list-style-image: url("chrome://editor/skin/btn2/align-right.gif");
}

#AlignRightItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-right-hov.gif");
}

#AlignJustifyItem {
  list-style-image: url("chrome://editor/skin/btn2/align-justify.gif");
}

#AlignJustifyItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-justify-hov.gif");
}

#InsertPopupButton {
  list-style-image: url("chrome://editor/skin/btn2/insert.gif");
}

#InsertPopupButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-hov.gif");
}

#InsertPopupButton:hover:active,
#InsertPopupButton[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/insert-act.gif");
}

#InsertPopupButton[disabled="true"],
#InsertPopupButton[disabled="true"]:hover,
#InsertPopupButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/insert-dis.gif");
}

#InsertLinkItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-link.gif");
}

#InsertLinkItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-link-hov.gif");
}

#InsertAnchorItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-anchor.gif");
}

#InsertAnchorItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-anchor-hov.gif");
}

#InsertImageItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-image.gif");
}

#InsertImageItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-image-hov.gif");
}

#InsertHRuleItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-hrule.gif");
}

#InsertHRuleItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-hrule-hov.gif");
}

#InsertTableItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-table.gif");
}

#InsertTableItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-table-hov.gif");
}

#align-left-button {
  list-style-image: url("chrome://editor/skin/btn2/left.gif");
}

#align-left-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/left-hov.gif");
}

#align-left-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/left-act.gif");
}

#align-left-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/left-sel.gif");
}

#align-left-button[disabled="true"],
#align-left-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/left-dis.gif");
}

#align-center-button {
  list-style-image: url("chrome://editor/skin/btn2/center.gif");
}

#align-center-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/center-hov.gif");
}

#align-center-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/center-act.gif");
}

#align-center-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/center-sel.gif");
}

#align-center-button[disabled="true"],
#align-center-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/center-dis.gif");
}

#align-right-button {
  list-style-image: url("chrome://editor/skin/btn2/right.gif");
}

#align-right-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/right-hov.gif");
}

#align-right-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/right-act.gif");
}

#align-right-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/right-sel.gif");
}

#align-right-button[disabled="true"],
#align-right-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/right-dis.gif");
}

#align-justify-button {
  list-style-image: url("chrome://editor/skin/btn2/justify.gif");
}

#align-justify-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/justify-hov.gif");
}

#align-justify-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/justify-act.gif");
}

#align-justify-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/justify-sel.gif");
}

#align-justify-button[disabled="true"],
#align-justify-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/justify-dis.gif");
}

#smileButtonMenu {
  list-style-image: url("chrome://editor/skin/btn2/smiley.gif");
}

#smileButtonMenu:hover {
  list-style-image: url("chrome://editor/skin/btn2/smiley-hov.gif");
}

#smileButtonMenu:hover:active,
#smileButtonMenu[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/smiley-act.gif");
}

#smileButtonMenu[disabled="true"],
#smileButtonMenu[disabled="true"]:hover,
#smileButtonMenu[disabled="true"]:hover:active  {
  list-style-image: url("chrome://editor/skin/btn2/smiley-dis.gif");
}

.insert-smile > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/smile_n.gif");
}

.insert-tongue > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/tongue_n.gif");
}

.insert-frown > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/frown_n.gif"); 
}

.insert-wink > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/wink_n.gif");
}

.insert-laughing > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/laughing_n.gif"); 
}

.insert-embarrassed > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/embarrassed_n.gif");
}

.insert-undecided > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/icons/smiley/undecided_n.gif); 
}

.smiley > .menu-iconic-left {
  margin-right: 15px;
}

/* ::::: fg/bg color picker ::::: */

.color-button {
  margin: 2px;
  border: 1px inset #5B7693;
  padding: 0px;
  width: 14px;
  height: 12px;
}

.color-button:hover {
  border: 1px solid #ffffff;
}

#TextColorButton {
  margin: 2px 9px 9px 2px;
}

#BackgroundColorButton {
  margin: 9px 2px 2px 9px;
}

/* ::::: edit mode toolbar ::::: */

#EditModeToolbar {
  margin-bottom: 0px;
  border-bottom: 1px solid #B4C3D4;
  padding: 0px 0px 2px 0px;
  min-width: 1px;
  background-color: #B4C3D4;
  color: #ffffff;
  overflow: hidden;
}

#EditModeToolbar > toolbargrippy {
  display: none;
}

#NormalModeButton {
  list-style-image: url("chrome://editor/skin/icons/editmode-normal.gif");
}

#TagModeButton {
  list-style-image: url("chrome://editor/skin/icons/editmode-tags.gif");
}

#SourceModeButton {
  list-style-image: url("chrome://editor/skin/icons/editmode-html.gif");
}

#PreviewModeButton {
  list-style-image: url("chrome://editor/skin/icons/editmode-preview.gif");
}

/* ::::: miscellany ::::: */

.separator_small {
  width: 1em;
}

.center {
  text-align: center;
}

