.ClsBannerTbl
{
    height:120px;
}
#Banner1_lblName{
	font-size: 12px;
	font-family: arial, verdana, sans-serif, geneva; 
}

BODY.login
{
	font-size: 11px;
	font-family: arial, verdana, sans-serif, geneva; 
	text-align:center;
}

BODY.Header
{
	margin:0px;
}

BODY.menu
{
	margin:0px;
	font-size: 11px;
	font-family: arial, verdana, sans-serif, geneva; 
	text-align:center;
/*	background-color:#6F8CDE; */
	background-color:#B6B8CB;

}


fieldset.login
{
	width:640px;
}

fieldset
{
	width:580px;
	border:solid 1px #4682b4;
}

legend
{
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 13px;
	font-weight:bold;
	line-height:30px;
	color:#4682b4;
}

/* Main Table */

.HR3MainTable
{
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	width: 580px;
	padding:2px 0px 2px 10px;
}

.HR3LoginTable
{
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	width: 380px;
	padding:2px 0px 2px 10px;
}
.HR3AdminLoginTable
{
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	width: 280px;
	padding:2px 0px 2px 10px;
}
.HR3MainTableSub
{
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	padding-right:10px;
}



.HR3MainTableHeading
{
	width:550px;
	font-weight:bold;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 12px;
	border-bottom: ridge 1px;
	margin-top:5px;
	margin-bottom:5px;
}
/* Main list table */

.HR3ListTable
{
	padding:0px;
	border:none;
	width:100%;
}

.HR3ListTableSmall
{
	padding:4px 0px 4px 5px;
	border:none;
	width:380px;
}

.HR3ListTableHeader
{
	background-color: #5169b3;
	color: #FFFFFF;
	text-align:left;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	font-weight: bold;
	padding:5px;
}

a.nav
{
    color: #FFFFFF;
	text-align:left;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.nav:link
{
	color: #FFFFFF;
	text-align:left;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
} 
a.nav:visited
{
	color: #FFFFFF;
	text-align:left;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	font-weight: bold;
} 
a.nav:hover
{
    color:red;
	text-align:left;
	font-family: arial, verdana, sans-serif, geneva; 
	font-size: 11px;
	font-weight: bold;   
}
.HR3ListTableFooter
{
	border:none;
	text-align:left;
	background-color: #307ea0;
}

.highlight
{
	background-color: yellow;
}    
.btnSelect
{
	 font-family: Arial; 
     font-size: 11px;
     background-color:Transparent;
     border-style:solid;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-color: #666449;
     padding-top:2px;
     color: #003366;
     width:20px;
     height:20px;
     background-image:url(../Images/icons/button-search.gif);
     background-repeat:no-repeat;
     cursor:hand;
}		

.HR3ListTableRow
{
	border:none;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial, verdana, sans-serif, geneva; 
}

.HR3ListTableRowSelected
{
	border: none;
	background-color: #00175d;
	font-size: 11px;
	font-family: arial, verdana, sans-serif, geneva; 
	padding:  5px;
	height: 20px;
} 


.HR3ListSubMenuRow
{
   border: none;
    text-align: left;
    background-color: #d8e4f8;
    font-size: 11px;
    font-family: arial, verdana, sans-serif, geneva;
} 


.HR3ListSubMenuAltRow
{
    border: none;
    text-align: left;
    background-color: #7a96df;
    font-size: 11px;
    font-family: arial, verdana, sans-serif, geneva;
} 



.HighlightItem
{
    font-size: 11px;
	font-family: arial, verdana, sans-serif, geneva; 
	background-color:#7a96df;
	color:#FFFFFF;
}
.LinkClass
{
	color:#FFFFFF;
	font-family: arial, verdana, sans-serif, geneva; 
	font-weight:bold;
	vertical-align:middle;
}

/* Other */
.HR3HelpTable
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px;
	width: 80px;
	padding-top: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	position: absolute;
	background-color: #fafad2;
}

.InfoTB
{
    color: #000000;
    font-size: 12px;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ErrorTB
{
	color:Red;
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration:none;
}

.tbTiny
{
	width:20px;	
	font-size:11px;
	font-family:Arial;
}
	
.tbSmall
{
	width:50px;	
	font-size:11px;
	font-family:Arial;
}

.tbMedium
{
	width:150px;	
	font-size:11px;
	font-family:Arial;
}

.tbLarge
{
	width:350px;	
	font-size:11px;
	font-family:Arial;
}

.ddTiny
{
	width:20px;	
	font-size:11px;
	font-family:Arial;
}

.ddSmall
{
	width:50px;	
	font-size:11px;
	font-family:Arial;
}
.ddMedium
{
	width:150px;	
	font-size:11px;
	font-family:Arial;
}
.ddLarge
{
	width:350px;	
	font-size:11px;
	font-family:Arial;
}
.taLarge
{
	width:350px;
	height:100px;
	font-size:11px;
	font-family:Arial;
}

.tbDate
{
	width:60px;	
	font-size:11px;
	font-family:Arial;
}

INPUT
{
	font-size:11px;
	font-family:Arial;
}

SELECT
{
	font-size:11px;
	font-family:Arial;
}

.pageHeading
{
	font-weight:bold;
	font-size:18px;
	font-family:Arial;
	height:50px;
	width:150px;		
	}
	
.pageAction
{
	width:110px;
	height:auto;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
}
	
.HeaderInfoTB
{
	color:#B6B8CB;
	margin-left:10px;
	padding-left:10px;
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;

}	

.ClsMainTbl
{
    border-style:none;
    width:100%;
    

}

.innerTblBgColor
{
    background-color:#bdc7e6;
}



#leftmenu {
  position : absolute;
  left : 0;
  width : 205px;
  margin-left : 0px;
  margin-top : 105px;
  color : #000000;
  padding : 0px;
}
#content 
{
  position:absolute;
  top : 105px;
  left:205px;
  padding : 0px;
  color : #000000;
} 
#logincontent
{
   position:absolute;
   top:30%;
    width:100%
}
#databasecontent
{
    margin-top:5%;
    margin-left:30%;
    padding:0px;
}


