/* TAB for button */
ul.tab {
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #bbb;
    padding-left: 5px;
}

ul.tab li {
    display: inline;
}

ul.tab li a.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: none;
    width: 320px;
}

/* TAB 1 */
ul.tab-nav {
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #bbb;
    padding-left: 5px;
}

ul.tab-nav li {
    display: inline;
}

ul.tab-nav li a.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: none;
    width: 320px;
}

ul.tab-nav li a.active.button {
    border-bottom: 0.175em solid #fff;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}

/* TAB 2 */
ul.tab2-nav {
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #bbb;
    padding-left: 5px;
}

ul.tab2-nav li {
    display: inline;
}

ul.tab2-nav li a.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: none;
    width: 320px;
}

ul.tab2-nav li a.active.button {
    border-bottom: 0.175em solid #fff;
}

.tab2-content .tab2-pane {
    display: none;
}

.tab2-content .tab2-pane.active {
    display: block;
}

/* TAB 3 */
ul.tab3-nav {
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #bbb;
    padding-left: 5px;
}

ul.tab3-nav li {
    display: inline;
}

ul.tab3-nav li a.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: none;
    width: 320px;
}

ul.tab3-nav li a.active.button {
    border-bottom: 0.175em solid #fff;

    /*background-color: #000;
    color: #fff;*/
}

.tab3-content .tab3-pane {
    display: none;
}

.tab3-content .tab3-pane.active {
    display: block;
}