.affi-tab{margin:1em 0;padding:0;}
.affi-tab > ul{
    padding: 0;
    margin: 0;
    position: relative;
}
.affi-tab > .affi-tab-title{
    margin: 0;
    border:none;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.affi-tab > .affi-tab-title > li,
.affi-tab > .affi-tab-content > li,
.affi-tab > .affi-tab-list > li{
    list-style: none;
    background-image: none;
}
.affi-tab > .affi-tab-title > li:before,
.affi-tab > .affi-tab-content > li:before,
.affi-tab > .affi-tab-list > li:before,
.affi-tab > .affi-tab-title > li:after,
.affi-tab > .affi-tab-content > li:after,
.affi-tab > .affi-tab-list > li:after
{
    content: '';
    background: none;
    height: 0;
    width: 0;
}
.affi-tab > .affi-tab-title > li{
    display: table-cell;
    border-radius: 5px 5px 0 0;
    text-align: center;
    padding: 0 1em;
}
.affi-tab > .affi-tab-list > li:nth-child(2n+1):not(.affi-tab-selected):after{
    position: absolute;
    right:20px;
    content: '▼';
}
.affi-tab > .affi-tab-list > li:nth-child(2n+1).affi-tab-selected:after{
    position: absolute;
    right:20px;
    content: '▲';
}
.affi-tab > .affi-tab-title > li,
.affi-tab > .affi-tab-list > li:nth-child(2n+1){
    cursor: pointer;
}
.affi-tab > .affi-tab-title > li.affi-tab-selected{
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-bottom: 0;
    color: inherit;
    box-shadow:none;
}
.affi-tab > .affi-tab-title > li:not(.affi-tab-selected){
    background-color: #e0e0e0;
    color: inherit;
    border-bottom: 1px solid #666666;
    box-shadow: 2px 2px 2px rgba(0,0,0,.1) inset;
}
.affi-tab > .affi-tab-title > li > span {
    padding: 0 10px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.affi-tab > .affi-tab-content{
    border: 1px solid #666666;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    margin:0;
    padding:1em;
}
.affi-tab > .affi-tab-content > li{
    background-color: #FFFFFF;
    padding:0;
}
.affi-tab > .affi-tab-list > li:nth-child(2n+1){
    margin: 0;
    padding: 5px 1em;
    position: relative;
    overflow: hidden;
}
.affi-tab > .affi-tab-list > li:nth-child(2n+1):not(.affi-tab-selected) {
    border: 1px solid #666666;
    background-color: #e0e0e0;
}
.affi-tab > .affi-tab-list > li:nth-child(2n+1).affi-tab-selected {
    border: 1px solid #666666;
    background-color: #ffffff;
}
.affi-tab > .affi-tab-list > li:nth-child(2n){
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.affi-tab > .affi-tab-list > li:nth-child(2n) > div {
    border: 1px solid #666666;
    border-top:0;
    border-bottom:0;
    background-color: #ffffff;
    padding: 2em 2em;
    overflow: hidden;
    position: relative;
}
.affi-tab > .affi-tab-list > li:last-child > div {
    border: 1px solid #666666;
    border-top:0;
}

.affi-tab > .affi-tab-content > li:not(.affi-tab-selected)
{
    display:none;
}