/*------------------------------------------------------------------
 MBlue Nav-Style Popup Vista (Ver. 0.3.0)
--------------------------------------------------------------------
Author: M.BLUE - Tested on: Firefox 3.5.1 - Last Update: 23.07.2009
--------------------------------------------------------------------
Description:
 1. Changes the Popups/MenuPopups appearance.
 2. Makes the Popup Items Nav-Style.
 3. Also changes the Download-Statusbar Popups appearance.
 4. Highly customizable.
 5. Integrates with the other "Nav-Style" styles.
--------------------------------------------------------------------
Notes:
-This style skins Popups & MenuPopups in two different ways (you
 can customize both on the bottom of the page), the default
 settings are:
 Popups = dark background, white text & arrow.
 MenuPopups = light-blue background, black text & arrow.

-If something looks wrong, try to not use other styles that
 changes the Popup settings, and use the default Firefox theme.

-It's suggested to restart Firefox after enabling this style.
--------------------------------------------------------------------
CUSTOMIZING:

 1. NAV-STYLE ITEMS SETTINGS.
 2. POPUP/MENUPOPUP BACKGROUND-COLOR.
 3. POPUP/MENUPOPUP TEXT SETTINGS.
 4. POPUP ICONS OPACITY.
 5. POPUP MAX-HEIGHT.
 6. POPUP BORDER RADIUS.
 7. SEPARATOR OPACITY.

> GO TO BOTTOM OF THE PAGE TO CUSTOMIZE
--------------------------------------------------------------------
Supported Extensions:
 Download-Statusbar.
--------------------------------------------------------------------
Integrates with:
 MBlue Combine Nav-Buttons Vista
 MBlue Nav-Style Url-Bar Vista
 MBlue Nav-Style Buttons Vista
 MBlue Nav-Style Tabs Vista
 MBlue Nav-Style Statusbar Vista
 MBlue Nav-Style Throbber Vista
 MBlue Nav-Style Bookmarks-Bar Vista
 MBlue Nav-Style Awesome-Bar Vista
 MBlue Nav-Style Menubar Vista
>MBlue Nav-Style Popup Vista
 MBlue Nav-Style Sidebar Vista
 MBlue Nav-Style Sidebar Vista (Downloads, Addons, Extensions)
--------------------------------------------------------------------
Updates:
 23.07.2009 Ver. 0.3.0 = added Autoscroll, Better FF 3.5 support
 18.10.2008 Ver. 0.2.3 = few fixes
 16.10.2008 Ver. 0.2.2 = few fixes
 11.10.2008 Ver. 0.2.1 = few fixes
 07.10.2008 Ver. 0.2.0 = ready to release
 02.10.2008 Ver. 0.1.9 = lot of fixes
 26.09.2008 Ver. 0.1.8 = code optimized, few fixes
 25.09.2008 Ver. 0.1.5 = few fixes, added customizing options,
 24.09.2008 Ver. 0.1.3 = lot of fixes, code optimized
 23.09.2008 Ver. 0.1.2 = added the backgrounds, code optimized
 21.09.2008 Ver. 0.1.0 = temp version
------------------------------------------------------------------*/



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

/*AUTOSCROLL*/
#autoscroller .autorepeatbutton-icon,
#autoscroller .autorepeatbutton-up,
#autoscroller .autorepeatbutton-down,
#autoscroller .popup-internal-box{
display:none!important}

#autoscroller,
#autoscroller .popup-internal-box{
min-width:32px!important;
max-width:32px!important;
min-height:32px!important;
max-height:32px!important;
-moz-border-radius:17px!important}

#autoscroller{
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWJJREFUeNrsllFOhDAQhrcFw7KSVSLRA3gV7+BF9Aa++eKeYJ89kzcwbFCDC4Rt8Z/4YzBhTYqumLiTfJmmQKcz/duimqaZjGl6sreRTX1j6Q6IWE2s60DewOAzcALOwDHHMWADml2LNgLn4KKqqgdB2uyLXIWtB0wglOzLsrxTNGmzIqHrmK4aCCRQnuf3Ehhtn/0bnCdNFEWXaK9A5TqBVlQB/bYs5NkhSLj2IfsL8ARS8EpB9pnls6oVrepkNgen9MEXSyBZT+lbEbcCLOm37QYJ/AIe6Su/k9k8y7Ibz/NCrfUUFW4roahsqbJhuYVPQfC+BjKeD+/xu/Zbi/dra21pjCniOL5i1T4m8J6GMWthjINotCX4MyJ02oZpmt72PUyS5Np1G7oeRFLqGoEWPcEXzMrs8iS0LPcKAZed4EtmXrheSGrgfTCjBo7Y90wNrH9jAj96He9N/fu/4jcBBgDDTZPfxTcHEAAAAABJRU5ErkJggg==")no-repeat center center!important}

