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

/* Generel
------------------------------------ */

html,body{
	font-family: 'Times New Roman',Times, PMingLiu,mingliu, '細明體_HKSCS-ExtB','Ming(for ISO10646)ExtB',serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/top_menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 1.3;
}

a{
    color: #006666;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
  color: #996600;
    cursor: pointer;
}

p {
	margin: 0;
	padding: 0;
}

sub, sup {
	/*For IE only*/
	>line-height: 2;
}

.clear{
    clear: both;
}

#header{
	width: 1024px;
	height: 41px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#banner {
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/news_inner_hd_bg.jpg);
	text-align: left;
	margin-top: 0px;
	padding-left: 0px;
	width: 1024px;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
	height: 116px;
	margin-left: 0px;
	vertical-align: top;
	padding-top: 0px
}

#banner.banner2014 {
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/news_inner_hd_bg_2014.jpg);
}


#banner img.cu_logo {
    display: block;
    float: left;
    margin-left: 23px;
    margin-top: 23px;
    position: relative;
}

#banner img.cu_anniversary {
    display: block;
    float: left;
    margin-left: 35px;
    margin-top: 23px;
    position: relative;
}

#searchform {
    background: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/keyin_p_search_new.gif) no-repeat scroll 0 center transparent;
    height: 30px;
    padding-left: 0;
    padding-right: 0;
	margin-top: 2px;
	margin-right: 10px;
    width: 180px;
}
#searchform input.search {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    float: left;
    font-size: 12px;
    height: 20px;
	padding-top: 5px;
    padding-left: 10px;
    padding-right: 0;
    width: 140px;
}
#searchform input.submit {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 5px 0 0 0;
    text-indent: -999999px;
    width: 30px;
}

#linkNSLHome {
	position: absolute;
	top: 0px;
	left: 725px;
}

#linkNSLHome  img{
	width: 150px;
	height: 116px;
	border: 0px;
}

#linkIssueNo {
	position: absolute; 
	top: 10px; 
	left: 890px;
	font-family: Arial, Helvetica, PMingLiu, mingliu, '細明體_HKSCS-ExtB','Ming(for ISO10646)ExtB', sans-serif;
}

#linkIssueNo h1 {
	margin: 0;
	font-size: 52px;
	color:#FFFFFF;
	text-align:right;
	font-weight: normal;
	padding-left:20px;
}

#linkIssueNo h1.long {
	font-size: 42px;
	line-height: 1.6;
	padding-left: 0px;
	letter-spacing: -0.09em;
}

#linkIssueNo h2 {
	margin: 10px 2px;
	font-size: 18px;
	color:#FFFFFF;
	text-align:right;
	font-weight: normal;
}
#linkIssueNo a, #linkIssueNo a:hover {
	color:#FFFFFF;
}


#outerWrap{width:1024px; margin:0 auto; text-align:left; min-height:449px; position:relative;}
p.char {position:absolute; padding:0; margin:0; top:4px; right:0; color:#73216d; z-index:100; font-size:13px; line-height:1;}
p.char a {color:#73216d; text-decoration:none; font-size:13px; line-height:1;}
p.char a:hover {color:#666;}



a.home {display:block; width:260px; height:45px; position:absolute; left:255px; top:15px; z-index:100;}
a.home b {position:absolute; left:-9999px;}
#keywordform {width:139px; height:17px; background: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/inner_images/keyword_search.gif) no-repeat 0 0; margin:0; padding:0; position:absolute; right:0; top:30px; z-index:100;}
#keywordform input.key {width:97px; padding:2px 10px; float:left; border:0px; background:transparent; font-size:10px; color:#666;}
#keywordform input.word {width:20px; height:17px; background:none; line-height:0; font-size:0; text-indent:-999999px; float:left; border:0; cursor:pointer;}

div#header {
	font-family: Arial, Helvetica, PMingLiu, mingliu, '細明體_HKSCS-ExtB','Ming(for ISO10646)ExtB', sans-serif;
}

div#header .language {
	position:absolute; 
	top:0px; 
	left:900px;
}
div#header .sizing {
	position:absolute;
	left:700px;
	top:0px;
	color:#333333;
	/*z-index:100;*/
	padding-top:7px; 
}
div#header .sizing p {
	 margin:0; 
	 padding:8px 0 0 0;
}
div#header .sizing p a {
	color:#999;
	text-decoration: none;
}
/*div#header .sizing p {padding:0; margin:0;}*/　
div#header .sizing p span.current {color:#73216d;}

