div.zLayer{visibility:hidden;position:absolute;left:1px;top:1px;z-index:2;border:1px #444444 solid;background:#ffffff;padding:15px;}

td.hdr {
  font: bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif; 
  margin: 0; 
  color: #546F92;
  /*color: black; */
  background-color:transparent; 
	TEXT-DECORATION:none
}

td.help { 
	font-family: Arial,Tahoma,Verdana;
  font-size:	10pt;
}
TH { 
	font-family: Arial,Tahoma,Verdana;
  font-size:8pt
}
P, TD { 
	font-family: Arial,Tahoma,Verdana;
  font-size:	8pt;
}
TD.red {
  color : red
}
input, select, textarea, legend {
	font-family: Arial,Tahoma,Verdana;
	font-size:			8pt;
	color:					#000000
}
BODY {
  background-color:#FFFFFF
}
.menu {
  border-left: #DEDDDD;
}
.erMsg {
  color: red;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 8pt;
  text-align: left;
  padding-left: 3pt;    
  font-weight: bold;
}
.TableHeader  {
  color: white;
  background: #31659C;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;
  height: 25px;  
}
.TableHeader2  {
  color: #A39579;   /*  A39579 - brown */
  background: #EDF7E7;  /*  #90AAAF  , chocolate:9E7F63 */ 
	font-family: Arial,Tahoma,Verdana;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;  
}
.TableDetail1  {
  color: #3D3D3D;
  background: #FBFBFB;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px;
}
.TableDetail2  {
  color: #3D3D3D;
  background: #F1E39C;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px;
}
.hrefLink, a.hrefLink:link, a.hrefLink:visited, a.hrefLink:active {
  color: blue;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  TEXT-DECORATION:none
}
a.hrefLink:hover {
  color: blue;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  TEXT-DECORATION:underline
}
.TableLabel  {  
  color: #3D3D3D;
  background: #C1C1C1;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;
}
.TableDetails  {
  padding-left:5px;
  padding-right:5px;
}
.more, .more:link, .more:visited, .more:active, .more:hover {
  color: #1D7111;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-align: center;
}
.footer {
  color: black;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;
}
.footerLink, a.footerLink:link, a.footerLink:visited, a.footerLink:active {
  color: black;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  TEXT-DECORATION:none
}
a.footerLink:hover {
  color: #0000A0;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  TEXT-DECORATION:none
}
.topsubmenu {
  color: white;
	font-family: Arial,Tahoma,Verdana;
  font-size: 10pt;
  font-weight: bold;    
  text-align: left;
  TEXT-DECORATION:none
}
.topsubmenuLink, a.topsubmenuLink:link, a.topsubmenuLink:visited, a.topsubmenuLink:active {
  color: white;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: right;
  TEXT-DECORATION:none
}
a.topsubmenuLink:hover {
  color:#FF7200;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: right;
  TEXT-DECORATION:none
}
.topmenuLink, a.topmenuLink:link, a.topmenuLink:visited, a.topmenuLink:active {
  color: Lime;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}
a.topmenuLink:hover {
  color: #FF7200;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}
.topsubmenureadonlyLink {
  color:Gray;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: right;
  TEXT-DECORATION:none
}
.menuLink, a.menuLink:link, a.menuLink:visited, a.menuLink:active {
  color: black;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  text-align: center;
  TEXT-DECORATION:none
}
a.menuLink:hover {
  color: #0000A0;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  text-align: center;
  TEXT-DECORATION:none
}
.submenuLink, a.submenuLink:link, a.submenuLink:visited, a.submenuLink:active {
  color: #FF7200;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  text-align: center;
  TEXT-DECORATION:none
}
a.submenuLink:hover {
  color: blue;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}
.submenuLink2, a.submenuLink2:link, a.submenuLink2:visited, a.submenuLink2:active {
  color: #FF7200;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;    
  text-align: center;
  TEXT-DECORATION:none
}
a.submenuLink2:hover {
  color: blue;
	font-family: Arial,Tahoma,Verdana;
  font-size: 7.5pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}
.header {
  /*color: NAVY;
  font-size: 12pt;
  font-weight: bold;

	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;*/
  
  color: #4AC250;
  /* font-size: 12pt; */

	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;
}
a.tab, a.tab:link, a.tab:visited  {
  font-family:verdana;
  font-size:7pt;
	color: 					#000000; 
	font-weight:		bold;
	TEXT-DECORATION:none
}
a.tab:hover {
  font-family:verdana;
  font-size:7pt;
	color : 				#0000A0; 
	font-weight:		bold;
	TEXT-DECORATION: none
}
a.btn, a.btn:link, a.btn:visited  {
  font-family:verdana;
  font-size:7pt;
	color: 					#000000; 
	font-weight:		bold;
	TEXT-DECORATION:none
}
a.btn:hover {
  font-family:verdana;
  font-size:7pt;
	color : 				#FFFFFF; 
	font-weight:		bold;
	TEXT-DECORATION: none
}
.Title {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.MsgTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: Arial; TEXT-DECORATION: none;
	text-align: center;
}
.MsgDetails {
  FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial; TEXT-DECORATION: none;
	text-align: center;
}
.err {
	font-family:	arial, helvetica, san-serif;
	font-size:		8pt;
	color:			  #B51410
	}
.hrefTooltips, a.hrefTooltips:link, a.hrefTooltips:visited,
a.hrefTooltips:active {
  color: #3D3D3D;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: normal;
  TEXT-DECORATION:none
}


/* added zWait for wait page */
div.zWait{visibility:visible;position:absolute;left:1px;top:1px;z-index:2;border:1px #444444 solid;background:#EAF4E5;padding:15px;}
 	
/*- Submenu --------------------------- */

    #Submenu {
      font: bold 11px/1.5em Verdana;
      float:left;
      width:100%;      
      /*  background:#EDF7E7;  */
      font-size:100%;
      line-height:normal;
      text-align:right;
      }
    #Submenu ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #Submenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #Submenu span {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }

/* ROUNDED CORNERS - Grey border */   
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 8px; letter-spacing:1px;}   
#xsnazzy h1 {font-size:12px; color:#fff;}   
#xsnazzy h2 {font-size:12px;color:#06a; border:0;}   
#xsnazzy p {padding-bottom:1px;}   
#xsnazzy h2 {padding-top:1px;}   
#xsnazzy {background: #F7F4C5; margin:1px;}    /* background:transparent;  */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}  
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}  
.xb1, .xb2, .xb3 {height:1px;}  
.xb2, .xb3, .xb4 {border-left:1px solid #ccc; border-right:1px solid #ccc;}  
.xb1 {margin:0 5px; background:#ccc;}  
.xb2 {margin:0 3px; border-width:0 1px;}  
.xb3 {margin:0 2px;}  
.xb4 {height:2px; margin:0 1px;}  
.xboxcontent   
{
  display:block;   
  border:0 solid #ccc;   
  border-width:0 1px;  
}

/********** Add by Chong LJ **********************/

.LblTrans
{ 
  /* Transparent Label */
  background-color:transparent;
  border:none;
}
.LblTrans2
{ 
  /* Transparent Label */
  background-color:transparent;
  color:White;
  border:none;
}
.alR
{
  /* Align right */
  text-align:right;
}
.LblTotal
{
  border:1px solid black;
  background-color:#FFFBFF;
  text-align:right;
}
.TableHeader3  {
  color: #A39579;   /*  A39579 - brown */
  background: #0052A4;  /*  #90AAAF  , chocolate:9E7F63 */ 
	font-family: Arial,Tahoma,Verdana;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;  
}
.TableHeader4  {
  color: #A39579;   /*  A39579 - brown */
  background: #DCDCDC;  /*  #90AAAF  , chocolate:9E7F63 */ 
	font-family: Arial,Tahoma,Verdana;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;  
}

.TableHeader5  {
  color: #A39579;   /*  A39579 - brown */
  background: #0052A4;  /*  #90AAAF  , chocolate:9E7F63 */ 
	font-family: Arial,Tahoma,Verdana;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;  
}

	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#317082;
		color:White;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
/**********************************************/
.SubTot
{
  border-left-width: 0pt;
  border-right-width: 0pt;
  border-top-color:black;
  border-top-style: solid;
  border-bottom-color:black;
  border-bottom-style: solid;  
  text-align:right;  
  background-color: #EDF7E7;
}

/***** Button Color *********/
.BtnColorEmpty  {
  color: #3D3D3D;
  background: #FF7200;  
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px; 
}

.BtnColorFill  {
  color: #3D3D3D;
  background: #4AC250; 
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px; 
}

.GLBtnColor  {
  color: #FFFFFF;
  background: #3333FF;  
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  padding-left:5px;
  padding-right:5px; 
}

.txtBorderColorOrange {
  border-color:#FFA500;
  text-align:right;
}

.txtBorderColorGreen {
  border-color:#008000;
  text-align:right;
}

.txtBorderColorRed {
  border-color:#008000;
  text-align:right;
} 

.UnEditable {
  background: #EBEBE4;
  border: 1px #7F9DB9 solid;  
} 

.FlipPage {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.flip-horizontal {
  direction: rtl;
  unicode-bidi: bidi-override;
}

a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-100px; margin-left:-250px; width:250px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }