/* ***** 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.org
 *
 * The Initial Developer of the Original Code is
 * Netscape Communications Corporation.
 * Portions created by the Initial Developer are Copyright (C) 1998
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt <hewitt@netscape.com>
 *   Daniel Glazman (glazman@disruptive-innovations.com), on behalf of Linspire Inc.
 *
 * 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 ***** */

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

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

#FormatToolbar > .toolbar-holder > .toolbar-primary-icon {
  /*min-width: 32px;*/
}




#DecreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(64px 14px 80px 0);
}
#DecreaseFontSizeButton:hover {
  -moz-image-region: rect(64px 28px 80px 14px);
}
#DecreaseFontSizeButton:hover:active {
  -moz-image-region: rect(64px 42px 80px 28px);
}
#DecreaseFontSizeButton[disabled="true"] {
  -moz-image-region: rect(64px 56px 80px 42px);
}

#IncreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(80px 18px 98px 0);
}
#IncreaseFontSizeButton:hover {
  -moz-image-region: rect(80px 36px 98px 18px);
}
#IncreaseFontSizeButton:hover:active {
  -moz-image-region: rect(80px 54px 98px 36px);
}
#IncreaseFontSizeButton[disabled="true"] {
  -moz-image-region: rect(80px 72px 98px 54px);
}

#boldButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(16px 16px 32px 0);
}
#boldButton:hover {
  -moz-image-region: rect(16px 32px 32px 16px);
}
#boldButton:hover:active {
  -moz-image-region: rect(16px 48px 32px 32px);
}
#boldButton[checked="true"] {
  -moz-image-region: rect(16px 16px 32px 0);
}
#boldButton[disabled="true"] {
  -moz-image-region: rect(16px 64px 32px 48px);
}

#italicButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(98px 16px 114px 0);
}
#italicButton:hover {
  -moz-image-region: rect(98px 32px 114px 16px);
}
#italicButton:hover:active {
  -moz-image-region: rect(98px 48px 114px 32px);
}
#italicButton[checked="true"] {
  -moz-image-region: rect(98px 16px 114px 0);
}
#italicButton[disabled="true"] {
  -moz-image-region: rect(98px 64px 114px 48px);
}

#underlineButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(114px 16px 130px 0);
}
#underlineButton:hover {
  -moz-image-region: rect(114px 32px 130px 16px);
}
#underlineButton:hover:active {
  -moz-image-region: rect(114px 48px 130px 32px);
}
#underlineButton[checked="true"] {
  -moz-image-region: rect(114px 16px 130px 0);
}
#underlineButton[disabled="true"] {
  -moz-image-region: rect(114px 64px 130px 48px);
}

#ulButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(32px 16px 48px 0);
}
#ulButton:hover {
  -moz-image-region: rect(32px 32px 48px 16px);
}
#ulButton:hover:active {
  -moz-image-region: rect(32px 48px 48px 32px);
}
#ulButton[checked="true"] {
  -moz-image-region: rect(32px 16px 48px 0);
}
#ulButton[disabled="true"] {
  -moz-image-region: rect(32px 64px 48px 48px);
}

#olButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(194px 16px 210px 0);
}
#olButton:hover {
  -moz-image-region: rect(194px 32px 210px 16px);
}
#olButton:hover:active {
  -moz-image-region: rect(194px 48px 210px 32px);
}
#olButton[checked="true"] {
  -moz-image-region: rect(194px 16px 210px 0);
}
#olButton[disabled="true"] {
  -moz-image-region: rect(194px 64px 210px 48px);
}

#outdentButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(210px 16px 226px 0);
}
#outdentButton:hover {
  -moz-image-region: rect(210px 32px 226px 16px);
}
#outdentButton:hover:active {
  -moz-image-region: rect(210px 48px 226px 32px);
}
#outdentButton[disabled="true"] {
  -moz-image-region: rect(210px 64px 226px 48px);
}

#indentButton {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(178px 16px 194px 0);
}
#indentButton:hover {
  -moz-image-region: rect(178px 32px 194px 16px);
}
#indentButton:hover:active {
  -moz-image-region: rect(178px 48px 194px 32px);
}
#indentButton[disabled="true"] {
  -moz-image-region: rect(178px 64px 194px 48px);
}

