@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/BG_bamboo.jpg) bottom no-repeat fixed;
	font-size: 11px;
	color: #3b3534;
}
body.Chi, :lang(zh){
	font-size: 13px;
}
body.Eng, :lang(en){
	font-size: 12px;
}
.hide{display: none;}
.clearBoth{float:none;	clear:both;}
.ar{text-align:right;}
.center{text-align:center;}
.al{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.nm{margin:0;}
.np{padding:0;}
.nmp{margin:0;padding:0;}
.dlink{text-decoration: none;}
.dlink:hover{border-style: dotted; border-width:0 0 1px 0;}
.emp { color:#A32020; }
.nw{white-space:nowrap;}

.ilcIcon::before{content:''; display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:10px;background-size:contain; background-repeat:no-repeat; background-position:center center;}
.ilcIcon.pdf::before{  background-image: url('/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/pdf.png'); }
.ilcIcon.ppt::before{ background-image: url('/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/ppt.png'); }


/* Top Bar */
#topBar{
	background: #353535 url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/topBar_shadow.png) repeat-x bottom;
	font-size: 10px;
	color: #474747;
	text-align: right;
	padding: 2px 20px 8px 20px;
	min-width: 920px;
}
.Chi #topBar{
	font-size: 11px;
}
#topBar a{
	text-decoration: none;
	font-size: 10px;
	color: #eaeaea;
}
.Chi #topBar a{
	font-size: 11px;
}
#topBar a:hover{
	border-bottom: 1px dotted #888;
}
#SiteSearchForm{
	display: inline;
	margin: 0 20px;
	padding: 0;
}
#SiteSearchForm input, #SiteSearchForm button{
	font-size: 9px;
	margin: 0;
	padding: 0 2px;
	border: 1px solid #999;
}
.Chi #SiteSearchForm input, .Chi #SiteSearchForm button{
	font-size: 10px;
}
a#transBtn{
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/btn_trans.png) no-repeat;
	margin: 0;
	padding: 0 0 0 15px;
}




#pageContainer{ /* cotains everything other than top bar */
	margin: 10px auto 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/top_shadow.png) no-repeat;
}
#logo{ /* ILC Logo Slogan*/
	height: 111px;
	padding: 0;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/logo.png) no-repeat 70px 10px;
	position: relative;
}
#logoLink a, #cuhkLink a{ display:block; height:100%; }
#cuhkLink{
	position: absolute;
	height: 55px;
	width: 190px;
	top: 50px;
	right: 50px;
	margin:0;
	padding:0;
}
#logoLink{
	display: block;
	width: 550px;
	height: 95px;
	position: absolute;
	left: 50px;
	top: 10px;
	margin:0;
	padding:0;
}
#menu{
	color: #a7c36e;
	margin: 0;
	padding: 1px 15px;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/BG_menu.jpg) no-repeat;
}
#menu a{text-decoration: none; font-size: 12px; color: #3c3c3c; padding: 1px 7px;}
#menu a.selected{ color: #FEFEFE; background: #668300;}



#pageContainer2{ /* content shadow from feature img */
	width: 900px;
	margin: 0 auto;
	padding: 0 49px 0 51px;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/content_shadow.png) repeat-y;
}
#feature{
	border: 3px solid #668300;
	border-width: 3px 0 3px 0;
	height: 150px;
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/feature1.jpg) no-repeat bottom;
}



#bodyContainer{ /* everything between header and footer*/
	background: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/topBar_shadow.png) repeat-x #FFFFFF;
}
#rightBar{
	float: right;
	clear: right;
	width: 230px;
	font-size: 11px;
}
#contentContainer{
	float: left;
	clear: left;
	width: 650px;
	position: relative;
}





#loginBox{position: relative; height: 120px;}
#loginBox h4{top: 15px; left: 20px; position: absolute; font-weight: normal; font-size: 16px; color: #FFFFFF;}
#loginBox table{position: absolute; left: 20px; top: 48px; border-collapse: collapse;}
#loginBox th{
	/*color: #b7b7b7;*/
	font-weight: normal;
	text-align: left;
	width: 65px;
	margin: 0;
	padding: 0;
}
#loginBox td{margin: 0; padding: 2px 5px;}
#loginBox a{color: #BBBBBB;}
#loginBox a:hover{border-bottom: 1px dotted;}
#loginBox input.textBox{border: 1px solid #737373;width: 110px;}
#loginBox ul{ margin:2px 0; padding: 0 0 0 18px; list-style: url("/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/bullet2.png"); }
#loginBox li a{ text-decoration:none; color:#3b3534; }
#loginBox .submitBtn{border: 1px solid #CCCCCC;}
#loginBox .submitBtn, #loginBox .textBox, #loginBox .dlink{font-size: 10px;}
#loginBox .lbl_SmallLoginMsg{ color:#A32020; font-size:14px; position:absolute; top:0px; left:0; width:100%; height:65%; display:block; background:#FFFFFF; padding-top:20px; font-weight:bold; text-align:center; zoom:1; filter:alpha(opcity=80); opacity:0.8; }
#loginDetail{ position: absolute; left: 20px; top: 48px; }

