/** CREDITS, TERMS, AND LICENSING
Name: AureliaNG
Version: 5.5
Author: foxhead128
Contributors: 
Special thanks to: The Mozilla Developer Network and W3Schools.com for their helpful articles on CSS coding.

AureliaNG is made available to you by foxhead128, and released under the terms of the Creative Commons BY-NC-SA License.  That is, you're free to use it however you please, provided that 1) Credit for the work is given in the manner specified by the author, 2) The work is not used for commercial purposes, and 3) Any derivative works, if redistributed, may only be released under an identical or similar license to this one.  See http://creativecommons.org/licenses/by-nc-sa/2.0/ for more details.
**/

@-moz-document url("chrome://browser/content/browser.xul") {

/** GENERAL STYLING **/

#TabsToolbar > *:not(#appmenu-toolbar-button) {
-moz-box-ordinal-group: 2 !important;
}

/** FIREFOX APPLICATION MENU **/
#appmenu-toolbar-button {
-moz-box-ordinal-group: 1 !important;
display: -moz-box !important;
}

#appmenu-toolbar-button > menupopup #appmenuPrimaryPane:before {
white-space: pre-wrap !important;
content: "Firefox 4.0 Beta" !important;
padding: 3px 4px 3px 4px !important;
background-image: -moz-repeating-linear-gradient(bottom 135deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 24px, rgba(0,0,0,0.75) 24px, rgba(0,0,0,0.75) 48px), -moz-linear-gradient(bottom, black, rgba(0,0,0,0.75) 1px, rgba(0,0,0,0.25) 2px, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.875) 98.75%, black 100%) !important;
background-color: gold !important;
text-align: center !important;
display: -moz-box !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
font-family: DejaVu Sans !important;
font-size: 15pt !important;
}

#appmenu-toolbar-button > menupopup #appmenuSecondaryPane {
-moz-border-start: 0 !important;
}

#appmenu-toolbar-button > menupopup #appmenuPrimaryPane:after {
background-image: -moz-repeating-linear-gradient(bottom 135deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 24px, rgba(0,0,0,0.75) 24px, rgba(0,0,0,0.75) 48px), -moz-linear-gradient(bottom, black, rgba(0,0,0,0.75) 1px, rgba(0,0,0,0.25) 2px, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.875) 98.75%, black 100%) !important;
background-color: gold !important;
display: -moz-box !important;
height: 16px !important;
content: "" !important;
}

#appmenu-toolbar-button > menupopup #appmenuSecondaryPane:after {
background-image: -moz-repeating-linear-gradient(bottom 135deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 24px, rgba(0,0,0,0) 24px, rgba(0,0,0,0) 48px), -moz-linear-gradient(bottom, black, rgba(0,0,0,0.75) 1px, rgba(0,0,0,0.25) 2px, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.875) 98.75%, black 100%) !important;
background-color: gold !important;
display: -moz-box !important;
height: 16px !important;
content: "" !important;
}

#appmenu-toolbar-button > menupopup #appmenuSecondaryPane:before {
content: "...♥" !important;
-moz-box-direction: reverse !important;
white-space: pre-wrap !important;
padding: 3px 4px 3px 4px !important;
background-image: -moz-repeating-linear-gradient(bottom 135deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 24px, rgba(0,0,0,0) 24px, rgba(0,0,0,0) 48px), -moz-linear-gradient(bottom, black, rgba(0,0,0,0.75) 1px, rgba(0,0,0,0.25) 2px, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.875) 98.75%, black 100%) !important;
background-color: gold !important;
text-align: center !important;
display: -moz-box !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
font-family: DejaVu Serif !important;
font-size: 1.5em !important;
}

#appmenu-toolbar-button > menupopup {
-moz-appearance: none !important;
border: 1px solid ThreeDShadow !important;
background-color: menu !important;
}

#appmenu-toolbar-button:before {
display: -moz-box !important;
position: static !important;
content: "AureliaNG" !important;
font-family: Switzera ADF Ex !important;
padding: 0 !important;
-moz-box-direction: reverse !important;
-moz-box-align: center !important;
margin: 0 !important;
font-weight: bold !important;
}

#appmenu-toolbar-button > label {
visibility: collapse !important;
}

#main-window {
-moz-appearance: none !important;
background-color: gold !important;
}

