/********** Tab widget *********/
/*******************************/
/* This Mac-specific CSS styles tabs that are located on the top of their content,
 * as Macintosh tabs generally are.  An example of using bottom tab images can be 
 * found in EditorToolbar.css in classic/editor/.
 *******************************/

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

/*** TAB: TOP <tab> ***/

tab {
  -moz-appearance: tab;
  -moz-box-align: stretch;
  color				: #000000;
  padding: 3px;
}

.tab-text {
  font				: menu;
  font-weight: normal !important;
}

tabs {
  padding			: 0px;
  margin-bottom: -2px;
}


tabs.tabs-bottom {
  padding-left: 6px;
  padding-right: 6px;
}

.tabs-left, .tabs-right  {
	-moz-box-flex: 1 !important;
}
/*** TAB: BOTTOM <tab class="tab-bottom"> ***/
/* Found in editor.xul & editorOverlay.xul 
 * SMALL TABS FOR NOW */

.tab-bottom {
  margin-bottom: 2px;
  margin-top: 2px;
  -moz-box-align: center;
}

.tab-bottom > .tab-middle {
  padding: 0 6px 0 6px;
  margin-bottom: 2px;
}
  

.tab-bottom > .tab-middle > .tab-text {
  font: message-box;
  font-weight: bold !important;
  margin: 0 0 -1px 0 !important;
  padding: 0 !important;
}

    /* top tabs */
tabbox[orient="vertical"] tabs[orient="horizontal"] tab { 
  padding: 0px;
  margin: 0px;
}

	/* bottom tabs */
tabbox[orient="vertical"] tabpanels + tabs[orient="horizontal"] tab { 
  border-top: none;
  border-bottom: 1px solid #666666;
  border-left: 1px solid white;
  border-right: 1px solid #666666;
  -moz-border-radius: 0px 0px 8px 8px;
  padding: 1px 5px 3px 5px;
  margin: 1px 2px 1px 2px;
}

	/* left tabs */
tabbox[orient="horizontal"] tabs[orient="vertical"] tab { 
  border-right: none;
  -moz-border-radius: 8px 0px 0px 8px;
  padding-right: 1px;
  margin: 2px 1px 2px 1px;
}

	/* right tabs */
tabbox[orient="horizontal"] tabpanels + tabs[orient="vertical"]  tab { 
  border-top: 1px solid white;
  border-bottom: 1px solid #666666;
  border-left: none;
  border-right: 1px solid #666666;
  -moz-border-radius: 0px 8px 8px 0px;
  padding: 3px 5px 1px 5px;
  margin: 2px 1px 2px 1px;
}

tabbox { 
  border: none;
}

tabpanels {
  -moz-appearance: tabpanels; 
  border-top: 0px;
  border-bottom: 2px ridge #000000;
  border-left: 2px groove #000000;
  border-right: 2px ridge #000000;
  padding: 15px 5px 5px 5px;
  background-color		: #EEEEEE;
  margin-bottom: 10px;
}

tabstrip-box {
	-moz-appearance: tabpanels;
        margin-top: -1px;
}