@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

popup:not(#autoscroller), menupopup
{color: transparent !important;
padding-top: 1px !important; 
margin: 3px !important;}

/* hide icons */
/*#appmenu-popup .menu-iconic-left,
#custombuttons-contextpopup .menu-iconic-left
{ visibility: hidden !important; }
.menuitem-iconic.ae-clippings-clipping
{ list-style-image: none !important; }*/

shortcut keys > .menu-accel-container, 
#contentAreaContextMenu menuitem[disabled="true"], 
#contentAreaContextMenu menuitem[disabled="true"] menuseparator,
menubar > menu > .menu-right
{ display: none !important;}
menupopup:not(#autoscroller), context-menu
{ -moz-appearance: none!important; 
background: rgba(255,255,255, .0)  !important;
border-top: 8px solid transparent !important;
border-bottom: 10px solid transparent !important;
border-left: 18px solid transparent !important;
border-right: 12px solid transparent !important;
border-radius: 0px 0px 0px 0px !important;  }

/* inset bg */
popup:not(#autoscroller) .popup-internal-box,
menupopup .popup-internal-box
{}

/* menuitems */
.menu-right
{ margin: -7px !important; }
menupopup menu,
menupopup menuitem, 
menulist > menupopup > menuitem > .menu-iconic-text,
panel, popup > menu, .splitmenu-menuitem, 
#PlacesChevronPopup .menu-iconic.bookmark-item
{ -moz-appearance: none !important;
border: 1px solid transparent !important; 
font-family: Calibri, Segoe UI, Verdana, sans serif !important;
font-size: 14px!important;
font-weight: bold!important; 
margin-left: 2px !important;
margin-right: 2px !important;
color: #303030 !important;}

/* On hover */
.splitmenu-menu:hover, .splitmenu-menuitem:hover, 
menupopup menuitem:hover, menupopup menu:hover, 
popup menu:hover, popup menuitem:hover,
menuitem:hover,
menupopup .popup-internal-box, 
menubar > menu:hover, menupopup > menu:hover, 
menubar > menu:focus, menupopup > menu:focus, 
popup > menu:focus, popup > menu:hover,
#appmenuPrimaryPane menupopup .popup-internal-box,
#appmenuSecondaryPane menupopup .popup-internal-box,
#appmenuPrimaryPane /* menupopup*/,
#appmenuPrimaryPane menu:hover,
#appmenuSecondaryPane,
#appmenuSecondaryPane menu:hover,
/*#appmenu_webDeveloper:hover,*/ 
#appmenu_charsetMenu:hover,
#nightly-appmenu:hover,
#mmsearchpopupsearchengine menuitem:hover,
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group:hover
{ -moz-appearance: none !important;
background: rgba(255,255,255, .25) -moz-linear-gradient(180deg, rgba(220,220,220,0.2), rgba(245,245,245,0.5), rgba(232,232,232,0.5)) !important;
border-radius: 2px !important;
box-shadow: 0px 1px 2px #202020, 0px 0px 1px #ddd,  inset 0px 0px 3px #eee !important;
/* If you prefer a diffrent color on active choice, change "#C00000" below to an another color */ 
color: #C00000 !important;
font-size: 14px!important;
font-weight: bold !important;
/*overflow: hidden;*/  /*text-overflow: ellipsis !important;*/}

/* eleminates sys gray hover */
menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"],
.splitmenu-menuitem[_moz-menuactive="true"] 
{ background-color: transparent !important; }

/* bkmrk toolbar menus */
#PlacesChevronPopup menu label
{ font-weight: normal !important; 
color: #000000 !important; }
menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box 
{ background-color: transparent !important; }
menupopup, popup, context-menu
{ border: 1px solid transparent !important; }
#contentAreaContextMenu
{ margin-left: 20px !important;
margin-top: 20px !important; }

/* Menubar */
#main-window #navigator-toolbox #toolbar-menubar
{ -moz-appearance: none !important; 
font-weight: normal!important; 
background: transparent !important;}

/* WSP groups menu fix */
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group
{ font-weight: normal!important; 
color: #000 !important;}
menu.menu-iconic > .menu-iconic-left,
menuitem.menuitem-iconic > .menu-iconic-left,
.splitmenu-menuitem[iconic="true"] > .menu-iconic-left
{ -moz-appearance: none !important;}

/* ========= appmenu button menu ========== */
#appmenu-popup
{ background: transparent !important; }
#appmenu-popup .popup-internal-box
{ background: transparent !important;
border: none !important; }
#appmenuPrimaryPane,
#appmenuSecondaryPane
{ margin: 16px 10px 10px 10px !important;
background: rgba(232,232,232, .25) -moz-linear-gradient(180deg,rgba(255,255,255,0.55),rgba(245,245,245,0.55), rgba(245,245,245,0.55)) !important;
border-top: 1px solid #F5F7F2 !important;
border-bottom: 1px solid #E0E8D9 !important;
border-left: 1px solid #F5F7F2 !important;
border-right: 1px solid #E0E8D9 !important;
border: 1px solid transparent !important;
border-radius: 3px !important;
box-shadow: 0px -1px 0px #c0c0c0, 0px 1px 2px #303030, 1px -1px 1px -1px #505050, inset 2px 1px 2px -2px #eee!important;
min-width: 215px; max-width: 215px;}
#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{font-family: Calibri, Segoe UI, Verdana, sans serif !important;
color: #000000 !important;}
#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{ font-weight: normal!important;}
#PlacesToolbarItems > toolbarbutton > menupopup > menu > hbox > .menu-right
{ width: 16px !important;
height: 16px !important;}
#appmenu-popup menu>.menu-right
{ padding: 0 !important;
margin-left: -4px !important;}
.splitmenu-menuitem, .splitmenu-menu
{ -moz-appearance: none !important; 
background: transparent !important;}

/* ============= IMAGES ============== */
#PlacesToolbarItems .menu-right,
#PlacesChevronPopup .menu-right image,
#BMB_bookmarksPopup .menu-right
{ margin-right: 3px !important;
list-style-image: none !important;
width: 0 !important;
padding-left: 24px !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAYAAABoKz2KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD4SURBVDhPY2AgAVhm5XExGBprsDo4qIHZ9AJAy/iAFptaZBdycrm66YP59ABAi4QZ1NVdLfMKZIGW8/K4uTuAxWgNgJZIMqiqRgMtFQRargaihYNDg8HitARAC+QYNHSKgBaKWObm2wMt1wWxxaWkMi1zchR7e3s5aGI/0GJlBk3ddqBl4pZZudFAy72BlptJSUrWAC1WB1rMSSuLNRjk5acALdGVzc71lE1JsQJa1AF0kAZNLIQZCrRAl8HAeC3Qx3IqKWk+UsrK08FitAZAS4wY5HV2GEdG2gDtWg3m0wMALbJgUFW/xuTqfgLMpicAWmgLwpTaCQBXsUaENuNoNwAAAABJRU5ErkJggg==) no-repeat center !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,iVBORw0KGgoAAAANSUhEUgAAAaQAAAAeCAYAAABjamqSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNrs3UEOgjAQBVALnsaTez0XuAO0mpqmDoq4MCbvJbV1Sg3SxVcXmOZ53gHAr3UuAQACCQAEEgACCQAEEgACCQAEEgACCQAEEgACCQAEEgACCQAEEgD/aJ8fhmE4XrvDtZ1cku2mabr1+Q7q5S7qZfyu1WvzOJp/NV5by20cx3C+XRfVytq1a9a8ZlR7dZ7fvPcyLvsVXft6rt7Xd/ubpZTun/S67vF8qZZbXWvH9XFtrYzX1qL53LfzUS33fd8/HffJ/NY1S+f57XuPrm3Zo2i+be0+tnvNpi9H5+TvJwDwkx0ACCQABBIACCQABBIACCQABBIACCQABBIACCQABBIACCQABBIACCQA/tlFgAEARCRt4MIoM4UAAAAASUVORK5CYII=) center no-repeat !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,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVBhXY8jLi3OxLS7971PgcwWGQfz29lI3BhDDq77ZBh2DxBlAqrFJgsTBkgyGfuHICkB8uKRNUUmxbWGZCYiG4gqwZEdH9RskQbjkggUT3jHMmtXgtnHjjDfr18+9vGrVnMsbNsy9vHz5lDeLFnW4AwBHUlke/J0vvwAAAABJRU5ErkJggg==) center no-repeat !important; }

#BMB_bookmarksPopup .menu-right, 
menu>.menu-right, 
#mmsearch-context > .menu-right
{ -moz-appearance: none !important;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAYAAABoKz2KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD4SURBVDhPY2AgAVhm5XExGBprsDo4qIHZ9AJAy/iAFptaZBdycrm66YP59ABAi4QZ1NVdLfMKZIGW8/K4uTuAxWgNgJZIMqiqRgMtFQRargaihYNDg8HitARAC+QYNHSKgBaKWObm2wMt1wWxxaWkMi1zchR7e3s5aGI/0GJlBk3ddqBl4pZZudFAy72BlptJSUrWAC1WB1rMSSuLNRjk5acALdGVzc71lE1JsQJa1AF0kAZNLIQZCrRAl8HAeC3Qx3IqKWk+UsrK08FitAZAS4wY5HV2GEdG2gDtWg3m0wMALbJgUFW/xuTqfgLMpicAWmgLwpTaCQBXsUaENuNoNwAAAABJRU5ErkJggg==) !important; }

.autorepeatbutton
{ padding: 1px !important;
border: 1px solid transparent !important; }

.autorepeatbutton-up:hover, .autorepeatbutton-down:hover
{ border: 1px solid transparent !important; }

/* BM menu arrow up */
.autorepeatbutton-up
{ -moz-image-region: auto !important;
width: 0 !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABcSURBVBhXbY5BCkAhCES7lJtwkWDUKlq1qPufY8LgB8kXZqGO4wvBVYwRrTX4+dOrKkQEc06MMf7NRIScM8z8yQ6epJQSmBm997sopRyEazYme2fyXLVWrLUOxgaUQCxQxSVTyQAAAABJRU5ErkJggg==) center no-repeat !important; }

.autorepeatbutton-down
{ -moz-image-region: auto !important;
width: 0 !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABdSURBVBhXZU45CgAhDPRTacTCgKKVpLLQ/79jZHZBVjcwRZjT9d4x50StFe46VQXhvX+5MQZaayilbLGZIYSAGOMZQHFKaSPnDBH5tTzJnEED62i6pxw/J+xNH2YBt0osUDTifOIAAAAASUVORK5CYII=) center no-repeat !important; }
