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

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

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

#newButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(120px 29px 149px 0);
}

#newButton:hover {
  -moz-image-region: rect(120px 59px 149px 30px);
}

#newButton:hover:active {
  -moz-image-region: rect(120px 89px 149px 60px);
}

#newButton[disabled="true"] {
  -moz-image-region: rect(120px 119px 149px 90px) !important;
}

#openButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(150px 29px 179px 0);
}

#openButton:hover {
  -moz-image-region: rect(150px 59px 179px 30px);
}

#openButton:hover:active {
  -moz-image-region: rect(150px 89px 179px 60px);
}

#openButton[disabled="true"] {
  -moz-image-region: rect(150px 119px 179px 90px) !important;
}

#saveButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(210px 29px 239px 0);
}

#saveButton:hover {
  -moz-image-region: rect(210px 59px 239px 30px);
}

#saveButton:hover:active {
  -moz-image-region: rect(210px 89px 239px 60px);
}

#saveButton[disabled="true"] {
  -moz-image-region: rect(210px 119px 239px 90px) !important;
}

#publishButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(300px 29px 329px 0);
}

#publishButton:hover {
  -moz-image-region: rect(300px 59px 329px 30px);
}

#publishButton:hover:active {
  -moz-image-region: rect(300px 89px 329px 60px);
}

#publishButton[disabled="true"] {
  -moz-image-region: rect(300px 119px 329px 90px) !important;
}

#previewButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(180px 29px 209px 0);
}

#previewButton:hover {
  -moz-image-region: rect(180px 59px 209px 30px);
}

#previewButton:hover:active {
  -moz-image-region: rect(180px 89px 209px 60px);
}

#previewButton[disabled="true"] {
  -moz-image-region: rect(180px 119px 209px 90px) !important;
}

#linkButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(90px 29px 119px 0);
}

#linkButton:hover {
  -moz-image-region: rect(90px 59px 119px 30px);
}

#linkButton:hover:active {
  -moz-image-region: rect(90px 89px 119px 60px);
}

#linkButton[disabled="true"] {
  -moz-image-region: rect(90px 119px 119px 90px) !important;
}

#imageButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(60px 29px 89px 0);
}

#imageButton:hover {
  -moz-image-region: rect(60px 59px 89px 30px);
}

#imageButton:hover:active {
  -moz-image-region: rect(60px 89px 89px 60px);
}

#imageButton[disabled="true"] {
  -moz-image-region: rect(60px 119px 89px 90px) !important;
}

#formButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(450px 29px 479px 0);
}

#formButton:hover {
  -moz-image-region: rect(450px 59px 479px 30px);
}

#formButton:hover:active {
  -moz-image-region: rect(450px 89px 479px 60px);
}

#formButton[disabled="true"] {
  -moz-image-region: rect(450px 119px 479px 90px) !important;
}

#namedAnchorButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(0 29px 29px 0);
}

#namedAnchorButton:hover {
  -moz-image-region: rect(0 59px 29px 30px);
}

#namedAnchorButton:hover:active {
  -moz-image-region: rect(0 89px 29px 60px);
}

#namedAnchorButton[disabled="true"] {
  -moz-image-region: rect(0 119px 29px 90px) !important;
}

#hlineButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(30px 29px 59px 0);
}

#hlineButton:hover {
  -moz-image-region: rect(30px 59px 59px 30px);
}

#hlineButton:hover:active {
  -moz-image-region: rect(30px 89px 59px 60px);
}

#hlineButton[disabled="true"] {
  -moz-image-region: rect(30px 119px 59px 90px) !important;
}

#tableButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(270px 29px 299px 0);
}

#tableButton:hover {
  -moz-image-region: rect(270px 59px 299px 30px);
}

#tableButton:hover:active {
  -moz-image-region: rect(270px 89px 299px 60px);
}

#tableButton[disabled="true"] {
  -moz-image-region: rect(270px 119px 299px 90px) !important;
}

#spellingButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(240px 29px 269px 0);
}

#spellingButton:hover {
  -moz-image-region: rect(240px 59px 269px 30px);
}

#spellingButton:hover:active {
  -moz-image-region: rect(240px 89px 269px 60px);
}

#spellingButton[disabled="true"] {
  -moz-image-region: rect(240px 119px 269px 90px) !important;
}

#cutButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(330px 29px 359px 0);
}

#cutButton:hover {
  -moz-image-region: rect(330px 59px 359px 30px);
}

#cutButton:hover:active {
  -moz-image-region: rect(330px 89px 359px 60px);
}

#cutButton[disabled="true"] {
  -moz-image-region: rect(330px 119px 359px 90px) !important;
}

#copyButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(360px 29px 389px 0);
}

#copyButton:hover {
  -moz-image-region: rect(360px 59px 389px 30px);
}

#copyButton:hover:active {
  -moz-image-region: rect(360px 89px 389px 60px);
}

#copyButton[disabled="true"] {
  -moz-image-region: rect(360px 119px 389px 90px) !important;
}

#pasteButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(390px 29px 419px 0);
}

#pasteButton:hover {
  -moz-image-region: rect(390px 59px 419px 30px);
}

#pasteButton:hover:active {
  -moz-image-region: rect(390px 89px 419px 60px);
}

#pasteButton[disabled="true"] {
  -moz-image-region: rect(390px 119px 419px 90px) !important;
}

#findButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  -moz-image-region: rect(420px 29px 449px 0);
}

#findButton:hover {
  -moz-image-region: rect(420px 59px 449px 30px);
}

#findButton:hover:active {
  -moz-image-region: rect(420px 89px 449px 60px);
}

#findButton[disabled="true"] {
  -moz-image-region: rect(420px 119px 449px 90px) !important;
}

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

toolbar[iconsize="small"] > #newButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #newButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(80px 19px 99px 0);
}

toolbar[iconsize="small"] > #newButton:hover {
  -moz-image-region: rect(80px 39px 99px 20px);
}

toolbar[iconsize="small"] > #newButton:hover:active {
  -moz-image-region: rect(80px 59px 99px 40px);
}

toolbar[iconsize="small"] > #newButton[disabled="true"] {
  -moz-image-region: rect(80px 79px 99px 60px) !important;
}

toolbar[iconsize="small"] > #openButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #openButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(100px 19px 119px 0);
}

toolbar[iconsize="small"] > #openButton:hover {
  -moz-image-region: rect(100px 39px 119px 20px);
}

toolbar[iconsize="small"] > #openButton:hover:active {
  -moz-image-region: rect(100px 59px 119px 40px);
}

toolbar[iconsize="small"] > #openButton[disabled="true"] {
  -moz-image-region: rect(100px 79px 119px 60px) !important;
}

toolbar[iconsize="small"] > #saveButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #saveButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(140px 19px 159px 0);
}

toolbar[iconsize="small"] > #saveButton:hover {
  -moz-image-region: rect(140px 39px 159px 20px);
}

toolbar[iconsize="small"] > #saveButton:hover:active {
  -moz-image-region: rect(140px 59px 159px 40px);
}

toolbar[iconsize="small"] > #saveButton[disabled="true"] {
  -moz-image-region: rect(140px 79px 159px 60px) !important;
}

toolbar[iconsize="small"] > #publishButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #publishButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(200px 19px 219px 0);
}

toolbar[iconsize="small"] > #publishButton:hover {
  -moz-image-region: rect(200px 39px 219px 20px);
}

toolbar[iconsize="small"] > #publishButton:hover:active {
  -moz-image-region: rect(200px 59px 219px 40px);
}

toolbar[iconsize="small"] > #publishButton[disabled="true"] {
  -moz-image-region: rect(200px 79px 219px 60px) !important;
}

toolbar[iconsize="small"] > #previewButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #previewButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(120px 19px 139px 0);
}

toolbar[iconsize="small"] > #previewButton:hover {
  -moz-image-region: rect(120px 39px 139px 20px);
}

toolbar[iconsize="small"] > #previewButton:hover:active {
  -moz-image-region: rect(120px 59px 139px 40px);
}

toolbar[iconsize="small"] > #previewButton[disabled="true"] {
  -moz-image-region: rect(120px 79px 139px 60px) !important;
}

toolbar[iconsize="small"] > #linkButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #linkButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(60px 19px 79px 0);
}

toolbar[iconsize="small"] > #linkButton:hover {
  -moz-image-region: rect(60px 39px 79px 20px);
}

toolbar[iconsize="small"] > #linkButton:hover:active {
  -moz-image-region: rect(60px 59px 79px 40px);
}

toolbar[iconsize="small"] > #linkButton[disabled="true"] {
  -moz-image-region: rect(60px 79px 79px 60px) !important;
}

toolbar[iconsize="small"] > #imageButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #imageButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(40px 19px 59px 0);
}

toolbar[iconsize="small"] > #imageButton:hover {
  -moz-image-region: rect(40px 39px 59px 20px);
}

toolbar[iconsize="small"] > #imageButton:hover:active {
  -moz-image-region: rect(40px 59px 59px 40px);
}

toolbar[iconsize="small"] > #imageButton[disabled="true"] {
  -moz-image-region: rect(40px 79px 59px 60px) !important;
}