#align-left-button {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(146px 16px 162px 0);
}
#align-left-button:hover {
  -moz-image-region: rect(146px 32px 162px 16px);
}
#align-left-button:hover:active {
  -moz-image-region: rect(146px 48px 162px 32px);
}
#align-left-button[checked="true"] {
  -moz-image-region: rect(146px 16px 162px 0);
}
#align-left-button[disabled="true"] {
  -moz-image-region: rect(146px 64px 162px 48px);
}

#align-center-button {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(0px 16px 16px 0);
}
#align-center-button:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}
#align-center-button:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}
#align-center-button[checked="true"] {
  -moz-image-region: rect(0px 16px 16px 0);
}
#align-center-button[disabled="true"] {
  -moz-image-region: rect(0px 64px 16px 48px);
}

#align-right-button {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(162px 16px 178px 0);
}
#align-right-button:hover {
  -moz-image-region: rect(162px 32px 178px 16px);
}
#align-right-button:hover:active {
  -moz-image-region: rect(162px 48px 178px 32px);
}
#align-right-button[checked="true"] {
  -moz-image-region: rect(162px 16px 178px 0);
}
#align-right-button[disabled="true"] {
  -moz-image-region: rect(162px 64px 178px 48px);
}

#align-justify-button {
  list-style-image: url("chrome://editor/skin/icons/btn2.png");
  -moz-image-region: rect(130px 16px 146px 0);
}
#align-justify-button:hover {
  -moz-image-region: rect(130px 32px 146px 16px);
}
#align-justify-button:hover:active {
  -moz-image-region: rect(130px 48px 146px 32px);
}
#align-justify-button[checked="true"] {
  -moz-image-region: rect(130px 16px 146px 0);
}
#align-justify-button[disabled="true"] {
  -moz-image-region: rect(130px 64px 146px 48px);
}

/* smiley menu */

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

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

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

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

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

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

.insert-undecided > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/undecided_n.gif"); 
}

.insert-surprise > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/surprise_n.gif"); 
}

.insert-kiss > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/kiss_n.gif"); 
}

.insert-yell > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/yell_n.gif"); 
}

.insert-cool > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/cool_n.gif"); 
}

.insert-undecided > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/undecided_n.gif"); 
}

.insert-money > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/money_n.gif"); 
}

.insert-foot > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/foot_n.gif"); 
}

.insert-innocent > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/innocent_n.gif"); 
}

.insert-cry > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/cry_n.gif"); 
}

.insert-sealed > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/sealed_n.gif"); 
}



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

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

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

.color-button:not([disabled]):hover {
  border: 1px solid ThreeDDarkShadow;
}

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

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

#HighlightColorButton {
  list-style-image: url("chrome://editor/skin/icons/highlight.png");
  background-color: transparent;
}

#HighlightColorButton:hover {
  list-style-image: url("chrome://editor/skin/icons/highlight-hover.png");
}

#HighlightColorButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/highlight-hover.png");
}

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


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

#absolutePositionButton:hover {
  list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
}

#absolutePositionButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/pinned-active.gif");
}

#absolutePositionButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif");
}


#absolutePositionButton[checked="true"]{
  list-style-image: url("chrome://editor/skin/icons/unpinned.gif");
}

#absolutePositionButton[checked="true"]:hover {
  list-style-image: url("chrome://editor/skin/icons/unpinned-hover.gif");
}

#absolutePositionButton[checked="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/icons/unpinned-active.gif");
}


#increaseZIndexButton {
  list-style-image: url("chrome://editor/content/images/bringtofront.gif");
}
#increaseZIndexButton[disabled="true"] {
  list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
}
#decreaseZIndexButton {
  list-style-image: url("chrome://editor/content/images/sendtoback.gif");
}
#decreaseZIndexButton[disabled="true"] {
  list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
}


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

#emButton:hover {
  list-style-image: url("chrome://editor/skin/icons/em-hover.gif");
}

#emButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/em-active.gif");
}

