/* by makondo, 10/10, thanks to besnath for the insert idea!*/
@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Comment, if you use any of this */
/* shortcut keys > */ menuitem hbox[anonid="accel"], 
#contentAreaContextMenu menuitem[disabled="true"], 
#contentAreaContextMenu menuitem[disabled="true"] menuseparator,
.autorepeatbutton-up, .autorepeatbutton-down,
/* menubar menu items arrows */ menubar > menu > .menu-right  
{ display: none !important; }

menupopup:not(#autoscroller), menupopup, context-menu
{ -moz-appearance: none!important; 
background: rgba(0,0,0, .2) !important; 
font-size: 13px !important;
-moz-border-radius: 2px !important; 
padding: 0 !important; }

/* inset bg */
popup:not(#autoscroller) .popup-internal-box,
menupopup .popup-internal-box
{ padding: 2px !important; 
margin: 10px !important;
background: rgba(0,0,0, .2) !important;
-moz-box-shadow: inset rgba(0,0,0, 0.5) 1px 6px 16px 2px  !important;
-moz-border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.6) !important; }

#appmenuPrimaryPane,
#appmenuSecondaryPane
{ padding: 2px !important; 
margin: 16px 10px 10px 10px !important;
background: rgba(0,0,0, .1) !important;
-moz-box-shadow: inset rgba(0,0,0, 0.3) 1px 6px 16px 2px  !important;
-moz-border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.6) !important; }

/* Appl menus */ 
.splitmenu-menuitem, .splitmenu-menu
{ -moz-appearance: none !important; 
background: none !important; }

.split-menuitem-menu:hover
{ -moz-appearance: none !important; 
background: none !important; }

/* menuitems */
menupopup menu,
menupopup menuitem,
menulist > menupopup > menuitem > .menu-iconic-text,
menupopup, panel
{ -moz-appearance: none !important;
font-size: 13px !important; 
color: #F1F3EC !important;
text-shadow: 1px 1px 1px black, 1px 1px 1px black !important; }

menulist > menupopup > menuitem > .menu-iconic-text
{ font-weight: normal !important; }

menuitem:hover,
menubar > menu:hover, menupopup > menu:hover, popup > menu:hover,  
menubar > menu:focus, menupopup > menu:focus, 
menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]),
#appmenu_webDeveloper:hover, #appmenu_charsetMenu:hover
/*menuitem:focus, popup:not(#autoscroller) .popup-internal-box */
{ -moz-appearance: none !important;
-moz-border-radius: 3px !important;
background: transparent !important; 
background:-moz-linear-gradient(-300deg,rgba(0,0,8,0.8),rgba(0,0,0,0.4), rgba(231,254,203,0.5)) !important;
color: #E8FCDF !important;
text-shadow: 1px 1px 1px black, 1px 1px 1px black !important; }

menupopup, popup, context-menu
{ border: none !important; }

*:not(menulist) > menupopup, popup:not([type="autocomplete"]) 
{ padding: 2px !important; }

#contentAreaContextMenu
{ margin-left: 20px !important;
margin-top: 20px !important; }

/* Menubar */
#main-window #navigator-toolbox #toolbar-menubar
{ -moz-appearance: none !important; 
background: transparent !important; }

/* ===== app button menu ====== */
#appmenu-popup
{ background: transparent !important; }

#appmenu-popup .popup-internal-box
{ background: transparent !important;
border: none !important; }

#appmenuPrimaryPane,
#appmenuSecondaryPane
{ padding: 2px !important; 
margin: 16px 10px 10px 10px !important;
background: rgba(0,0,0, .4) !important;
-moz-box-shadow: inset rgba(0,0,0, 0.3) 1px 6px 16px 2px  !important;
-moz-border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.3) !important; }

