.css-tabs
{
    position:relative;
    text-align:center; /* This is only if you want the tab items at the center */
    font-size: 9px;
    color:#fff;
}
.css-tabs ul.menu
{
    list-style-type:none;
    display:inline-block; /* Change this to block or inline for non-center alignment */
}
.css-tabs ul.menu > li
{
    display:block;
    float:left;
}
.css-tabs ul.menu li > a
{
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    font-size: 9px;
    border:0px solid #fff;
    padding:5px 5px 5px 5px;
    margin-right:5px;
    border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
    border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
    -moz-user-select:none;
    cursor:pointer;
}
.css-tabs ul.menu li > div
{
    display:none;
    position:absolute;
    width:100%;
    left:0;
    margin:-1px 0 0 0;
    z-index:-1;
    text-align:center;
    padding:0;
}
.css-tabs ul.menu li > div > p
{
    border:0px solid #fff;
    font-size: 9px;
    padding:10px;
    margin:0;
}
.css-tabs ul.menu li > a:focus
{
    border-bottom:1px solid #fff;
}
.css-tabs ul.menu li:target > a
{
    cursor:default;
    border-bottom:0px solid #fff;
}

.css-tabs ul.menu li:target > div
{
    display:block;
}