/* Section Pane area: defines an area for different sections in a screen */
.sectionPane
{
    BACKGROUND-COLOR: #D9E4F7;
}

/* Group Boxes only */
.groupBox
{
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 10pt;
    COLOR: #0046D5;
}


.tipText
{
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 9pt;
    COLOR: #339966;
}

/*input: for the label of the page header*/
.pageLabel
{
	FONT-FAMILY: Times New Roman;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #993300;
/*    BACKGROUND-COLOR: lightsteelblue; */
/*    BACKGROUND-COLOR: #C0D3F1; */
/*    BACKGROUND-COLOR: #89ADE4; */
}

.pageLabelSmall
{
	FONT-FAMILY: Times New Roman;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #993300;
}

/*table: for listing */
.listTable
{
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 10pt;
    table-layout: fixed;
    BACKGROUND-COLOR: white;
    /* overflow:hidden */
}

.listTableHeader
{
    BACKGROUND-COLOR: white;
    color: #FF6600;
	FONT-FAMILY: Times New Roman;
    font-weight: bold;
    font-size: 10pt;
}

.listTableCell
{
    BACKGROUND-COLOR: #EAEAEA;
    color: black;
	FONT-FAMILY: Times New Roman;
    font-size: 10pt;
}

.listTableCell1
{
    BACKGROUND-COLOR: #D9E4F7;
    color: black;
	FONT-FAMILY: Times New Roman;
    font-size: 10pt;
}


.scrollableTable_noScrollHeader
{
	position:relative;
	top:expression(this.offsetParent.scrollTop);
	background-color: white;
	color: white;
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	vertical-align: bottom;
/* lok modify
	text-align: center;
*/
	text-align: left;
	display: block;
	width: 100%;
}

/* tr: tableHeader for listTable*/
.tableHeader
{
    BACKGROUND-COLOR: lightsteelblue;
}


/* td: tableHeadercell for listTable*/
.tableHeaderCell
{
    BACKGROUND-COLOR: white;
    COLOR: #FF6600;
	FONT-FAMILY: Times New Roman;
    font-size: 10pt;
	font-weight: bold;
    VERTICAL-ALIGN: BOTTOM;
}
/*    FONT-FAMILY: Verdana, Arial;*/


/*td: for tableCell of the content of listTable*/
.tableCell
{
	FONT-FAMILY: Times New Roman;
    font-size:10pt;
    BACKGROUND: white;
    VERTICAL-ALIGN: TOP;
}
/*    FONT-FAMILY: Verdana, Arial;*/






/*input: for the label of the input fields*/
.detailLabel
{
	color: #990033;
	FONT-FAMILY: Times New Roman, PMingLiu;
  FONT-WEIGHT: normal;
  FONT-SIZE: 10pt;
}

.footer
{
	color: black;
	FONT-FAMILY: Times New Roman, PMingLiu;
  FONT-WEIGHT: normal;
  FONT-SIZE: 8pt;
}
/*    FONT-FAMILY: Verdana, Arial;*/

.label
{
	color: #990033;
	FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}

/* PIL 0029 */
.MMlabel
{
	color: white;
  BACKGROUND-COLOR: blue;
	FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}

.unboldlabel
{
	color: black;
	font-family: Times New Roman, PMingLiU;
	font-size: 10pt;
}



/* for Tabs */
.tab
{
	color: blue;
    BACKGROUND-COLOR: white;
	FONT-FAMILY: Times New Roman;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    text-align: center;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
}

.tabNote
{
	FONT-FAMILY: Times New Roman;
    FONT-SIZE: 10pt;
    COLOR: #339966;
}


/*for editable field*/
.textFd
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Times New Roman;
}

/*for editable field*/
.textFdLink
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Times New Roman;
    text-decoration: underline;
    cursor: hand;
}

/*for editable field*/
.chitextFd
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: PMingLiU;
}

/*
disabled due to Win98 HKSCS problem
    FONT-FAMILY: Verdana, Arial
    FONT-FAMILY: Verdana, Arial, MingLiU
*/
/* for readonly field*/
.readonlyTxtLink
{
    FONT-SIZE: 10pt;
  	FONT-FAMILY: Times New Roman;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR:  Black;
    BORDER-COLOR : InactiveBorder;
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;
    text-decoration: underline;
    cursor: hand;
}