/* POPUPS SETTINGS & BG */
popup,
menupopup,
popup menupopup {
-moz-appearance: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
-moz-border-bottom-colors: none !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAABCAYAAADw8vieAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrUkrkRACAQAqX/orEBA+XRkexgITqQHIJg5DjwXRYB5sbGb3eTSbGJX90VjVzJ+MBTmESneae3Ux3Xa/zcUlOAAQDKwCj/IP+T6wAAAABJRU5ErkJggg==") repeat-y center !important;
border: solid 1px rgba(0,0,0,0.4) !important;
margin: 0 !important;
padding: 0 !important;
}

popup,
menupopup,
menupopup menupopup,
popup menupopup {
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
}

menubar menupopup {
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
}

#browser-bottombox menupopup,
#browser-bottombox popup {
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
}



/* POPUP ITEMS SETTINGS & BG */

popup > menuitem,
popup > menu,
menupopup > menuitem,
menupopup > menu {
-moz-appearance: none !important;
min-height: 22px !important;
max-height: 22px !important;
margin: 0 !important;
padding: 0 !important;
-moz-border-radius: 0px !important;
border: solid 1px transparent !important;
background: transparent !important;
}

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
popup > menu[_moz-menuactive="true"]:not([disabled="true"]),
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]) {
border-top: solid 1px #8487cf !important;
border-bottom: solid 1px #0517b9 !important;
border-left: solid 1px #5e64c9 !important;
border-right: solid 1px #5e64c9 !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFr7Xejp7X3eDxAHDjk978AInuGrT1AF7YAFDQdYjSt73hu8HjADDAmqrZgZPUprHctLrgJ8D4CKLyAEPHSv8bDQAAACpJREFUeNoEwQkCgBAAALApVESO//+1zaEqBj5N0D1e2+1ySpZsir8AAwAOwAC/vOEMrAAAAABJRU5ErkJggg==") repeat-x center !important;
}

popup > menuitem:not([disabled="true"]):hover:active,
popup > menu:not([disabled="true"]):hover:active,
menupopup > menuitem:not([disabled="true"]):hover:active,
menupopup > menu:not([disabled="true"]):hover:active {
border-top: solid 1px #24256a !important;
border-bottom: solid 1px #020859 !important;
border-left: solid 1px #434378 !important;
border-right: solid 1px #434378 !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFRlCLNLD0P0uUDmnrACKhCU3kN0GeNDqefoOeAzneABh5QkyNADHTOUeZLjSYABFqKjCTACi7MjicAB2N6qqiqwAAACpJREFUeNoEwQkCgBAAALApVESO//+1zY3q0GSXpRs+xRZNr0dyCr8AAwAPFgC/ObkBOgAAAABJRU5ErkJggg==") repeat-x center !important;
}



/* POPUP ICONS SETTINGS & BG */

popup > menuitem .menu-iconic-icon,
popup > menu .menu-iconic-icon,
menupopup > menuitem .menu-iconic-icon,
menupopup > menu .menu-iconic-icon,

popup > menuitem .menu-iconic-left,
popup > menu .menu-iconic-left,
menupopup > menuitem .menu-iconic-left,
menupopup > menu .menu-iconic-left {
margin: 0 !important;
padding: 2px 6px 2px 6px !important;
min-width: 28px !important;
max-width: 28px !important;
min-height: 20px !important;
max-height: 20px !important;
opacity: 0.9 !important;
}

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
popup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-left,
popup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-left,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-left,
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-left {
opacity: 1.0 !important;
}

popup > menuitem:not([disabled="true"]):hover:active > .menu-iconic-icon,
popup > menu:not([disabled="true"]):hover:active > .menu-iconic-icon,
menupopup > menuitem:not([disabled="true"]):hover:active > .menu-iconic-icon,
menupopup > menu:not([disabled="true"]):hover:active > .menu-iconic-icon,

