/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide
{
	display: none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber
{
	width: 330px;
	overflow: hidden;
	margin-top: 5px;
	padding: 0px;
	background: #FFFFFF;
	border: 1px solid #CCC;
}
.tabberlive
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
UL.tabbernav
{
	margin: 0;
	padding: 6px 0 0;
	font: 14px "century gothic", Verdana, sans-serif;
	background: #000;
	height: 24px;
	border: 1px solid #000;
}
UL.tabbernav LI
{
	list-style: none;
	margin: 5px 0;
	display: inline;
	color: #FEFEFE;
}
UL.tabbernav LI A
{
	padding: 4px 20px;
	margin-left: 5px;
	text-decoration: none;
	font-weight: bold;
}
UL.tabbernav LI A:link
{
	color: #333;
}
UL.tabbernav LI A:visited
{
	color: #333;
}
UL.tabbernav LI A:hover
{
	color: #D3CFC7;
}
UL.tabbernav LI.tabberactive A
{
	color: #FEFEFE;
	width: 90px;
}
UL.tabbernav LI.tabberactive A:hover
{
	color: #FEFEFE;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab
{
	padding: 5px;
	background: #000000;
	font: 13px Tahoma, "century gothic", Verdana, sans-serif;
	color: #FEFEFE;
/*If you don't want the tab size changing whenever a tab is changed
you can set a fixed height
height:200px;
If you set a fix height set overflow to auto and you will get a
scrollbar when necessary
overflow:auto;*/
}
.tabberlive .tabbertab P
{
	margin: 0px 4px 5px;
}
.tabberlive .tabbertab A
{
	color: #FFF;
}
.tabberlive .tabbertab A:hover
{
	color: #6AC9E9;
}
.tabberlive .tabbertab LI
{
	list-style: none !important;
	list-style: outside;
	margin: 0px;
	padding: 0px;
}
.tabberlive .tabbertab UL
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tabberlive .tabbertab UL LI
{
	list-style: none;
	color: #AA9F9B;
	display: block;
	margin: 2px 0px;
	width: auto;
	border-bottom: 1px dotted #61696F;
}
.tabberlive .tabbertab UL LI A
{
	color: #99A6AF;
	padding: 5px 0px 5px 5px;
	display: block;
}
.tabberlive .tabbertab UL LI A:hover
{
	color: #FFF;
	display: block;
}
/*If desired, hide the heading since a heading is provided by the tab*/
.tabberlive .tabbertab H2
{
	display: none;
}
.tabberlive .tabbertab H3
{
	display: none;
}
/*Example of using an ID to set different styles for the tabs on the page*/
.tabberlive#tab1
{
}
.tabberlive#tab2
{
}
.tabberlive#tab2 .tabbertab
{
	height: 200px;
	overflow: auto;
}