/* Tabs */
.tabLeftLabel
{
	background-image:url(../Images/tab_left.gif);
	background-repeat:no-repeat;
	height:28px;
	width:10px;
}
.tabRightLabel
{
	background-image:url(../Images/tab_right.gif);
	background-repeat:no-repeat;
	height:28px;
	width:10px;
}
.tabLeftSelect
{
	background-image:url(../Images/tabselect_left.gif);
	background-repeat:no-repeat;
	height:28px;
	width:10px;
}
.tabRightSelect
{
	background-image:url(../Images/tabselect_right.gif);
	background-repeat:no-repeat;
	height:28px;
	width:10px;
}
.tabCenterLabel
{
	background-image:url(../Images/tab_center.gif);
	text-align:center;
	height:28px;
	width:45px;
}
.tabCenterSelect
{
	background-image:url(../Images/tabselect_center.gif);
    text-align:center;
	height:28px;
	width:45px;
	font-weight:bold;
	color:White;
}

.tabLabel
{
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	vertical-align:top;
	
}

.tabLabel:hover {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
	font-weight:bold
      
 }
 .tabCenterLabelBig
{
	background-image:url(../Images/tab_center.gif);
	text-align:center;
	height:28px;
	width:120px;
}
.tabCenterSelectBig
{
	background-image:url(../Images/tabselect_center.gif);
    text-align:center;
	height:28px;
	width:120px;
	font-weight:bold;
	color:White;
}

.tabCenterLabelBiggest
{
	background-image:url(../Images/tab_center.gif);
	text-align:center;
	height:28px;
	width:150px;
}
.tabCenterSelectBiggest
{
	background-image:url(../Images/tabselect_center.gif);
    text-align:center;
	height:28px;
	width:150px;
	font-weight:bold;
	color:White;
}

.suburbRow
{
   border:solid 1px #bdc7e6;
   padding:5px;   
   text-align: left;
   margin : 0px!important;
    background-color: #d8e4f8;
    font-size: 10;
    cursor:hand;
    width:360px;
    font-family: Courier New, Courier;
} 

.suburbBody
{
    visibility : hidden;
    padding:0px;
	margin : 0px!important;
	background-color : #d8e4f8;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 150px;
	width:360px;
    text-align : left; 
    list-style-type : none;
    overflow-x:hidden;
    left:0px;
    top:0px;
    
} 

.suburbSelectedRow
{
   border:solid 1px #bdc7e6;
   padding:5px;
    text-align: left;
    margin : 0px!important;
    background-color:#7a96df;
    font-size: 10;
    width:360px;
    font-family: Courier New, Courier;
    cursor:hand;
} 


.popupControl{
	background-color:#7a96df;
	position:absolute;
	visibility:hidden;
}

.calanderCss
{
    border:solid 1px #bdc7e6;
    padding:1px;
    background-color:#ffffff;
    font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	cursor:hand;
	width:160px;
	color:#000000;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.inactiveLeftTabHover{
		background-image:url('../Images/tab-hover-left.gif');
		background-repeat:no-repeat;
	
}
.inactiveRightTabHover{
        background-image:url('../Images/tab-hover-right.gif');
		background-repeat:no-repeat;
  }	
.inactiveCenterTabHover{
        background-image:url('../Images/tab-hover.gif');
		margin:0px;
		padding-top:8px;
		padding-bottom:4px;
		padding-left:10px;
		padding-right:10px;
		background-repeat:repeat-x;
}

.inactiveLeftTab{
		background-image:url('../Images/tab-left.gif');
		background-repeat:no-repeat;
	
}
.inactiveRightTab{
        background-image:url('../Images/tab-right.gif');
		background-repeat:no-repeat;
  }	
.inactiveCenterTab{
        background-image:url('../Images/tab.gif');
		margin:0px;
		padding-top:8px;
		padding-bottom:4px;
		padding-left:10px;
		padding-right:10px;
		background-repeat:repeat-x;
}


.activeLeftTab{
		background-image:url('../Images/tab-active-left.gif');
		background-repeat:no-repeat;
	
}
.activeRightTab{
        background-image:url('../Images/tab-active-right.gif');
		background-repeat:no-repeat;
  }	