popup > menuitem:not([disabled="true"]):hover:active > .menu-iconic-left,
popup > menu:not([disabled="true"]):hover:active > .menu-iconic-left,
menupopup > menuitem:not([disabled="true"]):hover:active > .menu-iconic-left,
menupopup > menu:not([disabled="true"]):hover:active > .menu-iconic-left {
opacity: 0.75 !important;
}

popup > menuitem[disabled="true"] > .menu-iconic-icon,
popup > menu[disabled="true"] > .menu-iconic-icon,
menupopup > menuitem[disabled="true"] > .menu-iconic-icon,
menupopup > menu[disabled="true"] > .menu-iconic-icon,

popup > menuitem[disabled="true"] > .menu-iconic-left,
popup > menu[disabled="true"] > .menu-iconic-left
menupopup > menuitem[disabled="true"] > .menu-iconic-left,
menupopup > menu[disabled="true"] > .menu-iconic-left {
opacity: 0.4 !important;
}


popup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
popup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon,
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"])
 .menu-iconic-icon {
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAB3RJTUUH2AUBCQcsMK0dXAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACvyDcFiukAAAH6SURBVHjatVaLboMwEAspA9q9H///h9O6tV1XCmE5ZhfrRLWHNCSLNLuzc05yrBiGIYYQFoIy4wLjCNjc3JMyesDGbUYnc30pREZaZdQCL1Q48gTCI8g/Mg4YDwEriyBugEvAxivElGcEOmCf8Z6xAyJiWlZgAsuM64w7vG8w10Bg4QRowwGkm4xXxJ0q5OoqrNbIHwAbX81YFVB+gjVmy1aqpfhoHTeU1txmPAEP3whwMylQo0JW1dIiVnAlFj1m3GOugUAhYAUdBCqIH7EXW1hWqkADwlv4f4Oqalm93+Qe4hG/97IXNQUWCFrCR74bBFVugwepgpb1Lv+UF6UCnv0lBPXkePKAd5QFVpLPfRsr8IG80VHIEy+OkBduHCWf9ybqBYpuPGdJwhxj9ZnjKaIrOzjinz5nc3gx0gx8sj9FhRCyukHybTyUMmEnwc5x54POWBbk78zv5D1yxDB1wwNgF0fbrlYzR947jj3yR44SAW2YOiLBC0YL4xlyLor5e/w2wfF70IWpl9sVfwtfZ3kRpoamrSKIaCd5r8AGQgdWQAH2jzUIBwSxF/lmxz1rkfeCXBvv1CK23F2Y+nkC+W/ateU+Q2RLm3QP9Et0hJcrCPzmg7OGRacKaBHJE9Q34e+fTJ7EnveglSSuqsaG//Wjb0jFf//b8glo1QObtaR80AAAAABJRU5ErkJggg==") no-repeat center center !important;
opacity: 1 !important;
}



/* POPUP LABEL SETTINGS */

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
popup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label {
opacity: 1 !important;
}

popup > menuitem:hover:active > label,
popup > menu:hover:active > label,
menupopup > menuitem:hover:active > label,
menupopup > menu:hover:active > label {
opacity: 0.75 !important;
}

popup > menuitem[disabled="true"] > label,
popup > menu[disabled="true"] > label,
menupopup > menuitem[disabled="true"] > label,
menupopup > menu[disabled="true"] > label {
opacity: 0.4 !important;
}


popup > menuitem label[class="menu-accel"],
menupopup > menuitem label[class="menu-accel"],
popup > menuitem label[class="menu-iconic-accel"],
menupopup > menuitem label[class="menu-iconic-accel"] {
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
background: rgba(0,0,0,0.0) !important;
margin: 0px 3px 0px 20px !important;
padding: 1px 3px 1px 3px !important;
border: solid 1px rgba(255,255,255,0.0) !important;
min-height: 8px !important;
min-width: 8px !important;
opacity: 0.9 !important;
}

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label[class="menu-accel"],
popup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label[class="menu-accel"],
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label[class="menu-accel"],
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label[class="menu-accel"] {
opacity: 1 !important;
}

popup > menuiteme:hover:active label[class="menu-accel"],
menupopup > menuitem:hover:active label[class="menu-accel"],
popup > menuitem:hover:active label[class="menu-iconic-accel"],
menupopup > menuitem:hover:active label[class="menu-iconic-accel"] {
opacity: 0.75 !important;
}

