﻿.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font: normal 11px/1.6em Verdana, sans-serif;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0px 2px 0px 0px;
padding: 0;
}


.droplinetabs a{
float: left;
color: white;
//background-color: #c76023; /*  url(leftedge.gif) no-repeat left top;  */
background:transparent url('menuitemPUR.png') repeat;
margin: 0 4px 0 0;
padding: 0px 0px 0px 0px;
text-decoration: none;
letter-spacing: 1px;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}

.droplinetabs a span{
float: left;
display: block;
/*//background: transparent url(rightedge.gif) no-repeat right top; right corner image*/
background:transparent url('menuitemPUR.png') repeat;
padding: 3px 3px 3px 4px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color:#8B2BF7; /*background color of tabs onMouseover*/
color: white;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background:transparent url('menusubpurlple.png') repeat;
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: normal 12px Verdana;
padding: 8px 8px 8px 8px;
margin: 0;
background:#6666FF url('menusubpurlple.png') repeat;
}

.droplinetabs ul li ul li a span{
background: #c76023; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background:#8B5EE1;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;  
border-radius: 5px;
}
