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

html, body {
	margin:0;
	padding:0;
	height:100%;
	background-image:url(image/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

td,tr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
}

	.white{
		color:#FFF;}
		
.selected{
			color:#009933;
			font-weight:bold;
		}
	
	#container {
		min-height:100%;
		position:relative;
		background:url(image/contentbg.gif);
		background-repeat:repeat-y;
background-position: center center;
	}
	#header {
		padding:0px;
	}
	#body {
		position:relative;
		padding-bottom:8px;	/* Height of the footer */
	}
	#footer {
	position: absolute;
	bottom: -2px;
	width: 100%;
	height: 8px;			/* Height of the footer */
	background: #4b4f55;
	}

.btn2{	
	height:17px;
	width:17px;
	background:url(image/up.gif);
	border:none;
	box-shadow:none;
	margin:10px;
	float:left;
	position:relative;
	cursor:pointer;

}
.btn1{
	display:none;
	height:17px;
	width:17px;
	background:url(image/down.gif);
	box-shadow:none;
	border:none;
	margin:10px;
	float:left;
	position:relative;
	cursor:pointer;

	}

.menu {
	display:none;
}

.heading{
	font-size:1.8em;;
	font-weight:bold;
	color:#009900;
	margin-left:20px; 
	float:left; 
	position:relative;
	padding:30px 10px 0px 10px;
	text-align:left;
}

.thelistofcontent{
	font-size: 1.17em;
	font-weight:bold;
	line-height:10px;
	color:#fff;
	float:left; 
	position:relative; 
	margin-left:32px;
	margin-top:15px;
}

#menucontent{
	font-size: 1.1em;
	line-height: 14px;
	text-align: left;
	color:#009900;	
}

#menucontent a:link{
	line-height: 14px;
	text-align: left;
	color:#fff;
	text-decoration: none;
	display:block;
	padding: 6px;
	padding-left:8px;
}

#menucontent a:visited{
	line-height: 14px;
	text-align: left;
	color:#fff;
}

#menucontent a:hover{
	line-height: 14px;
	text-align: left;
	color:#fff;
	background: #18250a;
}


#content{
	font-size: 1em;
	line-height: 22px;
	float: left;
	position: relative;
	width: 680px;
	text-align: left;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:10px;
}


#submenu1{
	font-size: 1em;
	margin-left:20px; 
	float:left; 
	position:relative;
	padding:10px;
	width:230px;
	text-align:left;

}
#submenubtn{
	background:url(image/hku_15.jpg) no-repeat 0% 28%; 
	padding: 8px 0px 8px 17px;
}

#submenubtn a:link{
	font-size:1em;
	color:#333;
	text-decoration:none;
}

#submenubtn a:visited{
	font-size:1em;
	color:#333;
	text-decoration:none;

}

#submenubtn a:hover{
	font-size:1em;
	color:#009900;
	text-decoration:none;

}



#print{
	float:right;  
	position:relative;
	padding:20px 30px 0px 0px;
	border:none;
}

#print a:link{
	border:none;
}

#print a:visted{
	border:none;
}

#print:hover{
	opacity:0.5;
}
	
#homebar{
	color:#333;
	position:relative; 
	float:right; 
	margin-top:50px; 
	font-size:14px; 
	font-weight:bold;
}

#homebar a:link{
	color:#333;
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;	
}

#homebar a:visited{
	color:#333;
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
}

#homebar a:hover{
	color:#009900;
	font-size:14px; 
	font-weight:bold;
}
#menulist{
}



/* 20140925 */

#accessControl .control-btn #contrast-wob.current, #accessControl .control-btn #contrast-normal.current {
	display: block;
}


#accessControl .control-btn, #accessControl .text_control {
	margin-left: 10px;	
	background: url("http://www.hku.hk/assets/img/spacer.gif") no-repeat scroll right center transparent;
	padding-right: 10px;
	float: left;
}

#accessControl {
	float: right;
	top: 50px;	
	font-size: 12px !important;
	font-weight: bold;
	margin-right:15px;
	position: relative;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#accessControl a{
	color: #000;
	text-decoration: none;
}
#accessControl a.fontScaler.current {
	color: #0C6 !important;
	text-decoration: underline;

}
#accessControl .text_control {
	position: relative;
	margin-top: -4px;
}
#accessControl a.fontScaler {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 0.1em;
}

#accessControl a.fontScaler.normal {
	font-size: 12px;
}
#accessControl a.fontScaler.large {
	font-size: 16px;
}
#accessControl a.fontScaler.largest {
	font-size: 20px;
}

#accessControl a.fontScaler.current {
	color: #0C6 !important;
	text-decoration: underline;
}
#accessControl a:hover{
	color: #275476;
	text-decoration: none;
}

#accessControl a.fontScaler:hover {
	text-decoration: underline;
	color: #0C6 !important;
	background: none !important;
}

#accessControl .control-btn #contrast-wob{
	display: none;
	font-size: 12px !important;
	text-decoration: none;
}

#accessControl .control-btn #contrast-normal {
	display: none;
	font-size: 12px !important;
	text-decoration: none;
}


/* wob */

body div.topmenubg{
	background-color: #385718;
}

body div.header, body #submenubtn a.over{
	color:#009900;
	font-weight:bold;
}

body #submenubtn a.over{
	color:#009900;
	font-weight:bold;
}

body .gtable .tableth{
	background:#009900;
}

body .gtable .hidetxt{
	color:#ECFDF0;
}

body.wob div.topmenubg {
	background-color: #387e00;
}

body.wob div.topmenubg .thelistofcontent{
	color:#fff;
}

body.wob div.topmenubg #menucontent a:link, body.wob div.topmenubg #menucontent a:visited{
	color: #fff;
}

body.wob div.topmenubg #menucontent a:hover{
	color:#ffff00;
}

body.wob .heading{
	color: #245201;
}

body.wob div.header, body.wob #submenubtn a.over{
	color:#245201;
	font-weight:bold;
}


body.wob .gtable td{
	background-color:#387e00;
	color:#fff;
}

body.wob .gtable td strong *, body.wob .gtable td .selected{
	color:#ffff00;
}

body.wob .gtable .tableth{
	background:#255300 !important;
}

body.wob .gtable .tableth td{
	background:#255300 !important;
}


body.wob .gtable .hidetxt{
	color:#387e00;
}

/* nasthon */
.mytable td, .mytable table td  {vertical-align: top !important;}

.topmenubg td {
	text-transform: uppercase;
}

td.border_bottom {
    border-bottom: 1px solid #717070 !important;
  }

 table.mytable_vertical_middle td{ vertical-align:middle !important;}

table.mytable_min td {line-height: 140%;}

#submenu1 .active {font-weight:bold; color: #009933;}

#site_search {margin-left:8px;}