/*==========================================
=           Photo Gallery page             =
==========================================*/
@media screen and (min-width: 760px) and (max-width: 2048px) {
	.gallery .galleryHolder .row {
		vertical-align: top;
		-moz-column-gap: 1em;
		-webkit-column-gap: 1em;
		column-gap: 1em;
		-webkit-column-count: 4 !important;
		-moz-column-count: 4 !important;
		column-count: 4 !important;
	}
}
.galleryHolder .item .img-responsive {
	width: 100%;
}
.gallery .contentHolder  ul {
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px;
}
.gallery .contentHolder ul li {
   list-style-type: disc; 
   list-style-position: inside;
}
/* By IBM */

.gallery .pageTitHolder {
	padding: 10px 15px 0 15px;
	text-align: left;
}
.gallery .pageTitHolder.center {
	text-align: center;
}
.gallery .secTit {
	display: inline-block;
	padding-top: 5px;
	font-size: 18px;
}

.gallery .searchBarHolder {
	display: inline-block;
	padding-top: 0px;
}

.gallery .galleryHolder {
	padding: 10px 15px 10px 15px;
}

.gallery .closeBtnHolder {
	width: 3.1875em;
	height: 3.1875em;
	display: block;
	position: relative;
	float: right;
}

.gallery .closeBtnHolder .closeBtn {
	position: absolute;
	top: 25% !important;
	left: 12%;
	margin: -0.78125em 0 0 -0.703125em;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #7b7b7b url(http://m-sit.hktdc.com/fair/static/images/contactform/btn_close.png) no-repeat center;
	line-height: 3.3;
	cursor: pointer;
}

