/*Tabs CSS*/
.ui-tabs { 
    
}

.ui-tabs .ui-tabs-nav { 
    list-style: none; 
    position: relative; 
    margin: 0px;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav li { 
    position: relative; 
    float: left;  
    height: 30px;
    padding: 0px 20px 0px 20px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: url(../images/backgrounds/tab_bg.png) repeat-x top;
}

.ui-tabs .ui-tabs-nav li a { 
    float: left; 
    text-decoration: none;
    outline: none;
    margin-top: 8px;
    color: #555555;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    background: none;
    border: none;
    background: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ 
    color: black;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
    cursor: text; 
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
    cursor: pointer; 
}

.ui-tabs .ui-tabs-panel { 
    clear: both;
    padding: 20px;
}

.ui-tabs .ui-tabs-hide { 
    display: none !important; 
}