* {
font-family: "Montserrat","Noto Sans TC","Noto Sans SC",sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
}
html, body { margin: 0; padding: 0; border: 0; width: 100%; font-size:14px !important; color: #333333; line-height:150%; font-family: "Montserrat","Noto Sans TC","Noto Sans SC",sans-serif !important;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-word;
	word-break: break-word; /* Instead use this non-standard one: */
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.float_right {float:right;}

.datepicker
{
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal ;
    word-break: normal;
}

.no_word_break
{
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal ;
    word-break: normal;
}

a.disable { cursor:default; }
a:hover.disable {text-decoration:none;  }
input:radio { border:none;}

.gray{ background-color:#d3d3d3; }

a {text-decoration:underline; color:#333333;}
a.smallerText { font-size:0.9em;}
a:hover {text-decoration:underline;}
h1 {margin:0 0 13px 0; min-height: 25px; height: auto !important; height: 25px;}
h2 {color:#000000; margin-bottom:10px;}
h3 {color:#333333; font-size:1.1em; margin-bottom:5px; font-weight:bold;}
h4 {color:#920101; line-height:1.2em; padding-bottom:2px;}
h5 {color:#FFF; background-color:#920101; padding:5px;}
h5 span {font-weight:400;}
h6 { color: #333333; font-size: 1.3em; line-height:1.5em; margin: 10px 0 20px 0; font-weight: bold; text-decoration:underline;}
input, select {font-size:1.1em; margin:0px; vertical-align:middle;}
input.radio {width:16px;}
input[type=checkbox], input[type=radio] {margin:0 10px;}
p {margin:0 0 20px 0; text-align:justify}
p.right {text-align:right;}
ol {list-style:decimal;	margin:0 0 0 30px;}
ol li {padding:0 0 15px 0;}
ol li ol {list-style:lower-alpha;	margin:15px 0 -15px 25px;}

ul { list-style-position:outside; margin:0px 15px 15px 15px; padding:0}
ul li {}

#mainContainer {
	font-size:1em;
	width: 980px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Top Banners Styles */
#topBanners {margin:15px 5px 0 0;}
#topBanners a {float:right; margin-left:2px;}
#topBanners .logo150 {float:right; margin:1px 18px 0 0;}
#topBanners a#logo {float:left; width:164px; margin:8px 0 0 10px;}
span.flashnotfound {line-height:150%; border:1px solid #e5e5e5; color:#cccccc; display:block; height:43px; padding-top:15px; width:370px; text-align:center; font-size:12px;}
#topBanners span.flashnotfound a {float:none;color:#CCCCCC; font-size:12px;}
#flashContainer span.flashnotfound {width:auto; padding-top:180px; height:198px;}
#flashContainer span.flashnotfound a {float:none;color:#CCCCCC; font-size:12px;}
span.video_flashnofound {line-height:150%; font-size:12px; border:1px solid #FFFFFF; display:block; height:135px; padding-top:105px; width:410px; text-align:center; color:#FFFFFF;}
span.video_flashnofound a { color:#FFFFFF;}

/* Top Info Styles */
#topInfo {font-size:11px; line-height:20px; margin:2px 5px 0 0; color:#666;}
#topInfo * {float:right;}
#topInfo a {display:block; margin:0 8px; color:#666; text-decoration:none;}
#topInfo a:hover { text-decoration:underline;}
#topInfo a.chi {font-size:12px; line-height:20px; margin-top:1px;}
#topInfo .rss {background:url(../images/icon_rss.gif) no-repeat left center; padding:0 0 0 20px;}
#topInfo .linkedin {background:url(/en/images/LinkedIn_Logo16px.png) no-repeat left center; padding:0 0 0 20px;}
#topInfo .facebook {background:url(/en/images/fb_icon.png) no-repeat left center; padding:0 0 0 20px;}
#topInfo .instagram {background:url(/en/images/instagram.png) no-repeat left center; padding:0 0 0 20px;}
#topInfo .flickr {background:url(/en/images/flickr.png) no-repeat left center; padding:0 0 0 20px;}
#topInfo .brochure {height:16px; width:100px; background:url(../images/Brochureicon.jpg) no-repeat left center; padding:0 0 0 0px; margin-top:3px;}
.fontSize {margin-left:8px; margin-right:3px;}
#topInfo span a {float:left;}
#topInfo .sizeS, #topInfo .sizeM, #topInfo .sizeL {width:16px; text-align:center; background:url(../images/bg_font.gif) no-repeat center 3px; margin:0; padding:0 1px; text-decoration:none; padding-top:1px;}
#topInfo .sizeS:hover, #topInfo .sizeM:hover, #topInfo .sizeL:hover, #topInfo .active {background:url(../images/bg_font_on.gif) no-repeat center 3px; color:#FFF;}
#topInfo .sizeS {font-size:8px;}
#topInfo .sizeM {font-size:11px;}
#topInfo .sizeL {font-size:14px; margin-right:8px; display:inline;}
.searchMember, .searchSite {background:url(../images/icon_toggle.gif) no-repeat left center; height:21px; padding:0 0 0 30px;}
#topInfo input {border:#E5E5E5 1px solid; width:162px; margin-top:1px;}
.searchAdv {height:21px ; padding:0 0 0 0px ;}

/* Top Navigation Styles */
#topNav {margin-top:4px;}
.sideBg {background:url(../images/topnav_side.gif) no-repeat 0 17px; width:5px; height:49px; float:left;}
#topNavContent {float:left; width:970px;}
#topNavContent ul {width:968px; border:#E5E5E5 1px solid; border-bottom:none; font-size:11px; line-height:20px; background:url(../images/bg_topnav.gif) repeat-x 0 0; margin:0; list-style:none; }
#topNavContent ul li {float:left; padding:3px 0 0 0; font-weight:bold; border-right:#E5E5E5 1px solid; text-align:center; background:none;}
#topNavContent ul li.last {border-right:none;}
#topNavContent ul li a {display:block; color:#666; padding:0 auto; width:120px; height:25px; text-decoration:none;}
#topNavContent ul li a:hover, #topNavContent ul li a.active {color:#920101;}
#welcomBar {background-color:#920101; color:#E9CCCC; font-size:10px; line-height:18px; padding:0 0 0 13px; width:957px; height:20px;}

/* Page Tools Styles */
#pageTools {float:right;}
#pageTools a {color:#E9CCCC; padding:0 20px; text-decoration:none;}
a#contact {background:url(../images/icon_enquiries.gif) no-repeat left center;}
a#toolsEmail {background:url(../images/icon_email.gif) no-repeat left center;}
a#toolsPrint {background:url(../images/icon_print.gif) no-repeat left center; padding-right:7px;}

/*Scroll bar*/
.Scroller-Container {position:absolute; top:0px; left:0px;}
.Scroller-Container-landing {position:absolute; top:0px; left:0px; width: 100%;}
.Scrollbar-Track-landing {margin:4px 0; width:12px; height:190px; background:url(../images/bg_scroll_track.gif) repeat-y center top;}
.Scrollbar-Handle-landing {overflow:hidden; border-left:5px solid #414141;	border-right:5px solid #414141;  height:auto;}


.Scrollbar-Track {position:relative; margin:4px 0; width:12px; height:auto; overflow:hidden; cursor:pointer;}
.Scrollbar-Track-landing {position:relative; margin:4px 0; width:12px; overflow:hidden; cursor:pointer;}

.Scrollbar-Handle {position:absolute; top:0px; width:2px; height:50px; cursor:pointer; background-color:#D60000;}
.Scrollbar-Handle-landing {position:absolute; top:0px; width:2px; height:50px; cursor:pointer; background-color:#D60000;}

.Scrollbar-Disabled, .Scrollbar-Disabled .Scrollbar-Up, .Scrollbar-Disabled .Scrollbar-Down, .Scrollbar-Disabled .Scrollbar-Handle
{/*filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;*/ visibility:hidden;}
.Scrollbar-Up, .Scrollbar-Down {cursor:pointer;}

.annualNav {height:276px; overflow:hidden; width:699px; position:relative; margin-left:20px; margin-right:20px;}
.annualNav div {position:absolute;}
.annualNav a {float:left; width:192px; height:276px; overflow:hidden; display:block; margin:0 46px 0 0; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center;}
.annualNav a.last {margin:0;}
.annualScrollbar {height:4px; margin:10px 20px;}
.annualScrollbar .Scrollbar-x-Track {cursor:pointer; overflow:hidden; background:none; background-color:#545454; height:4px; margin:0; position: relative; filter:alpha(opacity=50); -moz-opacity:0.5;	opacity:0.5;}
.annualScrollbar .Scrollbar-x-Track div {background-color:#FFF; width:50px; height:4px; position: absolute; top:0; cursor: pointer;}
.Scrollbar-x-Handle {background-color:none; border:none; overflow:inherit;}
.Scrollbar-Handle {background-color:none; border:none; overflow:inherit;}


#eventContainer .Scrollbar-Track {margin:4px 0; width:12px; height:220px; background:url(../images/bg_scroll_track.gif) repeat-y center top;}
#eventContainer .Scrollbar-Handle {overflow:hidden; border-left:5px solid #FFFFFF;	border-right:5px solid #FFFFFF;}

/* Breadcrumb Styles */
#breadcrumb {padding:0; background-color:#E5E5E5; color:#333; text-align:right; font-size:12px; width:100%; left:0; margin-top:0px;}
#breadcrumb a {color:#333; text-decoration:none;}
#breadcrumb #welcomeMsg {float:left; margin-left:215px;}

/* Left Navigation Styles */
#leftContent {float:left; position:relative; width:211px; padding:4px 0 0 0px; top:-21px;}
#leftNav {color:#FFF; border-top:#FFF 1px solid; border-left:#E5E5E5 1px solid; border-right:#E5E5E5 1px solid; border-bottom:#757575 2px solid;}
#leftNav div {display:none;}
#leftNav h2 {height:29px; background:url(../images/bg_title.gif) no-repeat 0 0; margin:0;}
#leftNav h2 span {display:block; width:100%; height:100%; padding: 6px 0 0 6px; color: white;}
#leftNav ul {width:207px; margin:1px; padding:10px 0 12px 0; font-size:11px; color:#666; background:url(../images/bg_leftnav.jpg) repeat-x 0 100%;}
#leftNav ul li {display:inline; margin:0; padding:0; background:none; line-height:1.8em; }
#leftNav ul li a {display:block; color:#666; padding:0 5px 0 20px; background:url(../images/arrow_red.gif) no-repeat 8px 7px; text-decoration:none;}
#leftNav ul li a:hover, #leftNav ul li a.active {color:#920101; text-decoration:none;}
#leftNav ul li ul {width:auto; background:#FBF5F5; margin:0 0 4px 0; padding:5px 0 5px 10px; display:none;}
#leftNav ul li ul li a {background:url(../images/pt_subnav.gif) no-repeat 8px 8px;}
#leftNav ul li ul li ul {width:auto; background:#FBF5F5; margin:0 0 0 0; padding:0 0 0 10px; display:none;}
#leftNav ul li ul li ul li a {background:url(../images/pt_subsubnav.gif) no-repeat 8px 9px;}
#leftNav ul li ul li ul li a:hover, #leftNav ul li ul li ul li a.active {font-weight:400;}

/* Content Styles */
#contentContainer {}
#content {float:left; width:calc(100% - 250px); margin:24px 0 0 25px; font-size:1em;}
#content *
{
	-webkit-box-sizing:content-box;-moz-box-sizing:content-box;
	 box-sizing: content-box;
}
#sitemapContent {float:left; width:100%; margin:48px 0 0 0; position:relative; top:-21px; font-size:1em; font-size: 12px; }
#narrowContent {padding-right:20px; }
#middlecontent {float:left; width: 600px; padding:0 0 0 21px; margin:48px 0 0 0; position:relative; top:-21px;}
.shorten {width:717px;}

/*For PhotoPopup*/
#photoPopup{height:600px; clear:both;}
#photoPopup .titleArea{margin:0 25px 0 25px; padding-top:25px }
#photoPopup .title{float:left;}
#photoPopup .closeBtn{float:right;}
#photoPopup .imgShowarea{background-color:#FFF; background:url(../images/membership/bg_gradient.gif) repeat-x left bottom; height:auto; border:solid 1px #CCCCCC; width:550px;}

#photoPopup .imgShowarea2{background-color:#FFF; background:url(../images/membership/bg_gradient.gif) repeat-x left bottom; height:auto; border:solid 1px #CCCCCC; width:600px;}
#photoPopup .imgMenu{background-color:#FBF5F5; overflow-x:scroll; overflow-y:hidden; width:552px;}
#photoPopup .imgHolder{margin:0 0 0 25px; clear:both;}
#photoPopup .imgHolder2 {margin:0 20px 0 25px; clear:both;}

#photoPopup .imgHolder img{margin-top:5px;}
#imgContent{margin:10px 0 0 25px; color:#757575; font-size:11px; line-height:15px; width:494px;}
#itemContainer{margin:0px 0 0 25px; padding-top:25px; width:auto;}
#itemContainer img{padding-right:0px;}
#itemContainer a{padding:1px; width:97px; height:63px; display:block;}
#itemContainer a:hover, #itemContainer a.active{border:#920101 1px solid; padding:0;}
#itemContainer .setOpacity{ position:absolute; width:97px; height:63px; left:0px; top:2px; background-color:#000;
opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); margin:1px 1px 2px 1px; }
#itemContainer a:hover div, #itemContainer a.active div{visibility:hidden;}
#itemContainer .containDiv{float:left; padding-right:2px; padding-top:2px; position:relative;}


/* Footer Styles */
#footer {font-size:12px; padding:40px 0px 0px 0px; clear:both; line-height: 150%;}
#footer, #footer a {color: #858585; text-decoration:none; text-align: left;}
#footer span {color: #ffffff; text-decoration:none; font-weight: 600;}
#footer a i {padding:12px 8px 10px 5px; font-size:14px;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer ul li{line-height: 120%; margin: 10px 0;}
#footer center{margin: 15px 0;}
#footer .copyright { height:54px; padding-right: 250px; float:right; margin-top: -20px;}
#footer-menu a {color: #9ca6aa; padding-right: 20px; padding-left: 0; display: inline-block; position: relative; overflow: hidden; -webkit-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#footer img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}
/* Annual Report Styles */
.annualPull {/*text-align:right; margin:10px 5px 10px 0;*/ float:right; margin-bottom:10px;}
.annualPull select {font-size:1.0em;}
.annualContainer {border-top:#920101 3px solid; margin-right:5px; padding:20px 0 0 0; height:329px; background:url(../images/about/bg_annual.gif) no-repeat 0 0; width:739px; clear:both;}

/*Generic PullDown */
.genericPull {text-align:right; margin:0 5px 10px 0;}
.genericPull select {width:220px;}

/* Email to Friend */
.emailTable { width:400px; }
.emailTable td, .emailDetailTable th { vertical-align:top}



/* Login Page Styles */
.login #leftNav h2 span {background:url(../images/leftTitle_login.gif) no-repeat 7px 10px;}
.login #leftBanner {border-top:none;}
.loginTable {width:450px; margin:0 auto;}
.loginTable .whatsonDetailTable th {color:#333; width:80px; padding-left:10px;}
.loginTable input {width:200px;}
.loginTable input.check {width:16px;}
.loginTable .second {width:210px;}
.loginTable .forget {text-decoration:underline;}
.loginTable .last {font-size:0.9em;}

/* Search Page Styles */
.search #leftNav h2 span {background:url(../images/leftTitle_search.gif) no-repeat 7px 10px;}

/* Search Page Styles */
.advSearch #leftNav h2 span {background:url(../images/other/leftTitle_advSearch.gif) no-repeat 7px 10px;}



/* Share Styles */
.photoFrame img{border:#E6E6E6 1px solid; padding:1px;}
.strokeV {width:1px; height:10px; background:url(../images/stroke.gif) no-repeat 0 0; margin-top:5px;}
.referChi {text-align:center; padding:80px 0 0 0;}
.referChi img {padding:35px 0 0 0;}
.genTable, .genTableMultiLinks {border-top:#920101 2px solid; border-left:#333333 8px solid; border-right:#333333 8px solid; border-bottom:#333333 8px solid;}
.eventContainer2 .genTable {border-top:#920101 2px solid; border-left:none; border-right:none; border-bottom:none;}
.genTable th, .genTableMultiLinks th {text-align:left; background-color:#333; color:#FFF; padding:4px 10px;}
.genTable th.title, .genTableMultiLinks th.title {background:url(../images/stroke_th.gif) no-repeat 0 50% #333;}
.genTable td, .genTableMultiLinks td {border-bottom:#E5E5E5 1px solid; padding:6px 10px; vertical-align:top;}
.genTable tr.even td {background-color:#FCF2F2;}
.genTable tr.last td, .genTableMultiLinks tr.last td {border-bottom-color:#920101;}
.genTable td ul, .genTableMultiLinks td ul {margin-bottom:0;}
.genTable th.title {width:570px;}
.genTableMultiLinks th.title {width:82%;}
.genBtn, .genBtnWhite, .formBtn {float:left;}
.genBtn a, .genBtnWhite a, .formBtn a {display: block; padding:2px 23px 0 20px; font-weight:700; height:22px; }
.genBtn {background: url(../images/bg_btn_l.gif) no-repeat 0 0;}
.genBtn a, .formBtn a {color:#921010; text-transform: uppercase;}
.genBtn a {background: url(../images/bg_btn_r.gif) no-repeat 100% 0;}
/*.formBtn a {background: url(../images/bg_btn_r_no_arrow.gif) no-repeat 100% 0; padding-right:20px; text-decoration:none; font-size:1.0em; line-height:170%;}*/
.genBtnWhite {background: url(../images/bg_btn_white_l.gif) no-repeat 0 0;}
.genBtnWhite a {background: url(../images/bg_btn_white_r.gif) no-repeat 100% 0; color:#920101;}
.genBtnWhiteNoArrow a {background: url(../images/bg_btn_white_r_no_arrow.gif) no-repeat 100% 0; color:#920101;}
.noteRed {color:#920101; font-style:italic;}
.note {color:#666; font-size:0.9em; display:block;}
.iconPDF {display:inline-block; padding:0 0 0px 20px;}
.iconPDF {background: url(../images/icon_pdf.gif) no-repeat 0 1px;}
.formBtn {
    display: inline-block;
    padding: 2px 2px;
    margin: 0 5px 0 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #920101;
    background-color: #fff;
    border-color: #ccc;
}

.formBtn a {
	text-decoration:none;
}

.formBtn:hover, .formBtn:focus, .formBtn:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}


/* Share Styles - Search Menu */
.selectionWrapper {background:url(../images/background_TopSelection.jpg) no-repeat 0 0; padding:10px 22px 3px 22px; height:100%; }
.selectionWrapper h2 { margin-bottom:5px;}
.withBtmBg .searchR {padding:0;}
.searchBL {background:url(../images/bg_search_btm_l.gif) no-repeat 0 100%;}
.searchBR {background:url(../images/bg_search_btm_r.gif) no-repeat 100% 100%; padding:10px 12px 18px 18px; color:#666;}

/*.radioContainer label {margin-right:20px;}*/

.selectContainer select {width:195px; color:#666; margin:0 20px 0 0;}
.resultItem {margin-top:10px; position:relative;}
.resultItem .title {background-color:#F4E8E8; color:#990202; border-top:#920101 1px solid; padding:3px 10px 3px 10px; font-size:0.9em; font-weight:bold; }
.resultItem .title a { float:left;}
.resultItem .title span {float:right; color:#650101; font-weight:normal;}
.resultItem .resultDetail {padding:7px 10px 2px 10px;}
.resultItem .resultDetail p { margin:0px; }
.resultItem .resultDetail .area, .resultItem .resultDetail .refNum {padding:0 0 0 10px;}
.resultItem .resultDetail .refNum {color:#666;}
.resultItem .resultDetail a {float:right; width:70px; text-align:right;}
.resultItem .resultDesc {padding:7px 10px 0 10px;}
.resultItem .resultDesc a {float:right; font-weight:700; display:block; background:url(../images/arrow_detail.gif) no-repeat right Center; width:70px; padding:0 18px 0 0; text-align:right; text-decoration:none;} 
.resultItem .resultDesc p {margin:0; width:630px; float:left;}
.resultContainer .separator {margin-top:8px; background-color:#920101; height:1px; overflow:hidden;}
.productThumbContainer {padding-top:8px;}
.productThumbContainer img {float:left; margin:0 8px;}
.pagenator {padding:8px 0 0 0; text-align:right; color:#858585; font-size:0.9em; clear:both;}
.pagenator a, .pagenator span {color:#858585; padding:0 5px 0 5px; text-decoration:none;}
.pagenator span.highlight {color:#A83434; font-weight:700;}
.pagenator img {margin:0 0 -3px 6px;}
ul.note li {/*background:url(../images/icon_note.gif) no-repeat 6px 7px; font-size:0.9em;*/}

.btnPrevious {font-weight:bold; display:inline-block; background:url(../images/arrow_detail_l.gif) no-repeat left center; padding:0 0 0 20px; line-height:18px; font-size:12px; margin:0px 0px 0px 0; float:left; color:#910101;text-decoration:none;}
.btnBack	 {font-weight:bold; display:inline-block; background:url(../images/arrow_detail_l.gif) no-repeat left center; padding:0 0 0 20px; line-height:18px; margin:0px 0px 0px 0; float:right; color:#910101;text-decoration:none; line-height:150%;}
.btnTop 	 {font-weight:bold; display:none; background:url(../images/arrow_top.gif) no-repeat left center; 	  padding:0 0 0 20px; line-height:18px; margin:10px 0px 5px 0; float:right; color:#920101; clear:both;text-decoration:none;}
.btnNext 	 {font-weight:bold; display:inline-block; background:url(../images/arrow_detail.gif) no-repeat right center; padding:0 20px 0 0; text-align:right; font-size:12px; float:right; color:#920101; text-decoration:none; clear:both;}
.btnMore 	 {font-weight:bold; display:inline-block; background:url(../images/arrow_detail.gif) no-repeat right center; padding:0 20px 0 0; text-align:right; line-height:18px; float:right; color:#920101; text-decoration:none; clear:both;}
.btnLink 	 {font-weight:bold; display:inline-block; background:url(../images/arrow_detail.gif) no-repeat 100% 2px; width:auto; padding:0 18px 0 0; text-align:right; color:#920101;text-decoration:none;}
.btnPost 	 {font-weight:bold; display:inline-block; color:#FFFFFF; background:url(../images/btn_glasses_red.gif) no-repeat right center; padding:0 18px 0 0; text-align:left; float:right;text-decoration:none;}
.btnPopup 	 {font-weight:bold; display:inline-block; background:url(../images/arrow_detail.gif) no-repeat 100% 2px; width:auto; padding:0 18px 0 0; text-align:left; text-decoration:none;}
.btnSearch 	 {background:url(../images/icon_toggle.gif) no-repeat 0 0; border:none; color:#666; text-align:left; padding:2px 0 5px 25px; cursor:pointer; font-weight:bold;text-decoration:none;}
.btnEnlarge  {background:url(../images/icon_toggle.gif) no-repeat 0 0; border:none; color:#666; text-align:left; padding:3px 0 3px 25px; cursor:pointer; font-weight:bold;text-decoration:none;}


.whatsonDetailTable td, .whatsonDetailTable th { padding:5px 0px; border-right:#FFF 1px solid;}
.whatsonDetailTable th {text-align:left; font-weight:400; color:#333333; }
table#whatsondetail table td{border:#ffffff 1px solid;}
.whatsonDetailTable .even td, .whatsonDetailTable .even th, .eventTable .even td, .eventTable .even th {background-color:#F2F2F2;}
.tradeDetail {border:#920101 1px solid; margin-bottom:10px; width:100%; }
.agreementContainer {padding:10px 0 0 0; margin:10px 5px 0px 5px; background:url(../images/dash.gif) repeat-x 0 0;}
.agreementContainer h6 {padding:20px 0 0 0;}
.btnContainer {padding:10px 0; margin:10px 5px 0 5px; background:url(../images/dash.gif) repeat-x 0 0;}
.btnContainerMember {padding:0px 0; margin:0px 5px 0 5px;} /* update by Alvin on 08/04/2010 */
/*.btnContainer a {float:left; display:block; background-color:#920101; border:#920101 1px solid; color:#FFF; padding:3px 10px; margin-right:5px; font-weight:700;}
.btnContainer a:hover {background-color:#FFF; color:#920101; text-decoration:none;}*/
.imgLeft {float:left; margin:0 15px 5px 0;}
.imgRight {float:right; margin:0 0 5px 15px;}
/*div.imgLeft { margin-bottom:30px;}*/
div.imgLeft img { padding-bottom:15px; width: 100%;}


/* Org chart Styles */
.topCommittee {padding:20px 0 0 130px;}
.topCommittee a {margin-left:40px;}
.topCommittee a, .btmCommitteeColumn {float:left; width:172px;}
.topCommittee a, .btmCommitteeColumn a { display:inline-block; border:#E5E5E5 1px solid; border-left:#920101 2px solid; text-align:center; background:url(../images/bg_committees.gif) repeat-x 0 100%; padding:9px 5px; color:#333; line-height:1.2em;}
.topStroke {margin:0 0 0 145px;}
.midCommittee a {display:inline-block; width:100px; text-align:center; margin:0 30px 0 95px;}
.btmCommitteeColumn {padding:0 0 0 58px;}
.btmCommitteeColumn ul li {margin:0; background:url(../images/committees/line_btm_committees.gif) no-repeat 50% 0; padding:20px 0 0 0; position:relative; z-index:1;}
.btmCommitteeColumn a {color:#333; width:162px;}
.committeePop h2 {background:url(../images/about/bg_committee.gif) no-repeat 1px 1px #920101; color:#FFF; padding:5px 3px 6px 10px; margin:0;}
.btmCommitteeColumn .committeePop a {padding:0; border:none; background:none; width:auto; color:#A20101;}
.btmCommitteeColumn .committeePop 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;}
.btmCommitteeColumn .committeePop a.btnMoreInfo {display:block; background:url(../images/btn_more.gif) no-repeat 0 0; width:75px; height:20px; color:#FFF; font-weight:700; padding:4px 0 0 12px; text-align:left; float:right; margin:3px 5px 3px 0;}

/* Org chart Styles */
.topChart { /*width:400px;*/ padding-left:114px; }
.chart3rows .topChartColumn { /*paddings-left:1%; padding-right:1%; width:600px;*/}

.topChartColumn a {display:inline-block; border:#E5E5E5 1px solid; border-left:#920101 2px solid; text-align:center; background:url(../images/bg_committees.gif) repeat-x 0 100%; padding:9px 5px; color:#333; line-height:1.2em;}
.topChartColumn ul {width:100%; list-style-image:none; margin-bottom:0px;}
.topChartColumn ul li {margin:0; background:url(../images/committees/line_btm_committees.gif) no-repeat 50% 100%; padding:20px 0 20px 0; position:relative; z-index:1; width:225px; float:left; margin-right:45px;}
.chart3rows .topChartColumn a {width:100%; text-decoration:none; font-size: 12px; }
.topChartColumn a {color:#333;}
.topChartColumn .committeePop 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;}
.topChartColumn .committeePop a {padding:0; border:none; background:none; width:auto; color:#A20101;}
.topChartColumn a {display:inline-block; border:#E5E5E5 1px solid; border-left:#920101 2px solid; text-align:center; background:url(../images/bg_committees.gif) repeat-x 0 100%; padding:9px 5px; color:#333; line-height:1.2em;}
.topChartColumn .committeePop a.btnMoreInfo {display:block; background:url(../images/btn_more.gif) no-repeat 0 0; width:75px; height:20px; color:#921010; font-weight:700; /*padding:4px 0 0 12px;*/ text-align:left; float:right; margin:3px 5px 3px 0; font-size:11px; padding: 5px 0 0 12px;}



/* Org chart - 3 rows Styles */
.chart3rows .midChart { padding-left:150px; font-size: 12px; }
.chart3rows .btmChart { padding-left:15px; }
/*.chart3rows .btmChartColumn, .chart3rows .midChart a {width:190px;}*/
.chart3rows .hozStroke {background:url(../images/committees/chart_bg_01.gif) no-repeat 241px 0; height:16px}
.chart3rows .hozStroke2 {background:url(../images/committees/chart_bg_02.gif) no-repeat 131px 0; height:16px}
.chart3rows .ceo {width:100%;}
.chart3rows .btmChartColumn a {width:190px; font-size: 12px; }
/* Org chart - 4 rows Styles */
.chart4rows .btmChartColumn, .chart4rows .midChart a {width:22%; padding-left:1%; padding-right:1%; text-decoration:none;}
.chart4rows .hozStroke {width:96%;}
.chart4rows .ceo {width:225px;}
.chart4rows .btmChartColumn a {width:92%; text-decoration:none;}
/* Org chart - 5 rows Styles */
.chart5rows .btmChartColumn, .chart5rows .midChart a {width:17%; padding-left:1%; padding-right:1%;}
.chart5rows .hozStroke, .chart5rows .ceo {width:94%;}
.chart5rows .btmChartColumn a {width:90%;}
/* Org chart - 6 rows Styles */
.chart6rows .btmChartColumn, .chart6rows .midChart a {width:14%; padding-left:1%; padding-right:1%;}
.chart6rows .hozStroke, .chart6rows .ceo {width:94%;}
.chart6rows .btmChartColumn a {width:88%;}

.btmChartColumn {float:left;}
.btmChartColumn ul { list-style-image:none; margin-top:0px;}
.ceo {text-align:center; margin:0 auto;}
.ceo div {float:left;display:inline-block; padding:20px 0 25px 0; margin-left:5px; margin-right:5px; background:url(../images/stroke_v_chart.gif) no-repeat 50% 100%; }
.ceo a {width:172px;}
.ceo a, .btmChartColumn a {display:inline-block; border:#E5E5E5 1px solid; border-left:#920101 2px solid; text-align:center; background:url(../images/bg_committees.gif) repeat-x 0 100%; padding:9px 5px; color:#333; line-height:1.2em; text-decoration:none;}
.topStroke {margin:0 0 0 145px;}
.hozStroke {}
.midChart {margin-top:-1px; padding-left:145px;}
.midChart a {float:left; display:block; text-align:center; padding-top:5px; padding-bottom:5px; /*background:url(../images/bg_v_chart.gif) no-repeat 50% 0; */color:#920101; text-decoration:none; width:190px;}
.midChart a.first {/*background:url(../images/bg_v_chart_first.gif) no-repeat 50% 0;*/}
.midChart a.last {/*background:url(../images/bg_v_chart_last.gif) no-repeat 50% 0; */padding-left:166px;}
.btmChartColumn ul li {margin:0; background:url(../images/committees/line_btm_committees.gif) no-repeat 50% 0; padding:20px 0 0 0; position:relative; z-index:1;}
.btmChartColumn a {color:#333;}

.committeePop {position:absolute; border:#CCC 1px solid; z-index:1; background:#FFF; width:23em; top:55px; left:-20px; display:none;}
.committeePop h2 {background:url(../images/about/bg_committee.gif) no-repeat 1px 1px #920101; color:#FFF; padding:5px 3px 6px 10px; margin:0;}
.btmChartColumn .committeePop a {padding:0; border:none; background:none; width:auto; color:#A20101;}
.btmChartColumn .committeePop 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;}
.btmChartColumn .committeePop a.btnMoreInfo {display:block; background:url(../images/btn_more.gif) no-repeat 0 0; width:75px; height:20px; color:#921010; font-weight:700; /*padding:4px 0 0 12px;*/ text-align:left; float:right; margin:3px 5px 3px 0; font-size:11px; padding: 5px 0 0 12px;}
.committeePop table th, .committeePop table td {background:url(../images/dash.gif) repeat-x 0 100%; padding:5px;}
.committeePop table th {text-align:left; width:30%; padding-left:10px;}
.committeePop table span {font-size:0.8em; color:#666; line-height:120%;}

.disclaimer {margin:10px 0 0 0; font-size:0.9em; color:#666; clear:both;}
.disclaimer h3 { margin-bottom:0px;}
.disclaimer ul { margin-top:0px;}

/* Press Enquiries Page Styles */
.enquiriesLeft {float:left; width:290px; padding-right:25px }
.enquiriesLeft .enquiriesLogo {margin:15px 0 25px 0; text-align:center;}
.enquiriesLeft td {padding:0 0 3px 0;}
.enquiriesRight {float:left; width:400px;}
.enquiriesRightBg {background:url(../images/membership/bg_directory.gif) repeat-x 0 100%; padding:15px; font-size:1em; color:#666;}
.enquiriesRight td {padding:0 0 5px 0; vertical-align:top;}
input textarea {color:#666;}
.enquiriesRight textarea { }
.enquiriesRight select {width:236px; height:20px;}

/* Tab Styles */
#newsNav {border-bottom:#B8B8B8 1px solid;}
#newsNav a {float:left; display:block; width:115px; height:1.5em; border:#B8B8B8 1px solid; border-bottom:none; text-align:center; margin-right:1px; color:#333; text-decoration:none;}
#newsNav a:hover, #newsNav a.active {border:#920101 1px solid; border-bottom:none; color:#FFF; background-color:#920101; text-decoration:none;}
#newsTable div {display:none;}

/* CEO Blog Styles */
.blogContent {padding:0 20px 0 0;}
.blogList {border-left:#D6D6D6 1px solid; margin-left:20px;}
.blogList ul, .blogList h2 {padding-left:10px;}
.blogList ul {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px;}
.blogList ul li {padding-bottom:6px;}
.blogList ul.rssList {list-style-type: none; padding: 0px; margin: 0px; list-style-image:none; margin-bottom:10px;}
.blogList ul.rssList li {background-image: url(../images/icon_rss.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px; margin-left:10px; }
.blogList ul.rssList li a { text-decoration:none; color:#920101; }
.blogList ul.rssList li a:hover { text-decoration:underline; }
.blogList ul.arrowList {list-style-type: none; padding: 0px; margin: 0px; list-style-image:none;}
.blogList ul.arrowList li {background-image: url(../images/arrow_red.gif); background-repeat: no-repeat; background-position: 1px 7px; padding-left: 15px; margin-left:15px; }
.blogList ul.arrowList li a { text-decoration:none; color:#920101;}
.blogList ul.arrowList li a:hover { text-decoration:underline; }


#sideList {float:left; border-left:#D6D6D6 1px solid; padding-top: 20px; padding-bottom: 20px;}
.sideContent {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px; padding-left:10px; line-height:140%;}
.sideContent br { height:1px; line-height:1%;}
.sideContent a {background:url(../images/arrow_red.gif) no-repeat 4px 7px; display:block;  padding: 0px 0 11px 18px; margin:0px; }


/*
.sideContent { background: url(../images/sideContent_background.gif) no-repeat bottom; border: 1px #ccc solid; border-top: 0; font-size: 1em; *font-size: .9em; line-height: 1.2em;}
.sideContent ul li { background:none; padding:0; margin:0;}
.sideContent ul li.guestslist { background: url(../images/events/dashline.gif) no-repeat bottom; padding:10px; margin:0;}
.sideContent a.active { background:url(../images/point_red.gif) no-repeat 4px 8px; color:#920101; _padding: 5px 0 2px 18px; margin:0px; _background-position: 4px 10px; }
.sideContent a {padding:3px 6px 3px 18px; background:url(../images/point_grey.gif) no-repeat 4px 8px; color:#333333; display:block;  _padding: 5px 0 3px 18px; margin:0px; _line-height:110%; _background-position: 4px 10px;}
.sideContent hr { border-top:dashed 1px #CCCCCC; border-bottom:none; border-left:none; border-right:none; width:173px; height:1px; margin:0; padding:0; display:block; margin-left:5px; font-size:0px; _height:1px;}
*/

#sideList_guest { width: 170px; _width: 160px; float: right; margin: 0px 0 0 0px; display: inline-block;  }
.sideHeader_guest { background: #920101; padding: 3px; }
.sideContent_guest { background: url(../images/sideContent_background.gif) no-repeat bottom; border: 1px #ccc solid; border-top: 0; font-size: 1em; *font-size: .9em; line-height: 1.2em;}
.sideContent_guest ul li { background:none; padding:0; margin:0;}
.sideContent_guest ul li.guestslist { background: url(../images/events/dashline.gif) no-repeat bottom; padding:10px; margin:0;}
.sideContent_guest a.active { color:#920101; _padding: 5px 0 2px 0px; margin:0px; _background-position: 4px 10px; }
.sideContent_guest a {padding:3px 6px 3px 0px; color:#333333; display:block;  _padding: 5px 0 3px 0px; margin:0px; _line-height:110%; _background-position: 4px 10px;}
.sideContent_guest hr { border-top:dashed 1px #CCCCCC; border-bottom:none; border-left:none; border-right:none; width:173px; height:1px; margin:0; padding:0; display:block; margin-left:5px; font-size:0px; _height:1px;}

/*For place_an_ad3*/
.colorBold{color:#980011; font-weight:bold}
.boldText{font-weight:bold}
.notes{color:#666}
.colorNotes{color:#980011;}
.divBottomBg{background:url(../images/bg_place_an_ad.jpg) no-repeat bottom; border:1px solid #ccc; width:714px;}
.topBanner{background:url(../images/title_addfree.jpg) no-repeat; width:712px; height:25px; margin:1px 0 0 1px}
.paddingContent{padding:0px 8px 15px 10px;}
.paddingContent .leftTop{float:left}
.paddingContent .rightTop{float:right}
.paddingContent2{padding:0px 8px 5px 10px;}
.paddingContent2 .leftColTable{margin:10px 0 0 0px; border-right:1px solid #eee; float:left}
.paddingContent2 .rightColTable{margin:10px 0 0 15px;float:left}
.borderDiv{background:url(../images/bg_border.gif) no-repeat; width:702px; height:1px; margin:0px 0 14px 5px}
.submitContainer{float:right; }
.btnSubmit{width:76px; height:24px; background:transparent url(../images/btn_submit.jpg) no-repeat; margin:0; padding:0; border:0; cursor:pointer; float:left; text-indent:-5000px;}
.tableContainer{padding-bottom:10px}
.leftColTable{margin:10px 0 0 0px; border-right:1px solid #eee; float:left}
.rightColTable{margin:10px 0 0 20px;float:left}
.textInput{width:184px; border:1px solid #e5e5e5;}
.textInput2{width:234px; border:1px solid #e5e5e5;}
.textAreaInput{width:685px; height:177px; border:1px solid #ccc;}
.termsArea{padding:15px 0 0 0; width:710px;}
.termsArea ol{margin:0 0 0 20px;}
.termsArea ol li{padding:0 0 3px 0;}


.hidden{display:none;}
/* This needs to be first because FF3 is now supporting this */
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.link_floatRight {font-weight:700; display:inline-block; background:url(../images/arrow_detail.gif) no-repeat 100% 2px; padding:0 18px 0 0; float:right;}

.votingDropdown { width: 215px; border: 1px #ccc solid; margin: 0 0 5px 0; }
.votingResult {  margin: 0 0 0 0; display: none; }

input[type=text], input[type=password]  { border:solid 1px #CCCCCC; height:1.6em; margin:0px; padding:0px; padding-left:2px;}
select { border: solid 1px #CCCCCC;}

/* Sitemap charts */
.sitemap #content {width:960px;}
.sitemapItem {padding-bottom:20px;}
.sitemapItem dl {float:left; width:220px; padding:0 20px 10px 0; line-height: 20px; }
/*.sitemapItem dl dt {background:url(../images/other/sitemap_titleBackground.jpg) repeat-x 0 0; height:23px; color:#ffffff; padding-left:10px; font-size:12px;}*/
.sitemapItem dl dt { height:23px; color:#333333; font-size:14px; border-bottom: 2px solid #920101; margin-bottom: 7px; font-weight: bold; }
.sitemapItem dl dd a {display:block; background:url(../images/pt_sitemap_red.gif) no-repeat 10px 8px; color:#333333; padding:0 0 3px 20px;}
.sitemapItem dl dd dl {float:none; padding:0 0 0 12px; width:auto;}
.sitemapItem dl dd dl dd a {background:url(../images/pt_sitemap_grey.gif) no-repeat 10px 8px; color:#333;}
.sitemapItem dl dd dl dd dl {padding:0 0 0 10px;}
.sitemapItem dl dd dl dd dl dd a {background:url(../images/pt_note.gif) no-repeat 10px 9px; color:#333;}
/* Sitemap ends */

/*calendar*/
#calandarContainer {padding:0 0 0 5px; border:1px solid #E5E5E5; border-top:none;}

#calandar {font-size:11px; color:#666; float:left; width:200px;}
#calandar img{margin-top:3px;}
#calandar table{}
#calandar td{ text-align:center; font-size:11px; padding:1px; width:14%;}
#calandar .heading{font-size:11px; color:#666666; text-align: center;}
#calandar .sunday{color:#920101;}
#calandar th{ text-align: center; font-weight: 600;}
#calandar .date{color:#920101; font-size:11px; float:left;width:172px; text-align:center;line-height:12px; padding-bottom:0px; font-weight:bold;}
#calandar img{float:left;}
#calandar td.event{background:url(../images/bg_cal_pass_events.gif) no-repeat center;}
#calandar td.event a{ text-decoration:none; display:block}
#calandar td.event a:hover{ font-weight:bold; color:#920101;}
#calandar table{width:200px;}
#calandarDay {height:20px; padding:8px 0 0 8px; margin-bottom: 8px;}
#monthlyNewsCalendar{font-size:1.1em; color:#000; color:#333;}
#monthlyNewsCalendar p{padding:0px; margin:0; line-height:normal;}
#monthlyNewsCalendar h1{padding:0px; font-size:1em;}

#calandar td a {color:#666;}
#calandar td.sunday a {color:#920101;}
/*#calandar td.event a {color:#E86E01;}*/
#eventContainer{float:left; padding-left:8px;}
#eventContainer table {width:181px;}
#eventContainer .Scrollbar-Handle {border-color:#FFF;}

#eventHead {margin:0 0 5px 0;}
#eventHead .heading{color:#000; font-size:12px; font-weight:bold; line-height:17px;}
#eventHead td.date{padding-left:20px;width:120px; color:#920101; font-weight:bold;}
#eventHead td.item{text-align:left;}
#eventHead table{border-bottom:#FFCC00 2px solid;}

#eventList tr.active{background:#FFF0B2;}
#eventList td {font-size:11px;}
#eventList td.date {width:80px; vertical-align:top; color:#920101; font-weight:bold; border-bottom:1px dashed #E5E5E5; padding-bottom:5px;}
#eventList td.item{text-align:left;color:#E87711;}

#eventHead td.pulldown {text-align:right; padding:0 0 5px 0;}
#eventHead td.pulldown *{vertical-align:middle;}
#eventHead td.pulldown select{width:60px; font-size:11px; margin-right:7px; height:18px; color:#666; overflow:hidden;}

#evenItemList{float:left; width:181px; height:220px; overflow:hidden; position:relative; color:#FFF;}

#job_leftSubMenu li { display:none; }


/*update for calendar on 19-3-2010 by Ron*/
#calandar td.passEvent{background:url(../images/bg_cal_events.gif) no-repeat center;}
#calandar td.passEvent a{ text-decoration:none; display:block;}
#calandar td.passEvent a:hover{ font-weight:bold;}

/*update for calendar on 26-3-2010 by Ron*/
#calandar td.todayDate{ background-color:#EFD6D6; color:#666666; font-weight:bold;}
#calandar td.todayDate a { color:#000000;}
#calandar td.todayDate a:hover { color:#000000;}

.tableWrapper {border:#920101 1px solid; margin-bottom:10px; width:100%; }


/*update for Co-events Table on 07/04/2010 by Angel */
/*.eventContainer2 .itemTable {border-top:#920101 2px solid; border-left:none; border-right:none; border-bottom:none;}*/
.genItemTable { border:1px solid #EEEEEE; border-collapse:separate; background:url("../images/membership/bg_directory.gif") repeat-x scroll 0 100% transparent; margin-bottom:15px; clear:both; }
.genItemTable th { text-align:left; color:#333333; border-right: 1px solid #FFFFFF; }
.genItemTable th.itemHeader { background-color:#920101; color:#FFFFFF; padding:4px 10px; border:0; }
.genItemTable th.last { border-right: none }
.genItemTable tr.even th, .genItemTable tr.even td { background-color:#F2F2F2; }
.genItemTable th, .genItemTable td { vertical-align:top; padding:5px 10px; }
.tdBottomBorder td { border-bottom:#E5E5E5 1px solid;}
.genItemTable tr.last td { border-bottom-color:#EEEEEE; }
.genItemTable th.title { width:570px; }
.inputField { width:180px; }

/* Table without bottom Margin */
.genItemTable_noMargin { border:1px solid #EEEEEE; border-collapse:separate; background:url("../images/membership/bg_directory.gif") repeat-x scroll 0 100% transparent; clear:both; }
.genItemTable_noMargin th { text-align:left; color:#333333; border-right: 1px solid #FFFFFF; }
.genItemTable_noMargin th.itemHeader { background-color:#920101; color:#FFFFFF; padding:4px 10px; border:0; font-weight:600;}
.genItemTable_noMargin th.last { border-right: none }
.genItemTable_noMargin tr.even th, .genItemTable_noMargin tr.even td { background-color:#F2F2F2; }
.genItemTable_noMargin th, .genItemTable_noMargin td { vertical-align:top; padding:5px 10px; }
.genItemTable_noMargin tr.last td { border-bottom-color:#EEEEEE; }
.genItemTable_noMargin th.title { width:570px; }

/*update for Co-events Table on 08/04/2010 by Alvin */
.genEventTable { border-top:2px solid #920101; border-bottom:1px solid #B9B9B9;}
.genEventTable th { text-align:left; vertical-align: top; color:#333333; padding:6px 10px; border-right: 1px solid #FFFFFF; }
.genEventTable th.itemHeader { background-color:#920101; color:#FFFFFF; padding:4px 10px; }
.genEventTable td { /*border-bottom:#E5E5E5 1px solid; */ padding:6px 10px; }
.genEventTable tr.even th, .genEventTable tr.even td { background-color:#F2F2F2; }
.genEventTable tr.last td { border-bottom-color:#B9B9B9; }
.genEventTable td ul { margin-bottom:0; }
.genEventTable th.title { width:570px; }

/*Table for in Member Profile */
.genTableNoTitle { border-top:2px solid #920101; margin-bottom:15px; border-bottom:1px solid #B9B9B9; border-collapse:collapse;}
.genTableNoTitle th { text-align:left; vertical-align: top; color:#333333; padding:6px 10px; font-weight:600;}
.genTableNoTitle th.itemHeader { background-color:#920101; color:#FFFFFF; padding:2px 10px; }
.genTableNoTitle td { padding:6px 10px; vertical-align:top; border-left:solid 1px #EEEEEE; border-right:solid 1px #EEEEEE; }
.genTableNoTitle td.radioGroup td { border-left:none; border-right:none; }
.genTableNoTitle td.checkBoxGroup td { border-left:none; border-right:none; }
.genTableNoTitle ul { margin-top:0px; }

.genTableNoTitle tr.even th, .genTableNoTitle tr.even td { background-color:#F2F2F2; }
.genTableNoTitle tr.odd th, .genTableNoTitle tr.odd td { background-color:#FFFFFF; }
.genTableNoTitle tr.last td { border-bottom-color:#B9B9B9; }
.genTableNoTitle th.title { width:570px; }

/*Item for Member Profile listing*/
.memberProfileWrapper {position:relative; clear:both; border-top:2px solid #920101; margin-bottom:30px; border-bottom:1px solid #B9B9B9; border-collapse:separate; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; padding:10px; padding-bottom:40px;}
.memberProfileThumb {float:right; width:220px; padding-left:10px;}
.memberProfileDesc { padding-bottom:20px;}
.memberProfileDesc h2 { margin-bottom:0px; color:#990202; font-weight:bold; }
.btn_memberProfileDetail {position: absolute; right: 0px; bottom: 0px; padding:0 10px 10px 0;}


/*Table for in Member Profile no bottom margin */
.genTableNoTitle_noMargin { border-top:2px solid #920101; border-bottom:1px solid #B9B9B9; border-collapse:collapse;}
.genTableNoTitle_noMargin th { text-align:left; vertical-align: top; color:#333333; padding:6px 10px; }
.genTableNoTitle_noMargin th.itemHeader { background-color:#920101; color:#FFFFFF; padding:4px 10px; }
.genTableNoTitle_noMargin td { padding:6px 10px; vertical-align:top; border-left:solid 1px #EEEEEE; border-right:solid 1px #EEEEEE; }
.genTableNoTitle_noMargin tr.even th, .genTableNoTitle_noMargin tr.even td { background-color:#F2F2F2; }
.genTableNoTitle_noMargin tr.odd th, .genTableNoTitle_noMargin tr.odd td { background-color:#FFFFFF; }
.genTableNoTitle_noMargin tr.last td { border-bottom-color:#B9B9B9; }
.genTableNoTitle_noMargin th.title { width:570px; }


/*For Table with right Action Item */
.actionWrapper { background:url("../images/bg_actionItem.jpg") repeat-y; width:739px; margin-bottom:15px;  }
.genTableNoTitleShort { border-top:2px solid #920101; border-bottom:1px solid #B9B9B9; border-collapse:separate; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; width:579px; float:left;}
.genTableNoTitleShort th { text-align:left; vertical-align: top; color:#333333; padding:6px 10px; border-right: 1px solid #FFFFFF; }
.genTableNoTitleShort th.itemHeader { background-color:#920101; color:#FFFFFF; padding:4px 10px; }
.genTableNoTitleShort td { padding:6px 10px; vertical-align:top; }
.genTableNoTitleShort tr.even th, .genTableNoTitleShort tr.even td { background-color:#F2F2F2; }
.genTableNoTitleShort tr.odd th, .genTableNoTitleShort tr.odd td { background-color:#FFFFFF; }
.genTableNoTitleShort tr.last td { border-bottom-color:#B9B9B9; }
.genTableNoTitleShort th.title { width:570px; }


/*For Right Action item Table */
.genTableActionItem { width:150px; border-top:solid 2px #757575; float:right; background-color:#F2F2F2;}
.genTableActionItem a {text-align:left; font-size:11px; margin:0px 10px 0px 14px; padding-bottom:15px; border-bottom:solid 1px #E5E5E5; padding-left:30px; padding-top:15px}
a.topEmailLink { margin-bottom:0px; color:#A20101; background:url("../images/icon_email_red.gif") no-repeat scroll 0 15px transparent; display:block; padding:15px 10px auto 30px; line-height:1.2em; border-top:solid 1px #E5E5E5;}
a.topEventLink { margin-bottom:0px; color:#A20101; background:url("../images/icon_events_red.gif") no-repeat scroll 0 15px transparent; display:block; padding:15px 10px auto 30px; line-height:1.2em;}
.representativePhoto { float:left; margin-right:15px;}
.genTableActionItem img {margin: 15px 25px;}


table.even { background-color:#F2F2F2;}
span.memberProfile_title { font-size:1.2em; float:left; font-weight:bold; }
.memberProfile_thumb { width:220px; }
.txtAlignRight { text-align:right; }
.redNote { color: #920101; font-weight:normal; }
.noBorder { border:0 !important; }



.xxtraShortInput { width:36px;  padding-left:2px;}
.extraShortInput { width:120px;  padding-left:2px;}
.shortInput { width:185px; padding-left:2px; }
.enquiriesInput { width:100%; padding-left:2px; }
.middleInput { width:305px; padding-left:2px;} 
.longInput { width:380px; padding-left:2px; }
.extraLongInput { width:480px; padding-left:2px; }
.directoryInput { width:230px; padding-left:2px; vertical-align:middle; font-size:12px; line-height:18px;}
.loginInput { width:215px; padding-left:2px; }

.noBorderAgreementContainer { background:none; margin: 10px 15px 15px 15px; }
.noBorderBtnContainer { background:none; margin: 0px 0px 15px 15px; padding: 0px 0 0; }
.noBorderBtnContainer .formBtn { float:right; }


.popupContainer { width: 500px; font-size: 1.1em; margin:10px; }

.paddingTable { margin: 0 15px; }
.paddingTable td, .paddingTable th { padding:5px 0px; border-right:#FFF 1px solid;}
.paddingTable th {text-align:left; font-weight:400; color:#333333; }
.paddingTable .even td, .paddingTable .even th, .eventTable .even td, .eventTable .even th {background-color:#F2F2F2;}

.paddingAgreementContainer { background:transparent url(../images/dash.gif) repeat-x scroll 0 0; margin:10px 15px 0 15px; padding:10px 0 0; }

.nestedGreyTable { border-top: 1px solid #D9D9D9; }
.nestedGreyTable tr th, table.nestedGreyTable tr td { border:0; padding-left:5px; }

#showCalendar { background:url("../images/banner_calendar.jpg") no-repeat; width:211px; height:39px; cursor:pointer }


/* For image in directory */
.floatLeftImage { float:left; margin-right:15px; width:110px;}

/* For Good-Citizen Award */
.narrowContentItem, .narrowContentItem h6, .narrowContentItem p, .narrowContentItem img { background-color:#FFFFFF;}

/* For Individual Associate Listing */
h3.letterCategory { margin-bottom:0px;}
ul.threeColumnList { width:100%; margin:0px; list-style-image:none;}
ul.threeColumnList li { float:left; width:31%; padding-bottom:15px; padding-right:15px; /*background:url(../images/dash.gif) repeat-x left bottom;*/ padding-top:15px;/* height:75px;*/}

/* For all a style */
ul.threeColumnList li a { color:#333333; text-decoration:underline; font-weight:bold; padding-left:15px;}
ul.threeColumnList li span { font-size:0.9em; padding-left:15px;}

/* For Past event resources */
ul.pastIcon { list-style-image:none; margin:0px;}

/* For Nature of Business listing */
ul.natureBusiness_list { float:left; margin:0px; list-style-image:none; width:100%;}
ul.natureBusiness_list li { width:40%; float:left; margin-right:40px; padding-left:10px;}

ul.natureBusiness_list_short { float:left; margin:0px; list-style-image:none; width:557px;}
ul.natureBusiness_list_short li { width:33%; float:left; margin-right:-9px; padding-left:10px;}


/* For Contact Detail */
.contact { clear: both; padding-bottom:15px; padding-top:15px; }
.contact h3 { margin-bottom:5px; font-size:1.1em;}
.contact span { font-weight:bold;}
.contact strong.red { color:#920101; }
.contact .left { float: left; clear: left; padding: 0 10px 0 0; }
.contact .right { float: left; clear: right; border-left: 1px #ddd solid; padding: 0 0 0 10px; }
.red { color:#920101; }


span.compulsory { font-size:0.9em; font-weight:normal;}

/* All header table item */
.header_Date { width:90px;}
.header_Generic {width:140px;}
.header_LongGeneric {width:200px;}
.widthTh_coevents { width:135px;}
.widthTh_enquiries { width:6em;}
.widthTh_pressReleases { width:85px;}
.widthTh_coeventsDetail { width:70px;}
.width_pressEnquiries { width:115px;}
.widthTh_feedback { width:145px;}
.widthTh_profile { width:160px;}
.widthTh_ceoComment { width:115px;}
.widthTh_tradeDetail { width:115px;}
.widthTh_contactUs { width:120px;}
.widthTh_corporatePost { width:120px;}
.widthTh_joinUsFull { width:120px;}
.widthTh_myAccActivation { width:150px;}
.widthTh_JobChangePassword { width:150px;}
.widthTh_eventEventTitle { width:535px;}
.widthTh_directoryDetail { width:140px;}
.widthTh_popupEmail { width:65px;}
.widthTh_popupEmail2 { width:95px;}
.widthTh_guideline { width:25px;}
.widthTh_whatsonDetail { width:120px;}
#widthTh_iaInfo { width:33%; }
#widthTh_iaInfoRadioBtn { width:67%;}
.widthTh_myAccForgotPassword { width:100px;}
.width_CorporateDaily {width:80px;}
.width_tradePostForm {width:130px;}
.indented {padding-left:25px; padding-right:25px;}

/*Table item*/
table.inputRadioContainer td {border-left:none; border-right:none; padding:0px}
.radioContainer td {padding:0px; padding-right:15px; border-left:none; border-right:none; }
table.inputRadioContainer input {vertical-align:middle;}
td.radioGroup table td { padding:0px; width:120px; vertical-align:top; }
td.checkBoxGroup table td { padding:0px; padding-bottom:15px; }
input.inputRadio {/*margin:0px; padding:0px;  float:left;*/ vertical-align:middle;}
span.inputRadio {/*margin:0px; padding:0px;  float:left;*/vertical-align:middle;}

tr.colorRed { background-color: #F4E5E5; font-weight: bold; }

/* For events subtotal in register detail form */
.genItemTable td.eventSubtotal {background:url(../images/dash.gif) repeat-x left 75%; padding-bottom:30px; color:#990000; text-align:right;}

/* For Advertising box */
ul.whatsonbox { list-style-image:none;}

/* For all terms and Conditions and disclaimer */
.termsAndCons { line-height:120%;  clear:both; padding-bottom:15px; padding-top:15px }
.termsAndCons h3 { font-size:1.1em; margin-bottom:10px;}
.termsAndCons ul { font-size:0.9em; margin-bottom:0px;}
.termsAndCons ol { margin: 0 0 0 20px; padding: 0;font-size:0.9em; }
.termsAndCons ol li { margin: 0; padding: 0; }
.termsAndCons p { margin:0px;}

/* For the Job Vacancies listing styling */
.jobCompany { font-size:0.9em; font-weight:bold;}

/* For member profile detail page */
.policyComments {text-align:justify; padding-top:10px;}
.rightMargin { margin-right:230px;}

/*All left item
#leftNav #about_leftMenu h2 span {background:url(../images/about/title.gif) no-repeat 7px 8px;}
#leftNav #events_leftMenu h2 span {background:url(../images/events/title.gif) no-repeat 7px 8px;}
#leftNav #membership_leftMenu h2 span {background:url(../images/membership/title.gif) no-repeat 7px 8px;}
#leftNav #committees_leftMenu h2 span {background:url(../images/committees/title.gif) no-repeat 7px 8px;}
#leftNav #advocacy_leftMenu h2 span {background:url(../images/advocacy/title.gif) no-repeat 7px 8px;}
#leftNav #information_leftMenu h2 span {background:url(../images/information/title.gif) no-repeat 7px 8px;}
#leftNav #media_leftMenu h2 span {background:url(../images/media/title.gif) no-repeat 7px 8px;}
#leftNav #opportunities_leftMenu h2 span {background:url(../images/opportunities/title.gif) no-repeat 7px 8px;}
#leftNav #feedback_leftMenu h2 span {background:url(../images/feedback/title.gif) no-repeat 7px 8px;}
#leftNav #other_leftMenu h2 span { background:url(../images/other/title.gif) no-repeat 7px 8px;}
#leftNav #contact_leftMenu h2 span {background:url(../images/contact/title.gif) no-repeat 7px 8px;}
#leftNav #settings_leftMenu h2 span {background:url(../images/settings/title.gif) no-repeat 7px 8px;}
#leftNav #privacy_leftMenu h2 span {background:url(../images/privacy/title.gif) no-repeat 7px 8px;}
*/

/*Banner Styling*/
/* Top Flash banner */
#topBannerFlashContainer { float:right; margin-right:3px;}

/*Opportunities*/
/*Job status*/
.job_online { color:#009900;}
.job_offline { color:#FF3399;}
.job_record_no { float:right;}
.job_company_title { font-size:1.2em; font-weight:bold; float:left;}

/*PopUp Tab menu */
#popupWrapper { position:relative; margin:0 12px 0 0}
#popupTable { padding-top:8px; }
#popupNav { border-bottom:1px solid #B8B8B8; padding:0 0 0 6px;}
#popupNav a {float:left; display:block; width:115px; height:19px; border:#B8B8B8 1px solid; border-bottom:none; text-align:center; margin-right:1px; color:#333; text-decoration:none;}
#popupNav a:hover, #popupNav a.active {border:#920101 1px solid; border-bottom:none; color:#FFF; background-color:#920101; text-decoration:none;}

/*Date*/
h2.headerDate { float:right;}

/*All TextArea styling*/
textarea { font-size:12px;}
.displayNone { display:none;}

h3.faqQn { clear:both;}
h3.faqQn a { text-decoration:none; }
h3.faqQn2 { clear:both;}
h3.faqQn2 a { /*color:#920101;*/ text-decoration:none; }

/*Radio Container style */
/*.radioContainer input {float:left; margin:0; padding:0; vertical-align:top;}*/
.radioContainer input {vertical-align:middle; margin-top:0px;}
/*label { margin-right:30px; padding-left:20px; display:block; line-height:90%; }*/
label { padding-left:5px; font-weight:300; display:inline; }

/*Left Banner Style*/
div#leftBanner {padding-top:10px;}
div.pollBanner {/*width: 220px;*/ width: 215px; padding-top:5px;}
div.banner_leftFlashSmall {float:left; padding-right:2px; padding-bottom:2px; width:104px}
span.banner_flashnotfound {line-height:150%; font-size:12px; display:block; height:94px; color:#cccccc; padding-left:3px; border:solid 1px #e5e5e5; }
span.banner_flashnotfound a {color:#cccccc; float:none;}
div.banner_leftFlashLong {float:left; padding-bottom:2px; width: 211px; text-align:center; }

/*Tabbed Table style */
.tabTableContainer {background-color:#EBEAE8; border-top:3px solid #921010; padding:5px; position:relative; clear:both}
.tabNav {color:#FFFFFF; min-height:33px; height:auto; margin-bottom:1px; padding:0 8px 0 8px; display:inline-block;}
.tabNavBtn {float:left; padding-top:9px;}
.tabNavBtn a {background-color:#FFFFFF; font-weight:bold; border:solid 1px #CCCCCC; border-bottom:none;color:#000000;display:block;float:left;margin-right:1px;padding:3px 10px;text-align:center;text-decoration:none;font-size:1.0em; line-height:150%;}
.tabNavBtn a:hover, .tabNavBtn a.active {background-color:#920101;border:solid 1px #920101; color:#FFFFFF;}
.tabTable { background-color:#FFFFFF !important; padding:8px; border:solid 1px #CCCCCC; position:relative;}
.tabAdjustTop {margin-top: -8px;}

/*Agreement Label */
label.agreementLabel {padding-bottom:0px;}

td.twoColumnTableWrapper {padding:0px; vertical-align:middle;}
td.widthTh_columnTwo {width:216px; border-left:none;}
td.widthTh_columnThree {width:90px;}

.element_left {float:left; margin-right:5px;}
.element_right {float:right}

div.faqAns { margin-left: 25px; }

div.pageNotFound { margin-top: 110px; text-align:center; }
div.pageNotFound a { color:#920101; text-decoration: none; }
div.pageNotFound img { margin-top: 40px; }


#interests table#mainTable2 td.checkBoxGroup table tr td { width: 33%; }

/* Tab Subheader */
.tab_subheader { padding: 0 0 2em 0}

/*Table with no top border for Competition Bill Links */
.genTableNoTitleNoTopBorder { margin-bottom:15px; border-bottom:1px solid #B9B9B9; border-collapse:collapse;}
.genTableNoTitleNoTopBorder th { text-align:left; vertical-align: top; color:#333333; padding:6px 10px; }
.genTableNoTitleNoTopBorder th.itemHeader { background-color:#920101; color:#FFFFFF; padding:2px 10px; }
.genTableNoTitleNoTopBorder td { padding:6px 10px; vertical-align:top; border-left:solid 1px #EEEEEE; border-right:solid 1px #EEEEEE; }
.genTableNoTitleNoTopBorder td.radioGroup td { border-left:none; border-right:none; }
.genTableNoTitleNoTopBorder td.checkBoxGroup td { border-left:none; border-right:none; }
.genTableNoTitleNoTopBorder ul { margin-top:0px; }

.justifiedText { text-align: justify; }

/* LinkedIn Share */
.inIcon {font-weight:bold; margin:10px 0px 10px 10px; float:right; color:#910101;text-decoration:none; line-height:150%;}
.inShare {background:url(/en/images/in-share.png) no-repeat; width:59px; height:20px; display:block; float:right; margin:10px 0px 10px 10px; padding:0 0 0 0px;}
.fbShare {background:url(/en/images/fb-share.png) no-repeat; width:56px; height:20px; display:block; float:right; margin:10px 0px 10px 10px; padding:0 0 0 15px;}
.edmPic {border:none; margin: 0px 0px 10px 10px; vertical-align: top;}

sup {vertical-align: super; }
sub {vertical-align: sub; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mapWrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 25px;
	height: 0;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** single-item multi carousel */
#myCarousel * {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#myCarousel {
    background: url(/en/images/about/bg_annual.gif) 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 98vw;
    position: relative;
    margin-left: -49vw;
    left: 50%;
}

#myCarousel a,
#myCarousel .item a {color:#FFFFFF; font-weight:bold; text-decoration:none; text-align: center; display: block; margin-top: 10px;}
#myCarousel .carousel-control {margin-bottom: -25px;}
.carousel-inner.onebyone-carosel { margin: auto; width: 93%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }
.carousel-control-icon {margin-top:-30px; position: absolute; left:50%; top:50%; }
.fa-angle-left {margin-left:-55px;}
.fa-angle-right {margin-right:-55px;}

.bootstrap-box-sizing *{
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	box-sizing: border-box !important;
}

.nav_page_sub_title{
	font-size: 1.9em;
	font-weight: 300;
	color: #920101;
    text-transform: uppercase;
}

.nav_page_sub_title2{
	font-size: 1.3em;
	font-weight: 600;
	color: #333333;
	display: block;
	margin-top: 13px;
}

.full-width{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.social-share {
    padding-right: 10px;
}

.social-share .fa {
    font-size: 18px !important;
    color: #fff !important;
}
.social-share a {
    width: 44px;
    height: 44px;
    float: right;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    background: #eee;
    color: #fff;
    font-size: 18px;
    margin: 10px 0px 15px 15px;
}
.social-share a:hover {
    background: #393939;
    opacity: 0.75;
}

.social-share a.facebook {
    background: #45619d;
}

.social-share a.linkedin {
    background: #0077b5;
}