.gallery .closeBtnHolder .closeBtn:hover {
	background: rgba(255, 191, 133, 0.9) url(http://m-sit.hktdc.com/fair/static/images/contactform/btn_close.png) no-repeat center;
}

.gallery .galleryHolder .row {
	vertical-align: top;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.gallery .galleryHolder .row .column {
	padding-right: 15px;
}

.gallery .item {
	cursor: pointer;
}

.gallery .galleryHolder .well.split {
	display: none;
}

.gallery .galleryHolder .well {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-bottom: 12px;
	border: none;
	width: 100%;
}

.gallery .modal .modal-dialog .modal-header .back,.gallery .modal .modal-dialog .modal-header .next {

	font-size: 26px;
	position: fixed;
	top: 55%;
	z-index: 9999;
}

.gallery .modal .modal-dialog .modal-header .back {
	left: 3px;
}

.gallery .modal .modal-dialog .modal-header .next {
	right: 3px;
}

.gallery .modal-backdrop {
	background-color: #ffffff;
	opacity: 1;
}

.gallery .modal-dialog {
	width: 100%;
	height: auto;
	margin: -1px auto;
}

.gallery .modal-content {
	border: none;
	border-radius: 0px;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.gallery .modal-header {
	height: 50px;
	background-color: #ececec;
}

.gallery .modal-header .close {
	margin-top: -15px;
	margin-right: -39px;
	opacity: 1;
}
/* For Simple footer on footer*/
.xsSimpleFooterHeight {
	height: 108px !important;
}
@media screen and (min-width: 801px) and (max-width: 2048px) {
.videoHolder {
    display: inline-block;
    width: 49.5%;
}
}
.videoPlayerHolder {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
}
.videoTit {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
}
/*=======================================
=              Video page               =
=======================================*/
@media screen and (min-width: 801px) and (max-width: 2048px) {
	body.video .videoHolder {
		width: 49.5%;
		display: inline-block;
	}
}

@media screen and (min-width: 668px) and (max-width: 800px) {
	body.video {
		padding-top: 130px !important;
	}
	body.video .searchBarHolder {
		padding-left: 8%;
	}
}

@media screen and (min-width: 581px) and (max-width: 667px) {
	body.video {
		padding-top: 130px !important;
	}
}

@media screen and (min-width: 501px) and (max-width: 580px) {
	body.video {
		padding-top: 130px !important;
	}
}

@media screen and (min-width: 341px) and (max-width: 500px) {
	body.video {
		padding-top: 130px !important;
	}
}

@media screen and (min-width: 220px) and (max-width: 340px) {
	body.video {
		padding-top: 130px !important;
	}
}

.video {
	padding-top: 148px;
}

.video .pageTitHolder {
	padding: 10px 15px 0 15px;
	text-align: left;
}

.video .secTit {
	display: inline-block;
	padding-top: 5px;
	font-size: 18px;
}

.video .searchBarHolder {
	display: inline-block;
	padding-top: 0px;
}

.video .videoPlayerHolder {
	margin: 8px 15px 10px 15px;
}

.video .videoTit {
	margin: 0 15px 10px 15px;
}
/*=======================================
=           Teamplate Styling           =
=======================================*/
@media screen and (min-width: 668px) and (max-width: 800px) {
	body.template {
		padding-top: 145px !important;
	}
	body.template .searchBarHolder {
		padding-left: 8%;
	}
}

@media screen and (min-width: 581px) and (max-width: 667px) {
	body.template {
		padding-top: 145px !important;
	}
}

@media screen and (min-width: 501px) and (max-width: 580px) {
	body.template {
		padding-top: 145px !important;
	}
}

@media screen and (min-width: 341px) and (max-width: 500px) {
	body.template {
		padding-top: 145px !important;
	}
}

@media screen and (min-width: 220px) and (max-width: 340px) {
	body.template {
		padding-top: 145px !important;
	}
}

body.template {
	padding-top: 158px;
}

.templateBlock {
	color: #393939;
	background-color: #fff;
}

.templateBlock .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.templateBlock .fairDetailTableHolder::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 0.525em;
	height: 0.525em;
}

.templateBlock .fairDetailTableHolder::-webkit-scrollbar-thumb:vertical {
	background-color: rgba(244, 122, 40, 0.8);
}

.templateBlock .fairDetailTableHolder::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(244, 122, 40, 0.8);
}

.templateBlock .fairDetailTableHolder {
	overflow-x: scroll;
	border-right: none;
	height: auto;
	width: 95%;
	margin-left: 15px;
}

.templateBlock .fairDetailTableHolder .fairDetailTable {
	width: 100%;
	min-width: 500px;
	border: 1px solid #cccccc;
	border-bottom: none;
}

.templateBlock .fairDetailTableHolder .fairDetailTable .tableHead {
	background: #ebebeb;
	border-bottom: 1px solid #cccccc;
 	/* Added by Billy */ 
    font-size: 12px;
    line-height: 1.6em;
    padding-bottom: 10px;
}

.templateBlock .fairDetailTableHolder .fairDetailTable .tableHead td {
	height: 42px;
	padding: 10px 10px 10px 10px;
}

/*  BY IBM - display inserted row border  */
.templateBlock .fairDetailTableHolder .fairDetailTable tr {
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
}

.templateBlock .fairDetailTableHolder .fairDetailTable tr td {
	border: 1px solid #cccccc;
	/*height: 68px;*/ /* IBM */
	min-width: 120px;
	line-height: 120%;
	padding: 10px 10px 10px 10px;
	/* Added by Billy */ 
    font-size: 12px;
    line-height: 1.6em;
    padding-bottom: 10px;
}

.templateBlock .detailList {
	padding-top: 3px;
}

.templateBlock .detailList li {
	list-style-type: disc;
	margin-left: 18px;
}

.templateBlock .paraTit {
	font-weight: bold;
	padding-bottom: 3px;
}

.templateBlock .sectionTitHolder {
	padding: 16px 15px 28px 0px;
	line-height: 100%;
}

.templateBlock .sectionTitHolder .sectionControl {
	float: right;
	position: absolute;
	right: 30px;
}

.templateBlock .sectionTitHolder .sectionControl .glyphicon {
	font-size: 23px;
	margin-top: -4px;
	margin-right: -15px;
}

.glyphicon {
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	position: relative;
	top: 1px;
}

.templateBlock .pressHolder {
	padding: 15px 15px;
}

.templateBlock .pressHolder .pressTit {
	font-size: 15px;
	line-height: 110%;
	padding-bottom: 5px;
}

.templateBlock .pressHolder .pressDate {
	font-size: 13px;
}

@media screen and (min-width: 801px) and (max-width: 2048px) {
	.issueHolder {
		width: 24% !important;
	}
}

.issueHolder {
	width: 47%;
	display: inline-block;
	padding-right: 6px;
	padding-bottom: 10px;
	/*padding-left: 3px;*/
}

.issueHolder .issueNum {

	font-size: 15px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 3px;
	text-align: center;
}

.issueHolder .issueNum a {
	text-decoration-color: -moz-use-text-color;
	text-decoration-line: none;
	text-decoration-style: solid;
}

@media screen and (min-width: 801px) and (max-width: 2048px) {
	.suppMedia {

		display: inline-block;
		width: 32% !important;
	}
}

.suppMedia {
	display: inline-block;
	padding: 20px 0px;
	text-align: center;
	vertical-align: middle;
	width: 49%;
}

.suppMedia a {
	text-decoration-color: -moz-use-text-color;
	text-decoration-line: none;
	text-decoration-style: solid;
}

.suppMedia a img {
	margin: 0 auto;
}

.templateBlock .eventHolder .eventDate {
	padding: 12px 15px;
	background: #e3e3e3;
	font-weight: bold;
}

.templateBlock .eventHolder .eventHeader {
	width: 100%;
	background: #ffffcc;
}

.templateBlock .eventHolder .eventHeader .eventHeaderTit {
	padding-top: 12px;
	padding-left: 15px;
	width: 86%;
	font-size: 16px;
	line-height: 115%;
}

.templateBlock .eventHolder .eventHeader .eventHeaderTit a {
	text-decoration: none;
}

.templateBlock .eventHolder .eventHeader .pdfIconHolder {
	padding-top: 12px;
	padding-right: 15px;
	vertical-align: top;
}

.templateBlock .eventHolder .eventHeader .pdfIconHolder .pdfIcon {
	width: 38px;
	height: 38px;
	cursor: pointer;
	background: url(http://m-sit.hktdc.com/fair/static/images/common/ico_pdf.png) no-repeat center;
	background-size: 33px 34px;
}

.templateBlock .eventHolder .eventHeader .addCalHolder {
	padding-left: 15px;
	padding-bottom: 10px;
}

.templateBlock .eventHolder .eventHeader .addCalHolder div {
	display: inline-block;
}

.templateBlock .eventHolder .eventHeader .addCalHolder .eleAsiaIcon {
	width: 82px;
	height: 38px;
	background: url(http://m-sit.hktdc.com/fair/static/images/common/ico_ele_asia.png) no-repeat center;
	background-size: 74px 23px;
}

.templateBlock .eventHolder .eventHeader .addCalHolder .ufiIcon {
	width: 28px;
	height: 38px;
	background: url(http://m-sit.hktdc.com/fair/static/images/common/ico_ufi.png) no-repeat center;
	background-size: 22px 23px;
}

.templateBlock .eventHolder .eventHeader .addCalHolder .calIcon {
	width: 38px;
	height: 38px;
	cursor: pointer;
	background: url(http://m-sit.hktdc.com/fair/static/images/common/ico_cal.png) no-repeat center;
	background-size: 36px 28px;
}

.templateBlock .eventHolder .eventListDetailHolder {
	padding: 8px 0;
}

.templateBlock .eventHolder .eventListDetailHolder .eventListDetail {
	padding: 8px 0;
}

.templateBlock .eventHolder .regBtn,.templateBlock .eventHolder .regBtn:hover {

	width: 150px;
	border: none;
	background-color: #f47a28;
	color: #ffffff;
	border-radius: 0px;
}

.templateBlock .eventHolder .regBtn:hover {
	opacity: 0.8;
}

.templateBlock .gallery {
	padding-top: 0 !important;
}
.templateBlock .hallPlanHolder {
   	overflow-x: scroll;
	overflow-y: scroll;
    text-align: -webkit-center;
}
.templateBlock .hallPlanHolder::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0.525em;
    height: 0.525em;
}

.templateBlock .hallPlanHolder::-webkit-scrollbar-thumb:vertical {
	background-color: rgba(244, 122, 40, 0.8);
}

.templateBlock .hallPlanHolder::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(244, 122, 40, 0.8);
}
.templateBlock .hallPlanHolder.active {
	height: 460px;
}
.templateBlock .zoomArea {
	position: relative;
}
.templateBlock .zoomArea .zoomBtnHolder {
	position: absolute;
	right: 15px;
	bottom: 20px;
}

.templateBlock .zoomBtnHolder .zoomInBtn,.templateBlock .zoomBtnHolder .zoomOutBtn {
	background-color: rgb(244, 122, 40);
	cursor: pointer;
	height: 36px;
	opacity: 1 !important;
	width: 36px;
}
.templateBlock .zoomBtnHolder .zoomInBtn.disable,.templateBlock .zoomBtnHolder .zoomOutBtn.disable {
	opacity: 0.2 !important;
}
.templateBlock .zoomBtnHolder .zoomInBtn {
	background-size: 22px 22px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}

.templateBlock .zoomBtnHolder .zoomOutBtn {
	background-size: 22px 1.5px;
	padding-bottom: 18px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 18px;
}
.mce-template {
	color: #585959;
	background-color: #fff;
}

.mce-template h1 {
	margin: .67em 0;
	font-size: 2em;
}

.mce-template img {
	border: 0;
}

.mce-template img {
	vertical-align: middle;
}

.mce-template table {
	border-spacing: 0;
	border-collapse: collapse;
}

.mce-template td,.mce-template th {

	padding: 0;
}

.mce-template .img-responsive,.mce-template .thumbnail>img,.mce-template .thumbnail a>img,.mce-template .carousel-inner>.item>img,.mce-template .carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
}

.mce-template * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mce-template *:before,.mce-template *:after {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mce-template h1,.mce-template h2,.mce-template h3,.mce-template h4,.mce-template h5,.mce-template h6,.mce-template .h1,.mce-template .h2,.mce-template .h3,.mce-template .h4,.mce-template .h5,.mce-template .h6 {
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.mce-template h1,.mce-template .h1,.mce-template h2,.mce-template .h2,.mce-template h3,.mce-template .h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.mce-template h4,.mce-template .h4,.mce-template h5,.mce-template .h5,.mce-template h6,.mce-template .h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mce-template h1,.mce-template .h1 {

	font-size: 36px;
}

.mce-template h2,.mce-template .h2 {

	font-size: 30px;
}

.mce-template h3,.mce-template .h3 {

	font-size: 24px;
}

.mce-template h4,.mce-template .h4 {

	font-size: 18px;
}

.mce-template h5,.mce-template .h5 {

	font-size: 14px;
}

.mce-template h6,.mce-template .h6 {

	font-size: 12px;
}

.mce-template .text-left {
	text-align: left;
}

.mce-template .text-right {
	text-align: right;
}

.mce-template .text-center {
	text-align: center;
}

.mce-template .text-justify {
	text-align: justify;
}

.mce-template .row {
	margin: 0;
}

.mce-template .col-xs-1,.mce-template .col-sm-1,.mce-template .col-md-1,.mce-template .col-lg-1,.mce-template .col-xs-2,.mce-template .col-sm-2,.mce-template .col-md-2,.mce-template .col-lg-2,.mce-template .col-xs-3,.mce-template .col-sm-3,.mce-template .col-md-3,.mce-template .col-lg-3,.mce-template .col-xs-4,.mce-template .col-sm-4,.mce-template .col-md-4,.mce-template .col-lg-4,.mce-template .col-xs-5,.mce-template .col-sm-5,.mce-template .col-md-5,.mce-template .col-lg-5,.mce-template .col-xs-6,.mce-template .col-sm-6,.mce-template .col-md-6,.mce-template .col-lg-6,.mce-template .col-xs-7,.mce-template .col-sm-7,.mce-template .col-md-7,.mce-template .col-lg-7,.mce-template .col-xs-8,.mce-template .col-sm-8,.mce-template .col-md-8,.mce-template .col-lg-8,.mce-template .col-xs-9,.mce-template .col-sm-9,.mce-template .col-md-9,.mce-template .col-lg-9,.mce-template .col-xs-10,.mce-template .col-sm-10,.mce-template .col-md-10,.mce-template .col-lg-10,.mce-template .col-xs-11,.mce-template .col-sm-11,.mce-template .col-md-11,.mce-template .col-lg-11,.mce-template .col-xs-12,.mce-template .col-sm-12,.mce-template .col-md-12,.mce-template .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding: 0;
}

.mce-template .col-xs-1,.mce-template .col-xs-2,.mce-template .col-xs-3,.mce-template .col-xs-4,.mce-template .col-xs-5,.mce-template .col-xs-6,.mce-template .col-xs-7,.mce-template .col-xs-8,.mce-template .col-xs-9,.mce-template .col-xs-10,.mce-template .col-xs-11,.mce-template .col-xs-12 {
	float: left;
}

.mce-template .col-xs-12 {
	width: 100%;
}

.mce-template .col-xs-11 {
	width: 91.66666667%;
}

.mce-template .col-xs-10 {
	width: 83.33333333%;
}

.mce-template .col-xs-9 {
	width: 75%;
}

.mce-template .col-xs-8 {
	width: 66.66666667%;
}

.mce-template .col-xs-7 {
	width: 58.33333333%;
}

.mce-template .col-xs-6 {
	width: 50%;
}

.mce-template .col-xs-5 {
	width: 41.66666667%;
}

.mce-template .col-xs-4 {
	width: 33.33333333%;
}

.mce-template .col-xs-3 {
	width: 25%;
}

.mce-template .col-xs-2 {
	width: 16.66666667%;
}

.mce-template .col-xs-1 {
	width: 8.33333333%;
}

.mce-template .col-xs-offset-12 {
	margin-left: 100%;
}

.mce-template .col-xs-offset-11 {
	margin-left: 91.66666667%;
}

.mce-template .col-xs-offset-10 {
	margin-left: 83.33333333%;
}

.mce-template .col-xs-offset-9 {
	margin-left: 75%;
}

.mce-template .col-xs-offset-8 {
	margin-left: 66.66666667%;
}

.mce-template .col-xs-offset-7 {
	margin-left: 58.33333333%;
}

.mce-template .col-xs-offset-6 {
	margin-left: 50%;
}

.mce-template .col-xs-offset-5 {
	margin-left: 41.66666667%;
}

.mce-template .col-xs-offset-4 {
	margin-left: 33.33333333%;
}

.mce-template .col-xs-offset-3 {
	margin-left: 25%;
}

.mce-template .col-xs-offset-2 {
	margin-left: 16.66666667%;
}

.mce-template .col-xs-offset-1 {
	margin-left: 8.33333333%;
}

.mce-template .col-xs-offset-0 {
	margin-left: 0;
}

.mce-template .col-sm-1,.mce-template .col-sm-2,.mce-template .col-sm-3,.mce-template .col-sm-4,.mce-template .col-sm-5,.mce-template .col-sm-6,.mce-template .col-sm-7,.mce-template .col-sm-8,.mce-template .col-sm-9,.mce-template .col-sm-10,.mce-template .col-sm-11,.mce-template .col-sm-12 {
	float: left;
}

.mce-template .col-sm-12 {
	width: 100%;
}

.mce-template .col-sm-11 {
	width: 91.66666667%;
}

.mce-template .col-sm-10 {
	width: 83.33333333%;
}

.mce-template .col-sm-9 {
	width: 75%;
}

.mce-template .col-sm-8 {
	width: 66.66666667%;
}

.mce-template .col-sm-7 {
	width: 58.33333333%;
}

.mce-template .col-sm-6 {
	width: 50%;
}

.mce-template .col-sm-5 {
	width: 41.66666667%;
}

.mce-template .col-sm-4 {
	width: 33.33333333%;
}

.mce-template .col-sm-3 {
	width: 25%;
}

.mce-template .col-sm-2 {
	width: 16.66666667%;
}

.mce-template .col-sm-1 {
	width: 8.33333333%;
}

.mce-template .col-sm-offset-12 {
	margin-left: 100%;
}

.mce-template .col-sm-offset-11 {
	margin-left: 91.66666667%;
}

.mce-template .col-sm-offset-10 {
	margin-left: 83.33333333%;
}

.mce-template .col-sm-offset-9 {
	margin-left: 75%;
}

.mce-template .col-sm-offset-8 {
	margin-left: 66.66666667%;
}

.mce-template .col-sm-offset-7 {
	margin-left: 58.33333333%;
}

.mce-template .col-sm-offset-6 {
	margin-left: 50%;
}

.mce-template .col-sm-offset-5 {
	margin-left: 41.66666667%;
}

.mce-template .col-sm-offset-4 {
	margin-left: 33.33333333%;
}

.mce-template .col-sm-offset-3 {
	margin-left: 25%;
}

.mce-template .col-sm-offset-2 {
	margin-left: 16.66666667%;
}

.mce-template .col-sm-offset-1 {
	margin-left: 8.33333333%;
}

.mce-template .col-sm-offset-0 {
	margin-left: 0;
}

.mce-template table {
	max-width: 100%;
	background-color: transparent;
}

.mce-template th {
	text-align: left;
}

.mce-template .table {
	width: 100%;
	margin-bottom: 20px;
}

.mce-template .table>thead>tr>th,.mce-template .table>tbody>tr>th,.mce-template .table>tfoot>tr>th,.mce-template .table>thead>tr>td,.mce-template .table>tbody>tr>td,.mce-template .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.mce-template .table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.mce-template .table>caption+thead>tr:first-child>th,.mce-template .table>colgroup+thead>tr:first-child>th,.mce-template .table>thead:first-child>tr:first-child>th,.mce-template .table>caption+thead>tr:first-child>td,.mce-template .table>colgroup+thead>tr:first-child>td,.mce-template .table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.mce-template .table>tbody+tbody {
	border-top: 2px solid #ddd;
}

.mce-template .table .table {
	background-color: #fff;
}

.mce-template .table-condensed>thead>tr>th,.mce-template .table-condensed>tbody>tr>th,.mce-template .table-condensed>tfoot>tr>th,.mce-template .table-condensed>thead>tr>td,.mce-template .table-condensed>tbody>tr>td,.mce-template .table-condensed>tfoot>tr>td {
	padding: 5px;
}

.mce-template .table-bordered {
	border: 1px solid #ddd;
}

.mce-template .table-bordered>thead>tr>th,.mce-template .table-bordered>tbody>tr>th,.mce-template .table-bordered>tfoot>tr>th,.mce-template .table-bordered>thead>tr>td,.mce-template .table-bordered>tbody>tr>td,.mce-template .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd;
}

.mce-template .table-bordered>thead>tr>th,.mce-template .table-bordered>thead>tr>td {

	border-bottom-width: 2px;
}

.mce-template .table-striped>tbody>tr:nth-child(odd)>td,.mce-template .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9;
}

.mce-template .table-hover>tbody>tr:hover>td,.mce-template .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5;
}

