BODY 
{
	margin-top : 0px; 
	margin-left : 0px; 
	margin-right : 0px; 
	margin-bottom : 0px; 
	color: #000000;	
	font-size: 9pt; 
	font-family: Arial;
}

/* Header */
	.header 
	{
		background-color: #000000;
		color: #ffffff;
		font-size: 9pt; /* font-size is between 8 to 10 pt */  
		font-family: Arial;
	}

	/* Not be defined in guideline */
	.header-title
	{		
		color: #ffffff;
		font-size: 12pt; 
		font-family: Arial;
		font-weight: bold;
	}

	/* Setting Message and Quick Link background color, and Message other attributions */
	.message-quicklink /* nav_head */
	{
		background-color: #990000;
		color: #ffffff;
		font-size: 9pt;  /* font-size is between 8 to 10 pt */ 
		font-family: Arial;
	}

	/* Setting | attributions */
	.message-quicklink-font
	{
		color: #ffffff;
		font-weight: bold;
    	font-size: 9pt; /* font-size is between 8 to 10 pt */ 
		font-family: Arial;
	}
	
/* Footer */
	.footer 
	{
		background-color: #000000;
		height: 30px;
	}

	.footer-words
	{
		background-color: #000000;
		color: #ffffff;
		font-size: 9pt; /* font-size is between 8 to 10 pt */ 
		font-family: Arial;
	}