popup > menuitem[disabled="true"] label[class="menu-accel"],
menupopup > menuitem[disabled="true"] label[class="menu-accel"],
popup > menuitem[disabled="true"] label[class="menu-iconic-accel"],
menupopup > menuitem[disabled="true"] label[class="menu-iconic-accel"] {
opacity: 0.4 !important;
}



/* POPUP ARROW SETTINGS */

popup menu > .menu-right,
popup menupopup menu > .menu-right,
menupopup > menu > .menu-right {
-moz-appearance: none !important;
min-width: 5px !important;
max-width: 5px !important;
min-height: 8px !important;
max-height: 8px !important;
margin: 0px 4px 0px 0px !important;
opacity: 0.9 !important;
}

popup menu > .menu-right,
popup menupopup menu > .menu-right,
menupopup menu[_moz-menuactive="true"]:not([disabled="true"]) > .menu-right {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpiZmBgEAFiLyB+B8RfGKAg5Pjx4ydBNBBLwARjPn369P/IkSMoEjHv37/7D8KHDh0ES7CARP/8+QPW8vfvXwa49ufPn//fs2cPivYQdAEGqJNQBAACDAAM/yrNxBAhjwAAAABJRU5ErkJggg==") no-repeat center center !important;
}

menupopup menu > .menu-right {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFlJREFUeNpi+P//vwgQhwCxBBAzgDCICLGwsDiJLAESjOHl5f1vbW0NlwALCggI/gdhW1s7sAQLAxCwsIApBmZmZjANVikhIfHf2dkZRXsIsgDMIgwnAQQYAIu9XunM62N0AAAAAElFTkSuQmCC") no-repeat center center !important;
}

popup menu:hover > .menu-right,
menupopup menu:hover > .menu-right {
opacity: 1 !important;
}

popup menu[disabled="true"] > .menu-right,
menupopup menu[disabled="true"] > .menu-right {
opacity: 0.4 !important;
}



/* POPUP SEPARATOR SETTINGS & BG */

popup menuseparator,
menupopup menuseparator {
-moz-appearance: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-radius: 0px !important;
border: none !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpi/P//fwMjIyMDQIABABeGA4J2TgcSAAAAAElFTkSuQmCC") repeat-x center !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
}



/* POPUP AUTOREPEAT-BUTTON SETTINGS & BG */

popup .autorepeatbutton-up,
popup .autorepeatbutton-down,
menupopup .autorepeatbutton-up,
menupopup .autorepeatbutton-down {
-moz-appearance: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-radius: 0px !important;
border: none !important;
height: 16px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAYAAAB2BDbRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNocirENgzAUBT/PwjYSTsEiWYEmu6TKAFmHgSgoqWkiQhdsY2zHn1ec7qRHff94Uc55wLLYH1JKmbEhxrgjhMOyeXjvApxzJ6zdgaOMjcS6fu6QUhGUUnWBPktKAa2bCzWnRNuaBsbcOr5UNM/ft5im8fkXYAB3IDjqzas5+wAAAABJRU5ErkJggg==") repeat-x center !important;
opacity: 0.75 !important;
}

popup .autorepeatbutton-up,
menupopup .autorepeatbutton-up {
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
border-bottom: solid 1px rgba(0,0,0,0.4) !important;
}

popup .autorepeatbutton-down,
menupopup .autorepeatbutton-down {
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;
border-top: solid 1px rgba(0,0,0,0.4) !important;
}

popup .autorepeatbutton-up:hover,
popup .autorepeatbutton-down:hover,
menupopup .autorepeatbutton-up:hover,
menupopup .autorepeatbutton-down:hover {
opacity: 1.0 !important;
}

popup .autorepeatbutton-up[disabled="true"],
popup .autorepeatbutton-down[disabled="true"],
menupopup .autorepeatbutton-up[disabled="true"],
menupopup .autorepeatbutton-down[disabled="true"] {
opacity: 0.4 !important;
}

popup .autorepeatbutton-up .autorepeatbutton-icon, 
menupopup .autorepeatbutton-up .autorepeatbutton-icon {
list-style-image:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiZkAAcSBWA+L/QPyVAU3C8MKFC49ANJSPkLhy5fKj169f/QfRyAoMb9y4/uj9+3f/YRjEB4kzQlVIATEPkjVfgPgZQIABAOyKJc16/WNxAAAAAElFTkSuQmCC") !important;
}

