/******************************************/
/**--------------- TABS -----------------**/
/******************************************/

/************** Outer most Container  ***********/
.ui-tabs
{
    padding: .2em;
}
.ui-tabs .ui-tabs-nav
{
    margin-left:50px;
    list-style: none;
    position: relative;
    padding: .2em .2em 0;
}
/************** Individual Tabs *******************/
.ui-tabs .ui-tabs-nav li
{
    background-position: bottom;
    height: 44px;
    width: 180px;
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
    margin: 0 .2em -8px 0;
    padding: 0;
    background-image: url('../images/tabBg.png');
    background-repeat: no-repeat;
}
.ui-tabs .ui-tabs-nav li a
{
    float: left;
    text-decoration: none;
    padding: .5em 1em;
    font-family: verdana;
    color: #FFFFFF;
    font-size:14px;
    font-weight: bold;
}

/************ Selected Tab ******************/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    background-position: bottom;
    border-bottom-width: 0;
    background-image: url('../images/tab-selectedBg.png');
    background-repeat: no-repeat;
    z-index: 1;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected img
{
    margin-top:3px;   
}

.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;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    padding: 1em 1.4em;
    display: block;
    border-width: 0;
    background: none;
}
.ui-tabs .ui-tabs-hide
{
    display: none !important;
}

.tab-content-header
{
    position: absolute;
    height:30px;
    margin-top:20px;
    margin-bottom: 5px;
    z-index: 0;
}

.tab-content-footer
{
    height:30px;
    margin-top:-10px;
}

.tab-content-body
{
    position: relative;
    margin-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url('../images/tab-text-bodyBg.png');
    background-repeat: repeat-y;
    font-family: verdana;
    color: #333333;
}