html, body, form
{
	width:100%;
	height: 100%;
	
	/* -----------------------------------------------------*/
	/* Set Padding and Margin to 0 so that no extra spaces  */
	/* at right or bottom of page in FireFox                */
	/* -----------------------------------------------------*/
	padding: 0;
	margin: 0;
	background-image: url('Contrast.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
}

@page { margin: 0.9cm !important; }

.LoginPage_HeaderTitle
{
	border-spacing: 0;
	vertical-align:bottom top;
	height: 100%;
	width:100%;
}

.LoginPage_HeaderTitle_Image
{
}

.LoginPage_HeaderTitle_Title
{
	/*
	height: 80px;
	background-image: url('flexHRLogin.png');
	background-repeat: no-repeat;
	background-position: center;
	*/
}

.LoginPage_HeaderTitle_Background
{
}

.LoginPage_Background
{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	/**position: absolute;**/
	z-index: 0;
}

.LoginPage_InnerTable
{
	/**
	border-width:2px;
	border-style:outset;
	background-color:#c3e1e8;
	
	**/
	height: 300px;
	
}

.LoginPage_InnerTable_Row1
{
	/**
	background-image: url('LoginPanelHeader.png');
	width:100%;
	
	z-index:0;
	**/
	
	background-image: url('flexHRLogin.png');
	background-repeat: no-repeat;
	background-position: center;
	height:90px;
}

.LoginPage_InnerTable_Row2
{
	/**
	background-image: url('LoginPanelBody.png');
	border-style:double;
	border-width:10px;
	border-color:White;
	width:100%;
	height:100%;
	z-index:0;
	**/
}

.LoginPage_InnerTable_Row3
{
	/**
	background-image: url('LoginPanelFooter.png');	
	width:100%;
	height:190px;
	z-index:0;
	**/
}

.LoginPage_WallPaper
{
	/*height: 100%;
	width: 100%;
	/ **position: absolute;**/
	z-index: 1;
	background-image: url('LoginWallPaper.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.LoginPage_GooglePlayQRCode
{
	height: 50px;
	width: 200px;
	/ **position: absolute;**/
	z-index: 1;
	background-image: url('GooglePlay.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.LoginPage_AppStoreQRCode
{
	height: 50px;
	width: 200px;
	/ **position: absolute;**/
	z-index: 1;
	background-image: url('AppStore.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.LoginPage_LayoutTable
{
	height: 100%;
	width: 100%;
}

.LoginPage_LayoutTable_Header
{
	height: 12%;
}

.LoginPage_LayoutTable_Content
{
    height: 80%;
	vertical-align: top;
}

.LoginPage_LayoutTable_Footer
{
	height: 8%;
}

.LoginPage_Footer
{
	width: 100%;
	height: 50%;
	border-collapse: collapse;
	vertical-align:bottom;
	
	bottom:0px;
}

.LoginPage_Footer_Background
{
	background-color: white;
	height: 70px;
	/*
	background-image: url('flexHRMS.png');
	background-repeat: no-repeat;
	background-position: left;
	*/
}

.LoginPage_Footer_Image
{
	height: 15px;
	/*
	background-image: url('copyright.png');
	background-repeat: no-repeat;
	background-position: right;
*/
 content: 'Copyright by Visual Solutions (M) Sdn Bhd';
}

.UserPasswordChangePage_HeaderTitle
{
	border-spacing: 0;
	vertical-align:bottom top;
	height: 100%;
	width:100%;
}

.UserPasswordChangePage_HeaderTitle_Image
{
}

.UserPasswordChangePage_HeaderTitle_Title
{
	height: 80px;
	background-image: url('flexHR.png');
	background-repeat: no-repeat;
	background-position: center;
}

.UserPasswordChangePage_HeaderTitle_Background
{
}

.UserPasswordChangePage_Background
{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	/**position: absolute;**/
	z-index: 0;
}

.UserPasswordChangePage_WallPaper
{
	height: 100%;
	width: 100%;
	/**position: absolute;**/
	z-index: 1;
	background-image: url('LoginWallPaper.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.UserPasswordChangePage_LayoutTable
{
	height: 100%;
	width: 100%;
}

.UserPasswordChangePage_LayoutTable_Header
{
	height: 12%;
	
}

.UserPasswordChangePage_LayoutTable_Content
{
	height: 80%;
   vertical-align:top;
}

.UserPasswordChangePage_LayoutTable_Footer
{
	height: 8%;
}

.UserPasswordChangePage_Footer
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	vertical-align:bottom;
}

.UserPasswordChangePage_Footer_Background
{
	/*background-color: white;
	height: 70px;
*/
}

.UserPasswordChangePage_Footer_Image
{
	height:50px;
	/*height:15px;
	background-image: url('copyright.png');
	background-repeat: no-repeat;
	background-position: right;
	*/
}

.SecurityMaster_HeaderTitle
{
	border-spacing: 0;
	vertical-align:bottom top;
	height: 100%;
	width:100%;
}

.SecurityMaster_HeaderTitle_Image
{
}

.SecurityMaster_HeaderTitle_Title
{
	height: 80px;
	widows: 200px;
	/*
	background-image: url('flexHR.png');
	background-repeat: no-repeat;
	background-position: left center;
	*/
}

.SecurityMaster_HeaderTitle_Background
{
}

.SecurityMaster_Background
{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	/**position: absolute;**/
	z-index: 0;
}

.SecurityMaster_WallPaper
{
	height: 100%;
	width: 100%;
	/*position: absolute;**/
	z-index: 1;
	
	background-image: url('LoginWallPaper.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.SecurityMaster_LayoutTable
{
	height: 100%;
	width: 100%;
}

.SecurityMaster_LayoutTable_Header
{
	height: 12%;
	background-image: url('flexHRLogin.png');
	background-repeat: no-repeat;
	background-position: center;
}

.SecurityMaster_LayoutTable_Content
{
	height: 80%;        
	vertical-align:top;
}

.SecurityMaster_LayoutTable_Footer
{
	height: 8%;
}

.SecurityMaster_Footer
{
	width: 100%;
	height: 50%;
	border-collapse: collapse;
	vertical-align:bottom;
	
	bottom:0px;
}

.SecurityMaster_Footer_Background
{
	/*background-color: white;
	height: 70px;
	*/
}

.SecurityMaster_Footer_Image
{
	height:50px;
	/*
	background-image: url('copyright.png');
	background-repeat: no-repeat;
	background-position: right;
	height:15px;
	*/
}
.attTable
{
    background-color: #FFFFFF;
    border-style: none;
}

.attHeaderRow
{
    background-color: #4F66AC;
    color: White;
    text-align: center;
    border-right: Solid 1px White;
    border-bottom: Solid 1px White;
}

.attHeaderRow_Right
{
    background-color: #4F66AC;
    color: White;
    text-align: center;
    border-bottom: Solid 1px White;
}

.attHeaderRow_Sub
{
    background-color: #E2A4BA;
    border-right: Solid 1px #4F66AC;
}

.attHeaderRow_Sub_Right
{
    background-color: #E2A4BA;
}

.attRecordRow
{
    border-top: 0px;
    border-left: 0px;
    border-bottom: Solid 1px #D5D5D5;
    border-right: Solid 1px #D5D5D5;
}

.attRecordRow_Left
{
    border-top: 0px;
    border-left: Solid 1px #D5D5D5;
    border-bottom: Solid 1px #D5D5D5;
    border-right: Solid 1px #D5D5D5;
}

/* Disabled */
.dxeDisabled_PlasticBlue, .dxeDisabled_PlasticBlue td.dxe
{
	color: #000000;
	cursor: default;
}

.imgStyle
{
}

.list1
{
	 list-style-type:disc;
}

.list2
{
	list-style-type: square;
}

.SummaryTable_success
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid Blue;
	color: #0000FF;
}

.SummaryImg_success
{
	margin: 0px;
	color: #0080FF;
	vertical-align: middle;
	background-color: #A9D0F5;
	padding-top: 3px;
	padding-bottom: 3px;
}

.SummaryTitle_success
{
	margin: 0px;
	font-weight: bold;
	color: #0101DF;
	vertical-align: middle;
	font-size: 14px;
	background-color: #A9D0F5;
	font-family: 'Times New Roman' , Times, serif;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}
.SummaryContent_success
{
	background-color: #CEE3F6;
	border-top: solid 1px #000000;
	border-top-color: Blue;
	font-family: 'Times New Roman' , Times, serif;
	font-size: 12px;
	color: #08088A;
	padding-top: 3px;
	padding-bottom: 3px;
}

.SummaryTable_fail
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid Red;
	color: #ff0000;
}

.SummaryImg_fail
{
	margin: 0px;
	color: #D6012C;
	vertical-align: middle;
	background-color: #FFCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.SummaryTitle_fail
{
	margin: 0px;
	font-weight: bold;
	color: #D6012C;
	vertical-align: middle;
	font-size: 14px;
	background-color: #FFCCCC;
	font-family: 'Times New Roman' , Times, serif;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}

.SummaryContent_fail
{
	background-color: #FFE1E1;
	border-top: solid 1px #000000;
	border-top-color: Red;
	font-family: 'Times New Roman' , Times, serif;
	font-size: 12px;
	color: #970000;
	padding-top: 3px;
	padding-bottom: 3px;
}

.SummaryTable_Message
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 2px solid Grey;
	color: #DEDEDE;
}

.SummaryImg_Message
{
	margin: 0px;
	color: #DEDEDE;
	vertical-align: middle;
	background-color: #DEDEDE;
	padding-top: 3px;
	padding-bottom: 3px;
}

.SummaryTitle_Message
{
	margin: 0px;
	font-weight: bold;
	color: #030303;
	vertical-align: middle;
	font-size: 14px;
	background-color: #DEDEDE;
	font-family: 'Tahoma';
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}

.SummaryContent_Message
{
	background-color: #F5F5F5;
	border-top: solid 1px #000000;
	border-top-color: #ADADAD;
	font-family: 'Tahoma';
	font-size: 12px;
	color: #030303;
	padding-top: 3px;
	padding-bottom: 3px;
}

.PDPAAcceptancePage_HeaderTitle
{
	border-spacing: 0;
	vertical-align:bottom top;
	height: 100%;
	width:100%;
}

.PDPAAcceptancePage_HeaderTitle_Image
{
}

.PDPAAcceptancePage_HeaderTitle_Title
{	
	height: 50px;
	/*background-image: url('flexHRLogin.png');*/
	background-repeat: no-repeat;
	background-position: left 10px;
}

.PDPAAcceptancePage_HeaderTitle_Background
{
}

.PDPAAcceptancePage_Background
{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	/**position: absolute;**/
	background-repeat:repeat;

	z-index: 0;

}

.PDPAAcceptancePage_WallPaper
{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;


}

.PDPAAcceptancePage_LayoutTable
{
	height: 100%;
	width: 100%;
}

.PDPAAcceptancePage_LayoutTable_Header
{
	
}

.PDPAAcceptancePage_LayoutTable_Content
{
      
}

.PDPAAcceptancePage_LayoutTable_Footer
{
	
}

.PDPAAcceptancePage_Footer
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	vertical-align:bottom;
}

.PDPAAcceptancePage_Footer_Background
{
	/*background-color: white;
	height: 70px;
	*/
}

.PDPAAcceptancePage_Footer_Image
{
	height:50px;
	/*
	background-image: url('copyright.png');
	background-repeat: no-repeat;
	background-position: right;
	*/
}