.tabs {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font: 11px Arial, Helvetica, sans-serif;
}
.tabs li {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 6px 30px 6px 20px;
    margin-left: -11px;
    text-transform: uppercase;
    font-weight: bold;
    max-height: 12px;
}
.tabs li:first-of-type {
    margin-left: 0px;
}
.tabs li.active {
    z-index: 1;
}

/* -- */

.tabs.neutral {
    border-bottom: 1px solid #c7c8a9;
}
.tabs.neutral li {
    background: url(tab-black-0.1.png) top right no-repeat;
    /* @@was: color: #1d2f7b; */
    color: #00509d;
}
.tabs.neutral li.active {
    background: url(tab-black-0.8.png) top right no-repeat;
    color: white;
}

/* -- */

.tabs.colored {
    border-bottom: 1px solid #eacb00;
}
.tabs.colored li {
    background: url(tab-blue-0.9.png) top right no-repeat;
    color: white;
}
.tabs.colored li.active {
    background: url(tab-yellow-1.0.png) top right no-repeat;
    color: #162570;
    z-index: 1;
}