body { margin:15px 0px 15px 0px; background-color:#2D2D2D; background:url(http://printhouse.com.my/images/lightdm-background.png); background-size: cover;
background-attachment:fixed;
background-position:center;}
body,p { font-size:12px; font-family:arial; color:#555555; }
li { margin-left: -10px; }
.mytextfield { height:17px; background-color:white; border:#CDCDCD solid 1px; font-family:arial; font-size:12px; color:#555555;}
.mytextfield2 { background-color:white; border:#CDCDCD solid 1px; font-family:arial; font-size:12px; color:#555555;}
.mybutton { font-family:arial; font-size: 12px;}

.fontContent { color:#555555; font-size:12px; }
.fontSubTitle { color:#F86BA0; font-size:16px; font-weight:bold; }
.fontPagination {color: #858585; font-size:11px; }

a:link, a:visited { font-size:12px; text-decoration: none; }
a:hover { font-size:12px; text-decoration: underline; }
a.linkMainNavigation:link, a.linkMainNavigation:visited { color: #FFFFFF; font-size:12px; text-decoration: none; }
a.linkMainNavigation:hover { color: #FFE6A3; font-size:12px; text-decoration: none; }
a.linkSubNavigation:link, a.linkSubNavigation:visited { color: #008BC6; font-size:12px; font-weight:bold; text-decoration: none; }
a.linkSubNavigation:hover { color: #E21C67; font-size:12px; font-weight:bold; text-decoration: none; }
a.linkSubNavigation2:link, a.linkSubNavigation2:visited { color: #5FBDE5; font-size:12px; text-decoration: underline; }
a.linkSubNavigation2:hover { color: #E21C67; font-size:12px; text-decoration: none; }
a.linkContent1:link, a.linkContent1:visited { color: #6B6B6B; font-size:12px; font-weight:bold; text-decoration: underline; }
a.linkContent1:hover { color: #6B6B6B; font-size:12px; font-weight:bold; text-decoration: none; }
a.linkContent2:link, a.linkContent2:visited { color: #237FC6; font-size:12px; font-weight:bold; text-decoration: underline; }
a.linkContent2:hover { color: #237FC6; font-size:12px; font-weight:bold; text-decoration: none; }
a.linkFooter:link, a.linkFooter:visited { color: #6B6B6B; font-size:10px; text-decoration: underline; }
a.linkFooter:hover { color: #6B6B6B; font-size:10px; text-decoration: none; }
a.linkPagination:link, a.linkPagination:visited { color: #858585; font-size:11px; text-decoration: underline; }
a.linkPagination:hover { color: #858585; font-size:11px; text-decoration: none; }

.bgcolor1 { background:#F6F6F6;}
.bgcolor2 { background:#F2F2F2;}
.bgcolor3 { background:#DDDDDD;}

.borderTable { border:#B6B6B6 dashed 1px; }
.borderBottom_homeBanner { border-bottom:#F5F5F5 solid 8px;}
.border_subContent { border-left:#CECECE solid 1px; }
.border_pic { border:#7FA3BD solid 1px; padding: 2px;}
.borderBottom_subLink {border-bottom:#E9E9E9 solid 1px;}

.arrow1 { list-style:url(../images/arrow01.gif);}
.arrow2 { list-style:url(../images/arrow02.gif); margin-bottom: 0px; margin-top:0px;}

.headerTd1 { background-image:url(../images/header_topleft.gif); background-position:top left; background-repeat:no-repeat; padding-bottom:9px; padding-top:7px; padding-left:12px;}
.headerTd2 { background-image:url(../images/header_topright.gif); background-position:top right; background-repeat:no-repeat;}
.mainTable { width:755px; background:#FFFFFF}
.mainNavigation { width:760px; background:#494949; border-bottom:#8D8D8D solid 4px; height:30px; padding-left:12px; padding-right:12px; }
.homePanel { height:166px; vertical-align:top; background:#F3F3F3; border-top:#E9E9E9 solid 8px; border-bottom:#E9E9E9 solid 8px; padding: 20px 0px 20px 0px; }
.homePanelPic { width:351px; height:222px; }
.footer { width:760px;  background:#D4D4D4; font-family:Arial; color: #6B6B6B; font-size:10px; height:28px; padding-left:12px; }


/* sub page */
.tdSubLeft { width:193px; padding-bottom:10px;  }
.tdSubRight { width:567px; padding-bottom:10px; }
.divSubPanel { border-top:#E9E9E9 solid 5px;border-left:#E9E9E9 solid 6px;border-bottom:#E9E9E9 solid 7px; height:120px; width:187px; margin-bottom:5px;}
.divSubBanner { border-bottom:#E9E9E9 solid 6px; width:567px; height:181px; }
.divSubContent { border-left:#CECECE solid 1px; padding-top:15px; padding-left: 15px; padding-right:15px; }
.divSubLinks { background-image:url(../images/arrow01.gif); background-repeat:no-repeat; background-position:left; padding-bottom:5px; padding-top:5px; padding-left:15px; margin-right:25px; margin-left:12px;}
.divSubSubLinks { padding-left:25px;}
.divSubSubLinksAll { padding-bottom:10px; margin-right:25px; margin-left:12px; }

.paddLeft10 { padding-left:10px; }
.divLanyardText { padding-top:2px; padding-bottom:2px; height:13px; float:left; width:58px; }

/* card design system page (CDS) */
.CDSbanner { border:#E9E9E9 solid 6px; height:50px; width:748px; background-image:url(../images/sys_banner.gif); }
.CDScontent { padding:15px; }
.CDSdivFrame { border:#FDEDF3 solid 9px; margin-top:3px; padding: 12px; }
.CDSdivThumbnail { border-bottom:#E5E5E5 solid 1px; margin-bottom:20px; padding-bottom:10px; margin-top: 10px;}
.CDSpicBorder1 { width:123px; border:#DCDCDC solid 1px; padding:2px; margin-right:5px;}
.CDSpicBorder2 { width:404px; border:#DCDCDC solid 1px; padding:2px;}

.textbox { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; background-color: white; TEXT-ALIGN: left; }

.button { border-right: lightgrey 1px solid; border-top: lightgrey 1px solid; border-left: lightgrey 1px solid; border-bottom: lightgrey 1px solid; background-color: #f5f5f5; }