.tabs:after,
.tabs .tabs-controls-wrapper.top:after,
.tabs .tabs-controls-wrapper ul.tabs-controls-list:after,
.tabs .tab-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tabs {
}

.tabs .tabs-controls-wrapper.left {
    display: inline-block;
    position: relative;
    float: left;
}

.tabs .tabs-controls-wrapper.right {
    display: inline-block;
    position: relative;
    float: right;
}

.tabs .tabs-controls-wrapper {
    background-color: #888;
    font-weight: bold;
    color: white;
}

.tabs .tabs-controls-wrapper ul.tabs-controls-list {
    list-style-type: none;
}

.tabs .tabs-controls-wrapper.top ul.tabs-controls-list li,
.tabs .tabs-controls-wrapper.bottom ul.tabs-controls-list li {
    display: inline;
    line-height: 3em;
    padding: 1em 1.5em;
}

.tabs .tabs-controls-wrapper ul.tabs-controls-list li.cq-addtabpanel-placeholder-off {
   	display: none;
}

.tabs .tabs-controls-wrapper ul.tabs-controls-list li.active {
    background-color: #fff;
    color: black;
}

.tabs .tabs-controls-wrapper ul.tabs-controls-list li a.tab {
    text-decoration: none;
}

.tabs .tabs-controls-wrapper ul.tabs-controls-list li.active a.tab {
    text-decoration: none;
}

.tabs .tab-content {
    overflow: hidden;
    display: none;
}

.tabs .tab-content-showed {
    overflow: hidden;
    display: block;
}