.tab {
    float: left;
    height: 20px;
    width: 150px;
    margin-left: 10px;
    border: 2px solid lightgreen;
    border-bottom: none;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.tab:hover {
    background-color: lightgreen;
}

.tabSelected {
    border: 2px solid limegreen;
    border-bottom: 2px solid honeydew;
}

.tabSelected:hover {
    background-color: honeydew;
}

.tabSelected a:hover {
    text-decoration: none;
    cursor: default;
}

.tabSub {
    float: left;
    height: 20px;
    width: 150px;
    margin-left: 2px;
    border: 1px solid lightgreen;
    border-bottom: none;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.tabSub:hover {
    background-color: lightgreen;
}



.tabSubSelected {
    border: 1px solid limegreen;
    border-bottom: 1px solid honeydew;
}

.tabSubSelected:hover {
    background-color: honeydew;
}

.tabSubSelected a:hover {
    text-decoration: none;
    cursor: default;
}