div#header .sizing {font-size:10px;}
div#header .sizing p {font-weight:bold;}

div#header div.top-menu a {
    color: #73216D;
    line-height: 1.2;
    margin-right: 10px;
}
div#header div.language a {
    color: #73216D;
    line-height: 1.2;
}

.t1 {font-size:11px;}
.t2 {font-size:14px;}
.t3 {font-size:16px;}

#innerWrap_bg {background: #fff url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/inner_images/inner_repeat_bg.jpg) repeat-y left top; width:900px; position:relative;}

#innerWrap {width:900px; position:relative; background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/inner_images/inner_main_bg.jpg); background-repeat: no-repeat; background-position: left top;}

#topbar {
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/topbar.jpg);
	text-align: left;
	margin-top: 0px;
	padding-left: 0px;
	width: 1024px;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
	height: 34px;
	margin-left: 0px;
	vertical-align: top;
	padding-top: 0px
}

#topbar.topbar2014 {
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/topbar2014.jpg);	
}

#topbar div.white a {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
#topbar div.white a:hover {
    /*color: #996600;*/
	color: #FFFFFF;
}

#topbar #topbar-marginalia
{
	background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/icon_marginalia.gif); 
	background-repeat: no-repeat;
	float: left; 
	padding: 3px 0 0 10px;
	margin-top: 5px; 
	color: #73216d; 
	font-size: 18px; 
	font-weight: bold;
	width: 110px; 
	height: 23px;
}

#topbar #topbar-icon
{
	float: right; 
	margin-top: 5px; 
	margin-right: 10px;
}




/* Content */

#homeLeft {
    float: left;
    margin: 0;
    text-align: left;
    width: 480px;
}

#homeCentre {
    float: left;
    margin: 0;
    padding: 15px 16px;
    text-align: left;
    width: 320px;
}

#homeRight {
    background-color: #E7E8E3;
    float: left;
    margin: 0;
    padding: 15px;
    text-align: left;
    width: 162px;
	/*height: 597px;*/
}

#homeRight.homeRight2014 
{
	margin-top: 15px;
    padding: 38px 15px;
}

#content-marginalia
{
	background-color: #DDA527; 
	color: #000000;
	font-size: 15px; 
	line-height: 1.5;
	padding: 5px 15px;
	margin: 0;
	position: relative;
	overflow: visible;
	min-height: 66px;
}

#content-marginalia.marginalia2014
{
	background-color: #D5AEE1;
}

#marginalia-more 
{
	position: absolute; 
	/*top: 50px; */
	right: 5px;	
	display: inline-block;
	vertical-align: text-bottom;
}

/* Cover Story */

div#CoverStorySection 
{
	/*height:414px;*/
	position: relative;
	padding:15px 0 0 0;	
}

div#CoverStorySection a {
	display:block;
}

img#CoverStoryImage {
	/*float: right;*/
	padding:0;
	margin: 0;
}

div#CoverStoryTitleWrapper
{
    bottom: 0;
	right: 0;
    height: auto;
    position: absolute;
    text-shadow: none;
    width: 100%;
    z-index: 500;
}

div#CoverStoryTitle 
{
    color: #FFFFFF;
    font-size: 24px;
    padding: 3px 20px;
}

div#CoverStoryContentHTML 
{
	padding-top: 10px; 
	padding-left: 20px; 
	padding-right: 10px; 
	color: #000; 
	/*font-size: 17px;*/
	font-size: 15px;
	line-height: 1.5;
}

div#CoverStoryContentHTML  a.nslvideo
{
	/* Defined on 20141103 to hide video link in Cover Story Section */
	display: none;
}

/* Tab box*/
#tabBox {
    overflow: hidden;
	background-color: #66A97C;
    position: relative;
    /*width: 380px;*/
}
#tabBox.tabBox2014 {
	/*background-color: rgb(186, 200, 244);*/
	background-color: #FEBC11;
}

