.tab-on
{
color: #000000;
padding: 2px;
cursor: default;
background-color:#ffffff;
width: 20%;
border-color: #cccccc;
border-style: solid none none solid;
border-width: 5px;
}

.tab-off
{
padding: 2px;
background-color: #f6f6f6;
color: #666666;
border-top: 3px solid #cccccc;
border-right: 3px none #cccccc;
border-bottom: 3px solid #cccccc;
border-left: 3px solid #cccccc;
cursor: pointer;
width: 20%;
}

.tab-none
{
padding: 2px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
}

.tab-content
{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
vertical-align: top;
background-color: #fffff5;
padding: 5px;
}

.show-table
{
display: block;
}

.hide-table
{
display: none;
}