﻿table.TabStrip
{
    border-collapse: collapse;
    background-image: url(../../Home/General/Images/TabStrip2/BG.gif); 
    background-repeat : repeat-x ;
    background-position : bottom;
    width: 100%;
    margin-bottom: 30px;
}

    table.TabStrip tr {
        /*height: 23px;
        height: 30px;*/
    }

table.TabStrip td
{
 line-height: 30px;
}

table.TabStrip a
{
    color : black;
    text-decoration: none;

    
}


table.TabStrip td.Left
{
    width:15px;
}

table.TabStrip td.MidOn,
table.TabStrip td.MidOff,
table.TabStrip td.MidDisabled
{
    width:50px;
    text-align: center;
    background-repeat : repeat-x;
    background-position : bottom;
    padding-left: 10px;
    padding-right: 10px;
}


table.TabStrip td.MidOn
{
    background-image: url(../../Home/General/Images/TabStrip2/MidOn.gif); 
    padding-left : 10px;
    padding-right : 10px;
}

table.TabStrip td.MidOff,
table.TabStrip td.MidDisabled
{
    background-image: url(../../Home/General/Images/TabStrip2/MidOff.gif); 
}


table.TabStrip td.MidOn a,
table.TabStrip td.MidOn
{
    /*color: #5B6822;*/
    font-weight: bold;
}

table.TabStrip td.MidOff a,
table.TabStrip td.MidOff
{
    color: #555555;
    /*font-weight: bold;*/
}

table.TabStrip td.MidDisabled
{
  color: #cccccc;
}


table.TabStrip td.BorderLeftOn,
table.TabStrip td.BorderLeftOff,
table.TabStrip td.BorderOnOff,
table.TabStrip td.BorderOffOff,
table.TabStrip td.BorderOffOn,
table.TabStrip td.BorderRightOn,
table.TabStrip td.BorderRightOff
{
    width: 9px; 
   background-position : bottom;    
   background-repeat : no-repeat;
}

table.TabStrip td.BorderLeftOn
{
    background-position : bottom right;    
    background-image: url(../../Home/General/Images/TabStrip2/BorderLeftOn.gif); 
}

table.TabStrip td.BorderLeftOff
{
    background-position : bottom right;    
    background-image: url(../../Home/General/Images/TabStrip2/BorderLeftOff.gif); 
}

table.TabStrip td.BorderRightOn
{
    background-position : bottom left;    
    background-image: url(../../Home/General/Images/TabStrip2/BorderRightOn.gif); 
}

table.TabStrip td.BorderRightOff
{
    background-position : bottom left;    
    background-image: url(../../Home/General/Images/TabStrip2/BorderRightOff.gif); 
}

table.TabStrip td.BorderOnOff,
table.TabStrip td.BorderOffOff,
table.TabStrip td.BorderOffOn
{
   width: 17px; 
   padding-left : 0px;
   padding-right : 0px;
   background-position : bottom;    
   background-repeat : no-repeat;
}

table.TabStrip td.BorderOnOff
{
   background-image: url(../../Home/General/Images/TabStrip2/BorderOnOff.gif); 
}
table.TabStrip td.BorderOffOff
{
    background-image: url(../../Home/General/Images/TabStrip2/BorderOffOff.gif); 
}
table.TabStrip td.BorderOffOn
{
    background-image: url(../../Home/General/Images/TabStrip2/BorderOffOn.gif); 
}




ul.editItem-tab {
    width: 100%;
    display: block;
    padding-left: 0px;
    margin-left: 0px;
    /*height: 23px;*/
    height: 30px;
    background-image: url(TabStrip2/TabBg.png);
    background-repeat: repeat-x;
    
}

    ul.editItem-tab li {
        float: left;
        display: block;
        width: 130px;
        margin: 0px;
        margin-left: 10px;
        /*height: 23px;*/
        height: 30px;
        text-align: center;
        background-image: url(TabStrip2/TabLeft.png);
    }

    ul.editItem-tab li a {
        text-decoration: none;
        display: block;
        width: 130px;
        /*height: 23px;
        line-height: 23px;*/
        height: 30px;
        line-height: 30px;
        background-image: url(TabStrip2/TabRight.png);
        background-position: right;
        background-repeat: no-repeat;
    }



ul.editItem-tab li.selected
{

    background-image: url(TabStrip2/TabLeftOn.png);

}

ul.editItem-tab li.selected a
{
    font-weight: bold;
      background-image: url(TabStrip2/TabRightOn.png);
}

ul.editItem-tab li.selected a:hover
{
    font-weight: bold;
      background-image: url(TabStrip2/TabRightOn.png);
}

ul.editItem-tab li.selected a:focus
{
    border: none;
    outline: 0;

}

ul.editItem-tab li.disabled a
{
 color: #cccccc;
 font-weight:normal;
}
