/********************************************************************
'#PL068 - Elisa S. - 25 Jan 2013
'Description :	1. Add properties "resize:none;" to set textbox and textbox area not resizable for IE 10 and other browser.
'				2. add properties "display : inline-block;" on label and textbox to be displayed full box in IE 10 and other browser.
'				3. Include font-family in TextBox and TextArea; to handle different font on textbox/ textarea
'				4. Add properties "heigth: 16px;" on Label
'	   		    5. Add properties "-webkit-appearance: none;" in ImageButton and Button to manage button appearance not changed in mobile browser
'				6. Add properties font-family and "overflow: auto;" on TextArea_Bold to show scroll bar automatically on ECOKPage
*********************************************************************
'#PN118 - Elisa S. - 23 Sept 2014
'Description :	1. Include upload file CSS:  div#divFileUpload, input#flFileUpload 
*********************************************************************
'#PO040 - Elisa S. - 16 Feb 2015
'Description :	1. Include .Form .TextBox_ReadOnly to handle read only textbox (e.g.: submitted cancel reason)
*********************************************************************
'#PO144 - MomHang - 15 June 2015
'Description :	1. Include Popup DIV CSS: (.popup), (.popup .popupHead), (.popup .popupBody)
'Elisa S. - 17 June 2015
'				1. Include .divLayer for gray layer css
'				2. include .ImageButton_Hover
*********************************************************************
'#PO240 - MomHang - 2 Nov 2015
'Description :	1. Introduce new Span property and Increase font size
*********************************************************************
'#PR070 - MOmHang - 14 Mar 2018
'Description :	1. Include .divLoadingLayer for transparent loading background layer css (from Amendment #PR033)
*********************************************************************
'#PR124 - MomHang - 13 Aug 2018
'Description :  1. Add properties "font-size:12px;" & "color:blue;" on (.Form .Label_Amount)
'               2. Add properties "padding: 0.25rem 1.25rem;" on (.popup .popupHead)
'               3. Change properties value from "height:18px;" to "height:26px;" on (.popup .popupHead)
*********************************************************************
'#PV140 - MomHang - 01 Nov 2022
'Description :  1. Remove properties "width:100%;" from (.popup .popupHead)
*********************************************************************
'#PW101 - MomHang - 29 Oct 2023
'Description :  1. Include .Form .Label_Bold_Highlighted to handle highlight the Claim No. on claim submission screen
*********************************************************************
'#PY052 - MomHang - 20 May 2025
'Description :  1. In the ".Form .ImageButton" and ".Form .ImageButton_Hover" class selectors, change width: 80px 
                   to min-width: 80px to accommodate buttons with Chinese characters, as 80px is insufficient
*********************************************************************/

/*---#PO240x---*/
span.textBox
{
	height:	15px !important;
}

#ctlCalendar 
{
	font-family: Verdana;
	font-size: 12px;
	color: Black;
	border-style: inset;
	border-color: Blue;
	border-width: 1px;
	background-color: AliceBlue;
	width: 95% !important;
}
	
#frmCalendar td
{
	font-size:12px !important;
}

#frmCalendar .DDL
{
	min-width: 65px !important;
}

#frmCalendar #lstHolidays, hr
{
	width: 95% !important;
}

#cboPeriodFrom, #cboPeriodTo, #lblApplicationPeriod
{
	width: auto !important;
}

.Form .DataGrid_TextBox
{
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	display: inline-block;
	resize: none;
	width: 100% !important;
}
/*---#PO240---*/

.Form 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color: Blue;
	background-color:White;
	white-space: nowrap;	
	visibility: visible;
}

.Form .Title
{	
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	font-weight:bold;  	
}

.Form .Label
{
	font-size: 12px;	/*#PO240*/
	color : Blue;	
	display : inline-block; /*#PL068*/
	height: 16px;			/*#PL068*/
}

.Form .Label_Red
{
	font-size: 11px;	
	color : Red;	
	font-weight:bold;
}

.Form .Label_Red_10
{
	font-size: 12px;	/*#PO240*/
	color : Red;	
}

.Form .Label_Bold
{	
	font-size: 12px;	
	color:Blue;	
	font-weight:bold;  	
}

/* #PW101 */
.Form .Label_Bold_Highlighted
{	
	font-size: 12px;	
	color:Blue;	
	font-weight:bold; 
    background-color: yellow; 	
}

.Form .Label_Hidden
{
	font-size: 12px;	/*#PO240*/	
	color : Blue;
	visibility:hidden;
}

.Form .Label_Dimmed
{
	font-size: 12px;	/*#PO240*/
	color : Silver;
	background-color : Silver;
}

.Form .Label_Amount
{
	text-align: right;
    font-size:12px;     /*#PR124*/
    color:blue;         /*#PR124*/
}

.Form .TextBox
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	display: inline-block;	/*#PL068*/
	resize: none;	/*#PL068*/
}

/*#PO040*/
.Form .TextBox_ReadOnly
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 9px;		/*#PO240*/	
	color:Black;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	display: inline-block;	
	resize: none;	
	width: 100%	!important;	/*#PO240*/
}