ul#boxLinks {
    list-style: none outside none;
    overflow: hidden;
    margin: 0;
    padding: 0;
	position: relative;
}
ul#boxLinks li.selected {
	z-index:3;
}
ul#boxLinks li {
    /*display: inline;*/
    float: left;
	position:relative;
}
ul#boxLinks li.shadow {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    bottom: -3px;
    box-shadow: 0 -2px 6px #111111; /*IE 9+ and other non-IE browser*/
    height: 2px;
	height: 1px\9;
    left: 0;
    left: inherit\9;
    position: absolute;
    width: 100%;
    width: 343px\9;
	right:0\9;
    z-index: 2;
}

ul#boxLinks li  {
    min-width: 65px;
    padding: 10px 6px;
}

ul#boxLinks li a {
    /*background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/tab-shadow-ie.png);*/
	/*background-repeat: repeat-x;*/
	/*background-position: left bottom;*/
    color: #CCCCCC;
    display: block;
    /*float: left;*/
    font-size: 18px;
	font-weight: bold;
    /*padding: 10px 20px;*/
    position: relative;
    text-decoration: none;
}

ul#boxLinks li a.tabboxlinks2014 {
	color: #f0f0f0;
}


ul#boxLinks li a.selected{
	color: #FFFFFF;
}

ul#boxLinks li a.selectedindex {
	color: #FFFFFF;
	font-weight:bold;

	background:#CCCCCC;
	background:transparent; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0CCCCCC,endColorstr=#C0CCCCCC); 
	background:rgba(204,204,204,0.8);
}

ul#boxLinks li a:hover {
    /*background-color: #DDA527;*/
    color: #FFFFFF;
}

#tabBox #tabBox-content-wrapper  {
}

#tabBox #tabBox-content-wrapper .tabBox-content {
	/*padding-top: 25px;*/
	padding-top: 15px;
	/*position:relative;*/
	*overflow: hidden;
}

#tabBox #tabBox-content-wrapper .tabBox-content a{
	/*position:relative;*/
}

#tabBox #tabBox-content-wrapper div.tabBox-content .imagecaption-wrapper {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);*/
	*left: 0;
    bottom: 0px;
    position: absolute;
    width: 100%;
    z-index: 500;
}

#tabBox #tabBox-content-wrapper div.tabBox-content a{
	display:block;
}

#tabBox #tabBox-content-wrapper div.tabBox-content .imagecaption {
    color: #FFFFFF;
    font-size: 15px;
    padding: 3px 10px;
    text-shadow: none;
	line-height: 1.3;
}

div#sharebox {
	margin-top: 20px;
}

#tabBox #tabBox-content-wrapper .shareboxshort {
    background: url('/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/sharebar-short.jpg') no-repeat scroll 0 0 #ffffff ;
    height: 75px;
    overflow: hidden;
    border:1px solid #cccccc;
	
}

div#sharebox {
    background: transparent;
    height: 75px;
    /*overflow: hidden;*/
    border:1px solid #cccccc;
	
}


#tabBox #tabBox-content-wrapper .shareboxshort .shareboxtextshort, div#sharebox  .shareboxtextshort{
    /*display: inline;*/
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin: 16px 1px 0;
    text-align: center;
    width: 96px;
}

#tabBox #tabBox-content-wrapper .shareboxshort .shareboxtextshort .shareboxtext1, div#sharebox  .shareboxtextshort .shareboxtext1{
	color: #000;
}

#tabBox #tabBox-content-wrapper .shareboxshort .shareboxtextshort .shareboxtext2, div#sharebox  .shareboxtextshort .shareboxtext2{
    color: #721F6C;
    font-size: 11px;
    line-height: 14px;
}

#tabBox #tabBox-content-wrapper .shareboxshort .shareme-wrapper, div#sharebox .shareme-wrapper{    
    padding: 5px 0 10px 10px;
}

.sharrre .button {
    float: left;
    width: 70px;
}

#sharebox .sharrre .button {
	width: 60px;
}

#sharebox .shareme-wrapper2014 .sharrre .button {
	width: 75px;
}


#homeslides {
    /*height: 157px;*/
    margin-top: 20px;
    position: relative;
    /*width: 160px;*/
}

#homeslides .homeslide {
	float:left;
	width:160px;
}

#homeslides .slides_container {
    /*display: none;*/
    width: 320px;
	height: 150px;
}

#homeslides .slides_container2014 {
    /*display: none;*/
    width: 160px;
	height: 360px;
}

#homeslides .slides_container div.slide {
    display: block;
    width: 320px;
	height: 150px;
}

