@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------
Website StyleS
heet
Created:  February 2021
------------------------------------------------ */


/* basic elements  
------------------------------------------------ */
html {
	min-height:100%;
	height:100%;
	width:100%;
	-webkit-text-size-adjust:none; 
}
body {
	text-align: center;
	margin:0;
	color:#333;
	background:#ccc;
}

img,
a img {
	/* max-width:100%; */
	border:none;
	width:100%;
}


/* fonts */
p {
	color:#333;
}
p {
	margin-top:0px;
	padding:0px;
	margin-bottom:2em;
}
p.narrow {
	margin-bottom:1.125em;
}
p.narrow02 {
	margin-bottom:1em;
}
p.narrower {
	margin-bottom:0.5em;
}
p.narrower02 {
	margin-bottom:0.325em;
}
p.narrowest {
	margin-bottom:0;
}
p.wide {
	margin-bottom:3em;
}



a {
	color:#c30;
	text-decoration:none;
	border:none;
}
a:hover {
	color:#f00;
}
/* IE border fix */
a:hover, a:active, a:focus {
	outline: 0;
}


/* colours */
.ColorText01 {
	color: #a43713; /* dark red */
}
.ColorText02 {
	color: #c30;
}
.ColorText03 {
	color: #999; /* grey */
}

/* spacing */
.Spacing01 {
	margin-top:0 !important;
}
.Spacing02 {
	margin-top:-3% !important;
}
.Spacing03 {
	margin-bottom:3% !important;
}
.Spacing04 {
/* mobile only */
}
.Spacing05 {
	margin-top:2em !important;
}
.Spacing05- {
	margin-top:-5em !important; /* when tabs are added back */
}
.Spacing06 {
	margin-top:5em !important;
}
.Spacing07 {
	margin-top:1em !important;
}
.Spacing08 {
	margin-top:4em !important;
}
.Spacing09 {
	margin-top:3em !important;
}
.Spacing10 {
	margin-bottom:1em !important;
}


/* Align */
.Align01 {
	float:left;
	display:inline;
}
.Align02 {
	text-align:center;
}
.Align03 {
	float:right;
	text-align:right;
}


/* Table
------------------------------------------------ */
table {
	margin: 0px;
}


/* General 
------------------------------------------------ */
.hidden {
	display:none; /* don't add !important!!! */
}
.noborder {
	border:none;
}
.nowrap {
	white-space:nowrap;
}

ol {
	margin:0 0 0 0;
	padding:0;
	width:100%;
}
ol li {
	margin:0 0 1.25em 1.25em;
	padding:0 0 0 0.5em;
}

ol.privacy {
	margin:0 0 2em 0;
	padding:0;
	width:100%;
}
ol.privacy li {
	margin:0 0 0em 1.25em;
	padding:0 0 0 0.05em;
}


/* overlay
---------------------------------------------------------------------------------------------- */
.overlayContainer {
	margin:0;
	padding:5% auto;
	background: rgba(75, 0, 0, 0.9);
	width:100%;
	min-height:100%;
	left:0;
	top:0;
	/* position:absolute; */
	position:fixed;
	z-index:9999;
}
.overlayContent {
	margin:0;
	padding:5% 1% 5% 9%;
	width:90%;
	text-align:left;
}
.overlayContent.popwin {
	padding:5% 9% 5% 9%;
	width:82%;
}

.overlayContent .video {
	margin:0;
	padding:0;
	width:90%;
	float:left;
}
.overlayContent .video img {
	width:100%;
}
.overlayContent .icon {
	margin:0 1%;
	padding:0;
	width:3%;
	top:4%;
	right:4%;
	position: absolute;
	z-index:999999;
	opacity:0;
}
.overlayContent .icon img {
	width:100%;
}


/* Body
------------------------------------------------ */
.bodyContainer {
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	z-index:1;
}

.bodyContainer .contentContainer {
	margin:0 auto 0 auto;
	width:100%;	
}

.bodyContainer .contentContainer .contentMain {
	margin:0 auto;
	padding:0 0 0 0;
	width:100%;
	text-align:left;
	position:relative;
	background:#d7d5d0 url(../images/global/bg-whole.jpg) top center repeat-y;
	background-size:100%;
	background-attachment:fixed
}



/* Content Wide
---------------------------------------------------------*/
.individualwideContainer {
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:100%;
	z-index:11;
	position:relative;
	}


/* header */
.individualwideContainer .headerContainer {
	text-align:center;
	width:100%;
	position:relative;
	top:0;
	z-index:22;
}

/* new header bar for Forum site */
.individualwideContainer .headerContainer .mainBarNew {
	margin:0;
	padding:0 0%;
	width:100%;
	background: linear-gradient(180deg, white, rgba(255,255,255,0.8), rgba(255,255,255,0));
	float:left;
}
.individualwideContainer .headerContainer .mainBarNew .logo {
	margin:0.5% 3% 0 9%;
	padding:0;
	text-align:left;
	width:11%;
	float:left;
}

.individualwideContainer .headerContainer .mainBarNew .navs {
	margin:0;
	padding:0;
	width:77%;
	float:left;
	display:inline;
  }
