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

#appmenu-button {
  -moz-appearance: none!important;
  background-clip: padding-box!important;
  border-radius: 0 0 4px 4px!important;
  border: 1px solid!important;
  border-top: none!important;
  color: white!important;
  text-shadow: 0 0 1px rgba(0,0,0,.7),
               0 1px 1.5px rgba(0,0,0,.5)!important;
  font-weight: bold!important;
  padding: 0 1.5em .05em!important;
  margin: 0 0 2px!important;
  min-height: 6px !important;
}

#appmenu-button .box-inherit.button-box {
  display: inherit !important;
}


@media not all and (-moz-windows-compositor) {
  #main-window[tabsontop="true"][sizemode="normal"] #appmenu-button {
    padding-top: 0px !important;
  }
  #main-window[tabsontop="true"][sizemode="normal"]
  #toolbar-menubar[inactive] ~ #TabsToolbar  {
    -moz-padding-start: 4px !important;
    -moz-padding-end: 4px !important;
    padding-top: 5px !important;
  }
}

#appmenu-button:hover:active,
#appmenu-button[open] {
  border-radius: 0;
}

#appmenu-button {
  background-image: -moz-linear-gradient(rgb(247,182,82), rgb(215,98,10) 95%)!important;
}

#appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(252,240,89,.5) 10%, rgba(252,240,89,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(236,133,0), rgba(255,229,172,0)),
                    -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%)!important;
  border-color: rgba(83,42,6,.9)!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
              0 0 1.5px 1px rgba(250,234,169,.7) inset,
              0 -1px 0 rgba(250,234,169,.5) inset!important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(192,81,247), rgba(236,172,255,0)),
                    -moz-linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%)!important;
  border-color: rgba(43,8,65,.9)!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
              0 0 2px 1px rgba(240,193,255,.7) inset,
              0 -1px 0 rgba(240,193,255,.5) inset!important;
}

#appmenu-button:hover:active,
#appmenu-button[open] {
  background-image: -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%)!important;
  border-radius: 0!important;
  box-shadow: 0 2px 3px rgba(0,0,0,.4) inset,
              0 1px 1px rgba(0,0,0,.2) inset!important;
}

#main-window[titlemodifier_normal="Aurora"] #appmenu-button {
  background-image: -moz-linear-gradient(hsl(208,99%,37%), hsl(214,90%,23%) 95%)!important;
  border-color: hsla(214,89%,21%,.9)!important;
  box-shadow: 0 1px 0 hsla(205,100%,72%,.2) inset,
              0 0 2px 1px hsla(205,100%,72%,.25) inset!important;
}
#main-window[titlemodifier_normal="Aurora"] #appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, hsla(202,100%,85%,.5) 10%, hsla(202,100%,85%,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, hsla(205,100%,72%,.7), hsla(205,100%,72%,0)),
                    -moz-linear-gradient(hsl(208,98%,34%), hsl(213,87%,20%) 95%)!important;
  border-color: hsla(214,89%,21%,.9)!important;
  box-shadow: 0 1px 0 hsla(205,100%,72%,.15) inset,
              0 0 2px 1px hsla(205,100%,72%,.5) inset,
              0 -1px 0 hsla(205,100%,72%,.2) inset!important;
}
#main-window[titlemodifier_normal="Aurora"] #appmenu-button:hover:active,
#main-window[titlemodifier_normal="Aurora"] #appmenu-button[open] {
  background-image: -moz-linear-gradient(hsl(208,95%,30%), hsl(214,85%,17%) 95%)!important;
  box-shadow: 0 2px 3px rgba(0,0,0,.4) inset,
              0 1px 1px rgba(0,0,0,.2) inset!important;
}

