.tabs
{
	display: block;
	
	height: 20px;
	font-size: 1pt;
	line-height: 1pt;
	margin-bottom: 10px;
	
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);				
}

.tabs .groups
{
	list-style-type: none;	
	display: inline;
			
	margin: 0px;
	padding: 0px;
}

.tabs .groups .group
{
	display: inline;	
	float: left;
	z-index: 600;	

	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);			
}

.tabs .groups .seperator
{
	width: 1px;
	height: 20px;
	background-image: url(subnav_divider.gif)
}

.tabs .group img.offstate
{
	display: inline;
}

.tabs .group img.onstate
{
	display: none;
}

/* Hover Events */

.tabs .group:hover .onstate
,.tabs .group.hover .onstate
{
	display: inline;
}

.tabs .group:hover .offstate
,.tabs .group.hover .offstate
{
	display: none;
}

.tabs .group .active 
{
	display: inline !important;
}

.tabs .group .inactive 
{
	display: none !important;
}

.tab_panel 
{
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: auto;
	overflow-x: hidden;	
}

.noscroll 
{
	overflow: hidden;	
}

.mid_height 
{
	height: 500px;
}

.fulllength
{
	width: 100%;	
}

.midlength 
{
	width: 450px;	
}

.threequarterslength
{
	width: 600px;	
}

.history_tab
{
    width: 883px;
	height: 424px;	
}