.Form .TextArea
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	resize: none;	/*#PL068*/
}

.Form .TextArea_Bold
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*#PL068*/
	font-size: 11px; 	/*#PL068*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;	
	font-weight:bold;
	overflow: auto; /*#PL068*/
	resize: none;	/*#PL068*/
}

.Form .TextBox_Hidden
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	visibility: hidden;	
}

.Form .TextBox_Err
{
	font-size: 12px;	/*#PO240*/
	color: Yellow;	
	border-style:outset;  
	border-width: 1px; 	
	background-color: OrangeRed;   
	resize: none;	/*#PL068*/
}

.Form .ValueBox
{
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   	
	text-align:right;  
}

.Form .ValueBox_Hidden
{
	font-size: 12px;	/*#PO240*/
	color:Blue;	
	border-style:outset;  
	border-width: 1px; 	
	background-color:White;   
	visibility: hidden;
	text-align:right;  	
}

.Form .ValueBox_Err
{
	font-size: 12px;	/*#PO240*/
	color:Black;	
	border-style:outset;  
	border-width: 1px; 	
	background-color: OrangeRed;   	
}

.Form .DDL
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color:Blue;
	background-color:White;   
}

.Form .Button
{
	font-size: 10px;	
	color: Yellow;
	background-color : Blue ;   
	width : 80px;	
	-webkit-appearance: none; /*#PL068*/
}

.Form .ImageButton
{
	background-color: Blue;
	color: White;
	font-family: sans-serif; /*#PL068*/
	font-size: 8pt;
    min-width: 80px;        /* #PY052 - change from width to min-width for flexibility */
	height: 22px;
	border-style: none;
	border-color: Blue;
	border-width: 0pt;
	-webkit-appearance: none; /*#PL068*/
}

/*#PO144*/
.Form .ImageButton_Hover
{
	background-color: Blue;
	color: White;
	font-family: sans-serif;
	font-size: 8pt;
	min-width: 80px;        /* #PY052 - change from width to min-width for flexibility */
	height: 22px;
	border-color: Yellow;
	border-width: 2pt;
	border-style: ridge;
	cursor: hand;
	-webkit-appearance: none;
}

.Form .Button_Disable
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 80px;
	height: 22px;
	background-color : #eeeeee;
	cursor: default;
}

.Form .TextBoxCenter
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color:Blue;
	border-style:outset;
	border-width: 1px;
	background-color:White;
	text-align: center;
}

.Form .TextBoxCenter_Err
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	/*#PO240*/
	color: Yellow;
	border-style:outset;
	border-width: 1px;
	background-color:White;
	text-align: center;
	background-color: OrangeRed;
}

.Form .CheckBox
{
	font-size: 12px;	/*#PO240*/
	color: Blue;	
	background-color: White;   
}

.Form .CheckBox_Err
{
	font-size: 12px;	/*#PO240*/
	color: Yellow;	
	background-color: OrangeRed;   	
}

.Form .PageTitle
{
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	color: #EEEEEE;
	background-color: Transparent;
	border-style: none;
	z-index: 999;
	/*top: 4px;
	left: 15px;*/       /*#PR124*/
	/*position: absolute;*/  /*#PS062*/
}

.Form .DDL_Hidden
{
	font-size: 12px;	/*#PO240*/
	color:Blue;
	background-color:White;   
	visibility: hidden;
}

.Form .RadioButton
{
	font-size: 12px;	/*#PO240*/
	color: Blue;	
	background-color: White;   
}

.Form .RadioButton_Err
{
	font-size: 12px;	/*#PO240*/
	color: Yellow;	
	border-style:outset;  
	border-width: 1px; 	
	background-color: OrangeRed;   	
}

.Form .DDL_Err
{
	font-size: 12px;	/*#PO240*/
	color: Yellow;	
	background-color: OrangeRed;   	
}


/*File Upload CSS*/
div#divFileUpload 
{
  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;   
  
  height: 22px; 
}

input#flFileUpload 
{
  width:  80px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 250px;
  z-index: 2;
  
  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0);  /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

/*#PO144*/
.popup
{
	width:400px;
	border:1px solid black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Blue;
	background-color:White;
	text-align:center;
	white-space: nowrap;	
	position: absolute;
	z-index:1001;
	top:20%;
    left:15%;
    margin:auto;
}

.popup .popupHead	
{
	background-color:Blue;
	/* width:100%; */               /*#PV140*/
	height:26px;
	color:White;
    padding: 0.25rem 1.25rem;       /*#PR124*/
}

.popup .popupBody	
{
	line-height:normal;
	letter-spacing:normal;
	vertical-align:baseline;
}

.divLayer
{
    display: block; 
    z-index:1000;
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: gray;
    opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50);  /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: 0.5; /* Safari 1.x */
	-moz-opacity: 0.5; /* FF lt 1.5, Netscape */
}
/*#PO144 End Here*/

/*#PR070*/
.divLoadingLayer
{
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: gray;
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0);  /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
}
/*#PR070 End Here*/