/*      Oblic overlapping tabs      
http://www.osresources.com/files/css-overlapping-tabs/index.htm
*/

ul.supertabs {
    list-style: none;
    margin: 1px 0 -1px 0;
    padding: 0;
    margin-left: 50px;
}


ul.supertabs li {
    float: left;
    display: block;
    height: 36px;
    padding-right: 45px;  
    padding-left: 5px;  
    margin-left: -20px;
    position: relative;
    background: url(superTabright-back.gif) 100% 0 no-repeat;
    white-space: nowrap;
    font-size: 9pt;
    font-family: Arial,Tahoma;
    border-left: 1px solid #f0f0f0;
}

ul.supertabs span {
    height: 36px;
    line-height: 36px;
    padding-left: 7px;
    /* background: url(superTableft-back.gif) no-repeat; */
}

html>body ul.supertabs span {
    display: block;
}

ul.supertabs li.tab-active {
    z-index: 1;
    font-weight: bold;
    border-left: 1px solid #C0DFF5;
    height: 36px;
    background-image: url(superTabright.gif);    
}

ul.supertabs li.tab-active span {
    /* background-image: url(superTableft.gif); */
}

ul.supertabs a, ul.supertabs a:visited  {
    color: #000;
}

ul.supertabs li.tab-active a,ul.supertabs li.tab-active a:visited {
    color: #fff;
}


/* ******************* SUBTABS ************************* */


ul.subtabs {
    list-style: none;
    /*margin: 1px 0 -1px 0; t, r, b, l*/
    margin: 7px 0 -1px 0;
    padding: 0;
}


ul.subtabs li {
    float: left;
    display: block;
    height: 25px;
    padding-left: 30px;  
    padding-right: 10px;  
    margin-right: -10px;
    margin-top: 7px;
    position: relative;
    background: url(subTableft-back.gif) no-repeat;
    white-space: nowrap;
    font-size: 9pt;
    font-family: Arial,Tahoma;
}

ul.subtabs span {
    height: 25px;
    line-height: 25px;
    padding-right: 7px;
    /* background: url(subTableft-back.gif) no-repeat; */
}

html>body ul.subtabs span {
    display: block;
}

ul.subtabs li.tab-active {
    z-index: 1;
    font-weight: bold;
    xborder-right: 1px solid #c0c0c0;
    height: 30px;
    margin-top: 2px;
    padding-top: 3px;
    background-image: url(subTableft.gif);    
}

ul.subtabs li.tab-active span {
    /* background-image: url(subTableft.gif); */
}

ul.subtabs a, ul.subtabs a:visited  {
    color: #101010;
}

ul.subtabs li.tab-active a,ul.subtabs li.tab-active a:visited {
    color: #000;
}