.activeCenterTab{
        background-image:url('../Images/tab-active.gif');
		margin:0px;
		padding-top:8px;
		padding-bottom:4px;
		padding-left:20px;
		padding-right:20px;
		background-repeat:repeat-x;
}
.updateProgressPanel
        {
            position: absolute;
            width: 100px;
            left: 30%;
            top: 300px;
            background-color: #fff;
            border: solid 1px #00008B;
            text-align: left;
            vertical-align: middle;
            padding-top: 16px;
            padding: 5px;
            z-index: 1999;
        }
.Freezing 
   { 

   } 
.Stretchwidth
{

}
.Freezing th
{
	
	}
.todoHead
{
	font-size:14px;
	font-weight:bold;
	padding:5px;
	color:White;
	height:19px;
	background-image:url("../Images/head_topbg.gif");
	background-repeat:repeat-x;
	background-color:#054464;
    
}
.notTopborder
{
	border-bottom:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
}
.expandButton
{
	border-width:0px;
	background-color:Transparent;
	
}
.todoListHead
{
	BACKGROUND-COLOR: #e59f99;
	padding:2px;
    font-weight:bold;
}
.CalendarTitleTr
{
	font-weight:bold;	
	font-family: arial, verdana, sans-serif, geneva; 
}
.todoSettr
{
	padding:3px; 
	background-color:#398ca3;
	color:White;
	border-left:solid 1px black;
	border-right:solid 1px black;

}
.messageHeadtr
{
	padding:3px; 
	background-color:#398ca3;
	color:White;
	border-bottom:solid 1px black;
	
}
.todoBtn
{
	background-color:#398ca3;
	border:solid 1px black;
	color:White;
	
}
#UpdateProgressBottom
{
    width:200px; background-color:White;
    font-weight:bold;
    bottom:0px;
    left: 0px; 
    position: absolute;
    z-index: 1999; display:none; padding:4px;
    border:solid 1px Gray;
    height:20px;
   
}
.filbody
{
top:0px;
left:0px;
width:100%;
height:100%;
position:absolute;
background-color:#CCCCCC;
filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75,startX=0,startY=0,finishX=100,finishY=100);
opacity:0.6;
z-index: 99;
}

.AlertDiv
{
  left: 40%;
  position: absolute; 
  width: 400px;
  border: #000000 1px solid;
  background-color:#FFFFFF; 
  text-align: left;
  z-index: 11100;
}
.AlertButtons
{
  position: absolute;
  right: 5%;
  bottom: 5%;
}
.backiframe
{
	width:100%;
	height:100%;
	Z-INDEX:-1;
	FILTER:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);   
	LEFT:0px;   
	VISIBILITY:inherit;   
	POSITION:absolute;   
	TOP:0px;   
}
.TxtPopBtn
{
	background-image:url('../Images/icons/Calendar.png') ;  
	background-repeat:no-repeat;
	width:14px;
	border:0px;
	cursor:hand;
	color:Silver;
}
.divHint, .divHintLeft
{
	background-repeat:no-repeat;
	background-color:Transparent;
	width:272px;
	height:70px;
	padding-top:10px;
}
.divHint
{
	background-image:url('../Images/information_bg_set2.png') ;  
}
.divHintLeft
{
	background-image:url('../Images/information_bg_set.png') ;
}
.divHintTitle
{
	background-image:url('../Images/icons/information.gif') ; 
	background-repeat:no-repeat;
    font-weight:bold;
    font-size:12px;
    margin-left:10px;
    padding-left:20px;
   
}

.divHintContent
{
	 margin-left:10px;
	 margin-top:6px;
}
.autoSizeDiv
{
	width:Expression(document.body.clientWidth-210);
	height:Expression(document.body.clientHeight-135);
	overflow:auto;
	background-color:White;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


.bordtable
{
	border-style:solid;
 border-top:0px;
 border-width:medium;
 border:1px;
 border-color:#236d78;
}
.headerRow {
    background-color:#e9f3f8; 
	HEIGHT: 23px
}
.headerBothCell {
	BORDER-RIGHT: #80b4db 0px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #80b4db 0px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #80b4db 0px solid; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #80b4db 1px solid
}
.headerLineCell 
{
	BORDER-RIGHT: #80b4db 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #80b4db 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #80b4db 1px solid; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #80b4db 1px solid
}

.readonly
{
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
	background-color:Transparent;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:gray;
}
.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.EditRow 
{
    background-color:#ffda82;
    color:Black;
}
.EditRow a
{
	color:Black;
}
/* LeaveCalendar*/
.LeaveModfiedCalendar
{
	background-image:url('../Images/icons/flag.gif');
	background-position:top right;
	background-repeat:no-repeat;
}

.ContentMainTable {
    border-top-width: 0px;
    width:100%;
}
div.FlexTopDiv {
    display: flex;
    flex-direction: row;
    padding: 2px;
    flex-wrap: wrap
}
    div.FlexTopDiv>div {
        padding: 1px;
    }
    div.FlexTopDiv div div {
    }