/* ================================================================================================================

    Tabs layout

    Author: Tim David Saxen, netzmal GmbH

   =============================================================================================================== */

.tab {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: none;
    border-top: 1px solid silver;
    display: inline-block;
    cursor: pointer;
    color: silver;
    height: 28px;
}

.tab.active {
    color: black;
    height: 30px;
    background-color: silver;
    cursor: default;
}

.tab.active:hover {
    background-color: silver;
    color: black;
    cursor: default;
}

.tab:hover {
    background-color: silver;
    color: black;
}

.tab > span {
    height: 30px;
    padding:10px;
}