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

/* OTHER TOOLBARS */
#main-window toolbar:not([id="nav-bar"]) {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
#main-window toolbar#PersonalToolbar {
padding-bottom: 1px !important;
}
#main-window toolbar:not([id="nav-bar"]) .toolbarbutton-text {
font-weight: bold !important;
}

/* SET UP TAB BAR */
tabbrowser .tabbrowser-tabs, tabbrowser .tabbrowser-strip {
	background: #fff !important;
	border-bottom: 0 !important;
}
tabbrowser .tabbrowser-strip, 
window tabbrowser hbox.tabbrowser-strip {
margin-top: -2px !important; 
}
tabbrowser .tabbrowser-tabs {
	padding-top: 1px !important;
	padding-left: 1px !important;
	margin: 0 !important;
	border-top: 2px solid !important;
	-moz-border-top-colors: #505050 #e3e3e3;
	background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiZJREFUeNrUVluO4zAMkxY+YK9dYL56hQHmGOJGJOW489392BSJ45dEU5TSfD6f8enrT/yDawGRAWQkApmJHlDTV/Z9LQiv6K4bzl2XujNwrWujpV3Vy0vm3UD7CrO7Hz3lV9tnH4ksro5cWocbe9EZm8FwA+IQGkObTNmuPqFg8SBYKI0JhfH0dgFFkA6f35Nodq7BEj2gQbHHvavoi+jj5o4O9GuLRRuHkQ4D0VYKnSGLijXwSGP4NQx9JnopSpt9w69mV5w1vA5U9eIgzqqDQC0jBQqA2CR2GxznJCMUQDK0mube1qT0ye/oQMIBjnjh/ZEmgTtRYohGyxrpYJYlqPDi0KLe2E7HJEtOE+NuGKjCmQ8tU7b04uDbPqbLwAbG/4UyLYkOFMxkpoKXW923wGBzZmUfn04zbqFlcXIpqt4pJIqs3e9T5e8Mx3jM3YUyrgNFPt94O3QqHUj+h6aUExuCaoRcZC3qk7K6Bkmm8gL3uWY+XHgcczkoy9R+ohlYBlOxaZ/6VHNupeGULkyWVPyqDW2RLtcOtZncVvHOXe4sfDM1isldl1r8R2x9zDRhKVodLInEju18Amgclt6FdIQ49TFMoESHo0xMHYaYzCO7mKA7vWK5vCB3/dlJVDG6YCpLZSx5Fj7GVB+n9ufj4hS4M/34OMSp/K3Cs+i+TXtUz/X19fXxD1++Xq//4xOdj8fj80a/v78//2fi5+fn40b/CjAAgJwklw2G6z8AAAAASUVORK5CYII=") !important;
	height: 28px !important;
}
#main-window:not([active="true"]) tabbrowser .tabbrowser-tabs {
	background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAidJREFUeNrUVtuR4zAMI29UYLpNDfubFnZmyyDOBEBZ2e/cxzljy3qREAjSya+vr/j09Sf+wbWAyAAyEoHMRA+o6Sv7vhaEV3TXDeeuS90ZuNa10dKu6uUl826gfYXZ3Y+e8qvts49EFldHLq3Djb3ojM1guAFxCI2hTaZsV59QsHgQLJTGhMJ4eruAIkiHz+9JNDvXYIke0KDY495V9EX0cXNHB/q1xaKNw0iHgWgrhc6QRcUaeKQx/BqGPhO9FKXNvuFXsyvOGl4HqnpxEGfVQaCWkQIFQGwSuw2Oc5IRCiAZWk1zb2tS+uR3dCDhAEe88P5Ik8CdKDFEo2WNdDDLElR4cWhRb2ynY5Ilp4lxNwxU4cyHlilbenHwbR/TZWAD4/9CmZZEBwpmMlPBy63uW2CwObOyj0+nGbfQsji5FFXvFBJF1u73qfJ3hmM85u5CGdeBIp9vvB06lQ4k/0NTyokNQTVCLrIW9UlZXYMkU3mB+1wzHy48jrkclGVqP9EMLIOp2LRPfao5t9JwShcmSyp+1Ya2SJdrh9pMbqt45y53Fr6ZGsXkrkst/iO2PmaasBStDpZEYsd2PgE0DkvvQjpCnPoYJlCiw1Empg5DTOaRXUzQnV6xXF6Qu/7sJKoYXTCVpTKWPAsfY6qPU/vzcXEK3Jl+fBziVP5W4Vl036Y9qud6Pp8f//Dl6/X6Pz7R+Xg8Pm/0+/v7838mfn5+Pm70rwADAAOYJFgwG9CVAAAAAElFTkSuQmCC") !important;
	opacity: 0.7 !important;
	-moz-border-top-colors: #585858 #ddd !important;
}
tabbrowser .tabbrowser-tabs:not([overflow]) {
padding-left: 7px !important;
}
tabbrowser .tabbrowser-tabs[overflow] {
padding-left: 0 !important;
}
tabbrowser .tabbrowser-tabs .scrollbox-innerbox {
padding-right: 5px !important;
}

