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

.tabs-alltabs-button > .toolbarbutton-icon {
  display: -moz-box;
  margin: 6px 0 4px;
  list-style-image: url(allTabs.png) !important;
  -moz-image-region: auto !important;
}

/* ::::: Keyboard UI Panel ::::: */

.KUI-panel {
  -moz-appearance: none;
  background: rgba(27%,27%,27%,.9) url(texture.png) repeat-x;
  color: white;
  border: 1px solid rgba(100%,100%,100%,.15);
  -moz-border-radius: 20px;
}

.KUI-panel[level="top"] {
  background-color: rgba(27%,27%,27%,.65);
  border-style: none;
  -moz-window-shadow: none;
}

.KUI-panel-closebutton {
  list-style-image: url(close.png);
  -moz-appearance: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

.KUI-panel-closebutton:not(:hover) {
  opacity: .6;
}

.KUI-panel-closebutton > .toolbarbutton-icon {
  margin: 0;
}

/* ::::: Ctrl-Tab and All Tabs Panels ::::: */

.tabPreview-canvas {
  -moz-box-shadow: 1px 1px 3px rgb(12%,12%,12%);
}

.ctrlTab-favicon-container ,
.allTabs-favicon-container {
  -moz-box-pack: end;
}

.ctrlTab-favicon[src] ,
.allTabs-favicon[src] {
  background-color: white;
  width: 24px;
  height: 24px;
  padding: 2px;
  opacity: .7;
}

/* Ctrl-Tab */

#ctrlTab-panel {
  padding: 20px 10px 15px;
  text-shadow: 0 0 1px rgb(27%,27%,27%), 0 0 3px rgb(27%,27%,27%);
}

.ctrlTab-thumbnail:not(#ctrlTab-showAll) .ctrlTab-thumbnail-inner {
  padding-bottom: 2px;
}

.ctrlTab-thumbnail:not(#ctrlTab-showAll) .tabPreview-canvas {
  margin-bottom: 2px;
}

.ctrlTab-thumbnail:focus:not(#ctrlTab-showAll) .ctrlTab-thumbnail-inner {
  background-color: #ccc;
  color: black;
  text-shadow: 0 0 1px white;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,.5), 0 0 5px 1px -moz-mac-focusring, 0 0 8px white;
  padding: 2px;
  margin: -2px -2px 0;
}

.ctrlTab-thumbnail:focus .tabPreview-canvas {
  -moz-box-shadow: none;
}

#ctrlTab-showAll {
  -moz-appearance: button;
  color: ButtonText;
  text-shadow: none;
  padding: 0 3px;
  margin-top: 15px;
  font-size: 1.2em;
}

#ctrlTab-showAll:focus {
  -moz-box-shadow: 0 0 8px white;
  -moz-border-radius: 100%;
}

/* All Tabs */

#allTabs-panel {
  padding: 10px;
  margin-left: -10px;
}

#allTabs-panel:not(.KUI-panel) {
  -moz-appearance: none;
  background: rgb(27%,27%,27%) url(KUI-background.png) repeat-x;
  border: none;
  color: white;
}

#allTabs-meta {
  margin-bottom: 10px;
}

#allTabs-filter {
  -moz-margin-start: 24px;
  -moz-margin-end: 0;
}

#allTabs-tab-close-button {
  /*XXX without this, the closebutton can cause the panel to expand horizontally */
  margin-right: -16px;
}

#allTabs-tab-close-button > .toolbarbutton-icon {
  margin: 0;
}

.allTabs-thumbnail:hover ,
.allTabs-thumbnail[closebuttonhover] {
  background-color: rgba(100%,100%,100%,.15);
  -moz-border-radius: 6px;
}

.allTabs-thumbnail:focus {
  background-color: rgba(100%,100%,100%,.3);
  -moz-border-radius: 6px;
}

.allTabs-thumbnail-label {
  -moz-transform: translate(0, -1px);
}