/* Tree View*/
	.tree-view-level-0 
	{
		background-color: #ffffff;
		color: #FF0000;
    		font-size: 12pt; /* font-size is between 8 to 10 pt */
		font-weight: bold;
		font-family: Arial;
	}

	.tree-view-level-0 A:link 
	{
		color: #FF0000;
		font-weight: bold;
		text-decoration: none;
	}

	.tree-view-level-0 A:hover 
	{
		color: #0000ff;
		font-weight: bold;
		text-decoration: underline; /* Not be defined in guideline */
	}
	
	
	
	.tree-view-level-1 
	{
		background-color: #ffffff;
		color: #000000;
    		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-weight: bold;
		font-family: Arial;
	}

	.tree-view-level-1 A:link 
	{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

	.tree-view-level-1 A:hover 
	{
		color: #0000ff;
		font-weight: bold;
		text-decoration: underline; /* Not be defined in guideline */
	}

	/*
	.tree-view-level-1 A:visited 
	{
		color: #660033;
		font-weight: bold;
		text-decoration: none;
	}
	*/

	.tree-view-level-2 
	{
		background-color: #ffffff;
    	font-size: 9pt; /* font-size is between 8 to 10 pt */
		color: #000000;
	}

	.tree-view-level-2 A:link 
	{
		color: #000000;
		text-decoration: none;
	}

	.tree-view-level-2 A:hover 
	{
		color: #0000ff;
		text-decoration: underline; /* Not be defined in guideline */
	}

	/*
	.tree-view-level-2 A:visited 
	{
		color: #660033;
		font-weight: bold;
		text-decoration: none;
	}
	*/

	.tree-view-level-3 
	{
		background-color: #ffffff;
		color: #000000;
    		font-size: 9pt; /* font-size is between 8 to 10 pt */
	}

	.tree-view-level-3 A:link 
	{
		color: #000000;
		text-decoration: none;
	}

	.tree-view-level-3 A:hover 
	{
		color: #0000ff;
		text-decoration: underline; /* Not be defined in guideline */
	}

	/*
	.tree-view-level-3 A:visited 
	{
		color: #660033;
		font-weight: bold;
		text-decoration: none;
	}
	*/
	
	.tree-border 
	{
		border-style : solid solid solid solid;
		border-width : 1px 1px 1px 1px;
		border-color : #cccccc #cccccc #cccccc #cccccc; 
	}

/* Content */
	.content-header
	{
		background-color: #ffffff;
		color: #000000;
		font-size: 14pt; /* font-size is between 14~16 pt */ 
		font-family: Arial;
		font-weight: bold;
		margin-top: 10px;
		margin-left: 10px;
	}

	/* Content Sub-Header */
	.content-subheader
	{
		background-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		font-weight: bold;		
		margin-top: 10px;
		margin-left: 10px;
	}

	/* Content Section Header */
	.content-sectionheader
	{
		background-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		font-weight: bold;
		margin-top: 10px;
		margin-left: 40px;
	}	

	.content-body 
	{
		background-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size from 8pt to 10pt */
		font-family: Arial;
		margin-top: 10px;
		margin-left: 40px;
		
	}

	.content-description
	{
		background-color: #ffffff;
		color: #000000;
		font-size: 8pt; /* font-size from 8pt to 10pt */
		font-family: Arial;
		margin-top: 10px;
		margin-left: 30px;
		/*margin-bottom : 50px; */
	}
	
/* Scroll Bar */

/* Grid Layout */

/* Alignment */

/* Contact Page */

/* Font and Color */

/* Hyperlink */
	/* Hyperlink Tool bar  */
	.quicklink-hyperlink A:link
	{
		color: #ffffff;
		font-weight: bold;
		font-size: 9pt;  /* font-size is between 8 to 10 pt */
		font-family: Arial;
		text-decoration: none;
	}

	.quicklink-hyperlink A:visited 
	{
		color: #ffffff;
		font-weight: bold;
		font-size: 9pt;  /* font-size is between 8 to 10 pt */
		font-family: Arial;
		text-decoration: none;
	}

	.quicklink-hyperlink A:hover 
	{
		color: #0000ff;
		font-weight: bold;
		font-size: 9pt;  /* font-size: 8pt; */
		font-family: Arial;
		text-decoration: underline;
	}

	/* Hyperlink in Fields  */
	.table-hyperlink  A:link 
	{
		color: #000000;
		font-size: 9pt;
		font-family: Arial;
		text-decoration: underline;
	}

	.table-hyperlink  A:visited 
	{
		color: #660033;
		font-size: 9pt;
		font-family: Arial;
		text-decoration: underline;
	}

	.table-hyperlink  A:hover 
	{
		color: #0000ff;
		font-size: 9pt;
		font-family: Arial;
		text-decoration: underline;
	}

	/* Hyperlink Homepage  */
	/* Other hyperlink in page besides hyperlinking in treview, quicklink and table*/
	.hyperlink  A:link 
	{
		color: #000000;
		text-decoration: none;	
	}

	.hyperlink  A:visited 
	{
		color: #660033;
		text-decoration: underline;
	}

	.hyperlink  A:hover 
	{
		color: #0000ff;
		text-decoration: underline;
	}

/* Mouse Over */
	.mouse-over
	{
		cursor: hand;
	}
/* Field */
	/* Form Text Field */
	.frm-text-field
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		margin-left: 8px;
	}
	/* Read Only Field */
	.frm-Read-Only-field
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		margin-left: 8px;
		border-style : solid solid solid solid;         
		border-width : 1px 1px 1px 1px;					
		border-color : #cccccc #cccccc #cccccc #cccccc;
		width: 180px;
	}
	
	/* Editable field */
	.frm-Editable-field
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		margin-left: 8px;
		border-style : groove groove groove groove;		
		border-width : 1px 1px 1px 1px;					/* Not be defined in guideline */
		border-color : #cccccc #cccccc #cccccc #cccccc;
		width: 180px;
	}
	
	/* Multi-lines Field */
	
	/* List Menu */
	.frm-list-menu
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		margin-left: 8px;
		border-style : groove groove groove groove;		
		border-width : 1px 1px 1px 1px;					/* Not be defined in guideline */
		border-color : #cccccc #cccccc #cccccc #cccccc;
		width: 180px;
	}

	/* Form Drop-down List */
	.frm-drop-down-list
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		margin-left: 8px;
		border-style : solid solid solid solid;			/* Not be defined in guideline */
		border-width : 1px 1px 1px 1px;					/* Not be defined in guideline */
		border-color : #cccccc #cccccc #cccccc #cccccc; /* Not be defined in guideline */
	} 

	/* Form Radio Button */
	.frm-radio-button
	{
		backgound-color: #cccccc;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		margin-left: 5px;
	}

	/* Form Check Box */
	.frm-check-box
	{
		backgound-color: #cccccc;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		margin-left: 5px;
	}

	/* Mark *  */	

/* Table */
	/* Table title in first row */
	.content-table-header
	{
		background-color: #cccccc;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 10 pt */
		font-family: Arial;
		font-weight: bold;	
	}
	
	/* Table Field Title */
	.table-field-title
	{
		backround-color: #cccccc;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		font-weight: bold;	
	}

	/* Table Readonly Field */
	.table-field-readonly
	{
		backround-color: #ffff99;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		line-height: 10px;
	}

	/* Table Editable Field*/
	.table-field-editable
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 9pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		border-style : groove groove groove groove;		
		border-width : 1px 1px 1px 1px;					/* Not be defined in guideline */
		border-color : #cccccc #cccccc #cccccc #cccccc; 
		line-height: 10px;								/* Not be defined in guideline */
	}

	/* Table Drop-Down List */
	.table-drop-down-list
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		border-style : solid solid solid solid;			/* Not be defined in guideline */
		border-width : 1px 1px 1px 1px;					/* Not be defined in guideline */
		border-color : #cccccc #cccccc #cccccc #cccccc; /* Not be defined in guideline */
		line-height: 10px;								/* Not be defined in guideline */
	}

	/* Table Check Box */
	
	/* Table Radio Button */
	
	/* Table Mark * */
	
