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

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"]:hover {
	appearance: none !important;
	-moz-appearance: none !important;
	border: 2px solid transparent !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	color: black !important;
	height: auto !important;
	max-height: none !important;
	min-height: 6px !important;
	margin-top: -2px !important;
	margin-right: 0;
	margin-bottom: -2px !important;
	margin-left: 0;
	padding: 0 !important;
	-moz-border-top-colors: transparent transparent !important;
	-moz-border-right-colors: transparent transparent !important;
	-moz-border-bottom-colors: transparent transparent !important;
	-moz-border-left-colors: transparent transparent !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  :-moz-any(.tabbrowser-tab:not([pinned]),
            .tabbrowser-tab[pinned]:not([titlechanged])),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  :-moz-any(.tabbrowser-tab:not([pinned]),
            .tabbrowser-tab[pinned]:not([titlechanged])):hover,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"]:hover {
	background: none transparent !important;
}

/* Disable pseudo elements introduced by Australis */
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  .tab-background-start::before,
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  .tab-background-start::after,
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  .tab-background-end::before,
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  .tab-background-end::after {
	display: none !important;
}
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  :-moz-any(.tab-background-start,
            .tab-background-end) {
	min-height: 0;
	width: 0;
}
.tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
  .tabbrowser-tab:hover .tab-background:not([selected="true"]) {
	background-image: none;
}

