@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden;}
body{background:#fff url(../images/bk_sky.jpg) no-repeat top;margin:0px 0px 20px;font:normal 9pt Verdana, Geneva, sans-serif;color:#333;line-height:13pt;}
table{font:normal 9pt Verdana, Geneva, sans-serif;line-height:13pt;}
a{color:#9E8427;text-decoration:none;font-weight:bold;}
a:hover{color:#633D27;text-decoration:underline;}
h1{font:bold 13pt Verdana, Geneva, sans-serif;color:#392317;margin-top:10px;margin-bottom:5px;}
h2{font:bold 11pt Verdana, Geneva, sans-serif;color:#584916;margin-top:10px;margin-bottom:0px;}
h3{font:bold 10pt Verdana, Geneva, sans-serif;color:#111;margin-top:10px;margin-bottom:0px;}
p{margin-top:0px;}
hr{border:0px;border-bottom:1px dotted #6B422C;height:1px;background:none;margin:15px 0px;clear:both;}
input,textarea,select{font:normal 9pt Verdana, Geneva, sans-serif;padding:4px;}
button{padding:2px 10px;margin:0px 2px;}

.course_title{width:650px;height:64px;padding:10px 0px 0px 25px;overflow:hidden;font:bold 13pt Verdana, Geneva, sans-serif;color:#111;}
#overlay{position:absolute;z-index:9999;top:0px;left:0px;background:#E6D599;display:none;}
#sendpage{position:fixed;z-index:10000;margin:0px auto;width:600px;height:410px;background:url(../images/bk_popup.png) no-repeat;padding:10px;display:none;}
#sendpageform{width:586px;margin:5px auto;}
#header{position:relative;z-index:100;width:970px;height:66px;background:url(../images/hkuspace_logo.jpg) no-repeat;margin:0px auto;}
#header div{height:66px;background:url(../images/executive_programmes2.jpg) no-repeat 250px;}
#header div div{padding:3px 15px 0px 0px;background:none;text-align:right;}
#header div div a{font-weight:normal;color:#11889D;}
#flash{position:relative;z-index:99;width:970px;height:280px;margin:-66px auto 0px;}
#navigation{width:946px;margin:0px auto;}
.menuindex{position:relative;padding-right:9px;height:34px;margin-top:-10px;background:url(../images/menu/bk_menu.jpg) no-repeat;text-align:right;}
.menuinside{position:relative;padding:4px 9px 0px 0px;height:38px;background:url(../images/menu/bk_menu2.jpg) no-repeat;text-align:right;}
#submenu{position:absolute;z-index:999;display:none;padding:0px 20px 20px 20px;white-space:nowrap;}
.submenuindex{top:300px;}
.submenuinside{top:100px;}
#submenuhead{float:left;height:30px;background:url(../images/menu/bk_submenu_head.png) no-repeat;padding:7px 10px 0px 20px;}
#submenutail{float:left;height:30px;width:10px;background:url(../images/menu/bk_submenu_tail.png) no-repeat;padding:7px 0px 0px 0px;}
#submenu a.left, #submenu a.left:hover{color:#4B2F1F;font-weight:normal;}
#submenu a.right, #submenu a.right:hover{color:#1D2172;font-weight:normal;}
#submenu a{color:#666;}
#submenu a:hover{color:#222;}
#titlebar{width:946px;height:108px;margin:0px auto;}
#titlebar #titlename{float:left;width:303px;height:108px;}
#titlebar #titlesep{float:left;width:40px;height:108px;background:url(../images/title/title_sep.jpg) no-repeat;}
#titlebar #titleimg{float:left;width:603px;height:108px;}
#location{height:28px;padding:3px 10px 0px 18px;background:url(../images/title/location.jpg) no-repeat;color:#392317;overflow:hidden;white-space:nowrap;}
#location a{color:#392317;font-weight:normal;}
#container{width:950px;margin:15px auto 0px;}
#container2{width:956px;margin:0px auto;}
#backtop{float:right;cursor:pointer;margin-top:70px;}
#footer{width:950px;margin:0px auto;}
#footerline{clear:both;height:26px;padding-bottom:20px;background:url(../images/bottom_line.gif) no-repeat;font-size:8pt;color:#999;line-height:13pt;}
#footerline span{margin-left:30px;}
#footerline a{font-weight:normal;color:#666;text-decoration:underline;}
#footerline a:hover{text-decoration:none;}
#footerline #button{float:right;cursor:pointer;}
#footerline #copyright{float:left;height:25px;margin-top:30px;padding:0px 10px;color:#666;}
#footertopmenu a{font-weight:normal;color:#11889D;}
#footersitemap{}
#footersitemap div.column1{float:left;height:90px;padding-left:10px;padding-bottom:5px;margin-left:15px;border-left:1px solid #eee;}
#footersitemap div.column1 .title, #footersitemap div.column1 .title a{font-weight:bold;color:#4B2F1F;margin:4px 0px 2px;}
#footersitemap div.column1 a{font-weight:normal;color:#8C5737;}
#footersitemap div.column2{float:left;height:90px;padding-left:10px;padding-bottom:5px;margin-left:15px;border-left:1px solid #eee;}
#footersitemap div.column2 .title, #footersitemap div.column2 .title a{font-weight:bold;color:#1D2172;margin:4px 0px 2px;}
#footersitemap div.column2 a{font-weight:normal;color:#1095DC;}
#footersitemap div.column3{float:left;height:90px;padding-left:10px;padding-bottom:5px;margin-left:15px;border-left:1px solid #eee;}
#footersitemap div.column3 .title, #footersitemap div.column3 .title a{font-weight:bold;color:#454545;margin:4px 0px 2px;}
#footersitemap div.column3 a{font-weight:normal;color:#777;}
.sep{clear:both;height:40px;}

#sidemenu{width:180px;background:#f7f7f7 url(../images/menu/side_top.gif) no-repeat;margin-bottom:10px;}
#sidemenu div{width:170px;background:url(../images/menu/side_bottom.gif) no-repeat bottom;padding:5px 5px;padding-bottom:10px;}
#sidemenu a{color:#392317;text-decoration:none;}
#sidemenu a:hover{text-decoration:underline;}
#sidemenu ul.sidemenuitem{position:relative;list-style:none;margin:0px;padding:0px;}
#sidemenu ul.sidemenuitem li{font-weight:bold;padding:5px 5px 4px 24px;border-bottom:1px dotted #DAC068;background:url(../images/menu/list1.gif) no-repeat 2px 10px;}
#sidemenu ul.sidemenuitem li a{font-weight:bold;}
#sidemenu ul.sidemenuitem li ul{position:relative;list-style:none;margin:0px 0px 0px -11px;padding:0px;}
#sidemenu ul.sidemenuitem li ul li{font-weight:normal;padding:3px 5px 2px 38px;border-bottom:none;background:url(../images/menu/list2.gif) no-repeat 2px 10px;}
#sidemenu ul.sidemenuitem li ul li a{font-weight:normal;}

#col1{float:left;padding:0px 5px 0px 5px;padding-bottom:5px;margin-bottom:10px;}
#news_window{width:315px;}
#news_window .date{float:left;margin:4px 10px 2px 4px;padding:0px 2px;font-size:8pt;color:#352C0D;background:#FBF4E3;border:1px solid #E6D599;}
#news_window .title{margin:5px 4px 3px;padding:3px 2px;font-size:9pt;text-align:left;height:30px;}
#news_window .title a{font-weight:normal;color:#222;text-decoration:none;}
#news_window .title a:hover{color:#444;text-decoration:underline;}
#news_window .line{margin:4px 4px 2px 0px;border-bottom:1px solid #eee;}
#news_window .new_news{background:#ff9;color:#f90;padding:2px;margin-left:4px;border:1px soild #ff3;font-weight:bold;font-size:10px;line-height:17px;}
#news_button{padding:0px 3px;cursor:pointer;float:right;}
#news_button .off{height:18px;padding:2px 4px 1px;background:#E6D599;border:1px solid #fff;font-size:8pt;color:#4D3020;font-weight:normal;text-align:center;float:left;}
#news_button .on{height:18px;padding:2px 4px 1px;background:#4D3020;border:1px solid #fff;font-size:8pt;color:#fff;font-weight:normal;text-align:center;float:left;}

#col2{float:left;padding:0px 5px 0px 5px;padding-bottom:5px;margin-bottom:10px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#promotion_window{width:420px;height:306px;}
#promotion_window_top{height:4px;width:420px;background:url(../images/shadow_top.gif) no-repeat;overflow:hidden;}
#promotion_window_bottom{height:4px;width:420px;background:url(../images/shadow_bottom.gif) no-repeat;clear:both;overflow:hidden;}
#promotion_window_left{height:272px;width:4px;background:url(../images/shadow_left.gif) no-repeat;float:left;overflow:hidden;}
#promotion_window_right{height:272px;width:4px;background:url(../images/shadow_right.gif) no-repeat;float:right;overflow:hidden;}
#promtoion_img{float:left;}
#promotion_button{margin-top:4px;padding:0px 4px;float:right;position:relative;}
#promotion_button .off{width:28px;height:18px;margin-right:2px;background:#E6D599;border:1px solid #fff;font-size:8pt;color:#352C0D;font-weight:normal;text-align:center;float:left;cursor:pointer;}
#promotion_button .on{width:28px;height:18px;margin-right:2px;background:#4D3020;border:1px solid #fff;font-size:8pt;color:#fff;font-weight:normal;text-align:center;float:left;}

#col3{float:right;padding:0px 5px 0px 5px;margin-bottom:10px;}
#announce_window_top{width:180px;height:30px;background:url(../images/block_announce.gif) no-repeat;}
#announce_window_body{width:172px;padding:3px;border-left:1px solid #235195;border-right:1px solid #235195;}
#announce_window_body #scroller{height:89px;padding:5px;overflow-y:scroll;overflow-x:hidden;}
#announce_window_bottom{width:180px;height:5px;background:url(../images/block_announce_bottom.gif) no-repeat;}
.ad_icons{margin-bottom:2px;}

.block_title{margin-bottom:4px;padding-left:5px;padding-bottom:4px;border-bottom:1px solid #666;font-weight:bold;color:#222;font-size:15px;}
.block_title2, .block_title2 a{margin-bottom:4px;padding-bottom:4px;font-weight:bold;color:#14174E;font-size:15px;}

#col4{float:left;width:750px;margin:0px 5px;}
#content_window{padding:5px 50px 10px 28px;line-height:16pt;}
#content_window table{line-height:16pt;}
#content_window table.listing{border-top:1px solid #ccc;}
#content_window table.listing td{border-bottom:1px solid #ccc;padding:4px;}
#content_window .date{float:right;margin:4px 10px 2px 4px;padding:1px 2px;font-size:8pt;color:#352C0D;background:#FBF4E3;border:1px solid #E6D599;}
#content_window div.column1 .title, #content_window div.column1 .title a{font-weight:bold;color:#4B2F1F;margin:4px 0px 5px;}
#content_window div.column1 a{font-weight:normal;color:#8C5737;}
#content_window div.column2 .title, #content_window div.column2 .title a{font-weight:bold;color:#1D2172;margin:4px 0px 5px;}
#content_window div.column2 a{font-weight:normal;color:#1095DC;}
#content_window div.column3 .title, #content_window div.column3 .title a{font-weight:bold;color:#454545;margin:4px 0px 5px;}
#content_window div.column3 a{font-weight:normal;color:#777;}
#content_window .big_button.off{background:url(../images/big_button.jpg) no-repeat center 0px;height:34px;padding-top:6px;margin-bottom:20px;font-size:16px;font-weight:bold;text-align:center;color:#222;cursor:pointer;}
#content_window .big_button.on{background:url(../images/big_button_over.jpg) no-repeat center 0px;height:34px;padding-top:6px;margin-bottom:20px;font-size:16px;font-weight:bold;text-align:center;color:#222;cursor:pointer;}

#list_back{margin:10px 0px 10px 0px;padding-top:5px;border-top:1px solid #ccc;text-align:right;font-weight:bold;display:none;cursor:pointer;}
form table{width:100%;}
form .result{font-size:12px;font-weight:bold;color:#006;text-align:left;padding:3px;float:left;}
form table td{vertical-align:top;padding:4px 6px 5px;}
form label{padding:4px;}
form label.on{font-weight:bold;color:#006;font-size:11pt;}
form label.off{color:#eee;font-size:9pt;font-weight:normal;}
form div.on{font-weight:bold;padding:4px;overflow:auto;background:#fff;color:#006;font-size:11pt;text-align:left;}
form .insidetable{width:auto;}
form .insidetable td{vertical-align:top;padding:0px 30px 2px 0px;}
form .listtable{width:100%;}
form .listtable td{vertical-align:top;padding:4px 5px 5px 0px;border-bottom:1px solid #ccc;text-align:center;}
form table .field{width:120px;border-top:1px solid #fff;border-bottom:1px solid #ccc;background:#f3f3f3;color:#333;font-weight:bold;white-space:nowrap;}
form table .fieldover{width:120px;border-top:1px solid #999;border-bottom:1px solid #333;background:#666;color:#fff;font-weight:bold;white-space:nowrap;}
form table .input{border-top:1px solid #fff;border-bottom:1px solid #dedede;background:#fff;}
form table .inputover{border-top:1px solid #eee;border-bottom:1px solid #bbb;background:#dedede;color:#000;}
form table .inputover table{color:#000;}
form table .inputover table.listtable td{border-bottom:1px solid #aaa;}
form table .tips{font-size:8pt;background:#ffc;border:1px solid #ccc;padding:1px 3px;margin-top:1px;color:#222;float:left;}
form table .inputover .tips{background:#ff9;border:1px solid #fc0;color:#333;}
form div.error_msg{display:none;color:#C00;padding:0px 0px 0px 15px;margin:2px 0px;background:url(../images/icon_error.png) no-repeat left 2px;text-align:left;clear:both;}
#other_window{padding:0px 0px 25px 0px;margin-bottom:10px;background:#fff;border:3px double #eee;text-align:center;}
#other_window2{padding:5px;margin:5px 0px;background:#fff;border:3px double #eee;line-height:14pt;}
#other_window2 .paraheader{background:#eee;color:#333;padding:3px;border-top:2px solid #D6B958;font-weight:bold;}
#other_window2 .parabody{padding:3px;border-bottom:1px dotted #ccc;margin-bottom:10px;}

#col5{float:right;width:180px;margin:8px 8px;}

.block_type1{float:left;padding:0px;margin:0px 5px 10px;}
.block_type2{float:left;padding:10px 15px;margin:0px 5px 10px;}
.block_type3{float:left;padding:10px 15px;margin:0px 5px 10px;}
.block_imc{float:left;width:333px;height:130px;border-bottom:1px solid #dedede;border-right:1px solid #dedede;margin:5px 0px 0px 10px;padding:10px 21px 10px 5px;}
.block_hr{float:left;width:333px;height:130px;border-bottom:1px solid #dedede;margin:5px 0px 0px 0px;padding:10px 5px 10px 19px;}
.block_pr{float:left;width:333px;height:130px;border-right:1px solid #dedede;margin:0px 0px 5px 10px;padding:15px 21px 10px 5px;}
.block_mm{float:left;width:333px;height:130px;margin:0px 0px 5px 0px;padding:15px 5px 10px 19px;}