.tabby-list{
margin:0;
padding:10px 0 0 0;
list-style: none;
border-bottom:1px solid gray;
text-align:center;
}

.tabby-list:before, .tabby-list:after{
content:' ';
display:block;
clear:both;
}

.tabby-list > li{
padding:8px 16px;
font: bold 14px arial, sans-serif;
display:inline-block;
border:1px solid gray;
border-bottom-color:gray;
margin-bottom:-1px;
cursor:pointer;
background-color:#ddd;
color:#666;
margin-left:5px;
margin-right:5px;
}

.tabby-list > li:hover{
background-color:#eee;
}

li.tabby-li-active{
border-bottom-color:#fff;
background-color:#fff;
color:#000;
}

li.tabby-li-active:hover{
cursor:unset;
background-color:unset;
}

.tabby{display:none;}

div.tabby-div-active{display:block;}