#tabs li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#tabs ul
{
	text-align: left;
	padding: 0;
	margin: 0;
}

#tabs2 li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#tabs2 ul
{
	text-align: left;
	padding: 0;
	margin: 0;
}

.tabs
{
	
}

.ui-tabs-nav a:active, .ui-tabs-nav a:focus{ outline:none;}

.ui-tabs-nav a
{
	/*
		In general, style all links in the tab navigation area.
		In practice, this allows us to differentiate between active tabs
		and inactive tabs
	*/
	
	color: gray;
	font-weight: bold;
	padding:3px;
	border-bottom: 0; /* Make an unselected tab appear to float above the panel slightly */
}

.ui-tabs-nav
{
	/*
		A margin at the bottom allows us to put padding at the bottom
		of the tab headers
	*/
	
	margin: 8px 0 8px 20px !important;
}

.ui-tabs-selected
{
}

.ui-tabs-unselect
{
}

.ui-tabs-selected a
{
	/*
		Style the selected tab header link (which overwrites the 'ui-tabs-nav a'
		style)
	*/
	
	
	color:#000;
	
}

.ui-tabs-disabled
{
}

.ui-tabs-panel
{

}

.ui-tabs-hide
{
	display: none;
}