#TabsToolbar toolbarbutton dropmarker {
-moz-appearance: none !important;
}

#TabsToolbar toolbarbutton[type="menu-button"]:not(.tabs-alltabs-button) dropmarker:after {
margin-right: 0.125ex !important;
margin-left: 0.125ex !important;
-moz-box-align: center !important;
-moz-appearance: none !important;
font-family: Liberation Mono !important;
display: -moz-box !important;
content: "â–¾" !important;
}

#TabsToolbar toolbarbutton[type="menu-button"]:not(.tabs-alltabs-button):not(:hover):not([open="true"]):not([checked="true"]):not(:active) dropmarker:after {
text-shadow: 1px 1px 1.5px black !important;
}

#TabsToolbar toolbarbutton[type="menu"]:after, #TabsToolbar .tabs-alltabs-button:after {
-moz-appearance: none !important;
margin-left: 0.45ex !important;
margin-right: 0.315ex !important;
-moz-box-align: center !important;
display: -moz-box !important;
content: "â–¾" !important;
font-family: Liberation Mono !important;
}

#TabsToolbar .tabs-alltabs-button:after {
-moz-appearance: none !important;
-moz-box-align: center !important;
margin-left: 0.4ex !important;
font-family: Liberation Mono !important;
display: -moz-box !important;
content: "â–¾" !important;
}

toolbarbutton {
-moz-box-orient: horizontal !important;
}

.tabs-alltabs-button[label="1"]:before,
.tabs-alltabs-button[label="2"]:before,
.tabs-alltabs-button[label="3"]:before,
.tabs-alltabs-button[label="4"]:before,
.tabs-alltabs-button[label="5"]:before,
.tabs-alltabs-button[label="6"]:before,
.tabs-alltabs-button[label="7"]:before,
.tabs-alltabs-button[label="8"]:before,
.tabs-alltabs-button[label="9"]:before {
content: "0" !important;
display: -moz-box !important;
}

#navigator-toolbox {
border-bottom: 0 !important;
}

toolbarseparator {
-moz-appearance: none !important;
background: -moz-linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.4), rgba(0,0,0,0.05)) !important;
-moz-box-shadow: 0 0 1.5px white !important;
margin: 6px 4px !important;
min-width: 1px !important;
max-width: 1px !important;
}

#navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar), #browser-bottombox, #sidebar-box {
-moz-appearance: none !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

#sidebar-box {
background-color: transparent !important;
}

/** GENERIC TOOLBAR STYLING **/
#navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar) {
border-bottom: 1px ridge gray !important;
}

#navigator-toolbox toolbar:not(#nav-bar):not(#TabsToolbar):not(#toolbar-menubar):not(#PersonalToolbar) {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

toolbar:not(#toolbar-menubar) toolbarbutton:not(:hover):not([open="true"]):not(:active):not([checked="true"]):not([disabled="true"]) {
color: white !important;
}

/** MENUBAR **/
#toolbar-menubar {
background: none !important;
padding: 0 !important;
text-shadow: none !important;
color: -moz-menubartext !important;
-moz-appearance: menubar !important;
padding: 0 !important;
}

#main-menubar > menu[open="true"] {
visibility: visible !important;
color: -moz-menuhovertext !important;
}

#main-menubar > menu {
-moz-appearance: toolbarbutton !important;
padding: 0 !important;
}

#main-menubar > menu > label {
color: ButtonText !important;
}

/** NAVIGATION TOOLBAR **/
#nav-bar {
border-top: 2px solid white !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

#nav-bar {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

/** TABS TOOLBAR **/
#TabsToolbar {
background: -moz-repeating-linear-gradient(left 135deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 24px, rgba(0,0,0,0.75) 24px, rgba(0,0,0,0.75) 48px), -moz-linear-gradient(bottom, black, rgba(0,0,0,0.75) 1px, rgba(0,0,0,0.25) 2px, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.875) 97.5%, black 97.5%) !important;
}

/** BOOKMARKS TOOLBAR **/
#PersonalToolbar {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) rgba(0,0,0,0.625) !important;
}

/** GENERIC TOOLBAR BUTTON STYLING **/
toolbarbutton:hover:not([disabled="true"]) {
background-color: ButtonFace !important;
}

