<style type="text/css">
<!--
body {
	font-family:Tahoma,sans-serif,verdana,helvetica;
	font-size:10pt; color:#174779;
	-webkit-text-size-adjust : 100%; 
	-ms-text-size-adjust : 100%;  
	height:100%;-webkit-animation:bugfix infinite 1s;-webkit-font-smoothing:antialiased;
	min-height: 100%;
}
td {font-family:Tahoma,sans-serif,verdana,helvetica; font-size:10pt; color:#174779;}
div {font-family:Tahoma,sans-serif,verdana,helvetica; font-size:10pt; color:#174779;}

.tablemain {width:100%;padding-left:100px;padding-right:100px;min-width:800px;}
.datatable {font-family:futuranormal,Tahoma,sans-serif,verdana,helvetica; font-size:8pt; color:gray;}
.paddingleft {padding-left:100px;}
.paddingright {padding-right:100px;}
.texttitle {font-size:16pt; font-weight:bold;}
.menubar{width:100%;height:32px;background-color:#040055;}
.hdr {font-size:13pt;font-weight:bold;color:#ececec}
.contents {padding-left:100px;padding-right:100px;text-align:justify;margin-top:50px}
.footerleft {padding-left:100px;color:#ececec;font-size:8pt;font-style:italic;}
.footerright {padding-right:100px;color:#ececec;font-size:8pt;font-style:italic;}
.footerright a:link {color:#ececec;}
.tbltitle {height:24px;background-color:#eae9f5;font-weight:bold;text-align:center;border-bottom:5px solid #c9c7e5;}
.tblqueryhdr {width:50%;height:18px;background-color:#d9d8eb;font-size:8pt;font-weight:bold;text-align:right;padding-right:10px;border-bottom:3px solid #c9c7e5;border-right:3px solid #c9c7e5;}
.tblqueryhdrleft {width:50%;height:18px;background-color:#d9d8eb;font-size:8pt;font-weight:bold;text-align:left;padding-left:10px;border-bottom:3px solid #c9c7e5;}
.tblqueryfield {width:50%;height:22px;border: 1px solid #bcbadc;padding-right:4px;text-align:right;}
.tblqueryfieldleft {width:50%;height:22px;border: 1px solid #bcbadc;padding-left:4px;}
.tblquerybutton {width:50%;height:22px;background-color:#d9d8eb;font-size:8pt;font-weight:bold;text-align:center;padding-left:10px;border-top:3px solid #c9c7e5;}
.tblentryhdr {width:50%;height:24px;background-color:#d9d8eb;font-size:8pt;font-weight:bold;text-align:right;padding-right:10px;border-right:5px solid #c9c7e5;}
.tblentryhdrright {width:50%;height:24px;background-color:#d9d8eb;font-size:8pt;font-weight:bold;text-align:right;padding-right:10px;border-right:5px solid #c9c7e5;}
.tblentryfield {border: 1px solid #bcbadc;padding-left:4px;}
.tbllisthdr {height:24px;background-color:#d9d8eb;font-weight:bold;text-align:center;border-bottom:5px solid #c9c7e5;border-right:5px solid #c9c7e5;}
.tbllistdata {border-bottom:2px dotted #c9c7e5;}


#payslipprint {width:'175mm';display:inline;}
#payslipprintmobile {width:'300px';display:none;}

#footer {position: fixed;bottom:0px;width:100%;height:48px;background-color:#040055;z-index:99}

a:link {color:#174779;}
a:visited {color:#174779;}
a:hover {color:red;}
a {text-decoration:none;}

.buttontopmenu a {
	display:block;
	width:80px;
	transition: background 0.2s ease-in-out;
	background-color:#d9b5db;
	color:#040055;
	padding-top:7px;
	cursor:pointer;
	font-family:Tahoma,sans-serif,verdana,helvetica;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	margin-left:2px;
	border-right:2px dotted #c394c5;
	border-left:2px dotted #c394c5;
	height:24px;
}

.buttontopmenu a:hover {
	background-color:red;
	color:white;
	font-size:7pt;
}

select {cursor:pointer;border:1px solid gray;font-family:'Tahoma';font-size:10pt;color:#174779;}
textarea {background-color:white;padding:2px;padding-left:5px;padding-right:5px;border:1px solid gray;font-family:Tahoma,sans-serif,verdana,helvetica;font-size:10pt;color:#174779;}
input[type="text"] {background-color:white;padding:2px;padding-left:5px;padding-right:5px;border:1px solid lightgrey;font-family:Tahoma,sans-serif,verdana,helvetica;font-size:10pt;color:#174779;}
input[type="password"] {background-color:white;padding:2px;padding-left:5px;padding-right:5px;border:1px solid lightgrey;font-family:Tahoma,sans-serif,verdana,helvetica;font-size:10pt;color:#174779;}
input[type="radio"] {font-family:Tahoma,sans-serif,verdana,helvetica;font-size:10pt;cursor:pointer;}
input[type="file"] {cursor:pointer;}

.fieldnoentry {background-color:white;padding:2px;padding-left:5px;padding-right:5px;border:1px solid gray;font-size:10pt;}

.topmost {color:#cccccc;font-size:10pt;}
.buttonsubmit {border:2px solid gray;border-radius:3px;background-color:#040055;color:white;width:80px;height:22px;font-weight:bold;cursor:pointer;padding-bottom:2px;font-size:10.5pt;}
.buttonact {border:2px solid #acacac;border-radius:3px;background-color:#040055;color:white;width:60px;height:18px;font-weight:bold;font-size:8pt;cursor:pointer;}
.buttonquery {border:1px solid gray;border-radius:3px;background-color:black;color:white;width:60px;height:24px;font-weight:bold;cursor:pointer;padding-bottom:2px;}
.buttonnavdata {border:2px solid #acacac;border-radius:3px;background-color:#d7d7d7;color:#707070;width:150px;height:24px;font-weight:bold;font-size:9pt;cursor:pointer;}
.buttongo {border:2px solid #0d2d6c;border-radius:3px;background-color:#ffcc00;color:#0d2d6c;width:50px;height:24px;font-weight:bold;font-size:9pt;cursor:pointer;}
.buttonnav {border:2px solid #e91500;border-radius:3px;background-color:#fbc200;color:#0d2d6c;width:90px;height:24px;font-weight:bold;font-size:9pt;cursor:pointer;}
.buttonprevnext {border:2px solid #e91500;border-radius:3px;background-color:#fbc200;color:#0d2d6c;width:70px;height:48px;font-weight:bold;font-size:16pt;cursor:pointer;}
.buttondelimg {border:2px solid #acacac;border-radius:3px;background-color:#0d2d6c;color:white;width:40px;height:20px;font-weight:bold;font-size:9pt;cursor:pointer;}
.buttonsmall {width:64px;height:20px;background-color:black;color:white;border:1px solid gray;cursor:pointer;}

#popup2 {background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:320px;padding:5px;padding-bottom:5px; }
#popup2 iframe{min-height:480px;min-width:640px;border:5px solid #174779;border-radius:10px ;}
.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% 'Tahoma';padding:8px;padding-right:20px;position:absolute;right:-7px;top:-7px;cursor:pointer;}

@media screen and (max-width: 768px) { 

.buttontopmenu a {
	display:block;
	width:60px;
	transition: background 0.2s ease-in-out;
	background-color:#d9b5db;
	color:#040055;
	padding-top:7px;
	cursor:pointer;
	font-family:Tahoma,sans-serif,verdana,helvetica;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	margin-left:1px;
	height:24px;
}

.buttontopmenu a:hover {
	background-color:red;
	color:white;
	font-size:7pt;
}
.buttonquery {border:1px solid gray;border-radius:3px;background-color:black;color:white;width:55px;height:22px;font-weight:bold;cursor:pointer;padding-bottom:2px;font-size:8pt;}

.paddingleft {padding-left:10px;}
.paddingright {padding-right:10px;}
.texttitle {font-size:8pt; font-weight:normal;}
.hdr {font-size:11pt;font-weight:bold;}
.contents {padding-left:10px;padding-right:10px;text-align:justify;}
.footerleft {padding-left:10px;color:#ececec;font-size:7pt;font-style:italic;}
.footerright {padding-right:10px;color:#ececec;font-size:7pt;font-style:italic;}
.footerright a:link {color:#ececec;}

#payslipprint {width:'175mm';display:none;}
#payslipprintmobile {width:'300px';display:inline;}

#popup2 {background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:320px;padding:5px;padding-bottom:5px; }
#popup2 iframe{min-height:480px;min-width:240px;border:5px solid #174779;border-radius:10px }
.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% 'Tahoma';padding:8px;padding-right:20px;position:absolute;right:-7px;top:-7px;cursor:pointer}
}

-->
</style>