.mce-template table col[class *="col-"] {
	position: static;
	display: table-column;
	float: none;
}

.mce-template table td[class *="col-"],.mce-template table th[class *="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

.mce-template .table>thead>tr>td.active,.mce-template .table>tbody>tr>td.active,.mce-template .table>tfoot>tr>td.active,.mce-template .table>thead>tr>th.active,.mce-template .table>tbody>tr>th.active,.mce-template .table>tfoot>tr>th.active,.mce-template .table>thead>tr.active>td,.mce-template .table>tbody>tr.active>td,.mce-template .table>tfoot>tr.active>td,.mce-template .table>thead>tr.active>th,.mce-template .table>tbody>tr.active>th,.mce-template .table>tfoot>tr.active>th {
	background-color: #f5f5f5;
}

.mce-template .table-hover>tbody>tr>td.active:hover,.mce-template .table-hover>tbody>tr>th.active:hover,.mce-template .table-hover>tbody>tr.active:hover>td,.mce-template .table-hover>tbody>tr.active:hover>th {
	background-color: #e8e8e8;
}

.mce-template .table>thead>tr>td.success,.mce-template .table>tbody>tr>td.success,.mce-template .table>tfoot>tr>td.success,.mce-template .table>thead>tr>th.success,.mce-template .table>tbody>tr>th.success,.mce-template .table>tfoot>tr>th.success,.mce-template .table>thead>tr.success>td,.mce-template .table>tbody>tr.success>td,.mce-template .table>tfoot>tr.success>td,.mce-template .table>thead>tr.success>th,.mce-template .table>tbody>tr.success>th,.mce-template .table>tfoot>tr.success>th {
	background-color: #dff0d8;
}

.mce-template .table-hover>tbody>tr>td.success:hover,.mce-template .table-hover>tbody>tr>th.success:hover,.mce-template .table-hover>tbody>tr.success:hover>td,.mce-template .table-hover>tbody>tr.success:hover>th {
	background-color: #d0e9c6;
}

.mce-template .table>thead>tr>td.info,.mce-template .table>tbody>tr>td.info,.mce-template .table>tfoot>tr>td.info,.mce-template .table>thead>tr>th.info,.mce-template .table>tbody>tr>th.info,.mce-template .table>tfoot>tr>th.info,.mce-template .table>thead>tr.info>td,.mce-template .table>tbody>tr.info>td,.mce-template .table>tfoot>tr.info>td,.mce-template .table>thead>tr.info>th,.mce-template .table>tbody>tr.info>th,.mce-template .table>tfoot>tr.info>th {
	background-color: #d9edf7;
}

.mce-template .table-hover>tbody>tr>td.info:hover,.mce-template .table-hover>tbody>tr>th.info:hover,.mce-template .table-hover>tbody>tr.info:hover>td,.mce-template .table-hover>tbody>tr.info:hover>th {
	background-color: #c4e3f3;
}

.mce-template .table>thead>tr>td.warning,.mce-template .table>tbody>tr>td.warning,.mce-template .table>tfoot>tr>td.warning,.mce-template .table>thead>tr>th.warning,.mce-template .table>tbody>tr>th.warning,.mce-template .table>tfoot>tr>th.warning,.mce-template .table>thead>tr.warning>td,.mce-template .table>tbody>tr.warning>td,.mce-template .table>tfoot>tr.warning>td,.mce-template .table>thead>tr.warning>th,.mce-template .table>tbody>tr.warning>th,.mce-template .table>tfoot>tr.warning>th {
	background-color: #fcf8e3;
}

.mce-template .table-hover>tbody>tr>td.warning:hover,.mce-template .table-hover>tbody>tr>th.warning:hover,.mce-template .table-hover>tbody>tr.warning:hover>td,.mce-template .table-hover>tbody>tr.warning:hover>th {
	background-color: #faf2cc;
}

.mce-template .table>thead>tr>td.danger,.mce-template .table>tbody>tr>td.danger,.mce-template .table>tfoot>tr>td.danger,.mce-template .table>thead>tr>th.danger,.mce-template .table>tbody>tr>th.danger,.mce-template .table>tfoot>tr>th.danger,.mce-template .table>thead>tr.danger>td,.mce-template .table>tbody>tr.danger>td,.mce-template .table>tfoot>tr.danger>td,.mce-template .table>thead>tr.danger>th,.mce-template .table>tbody>tr.danger>th,.mce-template .table>tfoot>tr.danger>th {
	background-color: #f2dede;
}

.mce-template .table-hover>tbody>tr>td.danger:hover,.mce-template .table-hover>tbody>tr>th.danger:hover,.mce-template .table-hover>tbody>tr.danger:hover>td,.mce-template .table-hover>tbody>tr.danger:hover>th {
	background-color: #ebcccc;
}

.mce-template .clearfix:before,.mce-template .clearfix:after,.mce-template .container:before,.mce-template .container:after,.mce-template .container-fluid:before,.mce-template .container-fluid:after,.mce-template .row:before,.mce-template .row:after {
	display: table;
	content: " ";
}

.mce-template .clearfix:after,.mce-template .container:after,.mce-template .container-fluid:after,.mce-template .row:after {
	clear: both;
}

.mce-template .pull-right {
	float: right !important;
}

.mce-template .pull-left {
	float: left !important;
}

.mce-template h1,.mce-template h2,.mce-template h3,.mce-template h4,.mce-template h5,.mce-template h6 {
	margin-top: 5px;
	margin-bottom: 8px;
}

.mce-template div {
	text-transform: none;
}

.mce-template .img {
	margin-bottom: 15px;
}

.mce-template .img img {
	height: auto;
}

.mce-template .img-full {
	width: 100%;
	height: auto;
}
/*************************************
common template style 
*************************************/
.template-heading {
	position: relative;
}
/*************************************
template 1
*************************************/
.template-heading.template-2 {
	margin-left: 0;
}
/*************************************
template 2
*************************************/
.template-heading.template-3 {
	margin-left: 0;
}
/*************************************
template 6
*************************************/
.mce-template .table {
	margin-bottom: 10px;
}

.mce-template .table th,.mce-template .table td {

	font-weight: normal;
}

.mce-template .img {
	width: auto;
	height: auto;
	margin: 0 15px 15px 0;
}
/*************************************
template 1
*************************************/
.template-heading.template-2 {
	margin-left: 30px;
}
/*************************************
template 2
*************************************/
.template-heading.template-3 {
	margin-left: -120px;
}
/*************************************
common template styles
*************************************/
.mce-template .img-left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	padding: 0;
}

