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

@-moz-document url(chrome://browser/content/preferences/preferences.xul),
               url(chrome://browser/content/pageInfo.xul) {

.tabs-left,
.tabs-right {
  border-bottom: 2px solid -moz-dialog !important;
}

.tabs-right {
  margin-right: 2px !important;
}

tab {
  -moz-appearance: none !important;
  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
  background-color: -moz-dialog !important;
  margin: 0px  !important;
  padding: 0px !important;
  border: none !important;
  height: 22px !important;
  width: 80px !important;
  border-bottom: 1px solid ThreeDHighlight !important;
  -moz-border-radius-bottomright: 1px;

}

tab[selected="true"] {
  font-weight: bold !important;
  border-bottom-color: transparent !important;
}

tab > .tab-image-left {
  width: 8px !important;
  height: 24px !important;
  background: url("chrome://global/skin/icons/tab-left.png") no-repeat !important;
  background-color: -moz-dialog !important;
  -moz-border-radius-topleft: 3px !important;
}

tab[chromedir="rtl"] > .tab-image-left {
  background: url("chrome://global/skin/icons/tab-right.png") no-repeat !important;
  background-color: -moz-dialog !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 3px !important;
}

tab:not([selected="true"]) > .tab-image-left {
  height: 23px !important;
  margin-bottom: 1px !important;
  background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-left {
  background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab:hover:not([selected="true"]) > .tab-image-left {
  background: url("chrome://global/skin/icons/tab-left-hover.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-left {
  background: url("chrome://global/skin/icons/tab-right-hover.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab > .tab-image-middle {
  height: 24px !important;
  background: url("chrome://global/skin/icons/tab-middle.png") repeat-x !important;
  background-color: -moz-dialog !important;
  padding-top: 1px !important;
  -moz-padding-start: 1px !important;
}

tab:not([selected="true"]) > .tab-image-middle {
  height: 23px !important;
  margin-bottom: 1px !important;
  background: url("chrome://global/skin/icons/tab-middle-bkgnd.png") repeat-x !important;
  background-color: -moz-dialog !important;
}

tab:hover:not([selected="true"]) > .tab-image-middle {
  background: url("chrome://global/skin/icons/tab-middle-hover.png") repeat-x !important;
  background-color: -moz-dialog !important;
}

tab > .tab-image-right {
  width: 8px !important;
  height: 24px !important;
  background: url("chrome://global/skin/icons/tab-right.png") no-repeat !important;
  background-color: -moz-dialog !important;
  -moz-border-radius-topright: 3px !important;
}

tab[chromedir="rtl"] > .tab-image-right {
  background: url("chrome://global/skin/icons/tab-left.png") no-repeat !important;
  background-color: -moz-dialog !important;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 0px !important;
}

tab:not([selected="true"]) > .tab-image-right {
  height: 23px !important;
  margin-bottom: 1px !important;
  background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab[chromedir="rtl"]:not([selected="true"]) > .tab-image-right {
  background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab:hover:not([selected="true"]) > .tab-image-right {
  background: url("chrome://global/skin/icons/tab-right-hover.png") no-repeat !important;
  background-color: -moz-dialog !important;
}

tab[chromedir="rtl"]:hover:not([selected="true"]) > .tab-image-right {
  background: url("chrome://global/skin/icons/tab-left-hover.png") no-repeat !important;
  background-color: -moz-dialog !important;
}


}