toolbar:not(#toolbar-menubar) toolbarbutton[open="true"]:not([disabled="true"]),
toolbar:not(#toolbar-menubar) toolbarbutton:active:not([disabled="true"]),
toolbar:not(#toolbar-menubar) toolbarbutton[checked="true"]:not([disabled="true"]) {
background-color: ButtonShadow !important;
}

toolbar:not(#toolbar-menubar) toolbarbutton:hover:not([disabled="true"]),
toolbar:not(#toolbar-menubar) toolbarbutton[open="true"]:not([disabled="true"]),
toolbar:not(#toolbar-menubar) toolbarbutton:active:not([disabled="true"]),
toolbar:not(#toolbar-menubar) toolbarbutton[checked="true"]:not([disabled="true"]) {
text-shadow: none !important;
}

/** AWESOMEBAR **/
#urlbar > * > * > * > * > * > * {
-moz-transition-delay: 0s !important;
}

#identity-box {
background-image: -moz-linear-gradient(white, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.25) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

/** GENERAL AREA SURROUNDING THE ADD-ON BAR **/
#browser-bottombox {
background-color: transparent !important;
}

#FindToolbar {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5) 97%) rgba(0,0,0,0.75) !important;
}

#addon-bar {
border-top: 1px inset silver !important;
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5) 97%, black 98%) !important;
}

#addon-bar[collapsed="true"] {
visibility: visible !important;
min-height: 1px !important;
max-height: 1px !important;
}

#addon-bar[collapsed="true"] * {
visibility: collapse !important;
}

#addon-bar, #addon-bar > *:not(toolbarbutton):not(dropmarker):not(menupopup):not(menu):not(menuitem):not(menuseparator) {
-moz-appearance: none !important;
padding: 0 !important;
margin: 0 !important;
}

#browser-bottombox #status-bar {
border: 0 !important;
border-left: 2px groove white !important;
background-color: transparent !important;
}

#addon-bar toolbarbutton:not(:first-of-type):not(:last-of-type) {
-moz-appearance: none !important;
padding: 0 2px !important;
margin: 0 2px 0 2px !important;
}

#addon-bar toolbarbutton:first-of-type {
-moz-appearance: none !important;
padding: 0 2px !important;
margin: 0 2px 0 0 !important;
}

#addon-bar toolbarbutton:last-of-type {
-moz-appearance: none !important;
padding: 0 2px !important;
margin: 0 0 0 2px !important;
}

#browser-bottombox #status-bar {
padding: 0 0 0 2px !important;
}

#browser-bottombox #status-bar > * {
padding: 0 2px !important;
margin: 0 !important;
border: 1px outset transparent !important;
}

#browser-bottombox #status-bar > *:hover {
border: 1px outset white !important;
}

#browser-bottombox #status-bar > *[open="true"] {
border: 1px inset white !important;
}

/** TABS **/
#TabsToolbar .tabbrowser-tabs > arrowscrollbox scrollbox {
-moz-box-ordinal-group: 1 !important;
display: -moz-box !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox:after {
margin: 6px 0 6px 4px !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
  position: static !important;
  -moz-appearance: none !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
border: 0 !important;
background-size: 200% 117.5% !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(127,127,127,0.175) 4px, rgba(0,0,0,0.125) 20%, rgba(0,0,0,0.125), rgba(0,0,0,0.125) 30%, rgba(255,255,255,0.625) 97.5%) !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url(chrome://browser/skin/tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch !important;
  border-radius: 10px 8px 0 0 !important;
  min-height: 25px !important; /* reserve space for the sometimes hidden close button */
min-width: 5ex !important;
max-width: 5ex !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:hover {
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"] image,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] image {
display: none !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
-moz-transition: max-width .25s ease-out, min-width .2s ease-out !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][collapsed="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][collapsed="true"] {
-moz-appearance: none !important;
display: -moz-box !important;
padding: 0 !important;
min-width: 0 !important;
border: 0 !important;
visibility: visible !important;
max-width: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"] {
-moz-box-ordinal-group: 2 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
-moz-box-ordinal-group: 3 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not([collapsed="true"]):after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-backward?size=menu") !important;
margin: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not([collapsed="true"])[disabled="true"]:after {
content: url("moz-icon://stock/media-seek-backward?size=menu&state=disabled") !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][collapsed="true"]:after,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][collapsed="true"]:after {
max-width: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not([collapsed="true"]):after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-forward?size=menu") !important;
margin: 0 !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not([collapsed="true"])[disabled="true"]:after {
content: url("moz-icon://stock/media-seek-forward?size=menu&state=disabled") !important;
}

#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][disabled="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"][disabled="true"]:hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][disabled="true"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"][disabled="true"]:hover {
color: silver !important;
}

.tabbrowser-tab, #TabsToolbar toolbarbutton, #TabsToolbar toolbarbutton[disabled="true"]:hover {
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

.tabbrowser-tab, #TabsToolbar toolbarbutton:not(.tabs-alltabs-button), #TabsToolbar toolbarbutton[disabled="true"]:not(.tabs-alltabs-button):hover {
}

