/*------------------------------------------------------------------
 MBlue Simple-Gray Sidebar Ext-Support (Ver. 0.3.5)
--------------------------------------------------------------------
Author: M.BLUE - Tested on: Firefox 3.0.1 - Last Update: 26.07.2008
--------------------------------------------------------------------
Description:
 Give the Simple-Gray look to some extensions that opens in the
 sidebar.
--------------------------------------------------------------------
What it does:
 - Skins the "Tab Sidebar" sidebar and make it more readable
 - Skins the "TagSifter" sidebar and make it more compact
 - Skins the "QuickNote" sidebar and make the icon small
--------------------------------------------------------------------
Notes:
Tab Sidebar: Just Make sure it opens in the Sidebar.

TagSifter: "Cloud reflects tag sizes" will not work.

QuickNote: Make sure it opens in the Sidebar. The tab color can't
 be changed. The icon is always inactive by default, that's a bug.
--------------------------------------------------------------------
Integrates with:
 MBlue Simple-Gray Theme
 MBlue Simple-Gray Theme Ext-Support
 MBlue Simple-Gray Sidebar
>MBlue Simple-Gray Sidebar Ext-Support
 MBlue Simple-Gray Slim-Download
 MBlue Simple-Gray Slim-Extension
 MBlue Simple-Gray Buttons
 MBlue Simple-Gray Top-Toolbar
 MBlue Simple-Gray Popup
 MBlue Simple-Gray Statusbar Icon
 MBlue Combine Nav-Buttons Vista
--------------------------------------------------------------------
Updates:
 26.07.2008 Ver. 0.3.5 = new version
 18.07.2008 Ver. 0.3.1 = working on new version
 10.07.2008 Ver. 0.2.6 = code optimized
  8.07.2008 Ver. 0.2.5 = code splitted
  5.07.2008 Ver. 0.2.3 = optimized the thin splitter (2 versions)
  4.07.2008 Ver. 0.2.2 = updated some backgrounds
  3.07.2008 Ver. 0.2.1 = adjusted splitters and borders
  2.07.2008 Ver. 0.2.0 = added support for the Extension View
  1.07.2008 Ver. 0.1.8 = fixed bookmarks and history panels,
                         added a new tabs background,
                         optimized Tab Sidebar and TagSifter
 30.06.2008 Ver. 0.1.5 = added the thin splitter,
                         optimized Quicknote layout,
                         code optimized
 29.06.2008 Ver. 0.1.4 = removed useless items from the AIOS menu,
                         optimized TagSifter layout
 28.06.2008 Ver. 0.1.3 = optimized layout, changed some backgrounds
 27.06.2008 Ver. 0.1.2 = added QuickNote support,
                         optimized layout for All-in-One Sidebar
 25.06.2008 Ver. 0.1.1 = added All-in-One Sidebar support
 20.06.2008 Ver. 0.1.0 = Tab Sidebar and TagSifter support
------------------------------------------------------------------*/



/******************************************************************* 
 Customize Tab Sidebar
*******************************************************************/

.tbs-scrolltoolbar {
-moz-appearance: none !important;
background: #dddddd 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAMAAAAMEmfoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF6Ofo2tnZ6Ojo7Ovs3+Dg5eXl19fW4uLi1tXW2NfX3Nzc6erp6urq2tra7e3t7u7u4XZgNgAAACdJREFUeNpcwscRwCAAACCsiX3/bf17YGl+VdBln4Ih2c5jm+IVYAATzwDw7G5bBwAAAABJRU5ErkJggg==") repeat-x top !important;
background-position: 0px -4px !important;
border-top: solid 1px #999999 !important;
border-bottom: solid 1px #8b8b8b !important;
color: black !important;
height: 24px !important;
padding: 0px 4px 0px 2px !important;
}

.tbs-tabpreviews-vertical {
margin-bottom: -1px !important;
margin-top: -3px !important;
}

.tbs-scrolltoolbar toolbarbutton {
-moz-appearance: none !important;
border: solid 1px rgba(255,255,255,0.5) !important;
outline: solid 1px #999999 !important;
-moz-border-radius: 3px !important;
-moz-outline-radius: 4px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
padding: 0px 8px 0px 8px !important;
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF6Ons5ufr6ent6+vu9vb36uvs7Ozv4+Tn7e3u5Obp6uvu4ePm5+jr6+zt2tzh3uDj7u7u5OXpZ2yYZQAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQJTdigvB/j2Gqfo0Sfda1hFgAAwIALtNlQlcAAAAAElFTkSuQmCC") 
repeat-x center !important;
}

