@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* ==UserStyle==
// @name         Close tab and New tab with flexible height
// @author       Roblesolido
// @compatible   Firefox 4.0+
// @description	 This expands the height of the buttons of new tab and close tab.
// ==/UserStyle==*/

#TabsToolbar
{
-moz-box-orient: horizontal !important;
-moz-box-align: stretch !important;
-moz-box-pack: start !important;
}

#TabsToolbar .tabs-closebutton
{
-moz-box-align: center !important;
-moz-box-pack: center !important;
}

#TabsToolbar .tabs-closebutton
{
min-width: 26px !important;
margin: 0 2px 0 2px !important;
padding: 0 3px !important;
-moz-appearance: toolbarbutton !important;
border: 1px solid !important;
-moz-border-top-colors: transparent !important;
-moz-border-right-colors: transparent !important;
-moz-border-bottom-colors: transparent !important;
-moz-border-left-colors: transparent !important;
-moz-border-radius: 0 !important;
background: transparent none !important;
}

#TabsToolbar .tabs-closebutton:hover
{
-moz-border-bottom-colors: ThreeDShadow !important;
-moz-border-left-colors: ThreeDHighlight !important;
-moz-border-top-colors: ThreeDHighlight !important;
-moz-border-right-colors: ThreeDShadow !important;
}

#TabsToolbar .tabs-closebutton:hover:active
{
padding: 4px 2px 0px 4px !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDHighlight !important;
-moz-border-bottom-colors: ThreeDHighlight !important;
-moz-border-left-colors: ThreeDShadow !important;
}

/*End*/