/* TAB */
tabbrowser .tabbrowser-tabs[orient] .tabbrowser-tab {
direction: rtl !important; /* close button on right; icon on left */
}
/* specifying it every possible way, so nothing can override it */
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab, 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[selected="true"], 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[first-tab="true"], 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[last-tab="true"], 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[beforeselected="true"], 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[afterselected="true"], 
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[chromedir="true"], 
tabbrowser .tabbrowser-tabs[overflow] tab.tabbrowser-tab, 
tabbrowser .tabbrowser-tabs[overflow] tab.tabbrowser-tab[selected="true"], 
tabbrowser .tabbrowser-tabs[overflow] tab.tabbrowser-tab[first-tab="true"]  {
border: 0 !important;
margin: 0 2px 0 0 !important;
margin-right: 2px !important;
-moz-margin-start: 2px !important;
-moz-margin-end: 0 !important;
background: rgba(255,255,255,0.1) !important;
height: 21px !important;
margin-bottom: 3px !important;
-moz-border-image: none !important;
border-left: 2px solid !important;
-moz-border-left-colors: #888 #ccc !important;
border-right: 2px solid !important;
-moz-border-right-colors: #888 #ccc !important;
border-top: 2px solid !important;
-moz-border-top-colors: #888 #ddd !important;
border-bottom: 1px solid #808080 !important;
-moz-border-bottom-colors: #808080 !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
padding-left: 3px !important;
padding-right: 2px !important;
}
window:not([active="true"]) tabbrowser .tabbrowser-tabs[orient] .tabbrowser-tab {
border-bottom: 1px solid #666 !important;
-moz-border-left-colors: #777 #ccc !important;
-moz-border-right-colors: #777 #ccc !important;
-moz-border-top-colors: #777 #ddd !important;
}
/* selected tab */
tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[selected="true"], 
window:not([active="true"]) tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab[selected="true"] {
     background: rgba(255,255,255,0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAVCAIAAAAB27MpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIJJREFUeNpckAEOwyAMA+0q//8l37AXHFC3pUIi5HKEcq0FwEgYZRn0JCDL8K3CdvXCV4QPuutECcLJ9leQTcbhLnX/1vRJb5oqxZfl+KyIx4C5b/BT96Cc++48zHjx78Y7wPhISH3WebDTxOPz0BusPH/6m1S/T35/EB78xn/+EWAA59BrnozXQdwAAAAASUVORK5CYII=") repeat-x !important;
     border-left: 1px solid #808080 !important;
     border-top: 2px solid !important;
     -moz-border-top-colors: #808080 #eee !important;
     border-right: 1px solid #808080 !important;
     border-bottom: 1px solid #d2d2d2 !important;
-moz-border-bottom-colors: #d2d2d2 !important;
     -moz-border-radius-topleft: 5px !important;
     -moz-border-radius-topright: 5px !important;
     padding-left: 4px !important;
     padding-right: 3px !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
}
window:not([active="true"]) tabbrowser .tabbrowser-tabs[orient] .tabbrowser-tab[selected="true"] {
-moz-border-top-colors: #777 #eee !important;
}

/* TAB TEXT */
.tabbrowser-tab .tab-text {
font-weight: bold !important;
color: #555 !important;
text-shadow: #d3d3d3 0px 1px 0px !important;
}
window[active="true"] .tabbrowser-tab[selected="true"] .tab-text {
color: #000 !important;
text-shadow: #eee 0px 1px 0px !important;
}
window:not([active="true"]) .tabbrowser-tab[selected="true"] .tab-text {
color: #333 !important;
text-shadow: #eee 0px 1px 0px !important;
}

/* TAB ICON */
.tab-icon-image {
  list-style-image: url("chrome://camifox/skin/images/tab-icon-image.png") !important;
	display: -moz-box !important; 
	opacity: 0.7 !important;
}
.tabbrowser-tab[selected="true"] .tab-icon-image {
	opacity: 1.0 !important;
}
.tabbrowser-tab[busy] > .tab-icon-image, 
tab[busy] > .tab-icon > .tab-icon-image, 
.tabbrowser-tabs .tabbrowser-tab[busy] > .tab-icon-image, 
.tabbrowser-tabs tab[busy] > .tab-icon > .tab-icon-image, 
.tabbrowser-tabs[closebuttons] .tabbrowser-tab[busy] > .tab-icon-image, 
.tabbrowser-tabs[closebuttons] tab[busy] > .tab-icon > .tab-icon-image {
 list-style-image: url("chrome://camifox/skin/images/tab-busy.png") !important; 
 display: -moz-box !important; 
 opacity: 1.0 !important;
}

/* TAB CLOSE BUTTON */
.tabbrowser-tab .tab-close-button {
	opacity: 0.5 !important;
}
.tabbrowser-tab[selected="true"] .tab-close-button {
	opacity: 0.9 !important;
}
.tab-close-button {
  list-style-image: url("chrome://camifox/skin/images/tab-close.png") !important;
}
.tab-close-button:hover,
.tabbrowser-tab[selected="true"] > .tab-close-button:hover, 
toolbarbutton.tab-close-button:hover,
.tabbrowser-tab[selected="true"] > toolbarbutton.tab-close-button:hover {
  list-style-image: url("chrome://camifox/skin/images/tab-close-hover.png") !important;
}
.tab-close-button:active,
.tabbrowser-tab[selected="true"] > .tab-close-button:active, 
toolbarbutton.tab-close-button:hover:active,
.tabbrowser-tab[selected="true"] > toolbarbutton.tab-close-button:hover:active {
  list-style-image: url("chrome://camifox/skin/images/tab-close-active.png") !important;
}
.tab-close-button:hover,
toolbarbutton.tab-close-button:hover,
.tab-close-button:active,
toolbarbutton.tab-close-button:hover:active {
  opacity: 0.7 !important;
}
.tabbrowser-tab[selected="true"] > .tab-close-button:hover, 
.tabbrowser-tab[selected="true"] > toolbarbutton.tab-close-button:hover {
  opacity: 0.9 !important;
}
.tabbrowser-tab[selected="true"] > .tab-close-button:active, 
.tabbrowser-tab[selected="true"] > toolbarbutton.tab-close-button:hover:active {
  opacity: 1.0 !important;
}

/* NEW TAB & ALL TABS BUTTONS */
tabbrowser .tabs-newtab-button,
tabbrowser .tabs-alltabs-button {
  -moz-box-flex: 0 !important;
  -moz-border-start: 2px solid !important;
  -moz-border-end: none !important;
  -moz-border-left-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.35) !important;
  -moz-border-right-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.15) !important;
  margin: -3px 0 4px 0 !important;
  padding: 3px 4px 0 4px !important;
}
tabbrowser .tabs-newtab-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUeNpi/P//PwOpgImBDECWJhZsgoyMjOEgGuj0zUDqG6k2CQysnxhBQQ7zAyEAVLuSMpuAQAot9GyhJh9GU/8MOcif4TH42QCHHhYA8+NnKCZKE/WdBxBgAHbAIO2DJv6sAAAAAElFTkSuQmCC") !important;
  padding: 1px 5px 0 5px !important;
}
tabbrowser .tabs-alltabs-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNq8UTkOwjAQtB2DUtDwgfyClkdQ0+ZVtHkHoqDjF0jUCCpEcJZZsYaVMRJBIiONxll79oolIhNhra0gM3Bq8jiCO3j2T0+SYMkCBgl1ok60AGGhJnp8UoHNV/DGDzN3/H6sg2mCIObWfEahP1xy2WUqa5Aa67UDzF7jfBHGLnLw0kHJhHflVeuUzJqDVZ2Et7/wC4ZLgD3NIZUa5QDv2vUotgXPcj6Bm8c20MG3BCbggjXGeu8Ao4zgaYdf4t8S3AUYAKB/dJcfILlRAAAAAElFTkSuQmCC") !important;
}
tabbrowser .tabs-newtab-button:hover,
tabbrowser .tabs-alltabs-button:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
tabbrowser .tabs-newtab-button:hover:active,
tabbrowser .tabs-alltabs-button:hover:active,
tabbrowser .tabs-alltabs-button[open="true"] {
  background-color: rgba(255,255,255,0.2) !important;
}
tabbrowser .tabs-newtab-button > .toolbarbutton-text, 
tabbrowser .tabs-alltabs-button > .toolbarbutton-menu-dropmarker, 
tabbrowser .tabs-alltabs-button > .toolbarbutton-text {
  display: none !important;
}
tabbrowser .tabs-alltabs-button > .toolbarbutton-icon {
  -moz-margin-end: 2px !important;
}
tabbrowser .tabs-alltabs-box-animate {
  margin-top: -2px !important;
  margin-bottom: 5px !important;
  margin-left: 2px !important;
  background-image: url("chrome://camifox/skin/images/tabs-animate.png") !important;
}
window#main-window[active="true"] tabbrowser .tabbrowser-tabs:not([overflow]) toolbarbutton.tabs-newtab-button, 
window#main-window:not([active="true"]) tabbrowser .tabbrowser-tabs:not([overflow]) toolbarbutton.tabs-newtab-button {
border: 0 !important;
margin: 0 2px 0 !important;
margin-right: 2px !important;
-moz-margin-start: 0 !important;
-moz-margin-end: 0 !important;
background: rgba(255,255,255,0.1) !important;
height: 20px !important;
margin-bottom: 4px !important;
-moz-border-image: none !important;
border-left: 2px solid !important;
-moz-border-left-colors: #888 #ccc !important;
border-top: 2px solid !important;
-moz-border-top-colors: #888 #ddd !important;
border-right: 2px solid !important;
-moz-border-right-colors: #888 #ccc !important;
border-bottom: 0 !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
padding-left: 4px !important;
padding-right: 3px !important;
padding-top: 0 !important;
}
window#main-window tabbrowser .tabbrowser-tabs:not([overflow]) toolbarbutton.tabs-newtab-button:hover, 
window#main-window tabbrowser .tabbrowser-tabs[orient] tab.tabbrowser-tab:not([selected="true"]):hover, 
window#main-window tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button:hover {
background: rgba(255,255,255,0.15) !important;
}
window#main-window tabbrowser .tabbrowser-tabs:not([overflow]) toolbarbutton.tabs-newtab-button:hover:active, 
window#main-window tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button:hover:active, 
window#main-window tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button[open="true"] {
background: rgba(255,255,255,0.25) !important;
}
tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-box {
margin-right: -5px !important;
}
tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button {
border-top: 2px solid !important;
-moz-border-top-colors: #888 #ddd !important;
-moz-border-left-colors: #888 #ccc !important;
-moz-border-radius-topleft: 5px !important;
margin-top: 0 !important;
margin-bottom: 4px !important;
margin-left: 0 !important;
background: rgba(255,255,255,0.05) !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button .toolbarbutton-icon {
margin-top: -1px !important;
margin-bottom: -2px !important;
opacity: 0.92 !important;
}
tabbrowser .tabbrowser-tabs[overflow] .tabs-alltabs-button .toolbarbutton-icon {
margin-top: 0 !important;
margin-bottom: -2px !important;
opacity: 0.92 !important;
}
tabbrowser .tabbrowser-tabs[overflow] toolbarbutton.tabs-newtab-button, 
tabbrowser .tabbrowser-tabs[overflow] toolbarbutton.tabs-alltabs-button {
-moz-border-left-colors: #808080 rgba(255,255,255,0.4) !important;
}
window#main-window tabbrowser .tabbrowser-tabs[overflow] toolbarbutton.tabs-newtab-button, 
tabbrowser .tabbrowser-tabs[overflow] toolbarbutton.tabs-alltabs-button, 
tabbrowser .tabbrowser-tabs:not([overflow]) toolbarbutton.tabs-newtab-button, 
tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button {
margin-bottom: 3px !important;
border-bottom: 1px solid !important;
-moz-border-bottom-colors: #808080 !important;
}
tabbrowser .tabbrowser-tabs[overflow] .tabs-alltabs-button, 
tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button {
 padding-left: 4px !important;
 padding-right: 4px !important;
}
window:not([active="true"]) tabbrowser .tabbrowser-tabs[overflow] .tabs-newtab-button, 
window:not([active="true"]) tabbrowser .tabbrowser-tabs[overflow] .tabs-alltabs-button, 
window:not([active="true"]) tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-newtab-button, 
window:not([active="true"]) tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button {
border-bottom: 1px solid #6b6b6b !important;
}
window:not([active="true"]) tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-alltabs-button {
-moz-border-left-colors: #777 #ccc !important;
-moz-border-top-colors: #777 #ddd !important;
}
window:not([active="true"]) tabbrowser .tabbrowser-tabs:not([overflow]) .tabs-newtab-button {
-moz-border-left-colors: #777 #ccc !important;
-moz-border-right-colors: #777 #ccc !important;
-moz-border-top-colors: #777 #ddd !important;
}

/* TAB SCROLL BOX */
tabbrowser .tabbrowser-tabs[overflow] arrowscrollbox .scrollbox-innerbox {
padding-left: 0 !important;
padding-right: 0 !important;
}
tabbrowser .tabbrowser-tabs:not([overflow]) arrowscrollbox .scrollbox-innerbox {
padding-right: 2px !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-down {
margin-top: -3px !important;
margin-bottom: 3px !important;
padding-top: 3px !important;
margin-left: -1px !important;
margin-right: -1px !important;
padding-left: 1px !important;
padding-right: 3px !important;
opacity: 0.75 !important;
border-left: 3px solid !important;
-moz-border-left-colors: rgba(255,255,255,0.4) rgba(0,0,0,0.4) rgba(255,255,255,0.4) !important;
-moz-border-right-colors: rgba(255,255,255,0) rgba(0,0,0,0) rgba(255,255,255,0) !important;
-moz-border-bottom-colors: rgba(255,255,255,0) rgba(0,0,0,0) rgba(255,255,255,0) !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-up {
margin-top: -3px !important;
margin-bottom: 3px !important;
padding-top: 3px !important;
margin-left: 0 !important;
margin-right: -1px !important;
padding-left: 1px !important;
padding-right: 2px !important;
opacity: 0.75 !important;
border-right: 3px solid !important;
-moz-border-right-colors: rgba(255,255,255,0.4) rgba(0,0,0,0.4) rgba(255,255,255,0.4) !important;
-moz-border-bottom-colors: rgba(255,255,255,0) rgba(0,0,0,0) rgba(255,255,255,0) !important;
}
tabbrowser .tabbrowser-tabs[overflow] tab.tabbrowser-tab:last-child {
margin-right: 0 !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-up[disabled="true"] {
-moz-border-right-colors: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-down[disabled="true"] {
-moz-border-left-colors: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-up:not([disabled="true"]):hover, 
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-down:not([disabled="true"]):hover {
  background-color: rgba(255,255,255,0.15) !important;
}
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-up:not([disabled="true"]):hover:active, 
tabbrowser .tabbrowser-tabs[overflow] .scrollbutton-down:not([disabled="true"]):hover:active {
  background-color: rgba(255,255,255,0.3) !important;
}