/* Button */
	/* Form Button */
	.frm-button-table
	{
		margin-left: 40px;
	}
	
	.frm-button
	{
		backgound-color: #cccccc;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 9 pt */
		font-weight: bold;
		font-family: Arial;
		margin-top: 8px;
		margin-left: 8px;
	}

	.frm-icon
	{
		backgound-color: #cccccc;
		color: #000000;
		font-size: 9pt; /* font-size is between 8 to 9 pt */
		font-weight: bold;
		font-family: Arial;
		width: 18;
		height:18;
		margin-left: 5px;
	}
	
/* Dialog Box */

/* Date and Time */

/* Quantity and Amount */

/* Naming Convention */

/* Abbreviation */
	
/* Selection */	
	/* Select All Remark */
	.select-all-remark
	{
		color: #000000;
		font-size: 8pt;
		font-family: Arial;
		margin-left: 34px;
	}
	
/* Others */
	

	/* Prompt Msg Box */
	.msg-prompt
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		font-weight: bold;
		border-style : solid solid solid solid;
		border-width : 1px 1px 1px 1px;
		border-color : #cccccc #000000 #000000 #cccccc;
	}	

	/* Sort-By Label */
	.text-label
	{
		backround-color: #ffffff;
		color: #000000;
		font-size: 8pt; /* font-size is between 9 to 10 pt */
		font-family: Arial;
		font-weight: bold;
	}

	/* Horizontal Line */
	.hr
	{
	color: #cccccc;
	}

	.errorMsg
	{
		color: #cc0000;
		font-size: 9pt;
		font-family: Arial;
		padding-left: 10px;
		line-height: 25px;
	}

	.empty-line
	{
		line-height: 10px;
	}


	.header A:link 
	{
		color: #ffffff;
		text-decoration: none;
	}

	.header A:hover 
	{
		color: #0000ff;
		text-decoration: underline;
	}

	.header A:visited 
	{
		color: #ffffff;
		text-decoration: none;
	}

	.footer A:link 
	{
		color: #ffffff;
		text-decoration: none;
	}

	.footer A:hover 
	{
		color: #0000ff;
		text-decoration: underline;
	}

	.footer A:visited 
	{
		color: #ffffff;
		text-decoration: none;
	}

	.footer-words A:link 
	{
		color: #ffffff;
		text-decoration: none;
		font-size: 9pt; /* font-size: 8pt; */
		font-family: Arial;
	}

	.footer-words A:hover 
	{
		color: #0000ff;
		text-decoration: underline;
		font-size: 9pt; /* font-size: 8pt; */
		font-family: Arial;
	}

	.footer-words A:visited 
	{
		color: #ffffff;
		text-decoration: none;
		font-size: 9pt; /* font-size: 8pt; */
		font-family: Arial;
	}

	.content-body  A:link 
	{
		color: #000000;
		text-decoration: none;
	}

	.content-body  A:hover 
	{
		color: #0000ff;
		text-decoration: underline;
	}

	.content-search-table
	{
		margin-left: 0px;
		margin-top: 7px;
	}

	/* Match table in content */
	.content-arrange-table
	{
		margin-top: 10px;
		margin-left: 40px;
		padding-top: 2px;
		padding-left: 5px;
		/*padding-bottom: 3px;*/
		border-style : solid solid solid solid;
		border-width : 1px 1px 1px 1px;
		border-color : #cccccc #cccccc #cccccc #cccccc;
	}
	
	.content-query-table
	{
		margin-left: 40px;
		/* margin-top: 10px; */
		border-style : solid solid solid solid;
		border-width : 1px 1px 1px 1px;
		border-color : #cccccc #cccccc #cccccc #cccccc;
	}	
	
	.content-remark 
	{
		background-color: #ffffff;
		color: #333333;
		font-size: 9pt; /* font-size: 8pt */  /* font-size: 10pt */
		font-family: Arial;
		padding-left: 10px;
		padding-top: 7px;
		line-height: 25px;
	}