#homeslides .slides_container2014 div.slide {
    display: block;
    width: 160px;
	height: 360px;
}

#homeslides .slides_container div.slide div.homeslides_category_wrapper {
	
}

#homeslides .slides_container div.slide div.homeslides_category {
	margin-top: 0px; 
	height: 23px; 
	width:310px; 
	color: #FFF; 
	font-size: 18px; 
	font-weight: bold;
	padding: 5px 15px;
	overflow:visible;
}

#homeslides .slides_container2014 div.slide div.homeslides_category {
	width: 160px;
	height: auto;
	padding: 5px;
}

#homeslides .slides_container div.slide div.homeslides_image_wrapper {
	float:left;
	width: 160px;
	text-align: center;
}

#homeslides .slides_container div.slide img.homeslides_photo {
}

#homeslides .slides_container div.slide div.homeslides_content {
	float:left;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.3em;
    left: 160px;
    padding: 5px 10px 0;
    width: 140px;
}

#homeslides .slides_container div.slide div.homeslides_content div.homeslidess_title {
	font-weight: bold;
	padding-bottom: 5px;
}

div#pagination-background {
	background: url('/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/middle_bar.jpg') no-repeat scroll 0 0 #ffffff ;
	height: 34px;
	position: relative;
	*overflow:hidden;
} 

div#pagination-background.pagination-background2014 
{
	background: url('/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/middle_bar_short.jpg') no-repeat scroll 0 0 #ffffff;
}

div#pagination-background div#pagination-wrapper {
	left: 50%;
	position: absolute;
}

div#pagination-background ul#pagination {
	float: left;
	left: -50%;
	position: relative;
	margin: 12px 0px;
	padding-left: 0;
	padding-right: 0;
	
}
div#pagination-background ul#pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 3px;

}
div#pagination-background ul#pagination li a {
    background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/pagination.png);
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
div#pagination-background ul#pagination li.current a {
    background-position: 0 -12px;
}


/* Footer */
#foot {
	clear: both;
    height: 57px;
    text-align: right;
    width: 1024px;
	padding-top: 25px;
	font-family: Arial, Helvetica, PMingLiu, mingliu, '細明體_HKSCS-ExtB','Ming(for ISO10646)ExtB', sans-serif;
}
#foot ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}
#foot ul li {
    color: #666666;
    display: inline;
    font-size: 11px;
    line-height: 1.1;
}
#foot ul li a {
    color: #73216D;
    text-decoration: none;
}
#foot ul li a:hover {
    color: #666666;
}
#foot p {
    color: #666666;
    font-size: 11px;
    line-height: 1.1;
    margin: 0;
    padding: 0;
}

div#rightCol div#video{
	display: none;
}

#functionmenu-wrapper {
	position: relative;
	height:24px;
	.z-index: 200; /*IE 7 or below*/
}

div#topbar div#functionmenu {
	position:absolute; 
	top: 12px; 
	.top: 25px; 
	right: -20px; 
	display:none; 
	background:#73216D;
	color: #000000;
	font-size: 12px;
	line-height: 1.3;
	z-index: 700;
	width: 200px;
	
	border-radius: 10px 5px 10px 5px;
	
}

div#topbar div#functionmenu div.functionmenu-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 10px;
    padding: 5px;
}

div#topbar div#functionmenu div.functionmenu-inner div.functionmenu-title  {
	background: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/s_hd_bar.gif) no-repeat scroll left bottom transparent;
	padding-bottom: 10px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

div#topbar div#functionmenu div.functionmenu-inner div.functionmenu-title  a{
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
	display: block;
}

div#topbar div#functionmenu div.functionmenu-inner div.functionmenu-content ul{
	list-style: none outside none;
    margin: 0;
    padding: 7px 0;
}

div#topbar div#functionmenu div.functionmenu-inner div.functionmenu-content ul li{
    display: block;
    height: auto;
}

div#topbar div#functionmenu div.functionmenu-inner div.functionmenu-content ul li a{
    background-image: url(/20240727023739oe_/https://www.iso.cuhk.edu.hk/english/images/newsletter/news/template3/bullet.gif);
    background-position: 7px 3px;
    background-repeat: no-repeat;
	padding-left: 17px;
    font-size: 12px;
    line-height: 1.3;
}


div#topbar div#functionmenu a{
	color: #006666;
}