.mce-template .img-right {
	float: right;
	margin-right: 0;
	margin-left: 20px;
	padding: 0;
}

.mce-template .img-lg,.img-lg .tmce_placeholder img {

	width: 620px;
	padding: 0;
}

.mce-template .img-md,.img-md .tmce_placeholder img {

	width: 300px;
	padding: 0;
}

.mce-template .img-sm,.img-sm .tmce_placeholder img {

	width: 200px;
	padding: 0;
}

.mce-template .tmce_placeholder {
	margin-top: 5px;
	margin-bottom: 10px;
}

.tmce_placeholder img,.tmce_placeholder iframe,.tmce_placeholder embed,.tmce_placeholder object,.tmce_placeholder figure>div {
	margin-bottom: 10px;
}

.tmce_placeholder figure {
	margin: 0;
}

.tmce_placeholder figcaption {
	font-size: 13px;
	line-height: 16px;
}

.quote {
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}

.mce-template .last-column {
	margin-right: 0 !important;
}
/*************************************
template 5
*************************************/
.mce-template .template-5 .img-md {
	margin-right: 40px;
}

.mce-template .template-5 .quote {
	margin-right: 40px;
}
/*************************************
template 6
*************************************/
.mce-template .template-6 .quote {
	margin: 50px 40px;
}
/*************************************
template 7
*************************************/
.mce-template .template-7 td {
	font-size: 14px;
	line-height: 1.42857143;
	color: #585959;
}

