body
{
background: #4e4e4e;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
}

#main_container
{
background:url('../images/default/bg_log.gif');
height:auto;
margin:0px;
padding:0px;
z-index:0;
}

#container_a
{
background:url('../images/default/bg_logmain.gif');
width:988px;
padding:0px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#main_containerb
{
background:url('../images/default/bg_mainback.jpg');
height:auto;
margin:0px;
padding:0px;
z-index:0;
}

#container_b
{
background:url('../images/default/bg_main.jpg');
width:988px;
padding:0px;
margin-left:auto;
margin-right:auto;

}

#container_c
{
background:url('../images/default/bg_in.gif');
width:988px;

padding:0px;
margin-left:auto;
margin-right:auto;
position:relative;
}

.logo {  
     padding:0px;  
     float:left;  
     margin-top:0px;
  
}
.logomain {  
     padding-top:0px;  
     float:left;  
     margin-top:7px;
	 position:relative;
  
}

#header 
{  
     width: 700px;
	 padding:0px;  
     float:left;  
	 margin-left:350px;
	 margin-top:10px;
	 position:relative;
  
}

#headerLinks {  
  
	float:left;
	 margin-top:15px;
  
}

/*DropDownMenu*/
#mainMenuLayer {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	width: 450px;
	height: 71px;
    position: relative;
	padding-top: 0px;
	background-image: url('../images/default/bg_nv.jpg');
	background-repeat: repeat-x;
	float:right;
	margin-right:16px;
	margin-left:200px;
	margin-top:-21px;
	
}
#mainMenuLayer a:link {
	font-size: 11px; 
	/*color: #9be34f;*/
	
	
}
#mainMenuLayer a:hover {
	color: #9be34f;
	text-decoration: underline;
		
	
}
#mainMenuLayer a:visited {
	color: #FFFFFF;
	
}

.logsys {   
	 margin-top:200px;
	 position:relative;
	 float:left;
  }
#logsysid {   
	 margin-top:120px;
	 margin-left:103px;
	 position:relative;
	 float:left;
  
}

.logsys2 {  
     padding:0px;
	 text-align: right;
	 margin-top:85px;  
	 margin-right:54px;
}

#login {  
	background:url('../images/default/login.gif');
	width:316px;
	height:255px;
        padding:0px;
	 float:left;
	 margin-left:10px;
	 margin-top:0px;
         position: absolute;
  
}

#login_content {  

	width:210px;
	height:220px;
    padding:0px;
	 float:left;
	 margin-left:50px;
	 margin-top:0px;
         position: relative;
}

.login_adv {  

     padding:0px;  
	 text-align:center;
	 margin-top:320px;
	   
}

.tb1 {
	width: 206px;
	background: transparent url('../images/default/tb1.gif') no-repeat;
	color : #000000;
	height:22px;
	border:0;
	padding:3px 8px;
	margin-bottom:0px;

}

#icons{  

	 width:567px;
     padding:0px;  
	 float:left;
	 margin-left:23px;
	 margin-top:0px;
	 text-align: center;
	
}

#ico_profile
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_profile.gif') no-repeat 0 0;
  
}

#ico_profile:hover
{ 
  background-position: 0 -131px;
}

#ico_attendance
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_attendance.gif') no-repeat 0 0;
  
}

#ico_attendance:hover
{ 
  background-position: 0 -131px;
}

#ico_loans
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_loans.gif') no-repeat 0 0;
  
}

#ico_loans:hover
{ 
  background-position: 0 -131px;
}

#ico_payroll
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_payroll.gif') no-repeat 0 0;
  

}

#ico_payroll:hover
{ 
  background-position: 0 -131px;
}

#ico_administrator
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_administrator.gif') no-repeat 0 0;

}

#ico_administrator:hover
{
  background-position: 0 -131px;
}
#ico_payslip
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_payslip.gif') no-repeat 0 0; 

}

#ico_payslip:hover
{
  background-position: 0 -131px;
}
#ico_summaryreport
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_summaryreport.gif') no-repeat 0 0; 

}