#cadsInfo{}
#cadsLink{position:absolute; bottom:10px; left:20px; background:url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/cads_logo_small_n.png) no-repeat; height:18px;width:33px;display:block; border:none;}
#cadsLink:hover{background-image:url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/layout/cads_logo_small_h.png); border:none !important;}


#QuickLinks ul{list-style: none;}
#QuickLinks li{margin: 3px 0;}
#QuickLinks a{
	/*color: #b7b7b7;*/
	text-decoration: none;
	font-size: 11px;
}
#QuickLinks a:lang(zh){
	font-size: 12px;
}
#QuickLinks a:hover{border-bottom: 1px dotted;}


#quote ul{list-style: none; overflow: hidden; height: 95px;}
#quote li{display: block; height: 95px; color: #777777; margin: 0; padding: 0;}
#quote p{
	margin: 0;
	padding: 0 0 5px 0;
}

.Chi #path, .Chi #path>ul>li>a{ font-size:10px; }
.Chi #path ul.sibling a{ font-size:11px; }
#path { font-size: 9px; color: #646648; vertical-align: bottom; background: transparent; top:3px; left:12px; width:600px; z-index:10; position:absolute; white-space:nowrap; }
#path ul { list-style:none; padding:0; margin:0; position:relative; }
#path ul.pathList li { display: inline; position:relative; margin-left:7px; }
#path ul.pathList>li::after { content: '>'; }
#path ul.pathList>li:last-child::after { content: ''; }
#path ul.pathList li a{ color: #646648; text-decoration: none; padding:0 2px; display:inline-block; max-width:150px; vertical-align:top; white-space:nowrap; overflow:hidden;  }
#path ul.pathList>li>a{ text-overflow:ellipsis; }
#path ul.pathList li:hover a {background:#668300;color:#FFFFFF; }
#path ul.pathList li.subMenu:hover a{padding-right:8px;}
#path ul.pathList li.subMenu:hover>a::after { content:''; border:4px solid transparent; border-top:4px solid #FF0000; position:relative; top:8px; left:3px; }
#path ul.sibling { position:absolute; display:none; left:0; top:1em; min-width:200px; margin:0; }
#path ul.pathList li:hover ul.sibling { display:block; }
#path ul.sibling li { display:inherit; }
#path ul.pathList ul.sibling li a { background:rgb(216,239,165) }
#path ul.pathList ul.sibling li a { display:block; background:rgba(216,239,165,.9); color:#222222; padding:2px 8px; text-decoration:none; border-bottom:1px solid #FFFFFF; max-width:none; }
#path ul.pathList ul.sibling a:hover { background:rgb(200,226,138); color:#000000;}
#path ul.pathList ul.sibling li:first-child a { padding-top:4px; border-top-right-radius:8px;}
#path ul.pathList ul.sibling li:last-child a { border-bottom: none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding-bottom:8px; }

.Eng #path ul.pathList li a { font-size: 10px; }
.Eng #path ul.pathList ul.sibling li a { font-size: 11px; }

.Chi #path ul.pathList li a { font-size: 11px; }
.Chi #path ul.pathList ul.sibling li a { font-size: 11px; }

#contentContainer h3{width: 465px; height: 100px; margin: 0; padding: 0; z-index: 1;}


/* Footer */
#footer{
	background: #859d51;
	color: #bbda79;
	font-size: 11px;
	letter-spacing: -1px;

	height: 75px;
	margin: 0;
	padding: 15px 3px 0 3px;
	border-top: 2px solid #ab7a08;
}
#footer .item{padding: 0 8px;}
#footer .separator{border-right: 1px solid #94b156;}

#footer .title{color: #FFFFFF;}
#footer a{
	color: #bbda79;
	text-decoration: none;
}
#footer a:hover{
	border-bottom: 1px dotted #cee59d;
	color: #cee59d;
}




/* ILC Calendar */
#ilcCal .c1000{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1000.png);}
#ilcCal .c0100{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0100.png);}
#ilcCal .c0010{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0010.png);}
#ilcCal .c0001{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0001.png);}
#ilcCal .c1100{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1100.png);}
#ilcCal .c1010{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1010.png);}
#ilcCal .c1001{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1001.png);}
#ilcCal .c0110{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0110.png);}
#ilcCal .c0101{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0101.png);}
#ilcCal .c0011{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0011.png);}
#ilcCal .c1110{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1110.png);}
#ilcCal .c1101{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1101.png);}
#ilcCal .c1011{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1011.png);}
#ilcCal .c0111{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/0111.png);}
#ilcCal .c1111{background-image: url(/20220416010242oe_/https://www.ilc.cuhk.edu.hk/img/cal/1111.png);}