/**
 * This file contains the SBC specific jQuery UI tab container styling
 */

/* Vertical Tabs aligning: Please do not modify this block unless you know what you are doing!
 */

.ui-tabs-vertical {
    font-size: 12px;
    color: #45484d !important;
}

    .ui-tabs-vertical .ui-tabs-panel {
        padding-left: 1em;
    }

    .ui-tabs-vertical .ui-tabs-nav {
        padding-top: .5em !important;
        float: left;
        min-width: 11.5em;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin-bottom: 5px !important;
            white-space:normal !important;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
            }

        .ui-tabs-vertical .ui-tabs-nav li, .ui-tabs-vertical .ui-tabs-nav {
            background: transparent !important;
        }


/* Vertical Tabs styling: use those styles to adjust the look of the tabs
 */
/*overrided styles in jQuery UI*/

.ui-tabs-vertical ul ,.ui-tabs .ui-state-default, .ui-tabs .ui-state-active, .ui-tabs .ui-state-hover {
    background: #F0F0F0 !important;
    border: #F0F0F0 !important;
}

    /* tab item hovering */
    .ui-tabs .ui-state-hover a, .ui-tabs .ui-state-hover a:hover, .ui-tabs .ui-state-default a {
        color: #80899c !important;
    }

    .ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:hover {
        margin-left: -4px !important;
        color: #45484d !important;
    }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
}

/* remove rounding */
.ui-tabs .ui-corner-all, .ui-tabs .ui-corner-top, .ui-tabs .ui-corner-left, .ui-tabs .ui-corner-tl {
    border-top-left-radius: 0;
}


/* active tab style */
.ui-tabs .ui-state-active {
    border-left: solid 4px #0097ba !important;
    font-weight: bold !important;
}

/* aligment of the tab items and tabs */
.ui-tabs .ui-tabs-nav {
    padding-left: 0 !important;
}

    .ui-tabs .ui-tabs-nav li a {
        border: none !important;
        padding: .2em 1em .2em 1em !important;
    }

.ui-tabs-anchor {
    outline: none;
}

.ui-tabs .ui-tabs-panel {
    padding-top: 0 !important;
}

.ui-tabs {
    padding: 0;
}

    .ui-tabs .ui-tabs-nav {
        padding: 0;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 0;
    }