#ico_summaryreport:hover
{
  background-position: 0 -131px;
}
#ico_viewingschedule
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_viewingschedule.gif') no-repeat 0 0; 

}

#ico_viewingschedule:hover
{
  background-position: 0 -131px;
}
#ico_myprofile
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_myprofile.gif') no-repeat 0 0;

}

#ico_myprofile:hover
{
  background-position: 0 -131px;
}
#ico_myattendance
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_myattendance.gif') no-repeat 0 0;

}

#ico_myattendance:hover
{
  background-position: 0 -131px;
}
#ico_myloans
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_myloans.gif') no-repeat 0 0;

}

#ico_myloans:hover
{
  background-position: 0 -131px;
}

#ico_reports
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_reports_131px.png') no-repeat 0 0;
}
#ico_reports:hover
{ 
  background-position: 0 -131px;
}

#banner{  
	background:url('../images/default/banner.gif');
	width:334px;
	height:187px;
    padding:0px;
	float:right;
	margin-top:5px;
	margin-right:0px;
    position:relative;
}

#banner_container{  
	 margin-left:10px;
	 margin-top:15px;
}

#notif{  
	background:url('../images/default/notif_bg.gif');
	width:220px;
     padding:0px;  
	 float:right;
	 margin-top:16px;
}

#notif2{  
	background:url('../images/default/notif_bg.gif');
	width:220px;
     padding:0px;  
	 float:right;
	 margin-top:2px;
}

#notif_container{  

	width:180px;
     padding:0px;  
	 float:left;
	 margin-left:15px;
	 margin-top:25px;
	 text-align: justify;
	 color: #cccccc;
}

#title2 {
width: 350px;
   padding:0px;
   float:left;
   margin-left:20px;
   margin-top: -58px;  
   font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; 
   
}

#content {
   width: 710px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:20px;
   margin-top:25px;
   margin-bottom: 25px; 
}
#payrollcontent {
   width: 810px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:20px;
   margin-top:25px;
   margin-bottom: 25px; 
}
#logouploadingcontent {
   width: 750px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:20px;
   margin-top:25px;
   margin-bottom: 25px; 
}
#logouploadingcontent p {
   padding-left:15px;
   float:left;
   position:relative;
   color:#FFFFFF;
   font-weight:bold;
   font-size:14px;
}
#tabs {
   width: 710px;
   padding-top:0px;

   
}

#tab_content {
   width: 710px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:10px;
   margin-top:0px;
   margin-bottom: 10px;
   
}
#tab_contentmyattendance {
   width: 690px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:10px;
   margin-top:0px;
   margin-bottom: 0px;
   
}
#myattendancetable {
   width: 680px;
   text-align: justify;
   float:left;
   margin-left:0px;
   margin-top:0px;
   margin-bottom: 0px;
   padding-bottom:10px;
}
#leavescontent{
	position:relative;
	margin-left:15px;
	width:680px;
}
#tab_contentprof {
   width: 695px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:10px;
   margin-top:0px;
   margin-bottom: 10px;
   
}
#tab_contentpayroll {
   width: 810px;
   padding:0px;
   text-align: justify;
   float:left;
   margin-left:10px;
   margin-top:0px;
   margin-bottom: 10px;
   
}

#benefitsbalancetable{
	position:relative;
	float:left;
	margin-left:15px;
	width:868px;
}
#tablemyloans{
	position:relative;
	float:left;
	margin-left:15px;
	width: 742px;
	margin-top:-15px;
	margin-bottom:5px;
}
.form {
	background:#d0e9ff;
	border: solid;
	border-width: 1px;
	border-color: #056ea9;
	{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

}

.gridHead
{
background-image:url('../images/default/grid_b.gif');
font-weight: bold;

}

.dataGridPro {
	background:url('../images/default/bg_profile.jpg');
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: #666666;
	width: 99%;
}

.dataGridPro caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
}
.dataGridPro th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dataGridPro td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 13px;
	vertical-align: top;
	overflow: hidden;
}
.dataGridPro tfoot td {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 13px;
}

.dataGrid {
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: #666666;

	position:relative;
}

.dataGrid2 {
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: #666666;
	width: 692px;
	position:relative;
}