.mce-template.mce-template .template-7 .quote {
	margin: 0 40px;
	padding: 0;
	width: 275px;
}
/*************************************
template 8
*************************************/
.mce-template .template-8 .table-bordered {
	text-align: left;
	border: 1px solid #000000;
}

.mce-template .template-8 .table-bordered>tbody>tr>td {
	text-align: left;
	padding: 0;
	border: 1px solid #000000;
	font-size: 14px;
	line-height: 1.42857143;
}

.mce-template .template-8 .text {
	margin: 15px 10px;
}
/*************************************
template 9
*************************************/
.mce-template .template-9,.mce-template .template-10,.mce-template .template-11 {
	width: 625px;
	margin: 0 auto;
}

.mce-template .template-9 .img-md-2,.mce-template .template-9 img {
	width: 305px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mce-template .template-9 .img-md-2 {
	padding: 0;
	margin-right: 10px;
}

.mce-template .template-9 img {
	width: 305px;
}
/*************************************
template 10
*************************************/
.mce-template .template-10 .img-sm {
	margin-right: 10px;
}

.mce-template .template-11 {
	width: 620px;
	margin: 0 auto;
}


.form-group {
	position: relative;
	overflow: hidden;
}

.form-group.collapsed {
	height: 0em;
	margin: 0;
}

.has-error .text-message {
	color: #FF0000;
}

.has-error .form-control,.has-error .businessNatureHolder {
	border-color: #FF0000;
}

.tc.form .businessNatureHolder,.sc.form .businessNatureHolder {
	font-size: 0.9em;
	line-height: 120%;
}

.vert-align-sub {
	vertical-align: sub;
}

.form .cell-control input[type="checkbox"].form-control {
	margin-top: -1px;
}

.form .cell-control .ckbox label:before {
	top: 0px;
}

.form .form-group-select {
	position: static;
}


/* TODO: remove this workaround for checkbox issue in prototype */
/*
.form .ckbox {
	text-indent: 7px;
}
*/

/* For HKMB Templates*/

.templateContentHolder{
	margin-left: 10px;
	margin-right: 10px;
}

.mce-template .template-9, .mce-template .template-10, .mce-template .template-11 {
    margin-bottom: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0;
    width: 625px;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-5 .img-md {
    margin-right: 5px;
    margin-left: 5px;
  }
  .template-5 .img-md .tmce_placeholder img, .mce-template .template-5 .img-md{
    width: 150px;
    height: auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-5 .quote, .mce-template .template-6 .quote {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template.mce-template .template-7 .quote {
    margin: 0 15px;
    width: 160px;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-9 img, .mce-template .template-9 .img-md-2 {
    width: inherit;
  }
  .mce-template .template-9, .mce-template .template-10, .mce-template .template-11{
    width: 100%;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  /* Update for RMIP */
  .mce-template .template-10 .img-sm {
  	width: inherit;
  }
  .mce-template .template-10 img{
    width:200px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-11, .img-lg .tmce_placeholder img, .mce-template .img-lg {
    width: 300px;
  }
}
/*************************************
template 12
*************************************/
.mce-template .template-12 figure {
    height: 200px;	
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	.mce-template .template-12 iframe {
      height: 200px;
    }
}

/*************************************
template 13
*************************************/

.mce-template .template-13 figure {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 620px;
    height: 380px;
	width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-13 figure{
    width: 300px;
    height: 200px;
  }
  .mce-template .template-13 iframe {
    height: 200px !important;
  }
}  

.mce-template .template-13 iframe {
    height: 380px;
    max-width: 620px;
    width: 100%;
}

.mce-template .template-16 figure{  
     max-width: 620px;
     margin: 0 auto;
}
.mce-template .template-16 iframe{
    width: 100%;
    max-width: 620px;
    height: 380px;
}
.mce-template .img-lg{
    width: 100%;    
}


/*************************************
template 14
*************************************/
.mce-template .template-14 iframe{
    width: 300px;
    max-width: 300px;
    height: 200px;
}
.mce-template .template-14 figure{
    width: 300px;
    max-width: 300px;
    height: 200px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-14 iframe{
    width: 150px;
    height: 100px;
  }
  .mce-template .template-14 figure{
    width: 200px;
    height: 120px;
  }
  .mce-template .template-14 .img-md{
    width: 150px;
    height: 100px;
    margin-right: 5px;
  }
}
.mce-template img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
}


/*************************************
template 15
*************************************/
.mce-template .template-15 figure {
    height: 200px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	.mce-template .template-15 iframe {
      height: 200px;
    }
}

/*************************************
template 16
*************************************/
.mce-template .template-16 figure{  
     max-width: 620px;
     margin: 0 auto;
	 width: 100%;
	 max-width: 620px;
     height: 380px;
}
.mce-template .template-16 iframe{
    width: 100%;
    max-width: 620px;
    height: 380px;
}
.mce-template .img-lg{
    width: 100%;    
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .mce-template .template-16 figure{
    width: 300px;
    height: 200px;
  }
  .mce-template .template-16 iframe {
    height: 200px;
  }
}
/*************************************
Others
*************************************/
.btn-zoom-in {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: -1px;
    font-size: 24px;
    color: white;
    left:1px;
}
.btn-zoom-in:before {
    content: "\2b";
}

.btn-zoom-out {
    display: inline-block;
    font-family: "Glyphicons Halflings";
   font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: -12px;
    font-size: 24px;
    color: white;
}
.btn-zoom-out:before {
    content: "\2212";
}

/* Add the missing CSS as per IBM*/
.fairDetailTableHolder .fairDetailTable .tableHead th{height:42px;padding:10px 10px 10px 10px;font-weight:400}

/* hide the thumbs-container which is used specifically by RMIP */
#thumbs-container {
	display:none;
}