/*
* jQueryTab v2.0
* Copyleft Dharma Poudel (@rogercomred)
* Free to use under the GPLv3 license.
* http://www.gnu.org/licenses/gpl-3.0.html
*/

/* == quick_reset */

#container {
    width: 100%;
    padding: 0px;
    margin: 0;
}
/*  == tab heading */
.tabs {
    overflow: hidden;
}

.tabs li {
    float: right;
}

.tabs li a {
    color: #21759B;
    display: block;
    font-weight: bold;
    padding: 15px 20px;
}

.tabs li:first-child a {
}

.tabs li a:hover, .tabs li a:focus {
    color: #D54E21;
}

.tabs .active a {
    color: #000;
}

/* == accordion */
.accordion_tabs {
    display: none;
    padding: 10px;
    font-weight: bold;
    background: #eee;
}

.tab_content_wrapper > .accordion_tabs:first-child {
}

a.accordion_tabs:link, a.accordion_tabs:visited {
    color: #21759B;
}

a.accordion_tabs:hover, a.accordion_tabs:focus {
    color: #D54E21;
}

a.accordion_tabs.active {
    color: #000;
}

/*  == tab content  */
.tab_content_wrapper {
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out .3s;
}

.tab_content {
    transition: all .6s ease-in-out;
    padding: 0px;
    background: #FFF;
    min-height:200px;
}

.toggle_display {
    display: block;
}

.toggle_position {
    position: absolute;
}

.toggle_border {
}

.invert_border {
}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {
    #container {
        width: 100%;
    }

    .accordion_tabs {
        display: block;
    }

    .tab_content_wrapper {
        height: auto !important;
    }

    .tab_content {
        transition: none;
        padding: 10px;
    }

    .toggle_display {
        display: none;
    }

    .toggle_position {
        position: relative;
    }

    .toggle_border {
        border-width: 1px;
    }
}