.greytabs{
width: 100%;
overflow: auto;

}

.greytabs ul{
margin: 1px 0 0 0;
padding: 0;
padding-top: 0px;
padding-left: 0; /*offset of tabs relative to browser left edge*/
font-family: Arial;
font-size:12px;
font-weight:bold;
list-style-type: none;

}

.greytabs li{
display: inline;
margin: 0;

}

.greytabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 15px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
font-family: Arial;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
background: #8f0000; /*background of tabs (default state)*/
}

.greytabs li a:visited{
color: #FFFFFF;
}

.greytabs li a:hover{
background: #666666; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.greytabs li.selected a{
padding: 5px 15px; /*padding inside each tab*/
background: #4e0000; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}