toolbar[iconsize="small"] > #formButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #formButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(300px 19px 319px 0);
}

toolbar[iconsize="small"] > #formButton:hover {
  -moz-image-region: rect(300px 39px 319px 20px);
}

toolbar[iconsize="small"] > #formButton:hover:active {
  -moz-image-region: rect(300px 59px 319px 40px);
}

toolbar[iconsize="small"] > #formButton[disabled="true"] {
  -moz-image-region: rect(300px 79px 319px 60px) !important;
}

toolbar[iconsize="small"] > #namedAnchorButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #namedAnchorButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(0 19px 19px 0);
}

toolbar[iconsize="small"] > #namedAnchorButton:hover {
  -moz-image-region: rect(0 39px 19px 20px);
}

toolbar[iconsize="small"] > #namedAnchorButton:hover:active {
  -moz-image-region: rect(0 59px 19px 40px);
}

toolbar[iconsize="small"] > #namedAnchorButton[disabled="true"] {
  -moz-image-region: rect(0 79px 19px 60px) !important;
}

toolbar[iconsize="small"] > #hlineButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #hlineButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(20px 19px 39px 0);
}

toolbar[iconsize="small"] > #hlineButton:hover {
  -moz-image-region: rect(20px 39px 39px 20px);
}

toolbar[iconsize="small"] > #hlineButton:hover:active {
  -moz-image-region: rect(20px 59px 39px 40px);
}

toolbar[iconsize="small"] > #hlineButton[disabled="true"] {
  -moz-image-region: rect(20px 79px 39px 60px) !important;
}

toolbar[iconsize="small"] > #tableButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #tableButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(180px 19px 199px 0);
}

toolbar[iconsize="small"] > #tableButton:hover {
  -moz-image-region: rect(180px 39px 199px 20px);
}

toolbar[iconsize="small"] > #tableButton:hover:active {
  -moz-image-region: rect(180px 59px 199px 40px);
}

toolbar[iconsize="small"] > #tableButton[disabled="true"] {
  -moz-image-region: rect(180px 79px 199px 60px) !important;
}

toolbar[iconsize="small"] > #spellingButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(160px 19px 179px 0);
}

toolbar[iconsize="small"] > #spellingButton:hover {
  -moz-image-region: rect(160px 39px 179px 20px);
}

toolbar[iconsize="small"] > #spellingButton:hover:active {
  -moz-image-region: rect(160px 59px 179px 40px);
}

toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
  -moz-image-region: rect(160px 79px 179px 60px) !important;
}

toolbar[iconsize="small"] > #cutButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #cutButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(220px 19px 239px 0);
}

toolbar[iconsize="small"] > #cutButton:hover {
  -moz-image-region: rect(220px 39px 239px 20px);
}

toolbar[iconsize="small"] > #cutButton:hover:active {
  -moz-image-region: rect(220px 59px 239px 40px);
}

toolbar[iconsize="small"] > #cutButton[disabled="true"] {
  -moz-image-region: rect(220px 79px 239px 60px) !important;
}

toolbar[iconsize="small"] > #copyButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #copyButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(240px 19px 259px 0);
}

toolbar[iconsize="small"] > #copyButton:hover {
  -moz-image-region: rect(240px 39px 259px 20px);
}

toolbar[iconsize="small"] > #copyButton:hover:active {
  -moz-image-region: rect(240px 59px 259px 40px);
}

toolbar[iconsize="small"] > #copyButton[disabled="true"] {
  -moz-image-region: rect(240px 79px 259px 60px) !important;
}

toolbar[iconsize="small"] > #pasteButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #pasteButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(260px 19px 279px 0);
}

toolbar[iconsize="small"] > #pasteButton:hover {
  -moz-image-region: rect(260px 39px 279px 20px);
}

toolbar[iconsize="small"] > #pasteButton:hover:active {
  -moz-image-region: rect(260px 59px 279px 40px);
}

toolbar[iconsize="small"] > #pasteButton[disabled="true"] {
  -moz-image-region: rect(260px 79px 279px 60px) !important;
}

toolbar[iconsize="small"] > #findButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #findButton {
  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
  -moz-image-region: rect(280px 19px 299px 0);
}

toolbar[iconsize="small"] > #findButton:hover {
  -moz-image-region: rect(280px 39px 299px 20px);
}

toolbar[iconsize="small"] > #findButton:hover:active {
  -moz-image-region: rect(280px 59px 299px 40px);
}

toolbar[iconsize="small"] > #findButton[disabled="true"] {
  -moz-image-region: rect(280px 79px 299px 60px) !important;
}