.dataGridannouncements {
	margin-top: 10px;
	margin-left:15px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: #666666;
	width: 795px;
	position:relative;
	
}
.dataGridannouncements th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dataGridannouncements  td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 13px;
	vertical-align: top;
	overflow: hidden;
}
#dataGridpayslip {
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid;
	border-width: 1px;
	border-color: #666666;
	width: 890px;
	position:relative;
}
#dataGridpayslip th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
	padding: 5px;
	width:890px;
}
#dataGridpayslip td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	padding: 5px;
	line-height: 13px;
	vertical-align: top;
	overflow: hidden;
	width:890px;
}
#dataGridpayslip tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	padding: 5px;
	line-height: 13px;
	vertical-align: top;
	overflow: hidden;
	width:890px;
}
.dataGrid caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
}
.dataGrid th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	border-top-style: none;
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dataGrid td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 13px;
	vertical-align: top;
	overflow: hidden;
}
.dataGrid tfoot td {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 13px;
}

.gridB    {background:url('../images/default/grid_b.gif'); }
.gridGray    {background:url('../images/default/grid_gray.gif'); }
.gridGray2    {background:url('../images/default/grid_gray.gif'); width=692px;}
.gridG    {background:url('../images/default/grid_g.gif');}
.griddata    {border-bottom-style:solid; border-bottom-color:#666666; border-bottom-width:0.1em; padding-left:-5px; height:12px;}
.gridG3   {background:url('../images/default/grid_g3.gif'); padding-top:3px; padding-left:6px; }

.txtHead    {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #a2de54; font-weight: bold;}
.txtNoti    {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #f60000; font-weight: bold;}
.txtSub    {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0fa8ff; font-weight: bold;}
.txtTitle    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.txtTitleg    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a2de54; font-weight: bold;}


a            { text-decoration: none ; color: #9de34f; text-decoration: underline}
a:hover      { text-decoration: none; color:#ffffff; text-decoration: none}
a:visited    { text-decoration: none ; color: #9de34f; text-decoration: underline}

a.link:link { color: #ffffff; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.link:active { color: #ffffff; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.link:visited { color: #ffffff; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.link:hover { color: #0fa8ff; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: none; }

a.notif_link:link { color: #cccccc; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.notif_link:active { color: #cccccc; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.notif_link:visited { color: #cccccc; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: underline }
a.notif_link:hover { color: #a2de54; font-family:  Arial, Helvetica, Sans-serif; font-size: 11px; text-decoration: none; }

a.tabs:link { color: #ffffff; font-family: Arial, Helvetica, Sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; }
a.tabs:active { color: #ffffff; font-family:  Arial, Helvetica, Sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; }
a.tabs:visited { color: #ffffff; font-family:  Arial, Helvetica, Sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; }
a.tabs:hover { color: #a2de54; font-family:  Arial, Helvetica, Sans-serif; font-size: 14px; text-decoration: underline; font-weight: bold; }

.option {
	font-size:14px;
	color:#efbc0a;
	font-family:'Arial';
	position:relative;
	margin-left: 12px;
	}
#select {
	position:relative;
	margin-top:20px;
	font-size:14px;
	width: 100%;
	margin-left:12px;
}


#dropdownselect {
	position:relative;
	margin-top:20px;
	font-size:14px;
	width: 1100px;
	margin-left:-45px;

}


.upload{
	width:400px;
	float:left;
}
.browsebtn{
	float:left;
	margin-left:10px;
	vertical-align:absmiddle;
	margin-top:62px;
}
.uploadbtn{
	float:left;
	margin-left:-560px;
	vertical-align:absmiddle;
	margin-top:105px;
}
.btn {
	position:absolute;
	margin-left:7px;
	top:-8px;
}
.viewbtn {
	position:relative;
	margin-bottom:30px;
	
}
.checkbtn {
	position:relative;
	top:-3px;
	padding-left:10px;
}
#ico_mobile
{
  display: block;
  width: 131px;
  height: 131px;
  background: url('../images/default/ico_mobile_131px.png') no-repeat 0 0;
}
#ico_mobile:hover
{ 
  background-position: 0 -131px;
}