/* @group reset */

* {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* @end */

h1{
	font-size: 1.5em;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}

div.contenttop h1{
	line-height: 1.2;
	margin: 0;
	color: #3566b0;
	font-style: normal;
	font-weight: normal;
	padding: 0;
	font-size: 3.1em;
}

h2{
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 3px;
	padding: 0;
	color: #213c64;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	font-size: 2.1em;
}

h2.albumtitle {
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 3px;
	padding: 0;
	color: #213c64;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	font-size: 1.1em;
}

div.news h3{
	border-bottom: 1px solid silver;
}

h3{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.4em;
	color: #40b4d0;
	font-weight: bold;
}

div.staffs h3 a, h3.videotitle{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.1em;
	color: #213c64;
	font-weight: bold;
}

h3 a{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	text-decoration: none;
	color: black;
	font-size: 0.95em;
}

h3 a.more_news{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	text-decoration: none;
	color: #5a8deb;
	font-size: 0.7em;
}

h3 a.more_news:hover{
	text-decoration: underline;
	color: #3e4698;
}

h4 {
	padding: 4px 3px;
	background-color: orange;
	margin: 0;
	font: normal normal 0.8em/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: black;
	text-align: center;
}

h4.hku-prp_news {
		background-color: #a14d44;
	color: white;
}

h4.research_news {
	background-color: #6cd048;
}

h4.featured_news {
	background-color: #2f207e;
	color: white;
}

h4.network_news {
	background-color: #d91350;
	color: white;
}

h4.teaching_news {
	padding: 3px;
	background-color: orange;
	margin: 0;
	font: normal normal 0.8em/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

h5{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: black;
}

h5.subtitletag {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: #f74a2c;
	margin: 0;
	padding: 0;
}

div.external h5{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: black;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

div.job_opening h5 {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h5.SubTitleTag{
	font-style: italic;
	color: #40b4d0;
	line-height: 1.2;
	font-size: 1.2em;
}

h5.staff_group {
	color: #3466af;
	border-bottom: 1px solid #c0c0c0;
	padding: 0;
	margin: 25px 0 3px;
}

h6{
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	color: black;
	margin: 20px 0 5px;
	padding: 0;
	border-bottom: 1px solid silver;
}

h6.monthlyarchives{
	font-size: 0.8em;
	font-weight: bold;
	color: #747175;
	margin: 0;
	padding: 0;
		text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #747175;
}

p {
	line-height: 1.5;
	text-align: justify;
	font-size: 1.15em;
}

div.news_center p {
	font-style: normal;
}

p.remarks {
	line-height: 1.8;
	text-align: justify;
	color: #808080;
	font-size: 0.85em;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.publication_year {
	margin: 20px 0 3px;
	padding: 0 0 3px;
	line-height: 10px;
	font-weight: normal;
	color: #3466af;
	font-style: normal;
	letter-spacing: 0;
}

a {
	color: #5a8deb;
	text-decoration: none;
}

a:hover {
	color: #3e4698;
	text-decoration: underline;
}

div.paginate {
	text-align: right;
	display: block;
}

div.paginate p {
	text-align: center;
}

.paginate p a {
	text-align: right;
}

p.footer {
	margin: 0;
	padding: 15px 0 0;
	color: white;
	text-align: center;
	font-size: 0.85em;
}

p.footer a {
	color: #e3f5fe;
}

p.footer a:hover {
	text-decoration: underline;
}

.idTabs ul li a {  
  text-decoration:none!important;
  color: #747474;
	}

.idTabs a.selected { color:#000;
  }

ul#main_nav li a {
	line-height: 35px;

	padding-top: 10px;
		text-align: center;
	vertical-align: middle;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.85em;
}

ul#main_nav li a:hover {
	color: #3e4698;
}

ul.submenu li a {
	font-size: 0.95em;
	text-decoration: none;
	vertical-align: middle;
	color: #5a8deb;
	line-height: 1.2;

}

ul.submenu li.selected a {
	font-size: 0.95em;
	text-decoration: none;
	vertical-align: middle;
	color: #62c141;
	line-height: 1.2;

	font-weight: bold;
}

ul.submenu li a.selected {
	font-size: 0.95em;
	text-decoration: none;
	vertical-align: middle;
	color: #62c141;
	line-height: 1.2;

	font-weight: bold;
}

ul.submenu li a:hover {
	color: #3e4698;
	text-decoration: underline;
}

ul.submenu li.aboutHKUPRC_nav a.selected {
	color: #a14d44;
}

ul.submenu li.aboutHKUPRC_nav.selected a,ul.submenu li.aboutHKUPRC_nav a.selected  {
	color: #a14d44;
}

ul.submenu li.gallery_nav a.selected {
	color: #771abe;
}

ul.submenu li.gallery_nav.selected a,ul.submenu li.gallery_nav a.selected  {
	color: #771abe;
}


ul.submenu li.Network_nav.selected a,ul.submenu li.Network_nav.selected a.selected {
	color: #d91350;
}

ul.submenu li.Teaching_nav.selected a,ul.submenu li.Teaching_nav.selected a.selected {
	color: orange;
}

div.submenu_right ul li a {
	text-decoration: none;
	color: #5a8deb;
	font-size: 0.9em;
}

div.submenu_right ul li a.selected {
	text-decoration: none;
	color: #62c141;
	font-size: 0.9em;
}

div.submenu_right ul li a:hover {
	text-decoration: underline;
	color: #3e4698;
	font-size: 0.9em;
}

ul.functions li a {
	text-decoration: none;
	color: #797979;
	font: 0.85em/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.functions li a:hover {
	text-decoration: underline;
	color: #3e4698;
	font: 0.85em/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul.courses li {
	font-size: 16px;
	line-height: 1.4;
}

/* @group publications */

div.publications p {
	padding: 0;
	margin: 0;
	font-size: 0.95em;
	line-height: 1.4;
}

div.publications h3.publication_title {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}

div.publications h3.publication_title a {
	padding: 0;
	margin: 0;
	line-height: 1.4;
}



/* @end */

/* @group Career Opportunities */

div.job_opening h3.subtitle {
	padding: 0;
	margin: 0;
}

div.job_opening h6 {
	padding: 0;
	margin: 0;
}



/* @end */