.tab_container
{
}
.tab_container_nav_header_container
{
}
/*Wow, to make sure the header doesn't have a magic floating border, i needed to do this to get it turned off. If we do
div.tab_container_nav_header or even .tab_container div, those won't work. I needed EXACTLY this to get FF to shut it off.
*/
.tab_container .tab_container_nav_header_container, 
	.tab_container_nav_header_container .tab_container_nav_header,
	.tab_container_content .tab_content_visible
{
	padding: 0px;
}
.tab_container_nav_header ul
{
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #778;
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
}a
.tab_container_no_tabs
{
	border-bottom: 1px solid #778;
}
.tab_container_nav_header li
{
	list-style: none;
	margin: 0;
	display: inline;
}
.tab_container_nav_header li h2
{
	padding:0px;
	margin: 0px;
	font-size:8pt;
	font-family:verdana,arial;
	font-weight:bold;
	display:inline;
}

.tab_container_nav_header a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #777788;
	border-bottom: none;
	background: #CCCCCC;
	color:#000000;
	text-decoration: none;
}
.tab_container_nav_header a span
{
}

.tab_container_content
{
	padding:5px;
	border: 1px solid #777788;
	border-top:0px;
	background-color:white;
}
.tab_item_active
{	
}
.tab_container_nav_header .tab_item_active a
{
	background-color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color:#000000;
}

.tab_item_inactive
{	
}
.tab_container_nav_header .tab_item_inactive
{
}
.tab_container_nav_header .tab_item_inactive a
{
}
.tab_container_nav_header .tab_item_inactive a:hover
{
	background-color:white;
	color:#000000;
}
.tab_content_hidden
{
	display:none;
}
.tab_content_visible
{
	display:block;
}