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

/*Deselected tab.  The center cell that contains the tab text*/
.deselect-tab-center
{
background-color: #37CEFF;
border-top: 1px solid #03B5F0;
border-bottom: 1px solid #03B5F0;
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: #37CEFF;
background-image: url(images/selectedTab_1x1.gif);
background-repeat: repeat-y;
background-position: top right;
cursor: pointer;
border-bottom: 0.5px solid #03B5F0;
}

/*Deselected tab.  The left most cell that contains the tab left corner .gif*/
.deselect-tab-left
{
background-color: #37CEFF;
background-image: url(images/selectedTab_1x1.gif);
background-repeat: repeat-y;
background-position: top left;
cursor: pointer;
border-bottom: 0.5px solid #03B5F0;
}

.deselect-tab-corner-left
{
width: 4px;
height: 2px;
background-image: url(images/tab_leftCorner.gif);
background-color: #37CEFF;
background-position: top left;
}

.deselect-tab-corner-right
{
width: 4px;
height: 2px;
background-image: url(images/tab_rightCorner.gif);
background-color: #37CEFF;
background-position: top right;
}

.deselect-tab-buttom 
{
border-bottom: 1px solid #03B5F0;    
}

.hover-tab-corner-left
{
width: 4px;
height: 2px;
background-image: url(images/tab_leftCorner.gif);
background-color: #37CEFF;
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: #37CEFF;
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: #80D3FF;
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: #80D3FF;
border-top: 1px solid #03B5F0;
border-bottom: 1px solid #03B5F0;
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: #80D3FF;
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 #03B5F0; 
border-bottom:1px solid #03B5F0; 
border-right: 1px solid #03B5F0; 
}

.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 #03B5F0;
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 #03B5F0;
}

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

.txt-read-only 
{
cursor: default;
background: #CCC;
color: #333;
border: 1px solid #666;
}

.txt-inactive-search
{
background-image: url('images/search_wmark.png');
background-repeat: no-repeat;
background-position: left;
border: solid 1px #ccc;
vertical-align: middle;
color: DarkGray;
padding: 0px 3px 0px 20px !important;
}

.txt-active-search
{
padding-left: 50px;
background-image:  url('images/search_wmark.png');
background-repeat: no-repeat;
background-position: left;
border: solid 1px #67ACD2;
height: 20px;
vertical-align: middle;
padding: 0px 3px 0px 20px !important;
}

.success-msg
{
font-size: 8pt;
color: #3E8E11;
font-weight: bold;
}

.mandatory-info {
color: #cc0000;
}

/*****   End - Employee List & Employee Detail Search   *****/

/***** 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;
}

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

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

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

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