body {margin:0; padding:0; font:12px Arial; background:url(../images/bg_body_top.gif) repeat-x center 33px; color:#464646}

img{border:0; outline:none; margin:0; padding:0; vertical-align: bottom }

/* Remove dotted-line on click */
a {outline: none; ie-dummy: expression(this.hideFocus=true); text-decoration:none; color:#216BBD}
a:hover{text-decoration:underline}
.cBoth{clear:both}
.fLeft{float:left}
.fRight{float:right}

/* for Print */
.print{}
.inPrint{ display:none; }

.wrapper{}
.header{width:100%; height:33px; background:url(../images/header_blue_bar.gif) repeat-x top center}
.headerPosition{width:920px; margin:0 auto; position:relative}

.logo{position:absolute; left:11px}

.topMenuWrap{position:absolute; left:90px; top:5px;}
.topMenuList{list-style:none; margin:0; padding:0}
.topMenuList li{float:left}

.searchWrap{position:absolute; top:5px; right:0; width:170px; background:#FFF}
.searchWrap input{font-size:11px; padding:2px}
.searchBtn{position:absolute; right:5px; top:3px}

.mainMenuWrap{width:920px; margin:0 auto; position:relative; z-index:10; height:53px}
.mainMenuPosition{position:relative; float:right; top:25px; width:638px;}

.contentWrapper{width:920px; margin:0 auto; position:relative; clear:both; overflow:hidden; padding-top:30px}

.homeColumnL{width:706px; float:left; position:relative}
.homeColumnR{width:200px; float:right; position:relative}

.bannerWrap{margin-bottom:10px; position:relative; top:-15px; height: 280px;}

.programmeWrap{margin-bottom:10px; clear:both}
.programmeTab{list-style:none; margin:0; padding:0; position:relative; border:1px solid #E1E1E1; border-top:none; border-bottom:none; overflow:hidden}
    .programmeTab > li{float:left}
    .programmeTab .separator{min-height:204px}
.programmeTabHeader{}
.programmeTabContent{position:relative; display:none; width:100%}

.programmeContentWrap{background:url(../images/tab_content_bg_repeat.gif) repeat-x center bottom; border:1px solid #E1E1E1; border-top:none; clear:both}
.programmeContentWrap .programmeTabContent:first-child {display:block}
.programmeContainer{overflow:hidden;}
.programmeColumnL, .programmeColumnR{float:left}

.programmePosition{padding:10px 20px; overflow:hidden}
.programmePadLess{padding:10px 0}
.programmeList{list-style:none; margin:0; padding:0}
    .programmeList > li{border-top:1px solid #E1E1E1; clear:both; overflow:hidden; padding:10px 0}
    .programmeList > li:first-child{border-top:none}
    .programmeList img{margin-right:10px}
    
.programmeDesc{width:285px; float:left; margin-left:10px}
.programmeTitle{font-weight:bold; margin-bottom:3px}
.programmeDate{font-size:11px; color:#707070}
.programmeViewMore{float:right; margin-right:20px}
.viewByList{list-style:none; margin:0; padding:0}
    /*.viewByList li{background:url(../images/arrow_blue.gif) no-repeat left 3px; padding-left:15px; margin-bottom:5px }*/
    
/*Short Programme Column*/
.pShort .programmeColumnL{width:530px}
.pShort .programmeColumnR{width:174px; font-size:11px}
.pShort .programmeColumnR img{margin-bottom:5px}

/*Skill Upgrade Programme Column*/
.pSkill .programmeColumnL{width:530px}
.pSkill .programmeColumnR{width:174px; font-size:11px}
.pSkill .programmeColumnR img{margin-bottom:5px}

/*Certification Programme Column*/
.pCertification .programmeColumnL{width:530px}
.pCertification .programmeColumnR{width:174px; font-size:11px}
.pCertification .programmeColumnR img{margin-bottom:5px}

/*Academic programmes Column*/
.pAcademic .programmeColumnL{width:530px}
.pAcademic .programmeColumnR{width:174px; font-size:11px}
.pAcademic .programmeColumnR img{margin-bottom:5px}

/*Monthly programmes Column*/
.pMonthly .programmeColumnL{width:530px}
.pMonthly .programmeColumnR{width:174px; font-size:11px}
.pMonthly .programmeColumnR img{margin-bottom:5px}

.FMMBSearchBg{background:url(../images/prog_search_bg.jpg) no-repeat center top; width:174px; height:173px}
.FMMBPosition{padding:10px 20px; overflow:hidden}
.FMMBTitle{color:#FFF; font-weight:bold; margin-bottom:5px}
.FMMBComboBox{margin-bottom:15px}
.FMMBBtn{float:right}




.whatNewWrap{ width:336px; float:left; background:url(../images/whatsnew_shadow_repeat.gif) repeat-y right top; margin-right:50px }
.whatNewContainer{ background:#fdf3ea; width:333px; border:1px solid #f1e0d1; border-right:none; border-top:none}
.whatNewList{ list-style:none; margin:0; padding:0;}
    .whatNewList li{padding:10px 40px 10px 15px; border-top:1px solid #f1e0d1; background:url(../images/whatsnew_btn.gif) no-repeat 300px 50%; cursor:pointer;}
    .whatNewTitle{font-weight:bold}
.testimonialsWrap{width:318px; float:left; position:relative; font-size:11px;  }
.testimonialDesc{ margin:0px 0 5px}
.testimonialSign{margin-bottom:10px; font-size:11px; line-height:1.1em;}
.testimonialBtn{}

.adWrap{margin:10px 0; width:100%; overflow:hidden; clear:both}
.adList{list-style:none; margin:0; padding:0; width:714px}
    .adList li{float:left; margin-right:10px}
    
.pMonthlyWrap{width:200px; height:100px; background:url(../images/banner_trainingprog.jpg) no-repeat center top; position:relative}
.pMonthlyPosition{ position:relative; top:38px; left:12px}
.pMonthlyBtn{margin-top:5px}
.pTrainingCalendar { padding:54px 0 0 13px; }

.DownloadFormBanner{margin-bottom:10px}

.footerWrap{border-top:1px solid #E2E2E2; background:#ECECEC; color:#707070; font-size:11px }
.footerWrap a{color:#707070}
.footerPosition{width:920px; margin:0 auto; padding:10px 0 20px}
.footerList{list-style:none; margin:0; padding:0; overflow:hidden}
    .footerList li{float:left; padding:0 10px; border-left:1px solid #707070}
    .footerList li:first-child{border-left:none; padding-left:0}
    
/* MASTER */
.breadCrumbWrap{background:#D2D2D2; overflow:hidden; height: 24px; width: 470px; float:left;}
.breadCrumbContainer{width:480px; float:left; position:relative}
.breadCrumbPosition{position:relative; top:4px; left:10px; font-size:11px; color:#686868}
.breadCrumbPosition a{ color:#686868}
.navigationBtn{float:left;z-index:10; position:relative;}
.PrintFavWrap{background:#D2D2D2; overflow:hidden; height: 24px; width: 130px; float:left;}
.PrintFavPosition{position:relative; top:4px; font-size : 11px;}

.navigationContent{position: absolute; background-color: #D6E7F9; border: 1px solid #A0C4E6; border-top:none;padding: 30px;width: 644px; display:none; right:0; top:24px}

.Sectiontitle h1{color:#385479; font-size:16px}

.articleContent{min-height:50px}

.redFont{color:Red;}
.backToTop{clear:both; margin:20px 0 }



/*SUB PAGE CONTENT*/
.subContHeader {font-size:13px; color:#636363; font-weight:bold; font-style:italic}
.subHeader {font-size:14px; color:#1E58A6; font-weight:bold}
.underline {border-bottom: 1px solid #D0D0D0}
.underline4 {border-bottom: 4px solid #C0D3E7; }
.questionTitle{font-weight:bold}
.padding {padding:16px 2px}
.answerTitle{font-weight:bold; color:#108F10}
.font11 { font-size:11px; line-height:1.3em; }

#trainingTbl td{padding: 5px 5px 5px 0px;}

.trainingTitleBlue {
color: #1E59A5;
font-weight: bold;
font-size: 13px;
}
.trainingDownload {padding: 10px;}
.trainingDesc{padding: 10px  10px  10px 0px;}

.programmesFAQ{list-style:none; margin:0; padding:0}
.programmesFAQ li{float:left}

/*table format 2*/
.tableFormat {border:#D3D3D3; background-color:#edf1f8}
.tableFormat tr>td {border-bottom:1px solid #ffffff}
.tableFormat tr > td:first-child {padding-left:10px !important; color:#1E59A5}
.tableAltBlue {background-color:#edf1f8}

 .landingGrid {margin: 0px !important; padding-left: 15px !important; }
 .landingGrid li{margin-bottom:10px; list-style-image:url(../images/bullet.png) !important; padding-left:0px; clear:both}
 .landingGrid a{ font-weight:bold;}
 
.Sectiontitlebranch{margin-top:-20px}
.Sectiontitlebranch h1{color:#165CA6; font-size:14px; clear:both;margin:0; padding:0 0 10px 0; }

/*Search Photo Gallery*/
.photoSearchWrap{width:100%; background:#CCC; padding:5px 0 3px; overflow:hidden}
.photoSearchList{list-style:none; margin:0; padding:0; float:right; margin-right:10px; overflow:hidden}
.photoSearchList li{float:left; clear:none !important; padding-left:5px; padding-top:1px}
.photoSearchBox{padding-top:0!important}

.photoWrap{clear:both}

.searchBorder{float:right; margin-right:85px; margin-top:-30px;}
.searchBox{font-size:11px; color:#999; margin-top:-4px;}
.searchBtn1{float:right; background:url(../images/btn_search.png); margin-top:-4px;}
.searchCombo{margin-right:10px;}
.clsYear { background-color:#286abe; height:20px; text-align:center; width:162px; }
.clsYear a { text-decoration:none; color:#fff; font-weight:bold; }
.clsPhotoThumbYear {width:162px; height:100px; overflow:hidden;}
.clsPhotoThumb {border:3px solid #DCDCDC; width:132px; height:88px; overflow:hidden; background-color:#DCDCDC;}

.SearchMsg { margin: 20px 0px;}

/* Shopping Cart */
.sc-details .float { float: left; width: 340px; }
.sc-details .sc-delivery { padding-left: 10px; }
.sc-details .title { font-weight: bold; }
.sc-details .content { padding-left: 10px; }
/*.sc-billing { border-right: 1px solid #ccc; }*/
.eqheight { float: left; overflow: hidden; position: relative; }
.border { border: 1px solid #ccc; float: left; padding: 10px; width: 320px; margin-bottom: -1000px; padding-bottom: 1000px; }
.next { margin-left: 20px; }
.border > div { width: 320px; }
.border > div.pad { height: 41px; }
.border > div.btn { bottom: 12px; height: 29px; margin-left: -10px; position: absolute; width: 340px; }
.border > div.btn input { margin-right: 10px; }
.border > div.bdbtm { background: #ccc; bottom: 0; height: 1px; margin-left: -10px; position: absolute; width: 340px; }
.border .ipay88 { margin-left: 110px; }
.addcart .title { background: #d5e6f7; color: #17519c; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 20px; }
.addcart .row { line-height: 22px; padding: 20px 20px 0 20px; }
.topMenuWrap { width: 640px; }
#viewcart { background: url('../images/navi_shoppig_cart.png') no-repeat; display: inline-block; height: 23px; text-align: center; width: 130px; }
#viewcart a { display: inline-block; height: 23px; line-height: 22px; position: relative; width: 130px; }
#viewcart a:hover { text-decoration: none; }
#viewcart .b { color: #fff; display: inline-block; height: 23px; position: absolute; left: 90px; line-height: 22px; }
.pad { float: right; width: 10px; }
.publicTable td.riSpin{background: none;}

/* Pop Up */
.messagepop {background-color:#FFF; border:1px solid #999; cursor:default; position:fixed; left:50%; top:100px; text-align:left; width:440px; height:320px; z-index:9999; padding: 25px 25px 20px; overflow:auto; margin:-0 auto}
.messagepop p, .messagepop.div {border-bottom: 1px solid #EFEFEF;margin: 8px 0;padding-bottom: 8px;}
.messagepop1 { cursor:default; position:fixed; left:50%; top:100px; text-align:left; width:900px; height:400px; z-index:9999; margin-left:-475px}
.messagepop1 .title { background: #d5e6f7; color: #17519c; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 20px; }
.messagepop1 div.messagepop2 { padding: 25px 25px 20px; overflow: auto; height:400px; }
.messagepop1 p, .messagepop1.div {border-bottom: 1px solid #EFEFEF;margin: 8px 0;padding-bottom: 8px;}
.formStar{ color:#F00}


.sys-custom-window, .window-cover-bg {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 400;}
.window-cover-bg {z-index: -1;background: rgba(0,0,0,0.7);}
.window-block {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 800px;transform: translate(-50%,-50%);line-height: 1.2;padding-top: 32px;z-index: 500;}
.window-body {background: #fff;}
.window-scroll {position: relative;top: 0;left: 0;right: 0;bottom: 0;overflow: auto;max-height: calc(100vh - 200px);}
.window-content {padding: 20px 40px;}
.window-hero { height: 135px; background-repeat: no-repeat; background-position: 50% 0; position: relative;}
/* Login */
.loungeWrap{ margin-bottom:10px; }
.loungeTop{background:url(../images/members_lounge_top.png) no-repeat left top; padding-top:62px}
.loungeBottom{background:url(../images/members_lounge_bottom.gif) no-repeat left bottom; padding-bottom:5px}
.loungeMid{background:url(../images/members_lounge_bg_repeat.gif) repeat-y left top;}
.loungePosition{position:relative; padding:0 15px;}
.loginPosition, .paswwordPosition{margin-bottom:10px}
.loginPosition input, .paswwordPosition input{padding:4px}
.forgotPW{font-size:10px}
.loginBtnWrap{overflow:hidden}
.loginBtn{}
.bgTitleButton { }
.bgImgMember { padding-top:20px} 

.EventRegDeadLine {font-size:13px; color:#BF3753; font-weight:bold; clear:both}


.PubButtonBar {list-style:none; margin:0; padding:0; overflow:hidden;}
.PubButtonBar li{float:left; padding: 10px  10px 0px 0px !important; clear:none ! important; list-style-image:none ! important}
.PubButtonBar li:first-child{}
.PubNoRecord {background:#fff99d; padding:20px 20px; margin-top:20px;font-size:12px}


.formList{list-style:none; margin:0; padding:0; width:540px}
.formList > li{clear:both; margin-bottom:10px; overflow:hidden; list-style-image:none !important}
.formList > li > div{float:left}
.formList > li > div:first-child{margin-top:8px; width:150px; font-weight:bold}
.formStar{ color:#F00}