/*FDM 
    HAVE to add manually a section for jQueryUI vertical tabs as although jQuery UI site is citing a 
    phantomatic .ui-tabs-vetical class, this is not present in my jQuery UI css file
*/

.ui-tabs.ui-tabs-vertical {
    padding: 0;
    /*width: 42em;*/
}
.ui-tabs.ui-tabs-vertical.ui-widget-content {
    border: none;
    
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    /*width: 10em;*/
    width: 24%;
    background: white;
    /*border-radius: 4px 0 0 4px;
    border-right: 1px solid gray;*/
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
    border: 1px solid gray;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: right;
    width: 76%;
    /*border-left: 1px solid gray;*/
    border: 1px solid gray;
    /*border-radius: 0;*/
    border-radius: 4px;
    position: relative;
    left: -1px;
}

/* FDM END OF VERTICAL TAB SECTION */



/*FDM custom classes combination to handle buttonsets fore color in conbination with cu*/
.ui-button-text-only.ui-state-active.radio-positive {
        color: #3c763d; /*taken from bootstraps text-success class*/
    }

.ui-button-text-only.ui-state-active.radio-negative {
        color: #a94442; /*taken from bootstraps text-danger class*/
    }