DIV {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

div.tab-header-unselected, div.tab-header-selected, div.tab-content-unselected, div.tab-content-selected {

    border: 2px outset;

    font-family: verdana;
    font-size: 13px;
}

div.tab-header, div.tab-header-unselected, div.tab-header-selected {
    border-bottom: none;
    display: inline;
    position: relative;
    cursor: pointer;
    margin: 3px;
    padding: +1px +5px +2px +5px;

}

div.tab-content, div.tab-content-unselected, div.tab-content-selected {
    padding: 20px;

    overflow: auto;
    position: relative;
    background-color: #d4d0c8;
    z-index: 1;

    height: 100%;
}

div.tab-header-unselected {
    background-color: #d4d0c8;
    color:#4b4b4b;
    font-weight: normal;
    padding: +1px +5px +2px +5px;
    z-index: 0;
}

div.tab-header-selected {
    background-color: #d4d0c8;
    font-weight: bold; /*x x x=> change this one x */
    padding: +2px +8px +2px +8px;
    z-index: 3;
}

div.tab-content-unselected {
    display: none;
}

div.tab-content-selected {
    display: block;

}