/* by makondo, 06/09. Based on the great style by pile0nades - thanks! */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://global/content/customizeToolbar.xul), url(chrome://stylish-custom/content/customizeToolbar.xul) {

#instructions, #main-box separator { display: none !important; }
#palette-box .paletteRow { display: inline !important; }

#palette-box toolbarpaletteitem 
{ display: inline !important;
vertical-align: middle !important;
width: 120px !important;
height: 60px !important;
margin-top: 8px !important; }

/* make all buttons' text be on the bottom - thanks Grist! */
#palette-box toolbarpaletteitem toolbarbutton 
{ -moz-box-orient: vertical !important; 
text-align: center !important; }

/* allow any number of columns in Customize Toolbar box */
#palette-box 
{ float: left !important;
overflow-x: hidden !important; }

#CustomizeToolbarWindow, #palette-box #main-box
{ -moz-appearance: -moz-win-glass !important;
background: none !important; 
opacity: .99 !important;
color: black !important;
font-weight: bold !important;  
text-shadow: white 1px 1px 1px !important; }

#main-box button, #modelist
{ font-weight: bold !important; 
-moz-appearance: none !important; 
background: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important; 
-moz-box-shadow: 2px 2px 4px #628088 !important;
-moz-box-shadow: 
0 0 2px rgba(255, 255, 255, 0.4) inset,
0 4px 6px rgba(255, 255, 255, 0.4) inset,
0pt 11px 0 -2px rgba(255, 255, 255, 0.2) inset,
0pt 13px 8px rgba(0, 0, 0, 0.3) inset,
2pt 2px 4px rgba(0, 0, 0, 0.2)  !important;
-moz-border-radius: 8px !important;
border-top: 1px solid #E4F4F6 !important; 
border-bottom: 2px solid #75B7BD !important; 
border-left: 1px solid #F1F7E9 !important;
border-right: 2px solid #7A9C9F !important;
-moz-border-top-colors: #C5D3D4 #9EA9AA#8E9899 !important; 
-moz-border-bottom-colors: #435657 #69D2E0 #ccc !important;
-moz-border-left-colors: #F1F7E9 #ccc #ccc !important;
-moz-border-right-colors:  #666 #4CB5B8 #274D54 !important; }

#main-box button:hover, #modelist:hover, 
toolbarpaletteitem[place="toolbar"]:hover,
toolbarpaletteitem[place="palette"]:hover 
{ -moz-appearance: none !important; 
background: transparent !important;
color: #010726 !important;
-moz-border-radius: 8px !important;
border-top: 1px solid #E4F4F6 !important; 
border-bottom: 2px solid #75B7BD !important; 
border-left: 1px solid #F1F7E9 !important;
border-right: 2px solid #7A9C9F !important;
-moz-border-top-colors: #C5D3D4 #9EA9AA#8E9899 !important; 
-moz-border-bottom-colors: #435657 #69D2E0 #ccc !important;
-moz-border-left-colors: #F1F7E9 #ccc #ccc !important;
-moz-border-right-colors:  #666 #4CB5B8 #274D54 !important; }

#main-box button:hover:hover, #modelist:hover
{ background: rgba(179,207,198, 0.5) !important; } }