/* for readonly field*/
.readonlyTxt
{
    FONT-SIZE: 10pt;
  	FONT-FAMILY: Times New Roman;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR:  Black;
    BORDER-COLOR : InactiveBorder;
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px
}

/* for readonly field*/
.readonlyChiTxt
{
    FONT-SIZE: 10pt;
  	FONT-FAMILY: PMingLiU;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR:  Black;
    BORDER-COLOR : InactiveBorder;
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px
}


.paging{
	FONT-SIZE: 7pt; 
  TEXT-ALIGN: center
}
/*    FONT-FAMILY: Verdana, Arial;*/


/* Banner background and login info */
.bannerBkgd
{
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
}

.loginInfo{
  color:white;
  font-family: Times New Roman; 
  font-size: 10pt;  
}

.envInfoMain{
  color:black;
  font-family: Times New Roman; 
  font-size: 14pt;
}

.envInfoSub{
  color:black;
  font-family: Times New Roman; 
  font-size: 10pt;  
}

/*  Blue label (bold or unbold), common for Chi and Eng */
.blueLabel
{
	color: blue;
	font-family: Times New Roman, PMingLiu;
	font-weight: bold;
	font-size: 10pt;
}

.blueUnboldLabel
{
	color: blue;
	font-family: Times New Roman, PMingLiu;
	font-size: 10pt;
}


/* for Welcome Page ONLY */
.welcomeTitle
{
  color: green;
  font-family: "Monotype Corsiva", "PMing Liu";
  font-size: 24pt;
  font-style: italic;

}

.welcomeIntroText
{
  color: black;
  font-family: Arial, PMing Liu;
  font-size: 10pt;
  line-height: 15pt;
  
}
/*
A.welcomeLinkCell:link {text-decoration: none}
A.welcomeLinkCell:visited {text-decoration: none}
A.welcomeLinkCell:active {text-decoration: none}
A.welcomeLinkCell:hover {text-decoration: underline; color: red;}
*/
.welcomeLinkCell A:link {text-decoration: none; font-family: "Times New Roman", Verdana, serif }
.welcomeLinkCell A:visited {text-decoration: none}
.welcomeLinkCell A:active {text-decoration: none}
.welcomeLinkCell A:hover {text-decoration: none; color: blue;}
/*
.welcomeLinkCell
{
  background-color: green;
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr="#98C886",endColorStr=white); 
}
*/
.welcomeLinkCellAlt
{
  background-color: yellow;
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr="#FFFF66",endColorStr=white); 
}

.welcomeVisit
{
	color: blue;
	font-family: Arial, PMingLiu;
	font-size: 10pt;
}

.welcomeVisitCount
{
	color: blue;
	font-family: Times New Roman, PMingLiu;
	font-size: 12pt;
  BACKGROUND-COLOR: white;
  BORDER-COLOR : InactiveBorder;
  BORDER-TOP-WIDTH: 1px;
  BORDER-LEFT-WIDTH: 1px;
  BORDER-BOTTOM-WIDTH: 1px;
  BORDER-RIGHT-WIDTH: 1px
}

.announcementTitle
{
	color: black;
	font-family: Times New Roman, PMingLiu;
	font-size: 16pt;
  text-align: center;
}

.announcementDetail
{
	color: black;
	font-family: Times New Roman, PMingLiu;
	font-size: 12pt;
}
/* end for Welcome Page ONLY */


/* To be reused? */

/* for questionnaire */
.bold-underline-label
{
	color: black;
	font-family: Arial, PMingLiU;
	font-weight: bold;
  text-decoration:underline;
	font-size: 10pt;
}


/*    Chinese Font: PMingLiU, Arial;*/
.chilabel
{
	color: black;
	font-family: PMingLiU, Arial;
  font-weight: bold;
	font-size: 12pt;
}

/*    Chinese Font: Unbold, PMingLiU, Arial;*/
.unboldchilabel
{
	color: black;
	font-family: PMingLiU, Arial;
	font-size: 12pt;
}



/* for questionnaire */
.questionnaire
{
  BACKGROUND-COLOR: #CCCCCC; 
	color: blue;
	font-family: PMingLiU, Arial;
	font-size: 12pt;
}

/* for questionnaire small font row */
.questionnaire-small
{
  BACKGROUND-COLOR: #CCCCCC; 
	color: blue;
	font-family: Arial, PMingLiU;
	font-size: 10pt;
}


/*    FONT-FAMILY: Verdana, Arial;*/

