.validation-error {
    color:#FF0000;
}

BODY {
    margin: 0px;
    color: #333333;
    /*Mod by Gary Chan 27 Apr 2022: Rebranding*/
    /*background-color: #D8E3D8;*/
    background-color: #FFFFFF;
}
/*Mod by Gary Chan 27 Apr 2022: Rebranding*/
.popupbody {
    
    background-color: #D8E3D8;
    
}
A
{
	font-weight: normal;
	/* font-size: 9pt; */
	color: blue;
	font-family: Arial;
	text-decoration: none;
}
A:hover
{
	font-weight: normal;
	color: #ff66cc;
	text-decoration: underline;
}
INPUT
{
	font-size: 9pt;
	font-family: Courier New;
}
SELECT
{
	font-size: 9pt;
	font-family: Courier New;
}
TD
{
	font-size: 9pt;
	font-family: Arial;
	border:none;
}
TEXTAREA
{
	font-size: 9pt;
	font-family: Courier New;
}
TH
{
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #8080c0;
	border: none;
}
TR.oddRow
{
	color: black;
	font-family: Arial;
	background-color: #e6f8e6;

}
TR.evenRow
{
	color: black;
	font-family: Arial;
	background-color: #d9ebd9;

}
TD.oddRow
{
	color: black;
	font-family: Arial;
	background-color: #e6f8e6;


}
TD.evenRow
{
	color: black;
	font-family: Arial;
	background-color: #d9ebd9;

	
}
.TxtWarn
{
	font-size: 9pt;
	color: red;
	font-family: Arial;
	text-decoration: none;
}
.TxtSuccess
{
	font-size: 8pt;
	color: green;
	font-family: Arial;
	text-decoration: none;
}
.TxtClock
{
	font-weight: bold;
	font-size: 9pt;
	color: yellow;
	font-family: Arial;
	text-decoration: none;
}
.TxtHelpTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #9999ff;
	text-align: center;
}
.TxtInputHdrTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-align: center;
}
.TxtInputSubHdrTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
	background-color: #d5e9d5;
}
.TxtInputTblTD
{
	background-color: #d5e9d5;
}
.TxtInputTblColTD
{
	background-color: #dee7f9;
}
.TxtInputTitleTD
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
	background-color: #d5e9d5;
}
.TxtInputTitleColTD
{
	font-size: 9pt;
	font-family: Arial;
	background-color: #dee7f9;
}
.TxtInputTD
{
	font-size: 8pt;
	font-family: Courier New;
	background-color: #d5e9d5;
}
.TxtInputColTD
{
	font-size: 9pt;
	font-family: Courier New;
	background-color: #d5e9d5;
}
.TblFooterTD
{
	font-size: 9pt;
	font-family: Arial;
	background-color: #e5e3e3;
}
.TblIndexTD {
    font-weight: bold;
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    /*mod by gary chan 27 Apr 2022: Rebranding*/
    /*    background-color: #336633;*/
    background-color: #189068;
    text-decoration: none;
}
.TblIndex
{
	font-weight: bold;
	font-size: 9pt;
	color: #999999;
	font-family: Arial;
	text-decoration: none;
}
.aTblIndex
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: Arial;
	text-decoration: none;
}
.aTblIndex:hover
{
	font-weight: bold;
	color: yellow;
	font-family: Arial;
	text-decoration: underline;
}
.TblLangTD
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
	background-color: #000000;
	text-decoration: none;
}
.aTblLang
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: Arial;
	text-decoration: none;
}
.aTblLang:hover
{
	font-weight: bold;
	color: yellow;
	font-family: Arial;
	text-decoration: underline;
}
.TblNavTD
{
	font-size: 9pt;
	font-family: Arial;
	background-color: #e5e3e3;
	text-decoration: none;
}
.ButNormal
{
	font-size: 8pt;
	font-family: Arial;
}
.TxtFuncHdrTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #ffff00;
	font-family: Arial;
	background-color: #666666;
	text-decoration: none;
}
.TxtSmall
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
.TxtNormal
{
	font-size: 10pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
.TxtNormalBold
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
.TxtReport
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
.TxtRed
{
	font-weight: bold;
	font-size: 8pt;
	color: #ea0000;
	font-family: Arial;
	text-decoration: none;
}
.TxtPurple
{
	font-weight: bold;
	font-size: 8pt;
	color: purple;
	font-family: Arial;
	text-decoration: none;
}
.TxtAmber
{
	font-weight: bold;
	font-size: 8pt;
	color: #fa9143;
	font-family: Arial;
	text-decoration: none;
}
.TxtMand
{
	font-size: 9pt;
	color: green;
	font-family: Arial;
	text-decoration: none;
}
.TxtDesc
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
.TxtAWB
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffff00;
	font-family: Arial;
	background-color: #666699;
	text-decoration: none;
}
.TxtAWBListTit
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial;
	text-decoration: none;
}
.TxtAWBListDtl
{
	font-size: 8pt;
	font-family: Arial;
	text-decoration: none;
}
.RouteCell
{
	background-color: #336633;
}
.RouteTxtCell
{
	font-size: 10pt;
	font-family: Arial;
	background-color: #e9f3e9;
}
.RouteTxtHeaderCell
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
	background-color: #e9f3e9;
}
.TxtRouteHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: #003300;
	font-family: Arial;
	text-decoration: none;
}
.TxtRouteHeaderHidden
{
	font-weight: bold;
	font-size: 10pt;
	color: #cccccc;
	font-family: Arial;
	text-decoration: none;
}
.TxtHeader
{
	font-weight: bold;
	font-size: 14pt;
	color: #009900;
	font-family: Arial;
	text-decoration: none;
}
.TxtHeader2
{
	font-weight: bold;
	font-size: 16pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #009900;
	text-decoration: none;
}
.TxtHeader3
{
	font-weight: bold;
	font-size: 12pt;
	color: #009900;
	font-family: Arial;
	text-decoration: none;
}
.TxtSubHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: #003300;
	font-family: Arial;
	text-decoration: none;
}
.TxtDtlHeader
{
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #336633;
	text-decoration: none;
}
.TxtTitle
{
	font-size: 9pt;
	color: #003300;
	font-family: Arial;
	text-decoration: none;
}
.TxtRouteMapTitle
{
	font-weight: bold;
	font-size: 9pt;
	color: #003300;
	font-family: Arial;
	text-decoration: none;
}
.TxtContent
{
	font-size: 9pt;
	color: #009900;
	font-family: Arial;
	text-decoration: none;
}
.TxtHideTitle
{
	font-size: 9pt;
	color: #999999;
	font-family: Arial;
	text-decoration: none;
}
.TxtHideContent
{
	font-size: 9pt;
	color: #999999;
	font-family: Arial;
	text-decoration: none;
}
.TxtSpecial
{
	font-weight: bold;
	font-size: 12pt;
	color: #336633;
	font-family: Arial;
	text-decoration: none;
}
.TxtSpecialHeader
{
	font-weight: bold;
	font-size: 14pt;
	color: #336633;
	font-family: Arial;
	text-decoration: none;
}
.FolderOdd
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.FolderEven
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.FolderHdr
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
	background-color: #003300;
	text-decoration: none;
}
.aFolderHdr
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
	background-color: #003300;
	text-decoration: none;
}
.aFolderHdr:hover
{
	font-weight: bold;
	color: yellow;
	font-family: Arial;
	background-color: #003300;
	text-decoration: underline;
}
.FolderList
{
	font-size: 8pt;
	color: yellow;
	font-family: Arial;
	text-decoration: none;
}
.aFolderList
{
	font-size: 8pt;
	color: blue;
	font-family: Arial;
	text-decoration: none;
}
.aFolderList:hover
{
	color: yellow;
	font-family: Arial;
	text-decoration: underline;
}
.IndexHeader
{
	font-size: 11pt;
	color: #000000;
	font-family: Arial;
	background-color: #ffffff;
	text-decoration: none;
}
.IndexList
{
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
	background-color: #ffffff;
	text-decoration: underline;
}
.aIndexList
{
	font-size: 9pt;
	color: blue;
	font-family: Arial;
	background-color: #ffffff;
	text-decoration: none;
}
.aIndexList:hover
{
	color: red;
	font-family: Arial;
	background-color: #ffffff;
	text-decoration: underline;
}
.TblDtlHdrTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #336633;
	text-decoration: none;
}
.TblDtlTitleTD
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.TblDtlContTD
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.CUCTblOuter
{
	font: 9pt Arial;
	background-color: #99cc99;
}
.CUCTblHead
{
	font: 9pt Arial;
	background-color: #b7e2b7;
}