#emButton[checked="true"] {
  list-style-image: url("chrome://editor/skin/icons/em.gif");
}

#emButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/em-disabled.gif") ! important;
}

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

#strongButton:hover {
  list-style-image: url("chrome://editor/skin/icons/strong-hover.gif");
}

#strongButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/strong-active.gif");
}

#strongButton[checked="true"] {
  list-style-image: url("chrome://editor/skin/icons/strong.gif");
}

#strongButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/strong-disabled.gif") ! important;
}

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

#blockBordersButton:hover {
  list-style-image: url("chrome://editor/skin/icons/borders-hover.gif");
}

#blockBordersButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/borders-active.gif");
}

#dtButton {
  list-style-image: url("chrome://editor/skin/icons/dt.gif");
}
#dtButton:hover {
  list-style-image: url("chrome://editor/skin/icons/dt-hover.gif");
}
#dtButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/dt-active.gif");
}
#dtButton[disabled="true"]{
  list-style-image: url("chrome://editor/skin/icons/dt-disabled.gif");
}

#ddButton {
  list-style-image: url("chrome://editor/skin/icons/dd.gif");
}
#ddButton:hover {
  list-style-image: url("chrome://editor/skin/icons/dd-hover.gif");
}
#ddButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/dd-active.gif");
}
#ddButton[disabled="true"]{
  list-style-image: url("chrome://editor/skin/icons/dd-disabled.gif");
}

#dirLtrButton {
  list-style-image: url("chrome://editor/skin/icons/dir-ltr.gif");
}
#dirLtrButton:hover {
  list-style-image: url("chrome://editor/skin/icons/dir-ltr-hover.gif");
}
#dirLtrButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/dir-ltr-active.gif");
}
#dirLtrButton[disabled="true"]{
  list-style-image: url("chrome://editor/skin/icons/dir-ltr-disabled.gif");
}

#dirRtlButton {
  list-style-image: url("chrome://editor/skin/icons/dir-rtl.gif");
}
#dirRtlButton:hover {
  list-style-image: url("chrome://editor/skin/icons/dir-rtl-hover.gif");
}
#dirRtlButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/dir-rtl-active.gif");
}
#dirRtlButton[disabled="true"]{
  list-style-image: url("chrome://editor/skin/icons/dir-rtl-disabled.gif");
}

#leftGluedButton {
  list-style-image: url("chrome://editor/skin/icons/leftGlued.gif");
}
#leftGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/leftGlued-hover.gif");
}
#leftGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/leftGlued-active.gif");
}
#leftGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/leftGlued-disabled.gif");
}

#rightGluedButton {
  list-style-image: url("chrome://editor/skin/icons/rightGlued.gif");
}
#rightGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/rightGlued-hover.gif");
}
#rightGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/rightGlued-active.gif");
}
#rightGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/rightGlued-disabled.gif");
}

#centerGluedButton {
  list-style-image: url("chrome://editor/skin/icons/centerGlued.gif");
}
#centerGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/centerGlued-hover.gif");
}
#centerGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/centerGlued-active.gif");
}
#centerGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/centerGlued-disabled.gif");
}

#topGluedButton {
  list-style-image: url("chrome://editor/skin/icons/topGlued.gif");
}
#topGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/topGlued-hover.gif");
}
#topGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/topGlued-active.gif");
}
#topGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/topGlued-disabled.gif");
}

#middleGluedButton {
  list-style-image: url("chrome://editor/skin/icons/middleGlued.gif");
}
#middleGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/middleGlued-hover.gif");
}
#middleGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/middleGlued-active.gif");
}
#middleGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/middleGlued-disabled.gif");
}

#bottomGluedButton {
  list-style-image: url("chrome://editor/skin/icons/bottomGlued.gif");
}
#bottomGluedButton:hover {
  list-style-image: url("chrome://editor/skin/icons/bottomGlued-hover.gif");
}
#bottomGluedButton:hover:active {
  list-style-image: url("chrome://editor/skin/icons/bottomGlued-active.gif");
}
#bottomGluedButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/bottomGlued-disabled.gif");
}