.tbs-scrolltoolbar toolbarbutton:not([disabled="true"]):hover {
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRFzeb12+340uj23O34yuT01uv38Pf83u745fL64/H54PD51+v34fD5hLUNLQAAAClJREFUeNoMickNACAMgPBs1e4/r4QPATaHkkvQeLKYQNeGtfxJfgEGAAw5AJhVXkavAAAAAElFTkSuQmCC") repeat-x center !important;
border: solid 1px rgba(255,255,255,0.8) !important;
outline: solid 1px #777777 !important;
}

.tbs-scrolltoolbar toolbarbutton[disabled="true"], .tbs-scrolltoolbar toolbarbutton:not([disabled="true"]):hover:active {
background: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF1NXa0dPYwMPJ0NHV6enq2dnaz9DV09PZ1dXa1djZxcfLzM/Ty8zQ1NXY2NjcycvPzM3T2tra83RnDwAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQDS8eATZ+jWXYqpu3SfZ9hFgAAzoALv0oeGDAAAAAElFTkSuQmCC") repeat-x center !important;
border: solid 1px rgba(222,222,222,0.8) !important;
outline: solid 1px #999999 !important;
}

.tbs-scrolltoolbar toolbarbutton:not([disabled="true"]):hover:active {
border: solid 1px rgba(155,155,155,0.5) !important;
outline: solid 1px #777777 !important;
}

.tbs-tabpreviews-vertical separator, .tbs-tabpreviews-horizontal separator {
-moz-appearance: none !important;
border: solid 0px #dadada !important;
}

.tbs-tabpreview{
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 3px !important;
margin-right: 3px !important;
-moz-opacity: 0.75 !important;
-moz-border-radius: 4px !important;
background: rgba(0,0,0,0.1)
}

.tbs-tabpreview:hover{
-moz-opacity: 0.8 !important;
-moz-border-radius: 4px !important;
background: rgba(205,235,255,1) !important;
}

.tbs-tabpreview[selected="true"] {
-moz-opacity: 1 !important;
-moz-border-radius: 7px !important;
background: rgba(255,255,255,1) !important;
border: solid 2px rgba(32,196,250,0.5) !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
}

.tbs-top {
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF6Ons5ufr6ent6+vu9vb36uvs7Ozv4+Tn7e3u5Obp6uvu4ePm5+jr6+zt2tzh3uDj7u7u5OXpZ2yYZQAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQJTdigvB/j2Gqfo0Sfda1hFgAAwIALtNlQlcAAAAAElFTkSuQmCC") 
repeat-x top !important;
}

.tbs-middle {
background: #eeeeee !important;
}

.tbs-bottom {
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNpi+P//PwMTAxAQIP7+/cvA9OHDB1YQl4fp379/fExAvUIglggqARYTBhFiqGICIIKb6f+//5wAAQYAP+cwnANT8FsAAAAASUVORK5CYII=") repeat-x bottom !important;
}

.tbs-tabpreview:not([selected="true"]) .tbs-top {
background: #dddddd 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF1NXa0dPYwMPJ0NHV6enq2dnaz9DV09PZ1dXa1djZxcfLzM/Ty8zQ1NXY2NjcycvPzM3T2tra83RnDwAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQDS8eATZ+jWXYqpu3SfZ9hFgAAzoALv0oeGDAAAAAElFTkSuQmCC") repeat-x top !important;
}

.tbs-tabpreview:not([selected="true"]) .tbs-middle {
background: #dddddd !important;
}

.tbs-tabpreview:not([selected="true"]) .tbs-bottom {
background: #dddddd !important;
}

.tbs-tabpreview:not([selected="true"]):hover .tbs-top {
background: #e2f2fb 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRFzeb12+340uj23O34yuT01uv38Pf83u745fL64/H54PD51+v34fD5hLUNLQAAAClJREFUeNoMickNACAMgPBs1e4/r4QPATaHkkvQeLKYQNeGtfxJfgEGAAw5AJhVXkavAAAAAElFTkSuQmCC") repeat-x top !important;
}

.tbs-tabpreview:not([selected="true"]):hover .tbs-middle {
background: #e2f2fb !important;
}

.tbs-tabpreview:not([selected="true"]):hover .tbs-bottom {
background: #e2f2fb !important;
}

.tbs-title {
font-weight: bold !important;
font-size: 10px !important;
margin-left: 0px !important;
opacity: 0.7 !important;
}

.tbs-tabpreview[selected="true"] .tbs-title,
.tbs-tabpreview:hover .tbs-title {
opacity: 1 !important;
}

.tbs-scrollbox {
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAMAAAAMEmfoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF6Ofo2tnZ7Ovs3+Dg5eXl19fW4uLiz8/P3Nzc0tHR6erp7e3t1NPU7u7uuRLVtgAAACVJREFUeNpswgcRACAQACCc7+xf1wIeCNPRJEPRVSzZdn+eAAMAETsA3jGzuOYAAAAASUVORK5CYII=") repeat-x top !important;
}

.tbs-tooltip-image {
display: none !important;
}



