.tabs 
{	position: relative;
	z-index: 5;
	height: 3em;
	width: inherit;
}

.tabs ul#primary 
{	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 30em;  /*a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.tabs ul#primary li
{	display: block;
	list-style: none;
	float: left;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 1px 2px 0 0;
	padding: 1px 10px;
	border: 1px solid #000;
	border-bottom: 1px solid #000;
}

.tabs ul#primary a
{	text-decoration: none;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
}

.tabs ul#primary a:hover
{	background: transparent;
}
	
/* define different color schemes below */

.tabs ul#primary.dark li
{	background: #212730;
}

.tabs ul#primary.red li
{	background: #B91E00;
}

.tabs ul#primary.orange li
{	background: #E67300;
}

.tabs ul#primary.yellow li
{	background: #EBBC00;
}

.tabs ul#primary.green li
{	background: #7BAE00;
}

.tabs ul#primary.teal li
{	background: #00869A;
}

.tabs ul#primary.purple li
{	background: #3E26BA;
}

.tabs ul#primary.electron li
{	background: #0072FF;
}

.tabs ul#primary.blueGray li
{	background: #628CC1;
}


/* over-ride color scheme for currently selected tab */
.tabs ul#primary li.current
{	background: #FFF;
	border-bottom: 1px solid #FFF;
}
	
.tabs ul#primary li.current a
{	color: #000;
	background: #FFF;
}