/* for Mac OS X */
.tabbrowser-tabs[treestyletab-mode="vertical"]
  :-moz-any(.tab-content:not([pinned]):not([selected="true"]),
            .tab-content[pinned]:not([titlechanged]):not([selected="true"]),
            .tab-content:not([pinned])[selected="true"],
            .tab-content[pinned]:not([titlechanged])[selected="true"],
            .tab-background-start:not([selected="true"]),
            .tab-background-middle:not([selected="true"]):not([pinned]),
            .tab-background-middle:not([selected="true"])[pinned]:not([titlechanged]),
            .tab-background-end:not([selected="true"]),
            .tab-background-start[selected="true"],
            .tab-background-middle[selected="true"],
            .tab-background-end[selected="true"]) {
	border: 0 none !important;
	background: transparent !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  :-moz-any(.tab-background-start:not([selected="true"]),
            .tab-background-middle:not([selected="true"]),
            .tab-background-end:not([selected="true"]),
            .tab-background-start[selected="true"],
            .tab-background-middle[selected="true"],
            .tab-background-end[selected="true"]) {
	mask: none !important;
}
/* highlighted pinned tabs */
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) .tab-background {
	background-image: radial-gradient(circle farthest-corner at 50% 3px,
	                                  Highlight 3%,
	                                  rgba(255, 255, 255, 0) 80%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover .tab-background {
	background-image: radial-gradient(circle farthest-corner at 50% 3px,
	                                  Highlight 3%,
	                                  rgba(255, 255, 255, 0) 100%);
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  :-moz-any(.tab-background-start[pinned][titlechanged],
            .tab-background-end[pinned][titlechanged]) {
	visibility: collapse !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tab-background,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tab-background-middle {
	margin: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tab-content {
	appearance: none !important;
	-moz-appearance: none !important;
	border: 10px solid transparent;
	margin: 0 !important;
	padding: 2px 5px 2px 10px;
	position: relative !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tab-content {
	padding: 2px 10px 2px 5px;
}


.tabbrowser-tabs[treestyletab-mode="vertical"]:not([treestyletab-tab-inverted="true"])
  .tabbrowser-tab:not([treestyletab-drop-position="self"]) {
	border-right: 0 none !important;
	-moz-border-right-colors: none !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab:not([treestyletab-drop-position="self"]) {
	border-left: 0 none !important;
	-moz-border-left-colors: none !important;
}



/* background, left */
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-active-l.png") 10 5 10 10 / 10px 5px 10px 10px !important;
	/**
	 * For Firefox 11 and olders, "fill" is not available in "-moz-border-image".
	 * However, on Firefox 12, we must put "fill" to fill the background.
	 * So, now we write "-moz-border-image-slice" with "fill" after "-moz-boder-image"
	 * because "-slice" works only on Firefox 12.
	 */
	-moz-border-image-slice: 10 5 10 10 fill !important;
	border-image: url("tab-active-l.png") 10 5 10 10 fill / 10px 5px 10px 10px !important;
}

/* background, right */
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-active-r.png") 10 10 10 5 / 10px 10px 10px 5px !important;
	-moz-border-image-slice: 10 10 10 5 fill !important;
	border-image: url("tab-active-r.png") 10 10 10 5 fill / 10px 10px 10px 5px !important;
}

/* foreground, left */
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"]:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-active-selected-l.png") 10 5 10 10 / 10px 5px 10px 10px !important;
	-moz-border-image-slice: 10 5 10 10 fill !important;
	border-image: url("tab-active-selected-l.png") 10 5 10 10 fill / 10px 5px 10px 10px !important;
}

/* foreground, right */
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab[selected="true"]:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-active-selected-r.png") 10 10 10 5 / 10px 10px 10px 5px !important;
	-moz-border-image-slice: 10 10 10 5 fill !important;
	border-image: url("tab-active-selected-r.png") 10 10 10 5 fill / 10px 10px 10px 5px !important;
}


/* pinned tabs */

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected]:not(:hover)
  .tab-content[pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected]:hover
  .tab-content[pinned] {
	-moz-border-image: none !important;
	border-image: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned]:not([titlechanged]),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned]:not([titlechanged]),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned][selected],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned][selected] {
	background: none !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned]:not(:hover),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned]:hover,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][selected="true"]:not(:hover),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][selected="true"]:hover {
	border: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	padding: 0 !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned]:not([titlechanged]):not(:hover),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned]:not([titlechanged]):hover,
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][selected="true"]:not(:hover),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[pinned][selected="true"]:hover {
	background: none !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab
  .tab-content[pinned]
  * {
	margin: 0 !important;
	padding: 0 !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned][selected="true"],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned][selected="true"] {
	line-height: 1 !important;
	border: 1px solid #666666 !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	margin: 1px 0 0 1px !important;
	padding: 2px 4px 2px 3px !important;
}
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[pinned]:not([titlechanged]),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned]:not([titlechanged]),
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[selected="true"][pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[selected="true"][pinned] {
	background: #9d9d9d !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not(:hover)
  .tab-content[selected="true"][pinned],
.tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[selected="true"][pinned] {
	background-color: #b3b2b3 !important;
}




/* inactive */

/* background, left */
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-inactive-l.png") 10 5 10 10 / 10px 5px 10px 10px !important;
	-moz-border-image-slice: 10 5 10 10 fill !important;
	border-image: url("tab-inactive-l.png") 10 5 10 10 fill / 10px 5px 10px 10px !important;
}

/* background, right */
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab:not([pinned])
  .tab-stack {
	-moz-border-image: url("tab-inactive-r.png") 10 10 10 5 / 10px 10px 10px 5px !important;
	-moz-border-image-slice: 10 10 10 5 fill !important;
	border-image: url("tab-inactive-r.png") 10 10 10 5 fill / 10px 10px 10px 5px !important;
}

/* foreground, left */
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab[selected="true"]:not([pinned])
  .tab-stack{
	-moz-border-image: url("tab-inactive-selected-l.png") 10 5 10 10 / 10px 5px 10px 10px !important;
	-moz-border-image-slice: 10 5 10 10 fill !important;
	border-image: url("tab-inactive-selected-l.png") 10 5 10 10 fill / 10px 5px 10px 10px !important;
}

/* foreground, right */
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
  .tabbrowser-tab[selected="true"]:not([pinned])
  .tab-stack{
	-moz-border-image: url("tab-inactive-selected-r.png") 10 10 10 5 / 10px 10px 10px 5px !important;
	-moz-border-image-slice: 10 10 10 5 fill !important;
	border-image: url("tab-inactive-selected-r.png") 10 10 10 5 fill / 10px 10px 10px 5px !important;
}


/* pinned tabs */

:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab
  .tab-content[pinned]:not([titlechanged]),
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned]:not([titlechanged]) {
	background: #cecece !important;
}

:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab
  .tab-content[pinned][selected="true"],
:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab:hover
  .tab-content[pinned][selected="true"] {
	background: #e4e4e4 !important;
}

:root:-moz-window-inactive
  .tabbrowser-tabs[treestyletab-mode="vertical"]
  .tabbrowser-tab
  .tab-content[pinned] {
	border-color: #9a9a9a !important;
}