/******************************************************************* 
 Customize TagSifter
*******************************************************************/

#BookmarkTags-sidebarButton {
padding-left: 4px !important;
padding-right: 0px !important;
}

bmt-taginput textbox {
-moz-appearance: none !important;
-moz-border-radius: 4px !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-color: white !important;
border: solid 1px #999999 !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
height: 22px !important;
}

bmt-taginput textbox:hover {
border-color: rgba(64,140,200,1) !important;
}

#queryBox {
background: #eeeeee !important;
margin-bottom: -2px !important;
}

bmt-tagdisplay {
background: #eeeeee !important;
}

splitter[orient="vertical"] {
-moz-appearance: none !important;
border-bottom: solid 1px #999999 !important;
border-top: solid 1px #999999 !important;
border-left: none !important;
border-right: none !important;
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF6Ons5ufr6ent6+vu9vb36uvs7Ozv4+Tn7e3u5Obp6uvu4ePm5+jr6+zt2tzh3uDj7u7u5OXpZ2yYZQAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQJTdigvB/j2Gqfo0Sfda1hFgAAwIALtNlQlcAAAAAElFTkSuQmCC") 
repeat-x center !important;
}

splitter[orient="vertical"]:hover {
background: rgba(215,235,255,0.5) !important;
}

bmt-bmtree {
-moz-appearance: none !important;
border: solid 0px #eeeeee !important;
background-color: #dadada !important;
font-size: 10px !important;
margin: -1px !important;
}

bmt-tagcloud {
-moz-border-radius: 4px !important;
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNqMyzEKgFAYAmBxevc/XkRTTbVFBJXa+ztByweiIokI4OMqzmJnL1ZKXhhr4mMPtDQWM21vdHLU+GZrLegPVPzDK8AAZ5EsDTfn5/gAAAAASUVORK5CYII=") 
repeat-x top !important;
border: solid 1px #999999 !important;
margin: -6px !important;
}

bmt-tagcloud label {
font-size: 80% !important;
font-weight: normal !important;
margin-left: 2px !important;
margin-top: 2px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
border: solid 1px #666666 !important;
}

bmt-tagcloud label:hover {
border: solid 1px #ffffff !important;
}

bmt-bmtree treecol, 
bmt-tagtree treecol {
-moz-appearance: none !important;
border-bottom: solid 1px #999999 !important;
border-top: solid 1px #eeeeee !important;
border-left: solid 0px #999999 !important;
border-right: solid 0px #999999 !important;
height: 15px !important;
background-image: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAMAAAAMEmfoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF6Ofo2tnZ7Ovs3+Dg5eXl19fW4uLiz8/P3Nzc0tHR6erp7e3t1NPU7u7uuRLVtgAAACVJREFUeNpswgcRACAQACCc7+xf1wIeCNPRJEPRVSzZdn+eAAMAETsA3jGzuOYAAAAASUVORK5CYII=") !important;
background-position: center top !important;
background-repeat: repeat-x !important;
}

bmt-bmtree treecol label, 
bmt-tagtree treecol label {
font-weight: bold !important;
font-size: 7pt !important;
text-align: center !important;
color: #444444 !important;
margin-left: -4px !important;
margin-right: -12px !important;
margin-top: -1px !important;
padding-top: 1px !important;
height: 15px !important;
background: rgba(0,0,0,0) !important;
border: none !important;
}

bmt-bmtree treecol:hover label, 
bmt-tagtree treecol:hover label {
background: rgba(215,235,255,0.5) !important;
}

bmt-tagtree {
margin: -1px !important;
}

#bmtree > tree > treechildren {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASCAIAAAAVNSPrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpi+P//PwOl+N27dwABBgCQszWYcyXFIgAAAABJRU5ErkJggg==") top !important;
}



/******************************************************************* 
 Customize QuickNote
*******************************************************************/