.tabs-alltabs-button {
font-family: DejaVu Sans Mono !important;
}

.tabs-alltabs-button:after {
font-family: Liberation Mono !important;
}

#TabsToolbar toolbarbutton:hover, #TabsToolbar toolbarbutton:active, #TabsToolbar toolbarbutton[open="true"], #TabsToolbar toolbarbutton[checked="true"],  #TabsToolbar toolbarbutton[open="true"]:not(:hover),
.tabs-alltabs-button:hover:not([open="true"]), .tabs-alltabs-button:active, .tabs-alltabs-button[open="true"], .tabs-alltabs-button[open="true"]:not(:hover) {
color: buttontext !important;
text-shadow: none !important;
}

.tabbrowser-tab {
min-height: 30px !important;
padding: 0 0 1px 0 !important;
color: white !important;
margin-bottom: -1px !important;
text-shadow: 1px 1px 1.5px black !important;
background-size: 200% 117.5% !important;
}

.tabs-newtab-button {
background-size: 200% 117.5% !important;
}

#new-tab-button {
  -moz-appearance: none !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
border: 0 !important;
background-size: 200% 117.5% !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(127,127,127,0.175) 4px, rgba(0,0,0,0.125) 20%, rgba(0,0,0,0.125), rgba(0,0,0,0.125) 30%, rgba(255,255,255,0.625) 97.5%) !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url(chrome://browser/skin/tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch !important;
  border-radius: 10px 8px 0 0 !important;
  min-height: 25px !important;
}

#new-tab-button > .toolbarbutton-icon {
  -moz-margin-start: 2px !important;
  -moz-margin-end: 2px !important;
}

.tabbrowser-tab * {
-moz-transition: none !important;
}

.tabbrowser-tab:not([selected="true"]), .tabs-newtab-button {
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(127,127,127,0.175) 4px, rgba(0,0,0,0.125) 20%, rgba(0,0,0,0.125), rgba(0,0,0,0.125) 30%, rgba(255,255,255,0.625) 97.5%) !important;
}

.tabbrowser-tab:not([selected="true"]):not(:active):hover, .tabs-newtab-button:not(:active):hover, #new-tab-button:not(:active):hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not(:active):hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not(:active):hover {
background-color: rgba(255,255,255,0.2) !important;
}

.tabbrowser-tab[selected="true"], #new-tab-button[selected="true"] {
background-image: -moz-linear-gradient(rgba(255,255,255,0.875), rgba(255,255,255,0.375) 4px, rgba(255,255,255,0.25) 20%, rgba(255,255,255,0.25) 30%, rgba(255,255,255,0.5) 75%, white 97.5%) !important;
}

.tabbrowser-tab:not([selected="true"]):active, .tabs-newtab-button:active, #new-tab-button:active,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:active,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:active {
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(127,127,127,0.175) 4px, rgba(0,0,0,0.125) 20%, rgba(0,0,0,0.125), rgba(0,0,0,0.125) 30%, rgba(255,255,255,0.625) 97.5%) !important;
background-color: rgba(0,0,0,0.15) !important;
}

/** OTHER **/

#sidebar-header {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
border-bottom: 1px ridge gray !important;
}

#sidebar-splitter {
-moz-appearance: none !important;
width: 14px !important;
background: -moz-linear-gradient(left, white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) silver !important;
border-left: 1px groove gray !important;
border-right: 1px ridge gray !important;
}

}