﻿.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font:  12px Tahoma;
margin: 0;
padding-left: 20px;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: normal;
}


.droplinetabs a{
	float: left;
	color: #FFFFFF;
	background: url(leftedge.gif) no-repeat left
top; /*default background color of tabs, left corner image*/
	margin: 0 4px 0 0;
	padding: 0 0 4px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}

.droplinetabs a:link, .droplinetabs a:visited, .droplinetabs a:active{
	color: #FFFFFF;
}

.droplinetabs a span{
	float: left;
	display: block;
	background: transparent url(rightedge.gif) no-repeat right top;
/*right corner image*/	padding: 7px 9px 3px 6px;
	cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
	background: #000000;
    color: #FFCC00;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
/*sub menu background color */	visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
	font: normal 12px Tahoma;
	padding: 6px;
	padding-right: 8px;
	margin: 0;
}

.droplinetabs ul li ul li a span{
}

.droplinetabs ul li ul li a:hover{
	/*sub menu links' background color onMouseover. Add rounded edges in capable browsers */

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

