/*
* This File: TAB_styles.css
* Contains all CSS declarations to visually format Accessible Tabs. Contains
* CSS 1.0 and 2.0 styles and is hidden from 4.0 and older browsers by being
* imported via the @import method.
*
* Version - Accessible Tabs: 1.0
* By Greg Burghardt
* greg_burghardt@yahoo.com
*/


/* The UL element containing the tabs when JavaScript is enabled. */
#forumSettingTab_tabs li{letter-spacing:-0.03em; font-size:0.9em; font-weight:bold; text-align:center; }
#forumSettingTab_tabs li a{color:#990033;}
.tabbedNavOn {
 list-style-type: none; margin:0px 0px 0px 0px; padding:0; position:relative;
}
.tabbedNavOn  li{
	margin:0px 0px -1px 0px;
	background:none !important;
  	padding:0px 0px 0px 6px;
}
/*************** Common styles for both .tabOff and .tabOn *****************/
.tabbedNavOn a {
 display: block;
 color:#990033;
}

.tabbedNavOn a:link,
.tabbedNavOn a:visited,
.tabbedNavOn a:active,
.tabbedNavOn a:hover,
.tabbedNavOn a:focus {
 text-decoration: none;
}

.tabbedNavOn a span {
 display: block;
}

.tabbedNavOn a span span {
 padding: .33em .75em;
}
/*************** End common styles for .tabOff and .tabOn ******************/

/* This class is a tab when it is not active. */
.tabOff {
 cursor: pointer;
 cursor: hand;
 display: block;
}

/* Non active Tab text color when in the visited and non visited states. */
.tabOff:link,
.tabOff:visited {
 color:#000;
}

span.s02{width:174px;}
span.s01{width:126px;}

/* Non active tab background color & graphic when in the visited or non
* visited states. */
.tabOff:link span.s01,
.tabOff:visited span.s01{background: url(../../../graphics/curve_top_tabGrey_126.gif) no-repeat 0px 0px;}

.tabOff:link span.s02,
.tabOff:visited span.s02 {background: url(../../../graphics/curve_top_tabGrey_174.gif) no-repeat 0px 0px;}


/* Non active tab's text color in the active, focus, an hover states. */
.tabOff:active,
.tabOff:focus,
.tabOff:hover {
 color:#990033;
}


/* This class is a tab that is switched "on" */
.tabOn {
 cursor: default;
 display: block;
}

/* Active tab text color when in the visited and non visited states. */
.tabOn:link span.s02,
.tabOn:visited span.s02,
.tabOn:active span.s02,
.tabOn:hover span.s02  {
 color: #fff; 
 background: url(../../../graphics/curve_top_tabRed_174.gif) no-repeat 0px 0px; 
  z-index:10;
  margin-bottom:-2px;
}
.tabOn:link span.s01,
.tabOn:visited span.s01,
.tabOn:active span.s01,
.tabOn:hover span.s01  {
 color: #fff; width:126px;
 background: url(../../../graphics/curve_top_tabRed_126.gif) no-repeat 0px 0px;
 z-index:10;
}

/* The active tab when it has the system focus. */
.tabOn:focus {
 color: #990033;
}

.tabbedNavOn li {
 float: left;
 margin-right: 1px;
}

/* Tab boxes when JavaScript is disabled. */
.tabBox {
 font-size: 1.25em;
}

.tabBox .tabBoxNav {
 display: none;
}

/* Hide the tab boxes when they are turned off. */
.tabBoxOff {
 display: none;
}

/* The tab box is switched "on" */
.tabBoxOn {
 margin-top: -1px;
}


/* The tab's bottom text links for Next and Previous */
.tabBoxOn .tabBoxNav {
 display: block;
 margin: 0;
 padding: .33em 5px 0 5px;
}

/* The tab's bottom text links when the link is visited and non visited. */
.tabBoxOn .tabBoxNav a:link,
.tabBoxOn .tabBoxNav a:visited {
 color: #fff;
 text-decoration: none;
}

/* The tab's bottom text links when the link is active, hovered on, or has
* the system focus. */
.tabBoxOn .tabBoxNav a:active,
.tabBoxOn .tabBoxNav a:hover,
.tabBoxOn .tabBoxNav a:focus {
 color: #fff;
 text-decoration: underline;
}

/* Gap below the tab's bottom links, and the bottom of the tab box. */
.tabBoxOn .tabBoxNav .tabSpacer {
 height: .33em;
}

.tabBoxOn .tabBoxNavLeft {
 float: left;
 padding-right: 5px;
}

.tabBoxOn .tabBoxNavRight {
 float: right;
 padding-left: 5px;
}

/* When JavaScript is disabled, hide the link to jump back to the tabs. */
.tabOptionsOff {
 display: none;
}

/* The link to jump back to the tabs when JavaScript is enabled. */
.tabOptionsOn {
 margin: 0;
}

.tabOptionsOn a {
 margin: -2em 0 0 0;
 position: absolute;
 text-align: center;
 width: 100%;
}

.tabOptionsOn a:link,
.tabOptionsOn a:visited {
 color: #fff;
 z-index: -1;
}

.tabOptionsOn a:active,
.tabOptionsOn a:focus,
.tabOptionsOn a:hover {
 color: #fff;
 z-index: 1;
}

/* Spacer DIV under the tabs when JavaScript is disabled. */
.tabSpacerOff {
 display: none;
}

/* Spacer DIV under the tabs when JavaScript is enabled. The 1px font size
* fixes an IE-Win bug that sizes the height too high in certain cases. */

.tabSpacerOn {
 clear: both;
 font-size: 1px;
 height: 1px;
 overflow: hidden;
 width: 600px; /* Width required by Safari and IE5-Mac */
}

/* The DIV tag that encapsulates one entire tab structure. */
.tabWrapper {
clear: both;
 margin-top: 20px;
 position: relative;
 width: 100%;
 z-index: 1000;
}