/* City University of Hong Kong */
/* CSS Base */


/* Import */
@import "theme.css";


/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

sup {vertical-align: super;}
sub {vertical-align: sub;}
hr {clear: both; display: block;}


/* Default */
body {overflow-y: scroll; font-size: 14px; color: #202020; font-family: Arial, Helvetica, sans-serif; }	

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em;}
h1 {font-size: 24px; color: #84BA5C;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}


a {color: #0074a3; text-decoration: none;}
a:hover {text-decoration: underline;}

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #025d8c;
    color: #fff;
}
input::-webkit-input-placeholder {font-weight: normal !important; color: #c0c0c0 !important;}
input:-moz-placeholder {font-weight: normal !important; color: #c0c0c0 !important;}

hr {margin: 0;} /* for ie7 and below */
html>/**/body hr {margin: 18px 0 7px 0;} /* for modern browsers */

.cityu-outer {clear: both; width: 100%; min-width: 960px;}
.cityu-inner {margin: auto; width: 960px;}
.cityu-inner .cityu-left {}
.cityu-skiplink {position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
.cityu-skiplink a:focus {position: static; width: auto; height: auto;}
.cityu-hidden {display: none;}
.cityu-clear {clear:both;}

/* Header */
#cityu-header {font-size: 12px;}

#cityu-header .cityu-inner {
	-moz-box-shadow:    0px 0px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 0px #c0c0c0;
	box-shadow:         0px 0px 0px #c0c0c0;
}
#cityu-header.cityu-bg-clear .cityu-inner {
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

#cityu-header-global {clear: both; overflow:auto;}
#cityu-header-cityulogo {float: left; padding: 6px 0px 4px 5px;}
body.cityu.layout-content #cityu-header-cityulogo {padding: 10px 0 8px 5px;}



body.cityu #cityu-header-local {display: none;}
#cityu-header-local {clear: both; overflow:auto; padding:0 5px 10px 5px; min-height: 50px;}
#cityu-header-deptnames{float: left; padding: 14px 10px 0px 10px;}
#cityu-header-parentname {clear: both; display: block; padding: 0 0 2px 2px; vertical-align: middle; font-size: 16px; font-family: 'Droid Sans', Arial, Helvetica, sans-serif;  text-shadow: 0px 1px 0px #fafafa;}
#cityu-header-parentname,
#cityu-header-parentname a {color: #555; text-decoration: none;}
#cityu-header-deptname {clear: both; display: block;  vertical-align: middle; letter-spacing: -1px; font-size: 24px; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 0px 1px 0px #fafafa;}
#cityu-header-deptname,
#cityu-header-deptname a {color: #444; text-decoration: none;}
#cityu-header-deptname.cityu-fontsize-L {font-size: 30px;}
#cityu-header-deptname.cityu-fontsize-XL {font-size: 36px;}
#cityu-header-subname {padding: 4px 0 0 2px; font-size: 16px; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; letter-spacing: 1px;}
#cityu-header-subname,
#cityu-header-subname a {color: #555; text-decoration: none;}
#cityu-header-deptlogos {overflow: hidden; float: left; border-left: 1px solid #e0e0e0; vertical-align: bottom;}
#cityu-header-deptlogos a {margin-left: 5px;}
#cityu-header-icons {float: right; padding: 10px 5px 0px 0px; vertical-align: bottom;}
body.cityu-dept.content #cityu-header-icons {padding-top: 6px;}
#cityu-header-icons a + a {margin-left: 5px;}


/* Footer */
#cityu-footer .cityu-inner {
overflow: hidden;
	-moz-box-shadow:    0px 1px 0px #c0c0c0;
	-webkit-box-shadow: 0px 1px 0px #c0c0c0;
	box-shadow:         0px 1px 0px #c0c0c0;
}
#cityu-footer {font-size: 11px;}
#cityu-footer,
#cityu-footer a {color: #0e4b0a;   font-weight: normal;}


#cityu-footer-links {padding-bottom: 5px;}
#cityu-footer-links a {padding: 0px 5px 0px 0px;}
#cityu-footer-links a + a {padding-left: 5px;}


/* Main Nav */
#cityu-nav .cityu-inner {}
html>/**/body #cityu-nav .cityu-inner {position: relative; z-index: 80;} /* for modern browsers */




/* Main Page */

/* Box Item (in Page Nav and Page Sidebar) */
.cityu-box {margin-bottom: 15px; border-top: 1px solid #e8e8e0; 
background-color: #f3f3ed;}
html>/**/body .cityu-box {
} /* for modern browsers */
/*.cityu-transparent{*width:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}*/
.cityu-box-header {border-bottom: 1px solid #d8d8d0; padding: 12px 10px 8px 10px; font-size: 14px; font-weight: bold; color: #4A5F63; text-shadow: 0px 1px 0px #fff;}
body.cityu-layout-home .cityu-box:first-child .cityu-box-header {border-top: 0;}
.cityu-box-item {overflow: hidden; border-bottom: 1px solid #d8d8d0; padding: 12px 10px;}
.cityu-box-header + .cityu-box-item {border-top: 1px solid #f8f8f0;}
.cityu-box-item:last-child {padding-bottom: 16px;}
.cityu-box-item a p {margin-top: 2px; color: #705e4d;}
.cityu-box-item a:hover,
.cityu-box-item a:hover p {color: #0074a3;}
.cityu-box-item ul li + li,
.cityu-box-item ol li + li {margin-top: 0.5em;}
.cityu-box-item ul.cityu-showbullet li {background: transparent url('../img/themes/default/bullet_arrow_5.gif') no-repeat 2px 4px; padding-left: 12px;}
.cityu-box-item ul.cityu-widespace li + li,
.cityu-box-item ol.cityu-widespace li + li {margin-top: 0.75em;}
.cityu-box-item.cityu-link a {display: block; background:url('../img/themes/default/bullet_arrow_3.gif') no-repeat 0 2px; padding:0 0 0 16px;}

.cityu-box-item.cityu-icons:last-child {padding-bottom: 10px;}
.cityu-box-item.cityu-icons a + a img {margin-left: 6px;}

.cityu-box-item.cityu-imgwidth-full img {width: 100%; margin-bottom: 5px;}

.cityu-box-footer {border-top: 1px solid #f8f8f0; padding:6px 0 24px 9px;}


/* Nav Tree */

#cityu-sub-nav-list {margin-bottom: 0px; background-color: #f3f3ed;}
html>/**/body #cityu-sub-nav-list {
	-moz-box-shadow:    0px 0px 0px #d0d0d0;
	-webkit-box-shadow: 0px 0px 0px #d0d0d0;
	box-shadow:         0px 0px 0px #d0d0d0;
} /* for modern browsers */

#cityu-sub-nav-list,
#cityu-sub-nav-list a {color: #705e4d;}

#cityu-sub-nav-list .cityu-box-item {padding: 15px 0px;}
#cityu-sub-nav-list .cityu-box-item li a {display: block;   font-size: 14px; }
#cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; }
#cityu-sub-nav-list .cityu-box-item li a.active {background-color: #84ba5c; color: #fff;}
#cityu-sub-nav-list .cityu-box-item > ul > li {border-bottom: 1px solid #fff;}
#cityu-sub-nav-list .cityu-box-item > ul > li:last-child {border-bottom: 0;}

#cityu-sub-nav-list .cityu-box-item > ul > li > a {padding: 6px 6px 6px 10px;}
#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li {font-size: 11px; font-weight: normal;}
#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li {background: transparent url('../img/themes/default/bullet_arrow_5.gif') no-repeat scroll 11px 11px;}
#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li > a {padding: 4px 6px 4px 20px;}
#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li > ul > li > a {padding: 1px 6px 1px 20px;}

#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li:first-child {margin-top:4px;}
#cityu-sub-nav-list .cityu-box-item > ul > li > ul > li:last-child {margin-bottom:4px;}
#cityu-sub-nav-list .cityu-box-item ul li + li,
#cityu-sub-nav-list .cityu-box-item ol li + li {margin-top: 0;}


/* Sidebar 1 */
body.cityu-layout-home #cityu-sidebar-1,
body.cityu-layout-fullcontent #cityu-sidebar-1,
#cityu-main.cityu-layout-fullcontent #cityu-sidebar-1 {display: none;}
#cityu-sidebar-1 {float: left; width: 200px; font-size: 12px;}
html>/**/body #cityu-sidebar-1 {position: relative; z-index: 48;} /* for modern browsers */
* html #cityu-sidebar-1 {margin-right: -3px;} /* Fix ie6 3px bug */


/* Sidebar 2 */
body.cityu-layout-content #cityu-sidebar-2,
body.cityu-layout-fullcontent #cityu-sidebar-2,
#cityu-main.cityu-layout-fullcontent #cityu-sidebar-2 {display: none;}
#cityu-sidebar-2 {float: right; width: 260px; font-size: 12px; color: #705e4d;}
html>/**/body #cityu-sidebar-2 {position: relative; z-index: 46;} /* for modern browsers */
* html #cityu-sidebar-2 {margin-left: -3px;} /* Fix ie6 3px bug */


/* Page Content */
#cityu-content {overflow: hidden; margin-bottom: 0px; width: 758px; line-height: 1.6; } /* background-image: url('../img/themes/default/bg_content.png');} */
html>/**/body #cityu-content {
	position: relative;	z-index: 50;
	-moz-box-shadow:    0px 0px 0px #b8b8b8;
	-webkit-box-shadow: 0px 0px 0px #b8b8b8;
	box-shadow:         0px 0px 0px #b8b8b8;
} /* for modern browsers */
body.cityu-layout-home #cityu-content {width: 700px;}
body.cityu-layout-fullcontent #cityu-content,
#cityu-main.cityu-layout-fullcontent #cityu-content {width: 100%;}


#cityu-content h1,
#cityu-content h2,
#cityu-content h3,
#cityu-content h4,
#cityu-content h5,
#cityu-content h6 {clear: left; margin-bottom: 0.8em;}

#cityu-content p + h1,
#cityu-content p + h2,
#cityu-content p + h3,
#cityu-content p + h4,
#cityu-content p + h5,
#cityu-content p + h6,
#cityu-content ul + h1,
#cityu-content ul + h2,
#cityu-content ul + h3,
#cityu-content ul + h4,
#cityu-content ul + h5,
#cityu-content ul + h6,
#cityu-content ol + h1,
#cityu-content ol + h2,
#cityu-content ol + h3,
#cityu-content ol + h4,
#cityu-content ol + h5,
#cityu-content ol + h6,
#cityu-content ul + h1,
#cityu-content ul + h2,
#cityu-content ul + h3,
#cityu-content ul + h4,
#cityu-content ul + h5,
#cityu-content ul + h6,
#cityu-content hr + h1,
#cityu-content hr + h2,
#cityu-content hr + h3,
#cityu-content hr + h4,
#cityu-content hr + h5,
#cityu-content hr + h6,
#cityu-content table + h1,
#cityu-content table + h2,
#cityu-content table + h3,
#cityu-content table + h4,
#cityu-content table + h5,
#cityu-content table + h6 {margin-top: 2em;}

#cityu-content a {text-decoration: underline;}
body.cityu.cityu-layout-home #cityu-content a {text-decoration: none;}
#cityu-content p,
#cityu-content table,
#cityu-content ol,
#cityu-content ul {margin-bottom: 1.6em;}

#cityu-content p:last-child,
#cityu-content table:last-child,
#cityu-content ol:last-child,
#cityu-content ul:last-child {margin-bottom: 0;}

#cityu-content hr {border-top: 1px solid #84ba5c; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
#cityu-content hr + p,
#cityu-content hr + table,
#cityu-content hr + ul,
#cityu-content hr + ol {margin-top: 15px;}

#cityu-content ul {clear: left; list-style-image: none; margin-left: 20px;}
/* #cityu-content ol {clear: left; list-style-type: decimal; margin-left: 40px;} */
#cityu-content ol {clear: left; margin-left: 40px;}
body.cityu.cityu-layout-home #cityu-content ul {margin-left: 0;}
body.cityu.cityu-layout-home #cityu-content ul > li {padding-left: 20px;}
#cityu-content ul > li {background: transparent url('../img/themes/default/bullet_dot_2.gif') no-repeat scroll 4px 8px; padding: 0 0 0.4em 25px;}
#cityu-content ol > li {padding-left: 5px;}
#cityu-content ol ul {margin-left: 10px;}
#cityu-content ol ul li {padding-left: 20px;}
#cityu-content li > ul,
#cityu-content li > ol {margin-top: 0.25em; margin-bottom: 0.25em;}
#cityu-content li > ul > li ul,
#cityu-content li > ul > li ol,
#cityu-content li > ol > li ul,
#cityu-content li > ol > li ol {margin-top: 0.25em; margin-bottom: 0.25em;}
#cityu-content ul.cityu-widespace li + li,
#cityu-content ol.cityu-widespace li + li {margin-top: 1em;}

#cityu-content ul.cityu-lineheight-S li {line-height: 1.3em;}

#cityu-content table {}
#cityu-content table th {border-bottom: 1px solid #e0e0d8; background-color: #D7E1E1; text-align: left;}
#cityu-content table td {border-bottom: 1px solid #e8e8e8;}
#cityu-content table th,
#cityu-content table td {padding: 3px 6px; vertical-align: middle;}
#cityu-content table th.cityu-icon,
#cityu-content table td.cityu-icon {text-align: center;}
#cityu-content table td.cityu-icon img {vertical-align: middle;}
#cityu-content table.cityu-width-full {width: 100%;}

#cityu-content table.cityu-style-clean th,
#cityu-content table.cityu-style-clean td {border: 0; padding: 3px 10px 3px 0px; background-color: transparent; vertical-align:top;}

#cityu-content .cityu-content-page {overflow: hidden; border: 1px solid #e0e0e0; border-top: 0; padding: 30px 29px 30px 29px;}
#cityu-header + #cityu-main #cityu-content .cityu-content-page {padding-top: 15px;}
#cityu-header + #cityu-main #cityu-content .cityu-content-page > h1 {padding-top: 15px;}
#cityu-content h1 {border-bottom: 1px solid #84BA5C;}

body.cityu.cityu-layout-home #cityu-content h1 {margin-top: 10px; font-size: 22px;}
body.cityu.cityu-layout-home #cityu-content h2 {border-bottom: 1px solid #e0e0e0; padding-bottom: 3px; font-size: 18px; color: #606060;}
body.cityu.cityu-layout-home #cityu-content h3 {font-size: 14px;}

#cityu-content .cityu-content-page ul > li.cityu-heading {background: none; padding: 0 0 8px 0; line-height: 1.3; font-weight:bold;}
#cityu-content .cityu-content-page ul.cityu-pagination {margin-top: 18px; background-image:none;}
#cityu-content .cityu-content-page ul.cityu-pagination li {background-image: none; padding: 0 0 5px 0; float:left; margin-right:14px;}
#cityu-content .cityu-content-page ul.cityu-pagination li a {color:#666;}
#cityu-content .cityu-content-page ul.cityu-pagination li a:hover {color:#0072AA;}
#cityu-content .cityu-content-page ul.cityu-pagination li a.selected {color:#0072AA; text-decoration:underline;}
#cityu-content .cityu-content-columns {overflow: hidden; border: 1px solid #e0e0e0; border-top: 0; padding-bottom: 30px;}
html>/**/body #cityu-content .cityu-content-page,
html>/**/body #cityu-content .cityu-content-columns {border-color: #fff;} /* for modern browsers */

#cityu-content .cityu-content-column {overflow: hidden; float: left; padding: 15px 30px 0px 30px; width: 700px; background-color: transparent;}
body.cityu-layout-home #cityu-content .cityu-content-column {padding: 15px 0px 15px 30px; width: 300px;}
body.cityu-layout-home #cityu-content .cityu-content-column p {line-height:1.4;}
body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg{clear:both; overflow:auto; margin-bottom:14px;}
body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-thumb{width: 95px; float:left; margin-right:15px;}
body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-thumb img{width:95px; height:95px; border: 1px solid #CCC;}
body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-desc{width:190px; float:left;}
#cityu-content .cityu-imgwidth-full img {width: 760px;}
#cityu-content .cityu-content-divider {clear: both; display: block; width: 700px; height: 3px;}
#cityu-content .cityu-content-divider .cityu-col {float:left; margin-left:30px; width:300px; height:3px; background-color:#9EC990; border-top: 1px solid #7AAF6A;}




#cityu-content .cityu-staff-link {margin-bottom: 10px; padding: 0 0 0px 20px; background: url("../img/themes/default/btn_back.gif") 0 1px no-repeat; font-size: 12px; line-height: 1em;}
#cityu-content .cityu-staff-info {clear: both; margin-bottom: 20px; border-top: 1px solid #a7cf90; border-bottom: 1px solid #A7CF90; padding: 15px 0 10px 0;}
#cityu-content .cityu-staff-info h1 {margin: 0 0 5px 0; border-bottom: 0; padding: 0; line-height: 1em;}
#cityu-content .cityu-staff-info .cityu-staff-qualification{margin: 0 0 15px 0; padding: 0; line-height: 1.3em; font-style: italic; color: #666;}
#cityu-content .cityu-staff-info h2 {padding: 0; line-height: 1em; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666;}
#cityu-content .cityu-page-main {width:660px; float:left; padding-right:30px;}
#cityu-content .cityu-page-sub {width:200px; float:right;}
#cityu-content .cityu-page-sub .cityu-staff-photo img {margin: 5px 0 15px 0;}
#cityu-content .cityu-page-sub .cityu-sub-box {margin: 0 0 30px 0; font-size: 12px;}
#cityu-content .cityu-page-sub .cityu-sub-box h2 {margin: 0 0 10px 0; border-bottom: 1px solid #A7CF90; padding: 0 0 5px 0; font-size: 16px; color: #3D9926 ;}
#cityu-content .cityu-page-sub .cityu-sub-box table {width: 220px; font-size: 12px;}
#cityu-content .cityu-page-sub .cityu-sub-box table th,
#cityu-content .cityu-page-sub .cityu-sub-box table td {background: none; padding:0 0 0.2em 0; border-bottom:none; vertical-align: top;}
#cityu-content .cityu-page-sub .cityu-sub-box ul {margin:0; padding:0;}
#cityu-content .cityu-page-sub .cityu-sub-box ul li{background: transparent url('../img/themes/default/bullet_arrow_5.gif') no-repeat 2px 9px; padding-left: 12px;}
#cityu-content .cityu-page-sub .cityu-staff-icons {padding: 0; line-height: 0; text-align: center;}
#cityu-content .cityu-page-sub .cityu-staff-icons a {width: 24px; height: 24px;}
#cityu-content .cityu-page-sub .cityu-staff-icons a img{margin: 0 6px 0 0; padding: 0;}


.cityu-photo.cityu-float-left img {float: left; margin: 0 20px 20px 0px; line-height: 0;}
.cityu-photo.cityu-float-right img {float: right; margin: 0 0 20px 20px; line-height: 0;}
.cityu-photo.cityu-margin-none img {margin: 0;}
.cityu-photo.cityu-float-left.cityu-margin-S img {margin: 0 10px 10px 0px;}
.cityu-photo.cityu-float-right.cityu-margin-S img {margin: 0 0 10px 10px;}


/* Links/Buttons */
.cityu-arrow-white-right{background: url('../img/themes/default/icon_arrow_white.png') 0 0 no-repeat; float: left; padding:0 0 3px 22px;}
.cityu-link-more{background: url('../img/themes/default/icon_arrow_green.png') 0 0 no-repeat; float: left; padding:0 0 3px 22px; color:#869798;}
.cityu-link-more-2{background: url('../img/themes/default/icon_arrow_green.png') right 2px no-repeat; float: right; padding:0 22px 3px 0; color:#869798;}
a.cityu-link-more:hover{text-decoration:underline;}
.cityu-lang-zh .cityu-link-more{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */
.cityu-lang-zh .cityu-arrow-white-right{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */

a.cityu-link-email{padding: 2px 0 3px 26px; background: url('../img/icons/web/small/email.png') no-repeat;}
a.cityu-link-url {padding: 2px 0 3px 26px; background: url('../img/icons/web/small/url.png') no-repeat;}

a.cityu-link-pdf {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/pdf.png') right no-repeat;}
a.cityu-link-word {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/word.png') right no-repeat;}
a.cityu-link-lock {padding: 2px 26px 3px 0; background: url('../img/icons/web/small/lock.png') right no-repeat;}


/* Lang */
:lang(zh) #cityu-header-deptname,
:lang(zh) #cityu-header-subname {padding-top: 0;}

:lang(zh) #cityu-media-news,
:lang(zh) #cityu-content-news,
:lang(zh) #cityu-sub-nav-list,
:lang(zh) #cityu-sub-nav-list a,
:lang(zh) #cityu-footer,
:lang(zh) #cityu-footer a {font-size: 12px;}
:lang(zh) #cityu-footer-nav-list,
:lang(zh) #cityu-footer-nav-list a {line-height: 1.3em;}
:lang(zh) #cityu-content {line-height: 1.7em;}


#cityu-main .cityu-outer {border: 10;}