/***** Start - WebTab  *****/

/*Deselected tab.  The center cell that contains the tab text*/
.deselect-tab-center
{
    background-color: #FFCC33;
    border-top: 1px solid #EF9B02;
    border-bottom: 1px solid #EF9B02;
    color: #000066;
    font-weight: bold;
    padding-bottom: 2px;
    cursor: pointer;
}
/* Deselected tab.  The right most cell that contains the tab right corner .gif*/
.deselect-tab-right
{
    background-color: #FFCC33;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top right;
    cursor: pointer;
    border-bottom: 0.5px solid #EF9B02;
}
/*Deselected tab.  The left most cell that contains the tab left corner .gif*/
.deselect-tab-left
{
    background-color: #FFCC33;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top left;
    cursor: pointer;
    border-bottom: 0.5px solid #EF9B02;
}
.deselect-tab-corner-left
{
    width: 4px;
    height: 2px;
    background-image: url(images/tab_leftCorner.gif);
    background-color: #FFCC33;
    background-position: top left;
}
.deselect-tab-corner-right
{
    width: 4px;
    height: 2px;
    background-image: url(images/tab_rightCorner.gif);
    background-color: #FFCC33;
    background-position: top right;
}
.deselect-tab-buttom 
{
    border-bottom: 1px solid #EF9B02;    
}
.hover-tab-corner-left
{
    width: 4px;
    height: 2px;
    background-image: url(images/tab_leftCorner.gif);
    background-color: #FFCC33;
    background-position: top left;
}
.tab-corner-left
{
    width: 4px;
    height: 3px;
    background-image: url(images/tab_leftCorner.gif);
    background-color: transparent;
    background-position: top left;
}
.hover-tab-corner-right
{
    width: 4px;
    height: 2px;
    background-image: url(images/tab_rightCorner.gif);
    background-color: #FFCC33;
    background-position: top right;
}
.tab-corner-right
{
    width: 4px;
    height: 3px;
    background-image: url(images/tab_rightCorner.gif);
    background-color: transparent;
    background-position: top right;
}
/*  Hover style.  The left most cell that contains the tab left corner .gif*/
.hover-tab-left
{
    background-color: #FFE07F;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top left;
    cursor: pointer;
}
/*Hover style.  The center cell that contains the tab text*/
.hover-tab-center
{
    background-color: #FFE07F;
    border-top: 1px solid #EF9B02;
    border-bottom: 1px solid #EF9B02;
    color: #000066;
    font-weight: bold;
    padding-bottom: 2px;
    cursor: pointer;
}
/* Hover style.  The right most cell that contains the tab right corner .gif*/
.hover-tab-right
{
    background-color: #FFE07F;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top right;
    cursor: pointer;
}
/*Selected tab.  The left most cell that contains the tab left corner .gif*/
.tab-content 
{
    padding: 5px 5px 5px 5px; 
    border-left: 1px solid #EF9B02; 
    border-bottom:1px solid #EF9B02; 
    border-right: 1px solid #EF9B02; 
}
.select-tab-left
{
    background-color: transparent;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top left;
    cursor: default;
}
/*Selected tab.  The center cell that contains the tab text*/
.select-tab-center
{
    background-color: transparent;
    border-top: solid 1px #EF9B02;
    color: #CC0000;
    font-weight: bold;
    padding-bottom: 2px;
    cursor: default;
}
/*Selected tab.  The right most cell that contains the tab right corner .gif*/
.select-tab-right
{
    background-color: transparent;
    background-image: url(images/selectedTab_1x1.gif);
    background-repeat: repeat-y;
    background-position: top right;
    cursor: default;
}
/*Table cells in the tab table that are used as spacers between the tab buttons*/
.spacer-tab
{
    background-color: transparent;
    border-bottom: 1px solid #EF9B02;
}

/***** End - WebTab  *****/

/***** Start - Approval Status Bar *****/

.status-container
{
border:1px solid #c0bebe;
border-radius:3px; 
width: auto;
display: table;
border-spacing:0px;
padding: 0px;
}

.status
{
font-size: 10px;
text-align:center;
height:18px;
border:0px;
padding:0px;
border-spacing:0px;
border-collapse: collapse;
}

.status td
{
/*width:100px; 
min-width:180px;*/

padding-left:15px;
padding-right:15px;
border-spacing:0px;
margin: 0px;
border-collapse: collapse;
border-right:1px solid #c0bebe;
background-color: white;
}

.status-pending
{
color: green;background-color: white;font-weight: bold;
}

.status-approved
{
background-color: #e3e4e5 !important;
}

.status-rejected
{
color:red;background-color: white;
}

/***** End - Approval Status Bar *****/