popup .autorepeatbutton-down .autorepeatbutton-icon,
menupopup .autorepeatbutton-down .autorepeatbutton-icon {
list-style-image:  
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNpiZGBgEAdiKSDmYUCAL0D8DMQwvHHj+qP379/9h2EQHyTOANVpeOXK5UevX7/6D6KhEuIwY8AKLly4gCGBogBZAiDAACfrI/hULlo8AAAAAElFTkSuQmCC") !important;
}



/* DOWNLOAD-STATUSBAR POPUPS SETTINGS & BG */

popup[id*="db_"] box,
menupopup[id*="db_"] box,
popup[id*="db_"] hbox,
menupopup[id*="db_"] hbox,
popup[id*="db_"] vbox,
menupopup[id*="db_"] vbox {
background: none !important;
}

popup #db_finTipLeftImg,
popup #db_finTipRightImg,
popup #db_progTipLeftImg,
popup #db_progTipRightImg {
display: none !important;
}

popup .db_tootipTitle,
popup .db_tootipText {
color: #ffffff !important;
font-size: 10px !important;
font-weight: bold !important;
opacity: 0.9 !important;
}

popup .db_tooltipTextBox {
-moz-appearance: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
-moz-border-bottom-colors: none !important;
border: none !important;
outline: none !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: bold !important;
opacity: 0.85 !important;
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpiOHPhFdPhE8+Yfv3+x/Tz51+mH0D8/ccflu/fgfjHHwYGw+UMDNZbGRhcDzEwBF1mYEh9wsQmxM7EK8zCkHPmF0CAAQCjuh5Q+QECWAAAAABJRU5ErkJggg==") repeat-x center !important;
border-top: solid 1px #6b6dbb !important;
border-bottom: solid 1px #041191 !important;
border-left: solid 1px #363ea6 !important;
border-right: solid 1px #363ea6 !important;
}

popup .db_tooltipTextBox:hover {
background: transparent 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNoAQAC//wLd4PEC2t3wAv39/wL7+/4C9/z+AvT5/QL09P4C8/X9A8D6XQIADQkCAA4IAgASCwIAGQsCCBkEAhISAwJ5KgcCDACWNhqEiJY3CAAAAABJRU5ErkJggg==") repeat-x center !important;
border-top: solid 1px #8487cf !important;
border-bottom: solid 1px #0517b9 !important;
border-left: solid 1px #5e64c9 !important;
border-right: solid 1px #5e64c9 !important;
}












/*=========================[CUSTOMIZE]============================*/



popup > menuitem,
popup > menu,
menupopup > menuitem,
menupopup > menu,
popup .db_tooltipTextBox {



/*------------------------------------------------------------------
 [1] NAV-STYLE ITEMS SETTINGS

 Below you can change the opacity of the Nav-Style Items (blue
 button when hovering popups text).
 You can also change the Border Radius.
------------------------------------------------------------------*/
opacity: 0.85 !important;
-moz-border-radius: 0px !important;}
/*----------------------------------------------------------------*/



