/* by makondo, 07/09. Used some code from "Glass everything ... " style by YupYup and "Tab: Cross image..." by Roblesolido. Thanks a lot! May need my Glass dialog windows style for the toolbar transparency */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/browser.xul") { 

.tabbrowser-strip, .toolbox
{ -moz-appearance: -moz-win-glass !important;
background: black !important; }

tabbox
{ -moz-appearance: -moz-win-glass !important; 
background: none !important;
color: black !important; }

.tabs-container 
{ border: 0 none  !important;
margin-bottom: 1px !important; }

.tabbrowser-tabs
{ -moz-appearance: -moz-win-glass !important;
background: none !important;
border: 0 none !important;
padding-bottom: 0px !important; 
margin-bottom: 0px !important;
margin-top: -2px !important; }

/* .tabbrowser-tab
{ margin-right: 1px !important; } */

/* Eliminates tabbar bottom lines */
.tabs-bottom
{ -moz-appearance: none !important; 
border: 0 !important;
margin-bottom: -1px !important; }

/* focus ring on tab */
.tabbrowser-tab:focus .tab-middle, 
.tabs-closebutton, .tab-close-button { outline: 0 none !important; }
.tabbrowser-tab .tab-text { border: none !important; }

.tabbrowser-tab
{ -moz-appearance: none !important; 
margin-bottom: 2px !important; 
max-height: 21px !important; 
border-top: transparent !important; 
-moz-border-radius: 10px !important;
border-bottom: 1px solid rgba(0,255,255,0.5) !important;
-moz-border-right-colors: rgba(0,255,250,0.4) !important;
text-shadow: #ccc 1px 1px 2px !important; }

.tabbrowser-tabs tab:not([selected="true"])
{ background: rgba(204,190,183,0.4) url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;
-moz-box-shadow: inset -2px 4px 8px 4px rgba(170,190,186,0.7) !important;
-moz-border-right-colors: rgba(0,100,2155,0.3) !important; }

/* selected tab */
.tabbrowser-tab[selected="true"]
{ -moz-appearance: none !important;  
max-height: 21px !important;
border: transparent !important;
background: rgba(255,255,204,0.3) url(chrome://browser/skin/tabbrowser/tab-bkgnd.png) !important;  
-moz-box-shadow: 1px 3px 8px rgba(255,255,204, 0.7) !important;
font-size: 14px !important;
color: black !important;
text-shadow: #FFFFCC 1px 1px 2px !important; }

/* unread tabs */
#content tab:not([selected]) .tab-text
{ color: #274A54 !important; 
font-size: 13px !important;
/*font-weight: bold !important; */
/*font-style: italic !important;*/
opacity: .9 !important; }

/* read tabs */
.tabbrowser-tab[selected="false"]
{ color: #3A432C !important;
font-size: 12px !important; 
font-style: normal !important;
opacity: 0.7 !important; }

/* cross close button */
tabbrowser tab .tabs-closebutton,
tabbrowser tab .tab-close-button
{ -moz-appearance: none !important;
-moz-image-region: auto !important;
list-style-image: none !important;
-moz-box-flex: 0 !important;
background: transparent  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA8ElEQVR42mNoaGhgoAQzDEMDuLi4VnNyck5DF+fh4ZnKzs6+kqABrKysu9XU1P6LiorOg4kpKirO09TU/M/MzLyPoAEKCgqchoaG+/Lz8/+bm5v3Ozg4TCwqKvqvq6t7SFVVlZuoMJCXl2eKiIhYt3379v/btm37HxAQsBHoChaSAjE6Onrmvn37/u/evft/UFDQdJJiwdHRcV5VVdV/U1PTbWZmZpvKy8v/W1hYzCPKAElJydnAMPgvKCh4COgVRpAYkL0bGAYgsTkEDQCC40C8X1lZmQMpFliAYjuA+ARBA/T19Zlw+dfY2JhpGOYFANbFdLe1abGdAAAAAElFTkSuQmCC") no-repeat center !important;
-moz-border-radius: 4px !important; }

.tab-close-button .toolbarbutton-icon
{ border: 1px solid transparent !important;  
padding: 3px !important; 
margin: 2px !important; }

/* thanks, srazzano! */
tabbrowser tab .tab-close-button .toolbarbutton-icon:hover
{ border-bottom: 1px solid rgba(0,100,155,0.4) !important;
border-right: 1px solid rgba(0,100,155,0.7) !important;
-moz-border-radius: 4px !important; }

tab[selected="true"]:hover .tab-close-button,
.tabbrowser-tabs tab:not([selected="true"]):hover .tab-close-button
{ border: 1px inset #DAFAFF !important;
-moz-border-radius: 4px !important; } }