#appmenu-popup .menu-text,
#appmenuPrimaryPane .menu-iconic-text,
#appmenuSecondaryPane .menu-iconic-text
{ font-weight: bold !important;
font-family: Segoe UI, Tahoma, sans serif !important;
color: #CED3B9 !important;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; }

/* IMAGES */
/* thank to ChoGGi and srazzano for this one! - the arrow (finger)*/
menu>.menu-right, #mmsearch-context > .menu-right
{ -moz-appearance: none !important; 
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAC4jAAAuIwF4pT92AAADGUlEQVR42mNoaGhgGEjMMOqAUQeMOmDUAeRqDA4OYfbz82eJi4tjppsDEhMTGUNDw1iwyYWHh7OkpaUzh4WFsQDVMUdGRjKnpqYyA8WZyHYA0DBGoEEsoUBDk5KSmJEcwl1bVx/Q2NSyICw8IicoKIiFLiFQUFCgOGny1JZFi5ffnzlr/v9Zs+f/7+2f/D82PvliQkJSdlFxSURNTV1wbW29T2FhkWdGRqZrdna2LskOiIqKYgTRRUVFkitXrZmxYOGiGWvXb1ixc/fez2vXb/6/dMXq/0uXr/rd0z/5d3Ze8e+U9Nz/WbnF/3PyS//nFZb/Lyiu/F9YUvU/r6j8f01D65/4xJR5Ls7OTOnp6YxEOSAmNpYVRM+aPSf33oMn/89fuvr/3MUr/4+fOvv/5Onzv4D0301bd/1fuHT1v6Ur1/9fsXrjn+WrN/xavW7L/6Ur1/1fsnwtUG7V/wWLV/6ft2jFf2dXzxsODg6sRIdAcnIyOE5BPv/9+8+vj58+f/369duv799//Pv27fu/9x8+/Xv77sP/j5++gNmfPn39d+/+w79OTq7zbG3tq6ytbatsbO1L7O0dS4yNTdL09PTkwR6LiSEuBDIyMsAOmD5jxrwfP3/+ffvu3c/PX778f/v+/b+Xr1//e/3mzf83b9/+B9EvXr389+3797+79uz9Lysrq0GVRAjM2+Dgam3vaH374cv/O/cf/T1z/vKf/YdP/N9/+OQ/GN536MS/vYeO/zl07MwfKxu7pc7OzlzxCQmsQP0sERERoJzDAsqe2HxOKBGCs1xkZLRlfWPr/e6eCa9nz1vyf+qMub+B+N+0mfP+gegp0+f8mbtg6Z/a+tb/qqqqhiA9oaGhzFTNhmZmZrzGxsYyzq4eB5NSMv4np2b+TwLhlMz/aRm5/yOj4//LySnUeHl5saelpTHSrBywsbHhkldQmqquof1eQ1P3p4amzncg+yMvL/8SmhfFwGCFF6dGRkYyysrKWurq6prAkJGFloxM9KoLmAa8NgTWDYzARMoELCuYQkJCGEcbJKMOGHXAqAMoxQC0kG59QmABTwAAAABJRU5ErkJggg==") !important; }

/* menu separators */
menuseparator 
{ -moz-appearance: none !important; 
margin: 1px 6px !important;  
border: 1px solid transparent !important;
padding: 2px !important; 
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAAAECAMAAAApmwMHAAADAFBMVEVOSUdNSUebjYaajYYDAAAAAAD5PAD6ABJ3TJkAAAD4fAAAABIAEvhSjd/O0HfwA54AEvUAAGzOyACcA553UowAAAiL/AAABFgAAABSjlAAAHcAAAAAAAAAAAAAAAAAAAAAAAAAAAIACAAAAAAAAAAAAGwACACcAAp3UowAAAD4qABDABIAOgBVAFwAcwByAGUAcwBQAFwAdQBsAGIAaQBcAGMATQB6AG8AaQBsAGwAYQBpAFwAbQBnAGEAZQBcAHMAQgByAGEAcwBtAFwAZQB1AG4AIABlAHMAcAByAGEAYQBvAHQAcgBwAC4AbgAAAGcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADsbgAAHYAAAAAFgCezsgAAQMgAAAAEvi0AAcB0QJ8AAAAEvj9/AAAbH8QAG4DnsYAAAHOwABEA54AEvhSZupmcHcAd1IAAAAAAAAAAABwAAB3UmYS+MCw3AAAdgMAAABYi/z//wT8BF4EWIsAABgAAACoAADYriszAAAAAWJLR0T/pQfyxQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAGFJREFUeNrtT0EOwCAMArv9/8tzsdPielg8LhITLaVQgQCCDgj9cMpXdetB5d3mpfdOeyUJc3DvqJxjT0LNyHSj+C+GfYbVnJAYMfrcRbFSj5nfUqTkx+L/szg2FoFzYxEXG2kOhvCoSEoAAAAASUVORK5CYII=") repeat-x !important; }

/* ======== checkbox bullets ========= */
#main-menubar menupopup menuitem[checked="true"] .menu-iconic-left,
menupopup menuitem[checked="true"] .menu-iconic-left,
#stylish menupopup menuitem[checked="true"] .menu-iconic-left
{ -moz-appearance: none !important; 
min-height: 16px !important;
min-width: 16px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAC4jAAAuIwF4pT92AAABJElEQVR42jVPvWqDYBT9QuhQmi4tLoW+kOAUIaNBNFvwpwTFEE0cQtu0m5NmctFNEA2+hoMheYaEpJUWo6m19wt0OJx7z+UezkG6rl9Np1Okado9wzBPFEW9Yx6Px3dYn0wmLYQHRVE6LMsuZrPZh+u6X5jxDvotviP4IGiafuF5/hzH8W+apj+YB4PBGfQ3wzDaqN/vj2A5wEdt2/bJsqwSuIBj3e12PyVJIhBJkq/wlS+Xy8r3/dLzvAb45DhOyXFcAXhEvV5vJAjCYbVa1ev1uthut2WWZd9hGNbgkg+HQwKJokgAnqMoqvb7fZPn+Xm32zVBEFSyLC+gXfvSDsJ35vO5miTJBoIfwXVjmqYK+s2lHQRs4QFDVdVrcH3A/K9h/AHS9qy+xl0K4QAAAABJRU5ErkJggg==") center no-repeat !important; }