a.essClickOn,
a:link.essClickOn,
a:visited.essClickOn,
a:hover.essClickOn,
a:active.essClickOn
{
  color:#003399 !important;
  font-size: 8pt !important;
  text-decoration: underline  !important;
}
a.essClickOnBold,
a:link.essClickOnBold,
a:visited.essClickOnBold,
a:hover.essClickOnBold,
a:active.essClickOnBold
{
  color:#003399 !important; 
  font-size: 8pt !important;
  text-decoration: underline !important;  
  font-weight:bold !important;
  font-size:9pt !important;
}
.EssHeader
{      
  border-bottom-color: #003399;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: left;
  margin-bottom: 0;
  color: #003399;
  font-size: 10pt; 
  font-weight: bold;
  width:100%;
}
    
.EssSubHeader
{      
  border-bottom-color: #003399;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: left;
  margin-bottom: 0;
  color: #003399;
  font-size: 9pt; 
  font-weight: bold;
  width:100%;
}
.EssSubSubHeader
{      
  border-bottom-color: #003399;
  border-bottom-style: solid;
  border-bottom-width: thin;
  text-align: left;
  margin-bottom: 0;
  color: #003399;
  font-size: 8pt; 
  font-weight: bold;
  width:100%;
}
.EssSubSubHeaderWithoutLine
{      
  text-align: left;
  margin-bottom: 0;
  color: #003399;
  font-size: 7.5pt; 
  font-weight: bold;
  width:100%;
}
.BodyStyle
{
  font-family:Tahoma,Arial,Segoe UI;   
}
.Text
{
  font-size: 8pt;
  font-family:Tahoma,Arial,Segoe UI; 
  padding: 0px;
}
.divContent {
position:relative;
padding: 0px 10px 0px 10px;
margin-left: auto; 
margin-right: auto;
width:98%; 
text-align:left;
top: -12px
}
.divPageLeftBlock {
width:13%;
  float:left;
  left:0px;
  top:0px;  
}
.divTopLogoLeft {
width:100%;
  float:left;
  left:0px;
  top:0px;
  height:50px;
  overflow:hidden;
}
.divTopLogoRight {
  position:absolute;
  right:30px;
  top:0px;
  height:50px;    
  width:200px;
}
.divPageRightBlock {
  width:85%;
  float:right;
  right:0px;
  top:0px;    
}
.divTopLogo {
width:100%;
  float:left;
  left:0px;
  top:0px;
  bottom: 0px;
  overflow:hidden;
}
.divLeftLogoLeft {
width:98%;
  float:left;
  left:0px;
  top:0px;
  display:inline;  
  min-width:80px;
  max-width:150px;
}
.divContentRow {
  margin-top: 0px;
  width:100%;
  text-align:left;
}
.divLeftMenu { 
  width:90%;
  float:left;
  left:0px;
  top:0px;
  display:inline;
}
.divRightBlock { 
  width:85%;
  left:0px;
  top:0px;
  vertical-align:top;
  float:right;
  display:inline;  
}
.divTopMenu { 
  position:relative;
  top: -32px; 
  width: 100%; 
  height: 10px; 
  text-align: left;
}
.divMainContent {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
min-height: 650px; 
}
.divMainContentFooter {
 float:left;
 bottom: 1px;
}
.divHeight20em {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
height: 20em;
}
.divHeight5em {
height: 5em;float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
}
.divHeight2em {
height: 2em;float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
}
.divHeight1em {
height: 1em;float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
}
.divCenter {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:center;
}
.divCenterBanner {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:center;
overflow:hidden;
padding: 5px 0px 5px 0px;
}
.divCenterLveBal {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:center;
border: 6px solid #7EACB1;
color:#003399;
}
.divCenterStatusBarLabel {
  float:left;
vertical-align:middle;
  text-align:center;
  display:inline;
color:gray;
padding-top:4px;
}
.divCenterStatusBarText {
  float:left;
vertical-align:middle;
  text-align:center;
  display:inline;
color:gray;
}
.divRight {
  float:right;
top:0px;
left:0px;
width:100%; 
text-align:right;
}
.divRightMenu {
  float:right;
top:0px;
right:0px;
width:100%; 
vertical-align:middle;
text-align:right;
}
.divRightWithPadding {
  float:right;
top:0px;
left:0px;
width:100%; 
text-align:right;
}
.divLeft {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
}
.divLeftWithPadding {
  position:relative;
top:0px;
left:0px;
width:100%; 
text-align:left;
padding-left:10px;
}
.divLeftThirty {
  float:left;
top:0px;
left:0px;
width:30%; 
text-align:left;
}
.divHalf {
  float:left;
top:0px;
left:0px;
width:49.5%; 
display:inline;
vertical-align:top;
}
.divCenter_Half {  
  float:left;
top:0px;
left:0px;
text-align:center;
width:49.5%; 
display:inline;
vertical-align:top;
}
.divRight_Half {
  float:right;
top:0px;
left:0px;
text-align:right;
width:49.5%; 
display:inline;
vertical-align:top;
}
.divLeft_Half {
  float:left;
top:0px;
left:0px;
text-align:left;
width:49.5%; 
display:inline;
vertical-align:top;
}
.divInline {
  float:left;
vertical-align:middle;
  text-align:center;
  display:inline;
  padding-left:0px;
  padding-right:4px;
}
.divInline_NoPadding {
  float:left;
vertical-align:middle;
  text-align:center;
  display:inline;
  padding-left:0px;
  padding-right:0px;
}
.divRecordsSection {
  float:left;
display:inline-block;
text-align:right;
width:49%;
padding-right:2px;
}
.divRecordsLabel {
  float:right;
vertical-align:middle;
display: inline;
  text-align:right;    
  padding-left:2px;
  padding-right:2px;
  padding-top:4px;
}
.divRecordsText {
  float:right;
vertical-align:middle;
display: inline;
  text-align:right;    
  padding-left:2px;
  padding-right:2px;
}
.divPageGotoSection {
  float:left;
display:inline-block;
text-align:left;
width:49%;
padding-left:2px;
}
.divPageGotoLabel {
  float:left;
vertical-align:middle;
display: inline;
  text-align:left;    
  padding-left:2px;
  padding-right:2px;
  padding-top:4px;
}
.divPageGotoText {
  float:left;
vertical-align:middle;
display: inline;
  text-align:left;    
  padding-left:2px;
  padding-right:2px;
}

