﻿.ddcolortabs{
padding: 0;
width: 100%;
background-color:#666;
height: 31px;
}

.ddcolortabs ul{
font: normal 138.46% Arial, sans-serif !important;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
}

.ddcolortabs a{
float:left;
color: white !important;
/*background-color: #666 !important;*/
margin:0 1px 0 1px; 
padding:0 25px 0 25px;
text-decoration:none;
border-right: 2px solid #fff;
}

.ddcolortabs a span{
float:left;
display:block;
/*background-color: #666 !important;*/
padding: 5px 10px 4px 10px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
color: #fff !important;
/*background-color: #666 !important;*/
}

.ddcolortabs a:hover span{
/*background-color: #666 !important;*/
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ 
/*background-color: #666 !important; /*currently selected tab*/
}

/*
.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 4px;
	line-height: 100%; 
	background-color: #333 !important; the colour of the line itself
	border-top: 2px solid #5B91C0; Remove this to remove border between bar and tabs
}*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top:0;
margin-top: 0;
margin-left:-2px;
border: 4px solid #999;
border-top-width: 4px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 2px; /* bottom of the dropdown menu */
font:bold 115.38% Arial; /*15px*/
line-height:2em;
z-index:100 !important;
background-color: white !important;
width: auto;
min-width:200px;
white-space:nowrap;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 0.5em;
border-top: 0 solid #000; /* top separator lines in menus */
border-bottom: 2px solid #999; /* bottom separator lines in menus */
padding: 2px 0.5em 2px 0;
text-decoration: none;
color: #666 !important;
}

* html .dropmenudiv_a a{ /*IE only hack*/
/*width: 100%;*/ /* disabled because it fails in IE6 */
}

.dropmenudiv_a a:hover{ 
background-color: #f5d37a !important; /*hover over tab bg colour changes*/
color: black !important;
}