.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav,
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav {
	margin:0;
	padding:0 12% 0 0;
	width:88%;
	float:left;
	list-style:none;
	display:flex;
  	justify-content:flex-end;
}
.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav {
	margin:0.25% 0 0 0;
	background:linear-gradient(to left, rgba(255,255,255,0.5), rgba(255,255,255,0));
}
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav {
	/* margin:5.25% 0 0 0; */
	margin:4% 0 0 0;
	background:linear-gradient(to left, rgba(255,255,255,0.7), rgba(255,255,255,1), rgba(255,255,255,0));
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li,
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav li {
	margin:0;
	padding:0;
}
.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li {
	background:url(../images/global/bullet-pink.png) 1.75em 0.75em no-repeat;
	background-size:11%;
}


.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li a,
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav li a {
	text-align:right;
	padding:0 0.5em;
	color:#000;
	float:left;
}
.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li a {
	margin:0.125em 0 0 2.5em;
}
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav li a {
	margin:0.125em 0 0 2em;
}

.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li a:hover,
.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav li a:hover {
	color:#d50b1a;
}

.individualwideContainer .headerContainer .mainBarNew .navs ul.topNav li.home a {
	margin-top:0.325em;
}

/* logo shade adjust height */
.individualwideContainer .headerContainer .mainBar {
	margin:0;
	padding:0 8%;
	width:84%;
	background:url(../images/global/bg-headermainbar.png) top center repeat-x;
	background-size:1.375%;
	height:20em; 
}
.individualwideContainer .headerContainer .mainBar .logo {
	margin:0.2em 0 0 0;
	padding:0;
	text-align:left;
	width:40%;
	float:left;
}

.individualwideContainer .headerContainer .mainBar .navs {
	margin:0;
	padding:0;
	width:60%;
	display:flex;
  }

.individualwideContainer .headerContainer .mainBar .navs ul.topNav {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	display:flex;
  	justify-content:flex-end;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li {
	margin:0;
	padding:0;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li a {
	margin:0 0 0 1px;
	height:3.6em;
	text-align:right;
/*	padding:0.8em 0.6em 0.6em 1.6em;	*/
	padding:0.8em 0.6em 0.6em 0em;
	width:5em;
	color:#fff;
	background:#900;
	float:left;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li.long a {
	width:7em;
}

.individualwideContainer .headerContainer .mainBar .navs ul.topNav li a:hover {
	background:#600;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li.apply a {
	background:#d3581a;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li.apply a:hover {
	background:#be4c12;
}


/* home main pic elements*/
.mainpicContainer {
}
.mainpicContainer .arrowLeft,
.mainpicContainer .arrowRight {
	top:47.5%;
	width:4.25%;
	position:absolute;
	z-index:999;
}
.mainpicContainer .arrowLeft {
	left:5%;
}
.mainpicContainer .arrowRight {
	right:5%;
}
.mainpicContainer .arrowLeft img,
.mainpicContainer .arrowRight img {
	width:100%;
}
.mainpicContainer .arrowLeft a,
.mainpicContainer .arrowRight a {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.mainpicContainer .arrowLeft a:hover,
.mainpicContainer .arrowRight a:hover {
	opacity: 1;
	filter: alpha(opacity=1);
}

.mainpicContainer ul.dots {
	margin:0 42%;
	padding:0;
	bottom:5%;
	width:16%;
	text-align:center;
	list-style:none;
	position:absolute;	
	z-index:999;
}
.mainpicContainer ul.dots li {
	margin:0 0.3em;
	padding:0;
	display:inline;	
}
.mainpicContainer ul.dots li img {
	width:7%;
	height:5%;
}
.mainpicContainer ul.dots li a {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.mainpicContainer ul.dots li a:active,
.mainpicContainer ul.dots li a:hover {
	opacity: 1;
	filter: alpha(opacity=1);
}


/* home main pic */
.homeMainPic {
	margin:0;
	padding:0;
	}
.homeMainPic .themeContent {
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	width:100%; /* add for wider resolution */
	}
.homeMainPic .themeContent .picpc,
.homeMainPic .themeContent .picmobile {
	width:100%;
	}
.homeMainPic .themeContent .picpc img {
	}

.homeMainPic .themeContent .textBox	{
	position:absolute;
	top:0;
	right:0;
	width:40%;
	background: rgba(0, 0, 0, 0.9)
}

.homeMainPic .themeContent .text {
	/*background:url(../images/global/home/bg-themebox.png) center 1em no-repeat;*/
	background-size: cover;
	position:absolute;
	/* top:19%; 2023 */
	top:21%;
	right:11%;
	width:36%;
	/* width:31%; 2023 */
	/* height:64%; 
	for old white shade background*/
	}
	
.homeMainPic .themeContent .text h1 {
	/* 
	margin:27% 5% 0 5%;   
	for old white shade background
	padding:0 0 8% 0;
	margin:5% 5% 0 5%;*/
	margin:0% 3% 0 3%;
	padding:0 0 8% 0%;
	color:#c30;
	width:94%;
	background:url(../images/global/home/divider-themebox.png) bottom center no-repeat;
	background-size:100%;
	}
.homeMainPic .themeContent .text h2 {
	/* 
	margin:2% 5% 3% 5%;*/
	margin:3% 3% 5% 3%;
	padding:0;
	color:#4f4f4f;
	width:94%;
	}

.homeMainPic .themeContent .text.toppictextContainer {
	/* background: rgba(255, 255, 255, 0.8); */
	background: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.8), rgba(255,255,255,0.25)); /* white gradation */
	border-radius:0.25em; 
	margin-top:7%;
	padding:1.5% 0% 1% 0%;
	height:13.5em !important;
	/* height:15em !important; 2023 */
	z-index:33;
}
.homeMainPic .themeContent .text.toppictextContainer.longtext {
	margin-top:1%;
}

.homeMainPic .themeContent .text.toppictextContainer.ch {
	/* background: rgba(255, 255, 255, 0.85); 
	border-radius:0.5em; */
	height:11em !important;
	margin-top:9%;
}

.homeMainPic .themeContent .text p {
	margin-bottom:0.5em;
}
.homeMainPic .themeContent .text .btnBox {
	margin-bottom:0;
}



/* btn 
---------------------------------------------------------*/
.btnBox {
	padding:0;
	margin:1em 0 0.5em 0;
	}
.btnBox.alignenter,
.btnBox.aligncenter {
	text-align:center;
	}
.btnBox.incontent {
	padding:0;
	margin:0.5em 0 1em 0;
	}
.btnBox.outcontent {
	padding:0;
	margin:0 0 1em 0;
	float:left;
	}
.btnBox a {
	color:#fff;
	padding:0 3em 0.15em 3em;
	text-align:center;
	display:inline-block;
	background: rgba(222, 87, 69, 1); /* new btn colour */
	border-radius:0.85em;
	}
.btnBox.incontent a {
	margin-right:1.5em;
	margin-bottom:0.5em;
	}
.btnBox.incontent a.narrowbtn {
	padding:0 1.5em 0.15em 1.5em;
	}
.btnBox.outcontent a {
	padding:0 6em 0.15em 6em;
	}
.btnBox a:hover {
	background: rgba(153, 0, 0, 1);
	}


/* Content 
---------------------------------------------------------*/
.individualContainer {
	margin:-0.65% auto 0 auto;
	padding:5% 8% 1% 8%;
	width:84%;
	z-index:9;
	position:relative;
	overflow:hidden; /* add to show bg img */
	}

.individualContainer.hometop {
	/* margin-top:-1.5%; */
	float:left;
	}
.individualContainer.bgcontent {
	background:url(../images/global/bg-contenttop.png) top left repeat-x;
	background-size:0.7%;
	}
.individualContainer.bgcontent img {
	width:100%;
	}

/* popwin */
.individualContainer.popwinContainer {
	margin:0;
	padding:2% 10% 5% 10%;
	background:#fff;
	border-radius:2em; /* clab img round corner */
	width:80%;
	}
.individualContainer.popwinContainer .insideContainer {
	margin:0;
	padding:0;
	width:100%;
	}


/* content */
.individualContainer .contentBox {
	margin:0 0 5% 0;
	padding:2.5% 3% 2.5% 3%;
	border-radius:1em;
	background:#fff url(../images/global/bg-contentbox.png) bottom left repeat-x;
	background-size:4.5em;
	box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.15);
	width:94%;
	float:left;
}
.individualContainer .contentBoxpop {
	margin:4% 0 0 0;
	padding:0;
	width:100%;
	float:left;
}

/* .contnarrow only used in detail fellow's page */
.individualContainer .contentBox.contnarrow {
	padding:2.5% 5% 2.5% 11%;
	width:84%;
}
.individualContainer .contentBox.whitebackground {
	background:#fff;
}
.individualContainer .contentBox.nobackground {
	background:#fff;
}

.individualContainer .contentBox.contentBoxWide {
	margin:0 0 5% 0;
	padding:0;
	border-radius:0em;
	background:none;
	box-shadow:none;
	width:100%;
	float:left;
}


.individualContainer .contentBox h1 {
	margin:-0.25em 0 0.75em 0;
	padding:0;
	color:#a43713;
	width:70%;
}
.individualContainer .contentBox h3 {
	margin:0 0 0.75em 0;
	padding:0 0 0.4em 1.66em;
	color:#c30;
	background:url(../images/global/icon-title.png) top left no-repeat;
	background-size:1.2em;
	border-bottom:1px #c30 solid;
}
.individualContainer .contentBoxpop h3 {
	margin:0 0 0.75em 0;
	padding:0 0 0.4em 1.66em;
	color:#c30;
	background:url(../images/global/icon-title.png) top left no-repeat;
	background-size:1.2em;
	border-bottom:1px #c30 solid; 
}


.individualContainer .contentBox h5 {
	margin:0.15em 0 0.75em 0;
	padding:0;
	color:#900;
}
.individualContainer .contentBox h6 {
	margin:-0.25em 0 0 0;
	padding:0;
	color:#000;
}
.individualContainer .expandContent h6.programme {
	margin:2em 0 0 0;
}



/* home */
.individualContainer .contentBox ul.missions,
.individualContainer.bulletContent .contentBox ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	width:91%;
}
.individualContainer .contentBox ul.missions li,
.individualContainer.bulletContent .contentBox ul li {
	margin:0 0 0.5em 0;
	padding:0 0 0 0.88em;
	background:url(../images/global/bullet-pink.png) 0 0.55em no-repeat;
	background-size:0.5em;
}
.individualContainer .contentBox ul.missions.narrow li.btmspace,
.individualContainer .contentBox ul.missions li.btmspace {
	margin:0 0 2em 0;
}
.individualContainer .contentBox ul.missions li.expandbtmspace {
	margin:0 0 2.625em 0;
}

.individualContainer .contentBox ul.missions.narrow li {
	margin:0 0 0.22em 0;
}

.individualContainer .contentBox ul.missions.pink li,
.individualContainer.bulletContent .contentBox ul.pink li {
	background:url(../images/global/bullet-red.png) 0 0.55em no-repeat;
	background-size:0.5em;
}
.individualContainer .contentBox ul.missions.red li,
.individualContainer.bulletContent .contentBox ul.red li {
	background:url(../images/global/bullet-redder.png) 0 0.55em no-repeat;
	background-size:0.5em;
}



span.highlight01 {
	color:#c30;
}

.individualContainer .contentBox.half {
	margin-left:1%;
	margin-right:1%;
	width:45%;
	height:14.5em; /* adjust for different resolutions */
	padding:1.5% 1.5% 1.5% 1.5%;
	border-radius:0.5em;
}
.individualContainer .contentBox.half.first {
	/*
	margin-right:2%;
	*/
}
.individualContainer .contentBox.half .info {
	padding:2.5% 1.5%;
}


.individualContainer .contentBox.third {
	margin-left:0.9%;
	margin-right:0.9%;
	width:31.5%;
	height:39em; /* adjust for different resolutions */
	border-radius:0.5em;
	padding:0;
}
.individualContainer .contentBox.third .pic {
}
.individualContainer .contentBox.third .info {
	padding:5% 5%;
}



.individualContainer .contentBox .announcement p {
	width:100%;
}

#homefellowSlider ul.fellowsPic,
ul.fellowsPic {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	width:100%;
}
#homefellowSlider ul.fellowsPic li,
ul.fellowsPic li {
	margin:0;
	padding:0;
	top:0;
	left:0;
	position:absolute;
	display:none;
}
ul.fellowsPic li.showfirstpic {
	display:block;
}

ul.fellowsLink {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
}
ul.fellowsLink li {
	margin:0;
	padding:0;
	top:0;
	left:0;
	position:absolute;
	width:100%;
}


/* home map */
.mapContainer {
	/*
	height:20em;
	background:#eee;
	*/	
	position:relative;
}
.mapBox {
	/*
	position:absolute;
	*/	
}


/* home new forum site */
p.contentTitle01 {
	color:#c30;
}
table.sponsors {
	margin:0 0 2em 0;
	padding:0;
	width:80%;
}

table.sponsors img {
	margin:0;
	padding:0;
	width:9em !important;
}

table.sponsors tr th {
	text-align:left;
	margin:0;
	padding:0 0.5em 0 0;
	font-weight:400;
}
table.sponsors tr td {
	margin:0;
	padding:0 1em 0 0;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
table.sponsors tr td.logo {
	margin:0;
	padding:0.75em 1em 0 0;
	line-height:0;
}
table.sponsors tr th a,
table.sponsors tr td a {
	color:#000;
}
table.sponsors tr th a:hover,
table.sponsors tr td a:hover {
	color:#c00;
}

.individualContainer .homeintro, 
.individualContainer .contentBox .homeintro {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	display:inline;
}
.individualContainer .homeintro .homeintroleft,
.individualContainer .contentBox .homeintro .homeintroleft {
	margin:0;
	padding:0;
	width:65%;
	float:left;
}
.individualContainer .homeintro .homeintroright,
.individualContainer .contentBox .homeintro .homeintroright {
	margin:0;
	padding:0;
	width:35%;
	float:left;
}
.individualContainer .homeintro .homeintroright img,
.individualContainer .contentBox .homeintro .homeintroright img {
	width:100%;
}



/* inside pages */
.insideMainPic {
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	width:100%; /* add for wider resolution */
}
.insideMainPic .picpc,
.insideMainPic .picmobile {
	width:100%;
}


.insidetopTitle h1 {
	margin:-0.25em 0 0 0;
	padding:0 0 0.1em 0;
	color:#fff;
	text-align:center;
	background:#900 url(../images/global/bg-insidetitle.png) bottom center repeat-x;
	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
	display:none;
}


/* institutions map */
.roundcorner {
	border-radius:1em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
}
.individualContainer .institutionsMap {
	margin:0 0 5% 0;
	padding:0;
	width:100%;
	background:#fff;
	position:relative;
	/* overflow:hidden; */ /* This crops the text box height in mobile */
	/*
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	overflow:visible;
	float:left;
	*/
}
.individualContainer .instmapContainer {
	margin:0 0 5% 0;
	padding:0;
	background:#fff;
}

.individualContainer .instmaptextContainer {
	margin:-2% 0 6% 0;
	padding:0;
	color:#900;
}
.individualContainer .instmaptextwhiteContainer {
	margin:-2% 0 6% 0;
	padding:1% 3%;
	background:rgba(255, 255, 255, 0.7);
	border-radius:1em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.1);
}

.individualContainer .institutionsMap img {
	z-index:99;
}


/* map content box position */
.individualContainer .instmapContainer .text,
.individualContainer .institutionsMap .text {
	margin:0;
	padding:1.3em 1.1em 1.5em 1.1em;
	top:21.75em;
	left:1em; /* align left */
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
	-webkit-filter: drop-shadow(-3px -3px 8px rgba(0, 0, 0, 0.1));
	background:#fff;
	border-radius:0.5em;
	width:21%;
	position:absolute;
}

.individualContainer .instmapContainer .icon,
.individualContainer .institutionsMap .dot,
.individualContainer .institutionsMap .icon {
	margin:0;
	padding:0;
	left:0;
	top:0;
	position:absolute;
}
.individualContainer .instmapContainer .icon {
	margin:0 0 0 94%; /* align right */
	padding:0.5% 0.5% 0% 0.5%;
	border:1px solid #ccc;
	background:#eee;
	width:2%;
}
.individualContainer .instmapContainer .icon img {
	width:100%;
}
.individualContainer .institutionsMap .dot a {
	/* background:#fc9; */
	color:#000;
}
.individualContainer .institutionsMap .dot a:hover {
	color:#f00;
}

svg:hover circle {
  fill:#f00;
  opacity:1;
}

.individualContainer .instmapContainer .icon a,
.individualContainer .institutionsMap .icon a {
	color:#000;
}
.individualContainer .instmapContainer .icon a:hover,
.individualContainer .institutionsMap .icon a:hover {
	color:#f00;
}

/* icon position */
.individualContainer .instmapContainer .icon.enlarge,
.individualContainer .institutionsMap .icon.enlarge {
	top:83%;
	left:1%;
	z-index:9999;
}
.individualContainer .instmapContainer .icon.reduce,
.individualContainer .institutionsMap .icon.reduce {
	top:91%;
	left:1%;
	z-index:999;
}

/* Map dot position */
/*
.individualContainer .institutionsMap .dot.london {
	top:33.505%;
	left:48.055%;
}

.individualContainer .institutionsMap .dot.newyork {
	top:42.555%;
	left:26.555%;
}
*/

/* map content box size */
.mapText {
	height:38%;
	position:relative;
}
.mapText h4 {
	margin:0 0 0.55em 0;
	padding:0;
}
.mapText .mapmuseumContainer {
	margin:0;
	padding:0;
	position:relative;
	height:95%;
}

.mapText .mapmuseumContainer .arrows {
	position:absolute;
	right:0;
	width:8%;
	z-index:9999;
}
.mapText .mapmuseumContainer .arrows a {
	opacity: 0.4;
	filter: alpha(opacity=4);
}
.mapText .mapmuseumContainer .arrows a:hover {
	opacity: 1;
	filter: alpha(opacity=1);
}

.mapText .mapmuseumContainer .arrows.top {
	top:0;
	transform: rotate(180deg);
}
.mapText .mapmuseumContainer .arrows.bottom {
	bottom:0;
}

.mapText .mapmuseumContainer .mapmuseumContent {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f9f9f9;
}
.individualContainer .instmapContainer ul.mapmuseumslist {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	width:92%;
}
.individualContainer .instmapContainer ul.mapmuseumslist li {
	margin:0 0 0.4em 0;
	padding:0 0 0 0.88em;
	background:url(../images/global/bullet-redder.png) 0 0.5em no-repeat;
	background-size:0.5em;
}

/* map region btns */
.mapregionbtnsContainer {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	z-index:999;
}

.mapregionbtnsContainer ul {
	margin:1em 1em;
	padding:0;
	width:100%;
}
.mapregionbtnsContainer ul li {
	margin:0 0.01em 1em 0.01em;
	padding:0.4em 1.4em 0.45em 1.4em;
	border-radius:0.2em;
	background:#900;
	width:20%;
	display:inline;
}
.mapregionbtnsContainer ul li:hover {
	background:#c30;
}
.mapregionbtnsContainer ul li a {
	color:#fff;
}


/* fellows tabs */
.individualContainer .tabContainer {
	border-radius:0;
	margin:0 auto 3% auto;
	padding:0 0.15% 0.2% 0.15%;
	width:100%;
	position:relative;
	float:left;
	border-bottom:3px solid #666;
	height:3.05em;
}

.individualContainer .tabContainer .toptabs {
	position:absolute;
}
.individualContainer .tabContainer .toptabsNew {
	position:relative;
}
.individualContainer .tabContainer .toptabs ul.fellowstab,
.individualContainer .tabContainer .toptabsNew ul.fellowstabNew {
	top:0;
	left:0;
	margin:0 0 0 0.1em;
	padding:0;
	width:100%;
	list-style:none;
	float:left;
	z-index:99;
}
.individualContainer .tabContainer .toptabs ul.fellowstab li,
.individualContainer .tabContainer .toptabsNew ul.fellowstabNew li {
	/*  margin:0 1.1%; as 2021 */
	/*  with 2023 */
	margin:0 0.01%;
	padding:0;
	position:relative;
	display:inline;
}
.individualContainer .tabContainer .toptabs ul.fellowstab li a,
.individualContainer .tabContainer .toptabsNew ul.fellowstabNew li a {
	margin:0 0.15em 0 0;
	/* padding:0.75em 3.33em; */
	/* padding:0.75em 2.7em; as 2021 */
	/* with 2023 */
	padding:0.75em 2.15em; 
	text-align:right;
	color:#fff;
	background:#666;
	border-radius:1em 0 0 0;
	float:left;
}

.individualContainer .tabContainer .toptabs ul.fellowstab li a:hover,
.individualContainer .tabContainer .toptabsNew ul.fellowstabNew li a:hover,
.individualContainer .tabContainer .toptabs ul.fellowstab li.on a,
.individualContainer .tabContainer .toptabsNew ul.fellowstabNew li.on a {
	background:#900;
}


.individualContainer .tabContainer .arrowLeft,
.individualContainer .tabContainer .arrowRight {
	top:10%;
	width:4%;
	position:absolute;
	z-index:999;
}
.individualContainer .tabContainer .arrowLeft {
	left:0;
}
.individualContainer .tabContainer .arrowRight {
	text-align:right;
	right:0;
}
.individualContainer .tabContainer .arrowLeft img,
.individualContainer .tabContainer .arrowRight img {
	width:75%;
}
.individualContainer .tabContainer .arrowLeft a,
.individualContainer .tabContainer .arrowRight a {
	opacity: 0.6;
	filter: alpha(opacity=6);
}
.individualContainer .tabContainer .arrowLeft a:hover,
.individualContainer .tabContainer .arrowRight a:hover {
	opacity: 1;
	filter: alpha(opacity=1);
}


/* fellows filters */
.individualContainer .filterContainer {
	border-radius:0;
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	position:relative;
}

.individualContainer .filterContainer h1 {
	margin:0 0 0.5% 0;
	padding:0;
	width:100%;
	color:#c30;
}
.individualContainer .filterContainer .filterbar {
	margin:0;
	padding:0.5em;
	width:100%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:#f5f5f5;
	float:left;
}


/* fellows filters form */
.individualContainer .filterContainer .filterbar ul.filters {
	margin:0 0 0 0;
	padding:0;
	width:100%;
	list-style:none;
	position:relative;
	}

.individualContainer .filterContainer .filterbar ul.filters li {
	margin:0 2% 0 0;
	display:inline;
	float:left;
	}
.individualContainer .filterContainer .filterbar ul.filters li.filtersli {
	}
.individualContainer .filterContainer .filterbar ul.filters li.submitbtnli {
	float:right;
	}


.individualContainer .filterContainer .formselect01 {
	margin:0;
	padding:0;
	background:#fff;
	width:12em;
	position:relative;
}

.individualContainer .filterContainer .formselect01 p.showMenu {
	margin:0;
	padding:0 0% 0 5%;
	border:1px solid #ebacac;
}
.individualContainer .filterContainer .formselect01 p.showMenu img {
	top:40%;
	right:3%;
	width:10%;	
	position:absolute;
}


/* filter selections */
.individualContainer .filterContainer .formselectMenu {
	margin:0;
	padding:0;
	top:1.9em;
	left:0;
	list-style:none;
	width:100%;
	position:absolute;
	z-index:99999;
}
.individualContainer .filterContainer .formselectMenu li {
	margin:0 0;
	padding:0 4%;
	width:91.5%; 
	background:#f8d7d0;
	border-bottom:2px solid #fbe5e5;
}
.individualContainer .filterContainer .formselectMenu li:hover {
	background:#fbe5e5;
}

.individualContainer .filterContainer .formselectMenu li a {
    width:100%;
    display:block;
	text-decoration:none;
	color:#c30;
}

.individualContainer .filterContainer input.submitBtn {
	margin:0 0 0 0;
	padding:0 2.5em;
	border:0;
	color:#fff;
	text-align:center;
	background: rgba(175, 25, 25, 1);
	border-radius:0.85em;
}
.individualContainer .filterContainer input.submitBtn:hover {
	background: rgba(153, 0, 0, 1);
	}

.individualContainer .filterContainer .warning {
	margin:0.5em 0 0 0;
	padding:0;
	width:100%;
	color:#e40000;
	float:left;
	}


/* spare for input */
.individualContainer .filterContainer form input:hover,
.individualContainer .filterContainer form input:active {
	background:#fc0; 
}
	
.individualContainer .filterContainer form input.input01 {
	padding:1% 3%;
	border:1px solid #ebacac;
	background-color:#fff;
}
.individualContainer .filterContainer form input.input01:active,
.individualContainer .filterContainer form input.input01:focus  {
	border:0;
}


/* fellows and common box */
.individualContainer .fellowsContainer {
	margin:0 0 2em 0;
	border-radius:0;
}
.individualContainer .forumContent .commonContainer {
	margin:0 0 0 0;
	border-radius:0;
}

.individualContainer .fellowsContainer .headlineContainer,
.individualContainer .forumContent .commonContainer .headlineContainer  {
	margin:0;
	width:100%;
	background:url(../images/global/bg-headlineshade.png) bottom left repeat-x;
	background-size:1em;
}

.individualContainer .fellowsContainer .headlineContainer h3,
.individualContainer .forumContent .commonContainer .headlineContainer h3 {
	margin:0 0 1em 0;
	padding:0 0 0.3em 1.8em;
	background:url(../images/global/icon-title.png) 0.35em 0 no-repeat;
	background-size:1em;
	border-bottom:1px #c30 solid;
}
.individualContainer .fellowsContainer .headlineContainer h3 a,
.individualContainer .forumContent .commonContainer .headlineContainer h3 a {
	color:#333;
}


.individualContainer .fellowsContainer .fellowboxContainer {
	margin:0 0;
	padding:0;
	width:100%;
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox {
	margin:0 1.5% 3% 1.5%;
	padding:2% 1.5% 1% 2%;
	width:26.75%;
	border-radius:1em;
	background:#fff url(../images/global/bg-contentbox.png) bottom left repeat-x;
	background-size:3.5em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	float:left;
	height:15em; /* may be adjust for different resolutions */
	position:relative;
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox .detaillink {
	width:100%;
	height:100%;
	top:0;
	left:0;	
	position:absolute;
	/* background:rgba(0, 0, 0, 0.1); */
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox .detaillink img {
	width:100%;
	height:100%;
}

.individualContainer .fellowsContainer .fellowboxContainer .fellowbox .fellowpic {
	margin:0 auto 1em auto;
	text-align:center;
	width:7.5em;
	height:7.5em;
	border-radius:4em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	background-size:cover !important;
}

.individualContainer .fellowsContainer .fellowboxContainer .fellowbox h4 {
	margin:0 0 0.5em 0;
	color:#c30;
	text-align:center;
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox p {
	margin:0;
	text-align:center;
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox .seniorfellow {
	position:absolute;
	margin:0 29% 0 29%;
	top:10em;
	color:#fff;
	padding:0 1.25em 0em 1.25em;
	text-align:center;
	display:inline-block;
	background: rgba(175, 25, 25, 1);
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	border-radius:0.85em;
}



/* fellows detail */
.individualContainer .contentBox ul.fellowsdetail {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	width:91%;
}
.individualContainer .contentBox ul.fellowsdetail.fulllength,
.individualContainer .contentBox ul.fellowsdetail.fulllength li {
	width:99%;
}

.individualContainer .contentBox ul.fellowsdetail li {
	margin:0 0 0.625em 0;
	padding:0 0 0 0.88em;
	background:url(../images/global/bullet-pink.png) 0 0.75em no-repeat;
	background-size:0.4em;
}
.individualContainer .contentBox ul.fellowsdetail li.btmspace {
	margin:0 0 2em 0;
}

.individualContainer .contentBox .fellowsIntro {
	margin:0 9%;
	padding:0;
	width:82%;
}

.individualContainer .contentBox .fellowsIntro .pic {
	margin:0 2% 0 0;
	padding:0;
    width:30%;
	float:left;
	display:inline;
	position:relative;
}
.individualContainer .contentBox .fellowsIntro .pic img {
	float:left;
	width:100%;
}
.individualContainer .contentBox .fellowsIntro .txt {
	margin:0;
	padding:0;
    /* width:68%; old layout */
    width:100%;
	float:left;
	display:inline;
	position:relative;
}

.individualContainer .contentBox .fellowtitleContainer {
	margin:0 9% 2.5% 9%;
	padding:0;
	width:82%;
	float:left;
	border-bottom:1px #c30 solid;
}
/* Fellow Title */
.individualContainer .contentBox .fellowtitleContainer .fellowtitle {
	margin:4% 3% 0 0;
	padding:0 2% 0 0;
	width:68%;
	float:left;
}
.individualContainer .contentBox .fellowtitleContainer .fellowpic {
	margin:0 0 1% 0;
	padding:0;
	width:27%;
	float:left;
}



/* Forum */
.individualContainer .contentBox .forumIntro .intro {
	margin:0;
	padding:0;
    width:70%;
	float:left;
	display:inline;
	position:relative;
}

/* Forum Video */
.individualContainer .contentBox .forumIntro .videoContent,
.individualContainer .contentBox .eventdetailCols .videoContainer {
	/* 
	margin:0 0 0 2%;
    width:28%;
	*/
	margin:4% 0 4% 0;
    width:38%;
	padding:0;
	float:left;
	display:inline;
	position:relative;
}
.individualContainer .contentBox .forumIntro .videoContent.inside {
	margin:0 0 0 2%;
    width:28%;
}


.individualContainer .contentBox .eventdetailCols .videoContainer {
	margin:0 1% 0 0%;
    width:22%;
}
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent {
	float:left;
	display:inline;
	position:relative;
    width:100%;
}

.individualContainer .contentBox .forumIntro .videoContent .cover,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .cover {
	padding:0;
	float:left;
    width:100%;
	position:relative;
}
.individualContainer .contentBox .forumIntro .videoContent .cover img,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .cover img {
	float:left;
	width:100%;
}
.individualContainer .contentBox .forumIntro .videoContent .videoBtn,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .videoBtn,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .videoBtnOnly {
	margin:0 auto 0 auto;
	top:50%; /* changed from 50% */
	left:50%;
	transform: translate(-50%,-50%);
	width:30%;
	position:absolute;
	z-index:9;
}
.forumpic.videoBtn a {	
	margin:0 auto 0 auto;
	top:50%; /* changed from 50% */
	left:50%;
	transform: translate(-50%,-50%);
	width:15%;
	position:absolute;
	z-index:9999999;
}
.individualContainer .contentBox .forumIntro .videoContent .videoBtn img,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .videoBtn img,
.individualContainer .contentBox .eventdetailCols .videoContainer .videoContent .videoBtnOnly img {
float:left;
    width:100%;
}

.individualContainer .contentBox .eventdetailCols .videoContainer .videoCaption {
	margin: 4% 0 0 0;
	float:left;
	display:inline;
	position:relative;
    width:100%;
}
.individualContainer .contentBox .eventdetailCols .videoContainer .videoCaption p {
	margin:-0.5% 0 3% 0;
    width:100%;
	text-align:left;
}
.individualContainer .contentBox .eventdetailCols .videoCaption {
	margin: 0% 0 0 0;
	float:left;
	display:inline;
	position:relative;
    width:100%;
}

.individualContainer .forumContent {
	margin-top:-2em;
}


/* forum video iframe */
.video-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  text-align:left;
}

.video {
  width: 90%;
  height: 90%;
}



/* forum div  
---------------------------------------------------------*/
.tablediv {
	display:table;
	margin:0 0 2em 0;
	width:100%;
	display:flex;
	flex-flow: column;  
    }
.tablediv .title h4,
.tablediv .title h5,
.tablediv .title p {
	margin:0 0 0.35em 0;
	padding:0.5% 0 0 0;
    }
.tablediv .title h4 {
	margin-top:0.4em;
	color:#a43713;
}

.tablediv .title,
.tablediv .heading {
	text-align:left;
	vertical-align:top;
	background:#fff;
}
.tablediv .title {
	/* display: table-caption; */ /* IE 11 not supported */
	margin-bottom:0.15%;
	padding:1% 1.5%;
	justify-content: left;
	align-items: left;
	width:97%;
	background:#eee;
    }
.tablediv .heading {
	color:#930;
    }
.tablediv .row,
.tablediv .rowinst {
	display: table-row;
 	display: flex;
	flex-flow: row;
	justify-content: left;
	align-items: left;
/*	margin:0 0 0.15% 0;	*/
	border-top:2px solid #fff;
	margin:0 0 0 0;
   }
.tablediv .rowinst {
   }
.cellexpand {
	display: flex;
  	padding:2% 3%;
	width:94%;
	background:#fff;
	justify-content: left;
	align-items: left;
  }
.tablediv .cell,
.tablediv .cellgrey {
	display: table-cell;
	/* display: flex; */ /* cause strange wrapping when em is added in content */
	padding:1% 1.5%;
	margin:0 0 0 0;
	vertical-align:top;
	background:#fff;
	justify-content: left;
	align-items: left;
	text-align:left;
    }
.tablediv .cellgrey {
	background:#f6f6f5;
    }
.tablediv .cell.nowrap,
.tablediv .cellgrey.nowrap {
	white-space:nowrap;
    }
.tablediv .cellgrey.arrow {
    }
.tablediv .cellgrey.arrow img {
	width:100%;
    }

.expandContent {
	width:95%;
}
.expandContent h6 {
	margin:1% 0 1.5% 0;
}
.expandContent h6.btmspace {
	margin:1% 0 2% 0;
}

.expandContent p {
	margin:0 0 1em 0;
}

.expandContent ul,
.expandContent ul.long {
	margin:-1em 0 1.5em 0;
	padding:0;
	width:95%;
}
.expandContent ul li {
	margin:0 0 0 1.25em;
	padding:0 0 0 0;
}

.expandContent ul.long li {
	margin:0 0 1.25em 1.25em;
	padding:0 0 0 0;
}



.wrow1 { 
	width:0.75%; 
}
.wrow2 { 
	width:10%; 
}
.wrow3 { 
	width:28%; 
}
.wrow4 { 
	width:57%; 
}
.wrow5 { 
	width:1.75%;
}

.wrow11{ 
	width:0.75%; 
}
.wrow22 { 
	width:20%; 
}
.wrow33 { 
	width:75%; 
}

.wrow111 { 
	width:98%; 
}


/* new forum site row */
.tablediv.schedule .cell,
.tablediv.schedule .cellgrey {
	padding:0.5% 1.5%;
    }


/* home */
.individualContainer .contentBox .homeintro h1 {
	width:100%; 
}
.tablediv.hometable {
	width:50%;
}
.tablediv.hometablepc {
	width:90%;
}
.tablediv.hometable .rowFix,
.tablediv.hometablepc .rowFix {
 	display: flex;
	justify-content: left;
	align-items: left;
   }

.tablediv.hometable .cell,
.tablediv.hometablepc .cell {
	border:0px solid #ccc;	/* for positioning purpose */
}
.tablediv.hometable .cell img {
	width:89%;
    }
.tablediv.hometablepc .cell img {
	width:89%;
    }
.tablediv.hometable .cell.bigger img,
.tablediv.hometablepc .cell.bigger img {
	width:100%;
    }



.tablediv.hometable .cell.title {
	display: flex;
	align-items: center;
	width:32%; 
}
.tablediv.hometablepc .cell {
	padding:0 6% 0.5% 0;
	display: flex;
	align-items:flex-end;
}
.tablediv.hometablepc .cell.narrow {
	padding:0 2% 0.5% 0;
	display: flex;
	align-items:flex-end;
}


.wrow1home { 
}
.wrow2home { 
	width:39%; 
}
.wrow2home02 { 
	width:48%; 
}
.wrow3home { 
	width:39%; 
}
.wrow3home02 { 
	width:30%; 
}



.wrow1homepc { 
	width:31%; 
	display: flex;
	align-items: center;
}
.wrow2homepc { 
	width:21%; 
}
.wrow2homepc2025 { 
	width:25%; 
	padding-bottom:1% !important;
}



/* programme */
.wrow2prm { 
	width:15.25%; 
}
.wrow3prm { 
	width:27%; 
}
.wrow4prm { 
	width:56%; 
}
.wrow5prm { 
	width:1.75%;
}

.wrow3prmwide { 
	width:83%;
}

/* pc 2 rows */
.wrow2prmwide02 { 
	width:15.25%; 
}
.wrow3prmwide02 { 
	width:83%;
}

/* Speakers */
.wrow3prmwide03 { 
	width:98%;
}



/* plan your visit */
.wrow2plan { 
	width:15%; 
}
.wrow3plan { 
	width:38%; 
}
.wrow4plan { 
	width:47%; 
}

p.biopic {
	/* margin-top:3em; */
}

.biopic img {
	width:25% !important;
	float: left;
	margin:0.25em 1em 0.25em 0;
}


.rowbtmline {
	border-bottom:5px solid #fff;
}
.rowbtmlinegrey {
	border-bottom:2px solid #e3e1df;
}
.rowtoplinegrey {
	border-top:2px solid #f6f6f5;
}


/* new forum progamme */
.tablediv .row .expandContent .biopicsContainer {
	margin:1em 0 2em 0;
	padding:0;
	width:100%;
	float:left;
}

.tablediv .row .expandContent .biopicsContainer .biopicsContent {
	margin:0 0.65% 1% 0.65%;
	padding:0;
	width:32%;
	float:left;
	text-align:center;
}
.tablediv .row .expandContent .biopicsContainer .biopicsContent .pic,
.tablediv .row .expandContent .biopicsContainer .biopicsContent .pic img {
	width:100%;
}
.tablediv .row .expandContent .biopicsContainer .biopicsContent .caption {
	margin:0 2.5%;
	width:95%;
}

.tablediv .row.speakers {
	margin-bottom:0.35em;
}


/* institutions table */
.tablediv.institutions {
	margin:0 0 0.75em 0;
}
.wrowinst1 { 
	width:11%; 
}
.wrowinst2 { 
	width:12%; 
}
.wrowinst3 { 
	/*
	width:66%; 
	*/
	width:77%; 
}


/* forum gallery */
.individualContainer .forumContent .contentBox {
	/* height:47em; add to avoid cropping content box */
	overflow:hidden;
}
.individualContainer .forumContent .contentBox .galleryContainer {
	margin:0 14% 2% 14%;
	padding:0;
	width:72%;
	position:relative;
}

.picscrollContainer .arrowLeft,
.picscrollContainer .arrowRight,
.smallpicscrollContainer .arrowLeft,
.smallpicscrollContainer .arrowRight {
	position:absolute;
	z-index:99999;
}
.picscrollContainer .arrowLeft,
.picscrollContainer .arrowRight {
	margin-top:25%;
	width:8%;
}
.smallpicscrollContainer .arrowLeft,
.smallpicscrollContainer .arrowRight {
	margin-top:2%;
	width:6%;
}

.picscrollContainer .arrowLeft,
.smallpicscrollContainer .arrowLeft {
	left:0;
}
.picscrollContainer .arrowRight,
.smallpicscrollContainer .arrowRight {
	text-align:right;
	right:0;
}
.picscrollContainer .arrowLeft img,
.picscrollContainer .arrowRight img,
.smallpicscrollContainer .arrowLeft img,
.smallpicscrollContainer .arrowRight img {
	width:100%;
}

.picscrollContainer .arrowLeft a,
.picscrollContainer .arrowRight a,
.smallpicscrollContainer .arrowLeft a,
.smallpicscrollContainer .arrowRight a {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.picscrollContainer .arrowLeft a:hover,
.picscrollContainer .arrowRight a:hover,
.smallpicscrollContainer .arrowLeft a:hover,
.smallpicscrollContainer .arrowRight a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.individualContainer .forumContent .contentBox .galleryContainer .picscrollContainer {
	margin:0;
	padding:0;
	height:25em; /* add to position lower content */
	width:100%;
	position:relative;
}

.bigpicItem {
	margin:0 8%;
	padding:0;
	width:84%;
	position:absolute;
}
.bigpicItem .forumpic {
	margin:0;
	padding:0;
	width:100%;
	position:absolute;
}
.bigpicItem .forumpic img {
	width:100%;
}
.bigpicItem .forumpictxt {
	margin:54% 0 0 0;
	padding:0.5% 1%;
	background:rgba(0, 0, 0, 0.2);
	width:98%;
	color:#fff;
	position:absolute;
	z-index:999999;
}

.individualContainer .forumContent .contentBox .galleryContainer .smallpicscrollContainer {
	margin:0 2%;
	padding:0 5%;
	height:5em; /* add to position lower content */
	width:86%;
	position:relative;
}
.smallpicsList {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	display:inline;
	position:absolute;
}
.smallpicsList li {
	margin:0.25% 1%;
	padding:0;
	float:left;
	width:16%;
}
.smallpicsList li img {
	opacity:0.8;
	width:100%;
}
.smallpicsList li img:hover {
	opacity:1;
}


/* about us */
.individualContainer .contentBox .aboutIntro .pic {
	margin:0 2% 0 0;
	padding:0;
    width:23%;
	float:left;
	display:inline;
	position:relative;
}

.individualContainer .contentBox .aboutIntro .pic img {
	float:left;
	width:100%;
}
.individualContainer .contentBox .aboutIntro .pic.beishantang img {
	margin:0 30% 0 30%;
	width:40%;
}
.individualContainer .contentBox .aboutIntro .pic.cacforum img {
	margin:0 10% 0 10%;
	width:80%;
}
.individualContainer .contentBox .aboutIntro .pic.planmap img {
	margin:0 0% 0 0;
	width:100%;
}

.individualContainer .contentBox .aboutIntro .pplanmap,
.individualContainer .contentBox .aboutIntro p.pplanmap {
	margin:0 30% 0 0;
	width:70%;
}

/* Plan 2025 */
.individualContainer .contentBox .aboutIntro .pplanmap iframe,
.individualContainer .contentBox .aboutIntro p.pplanmap iframe {
	margin:0 0 2em 0;
	width:100%;
	height:25em;
}
.individualContainer .contentBox .aboutIntro h5.small02 {
	color:#c00;
}


.individualContainer .contentBox .aboutIntro .txt {
	margin:0;
	padding:0;
    width:75%;
	float:left;
	display:inline;
	position:relative;
}
.individualContainer .contentBox .aboutIntro .txtwide {
    width:95%;
}

.individualContainer .contentBox .insideTitle {
	margin:0;
	padding:0;
	position:relative;
}
.individualContainer .contentBox h4,
.individualContainer .contentBox .fellowdetail h4,
.individualContainer .contentBox .insideTitle h4 {
	margin:0 0 2% 0;
	padding:0 0 0.75% 0;
	color:#c30;
	width:100%;
	/* background:url(../images/global/arrow-down.png) right 0.4em no-repeat; */
	background-size:1em;
	border-bottom:1px #c30 solid;
}
.individualContainer .contentBox.fellowdetail h3 {
	margin-top:1.5em;
	margin-bottom:0em;
	border-bottom:none;
}
.individualContainer .contentBox.fellowdetail h4 {
	margin-left:2em;
	color:#666;
	border-bottom:none;
}


.individualContainer .contentBox .insideTitle .arrow {
	margin:0% 0 0 0;
	padding:0;
	width:2.25%;
	top:0;
	right:0;
	position:absolute;
}


/* apply now */
.timelinePicContainer {
	margin:0 0 5% 0;
	padding:0;
	border-radius:1em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	width:100%;
	background:#fff;
	float:left;
}
.timelinePicContainer img {
	width:100%;
}

.timelineContainer {
	width:100%;
	margin:0;
	padding:0;
}
.timelineContainer img {
	width:100%;
}
.timelinepic {
	width:100%;
	margin:0 0 0.375em 0;
	padding:0;
}


.stepsContainer {
	width:100%;
	margin:0 0 1.25em 0;
}
.stepsContainer .stepsBox {
	margin:0 1% 0.5% 0;
	padding:1.5% 0.625% 1.5% 0.625%;
	border-radius:1em;
	background:#fff url(../images/global/bg-arrowapply.png) top right no-repeat;
	background-size:5em;
	box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
	width:14.5%;
	/*height:9.25em; for 3 lines */
	height:8.25em; /*to be adjust for different resolution; so far no need */
	float:left;
	text-align:center;
	position:relative;
}
.stepsContainer .stepsBox.laststep {
	margin:0 0 0.5% 0;
}

.stepsContainer .stepsBox:hover {
	background:#e5e5e5 url(../images/global/bg-arrowapplywhite.png) top right no-repeat;
	background-size:5em;
}

.stepsContainer .stepsBox .stepNumber {
	color:#fff;
	background:#be0000;
	box-shadow: 0.06em 0.06em 0.1em rgba(0, 0, 0, 0.4);
	border-radius:0.75em;
	padding:0.25em;
	margin:0 auto;
	width:0.75em;
	height:0.75em;
}
.stepsContainer .stepsBox .stepTitle {
	margin:1.5em 0 0 0;
}
.stepsContainer .stepsBox .stepTitleSmall {
	margin:1em 0 0 0;
}
.stepsContainer .stepsBox .steplink {
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}
.stepsContainer .stepsBox .steplink img {
	width:100%;
	height:100%;
}


/* 2025 Videos new page */
.individualContainer .contentBox .videosMaintitle {
	margin:0 0 2em 0;
	padding:0;
	width:100%;
	float:left; 
}
.individualContainer .contentBox .videosMaintitle h4 {
	margin:0 0 1em 0;
	padding:0;
	width:100%; 
	border-bottom:none !important;
}
.individualContainer .contentBox .videosMaintitle h5 {
	margin:0.5em 0 0.25em 0;
	padding:0;
	width:100%; 
}
.individualContainer .contentBox .videosMaintitle div p {
	margin:0;
	padding:0;
	width:100%; 
}


.individualContainer .contentBox .videosCols {
	margin:0 0 4% 0;
	padding:0;
	/* width:49.5%; if 2 Cols */
	width:50%;
	float:left;
	display:inline;
}
.individualContainer .contentBox .videosCols .videosTitle,
.individualContainer .contentBox .videosCols .videosConstainer {
	margin:0 3% 0 0;
	padding:0;
	width:97%; 
}
.individualContainer .contentBox .videosCols .videosTitle {
	height:7em; /* need to add height otherwise can not flow properly */
}

.individualContainer .contentBox .videosCols .videosConstainer .videosContent {
	margin:0;
	padding:0;
	width:100%; 
}
.individualContainer .contentBox .videosCols .videosConstainer .videosContent .videosiframe,
.individualContainer .contentBox .videosCols .videosConstainer .videosContent img.videosiframe {
	margin:0;
	padding:0;
	width:100%; 
	height:16em;
	border: 1px solid #ccc;
}
.individualContainer .contentBox .videosCols .videosConstainer .videosContent .videosiframe {
	/* pointer-events:none !important; */
}

/* speakers videos link button */
.btnBoxSmall {
	padding:0;
	margin:0.25em 0 0.25em 0;
	}
.btnBoxSmall a {
	color:#fff;
	padding:0 2em;
	text-align:center;
	display:inline-block;
	background: rgba(222, 128, 108, 1); /* new btn colour */
	border-radius:0.85em;
	}
.btnBoxSmall a:hover {
	background: rgba(222, 87, 69, 1);
	}

.videoName {
}


/* to top */
.toTop {
	padding:0;
	background:#c30;
	bottom:10%;
	right:0;
	position:fixed;
	z-index:999999;
}
.toTop:hover {
	background:#f00;
}

.toTop img {
	width:1em;
	margin:0 0 0.8em 0;
}
.toTop a {
	padding:0.5em 0.5em 1em 0.5em;
	color:#fff;
	line-height:0.1em;
	float:left;
}


/* footer */
.individualContainer .footerContainer {
	text-align:center;
	width:100%;
	color:#666;
	margin:0em 0 0 0;
	padding:0 0 0.5em 0;
}
.individualContainer .footerContainer ul.footerNav {
	margin:0 0 1em 0;
	padding:0 10% 0.5em 10%;
	width:80%;
	border-bottom:1px solid #444;
	text-align:center;
	list-style:none;
}
.individualContainer .footerContainer ul.footerNav li {
	margin:0 1.5em;
	display:inline;
}
.individualContainer .footerContainer ul.footerNav li a {
	color:#666;
}
.individualContainer .footerContainer ul.footerNav li a:hover {
	color:#333;
}

.individualContainer .footerContainer .copyright {
	text-align:center;
	width:100%;
}
.individualContainer .footerContainer .copyright p {
	text-align:center;
}

.individualContainer .footerContainer .copyright a {
	color:#900;
}
.individualContainer .footerContainer .copyright a:hover {
	color:#c30;
}



/* temp hidden content */
/* 
#year_2022 {
	display:none;
}
#homeEventsBanner {
	display:none;
}
*/



/*--------------------------------------------------------- 
   responsive setting starts 
  ---------------------------------------------------------*/






/* 768px up
---------------------------------------------------------*/
@media screen and (min-width: 768px) {
/* home main pic */
.pconly {
	display:block;
}
.mobileonly {
	display:none;
}
.homeMainPic .themeContent .picpc,
.insideMainPic .picpc,
.mappic.mappc {
	display:block;
}
.homeMainPic .themeContent .picmobile,
.insideMainPic .picmobile,
.mappic.mapmobile {
	display:none;
}

.individualContainer .contentBox ul.missions.longcontent,
.individualContainer .contentBox ul.missions.chlongcontent {
	width:100%;
	margin:0 0 -0.33em 0;
}
.individualContainer .contentBox ul.missions.longcontent li {
	margin:0 0 0 0;
}


/* Events */

/*
.individualContainer .contentBox.homeevent {
	background:#fff url(../images/global/home/bg-event-banner.jpg) top right no-repeat;
	background-size:contain;
	float:right;
}
.individualContainer .contentBox.homeevent.new {
	background:#fff url(../images/global/home/bg-event-banner-s.jpg) top right no-repeat;
	background-size:contain;
	float:right;
}
*/

.individualContainer .contentBox.homeevent h3 {
	width:48%;
	}
.individualContainer .contentBox.homeevent.ch h3 {
	width:46%;
	}
.individualContainer .contentBox.homeevent h5,
.individualContainer .contentBox.homeevent p {
	width:52%;
	}



/* Events Home */
.individualContainer .contentBox.homeevents {
	width:100%;
	padding:0;
}
.individualContainer .contentBox.homeevents .eventshometext {
	margin:2.5% 3% 2.5% 3%; 
	float:left;
	width:57%;
}
.individualContainer .contentBox.homeevents .eventshometext h3 {
	width:95%;
}
.individualContainer .contentBox.homeevents.ch .eventshometext h3 {
	width:95%;
	}
.individualContainer .contentBox.homeevents .eventshometext h5,
.individualContainer .contentBox.homeevents .eventshometext p {
	width:100%;
	}
.individualContainer .contentBox.homeevents .eventshometext .btnBox {
	margin:0 4% 0 0;
	float:left;
}

.individualContainer .contentBox.homeevents .eventshomeimage {
	width:37%;
	margin-bottom:-1%;
	float:left;
}


/* Events Index page */
.individualContainer .contentBox.half.events {
	height:41em; /* adjust for different resolutions */
}


/* Events Detail Old */
.individualContainer .contentBox .detaileventTxt {
	width:55%;
	margin:0 5% 0 0;
	float:left;
	}
.individualContainer .contentBox .detaileventTxt h3 {
	width:100%;
	}
.individualContainer .contentBox .detaileventTxt h5,
.individualContainer .contentBox .detaileventTxt p {
	width:100%;
	}
	
.individualContainer .contentBox .detaileventPic {
	width:40%;
	margin:0;
	float:left;
	}


/* Events Detail BST */
.individualContainer .contentBox .eventdetailContainer {
	margin:1% 0 0 0;
	padding:3% 0 0 0;
	float:left;
	width:100%;
	border-top: 1px solid #999; 
}
.individualContainer .contentBox .eventdetailtoptxt {
	width:90%;
}

.individualContainer .contentBox .eventdetailContainer .eventdetailleft {
	margin:0 5% 0 0;
	padding:0;
	float:left;
	width:15%;
}

.individualContainer .contentBox .eventdetailContainer .eventdetailright {
	margin:0;
	padding:0;
	float:left;
	width:75%;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon .eventdetailrightpic {
	margin:0 2% 0 0;
	padding:0;
	float:left;
	width:15%;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon .eventdetailrighttxt {
	margin:0;
	padding:0;
	float:left;
	width:83%;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .btnBox {
	margin:0 4% 0 0;
	float:left;
}


/* Events Detail JSLee */
.individualContainer .contentBox .eventdetailCols {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
.individualContainer .contentBox .eventdetailCols .firstcol {
	margin:1% 4% 0 1%;
	padding:0;
	float:left;
	width:18%;
}
.individualContainer .contentBox .eventdetailCols .firstcol img {
	border-radius: 50%; 
}

.individualContainer .contentBox .eventdetailCols .secondcol {
	margin:0 2% 0 0;
	padding:0;
	float:left;
	width:75%;
}

.individualContainer .contentBox .eventdetailCols .eventdetailColleft {
	margin:0;
	padding:0 4% 0 0;
	float:left;
	width:50%;
}
.individualContainer .contentBox .eventdetailCols .eventdetailColright {
	margin:0;
	padding:0;
	float:left;
	width:46%;
}

.individualContainer .contentBox .eventdetailCols .btnBox {
	margin:2% 0 3% 0;
}
.individualContainer .contentBox .eventdetailCols .btnBox a {
	padding: 0 5em 0.15em 5em;
}


.individualContainer .contentBox .eventdetailCols.subhead,
.individualContainer .contentBox .eventdetailCols p.subhead {
	margin-top:1%;
	padding:5% 0 0 0;
	float:left;
	width:100%;
	border-top: 1px solid #999; 
}
.individualContainer .contentBox .eventdetailCols.subhead02,
.individualContainer .contentBox .eventdetailCols p.subhead02 {
	margin-top:1%;
	padding:2.5% 0 0 0;
	float:left;
	width:100%;
	border-top: 1px solid #999; 
}


.eventshometext .btnBox a {
	padding:0 2em 0.15em 2em;
	}


}



/* 280px to 767px Mobile Common
---------------------------------------------------------*/
@media screen and (min-width: 280px) and (max-width: 767px)	{
body {


}

.pconly {
	display:none;
}
.mobileonly {
	display:block;
}


.Spacing04 {
	margin-top:2.5em !important;
}
.Spacing04prm {
	margin-top:-2em !important;
}


.individualContainer {
	margin:-2% auto 0 auto;
	padding:5% 4% 1% 4%;
	width:92%;
	}



/* btn 
---------------------------------------------------------*/
.btnBox.mobilealigncenter {
	text-align:center;
	}

/* header */
.individualwideContainer .headerContainer .topBar ul.langNav {
	padding:0;
	margin:0 0.5%;
	width:99%;
}
.individualwideContainer .headerContainer .topBar ul.langNav li a {
	padding:0 1.3em;
}

.individualwideContainer .headerContainer .mainBar {
	padding:0 0%;
	width:100%;
/*	height:auto;	*/
	overflow:visible;
	display:flex;
	flex-flow:column;
	background-size:4.5%;
}
.individualwideContainer .headerContainer .mainBar .logo {
	margin:1% 0 0 7%;
	width:65%;
}
.individualwideContainer .headerContainer .mainBar .navs {
	width:100%;
}
.individualwideContainer .headerContainer .mainBar .navs ul.topNav {
	margin:0 0 0 0%;
	width:100%;
  	justify-content:flex-start;
}


/* header Nav new */
.individualwideContainer .headerContainer .mainBarNew {
	padding:1% 3%;
	width:94%;
}
.individualwideContainer .headerContainer .mainBarNew .logo {
	margin:0 40% 0 0;
	width:30%;
}

.individualwideContainer .headerContainer .mainBarNew .navsicon {
	margin-top:2%;
	width:30%;
	float:left;
	text-align:right;
 }
.individualwideContainer .headerContainer .mainBarNew .navsicon img {
	width:30%;
 }

.individualwideContainer .headerContainer .mobilenavs {
	top:0;
	right:0;
	position:absolute;
	width:65%;
	margin:0 0 0 35%;
	padding:0 0 30% 0;
	background: rgba(255, 255, 255, 0.85);
}
.individualwideContainer .headerContainer .mobilenavs .topNavLong {
	margin:0;
	padding:2% 0 10% 0;
	list-style:none;
	width:100%;
}
.individualwideContainer .headerContainer .mobilenavs .topNavLong li {
	margin:0;
	padding:0;
	width:100%;
}
.individualwideContainer .headerContainer .mobilenavs .topNavLong li img {
	width:10%;
}

.individualwideContainer .headerContainer .mobilenavs .topNavLong li a {
	margin:0;
	padding:3% 5% 3% 10%;
	color:#000;
	width:85%;
	float:left;
	border-top: 1px solid #ccc;
}


.individualwideContainer .headerContainer .mobilenavs .topNavLong li a:hover,
.individualwideContainer .headerContainer .mobilenavs .topNavLong li.langmenu a:hover {
	color:#fff;
	background: rgba(255, 0, 0, 1);
}


.individualwideContainer .headerContainer .mobilenavs .topNavLong li.close {
	text-align:right;
}
.individualwideContainer .headerContainer .mobilenavs .topNavLong li.close a {
	background: rgba(255, 0, 0, 0);
	border-top: none;
}

.individualwideContainer .headerContainer .mobilenavs .topNavLong li.langmenu a {
	background: rgba(235, 235, 235, 0.85);
}



/* sequence */
.firstDiv {
	order: 2;
	}
.secondDiv {
	order: 1;
	}



/* home main pic */
.homeMainPic .themeContent {
	text-align:center;
	}

.homeMainPic .themeContent .picpc,
.insideMainPic .picpc,
.mappic.mappc {
	display:none;
}
.homeMainPic .themeContent .picmobile,
.insideMainPic .picmobile,
.mappic.mapmobile {
	display:block;
}

.mainpicContainer .arrowLeft,
.mainpicContainer .arrowRight {
	width:8%;
}
.mainpicContainer ul.dots {
	/* Need to change in layout-s.css */
	margin:0 38%;
	width:24%;
	bottom:2.5%;
}
.homeMainPic .themeContent .text {
	background-size:90%;
	top:59%; /* home text box mobile; was 55% */
	left:10%;
	width:80%;
	height:80%;
}
.homeMainPic .themeContent .text.lower {
	top:60%;
}

/* not working */
.homeMainPic .themeContent .text::before {
	z-index: 1;
	opacity:0.8;
}

/* home top */
.homeMainPic .themeContent .text.toppictextContainer,
.homeMainPic .themeContent .text.toppictextContainer.ch {
	/* height:auto !important; */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.15)); /* white gradation */
}
.homeMainPic .themeContent .text.toppictextContainer.ch {
	padding-top:5%;
}

/* home */
.individualContainer .contentBox {
	margin:3% 0 10% 0;
	padding:5% 6% 5% 6%;
	width:88%;
	float:none;
}
.individualContainer .contentBox ul.missions,
.individualContainer .contentBox p.announcement {
	width:100%;
}

.individualContainer .contentBox.half {
	width:88%;
	float:none;
	height:12.5em;
	/* height:12.5em;  */ /* adjust for different resolutions */
}
.individualContainer .contentBox.half.first {
	width:88%;
	float:none;
	height:auto;
}
.individualContainer .contentBox.half.first {
	margin-right:0%;
}

.individualContainer .contentBox.third {
	width:88%;
	float:none;
	height:12.5em;
}


/* home forum mobile*/
.individualContainer .contentBox h1 {
	margin:-0.25em 0 0.75em 0;
	width:100%;
}


/* new forum site mobile */

/* home */
.tablediv.hometable {
	width:100%; 
}
.tablediv.hometable .cell {
	padding:0 6% 0.5% 0;
	align-items: left;
}
.tablediv.hometable .cell.last {
	padding:0 0% 0.5% 0;
}

.tablediv.hometable .cell img {
	width:95%;
    }
.tablediv.hometable .cell.bigger img {
	width:100%;
    }

.tablediv.hometable .cell.title {
	padding:0 3% 0.5% 0;
	display: flex;
	align-items: left;
	width:24%; 
}
.tablediv.hometable .cell.lastcell {
	padding:0 0% 0.5% 0;
}
.tablediv.hometable .rowFix {
	padding-bottom:5%;
}

.wrow2home { 
	width:38%; 
}
.wrow2home02 { 
	width:56%; 
}
.wrow3home { 
	width:38%; 
}
.wrow3home02 { 
	width:16%; 
}
/* 2025 */
.wrow2home03 { 
	width:55%; 
}
.wrow2home04 { 
	width:45%; 
}

/* mobile 2 rows */
.wrow2prmwide02 { 
	width:25.25%; 
}
.wrow3prmwide02 { 
	width:70%;
}



table.sponsors {
	margin:0 0 2em 0;
	padding:0;
	width:100%;
}
table.sponsors img {

}
table.sponsors tr th {
	padding:0 0.75em 0.5em 0;
}
table.sponsors tr td {
	padding:0 0.75em 1em 0;
	text-align:left;
}
table.sponsors tr td.logo {
	padding:0;
}
table.sponsors.ch tr td {
	padding:0 2em 1em 0;
}

.individualContainer .homeintro .homeintroleft,
.individualContainer .contentBox .homeintro .homeintroleft {
	width:100%;
}
.individualContainer .homeintro .homeintroright,
.individualContainer .contentBox .homeintro .homeintroright {
	width:100%;
	margin-bottom:2em;
}
.individualContainer .homeintro .homeintroright img,
.individualContainer .contentBox .homeintro .homeintroright img {
	width:100%;
}



/* Forum */ /* Events Videos */
.individualContainer .contentBox .forumIntro .intro {
	margin:0 0 10% 0;
    width:100%;
}
.individualContainer .contentBox .forumIntro .videoContent,
.individualContainer .contentBox .eventdetailCols .videoContainer {
	/*
	margin:0 0 5% 0;
	*/
	margin:10% 0 10% 0;
    width:100%;
}
.individualContainer .contentBox .forumIntro .videoContent.inside {
	margin:0 0 5% 0;
    width:100%;
}

/* forum video iframe mobile */
.video {
  width: 100%;
  height: 100%;
}

.individualContainer .contentBox .eventdetailCols .videoContainer .videoCaption {
	
	
}

.individualContainer .tabContainer .toptabs ul.fellowstab li a {
	/* padding:0.75em 1.35em; */
	padding:0.75em 1.1em; /* mobile year tab */
}

.individualContainer .forumContent {
	margin-top:0;
}
.expandContent {
	width:100%;
}

.individualContainer .forumContent .contentBox .galleryContainer {
	margin:0 2% 2% 2%;
	padding:0;
	width:96%;
	position:relative;
}
.individualContainer .forumContent .contentBox .galleryContainer .picscrollContainer {
	height:11em; /* add to position lower content */
}

.individualContainer .forumContent .contentBox .galleryContainer .smallpicscrollContainer {
	height:2.5em; /* add to position lower content */
}

.bigpicItem .forumpictxt {
	margin:50% 0 0 0;
}


/* forum div */
.tablediv .cellgrey.nowrap {
	white-space:normal;
    }
	
.wrow1 { 
	width:0.75%; 
}
.wrow2 { 
	width:16%; 
}
.wrow3 { 
	width:28%; 
}
.wrow4 { 
	width:50%; 
}
.wrow5 { 
	width:3%;
}

.wrow111 { 
	width:95%; 
}


/* about us */
.individualContainer .contentBox .aboutIntro .pic {
	margin:0 0 8% 0;
    width:100%;
}
.individualContainer .contentBox .aboutIntro .txt {
    width:100%;
}
.individualContainer .contentBox .aboutIntro .txtwide {
    width:100%;
}

.individualContainer .contentBox .aboutIntro .pplanmap,
.individualContainer .contentBox .aboutIntro p.pplanmap {
	margin:0 0% 0 0;
	width:100%;
}

/* Plan 2025 */
.individualContainer .contentBox .aboutIntro .pplanmap iframe,
.individualContainer .contentBox .aboutIntro p.pplanmap iframe {
	height:18em;
}


.individualContainer .contentBox h4,
.individualContainer .contentBox .insideTitle h4 {
	margin:0 0 2% 0;
	padding:0 5% 0.75% 0;
	width:95%;
}
.individualContainer .contentBox .insideTitle .arrow {
	margin:0 0 0 0;
	width:6%;
	top:auto;
	bottom:0;
}

.individualContainer .contentBox .aboutIntro .pic.beishantang img {
	margin:0 37.5% 0 37.5%;
	width:25%;
}
.individualContainer .contentBox .aboutIntro .pic.cacforum img {
	margin:0 21% 0 21%;
	width:58%;
}



/* fellows */
.individualContainer .filterContainer .formselect01 p.showMenu {
	margin:1% 0 1% 0;
	}

.individualContainer .fellowsContainer .fellowboxContainer .fellowbox {
	margin:0 0% 8% 0%;
	padding:6% 5% 4% 5%;
	width:88.5%;
	border-radius:1.5em;
	height:auto; /* to be adjust for dufferent resolutions */
}
.individualContainer .fellowsContainer .headlineContainer,
.individualContainer .forumContent .commonContainer .headlineContainer  {
	background-size:0.5em;
}
.individualContainer .fellowsContainer .fellowboxContainer .fellowbox .seniorfellow {
	margin:0 31% 0 31%;
}

/* fellow detail */
.individualContainer .contentBox .fellowsIntro .txt {
    margin-top:6%;
    width:100%;
}
.individualContainer .contentBox .fellowtitleContainer,
.individualContainer .contentBox .fellowsIntro {
	margin:0 0%;
	padding:0;
	width:100%;
}
.individualContainer .contentBox.contnarrow {
	padding:7% 0% 7% 6%;
	width:94%;
}
.individualContainer .contentBox.contnarrow p {
	width:100%;
}
.individualContainer .contentBox.contnarrow.smalltxt p {
	width:94%;
}

.individualContainer .contentBox .fellowtitleContainer .fellowtitle {
	margin:0% 3% 0 0;
	width:58%;
}
.individualContainer .contentBox .fellowtitleContainer .fellowpic {
	margin:0 0 1% 0;
	width:37%;
}
.individualContainer .contentBox.fellowdetail h3 {
	margin-top:0em;
	margin-bottom:0em;
}
.individualContainer .contentBox.fellowdetail h4 {
	margin-left:0em;
}



/* apply now */
.stepsContainer .stepsBox {
	margin:0 2% 2% 0;
	width:30%;
}
.stepsContainer.ch .stepsBox .stepTitle {
	margin:2em 0.75em 0 0.75em;
}

/* institutions */
/* institutions map */
.mapheight {
	height:34.3em;
}

.mapregionbtnsContainer ul li {
	padding:0.4em 0.9em;
}
.mapregionbtnsContainer ul li a {
	padding:0.4em 0;
	display:inline-flex;
	white-space:nowrap;
}

.individualContainer .instmapContainer .text,
.individualContainer .institutionsMap .text {
	padding:0.5em 0.5em 0em 0.5em;
	top:31.4em;
	left:0.6em;
	width:82%;
}

.individualContainer .instmapContainer .icon {
	width:3%;
	padding:0 0.5% 0 0.5%;
}


.mapText {
	height:29%;
}
.mapText h4 {
	margin:0 0 0.4em 0;
}
.mapText .mapmuseumContainer {
	height:83% !important; /* oer-ride the 75% in layout-s.css */
}

.mapText .mapmuseumContainer .arrows {
	width:7%;
}
.individualContainer .instmapContainer ul.mapmuseumslist {
	margin:0 0 0em 0;
	width:95%;
}
.individualContainer .instmapContainer ul.mapmuseumslist li {
	margin:0 0 0.325em 0;
	padding:0 0 0 0.65em;
	background:url(../images/global/bullet-redder.png) 0 0.5em no-repeat;
	background-size:0.35em;
}


/* icon position */
.individualContainer .instmapContainer .icon {
	margin:0 0 0 89%; /* align right */
	padding:1.2% 1.2% 0% 1.2%;
	width:4.5%;
}
.individualContainer .instmapContainer .icon.enlarge,
.individualContainer .institutionsMap .icon.enlarge {
	top:85%;
}
.individualContainer .instmapContainer .icon.reduce,
.individualContainer .institutionsMap .icon.reduce {
	top:92%;
}

.wrowinst1 { 
	width:15%; 
}
.wrowinst2 { 
	width:19%; 
}
.wrowinst3 { 
	/*
	width:55%; 
	*/
	width:66%; 
}



/* Events Home mobile */
.individualContainer .contentBox.homeevents .eventshometext {
	margin:2.5% 3% 0 3%; 
	width:96%;
}
.individualContainer .contentBox.homeevents .eventshometext .btnBox {
	text-align:center;
}

.individualContainer .contentBox.homeevents .eventshomeimage {
	padding:0; 
	margin:8% 0 0 0; 
	width:100%;
}



/* Event Detail Mobile BTS */
.individualContainer .contentBox .eventdetailContainer .eventdetailleft,
.individualContainer .contentBox .eventdetailContainer .eventdetailright {
	margin:0 0% 0 0;
	width:100%;
}

.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon {
	margin:0 0 0 0;
	width:100%;
	float:left;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon .eventdetailrightpic {
	margin:0 3% 0 0;
	width:38%;
	float:left;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon .eventdetailrighttxt  {
	margin:0 0 0 0;
	width:59%;
	float:left;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .eventdetailrightcon .eventdetailrighttxt p {
	text-align:left;	
}

.individualContainer .contentBox .eventdetailContainer .eventdetailleft p {
	margin:9% 0 3% 0;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .btnBox {
	padding-left:3%;
	padding-right:3%;
	margin:0 2% 0 0;
	float:left;
}
.individualContainer .contentBox .eventdetailContainer .eventdetailright .btnBox a {
	/* padding:0 1.5em 0.15em 1.5em; */
}


/* Events Index page JSLee */
.individualContainer .contentBox.half.events {
	height:auto; /* adjust for different resolutions */
}


/* Events Detail JSLee Mobile */
.individualContainer .contentBox .eventdetailCols .eventdetailColleft {
	padding:0 0% 0 0;
	width:100%;
}
.individualContainer .contentBox .eventdetailCols .eventdetailColright {
	width:100%;
}


.individualContainer .contentBox .eventdetailCols h4 {
	margin-top:9%;
	margin-bottom:6%;
}

.individualContainer .contentBox .eventdetailCols .firstcol {
	margin:3% 15% 3% 15%;
	padding:0;
	float:left;
	width:70%;
}
.individualContainer .contentBox .eventdetailCols .firstcol img {
	border-radius: 50%; 
}


/* new forum site mobile */
.biopic img {
	width:45% !important;
}

.tablediv .row .expandContent .biopicsContainer .biopicsContent {
	margin: 0;
	width:100%;
}
.tablediv .row .expandContent .biopicsContainer .biopicsContent .caption {
	margin: 0 0 3% 0;
	width:100%;
}


/* 2025 Videos new page */
.individualContainer .contentBox .videosCols {
	margin:0 0 8% 0;
	padding:0;
	width:100%; 
}

.individualContainer .contentBox .videosCols .videosTitle,
.individualContainer .contentBox .videosCols .videosConstainer {
	margin:0 0% 0 0;
	width:100%; 
}
.individualContainer .contentBox .videosCols .videosTitle {
	height:auto; 
}



.individualContainer .contentBox .videosCols .videosConstainer {
	margin:0 0;
	padding:0;
	width:100%; 
}
.individualContainer .contentBox .videosCols .videosConstainer .videosContent .videosiframe,
.individualContainer .contentBox .videosCols .videosConstainer .videosContent img.videosiframe {
	width:100%;
	height:12em; 
}





.toTop {
	/*
	display:none;
	*/
}


/* footer */
.individualContainer .footerContainer ul.footerNav li {
	margin:0 0.75em;
}


}



/* 375px to 410px Mobile
---------------------------------------------------------*/
@media screen and (min-width: 375px) and (max-width: 410px)	{
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li.long a {
	width:8.375em;
}


}


/* 411px to 530px Mobile
---------------------------------------------------------*/
@media screen and (min-width: 411px) and (max-width: 530px)	{
.individualwideContainer .headerContainer .mainBar .navs ul.topNav li.long a {
	width:8em;
}

.homeMainPic .themeContent .text {
	/* top:57%; */
	top:57%;
}
.homeMainPic .themeContent .text.lower {
	/* top:61%; */
	top:61%;
}




}


/* 531px to 767px Mobile
---------------------------------------------------------*/
@media screen and (min-width: 531px) and (max-width: 767px)	{
.individualwideContainer .headerContainer .mainBar .navs ul.topNav {
	margin:0 0 0 0%;
	width:100%;
}
.homeMainPic .themeContent .text {
	top:58%;
}
.homeMainPic .themeContent .text.lower {
	top:62%;
}



}


/* hide languange menu temp sep 2025 */
.individualwideContainer .headerContainer .mainBarNew .navs ul.langNav li {
	/*	display:none;	*/
}
.individualwideContainer .headerContainer .mobilenavs .topNavLong li.langmenu {
	/*	display:none;	*/
}

.navPlan,
.navVideo,
.navPlan a,
.navVideo a {
	/*	display:none !important;	*/
}
/* programme */
.topicinsert {
	/*
	display:none !important;
	*/
}
.loginsuccess {
	color:#c30;
}

.hiddentemp {
	display:none !important;
}