/* by makondo, 12/09. Used some code from "Glass everything ... " style by YupYup and "Tab: Cross image..." by Roblesolido. Thanks! */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/browser.xul") {

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-strip, .toolbox
{ -moz-appearance: -moz-win-glass !important;
background: black !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 { outline: none !important; }
.tabbrowser-tab .tab-text { border: none !important; }

.tabbrowser-tab
{ -moz-appearance: none !important; 
margin-bottom: 2px !important; 
max-height: 21px !important; 
-moz-border-radius: 4px 4px 0 0 !important; }

.tabbrowser-tabs tab:not([selected="true"])
{ background: rgba(204,190,183,0.1) !important;
-moz-box-shadow: inset -4px 6px 12px -2px rgba(170,190,186,0.7) !important;
-moz-border-right-colors: rgba(0,100,2155,0.3) !important;
/*border-top: 2px solid rgba(255,255,250,0.4) !important;*/
margin-left: 1px !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: #fff 1px 1px 2px !important; }

/* unread tabs */
#content tab:not([selected]) .tab-text
{ color: #274A54 !important; 
font-size: 13px !important;
/*text-shadow: white 1px 1px 1px !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/gif;base64,R0lGODlhDAALAIgAAPwChAQCBCH5BAEAAAAALAIAAgAIAAcAQAINTIBgaJt9VGTHOZokLgA7") 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; }

/* Remove close button border when clicked */
.tabs-closebutton, .tab-close-button { outline: 0 none !important; } }