.CUCTblHeadDark
{
	font: 9pt Arial;
	color: #FFFFFF;
	background-color: #004040;
}
.CUCTblCell
{
	font: 9pt Arial;
}
.FolderEvenInput
{
	font-size: 8pt;
	color: #000000;
	font-family: Courier New;
	background-color: #99cc99;
	text-decoration: none;
}
.FolderOddInput
{
	font-size: 8pt;
	color: #000000;
	font-family: Courier New;
	background-color: #ccffcc;
	text-decoration: none;
}
.RptHeader
{
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.RptTitle
{
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.RptSubTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
	background-color: #669966;
	text-decoration: none;
}
.RptSubTitle2
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
	background-color: #669966;
	text-decoration: none;
}
.RptHeading
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #669966;
	text-decoration: none;
}
.RptHeadingEmptyTD
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
	background-color: #999999;
	text-decoration: none;
}
.RptEmptyTD
{
	font-size: 9pt;
	background-color: #999999;
}
.RptEvenRow
{
	font-size: 7pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.RptOddRow
{
	font-size: 7pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.RptRowText
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
.ScrnRptHeader
{
	font-weight: bold;
	font-size: 18pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.ScrnRptTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.ScrnRptSubTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.ScrnRptHeading
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
	background-color: #669966;
	text-decoration: none;
}
.ScrnRptEmptyTD
{
	background-color: #999999;
}
.ScrnRptEvenRow
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.ScrnRptOddRow
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.ReasonHeading
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #669966;
	text-decoration: none;
}
.ReasonEvenRow
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #99cc99;
	text-decoration: none;
}
.ReasonOddRow
{
	font-size: 8pt;
	color: #000000;
	font-family: Arial;
	background-color: #ccffcc;
	text-decoration: none;
}
.TxtInputReasonTD
{
	font-size: 8pt;
	font-family: Courier New;
}
.footer {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ADefault
{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: blue;
	text-decoration: underline;
}
.ADefault:hover
{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff66cc;
	text-decoration: underline;
}
.ALookup
{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: blue;
	text-decoration: underline;
	cursor:hand;
}
.ALookup:hover
{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff66cc;
	text-decoration: underline;
}

.RouteLeg
{
	background-color: #CCCCCC;
}

.UploadGrid, .UploadGrid td
{
	border: 0px none;	
}

.UploadGridHeader td 
{ 
	border-bottom: 2px solid gray; 

}
.alignRightforIndex {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
    text-align:right;
}
/*Added by Gary Chan for verical alignment*/
.alignCenter {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
}


.alignTable
{
	display: table;
}
.tblHeaderAlignLeft
{
	position:relative;
	float:left;
	width:35%;
}
.tblHeaderAlignRight
{
	position:relative;
	float:right;
	width:60.25%;
	
}
.tblHeaderback
{
	display:block;
	position:relative;
	float:left;
	background-color:#ffffff;
	width:100%;
	
}
.tblHeader
{
	position:absolute;
	display:block;
	float:left;
	margin-top:20px;
}


#uploadFile
{
	width:250px;
}
.fileUploadbox {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUploadbox input.uploadbox_class {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.btn
{
	display: inline-block;
	padding: 1px 10px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: normal;
	width:60px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #999;
	background-color: ButtonFace;
	color: buttontext;
	margin-top:0px;
}

.btn:hover
{
	border: 1px solid #777;
}

.btn:active
{
	background-color:ActiveCaption;
}

/*Add by Gary Chan 6 Nov 2018*/
.barcodeTxt {
    width: 150px;
}

.NewCNHeading {
    font-weight: bold;
    font-size: 10pt; 
    
    
    font-family: Arial;
    
    text-decoration: none;
}

/*Add by Gary Chan 20 Mar 2019*/
.AircraftTypeStyle {
    text-align: center;
        font-weight: bold;
}
.AirportEventHeader {
    background-color: #006600;
    color: #FFFFFF;
    text-align: center;
    border: solid 1px #dbf0db;
}
.AirportEventSelectBg {
    text-align: center;
    background-color: #92d392;
    border: solid 1px #dbf0db;
}
.AirportEventOffsetBg {
    text-align: center;
    border: solid 1px #dbf0db;
}

.AirportFormHeading {
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial;
    text-decoration: none;
    color: #ffffff;
    height:30px;
    padding:5px;
    background-color: #006600;
    margin-bottom:10px;

}
.HandAgentHeader {
    background-color: #99cc99;
    color: #333333;
    text-align: left;
    font-weight:normal;
    font-size: 12px;
}
.HandAgentContent {
    background-color: #99cc99;
    color: #333333;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}

.TblHead {
    font: 9pt Arial;
    background-color: #b7e2b7;
    padding:5px;
}
.buttonDisplayNone {
    display:none;
}


/*Add by Gary chan 15 May 2025: MFA Setting*/
.MFA_Auth {
	font-size: 9pt;
	color: #00A3C5;
	text-decoration: none;
	font-weight: normal;
}
.MFAsettingEnable {
	background-color: #a8e2c1;
	font-size: 9pt;
	color: #459f76;
	text-decoration: none;
	font-weight: 700;
	width: 100px;
	text-align: center;
	display: block;
	padding: 2px;
}
.MFAsettingDisable {
	background-color: #d4d7d5;
	font-size: 9pt;
	color: #818785;
	text-decoration: none;
	font-weight: 700;
	width: 100px;
	text-align: center;
	display: block;
	padding: 2px;
}
.MSAuthLogo {
	max-width: 1.2em; 
	max-height: 1.2em; 
	position: relative; 
	top: 0.2em;
}
.MFAremark {
	color: #818785;
	text-decoration: none;
	
}