/*** Background color/image ***/

#main-window[windowtype="navigator:browser"]
{
background-color: #333333 !important
}

/*** about:blank image placement and exception for other websites ***/
/** If something on a website doesn't work out as it should, add in the website for now. I'll have to play with this pater, but anything that uses about:blank will have a white background. At least it should... **/
/** If I can find a global identifier that says something like, "Color about:blank on other webpages only", I'll update the style with that. Otherwise, what you've got here is the best I've got to give for the time being. **/

@-moz-document url(about:blank)
{
html
{
background-color: #333333 !important;
}}

@-moz-document url(http://*)
{
html
{
background-image: url(chrome://global/skin/throbber/Throbber-small.gif) !important;
background-position: 5px 5px !important;
background-repeat: no-repeat;
background-color: #FFFFFF !important;
}}

/*** Notifications and dialog boxes ***/
/* Notifications (like those for passwords and redirects) and mouseover for extra visibility.*/
notification
{
background-color: rgba(64,64,64,0.25) !important;
font-family: arial !important;
color: white !important;
}

notification:hover
{
background-color: rgba(64,64,64,0.50) !important;
font-family: arial !important;
color: white !important;
}
/*Dialog box background*/
#commonDialog
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADYCAIAAAHSQS6vAAAAAXNSR0IArs4c6QAAANRJREFUKM99kkESwzAIAzV6Ua/9Qv//HWt7MDZOmunBA3EAoU30en8sycCMwmI9Y8AEQwxxMs89HyMOMSMWOOBQeWSEXu+PBUY6tKbGiiSOZiR4EJPRWhVD5dWbzH1HsCQtX6den7qjcvp+97DuOVjIkM0n0B4OLyGzt/wInJobMmdlcs7SXTWhd0EecO7dvtah9/71efV8qbl5bgYHh4vOlVn38MC42Z3/1jmDzXXtxI9G98kRmwk1a+uc32e/q577HpzfWV33wBJh5Q+XyOOJVdd/Ae0fKgbhmaEzAAAAAElFTkSuQmCC) !important;
background-position: top !important;
background-repeat: repeat-x !important;
background-color: #969798 !important;
padding-bottom: 5px !important;
}
/*Dialog box font*/
#commonDialog > *
{
font-family: arial !important;
color: white !important;
font-weight: bold !important;
}
/*Dialog box and notification button font, borders*/
notification > button,
#commonDialog button
{
-moz-appearance: none !important;
font-family: arial !important;
color: white !important;
font-weight: bold !important;
background-color: #121a27 !important;
border-width: 1px !Important;
-moz-border-top-colors: #969798 !important;
-moz-border-bottom-colors: #969798 !important;
-moz-border-left-colors: #969798 !important;
-moz-border-right-colors: #969798 !important;
color: #969798 !important;
}
/*Button mouseover*/
notification > button:hover,
#commonDialog button:hover
{
-moz-appearance: none !Important;
color: white !important;
}
/*Button on click*/
notification > button:active,
#commonDialog button:active
{
-moz-appearance: none !Important;
color: #1788ff !important;
}

/*** Tab styles ***/
/** I actually wrote this style myself. Original style name in the styles used on the page this one came from. **/

.tabbrowser-tab,
.tabs-newtab-button,
.tabs-alltabs-button,
.scrollbutton-up,
.scrollbutton-down
{
-moz-appearance: none !important;
background-color: transparent !important;
color: #969798 !important;
font-family: arial !important;
-moz-border-radius: 12px 12px 0px 0px !important;
}

/*Tab mouseover and on click properties.*/

.tabbrowser-tab,
.tabs-newtab-button,
.tabs-alltabs-button,
.scrollbutton-up,
.scrollbutton-down
{
color: #969798 !important;
}

.tabbrowser-tab:hover
{
color: white !important;
}

.tabbrowser-tabs [selected="true"]
{
color: #1788ff !important;
font-weight: normal !important;
}

/*Global tab border settings*/
.tabbrowser-tab,
.tabbrowser-tab:hover,
.tabbrowser-tabs [selected="true"],
.tabs-newtab-button,
.tabs-alltabs-button,
.scrollbutton-up,
.scrollbutton-down
{
-moz-border-left-colors: rgba(255,255,255,0.25) !important;
-moz-border-top-colors: rgba(255,255,255,0.25) !important;
-moz-border-right-colors: transparent !important;
-moz-border-bottom-colors: transparent !important;
}

/*** Replace button graphic with color and other toolbar tweaks ***/

/*Exceptions, limits mouseover and onclick to everything below this block*/

toolbarbutton
:not([type="menubutton-button"])
:not(.tabs-alltabs-button)
:not(.tabs-closebutton)
:not(.tab-close-button)
:not(#tabs-newbutton-start)
:not(.tabbable)
:not(.tabs-newtab-button)
:not(#back-button)
:not(#forward-button)
:not(#back-forward-dropmarker)
{
-moz-appearance: none !important;
border: 2px solid transparent !important;
}

/*Close button cosmetic changes*/
.tabs-closebutton,
.tab-close-button
{
margin-bottom: 4px !important;
}

/*Bookmarks toolbar button settings*/
#bookmarksBarContent > toolbarbutton
{
color: #969798 !important;
}

/*mouseover settings, exception for back/forward when toolbars are icons only*/
toolbar:not([mode="icons"]) #back-button:hover,
toolbar:not([mode="icons"]) #forward-button:hover,
#bookmarksBarContent > toolbarbutton:hover,
#nav-bar > toolbarbutton:hover,
#PersonalToolbar > toolbarbutton:hover,
toolbar[id^="__customToolbar"] > toolbarbutton:hover,
#nav-bar > toolbarbutton[checked="true"],
#bookmarksBarContent > toolbarbutton[checked="true"],
#PersonalToolbar > toolbarbutton[checked="true"],
toolbar[id^="__customToolbar"] > toolbarbutton[checked="true"]
{

-moz-border-radius: 5px !important;
color: white !important;
background: rgba(174,226,255,0.50) !important;
-moz-border-top-colors: rgba(55,115,153,0.50) !important;
-moz-border-bottom-colors: rgba(28,58,77,0.50) !important;
-moz-border-left-colors: rgba(55,115,153,0.50) !important;
-moz-border-right-colors: rgba(28,58,77,0.50) !important;
}

/*On click settings, exception for back/forward when toolbars are icons only*/
toolbar:not([mode="icons"]) #back-button:active,
toolbar:not([mode="icons"]) #forward-button:active,
#bookmarksBarContent > toolbarbutton:active,
#nav-bar > toolbarbutton:active,
#PersonalToolbar > toolbarbutton:active,
toolbar[id^="__customToolbar"] > toolbarbutton:active
{
-moz-appearance: none !important;
-moz-border-radius: 5px !important;
color: white !important;
background: rgba(87,113,128,0.50) !important;
-moz-border-top-colors: rgba(28,58,77,0.50) !important;
-moz-border-bottom-colors: rgba(14,29,38,0.50) !important;
-moz-border-left-colors: rgba(28,58,77,0.50) !important;
-moz-border-right-colors: rgba(14,29,38,0.50) !important;
}

/*Status bar font*/
#status-bar
{
color: white !important;
font-family: arial !important;
}

/*Padding to center text in buttons. Be careful when tweaking this, as what's perfectly center can vary from font, and to a lesser degree, between other people.*/

#back-button,
#back-button:hover,
#back-button:active,
#forward-button,
#forward-button:hover,
#forward-button:active,
#back-forward-dropmarker,
#nav-bar > toolbarbutton,
#nav-bar > toolbarbutton:hover,
#nav-bar > toolbarbutton:active
{
margin-top: 2px !important;
margin-bottom: 3px !important;
}

#bookmarksBarContent > toolbarbutton,
#bookmarksBarContent > toolbarbutton:hover
#bookmarksBarContent > toolbarbutton:active
{
margin-top: 3px !important;
margin-bottom: 3px !important;
}

/*Misc. cosmetic padding*/
.tabbrowser-tabs
{
padding-top: 3px !important; 
}

toolbar[mode="icons"] #back-forward-dropmarker
{
padding-right: 6px !important;
}

#urlbar
{
padding-left: 4px !important;
}

/*** Transparent toolbars ***/
/** If you install a new extension that adds it's own toolbar, you may need to find it's ID so you can add it here. **/

:not(#liberator-commandline)>textbox
:not([readonly])
:not(.gtb-search-box),
menulist
{
-moz-appearance: none !important;
background-color: rgba(255,255,255,0.25) !important;
-moz-background-clip: padding !important;
color: black !important;
text-shadow: 0px 0px 6px white !important;
}

/*Find bar and it's font colors. These can either be changed individually, or altogether, like this.*/
/*If using a background where the colors contrast and gives you a dual-colored statusbar/findbar, you can pick out specific areas of the find bar and change their colors.*/
.find-field-container
{
-moz-appearance: none !important;
background-color: transparent !important;
}

findbar [anonid="find-label"],
findbar [anonid="find-next"],
findbar [anonid="find-previous"],
findbar [anonid="highlight"],
findbar [anonid="find-case-sensitive"],
findbar [anonid="find-status"]
{
font-family: arial !important;
color: white !important;
}

/*** Transparent toolbars ***/
/*Now made entirely from scratch. It reduces the code size, and drops fission support*/

#navigator-toolbox,
.tabbrowser-tabs
{
-moz-appearance: none !important;
background: none !important;
}

#urlbar,
.searchbar-textbox
{
-moz-appearance: none !important;
border: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}

#status-bar
{
-moz-appearance: none !important;
background: none !important;
}

#browser .plain
{
background-color: transparent !important;
}

/*** Menus and tooltips ***/

/*Menu background and borders*/

popup:not(#autoscroller), menupopup 
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADYCAIAAAHSQS6vAAAAAXNSR0IArs4c6QAAANRJREFUKM99kkESwzAIAzV6Ua/9Qv//HWt7MDZOmunBA3EAoU30en8sycCMwmI9Y8AEQwxxMs89HyMOMSMWOOBQeWSEXu+PBUY6tKbGiiSOZiR4EJPRWhVD5dWbzH1HsCQtX6den7qjcvp+97DuOVjIkM0n0B4OLyGzt/wInJobMmdlcs7SXTWhd0EecO7dvtah9/71efV8qbl5bgYHh4vOlVn38MC42Z3/1jmDzXXtxI9G98kRmwk1a+uc32e/q577HpzfWV33wBJh5Q+XyOOJVdd/Ae0fKgbhmaEzAAAAAElFTkSuQmCC) !important;
background-repeat: repeat-x !important;
background-color: #121a27 !important;
background-position: top !important;
border: none !important;
padding-left: 3px !important;
padding-bottom: 3px !important;
font-family: arial !important;
border-collapse: separate !important;
-moz-appearance: none !important;
}
popup:not(#autoscroller)
{
background-color: #121a27 !important;
}

/*Text settings*/

menubar > menu,
menupopup > menu,
popup > menu,
menuitem,
toolbarbutton
{
-moz-appearance: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
background-color: transparent !important;
border-collapse: separate !important;
font-family: arial !important;
color: white !important;
}

/*Mouseover*/

menubar > menu:hover
{
-moz-appearance: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
background: transparent !important;
color: #1788ff !important;
}

menupopup > menu:hover,
popup > menu:hover,
menuitem:hover,
toolbarbutton:hover
{
-moz-appearance: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
background-color: transparent !important;
font-family: arial !important;
color: #1788ff !important;
}

/*Unavailable*/

#contentAreaContextMenu menuitem[disabled="true"],
#contentAreaContextMenu menuitem[disabled="true"] + menuseparator,
menuitem[disabled="true"]
{
-moz-appearance: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
background-color: transparent;
border-collapse: separate !important;
color: #969798 !important; 
}

/*Selected item rounding... I think. Doesn';t work on my end.*/

menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] 
{
  border-collapse: separate !important;
}

/*Menu separators*/

menuseparator
{
-moz-appearance: none !important;
border: none !important;
max-height: 1px !important;
min-height: 1px !important;
background-color: #969798 !important;
}

/*Tooltips. Original style: Fancy Tooltips (Rounded & Transparent) 1.0.0.2 (from FancyTooltips 1.2.1)*/

/*If -moz-border-*-colors do not exist, the background color is inherited and lightened for the border.*/
/*Watch enabling text-shadow, it ends up adding unintended padding.*/
/*Most of these entries are unnecessary, but they're there in case you have tooltips that exist within specific extensions. You should be pretty well covered here.*/


#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip,
#aHTMLTooltip,
#urlTooltip,
#brief-tooltip,
#brief-tooltip-last-updated,
#brief-tooltip-no-unread,
#brief-tooltip-feed-name,
#brief-tooltip-unread-count,
#brief-tooltip-unread-desc,
#brief-tooltip-rows,
#showcaseTooltipLeftArrow,
#showcaseTooltipRightArrow,
#linkReporterTitleTooltip,
#linkReporterURLTooltip,
#linkReporterURLIconTooltip,
#btTooltipTextBox,
#abp-tooltip,
#un-toolbar-tooltip

{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADYCAIAAAHSQS6vAAAAAXNSR0IArs4c6QAAANRJREFUKM99kkESwzAIAzV6Ua/9Qv//HWt7MDZOmunBA3EAoU30en8sycCMwmI9Y8AEQwxxMs89HyMOMSMWOOBQeWSEXu+PBUY6tKbGiiSOZiR4EJPRWhVD5dWbzH1HsCQtX6den7qjcvp+97DuOVjIkM0n0B4OLyGzt/wInJobMmdlcs7SXTWhd0EecO7dvtah9/71efV8qbl5bgYHh4vOlVn38MC42Z3/1jmDzXXtxI9G98kRmwk1a+uc32e/q577HpzfWV33wBJh5Q+XyOOJVdd/Ae0fKgbhmaEzAAAAAElFTkSuQmCC) !important;
background-repeat: repeat-x !important;
background-color: #121a27 !important;
background-position: top !important;
font-family: arial !important;
color: white !important;
border: none !important;
-moz-appearance: none !important;
}

/*** Awesomebar dropdown style ***/
/*General settings*/
.autocomplete-richlistbox
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADYCAIAAAHSQS6vAAAAAXNSR0IArs4c6QAAANRJREFUKM99kkESwzAIAzV6Ua/9Qv//HWt7MDZOmunBA3EAoU30en8sycCMwmI9Y8AEQwxxMs89HyMOMSMWOOBQeWSEXu+PBUY6tKbGiiSOZiR4EJPRWhVD5dWbzH1HsCQtX6den7qjcvp+97DuOVjIkM0n0B4OLyGzt/wInJobMmdlcs7SXTWhd0EecO7dvtah9/71efV8qbl5bgYHh4vOlVn38MC42Z3/1jmDzXXtxI9G98kRmwk1a+uc32e/q577HpzfWV33wBJh5Q+XyOOJVdd/Ae0fKgbhmaEzAAAAAElFTkSuQmCC) !important;
background-color: #121a27 !important;
background-position: top !important;
background-repeat: repeat-x !important;
}

.autocomplete-history-dropmarker
{
-moz-appearance: none !important;
background: none !important;
-moz-border-left-colors: transparent !important;
}

.autocomplete-history-dropmarker:hover
{
-moz-appearance: none !important;
background: none !important;
-moz-border-left-colors: transparent !important;
}

.autocomplete-richlistitem
{
background: none !important;
font-family: arial !important;
}

.autocomplete-richlistitem:hover
{
background: none !important;
color: #1788ff !important;
}

/*Text color, inactive and mouseover.*/

.ac-comment
{
-moz-appearance: none !important;
background: none !important;
color: white !important;
}

.ac-url-text
{
-moz-appearance: none !important;
background: none !important;
color: #969798 !important;
}

.ac-comment[selected="true"],
.ac-url-text[selected="true"]
{
-moz-appearance: none !important;
background: none !important;
color: #1788ff !important;
}

/*padding to prevent jumpiness*/
.autocomplete-richlistitem[type="favicon"]
{
border: 2px solid transparent !important;
}

/*Identifier for bookmarks*/
.autocomplete-richlistitem[type="bookmark"]
{
border: 2px solid rgba(0,0,128,0.50) !important;
}

.autocomplete-richlistitem[type="bookmark"]:hover
{
border: 2px solid rgb(0,0,128) !important;
}

/*Identifier for tagged sites*/
.autocomplete-richlistitem[type="tag"]
{
border: 2px solid rgba(0,128,128,0.50) !important;
}

.autocomplete-richlistitem[type="tag"]:hover
{
border: 2px solid rgb(0,128,128) !important;
}

/*URL Bar security styles*/
#urlbar[level="high"] > .autocomplete-textbox-container
{
text-shadow: 0px 0px 6px lightgreen !important;
}

#urlbar[level="low"] > .autocomplete-textbox-container
{
text-shadow: 0px 0px 6px orange
}

#urlbar[level="broken"] > .autocomplete-textbox-container
{
text-shadow: 0px 0px 6px red !important;
}

/*** Extras ***/
/** Remove domain in favicon for secure websites **/
#identity-icon-label
{
display: none !important;
}

/** Combine stop and reload **/
/*Must swap stop and reload buttons on interface. Otherwise style will not work as intended.*/
#stop-button[disabled="true"]
{
display:none;
}

#stop-button:not([disabled]) + #reload-button
{
display: none;
}