/*
* 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
*/

/*************** Common styles for both .tabOff and .tabOn *****************/
.tabbedNavOn a {
 display: block;
}

ul.tabbedNavOn, ul.tabbedNavOn li{
	list-style-type:none;
	margin-left:0;
}

.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;
 margin: 5px 2px 0 2px;
}

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

/* Non active tab background color & graphic when in the visited or non
* visited states. */
.tabOff:link span,
.tabOff:visited span {
color:#FFFFFF;
 background-color: #c9bfd6;
 background-image: url(/images/bg_tab.gif) repeat-x bottom left;
}

/* Non active tab's right background graphic when the tab is in a visited or
* non visited state. */
.tabOff:link span span,
.tabOff:visited span span {
 background: url(/images/tabs/tab_bg_off_L.gif) no-repeat top left;
}

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

/* Non active tab's background color and left background graphic when in the
* active, focus and hover states. */
.tabOff:active span,
.tabOff:focus span,
.tabOff:hover span {
color:#ffffff;
 background: url(/images/tabs/tab_bg_on_R.gif) no-repeat top right;
}

.tabOff:active,
.tabOff:focus,
.tabOff:hover {
color:#ffffff;
 background-color: #5b3983;
}

/* Non active tab's background graphic when in the active, focus and hover
* states. */
.tabOff:active span span,
.tabOff:focus span span,
.tabOff:hover span span {
 background: url(/images/tabs/tab_bg_on_L.gif) no-repeat top left;
}

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

/* Active tab text color when in the visited and non visited states. */
.tabOn:link,
.tabOn:visited,
.tabOn:active,
.tabOn:hover {
 color: #fff;
}

/* Active tab background color & graphic when in the visited, non visited,
* active, and hover states. */
.tabOn:link span,
.tabOn:visited span,
.tabOn:active span,
.tabOn:hover span {
 background: url(/images/tabs/tab_bg_on_R.gif) no-repeat top right;
}

/* Active tab's right background graphic when in the visited, non visited,
* active, and hover states. */
.tabOn:link span span,
.tabOn:visited span span,
.tabOn:active span span,
.tabOn:hover span span {
 background: url(/images/tabs/tab_bg_on_L.gif) no-repeat top left;
}
.tabOn:link,
.tabOn:visited,
.tabOn:active,
.tabOn:hover {
 background-color:#5b3983;
 color:#FFFFFF;
}

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

/* The active tab's BG color & graphic when it has the system focus. */
.tabOn:focus span {
color:#FFFFFF;
 background: url(/images/tabs/tab_bg_on_R.gif) no-repeat top right;
}

/* The active Tab's right BG graphic when it has the system focus. */
.tabOn:focus span span {
 background: url(/images/tabs/tab_bg_on_L.gif) no-repeat top left;
}

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

/* Tab boxes when JavaScript is disabled. */
.tabBox {

}

.tabBox .tabBoxNav {
 display: none;
}

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

/* The tab box is switched "on" */
.tabBoxOn {
 background-color: #F7F5FA;
 background: url(/images/bg_tab_box.gif) no-repeat bottom right;
 margin-top: -1px;
 zoom: 1;
 line-height: 155% !important;
}

/* Padding and borders around the tab content. */
.tabBoxOn .tabBoxGutter {
 border: 1px solid #5b3983;
 padding: 10px 12px 15px;
 font-size:1em;
}
.tabBoxOn .tabBoxGutter h2{
	margin-top:0px;
}

/* The tab's bottom text links for Next and Previous */
.tabBoxOn .tabBoxNav {
 background-color: #CCCCCC;
 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: -1.5em 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 {
 background-color: #5b3983;
 clear: both;
 font-size: 1px;
 height: 1px;
 overflow: hidden;
 width: 100%; /* Width required by Safari and IE5-Mac */
}

/* The DIV tag that encapsulates one entire tab structure. */
.tabWrapper {
 position: relative;
 width: 100%;
 
 margin: 1em 0;
}

/** background corners **/
.tabOn span{
	background-image:url(/images/tab_bg_on_L.gif);
	background-position:left top;
}
.tabOn span span{
	background-image:url(/images/tab_bg_on_R.gif);
	background-position:right top;
}