/***** Start - SiteMapBar  *****/

.divTopBar
{
overflow: auto;
padding: 5px;
}

#divSiteMapBar
{
float: left;
height: 1.8em;
margin-bottom: 3px;
border: 1px solid;
border-color: #0099cc #006699 #003366;
border-radius: 0.4em;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);    
background: #0C5FA5 url(../../images/NewBlue/old-browsers-bg/breadcrumb-bg.png) repeat-x;    
background: -moz-linear-gradient(top,white,#72C6E4 5%,#0C5FA5);
background: -webkit-gradient(linear,left top, left bottom,from(white),to(#0C5FA5),color-stop(0.05, #72C6E4));
line-height: 1.5em;
}

#divSiteMapBar li
{
float: left;
height: 1.8em;
padding: 0.08em 1em 0 0;
background: url(../../images/NewBlue/breadcrumb-sep.png) no-repeat right center;
list-style-type: none;
}

#divSiteMapBar li:last-child
{
padding-right: 0;
background: none;
}

#divSiteMapBar li a, #divSiteMapBar li span
{
display: block;
padding: 0 0.75em 0 0.75em;
color: white;
text-decoration: none;
font-weight: bold;
cursor: default;
}

.sitemapbar-fixed
{
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
z-index: 999950;
background-color: #F3F9FB;
padding: 8px;
}

.sitemapbar-place-holder
{
display: none;
}

.sitemapbar-container
{
padding: auto auto 5px 5px;
}

.sitemapbar-container input[type="button"], .sitemapbar-container input[type="submit"]
{
margin-left: 10px;
}

/***** End - SiteMapBar  *****/

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

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

.btn-move-first
{
background: url('images/first.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-last
{
background: url('images/last.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-next
{
background: url('images/next.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-prev
{
background: url('images/previous.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-prev-bw
{
background: url('images/previous_bw.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-first-bw
{
background: url('images/first_bw.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-last-bw
{
background: url('images/last_bw.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.btn-move-next-bw
{
background: url('images/next_bw.png') no-repeat;
border-style: none !important;
background-color:transparent !important;
cursor: pointer;
width: 24px !important;
height: 24px !important;
}

.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;
height: 20px;
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;
}

.pager_main
{
width: 100%;
height: 25px;
padding: 5px 5px 5px 5px;
background-color: #9FE1FF;
border: solid 2px #9AEFFF;
}

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