/*
http://docs.jquery.com/UI/Tabs/Theming

ui-tabs-nav This is the whole menu. Use this as a base class. 
ui-tabs-selected This is the current tab. It's very important to create a strong visual indication which tab is the current one. 
ui-tabs-unselect This is the class for all the tabs that are not selected but selectable. 
ui-tabs-disabled For when a tab is disabled. Highly recommended to appear somewhat transparent or disabled. This is often done by graying the color. 
ui-tabs-panel These are the boxes that will have their visibility toggled. 
ui-tabs-hide This class hides the boxes (perhaps the most important class) 
<span>
*/

#content .ui-tabs-hide {
	display: none;
}
#content ul.ui-tabs-nav {
	display: block;
	clear:both;
	padding: 0px;
	margin: 10px auto 10px;
	height: 20px;
	border-bottom: 1px solid #666666;
}
#content ul.ui-tabs-nav li {
	list-style: none;
	display: inline;
	background: url(../images/tab-inactive.png) no-repeat right top;
	padding: 0px 8px 0px 0px;
	margin: 0px 8px 0px 0px;
	border-bottom: 1px solid #666666;
	display:block;
	float:left;
	height: 20px;
}
#content ul.ui-tabs-nav li a {
	list-style: none;
	display: inline;
	text-decoration: none;
	background: url(../images/tab-inactive.png) no-repeat left top;
	margin: 0px;
	padding: 4px 0px 0px 8px;	
	display:block;
	float:left;	
	height: 16px;
}
#content ul.ui-tabs-nav li.ui-tabs-selected {
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	background: url(../images/tab-active.png) no-repeat right top;	
}
#content ul.ui-tabs-nav li.ui-tabs-selected a {
	color: #333333;
	font-weight: bold;
	background: url(../images/tab-active.png) no-repeat left top;	
	border-bottom: none;
}