.remarks { font-size:0.9em; padding-top:15px;}


/* What's On Styles */
.eventContainer {background-color:#333; padding:8px;}
.whatsonNav {border-bottom:#555 1px solid; padding:0 8px 0 6px; color:#FFF; height:28px;}
.whatsonNav .search {float:right; font-size:0.9em;}
.whatsonNav .whatsonBtn {float:left; padding-top:9px;}
.whatsonNav select {width:120px; height:20px; margin:0 10px; font-size:11px; color:#666;}
.whatsonNav .btnSearch {color:#FFF; background:url(../images/icon_toggle_bg_dark.gif) no-repeat 0 0; width:70px; font-size:11px; height:21px; vertical-align:top}
.whatsonNav a {display:block; float:left; width:70px; height:18px; border:#555 1px solid; border-bottom:none; background-color:#333333; margin-right:1px; color:#FFF; text-align:center; text-decoration:none;}
.whatsonNav a.delegations {width:140px;}
.whatsonNav a:hover, .whatsonNav a.active {border:#920101 1px solid; border-bottom:none; background-color:#920101;}
.eventContainer .tableTitle {padding:0 8px 0 8px; color:#FFFFFF; font-weight:700; background-color:#333; margin:7px 0 3px;}
.eventContainer .tableTitle th {text-align:center; border-left:#757575 1px solid;}
.eventContainer .tableTitle th, eventContainer .tableTitle td {padding:0 5px;}
.eventContainer .enroll {width:8%;}
.eventContainer .date {width:12%;}
.eventContainer .full { width:100px; border-left:#757575 1px solid; padding-left:10px;}
.eventContainer .member { width:100px;}
.eventContainer .eventTitle { width:390px;}
.eventContainer .tableTitle .enroll div {border:#D18080 1px solid; background-color:#A20000; width:43px; height:18px; text-align:center; font-size:0.8em}

div.search {line-height:150%;}
.selectionWrapper_Short {background:url(../images/background_TopSelection.jpg) 0 0; background-size: cover; padding:5px 5px 0px 5px; height:auto; min-height:35px; font-weight:bold; font-size:11px;}
.selectionWrapper_Short h2 {margin-bottom:5px;}
div.full {background:url(../images/icon_full.gif) no-repeat left center; padding:0 15px 0 25px; color:#920101; float:right; line-height:120%; width: 30px; margin-bottom: 10px; }
div.BOC {background:url(../images/icon_bocv2.gif) no-repeat left center; padding:0 15px 0 30px; color:#920101; float:right; line-height:120%; width: 68px; margin-bottom: 10px; }
div.member {background:url(../images/events/icon_member.gif) no-repeat left center; padding:0 15px 0 25px; color:#920101; float:right; line-height:120%; width: 50px; margin-bottom: 10px; }
div.email {background:url(../images/icon_emailv2.gif) no-repeat left center; padding:0 0 0 30px; color:#920101; float:right; line-height:120%; width: 57px; margin-bottom: 10px; }
div.media { background:url(../images/icon_mediav2.gif) no-repeat left center; padding:0 0 0 30px; color:#920101; float:right; line-height:120%; width: 57px; margin-bottom: 10px; }
div.wishlist { background:url(../images/icon_wishlistv2.gif) no-repeat left center; padding:0 0 0 30px; color:#920101; float:right; line-height:120%; width: 30px; margin-bottom: 10px; }
.enroll {text-align:center;}
img.iconFull {float:right; padding-left:5px;}
img.iconMember {float:right; padding:0 5px; margin:0 10px;}
img.iconBOC {float:right; padding:0 3px; margin:0 10px;}

.iconCart {float:right; margin-right:-5px; padding-left:8px; }
.iconCart:before {
    font-family: FontAwesome;
    content: "\F217";
	color:#920101;
	font-size: 1.5em;
 }
.iconAddToCart {float:right; margin-top:2px !important; width:18px; height:18px;}
.iconMedia {display:none;}
.btnSearch {font-size:11px; color:#333333; margin-left:5px; padding-top:5px;}
.statusFull {color:#920101;}

.iconEmail {float:right; padding: 0 5px; margin: 0 10px;}
.iconEmail:before {
    font-family: FontAwesome;
    content: "\F003";
	color:#920101;
	font-size: 1.5em;
}

.iconCamera {float:right; padding: 0 5px; margin: 0 10px;}
.iconCamera:before {
    font-family: FontAwesome;
    content: "\F030";
	color:#920101;
	font-size: 1.5em;
}

.iconWishListHighlight {float:right; padding: 0 5px; margin: 0 10px; cursor:pointer;}
.iconWishListHighlight:before {
    font-family: FontAwesome;
    content: "\F005";
	font-size: 1.5em;
	color: orange;
	/*
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(184,91,91);
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  */
}
.iconWishListEmpty {float:right; padding: 0 5px; margin: 0 10px; cursor:pointer;}
.iconWishListEmpty:before {
    font-family: FontAwesome;
    content: "\F006";
	color:#920101;
	font-size: 1.5em;
}

.iconCreditCard {float:right; padding: 0 5px; margin: 0 10px;}
.iconCreditCard:before {
    font-family: FontAwesome;
    content: "\F09d";
	color:#920101;
	font-size: 1.5em;
}



div.search table td {vertical-align:middle;}
td.iconCalendar { vertical-align:middle; padding-left:5px; padding-right:5px;}

.eventContainer .tableContent {padding:6px; background-color:#FFF;}
.eventContainer .tableContent .btnBack {margin-top:10px;}
.eventContainer .eventTable th {color:#920101; text-align:left; font-weight:700; background-image:url(../images/dash.gif); background-repeat:repeat-x; background-position:0 100%;}
.eventContainer .eventTable th, .eventContainer .eventTable td {padding:5px;}
.eventContainer .eventTable th a {color:#920101;}
.eventContainer .eventTable span {color:#333333; font-weight:bold;}
.eventContainer .eventTable .iconFull {float:right; margin:0 5px 0 0;}

.whatsonNav a.btnCalendar { border:none; margin:0px; padding:0px; margin-right:0px; text-align:left; float:none; display:inline; height:20px}
.whatsonNav a:hover.btnCalendar { border:none; background-color:#333333; margin-right:0px; }
.whatsonNav .search table td { vertical-align:top; padding-right:3px;}


.eventContainer2 {background-color:#333; padding:8px;}
.whatsonNav2 {border-bottom:#555 1px solid; padding:0 8px 0 6px; color:#FFF; height:28px; *height: 32px;}
.whatsonNav2 .search {float:right; font-size:0.9em;}
.whatsonNav2 .whatsonBtn {float:left; padding-top:9px;}
.whatsonNav2 select {width:120px; height:20px; margin:0 10px; font-size:11px; color:#666;}
.whatsonNav2 .btnSearch {color:#FFF; background:url(../images/icon_toggle_bg_dark.gif) no-repeat 0 0; width:70px; font-size:11px;}
.whatsonNav2 a {display:block; float:left; height:18px; border:#555 1px solid; border-bottom:none; background-color:#none; margin-right:1px; color:#FFF; text-align:center; text-decoration:none; padding:0 10px; }
.whatsonNav2 a.delegations {width:140px;}
.whatsonNav2 a:hover, .whatsonNav2 a.active {border:#920101 1px solid; border-bottom:none; background-color:#920101;}
.eventContainer2 .tableTitle {padding:0 8px 0 8px; color:#FFFFFF; font-weight:700; background-color:#333; margin:7px 0 3px;}
.eventContainer2 .tableTitle th {text-align:center; border-left:#757575 1px solid;}
.eventContainer2 .tableTitle th, eventContainer .tableTitle td {padding:0 5px;}
.eventContainer2 .enroll {width:8%;}
.eventContainer2 .date {width:15%;}
.eventContainer2 .full {width:17%;}
.eventContainer2 .tableTitle .enroll div {border:#D18080 1px solid; background-color:#A20000; width:43px; height:18px; text-align:center;}
.eventContainer2 .tableTitle .full div {background:url(../images/icon_full.gif) no-repeat 0 0; padding:0 0 0 25px; color:#C2C2C2;}
.eventContainer2 .tableTitle .BOC div {background:url(../images/icon_boc.gif) no-repeat 0 0; padding:0 0 0 25px; color:#C2C2C2;}
.eventContainer2 .tableContent {padding:8px; background-color:#FFF;}
.eventContainer2 .tableContent .btnBack {margin-top:10px;}
.eventContainer2 .eventTable th {color:#920101; text-align:left; font-weight:700; background-image:url(../images/dash.gif); background-repeat:repeat-x; background-position:0 100%;}
.eventContainer2 .eventTable th, .eventContainer .eventTable td {padding:5px; border-right:solid 1px #FFFFFF;}
.eventContainer2 .eventTable th a {color:#920101;}
.eventContainer2 .eventTable span {color:#920101;}
.eventContainer2 .eventTable .iconFull {float:right; margin:0 5px 0 0;}
.eventContainer2 .eventTable .iconBOC {float:right; margin:0 5px 0 0;}

#introduction { background:url(../images/events/bussiness_introduction_image.jpg) no-repeat left top; font-size:1em; line-height:130%; }
div.introduction_ceo-manpower-conference { background:url(../images/events/ceomanpower_introduction_image.jpg) no-repeat left top; font-size:1em; padding-left:350px; line-height:130%; padding-top:15px;}

/* What's On Detail Page Styles */
.bookContainer {padding:10px 20px 18px 0; text-align:right;}
.btnBook {background-color:#920101; border:#AD4141 1px solid; display:inline-block; width:100px; height:16px; padding-top:4px; text-align:center;}
.btnDisable {background-color:#333333; border:#AD4141 1px solid; display:inline-block; width:100px; height:16px; padding-top:4px; text-align:center;}
.whatsonDetail {padding:7px 10px 0 10px;}

/* Past Event Page Styles */
.pastEventImg {float:left;}
.pastEventIndro {margin-left:0px;}
.pastEventIndro h4 {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px; min-height:5px; height:auto !important; height:5px; font-weight:600;}
.pastEventIndro h4 span { color:#333333; font-size:0.8em;}
.pastEventIndro p {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px; min-height:5px; height:auto !important; height:5px; }
.pastEventNote, .pastIcon {font-size:0.9em;}
.pastEventIntro {margin-left:0px;}
.pastEventIntro h4 {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px; min-height:5px; height:auto !important; height:5px; font-weight:600;}
.pastEventIntro h4 span { color:#333333; font-size:0.8em;}
.pastEventIntro p {background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:10px; min-height:5px; height:auto !important; height:5px; }
/*.pastIcon li {float:left; padding:0; background:none; min-width:33%; width:auto !important; width:33%;}
.pastIcon li a {display:block; padding:0px 10px 0px 22px; line-height:1.5em; text-decoration:none;}
.pastIcon li a.iconVideo {background:url(../images/events/icon_video.gif) no-repeat left center;}
a.a {background:url(../images/events/icon_slides.gif) no-repeat left center; padding-left:22px}
.pastIcon li a.iconSpeech {background:url(../images/events/icon_speech.gif) no-repeat left center;}
.pastIcon li a.iconOther {background:url(../images/events/icon_other.gif) no-repeat left center;}
.pastIcon li a.iconQA {background:url(../images/events/icon_qa.gif) no-repeat left center;}
.pastIcon li a.iconSlides {background:url(../images/events/icon_slides.gif) no-repeat left center;}
.pastIcon li a.iconCompany {background:url(../images/events/icon_company.gif) no-repeat left center;}
.pastIcon li a.iconPhoto {background:url(../images/events/icon_photo.gif) no-repeat left center;}
.pastIcon li a.iconReport {background:url(../images/events/icon_report.gif) no-repeat left center;}
.pastIcon li a.iconMission {background:url(../images/events/icon_report.gif) no-repeat left center;}*/

.pastIcon tr td {padding:0 0 5px 0; background:none; width:33%;}
.pastIcon tr td a {display:block; padding:0px 10px 0px 22px; line-height:1.5em; text-decoration:none;}
.pastIcon tr td a.iconVideo {background:url(../images/events/icon_video.gif) no-repeat left top;}
a.a {background:url(../images/events/icon_slides.gif) no-repeat left top; padding-left:22px}
.pastIcon tr td a.iconSpeech {background:url(../images/events/icon_speech.gif) no-repeat left top;}
.pastIcon tr td a.iconOther {background:url(../images/events/icon_other.gif) no-repeat left top;}
.pastIcon tr td a.iconQA {background:url(../images/events/icon_qa.gif) no-repeat left top;}
.pastIcon tr td a.iconSlides {background:url(../images/events/icon_slides.gif) no-repeat left top;}
.pastIcon tr td a.iconCompany {background:url(../images/events/icon_company.gif) no-repeat left top;}
.pastIcon tr td a.iconPhoto {background:url(../images/events/icon_photo.gif) no-repeat left top;}
.pastIcon tr td a.iconReport {background:url(../images/events/icon_report.gif) no-repeat left top;}
.pastIcon tr td a.iconMission {background:url(../images/events/icon_report.gif) no-repeat left top;}

/* Co-events / Other events Page Styles */
.annualPull {float:right;}
.btnBack {margin-top:0;}

.floatContent { width: 720px; }

.blogArticle { background: #F5F5F5; padding: 10px; font-size: 1em; *font-size: 0.9em; border-bottom: 2px #920101 solid; }
.blogArticle_left { float: left; width: 390px; }
.blogArticle_right { float: left; width 110px; margin: 0 0 0 5px; }

.event_form { background: url(../images/events/eventForm.gif); margin: 20px 0 0 0; width: 557px; height: 275px; }
.event_form .formcontent { width: 470px; padding: 20px 0 0 20px; font-size: 1em; *font-size: 0.9em; }
.event_form .formcontent p { margin: 0; padding: 0; padding: 0 0 6px 0; *padding: 0; }	
.blogTxtfield { background: none; border: 0px; border-bottom: 1px #666666 solid; width: 400px; }

.eventDetail { border:1px solid #920101; margin-bottom:15px; }
.eventDetail table tr.even{ background-color:#F1F1F1; }
.eventDetail table tr th { width: 27%; }
.eventDetail table tr th.item { width: 92%; }
.eventDetail table tr th.checkbox { width: 5%; }
.eventDetail table tr th.eventno { width: 3%; border-right:none; }
.eventDetail table.eventTable tr th.item { width: 3%; border-right:none; }

.width_eventEnroll {width:35px;}
.width_eventTitle {width:50px;}

/* Event Register Form Styling */
.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-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; }
.nestedGreyTable tr th, table.nestedGreyTable tr td { border:0; padding-left:5px; }


/* Directory Slider Styles */
.directory_nav {position:relative; height:175px; margin-top:10px; padding-top:1px; clear:both;}
.directory_nav_slides {width:700px; height:175px; overflow:hidden; position:absolute; left:20px;}
#directoryLinks {position:absolute;}
#directoryLinks a {padding-bottom:15px; padding-right:4px; position:relative; display:block;}
#directoryLinks a span {position:absolute; bottom:2px; display:block; width:171px; text-align:center;}
.arrowleft {position:absolute;}
.arrowright {position:absolute; left:725px;}

/* Good Citizen Award Photo Album Style */
.imgContainer { background-color:#333333; text-align:center; margin-bottom:15px;}


/* For ITC Awards */
table.table_committeeITC { border-top:2px solid #920101; border-bottom:1px solid #B9B9B9; border-collapse:separate; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; width:695px; margin:0 0px 30px 10px;}
table.table_committeeITC th { text-align:center; vertical-align: top; background-color:#920101; color:#FFFFFF; background-image:none;}
table.table_committeeITC td { padding:6px 46px; vertical-align:top; text-align:center; width:100px; }
table.table_committeeITC tr.even th, .table_committeeITC tr.even td { background-color:#F2F2F2; }
table.table_committeeITC2 { border-top:2px solid #920101; margin-bottom:15px; border-bottom:1px solid #B9B9B9; border-collapse:separate; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; width:695px; margin:0 auto 30px auto;}
table.table_committeeITC2 th { text-align:center; vertical-align: top; background-color:#920101; color:#FFFFFF; background-image:none;}
table.table_committeeITC2 td { padding:6px 46px; vertical-align:top; text-align:center; width:100px; }
table.table_committeeITC2 tr.even th, .table_committeeITC tr.even td { background-color:#F2F2F2; }

table.listTable2Column td { padding-left:0px; border-left:0px; border-right:0px; }
table.listTable2Column td.bullet { padding:14px 0 0 10px; vertical-align:top; width:10px !important; }

/* added display:none to cater odd circle on iOS */
#popupcontent{position: absolute; visibility: hidden; overflow: hidden; border:1px solid #CCC; background-color:#F9F9F9; border:1px solid #CCC; padding:5px; top:50%; transform: translate(0%, -8%); display: none; z-index:999; }
.inShare {margin-top:0px;}
.fbShare {margin-top:0px;}