/*
# tabs-nav This is the whole menu. Use this as a base class.
# tabs-selected This is the current tab. It's very important to create a strong visual indication which tab is the current one.
# tabs-disabled For when a tab is disabled. Highly recommended to appear somewhat transparent or disabled. This is often done by graying the color.
# tabs-container These are the boxes that will have their visibility toggled.
# tabs-hide This class hides the boxes (perhaps the most important class) 
*/
.ui-tabs-hide{
	display:none;
}
.ui-tabs-nav {
  padding-left:0px;
  float:left;
  /*width:98%;*/
  margin:0;
}
.ui-tabs-nav li {
	background-color:#e0e0e0;
	list-style:none;
	float:left;
	margin-right:2px;
}
.ui-tabs-nav a {
	display:block;
	height:27px;
	padding:0 4px 0 4px;
	text-decoration:none!important;
	margin:-3px 0px -6px 0;
	outline:none;
	font-weight:bold;
}
.ui-tabs-nav span {
	display:block;
	height:27px;
	line-height:29px;
	padding:0px 13px 0px 10px;
	margin-right:-3px;
	color:#000;
}
.ui-tabs-nav .ui-tabs-selected a {background-color: #CCCCCC;}
.ui-tabs-nav .ui-tabs-selected a span {
	margin-bottom:0;
	cursor:default;
}
.ui-tabs-nav .ui-tabs-disabled a,
.ui-tabs-nav .ui-tabs-disabled a span {
	color:#000;
	opacity:0.4;
	cursor:default;
}
.ui-tabs-container {
	background:#FFF;
	border:1px solid #CCCCCC;
	clear:left;
	padding:10px 0px 8px 10px;
	*padding-top:12px;
	*margin-top:0px;
	width: 90%;
}

/* hacks to get it working in IE */
.ui-tabs-nav li {
	display: inline !important;
	position: relative;
	_top: -3px;
}
.ui-tabs-nav li a {
	display: inline !important;
	float: left;
	_padding-left: 2px;
}
.ui-tabs-nav li a span {
	/*display: inline !important;*/
	/*padding-top: 6px;*/
	padding-bottom: 6px;
	_padding-bottom: 0px;
	position: relative;
	top: -2px;
	_top: 0px;
	_left: 3px;
	_padding-bottom: 2px;
	_padding-right: 13px;
}