.dark-tabs .tabs {
	border-bottom: 1px solid #ccc;
}
.dark-tabs .tab-border {
	border: solid 1px #ccc;
}
.dark-tabs .tabs li {
	background: url("images/tabs/sprite.gif") no-repeat left -196px;
}
.dark-tabs .tabs li a {
	background: url("images/tabs/sprite.gif") no-repeat right -228px;
	color: #333;
}
.dark-tabs .tabs li a:hover {
	color: #333;
}
.dark-tabs .tabs li.active {
	background-position: left -126px;
}
.dark-tabs .tabs li.active span, .dark-tabs .tabs li.active a {
	background: url("images/tabs/sprite.gif") no-repeat right -159px;
	color: #fff;
}


















UL.tabs, OL.tabs {
	margin: 0 0px;
	/*margin-bottom: -1px;*/
}
.tabs {
	float: left;
	position: relative;
	z-index: 66;
	
}
#popOver .tabs {
	z-index: 9566;
}
.tab-border {
	border: solid 1px #ccc;
}
.tabs li {
	position: relative;
	float: left;
	padding-left: 10px;
	margin-right: 3px;
	background: url("images/tabs/tab.png") no-repeat left top;
	list-style-type: none;
}
.tabs li.first-child {
	margin: 0;
}
.tabs li a {
	display: block;
	padding: 3px 10px 3px 0;
	border: none;
	outline: none;
	background: url("images/tabs/tab.png") no-repeat right top;
	/*-color: #333;*/
}
.tabs li a:hover {
	/*color: #333;*/
}
/*
	active tabs are 1px taller to overlaop and hide the bottom border
	that is why there is a negative margin and extra padding)
*/
.tabs li.active {
	position: relative;
	margin-bottom: -1px;
	background-position: 0 -40px;
}
.tabs li.active span, .tabs li.active a {
	display: block;
	padding: 3px 10px 4px 0;
	background: url("images/tabs/tab.png") no-repeat right -40px;
	font-weight: bold;
	color: #333;
}