body {font-family: Arial, helvetica, sans-serif;}

.droplinetabs 
{
    width: 20%; 
    position: absolute; 
    top: 7px; 
    left: 0; 
    height: auto; 
    background-color:#CCEBFF; 
    border: 1px solid gray; /*underline across left of main tabs*/
}

.droplinetabs
{
    overflow: visible;
    border-bottom: 0px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul
{
    font: bold 10px Verdana, sans-serif;
    margin: 0;
    padding: 0px;
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
   
}


.droplinetabs li
{
    /*display: inline;*/
    margin: 0 0px 0 0;
    padding-bottom: 0.0cm;
    text-transform: uppercase;
    text-align:center;
    padding: 0px;
    border-bottom: 1px solid gray; 
}

.droplinetabs a
{
    float: none;
    color: #000066;
    /*background-color: lightblue;*/
    background: -webkit-linear-gradient(#CCEBFF, #19A3FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCEBFF, #19A3FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCEBFF, #19A3FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCEBFF, #19A3FF); /* Standard syntax (must be last) */
    background-repeat: no-repeat;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
}

.droplinetabs a:link, .droplinetabs a:visited, .droplinetabs a:active
{
    color: #000000;
}

.droplinetabs a span
{
    float: none;
    display: inline-block;
    /*background: transparent url(rightedge.gif) no-repeat right top;*/ /*right corner image*/
    padding: 6px;
    cursor: pointer;
}

.droplinetabs a:hover
{
    background-color:darkmagenta; /*background color of tabs onMouseover*/
    color: #FFFFFF;
    display:block;
}

.droplinetabs a:hover span
{
    /*background-color: red;*/
    background: -webkit-linear-gradient(#4D4D94, #000066);  /*For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4D4D94, #000066);  /*For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4D4D94, #000066);  /*For Firefox 3.6 to 15 */
    background: linear-gradient(#4D4D94, #000066);  /*Standard syntax (must be last) */
    display:block;
}

 /*Sub level menus*/
.droplinetabs ul li ul
{
    position:absolute;
    z-index: 100;
    left: 0.5cm;
    top: 0.5cm;
    width: 80%;
    background: #CCEBFF; /*sub menu background color */
    visibility: visible;
}

 /*Sub level menu links style*/ 
.droplinetabs ul li ul li a
{
    font: bold 11px Verdana, sans-serif;
    padding: 6px;
    padding-right: 8px;
    margin: 0;
    /*background: lightgreen;*/ /*sub menu background color*/
    background: -webkit-linear-gradient(#CCEBFF, #19A3FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCEBFF, #19A3FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCEBFF, #19A3FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCEBFF, #19A3FF); /* Standard syntax (must be last) */
    -webkit-border-radius: 0px;  
    -moz-border-radius: 0px; 
    -khtml-border-radius: 0px;  
    border-radius: 0px; 
}

/*borders*/
.droplinetabs ul li ul 
{
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
}

.droplinetabs ul li ul li a span
{
    /*background: lightgreen;*/ /*sub menu background color */
    background: -webkit-linear-gradient(#E6FFE6, #00FF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E6FFE6, #00FF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient#E6FFE6, #00FF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E6FFE6, #00FF00); /* Standard syntax (must be last) */
    -webkit-border-radius: 0px;  
    -moz-border-radius: 0px; 
    -khtml-border-radius: 0px;  
    border-radius: 0px;
}

.droplinetabs ul li ul li a:hover
{/* sub menu links' background color onMouseover. Add rounded edges in capable browsers*/ 
    /*background: darkmagenta;*/
    background: -webkit-linear-gradient(#4D4D94, #000066); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4D4D94, #000066); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4D4D94, #000066); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4D4D94, #000066); /* Standard syntax (must be last) */
    -webkit-border-radius: 0px;  
    -moz-border-radius: 0px; 
    -khtml-border-radius: 0px;  
    border-radius: 0px;
}