.divInlineBlack {
float:left;
vertical-align:middle;
display:inline;
color:Black;
padding-left:2px;
  padding-right:2px;
}
.divLabel {
  float:left;
display:inline-block;
text-align:right;
width:39%;
padding-top:4px;
padding-right:2px;
}
.divLabel_LeftBig {
  float:left;
display:inline-block;
text-align:left;
width:100%;
padding-top:6px;
}
.divLabel_Left {
  float:left;
display:inline-block;
text-align:left;
width:39%;
padding-top:4px;
padding-right:2px;
}
.divText {
  float:left;
display:inline-block;
text-align:left;
width:59.5%;
padding-left:2px;
}
.divLabelBalances {
float:right;
vertical-align:middle;
display:inline;
text-align:right;
width:60%;
padding-bottom:1px;
padding-top:1px;
font-weight:bold;
padding-right:2px;
}
.divLabel_Small {
  float:left;
display:inline-block;
text-align:right;
width:21%;
padding-top:4px;
padding-right:2px;
}
.divLabel_Small_Left {
float:left;
vertical-align:middle;
display:inline;
text-align:left;
width:21%;
padding-top:4px;
padding-right:2px;
}
.divLabel_SmallTop {
  float:left;
vertical-align:middle;
display:inline;
text-align:right;
vertical-align:top;
width:19%;
padding-top:4px;
padding-right:2px;
}
.divInline_Left {
  float:left;
vertical-align:middle;
display:inline;
  text-align:left;
  padding-left:2px;
  padding-right:2px;
}
.divInline_LeftNoPad {
  float:left;
vertical-align:middle;
display:inline;
  text-align:left;
  padding-left:0px;
  padding-right:0px;
}
.divInline_Right_Underline {
  float:right;
vertical-align:middle;
display:inline;
  text-align:right;
  border-bottom:1px solid #003399;
  padding-left:2px;
  padding-right:2px;
}
.divInline_Right {
  float:right;
vertical-align:middle;
display: inline;
  text-align:right;    
  padding-left:2px;
  padding-right:2px;
}
.divInline_RightEmptyTen {
  float:right;
  text-align:right;    
  width:10px;
  padding-left:2px;
  padding-right:2px;
}
.divTextBalances {
  float:left;
vertical-align:middle;
display:inline;
text-align:left;
width:38%;
padding-bottom:1px;
padding-top:1px;
padding-left:2px;
}
.divSpin {
  float:left;
vertical-align:middle;
display:inline;
text-align:left;
width:59.5%;  
padding-left:1px;
}
.divText_Large {
  float:left;
vertical-align:middle;
display:inline;
text-align:left;
width:76%;
padding-bottom:1px;
padding-top:1px;
padding-left:2px;
}
.divMemo {
  float:left;
vertical-align:text-top;
display:inline;
text-align:left;
width:76%;
height:100px;
}
.divSpin_Large {
  float:left;
vertical-align:middle;
display:inline;
text-align:left;
padding-left:1px;
width:76%;
}
.divClear {
   clear:both;
   width:100%;
   height:4px;
}
.divRedMessage {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:center;
color:Red;
}
.divHeaderWithHelpLink_Header {
width:90%;
float:left;
vertical-align:middle;
text-align:left;
overflow:hidden;
height:18px;
}
.divHeaderWithHelpLink_Link {
float:right;
  right:0px;
  top:0px;
vertical-align:top;
width:4.5%;
height:18px;
text-align: right;
padding-right:10px;
}
.divCellForNotifications {
  float:left;
top:0px;
left:0px;
width:100%; 
text-align:left;
  font-size:8pt;
color:#003399;
font-weight:bold;
text-decoration:underline;
}
.divPanelDialog {
  float:left;
top:0px;
left:0px;
padding: 10% 15% 0% 20%;  
width:55%; 
}

.divCalendar_NonWorkingDay_InlineBlock {
  float:left;
  width: 15px; 
  background-color: #A6BADE;  
}
.divCalendar_PublicHoliday_InlineBlock {
  width: 15px; 
  background-color: Blue;
  float:left;  
}
.divCalendar_ApprovedLeave_InlineBlock {
  width: 15px; 
  background-color: #64EE64;
  float:left;
  }
.divCalendar_PendingLeave_InlineBlock {
  width: 15px; 
  background-color: yellow;
  float:left;
  }
.divCalendar_PendingLeaveCancel_InlineBlock {
  width: 15px; 
  background-color: #BEBEBE;
  float:left;
  }
.divCalendar_OverlapLeave_InlineBlock {
  width: 15px; 
  background-color:red;
  float:left;
  }
/*This is here to center align the pager control in the grid*/
.dxpControl_Glass
        {
            margin-left: auto;
            margin-right: auto;
        }
/*This is here to set the font of the "Records per page" label for previous DevExpress version of 14*/
.dxp-pageSizeItem label {
            font-size: 8pt;
        }
/*This is here to change the GridViewDataHyperlink Column to display the clicked URL in blue*/
/*.dxgvControl a {
     color: #003399!important;
}*/