ol {list-style:decimal;	margin:0 0 0 18px;}
ol li { margin-left:6px; text-align:justify}
ol li ol {list-style:none; margin:15px 0 -15px 0px; }
ol li ol li { margin-left:5px; position:relative; list-style-type:none; text-align:justify;}
span.sub_numbering { position:absolute;background:url(../images/sub_numbering.gif) no-repeat 1px 5px; display:block; width:20px; height:18px; left:-22px; }
.mem_article_table { width:100%; }
.mem_article_table tr td { vertical-align:top; padding-right:10px; padding-bottom:15px; text-align:justify}
.mem_article_table tr td.noteRed { width:100px; text-align:left }

/* Annual Report Styles */
.hkgccImgTxt {margin:15px 0;}

/* CEO Blog Styles */
.ceoImg {text-align:right; margin-bottom:10px; position:relative;}
.ceoImg h2 {margin:0;}
.ceoImg img {float:right;}
.ceoImg span {position:absolute; bottom:0; right:103px;}
.blogItem {padding:0px; padding-bottom:15px; border-bottom:#D6D6D6 1px solid; margin-bottom:15px;}
.blogItem p {margin-bottom:0px;}
.blogImg {text-align:center; margin-bottom:10px;}
.blogImg img{max-width: 100%; height: auto; display: block;}
img.blogImgThumb {float:left; margin-bottom:10px; margin-right:10px;}
.blogView {font-size:0.9em; color:#666; background:url(../images/dash.gif) repeat-x 0 0; padding-top:10px;}
.blogContent {width:100%;}
.blogContent table th, .blogContent table td { vertical-align:top; width:700px;}
/*.blogContent input, .blogContent textarea {width:300px;}*/
.blogContent input.check {width:16px;}
.blogContent textarea {height:100px;}
.blogContent .whatsonDetailTable th {width:25%;}
.blogMainBanner {margin-bottom:20px;}
.commentContainer {border:#D6D6D6 1px solid; margin-bottom:20px; background-color:#F8F8F8; padding:10px; font-size:0.9em;}
.commentContainer p {margin:0;}
.commentContainer h2 {margin:0;}
.commentContainer .date {color:#999;}
.commentItem {border:#CCC 1px solid; background-color:#FFF; padding:10px; margin-top:10px;}
.commentContent {margin-bottom:10px;}
.replyContent {background:url(../images/dash.gif) repeat-x 0 0; padding-top:10px;}
.replyContent .reply {font-weight:700; float:left; padding-right:8px;}
a h5 {text-decoration:none;}

.circulars_item {padding:0 10px 5px 0px; border-bottom:#D6D6D6 1px solid; margin-bottom:15px;}

.check input {width:auto;}
.note label {vertical-align:top;}

.ratingContainer { float:left; width:105px; clear:both; }
ul.rating{ background:url(../images/about/star.gif) bottom; height:21px; width:115px; overflow:hidden; margin:0px; padding:0; list-style:none; }
ul.rating li{ display:inline; background:none; padding:0}
ul.rating a { display:block; width:23px; height:21px; float:left; text-indent:-9999px; position:relative; }
ul.rating a:hover { background:url(../images/about/star.gif) center; width:115px; margin-left:-92px; position:static; }
ul.rating a.enabled { background:url(../images/about/star.gif) center; width:115px; margin-left:-92px; position:static; }
ul.rating a:active { background-position:top; }

ul.averageRating{ background:url(../images/about/star.gif) bottom; height:21px; width:115px; overflow:hidden; margin:0px; padding:0; list-style:none; }
ul.averageRating li{ display:inline; background:none; padding:0}
ul.averageRating a { display:block; width:23px; height:21px; float:left; text-indent:-9999px; position:relative; cursor:default; }
ul.averageRating a.enabled { background:url(../images/about/star.gif) top; width:115px; margin-left:-92px; position:static; }

div.bg_secretariat { background:url(../images/about/bg_secretariat.gif) no-repeat center center; width:100%; height:332px; position:relative; margin-top:50px;}
div.secretariatItem { background:url(../images/about/bg_secretariatItem.jpg) no-repeat left top; width:145px; height:50px; text-align:center;  line-height:120%; padding-left:15px; padding-right:15px;}
div.secretariatItem a { text-decoration:none; font-size:12px; line-height:14px;}
div#secretariat_ceo { position:absolute; top:140px; left:282px; padding-top:15px;}
/*div#secretariat_ceo div.secretariatPopup table td {width:75%;}*/
div#secretariat_corporateDevelopment { position:absolute; top:70px; left:60px; padding-top:15px;}
div#secretariat_businessSupport { position:absolute; top:210px; left:60px; padding-top:15px;}
/*div#secretariat_businessSupport div.secretariatPopup {width:30em;}*/
div#secretariat_businessConnect { position:absolute; top:282px; left:282px; padding-top:10px;}
div.secretariatPopup table .seperator {border-bottom:solid 2px #920101; background:none;}
/*div#secretariat_businessConnect div.secretariatPopup {width:42em;}*/
/*div#secretariat_businessConnect div.secretariatPopup table td {width:34%;}*/
div#secretariat_human { position:absolute; top:210px; left:505px; padding-top:10px;}
/*div#secretariat_human div.secretariatPopup table td {width:75%;}*/
div#secretariat_businessCertification { position:absolute; top:70px; left:505px; padding-top:5px;}
div#secretariat_businessCertification div.secretariatPopup table td {width:75%;}
div#secretariat_businessAdvocacy { position:absolute; top:0px; left:282px; padding-top:15px;}
/*div#secretariat_businessAdvocacy div.secretariatPopup {width:30em;}*/
div.secretariatPopup {position:absolute; border:#CCC 4px solid; z-index:1; width:38em; top:45px; left:0px; display:none; background:url("../images/about/secretariat_popupbg.jpg") no-repeat bottom right #FFFFFF;}
div.secretariatPopup table td.secretariat_title { }
div.secretariatPopup table td.iconTel { background:url(../images/about/secretariat_iconTel.jpg) no-repeat 20px 10px; padding-left:55px; padding-top:15px }
div.secretariatPopup table td.iconEmail { background:url(../images/about/secretariat_iconEmail.jpg) no-repeat 20px 10px; padding-left:55px; padding-top:10px; }
table.secretariat_detail {border-top:solid 1px #CCCCCC;}
div.secretariatPopup h2 {text-align:left; background:url(../images/about/bg_committee.gif) no-repeat 1px 1px #920101; color:#FFF; padding:7px 3px 8px 10px; margin:0;}
div.secretariatPopup table th, div.secretariatPopup table td {text-align:left; padding:8px;}
/*div.secretariatPopup table td {width:40%;}*/
div.secretariatPopup table th { width:1em; padding-left:10px;}
div.secretariatPopup a.btnClose {float:right; display:block; background:url(../images/about/btn_close.gif) no-repeat 0 0; width:23px; height:23px; margin:3px 3px 0 0;}
/*Added by Sky*/
.left {float:left; padding-right:12px;}
.gray {color:#666;}
.noline { border:0;}
#mainTable02 tr td img { padding:0; margin:0;}
.noline td {border:none;}
.setPadding { padding:0;}
.tdBottomBorder02 td.lineBottom { border-bottom:#E5E5E5 1px solid;}
.trPadding td.tdPadding {padding:10px 0 0 20px;}
#mainTable02 tr td.representTable { padding-top:0; padding-bottom:0; padding-left:0;}

.width_chairman {width:104px;}

/*div.historyBox { float: left; width: 230px; padding-right:24px; }
div.historyBoxWrapped { float:left; width: 324px; height: 220px; margin: 0 15px 0 0; }
div.historyBox img, div.historyBoxWrapped img { border:1px solid #A7A7A7; padding:1px; }
span.chartCaption { font-size:0.9em; font-weight:bold; }*/

.chairmanMsg { float:left; padding: 1px; border: 1px solid #A7A7A7; margin: 0 15px 0 0; }

/*new histroy layout*/
/*.historyContainer { width: 740px; background: transparent url(../images/about/bg_history.gif) repeat-x center center; }
.historyBoxL, .historyBoxR { float:left; width: 345px; height: 740px; background-color: #F5F5F5; border-top: 3px solid #920101; }
.historyBoxR { padding-right: 20px; margin-left: 10px; }
.historyBoxL { padding-left: 20px; }
.horizontalLine { border-bottom: 2px solid #C7C7C7; width: 345px; height: 15px }
.historyBoxL .detail { padding-top: 30px; padding-left: 30px;  }
.historyBoxL .detail .year, .historyContainer .historyBoxR .detail .year { padding-bottom: 15px; }
.historyBoxL .detail .caption, .historyContainer .historyBoxR .detail .caption { width: 250px; padding-left: 5px; }
.historyBoxR .detail { padding: 25px 15px 15px 50px; }*/

.historyContainer { width: 740px; background: transparent url(../images/about/bg_history_topborder.gif) repeat-x center top; padding-top: 3px; }
.historyContainer .historyBg { background: transparent url(../images/about/bg_history.gif) repeat-x center center; }
.historyContainer .historyBg .historyWrapper { background: transparent url(../images/about/history_content_bg.gif) repeat-y; min-height: 740px; height: auto !important; height: 740px; }
.historyBoxL, .historyBoxR { float:left; width: 345px; }
.historyBoxR { padding-right: 20px; padding-bottom: 30px; margin-left: 10px; }
.historyBoxL { padding-left: 20px; }
.horizontalLine { border-bottom: 2px solid #C7C7C7; width: 345px; height: 15px }
.historyBoxL .detail { padding-top: 30px; padding-left: 30px;  }
.historyBoxL .detail .year, .historyContainer .historyBoxR .detail .year { padding-bottom: 15px; }
.historyBoxL .detail .caption, .historyContainer .historyBoxR .detail .caption { width: 250px; padding-left: 5px; }
.historyBoxR .detail { padding: 25px 15px 15px 50px; }