.tabs-selector-wrapper {
    margin-bottom: 16px;
    border-bottom: 1px solid $body-font-color;

    ul {
        list-style: none;
        padding: 0;
        @extend .inner;

        li {
            position: relative;
            top: 1px;
            display: inline-block;
            margin-right: 16px;
        }
    }

    a {
        display: block;
        border: 1px solid $red;
        // Needs latest Compass, add '@import "compass"' to your scss
        // Permalink - use to edit and share this gradient:
        // http://colorzilla.com/gradient-editor/#e5290e+0,e5290e+44,e5290e+100
        background-color: $red; // Old browsers
        @include filter-gradient(#e5290e, #e5290e, vertical); // IE6-9
        @include background-image(linear-gradient(top, darken(#e5290e, 4%) 0%, #e5290e 44%, darken(#e5290e, 4%) 100%));
        @include box-shadow(inset 0px -4px 6px -4px rgba(0, 0, 0, 0.4));
        color: #FFF;
        font-size: 80%;
        padding: 4px 16px;

        &:after {
            content: normal;
        }
    }

    .ui-state-active {
        a {
            background: #FFF;
            color: $body-font-color;
            border-color: $body-font-color $body-font-color #FFF $body-font-color;
            @include box-shadow(none);
        }
    }
}

.ui-accordion-header {
    background: $grey1;
    font-size: $body-font-size;
    padding: 4px 0;
    margin: 4px 0;
    cursor: pointer;

    .inner {
        position: relative;
    }
}

.ui-accordion-header-icon {
    position: absolute;
    right: 20px;
    color: $red;
    @include transition-property(all);
    @include transition-duration(0.5s);
}

.ui-accordion-header-active {
    .ui-accordion-header-icon {
        @include transform(rotate(90deg));
    }
}

#maincontent .inner .ui-accordion .inner {
    padding: 0 20px;
}