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

/* Load the actual graphic used for an inactive tab to be the background and border of the button */
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button) {
    background-position: -4px -2px !important;
    background-size: 134% !important;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.3)) !important;
    background-repeat: no-repeat !important;
    -moz-appearance: none !important;
    -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
}

/* Brighten the button when hovered over */
#TabsToolbar > .toolbarbutton-1:not(#alltabs-button):not(#new-tab-button):hover {
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.6), rgba(255,255,255,.5)) !important;
}

/* The titlebar spacer blocks normal buttons in the titlebar from being pressable, let's get rid of it */
#titlebar-spacer { 
    display: none !important;
}