#autoscroller,
popup,
popup menupopup {



/*------------------------------------------------------------------
 [2a] POPUP BACKGROUND-COLOR

 Changes the popup background color.

----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/
background-color: rgba(32,32,48,0.9) !important;}
/*----------------------------------------------------------------*/



menupopup,
#browser-bottombox menupopup,
#browser-bottombox popup {



/*------------------------------------------------------------------
 [2b] MENUPOPUP BACKGROUND-COLOR

 Changes the menupopup background color.

----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/
background-color: rgba(220,235,255,0.9) !important;}
/*----------------------------------------------------------------*/



popup > menuitem > label,
popup > menu > label,
popup menupopup > menuitem > label,
popup menupopup > menu > label,

popup > menuitem .menu-accel,
popup > menuitem .menu-iconic-accel,
popup menupopup > menuitem .menu-accel,
popup menupopup > menuitem .menu-iconic-accel,

popup .db_tootipTitle,
popup .db_tootipText {




/*------------------------------------------------------------------
 [3a] POPUP TEXT SETTINGS

 Below you can change the text color/size/weight/opacity/align.
------------------------------------------------------------------*/
/* TEXT COLOR:               */ color: #ffffff !important;
/* SIZE (8/16):              */ font-size: 10px !important;
/* WEIGHT (normal, bold):    */ font-weight: bold !important;
/* OPACITY                   */ opacity: 0.9 !important;
/* Vertical Align (0/-4):    */ margin-top: 0px !important;}
/*----------------------------------------------------------------*/



menupopup > menuitem > label,
menupopup > menu > label,

menupopup > menuitem .menu-accel,
menupopup > menuitem .menu-iconic-accel,

#browser-bottombox menupopup > menuitem > label,
#browser-bottombox menupopup > menu > label,
#browser-bottombox popup > menuitem > label,
#browser-bottombox popup > menu > label,

popup > menuitem label[class="menu-accel"],
menupopup > menuitem label[class="menu-accel"],
popup > menuitem label[class="menu-iconic-accel"],
menupopup > menuitem label[class="menu-iconic-accel"] {




/*------------------------------------------------------------------
 [3b] MENUPOPUP TEXT SETTINGS

 Below you can change the text color/size/weight/opacity/align.
------------------------------------------------------------------*/
/* TEXT COLOR:               */ color: #000000 !important;
/* SIZE (8/16):              */ font-size: 10px !important;
/* WEIGHT (normal, bold):    */ font-weight: bold !important;
/* OPACITY                   */ opacity: 0.9 !important;
/* Vertical Align (0/-4):    */ margin-top: 0px !important;}
/*----------------------------------------------------------------*/



popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
popup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label,

popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) .menu-accel,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) .menu-accel,
popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) .menu-iconic-accel,
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) .menu-iconic-accel,

#browser-bottombox menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
#browser-bottombox menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label,
#browser-bottombox popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]) > label,
#browser-bottombox popup > menu[_moz-menuactive="true"]:not([disabled="true"]) > label  {



/*------------------------------------------------------------------
 [3c] POPUP & MENUPOPUP TEXT SETTINGS (HOVER)

 Below you can change the text color when hover.
------------------------------------------------------------------*/
/* TEXT COLOR:               */ color: #ffffff !important;}
/*----------------------------------------------------------------*/



popup > menuitem .menu-iconic-icon,
popup > menu .menu-iconic-ico
menupopup > menuitem .menu-iconic-icon,
menupopup > menu .menu-iconic-icon,
popup > menuitem .menu-iconic-left,
popup > menu .menu-iconic-left,
menupopup > menuitem .menu-iconic-left,
menupopup > menu .menu-iconic-left  {



/*------------------------------------------------------------------
 [4] POPUP ICONS OPACITY

 Changes the popups icons opacity.
------------------------------------------------------------------*/
opacity: 0.9 !important;}
/*----------------------------------------------------------------*/



popup,
menupopup {



/*------------------------------------------------------------------
 [5] POPUP MAX-HEIGHT

 Changes the Popups Max-Height. Just write a value (like 600px) to
 change it, or "none" to disable.
------------------------------------------------------------------*/
/* POPUPS MAX-HEIGHT:        */ max-height: none !important;}
/*----------------------------------------------------------------*/



popup,
popup menupopup {



/*------------------------------------------------------------------
 [6a] POPUP BORDER RADIUS

 Changes the default Popups Border Radius.
------------------------------------------------------------------*/
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;}
/*----------------------------------------------------------------*/



menupopup,
menupopup menupopup {



/*------------------------------------------------------------------
 [6b] MENUPOPUP BORDER RADIUS

 Changes the MenuPopups Border Radius.
------------------------------------------------------------------*/
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;}
/*----------------------------------------------------------------*/



#browser-bottombox menupopup,
#browser-bottombox popup {



/*------------------------------------------------------------------
 [6c] STATUSBAR POPUP BORDER RADIUS

 Changes the Status-Bar Popups Border Radius.
------------------------------------------------------------------*/
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
-moz-border-radius-bottomright: 0px !important;}
/*----------------------------------------------------------------*/



popup menuseparator,
menupopup menuseparator {



/*------------------------------------------------------------------
 [7] SEPARATOR OPACITY

 Changes the Separator Opacity.
------------------------------------------------------------------*/
opacity: 0.6 !important;}
/*----------------------------------------------------------------*/





/* END */