toolbar[iconsize="small"] #quicknote-button {
list-style-image: 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADVElEQVR4nGWTXWxTZRjH/+/7no/Uttu6rV17Dv1Y1wHyNSAyZmTGODBceqMJ8ZJoBBJjvDLxwsQLiJfqBTfeqJcaF5LNGLOAAmNhy7Z2LGCH3dadju7s9ON0o1+n5/T1giAIv/vnl+f/PPmTueR97JRLYJKMQG9P5/Wp8QvJ5K33Gk1Kzp27dPnNt0Z/qdct6LqOZCoFNRSEYRRgFApoOQ4EQggYZUKt+jg2lZw+P3tn8iInPrcshdn4+LUvotHwwpaurxpGEQDHiwiEUKlSKZ6am7vx0VJq/p1g6JC7LzBICeEYTISPrGa0y7u10peWZadFUXpZsDh/++OZ6d8+LBTKg/v3n5Z6eiLE6xUwMnICSihCzYr57vTMjU7Lbn4lSfIsAOd5ATMMbcK2aXT01AdMVeMkkVAwNnYGHo8f7TaDy+UWlJCS0LIbZzUtK4WU4IOmZTVq1RoczsHc3sBnkeiQd2T4dXLgYAIHDxyF4zC02wAhAOeALLsQj/d3gNPRhyvpQLPZKLXs1g4IaTJFDZ9vtmr+Y0NHMHziNViWAODJ8FM4BxiToKoR5nG7D+3uVk8Wi8bhbUP3s6Gh4+/nclrUNEuIxWJQFBXO/1I+k3BO0NXVwxID0YBZKR4uGHqRHj1+LEUY4wWzjB9+/Ambm1lQ2vpv/ZdpY219jayk18Q9aj9jlz751J9Zz511HEcM+APgjog2t+FxuyDLMjh/loVSoFTK4969ZYSU0DYTyHU6mEgk96hKFoThwcp95LbWoWk5LCbnoW9rEMUn9yAEaNl1pNMroBS6IPBvCG1/Szs7Oh7FouF5l+sVSC43MtmH0PLrkCURS6klpJYWYdt1UOogp20gv/XIrDbM7zwe+SqlpEBjYWXnjZPDf3V2eAqUEtgc2MhruHn3FoKhPtgtCzMz01hYXMDs3Kz5z9ry516v62vKWBkAqCgKVjwWuePzupcdy+IEBF1dPnBGMfnHJCy7iXh/DKuZvzVZtq74un3fc8B+2gtarVYhiSzTH1H+3MxmqowxFEslDOx7FaXdivP71GTr2sSvWVDryt69A1c5587zzxHK5TIIIY3TY2//3LIsZ6daD+W3y313b9+Mq/7uqWAgoPX6e/Vun2+CUlp7sZH/AqQ9fDfCl3jNAAAAAElFTkSuQmCC") !important; 
-moz-image-region: auto !important;
}

.qn_tabpanels {
-moz-appearance: none !important;
border: none !important;
margin: -1px !important;
background-color: #888888 !important;
}

tab[id="Tab1"], tab[id="Tab2"], tab[id="Tab3"], tab[id="Tab4"] {
-moz-appearance: none !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !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;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
background-color: transparent !important;
color: #888888 !important;
font-size: 80% !important;
padding: 1px 4px 1px 4px !important;
}

tab[id="Tab1"]:not([selected="true"]):hover, tab[id="Tab2"]:not([selected="true"]):hover, tab[id="Tab3"]:not([selected="true"]):hover, tab[id="Tab4"]:not([selected="true"]):hover, #qnoptions:hover {
-moz-appearance: none !important;
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRFzeb12+340uj23O34yuT01uv38Pf83u745fL64/H54PD51+v34fD5hLUNLQAAAClJREFUeNoMickNACAMgPBs1e4/r4QPATaHkkvQeLKYQNeGtfxJfgEGAAw5AJhVXkavAAAAAElFTkSuQmCC") !important;
color: #444444 !important;
border-left: solid 1px #cccccc !important;
border-right: solid 1px #cccccc !important;
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 3px !important;
padding-right: 3px !important;
}

tab[id="Tab1"][selected="true"], 
tab[id="Tab2"][selected="true"], 
tab[id="Tab3"][selected="true"], 
tab[id="Tab4"][selected="true"] {
background: rgba(0,0,0,0.33) !important;
border-left: solid 0px #cccccc !important;
border-right: solid 0px #cccccc !important;
color: white !important;
}

tabbox[id="tabbox"] {
background: #eeeeee 
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZQTFRF6Ons5ufr6ent6+vu9vb36uvs7Ozv4+Tn7e3u5Obp6uvu4ePm5+jr6+zt2tzh3uDj7u7u5OXpZ2yYZQAAAClJREFUeNoMwokRgCAAACAstfJ3/2XtQJTdigvB/j2Gqfo0Sfda1hFgAAwIALtNlQlcAAAAAElFTkSuQmCC") 
repeat-x top !important;
border-top: solid 1px #999999 !important;
margin-top: 0px !important;
}

#qnoptions {
-moz-appearance: none !important;
background-color: rgba(0,0,0,0.1) !important;
margin-right: -4px !important;
margin-bottom: -1px !important;
margin-top: 0px !important;
margin-left: 0px !important;
padding-left: 4px !important;
padding-top: 2px !important;
border-right: none !important;
border-left: solid 1px #cccccc !important;
border-top: none !important;
border-bottom: none !important;
}

#qnoptions:hover {
border-right: none !important;
border-left: solid 1px #cccccc !important;
border-top: none !important;
border-bottom: none !important;
margin-right: -4px !important;
margin-left: 0px !important;
padding-left: 4px !important;
padding-top: 2px !important;
}