/***********************************************************
 *      Since I add this file AFTER the original "tabset.css"
 *      file, all original style is preserved, and I'm only 
 *      overwriting a part of it.
 *      
 *      I choosed to change only the background image and text 
 *      color of the tabs, and the background color of the
 *      associated regions.
 *
 *  NOTES:
 *  - check out the selectors I use:
 
 *  li#tabset1tab0-tab,
 *  li#tabset1tab0
 *
 *  1) Because the tabs (LI elements) CHANGE THEIR ID's when
 *     Javascript runs on the client machine. However, I keep 
 *     the old (original) selector, "li#tabset1tab0-tab", so 
 *     that my custom skin will also work whn widget is in
 *     degradable mode (with javascript disabled).
 *
 *      2) Use the "!important" keyword when I used it, as it is 
 *     needed to override stronger selectors within the
 *     "tabset.css" file.
 *
 *  3) It is essentially that you use the 
 *     "div#tabset1tab0-body div.tabContent" selector, if you
 *     want to alter SENSIBLE content inside a tab page, i.e.,
 *     adding a padding around a tab page text. If you use
 *     "div#tabset1tab0-body" selector for such a purpose,
 *     you risk causing your tabset to malfunction.
 *
 ***********************************************************/
/* - CUSTOMIZING ALL TABS IN THEIR NORMAL (DEFAULT) STATE - */
/* Customizing the first tab */
li#tabset1tab0-tab,
li#tabset1tab0{
	background-color: #660000;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #660000;
}
li#tabset1tab0-tab a,
li#tabset1tab0 a {
	color: #FFFFFF!important;
	background-color: #990000;
}
/* Customizing the second tab */
li#tabset1tab1-tab,
li#tabset1tab1{
	background-color: #993300;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #993300;
}
li#tabset1tab1-tab a,
li#tabset1tab1 a{
	color: #FFFFFF!important;
	background-color: #bb5500;
}
/* Customizing the third tab */
li#tabset1tab2-tab,
li#tabset1tab2{
	background-color: #660000;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #660000;
}
li#tabset1tab2-tab a,
li#tabset1tab2 a{
	color: #FFFFFF!important;
	background-color: #990000;
}

/* - CUSTOMIZING ALL TABS IN THEIR SELECTED STATE - */
/* Customizing the first tab */
li#tabset1tab0-tab.selected,
li#tabset1tab0.selected {
	color: #FFFFFF;
	background-color: #042133!important;
}
li#tabset1tab0-tab.selected a,
li#tabset1tab0.selected a {
	color: #FFFFFF;
	background-color: #660000 !important;
}
/* Customizing the second tab */
li#tabset1tab1-tab.selected,
li#tabset1tab1.selected {
	color: #FFFFFF;
	background-color: #042133!important;
}
li#tabset1tab1-tab.selected a,
li#tabset1tab1.selected a {
	color: #FFFFFF;
	background-color: #660000 !important;
}
/* Customizing the third tab */
li#tabset1tab2-tab.selected,
li#tabset1tab2.selected {
	color: #FFFFFF;
	background-color: #042133!important;
}
li#tabset1tab2-tab.selected a,
li#tabset1tab2.selected a {
	color: #FFFFFF;
	background-color: #660000 !important;
}

/* - CUSTOMIZING THE TAB PAGES - */
/* Customizing the first tab page */
div#tabset1tab0-body {
	border-color: #660000;
}
div#tabset1tab0-body div.tabContent {
        color: #440000;
}
/* Customizing the second tab page */
div#tabset1tab1-body {
        border-color: #660000;
}
div#tabset1tab1-body div.tabContent {
        color: #440000;
}
/* Customizing the third tab page */
div#tabset1tab2-body {
        border-color: #660000;
}
div#tabset1tab2-body div.tabContent {
        color: #440000;
}