﻿.ddcolortabs{
	padding: 2;
	width: 100%;
	background: transparent;
	font-size: x-small;
}
.ddcolortabs ul{
	font: normal 10px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000000;
	width: 95%;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
	float: left;
	color: white;
	background: #FFCCFF no-repeat left
top;
	margin: 0 1px 0 0;
	padding: 0 0 1px 2px;
	text-decoration: none;
	letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent 
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
	padding: 1 2px 2px 2px;
	background: #FFCCFF;
	color: #000000;
}

.ddcolortabs a:hover{
	background-color: #FF99FF;
}

.ddcolortabs a:hover span{
	background-color: #FF99FF;
}

#ddcolortabs .selected a span{
	/*currently selected tab*/
background-color: #FF99FF;
}

.ddcolortabs .selected a{
	/*currently selected tab*/
background-color: #FF99FF;
}

.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #800080;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{
	/*THEME CHANGE HERE*/
background-color: #FF99FF;
	color: #800080;
}

