html,body{

overflow-x: hidden;
padding : 0px;
margin : 0px;
padding-top: 5px;
/*background: #000000 url(/images/bground.jpg) repeat-x; */
/*scrollbar-width : 5px;*/
}
body{
background: #000000 url(/images/bground.jpg) repeat-x;
}



#nobg{ background: url(/images/invis_spacer.png) repeat;}
#backgroundImage{visibility:hidden;}


bodymain { margin:0; 
}



.General { 
font-family: Arial; 
font-size: 12px; color: #666666; 
text-align: left;
}

.SubTitle { 
font-family: Arial; 
font-size: 15px; 
color: #006666;
/*color: #383838; */ 
text-align: left; 
padding-left: 0; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;}


.GeneralBodyText { 
font-family: Arial; 
font-size: 12px; color: #666666; 
text-align: left; 
padding-left: 2px; 
padding-right: 2px; 
padding-top: 2px; 
padding-bottom: 2px}

.ColorBodyText { 
font-family: Arial; 
font-size: 12px; color: #018983; 
text-align: left; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 2px; 
padding-bottom: 2px;}

.GeneralBodyScroll { 
font-family: Arial; 
font-size: 12px; 
color: #666666; 
text-align: left; 
padding-left: 5px; 
padding-right: 20px; 
padding-top: 2px; 
padding-bottom: 2px;}			   

.sitemapText { 
font-family: Arial; 
font-size: 11px; 
color: #018983; 
text-align: left; 
padding-left: 15px; }

.SubHeader { 
font-family: Arial; 
font-size: 12px; 
color: #383838; 
text-align: left; 
padding-left: 0px; 
padding-right: 5px; 
padding-top: 2px; 
padding-bottom: 2px;}				   

.LinkTable { 
padding-top: 5px; 
padding-bottom: 5px;}

