#TabsToolbar #new-tab-button {
  -moz-appearance: none !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
border: 0 !important;
background-size: 200% !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.25) 4px, rgba(255,255,255,0.0875) 37.5%, rgba(255,255,255,0.25)) !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url(chrome://browser/skin/tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch !important;
  border-radius: 10px 8px 0 0 !important;
  min-height: 25px !important;
}

#TabsToolbar #new-tab-button:hover {
background-color: rgba(255,255,255,0.25) !important;
}

#TabsToolbar #new-tab-button > .toolbarbutton-icon {
  -moz-margin-start: 2px !important;
  -moz-margin-end: 2px !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
  position: static !important;
  -moz-appearance: none !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
border: 0 !important;
background-size: 200% !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.25) 4px, rgba(255,255,255,0.0875) 37.5%, rgba(255,255,255,0.25)) !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url(chrome://browser/skin/tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch !important;
  border-radius: 10px 8px 0 0 !important;
  min-height: 25px !important; /* reserve space for the sometimes hidden close button */
min-width: 5ex !important;
max-width: 5ex !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not([disabled="true"]):hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not([disabled="true"]):hover {
background-color: rgba(255,255,255,0.25) !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:hover {
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}


#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"] image,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] image {
display: none !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
-moz-transition: max-width .25s ease-out, min-width .2s ease-out !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][collapsed="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][collapsed="true"] {
-moz-appearance: none !important;
display: -moz-box !important;
padding: 0 !important;
min-width: 0 !important;
border: 0 !important;
visibility: visible !important;
max-width: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not([collapsed="true"]):after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-backward?size=menu") !important;
margin: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not([collapsed="true"])[disabled="true"]:after {
content: url("moz-icon://stock/media-seek-backward?size=menu&state=disabled") !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][collapsed="true"]:after,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][collapsed="true"]:after {
max-width: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not([collapsed="true"]):after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-forward?size=menu") !important;
margin: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not([collapsed="true"])[disabled="true"]:after {
content: url("moz-icon://stock/media-seek-forward?size=menu&state=disabled") !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][disabled="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][disabled="true"]:hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][disabled="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][disabled="true"]:hover {
color: silver !important;
}