/* ::::: unified back and forward buttons ::::: */

/* wrapper containing back, forward, and dropmarker, when unified with keyhole icons */

#unified-back-forward-button {
  border:0px solid transparent !important;
  background-image:none !important;
}


toolbar[iconsize="large"][mode="icons"] #unified-back-forward-button > .toolbarbutton-1 {
  -moz-appearance: none !important;
  border: none !important;
  padding: 0 !important;
  background-image: none !important;
}

toolbar #back-button,
toolbar #back-button .toolbarbutton-icon,
toolbar #back-button .toolbarbutton-menubutton-button,
toolbar #back-button:hover,
toolbar #back-button:hover:active,
toolbar #forward-button,
toolbar #forward-button .toolbarbutton-icon,
toolbar #forward-button .toolbarbutton-menubutton-button,
toolbar #forward-button:hover,
toolbar #forward-button:hover:active {
  padding: 0px 0px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background:none !important;
  border:0 !important;
}

toolbar[iconsize="small"]#nav-bar .toolbarbutton-1 {
  margin:1px 0 !important;
  padding: 0px !important;
}

toolbar[iconsize="large"]#nav-bar .toolbarbutton-1 {
  margin:3px 0 !important;
  padding: 0px !important;
}

toolbar[iconsize="large"]#nav-bar #unified-back-forward-button .toolbarbutton-1 {
  margin:0 0 !important;
  padding: 0px !important;
}

/* ::::: unified back and forward buttons, small icons mode ::::: */

/* unified back button with keyhole icons, small icons mode */

toolbar[iconsize="small"] #unified-back-forward-button {
  margin-right:2px !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button {
  height:18px !important;
  -moz-image-region: rect(0px 264px 18px 240px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover {
  -moz-image-region: rect(18px 264px 36px 240px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button[disabled="true"] {
  -moz-image-region: rect(36px 264px 54px 240px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(54px 264px 72px 240px) !important;
}

/* unified back button with keyhole icons, small icons mode, RTL version */

toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"] {
  -moz-image-region: rect(0px 358px 18px 334px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(18px 358px 36px 334px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(36px 358px 54px 334px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  -moz-image-region: rect(54px 358px 72px 334px) !important;
}

/* unified forward button with keyhole icons, small icons mode */

toolbar[iconsize="small"][mode="icons"] #forward-button {
  height:18px !important;
  -moz-image-region: rect(0px 288px 18px 264px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  -moz-image-region: rect(18px 288px 36px 264px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button[disabled="true"] {
  -moz-image-region: rect(36px 288px 54px 264px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(54px 288px 72px 264px) !important;
}

/* unified forward button with keyhole icons, small icons mode, RTL version */

toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"] {
  -moz-image-region: rect(0px 334px 18px 310px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(18px 334px 36px 310px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(36px 334px 54px 310px) !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  -moz-image-region: rect(54px 334px 72px 310px) !important;
}

/* dropmarker for unified back and forward buttons with keyhole icons, small icons mode */

toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker {
  background:none !important;
  padding: 0px 0px !important;
  border:0 !important;
  height:18px !important;
  list-style-image: url("chrome://browser/skin/Toolbar-small.png") !important;
  -moz-image-region: rect(0px 299px 18px 288px) !important;
}

toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker > image {
  display:-moz-box !important;
}

toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker > dropmarker {
  display:none !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
  background:none !important;
  border:0 !important;
  -moz-image-region: rect(18px 299px 36px 288px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
  background:none !important;
  border:0 !important;
  -moz-image-region: rect(36px 299px 54px 288px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
  background:none !important;
  border:0 !important;
  -moz-image-region: rect(54px 299px 72px 288px) !important;
}

/* unified dropmarker with keyhole icons, small icons mode, RTL version */

toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
  -moz-image-region: rect(0px 310px 18px 299px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(18px 310px 36px 299px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(36px 310px 54px 299px) !important;
}
toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
  -moz-image-region: rect(54px 310px 72px 299px) !important;
}


/* unified back button with keyhole icons, large icon mode */

toolbar[iconsize="large"][mode="icons"] #back-button {
  -moz-image-region: rect(0px 398px 34px 360px) !important;
  -moz-padding-start: 2px !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover {
  -moz-image-region: rect(34px 398px 68px 360px) !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button[disabled="true"] {
  -moz-image-region: rect(68px 398px 102px 360px) !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):active {
  -moz-image-region: rect(102px 398px 136px 360px) !important;
}

/* unified back button with keyhole icons, RTL version */

toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"] {
  -moz-image-region: rect(0px 516px 34px 478px) !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(34px 516px 68px 478px) !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(68px 516px 102px 478px) !important;
}
toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):active {
  -moz-image-region: rect(102px 516px 136px 478px) !important;
}

/* unified forward button with keyhole icons */

toolbar[iconsize="large"][mode="icons"] #forward-button {
  -moz-image-region: rect(3px 424px 31px 398px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  -moz-image-region: rect(37px 424px 65px 398px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button[disabled="true"] {
  -moz-image-region: rect(71px 424px 99px 398px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):active {
  -moz-image-region: rect(105px 424px 133px 398px) !important;
}

/* unified forward button with keyhole icons, RTL version */

toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"] {
  -moz-image-region: rect(3px 478px 31px 452px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(37px 478px 65px 452px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(71px 478px 99px 452px) !important;
}
toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):active {
  -moz-image-region: rect(105px 478px 133px 452px) !important;
}

/* dropmarker for unified back and forward buttons with keyhole icons */

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker {
  -moz-appearance: none !important;
  list-style-image: url("chrome://browser/skin/Toolbar.png");
  -moz-image-region: rect(3px 438px 31px 424px) !important;
  padding: 0 !important;
  -moz-padding-end: 2px !important;
  border: none !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker > image {
  display: -moz-box !important;
  margin: 0 !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker > dropmarker {
  display: none;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
  background:none !important;
  -moz-image-region: rect(37px 438px 65px 424px) !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
  -moz-image-region: rect(71px 438px 99px 424px) !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):active {
  background:none !important;
  -moz-image-region: rect(105px 438px 133px 424px) !important;
}

/* unified dropmarker with keyhole icons, RTL version */

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
  -moz-image-region: rect(3px 452px 31px 438px) !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
  -moz-image-region: rect(37px 452px 65px 438px) !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
  -moz-image-region: rect(71px 452px 99px 438px) !important;
}

toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):active {
  -moz-image-region: rect(105px 452px 133px 438px) !important;
}