.Link { 
font-family: Arial; 
font-size: 14px; 
color: #018983; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 1px; }
				   
a.basicLink:link { 
font-family: Arial; 
font-size: 14px; 
color: #018983; 
text-decoration: none; 
font-weight: normal; }

a.basicLink:visited { 
font-family: Arial; 
font-size: 14px; 
color: #018983; 
text-decoration: none; 
font-weight: normal; }

a.basicLink:hover { 
font-family: Arial; 
font-size: 14px; 
color: #018983; 
text-decoration: underline; 
font-weight: normal; }

a.copyLink:link { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: underline; 
font-weight: normal; }

a.copyLink:visited { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: underline; 
font-weight: normal; }

a.copyLink:hover { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: none; 
font-weight: normal; }

a.copyLink2:link { 
font-family: Arial; 
font-size: 12px; 
color: #666666; 
text-decoration: underline; 
font-weight: normal; }

a.copyLink2:visited { 
font-family: Arial; 
font-size: 12px; 
color: #666666; 
text-decoration: underline; 
font-weight: normal; }

a.copyLink2:hover { 
font-family: Arial; 
font-size: 12px; 
color: #666666; 
text-decoration: none; 
font-weight: normal; }

a.siteLink:link { 
font-family: Arial; 
/* default font-size: 11px;  */
font-size: 12px;
line-height:13px;
color: #018983; 
text-decoration: none; 
font-weight: normal; }

a.siteLink:visited { 
font-family: Arial; 
font-size: 12px; 
line-height:13px;
color: #018983; 
text-decoration: none; 
font-weight: normal; }

a.siteLink:hover { 
font-family: Arial; 
font-size: 12px; 
line-height:13px;
color: #ffffff; 
text-decoration: underline; 
font-weight: normal; }

.border { 
border-top: 1px solid #C6C6C6; 
border-left: 1px solid #C6C6C6; 
border-right: 1px solid #C6C6C6; 
border-bottom: 1px solid #C6C6C6;}

.TableLeftGrid { 
border-right: 1px solid #C6C6C6; }

.TableCentreGrid { 
border-right: 1px solid #C6C6C6; 
border-left: 1px solid #C6C6C6; }

.TableTitleleft { 
font-family: Arial; 
font-size: 12px; 
color: #383838; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px; 
border-right: 1px solid #C6C6C6; 
border-bottom: 1px solid #C6C6C6; }		

.TableTitleRight { 
font-family: Arial; 
font-size: 12px; 
color: #383838; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px; 
border-bottom: 1px solid #C6C6C6; }	
	
.TableTitleCentre { 
font-family: Arial; 
font-size: 12px; 
color: #383838; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px; 
border-bottom: 1px solid #C6C6C6;  
border-left: 1px solid #C6C6C6; 
border-right: 1px solid #C6C6C6;}	

.InputField {
    background-color:#2F2F2F;
	border-color:#999999;
	border-top-style:solid; 
	border-top-width:1px; 
	border-left-style:solid; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-width:1px;
	border-bottom-style:solid; 
	border-bottom-width:1px;	
	font-family:arial;
	color:#FFFFFF;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
}				

.ColorBodyTextLG { 
font-family: Arial; 
font-size: 12px; color: #006600; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px;}

.ColorBodyTextDG { 
font-family: Arial; 
font-size: 12px; color: #003333; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px;}

.ColorBodyTextLB { 
font-family: Arial; 
font-size: 12px; color: #336699; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px;}

.ColorBodyTextDB { 
font-family: Arial; 
font-size: 12px; color: #003366; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px;}

.ColorBodyTextOG { 
font-family: Arial; 
font-size: 12px; color: #666600; 
text-align: left; 
padding-left: 1px; 
padding-right: 1px; 
padding-top: 2px; 
padding-bottom: 2px;}

/*- TAGS -----------------------------------------------------------------------------*/
#cloud {
	text-align: justify; padding: 0 20px;		
}
.tag {
font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em; padding-right: 0.4em; 
	cursor: pointer;
	color:#CCCCCC;
	text-decoration: none; 
}
.tag:hover {
	color:#018983;
}
.ts1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
}
.ts2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}
.ts3 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.ts4 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.ts5 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.ts6 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
.ts7 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.ts8 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
.ts9 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}
.ts10 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
/*- END TAGS -------------------------------------------*/


/*- COLLAPSIBLE DIV ( + , - ) --------------------------*/
.switchgroup1{
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px;
}
/*- Collapsible div ( + , - ) END ----------------------*/


/*- BUBBLE TOOL TIPS -----------------------------------*/
a.tt, a.tt2{
    position:relative;
    z-index:24;
    color:#3CA3FF;
		font-weight:bold;
    text-decoration:none;
}
a.tt span, a.tt2 span{ display: none }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover, a.tt2:hover{ z-index:25; color: #aaaaff}

a.tt:hover span.tooltip, a.tt:focus span.tooltip{
    display:block;
    position:absolute;
    top:-190px; left:0; /*ori top:0px; left:0;  */
		padding: 15px 0 0 0;
		width:200px;
		color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.top{
	display: block;
	padding: 10px 8px 0; /* ori padding: 30px 8px 0; */
  background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: #ffffff;/*url(../images/bubble_filler.gif) repeat bottom; */
}
a.tt:hover span.bottom{
	display: block;
	padding:13px 8px 10px; /* ori padding:3px 8px 10px; */
	color: #548912;
   background: url(../images/bubble.gif) no-repeat bottom;
}

a.tt2:hover span.tooltip{
	display:block;
    position:absolute;
    top:0px; left:0; /*ori top:0px; left:0;  */
		padding: 15px 0 0 0;
		width:200px;
		color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	}
a.tt2:hover span.top{
	display: block;
	padding: 30px 8px 0; /* ori padding: 30px 8px 0; */
  background: url(../images/bubble_bttm.gif) no-repeat top;
}
a.tt2:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: #ffffff;/*url(../images/bubble_filler.gif) repeat bottom; */
}
a.tt2:hover span.bottom{
	display: block;
	padding:3px 8px 10px; /* ori padding:3px 8px 10px; */
	color: #548912;
   background: url(../images/bubble_bttm.gif) no-repeat bottom;
}
/*- BUBBLE TOOL TIPS END--------------------------------*/



/* NEW ADDITION START */

.bodymain { 
/*background: #000000; */
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;}

.bodytextmain { 
background: #FFFFFF;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;}

.bodybg { 
background: url(../../images/bground.jpg) top repeat-x left;}

.highlightsCopy { 
font-family: Arial; 
font-size: 11px; color: #CCEDEB; 
text-align: left; }

a.highlightsLink:link { 
font-family: Arial; 
font-size: 11px; 
color: #CCEDEB; 
text-decoration: none; 
font-weight: normal; }

a.highlightsLink:hover { 
font-family: Arial; 
font-size: 11px; 
color: #ffffff; 
text-decoration: none;
font-weight: normal; }

.InputField {
    background-color:#2F2F2F;
	border-color:#999999;
	border-top-style:solid; 
	border-top-width:1px; 
	border-left-style:solid; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-width:1px;
	border-bottom-style:solid; 
	border-bottom-width:1px;	
	font-family:arial;
	color:#CCCCCC;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
}

.footerCopy { 
font-family: Arial; 
font-size: 11px; color: #999999; 
text-align: left; }		

"link-visited-hover-active",

a.footerLink:link { 
font-family: Arial; 
font-size: 11px; 
color: #999999; 
text-decoration: none; 
font-weight: normal; }

a.footerLink:visited { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-decoration: none;
font-weight: normal; }

a.footerLink:hover { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-decoration: underline;
font-weight: normal; }

a.footerLink:link { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-decoration: none;
font-weight: normal; }

.sitemapText { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-align: left;
padding-left:1px;
padding-top:1px;
padding-bottom:1px; 
}

/*
a.sitemapLink:link { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-decoration: none; 
font-weight: normal; }

a.sitemapLink:hover { 
font-family: Arial;
font-size: 11px; 
color: #00CCCC; 
text-decoration: underline;
font-weight: normal; }

a.sitemapLink:visited { 
font-family: Arial; 
font-size: 11px; 
color: #CCCCCC; 
text-decoration: none; 
font-weight: normal; } */

/* NEW ADDITION END */

/* New edit by Henry 2009 02 27  */
.milestonesDate{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color:#CCCCCC;
text-decoration:none;
text-align:center;
}
a.milestonesDate:link {
font-size: 30px;
color:#CCCCCC;
text-decoration:none;
text-align:center;
}
a.milestonesDate:hover{
font-size:35px;
color:#666666;
text-decoration:none;
text-align:center;
}
a.milestonesDate:visited{
font-size:30px;
color:#CCCCCC;
text-decoration:none;
text-align:center;
}
.GeneralBodyTextGreen { 
font-family: Arial; 
font-size: 12px; color: #006666; 
text-align: left; 
padding-left: 5px; 
padding-top: 2px; 
padding-bottom: 2px;
}
.GeneralBodyTextWhite { 
font-family: Arial; 
font-size: 12px; color: #FFFFFF; 
text-align: left; 
padding-left: 5px; 
padding-top: 2px; 
padding-bottom: 2px;
}

.tooltipsCopyLink, .tooltipsCopyLink a,.tooltipsCopyLink a:link, .tooltipsCopyLink a.current{ font-family: Arial; font-size: 10px; color: #018983; text-decoration: none; font-weight: normal; position:absolute }

.tooltipsCopyLink #tooltipsNotes {border:1px solid #FFF; background-color:#018983; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:5px 3px; z-index:1000;position:absolute; width:160px; left:-80px; text-align:center; top:-1000px; }

.tooltipsCopyLink  a:hover #tooltipsNotes { top:20px;}



/* ADDED BY TAY */
#overlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	/*height: 100%; */
	
	background: url(/images/overlay1.gif);
	
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	/*z-index: 1000;*/
}

/* ADDED BY Henry 2009-03-10 */
#overlay2
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 100%;
	
	background: url(/images/overlay1.gif);
	
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .2;
	filter: alpha(opacity=20);
	
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	/*z-index: 1000;*/
}
 
.pagination, .pagination a:link{ font-family:Arial, Helvetica, sans-serif; color:#C3C6CB; font-size:11px; padding:0;}
a.pagination:link, .pagination a:link{color:#FFFFFF; text-decoration:none}
a.pagination:hover, .pagination a:hover{color:#C3C6CB; text-decoration:none}
a.pagination:visited, .pagination a:visited{color:#FFFFFF; text-decoration:none}
a.pagination:active, .pagination a:active{color:#FFFFFF; text-decoration:none}


.chart_table{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; background-color:#009999;}



/*- BUBBLE TOOL TIPS 2 -----------------------------------*/
a.tt2{
    position:relative;
    z-index:24;
    color:#3CA3FF;
		font-weight:bold;
    text-decoration:none;
}
a.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover{ z-index:25; color: #aaaaff; background:;}
a.tt2:hover span.tooltip2{
    display:block;
    position:absolute;
    top:0px; left:0;
		padding: 15px 0px 0 0;
		width:210px;
		color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt2:hover span.top2{
position:absolute;
	display: block;
	padding: 10px 0px 0px 0px;
  background: url(../images/bubble2.gif) no-repeat top;
}
a.tt2:hover span.middle2{ /* different middle bg for stretch */
position:absolute;
	display: block;
	width:200px;
	padding: 0px 0px 0px 0px; 
	/*background: url(../images/bubble2.gif) no-repeat top;url(../images/bubble_filler.gif) repeat bottom; #ffffff; */
}
a.tt2:hover span.bottom2{
position:absolute;
	display: block;
	padding:0px 200px 0px 0px;
	color: #548912;
   background: url(../images/bubble2.gif) no-repeat bottom;
}
/*- BUBBLE TOOL TIPS 2 END--------------------------------*/

/* ADDED 09072009 -searh directory pagination */

a.pagination_search {
  padding:0;
  margin:0;
  overflow-x: hidden;
  
}

/* ADDED 15072009 - footer fonts for milestone */
.general_footer { font-family: Arial; font-size: 10px; color: #666666; text-align: left; padding: 0px}

/* added 2009 07 17*/
.simpleTable{ border:none; background-color:#C0C0C0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border-collapse:collapse; vertical-align:top}
.simpleTable tr td { padding:3px 3px;background-color:#F3F3F3; vertical-align:top;border:solid 1px #C0C0C0  }
.simpleTableHeader td { background-color:#018983 !important; color:#FFFFFF !important; text-align:center; vertical-align:top }
.pressText { font-family: Arial; font-size: 12px; color: #666666;text-align: left; padding-left: 2px; padding-right: 2px; line-height:14px}

/* added new aspx structure 2009 08 25 */
#content_main{ position:absolute; width:900}
.bg_size_full{background-color:#D4D9DF; background-position:top left; background-repeat:no-repeat }
.bg_size_half{background-color:#BFC3CE; background-position:top left; background-repeat:no-repeat }
/*@font-face {font-family: "WinterthurCondensed";src: url(/styles/WinterthurCondensed.ttf);} */
@font-face {font-family: "WinterthurCondensed";src: url(http://www.antidigital.my/font/ » WinterthurCondensed.ttf) format("truetype");} 
.contentTitle { font-family:"Arial Narrow","WinterthurCondensed",Arial, Helvetica, sans-serif; font-size: 40px; color: #999999; letter-spacing:-1px; font-weight:lighter }	
.contentTitle2 { font-family:"Arial Narrow","WinterthurCondensed",Arial, Helvetica, sans-serif; font-size: 32px; color: #006666; letter-spacing:-1px; font-weight:lighter }
#profile_bar{ overflow:hidden}
a.marqueeContent:link{font-family: Arial; font-size: 12px; color: #CCCCCC; text-decoration: none; font-weight: normal; }
a.marqueeContent:hover{font-family: Arial; font-size: 12px;color: #00CCCC; text-decoration: underline !important; }
a.marqueeContent:visited{font-family: Arial; font-size: 12px;text-decoration: none;  color: #CCCCCC }
.profilerTab{ padding:0 0 0 0; margin:0 0 0 0;}

a.sitemapHeader:link { 
font-family: Arial; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: normal;
display:block}

a.sitemapHeader:visited { 
font-family: Arial; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: normal;*/
display:block }

a.sitemapHeader:hover { 
font-family: Arial; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: underline; 
font-weight: normal;
display:block }

a.sitemapHeaderMore:link { 
font-family: Arial; 
font-size: 12px; 
color: #666666; 
text-decoration: none; 
}

a.sitemapHeaderMore:visited { 
color: #666666; 
text-decoration: none; 
}

a.sitemapHeaderMore:hover { 
color: #666666; 
text-decoration: underline; }

.sitemapLink{ 
font-family: Arial; 
font-size: 14px; 
color: #004C48; 
text-decoration: none; 
font-weight: bold; }

a.sitemapLink:link { 
font-family: Arial; 
font-size: 14px; 
color: #004C48; 
text-decoration: underline; 
font-weight: bold; }

a.sitemapLink:visited { 
font-family: Arial; 
font-size: 14px; 
color: #004C48; 
text-decoration: underline; 
font-weight: bold; }

a.sitemapLink:hover { 
font-family: Arial; 
font-size: 14px; 
color: #004C48; 
text-decoration: none; 
font-weight: bold; }

a.sitemapLink2:link { 
font-family: Arial; 
font-size: 12px; 
color: #00706A; 
text-decoration: underline; 
font-weight: bold; }

a.sitemapLink2:visited { 
font-family: Arial; 
font-size: 12px; 
color: #00706A; 
text-decoration: underline; 
font-weight: bold; }

a.sitemapLink2:hover { 
font-family: Arial; 
font-size: 12px; 
color: #00706A; 
text-decoration: none; 
font-weight: bold; }

a.sitemapLink3:link { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: underline; 
font-weight: normal; }

a.sitemapLink3:visited { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: underline; 
font-weight: normal; }

a.sitemapLink3:hover { 
font-family: Arial; 
font-size: 12px; 
color: #018983; 
text-decoration: none; 
font-weight: normal; }

/* error page*/
.errorTitle{ font-family:"Arial Narrow",Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:52px;}
.errorContent {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px;}
.errorContent a:link {font-family:Arial, Helvetica, sans-serif; color:#00FFFF; font-size:12px; text-decoration:none}
.errorContent a:visited{font-family:Arial, Helvetica, sans-serif; color:#00FFFF; font-size:12px; text-decoration:none}
.errorContent a:hover{font-family:Arial, Helvetica, sans-serif; color:#00FFFF; font-size:12px; text-decoration:underline}