/* for skipped activity row - grey color*/
.skipRow
{
  BACKGROUND-COLOR: #999999;
}

/* for unskipped activity row - white color */
.unskipRow
{
  BACKGROUND-COLOR: #FFFFFF;
}


/*    FONT-FAMILY: Verdana, Arial;*/


/* for Welcome Page ONLY */
hr.welcomeBar
{
  color: yellow;
}

A.welcomeLink:link
{
  text-decoration: none;
  font-family: Arial, PMing Liu;
  font-size: 10pt;
  color: black;
}
A.welcomeLink:visited
{
  text-decoration: none;
  font-family: Arial, PMing Liu;
  font-size: 10pt;
  color: black;
}
A.welcomeLink:hover
{ 
  text-decoration: none;
  font-family: Arial, PMing Liu;
  font-size: 12pt;
  color: blue;
}

A.welcomeMainLink:link
{
  font-family: Times New Roman, PMing Liu;
  font-size: 12pt;
  color: blue;
}
A.welcomeMainLink:visited
{
  font-family: Times New Roman, PMing Liu;
  font-size: 12pt;
  color: blue;
}
/* end for Welcome Page ONLY */
A.listTableLink:link
{
  font-family: Times New Roman, PMing Liu;
  font-size: 10pt;
  COLOR: black
}

A.listTableLink:visited
{
  font-family: Times New Roman, PMing Liu;
  font-size: 10pt;
  COLOR: black
}
A.listTableHeaderLink:link
{
    color: #FF6600;
	  FONT-FAMILY: Times New Roman;
    font-weight: bold;
    font-size: 10pt;
}
A.listTableHeaderLink:visited
{
    color: #FF6600;
	  FONT-FAMILY: Times New Roman;
    font-weight: bold;
    font-size: 10pt;
}


A:link
{
    COLOR: blue
}

A:visited
{
    COLOR: blue
}

A.rejectReason:link
{
  color: #990033;
	FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}

A.rejectReason:visited
{
  COLOR: #990033;
  FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}

A.haveRejectReason:link
{
  COLOR: blue;
  FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}

A.haveRejectReason:visited
{
  COLOR: blue;
  FONT-FAMILY: Times New Roman, PMingLiU;
	font-weight: bold;
	font-size: 10pt;
}



p, td, ul, li
{color: #000000; font-family:  Verdana, Arial; font-size: 8pt;}

.TSheetCalendarHeader {
	FONT-SIZE: 12pt; COLOR: black; FONT-WEIGHT:bold; VERTICAL-ALIGN:middle; TEXT-ALIGN:CENTER
}
/*    FONT-FAMILY: Verdana, Arial;*/

.TSheetCalendarCell {
	FONT-SIZE: 11pt; COLOR: black; FONT-WEIGHT:bold; VERTICAL-ALIGN:top; TEXT-ALIGN:CENTER
}
/*    FONT-FAMILY: Verdana, Arial;*/

.detailLabelBold {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black;
}
/*    FONT-FAMILY: Verdana, Arial;*/

.tableListReadonlyTxt  {
	BORDER-TOP-WIDTH: 2px; 
  BORDER-LEFT-WIDTH: 2px; 
  FONT-SIZE: 8pt; 
  BORDER-BOTTOM-WIDTH: 2px; 
  BACKGROUND-COLOR: #dddddd; 
  BORDER-RIGHT-WIDTH: 2px
}
/*    FONT-FAMILY: Verdana, Arial;*/

/* td: calendar td with different background color*/
.CalendarHeaderCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: lightsteelblue;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

.CalendarSunCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: #ffbfdf;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

.CalendarSatCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: #f0f0ff;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

.CalendarCurCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: #ffffc0;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

.CalendarCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: white;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

.CalendarBlkCell
{
    FONT-FAMILY:Comic Sans MS, Arial, Helvetica, Sans Serif;
    BACKGROUND-COLOR: #c0c0c0;
    FONT-SIZE: 14;
    TEXT-ALIGN: CENTER;
}

/* for Login Page ONLY */
.loginTitle
{
  color: green;
  FONT-FAMILY: "Monotype Corsiva", "PMing Liu";
  font-size: 24pt;
  font-style: italic;
}

.loginIntroText
{
  color: black;
  FONT-FAMILY: Arial, PMing Liu;
  font-size: 10pt;
  line-height: 15pt;
}

hr.loginBar
{
  color: yellow;
}

body
{
  text-align: center;
}