#main-window[titlemodifier_normal="Nightly"] #appmenu-button {
  background-image: -moz-linear-gradient(hsl(211,33%,32%), hsl(209,53%,10%) 95%)!important;
  border-color: hsla(210,59%,13%,.9)!important;
  box-shadow: 0 1px 0 hsla(210,48%,90%,.15) inset,
              0 0 2px 1px hsla(211,65%,85%,.15) inset!important;
}
#main-window[titlemodifier_normal="Nightly"] #appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, hsla(210,48%,90%,.5) 10%, hsla(210,48%,90%,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, hsla(211,70%,83%,.5), hsla(211,70%,83%,0)),
                    -moz-linear-gradient(hsl(211,33%,32%), hsl(209,53%,10%) 95%)!important;
  border-color: hsla(210,59%,13%,.9)!important;
  box-shadow: 0 1px 0 hsla(210,48%,90%,.15) inset,
              0 0 2px 1px hsla(210,48%,90%,.4) inset,
              0 -1px 0 hsla(210,48%,90%,.2) inset!important;
}
#main-window[titlemodifier_normal="Nightly"] #appmenu-button:hover:active,
#main-window[titlemodifier_normal="Nightly"] #appmenu-button[open] {
  background-image: -moz-linear-gradient(hsl(211,33%,26%), hsl(209,53%,6%) 95%)!important;
  box-shadow: 0 2px 3px rgba(0,0,0,.4) inset,
              0 1px 1px rgba(0,0,0,.2) inset!important;
}

#main-window[privatebrowsingmode=temporary] .tab-drag-preview::before,
#main-window[privatebrowsingmode=temporary] #appmenu-button {
  background-image: -moz-linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%)!important;
  border-color: rgba(43,8,65,.9)!important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(192,81,247), rgba(236,172,255,0)),
                    -moz-linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%)!important;
  border-color: rgba(43,8,65,.9)!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
              0 0 2px 1px rgba(240,193,255,.7) inset,
              0 -1px 0 rgba(240,193,255,.5) inset!important;
}

#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:active,
#main-window[privatebrowsingmode=temporary] #appmenu-button[open] {
  background-image: -moz-linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%)!important;
}

#appmenu-button > .button-box > .button-menu-dropmarker {

  list-style-image: url("chrome://browser/skin/appmenu-dropmarker.png") !important;
  -moz-image-region: rect(0 9px 7px 0) !important;
  width: auto !important;
  height: auto !important;
}

@media not all and (-moz-windows-compositor) {
  #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container {
    margin-top: -1px!important;
  }
  #appmenu-button > .button-box {
    padding: 2px 0!important;
  }
  #main-window[tabsontop="true"][sizemode="normal"]
  #toolbar-menubar[inactive] ~ #TabsToolbar  {
    -moz-padding-start: 4px !important;
    -moz-padding-end: 4px !important;
    padding-top: 6px !important;
  }
  #main-window[tabsintitlebar] #appmenu-button {
    margin-bottom: 7px !important;
  }
}

@media all and (-moz-windows-compositor) {
  #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container {
    margin-top: 0px!important;
  }
  #main-window[tabsontop="true"][sizemode="normal"]
  #toolbar-menubar[inactive] ~ #TabsToolbar  {
    -moz-padding-start: 4px !important;
    -moz-padding-end: 4px !important;
    padding-top: 2px !important;
  }
}

  #appmenu-button {
    border-width: 2px!important;
    -moz-border-left-colors: rgba(255,255,255,.5) rgba(83,42,6,.9)!important;
    -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(83,42,6,.9)!important;
    -moz-border-right-colors: rgba(255,255,255,.5) rgba(83,42,6,.9)!important;
    margin-bottom: 1px!important; /* compensate white outer border */
    box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
                0 0 2px 1px rgba(255,255,255,.25) inset!important;
  }

  #main-window[privatebrowsingmode=temporary] #appmenu-button {
    -moz-border-left-colors: rgba(255,255,255,.5) rgba(43,8,65,.9)!important;
    -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(43,8,65,.9)!important;
    -moz-border-right-colors: rgba(255,255,255,.5) rgba(43,8,65,.9)!important;
  }

  #appmenu-popup {
    margin-top: -1px!important;
  }