body {margin:20px 0; padding:0;background: url(../images/bg2_body.gif) 0 0 repeat-x;font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #333; -webkit-font-smoothing: antialiased;}
html, body{height:100%;/*background:#f5f6f7;*/}
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
a img {border:0;}
select{font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
h2{margin-top:2px;padding:0;}
h3.header {margin:0;padding-bottom:5px;}
* > a {text-decoration:none;color:#666}
* > a:hover {text-decoration:underline}
/*#right a, #right2 a, #left2 a {color:#1b8ede}*/
.but2 {
    padding: 3px 8px 3px 8px;
    background: #0088cc;
    border: solid 0px rgb(98,202,227);
    -webkit-border-radius: 5px 5px;
    color: #fff;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}
button.but, a.but, input[type=submit].but, input[type=button].but {
    padding: 6px 10px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px rgb(153, 153, 153);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    line-height: 1;
}
.but.fixed {width:100px}
.but.bold {font-weight:bold;}
input[type=submit].but:hover, button.but:hover, input[type=button].but:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221))); }
input[type=submit].but:active, button.but:active, input[type=button].but:active { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); }
.but.blue {border-color: rgb(98,202,227);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227)));}
.but.orange { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245,132,38))); border-color: rgb(245,132,38);  }
.but.green { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(213,224,77))); border-color: rgb(213,224,77);  }
.but.red { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6))); border-color: rgb(146,60,6); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff; }
.but.purple { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(202,0,108)), to(rgb(124,0,64))); border-color: rgb(202,0,108); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff;  }
#container {min-height:100%;}
#wrap_header {position:relative;width:100%;}
#wrap {margin:0 auto;width:1000px;min-height:100%;position:relative;}
#header {height: 100px; color:#666;position:relative}
/*#header .nav {float:right;text-align:right;position:relative}
#header .nav > ul {clear:both;display:block;list-style:none;}
#header .nav > ul li{float:left;text-align:left;margin-left:10px;}
#header .nav > ul li.contact{background:url(../images/icon_email.gif) 0 0 no-repeat; padding-left:22px;}
#header .nav > ul li.signup{background:url(../images/icon_user.gif) 0 0 no-repeat; padding-left:22px;}
#fb-likes {clear:both;padding-top: 10px;margin:0;}*/
.top-logo {float:left;}
.nav {float:right;text-align:right;position:relative;margin:0;padding:0;}
.nav ul {margin:0;list-style:none;padding:10px 0;text-align:right !important;}
.nav ul li {float:left;text-align:left;margin-left:10px;}
.nav ul li.contact{background:url(../images/icon_email.gif) 0 0 no-repeat; padding-left:22px;}
.nav ul li.signup{background:url(../images/icon_user.gif) 0 0 no-repeat; padding-left:22px;}
.clear {content:".";visibility:hidden;height:0;display:block;clear:both;}
/*#header .nav {float:right;text-align:right;position:relative;margin:0;padding:0;}
#header .nav > ul {display:block;list-style:none;margin:0;padding:10px 0;text-align:right !important;}
#header .nav > ul li{float:left;text-align:left;margin-left:10px;}
#header .nav > ul li.contact{background:url(../images/icon_email.gif) 0 0 no-repeat; padding-left:22px;}
#header .nav > ul li.signup{background:url(../images/icon_user.gif) 0 0 no-repeat; padding-left:22px;}
#header .nav ul:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}*/
/*input.textfield{border: 1px solid #ddd;}*/
/*select {border: 1px solid #333;}*/
/*#fform input, #fform textarea {border: 1px solid #333}*/
#fb-likes {margin:0;padding:10px 0 0 0;text-align:right;}
textarea {border: 1px solid #666;}
input[type=text], input[type=password]/*, textarea*/ {	-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #333;font-size:13px;margin:0 0 5px;padding:2px;}

#content {overflow:hidden;margin:10px 0;padding-bottom:60px;}
/*#inner_content a {color:#4975d2;}*/
#bottom {position:relative;margin-top:-60px;border-top: 3px solid #242424;text-align:center;padding: 10px 0;width:100%;height:60px;clear:both;background-color:#edeef0}
#bottom a{color:#000}
#slideshow {position:relative;height:365px;}
#slideshow.loading{border:1px solid #333;}
#photos {position:relative;height:365px;display:none;}
#photos IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#photos IMG.active {z-index:10;opacity:1.0;}
#photos IMG.last-active {z-index:9;}
#left {float:left;width:200px}
#right {float:left;padding: 0 0 0 20px;width:630px;}
#loader{display:none;height:365px;width:860px;position:absolute;top:132px;left:380px;}
/*.boxes {width:230px;float:left;margin:0 18px 10px 0px;}
.boxes.r2 {height:150px;}
.boxes.rightmost{margin:0 !important;}
.boxborder{border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;background: #f3f3f3}*/
.boxes {float:left;margin:0 10px 10px 0px;-moz-box-shadow:#c0c0c0 0 1px 1px;-webkit-box-shadow:#c0c0c0 0 1px 1px;box-shadow: #c0c0c0 0 1px 1px;}
.boxes.b1 {/*width:230px;*/width:100%;}
.boxes.b2 {/*width:200px;margin-left:30px;*/width:100%;}
.boxes.r2 {/*height:150px;*/}
.rightmost{/*margin:0 !important;overflow:hidden;padding-bottom:50px;*/}
.boxborder{border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;background: #f3f3f3}
.boxborder2{border:1px solid #e5e2dd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;background: #eee;}
.boxheader:hover{background-color:#faf9f7}
.pad1{ padding:10px 15px 12px 15px;}
.pad2{ padding:15px 20px 22px 20px;}
.boxheader {cursor:pointer;padding-left: 30px;color: #4c453f;font: 18px "Lucida Bright";}
.boxheader_arrowup{background:#f4f3ef url(../images/arrow-up.png) 3px 8px no-repeat;}
.boxheader_arrowdown{background:#f4f3ef url(../images/arrow-down.png) 3px 8px no-repeat;}
.boxes h2{border-bottom: 1px solid #dadada;padding-bottom:5px;color:#333}
/*.boxes ul {list-style:none;margin:0;padding-left:5px}
.boxes ul li {background:url(../images/bullet.gif) 0 8px no-repeat;padding-left:8px}*/
.box {cursor:pointer; font-size:13px; line-height:18px; color:#636c74;
    margin-bottom:4px;
    background-color:#f1f1f1;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-radius:11px;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.31);
    -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.31);
    -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.31);
}
.box.active {background-color:#3787a6;color:#fff !important}
.box h3 {font-size: 18px;}
.box:hover {background-color:#fff}
.arrow {background:#f1f1f1 url(../images/arrow-right.png) 7px 10px no-repeat;}
.box .title {padding-left: 18px;color:#000}
.box .description {padding-left: 18px;color:#808080}
.box a{color:#000;display:block}
#right h2{color:#6f921c;margin:0;font-weight:normal;font-family:Arial;font-size:20px}
#fform p, #search_info p{clear:both;}
#fform p label, #search_info p label{float:left;font-weight:bold;width:135px;}
#fform p span, #search_info p span {float:left;}
#searchbox a {color:#333}
ul#inst {list-style:none}
ul#inst li{float:left;margin-right:8px;padding:0 3px}
ul#inst li.active{background:#000;color:#fff !important}
ul#inst li a{cursor:pointer;padding:0 3px;display:block;}
ul#inst li a.selected{background:#000;color:#fff;font-weight:normal;}
#programme {width: 450px;}
#searchbox{border-bottom:0px solid #000;padding:5px 0 0 10px;}
#searchbox_wrap{padding: 1px 0 10px 5px;position:relative;}
#search_info{padding:10px 0 5px 0}
ul.sr.caption {list-style:none;margin:0;padding:0}
ul.sr.caption li {font-weight:bold;float:left;margin-right:2px;background:#eee}
ul.mra_inst {list-style:none}
ul.mra_inst li {width:150px;float:left;padding-bottom:4px;}
#errormsg {padding: 4px;border:1px solid #333;margin: 8px 0}
#errormsg ul {list-style:square;margin:0;padding-left:20px}
div.b_note {margin-top: 15px;padding: 3px;border-top:1px solid #333;}
ul.welcome {list-style:none;margin:0;padding:0;}
ul.welcome li {padding-top:0;}
ul.welcome li span {color:#fff;width:40px;text-align:center;margin-right:5px;display:inline-block;height:40px;font-size:18px;padding-top:10px}
ul.welcome li div.welcome_item {display:block;font-size:11px;color:#808080}
ul.welcome li span.grey{background:url(../images/welcome_grey.png) 0 0 no-repeat;}
ul.welcome li span.orange{background:url(../images/welcome_orange.png) 0 0 no-repeat;}
ul.welcome li span.blue{background:url(../images/welcome_blue.png) 0 0 no-repeat;}
ul.recent {list-style:none;margin:0;padding:0;}
ul.recent li{padding-bottom:15px;}
ul.recent li span {background:url(../images/date-bg.gif) 0 0 no-repeat;color:#fff;width:40px;height:20;text-align:center;margin-right:10px;display:inline-block;}
span.learn_more{padding-left:7px;display:inline-block;width:80px;background:url(../images/learn_more.png) 0 1px no-repeat;height:20px;}
span.learn_more a{color:#fff}
ul.inst {list-style:none;margin-top:10px;padding-left:30px;}
ul.inst li{float:left;width:250px;padding-left: 40px;padding-top:10px;height:40px;}
#i_cityu{background: url(../images/uni_logo/cityu.jpg) 5px 8px no-repeat;}
#i_hkbu{background: url(../images/uni_logo/hkbu.jpg) 5px 8px no-repeat;}
#i_polyu{background: url(../images/uni_logo/polyu.jpg) 5px 8px no-repeat;}
#i_cuhk{background: url(../images/uni_logo/cuhk.jpg) 5px 8px no-repeat;}
#i_hkust{background: url(../images/uni_logo/hkust.jpg) 5px 8px no-repeat;}
#i_hku{background: url(../images/uni_logo/hku.jpg) 5px 8px no-repeat;}
#i_lu{background: url(../images/uni_logo/lu.jpg) 5px 8px no-repeat;}
#i_hkied{background: url(../images/uni_logo/hkied.jpg) 5px 8px no-repeat;}
#i_ouhk{background: url(../images/uni_logo/ouhk.jpg) 5px 8px no-repeat;}
#ads {text-align:center;margin: 10px 0}
#left2 {float:left;width:645px;padding-right:15px;}
#right2 {float:left;width:200px;}
#left2 h3 {background:#6c757a  url(../images/corner.gif) no-repeat top right;color:#fff;padding:7px 0 7px 5px;font-weight:bold;margin:0 0 3px 0;}
#right2 h3 {background:#6C757A  url(../images/corner.gif) no-repeat top right;color:#fff;padding:7px 0 7px 5px;font-weight:bold;margin:0 0 3px 0;}
#right2 .article_content {background: #f5f5f5;color: #414141;padding:8px;margin: 0 0 3px 0;}
#menu_toggle {background:url(../images/plus.gif) 0 0 no-repeat;position:absolute;top:0;left:0;padding-left:16px;}
#searchbox select {width:460px}
#searchbox2 {display:none;padding:5px 0 0 10px;}
#right2 .stat {background:#f5f5f5 url(../images/right_stat.png) 5px 10px no-repeat;padding-left:60px;}
#right2 .notice {background:#f5f5f5 url(../images/right_notice.png) 5px 10px no-repeat;padding-left:60px;}
#searchbox_submit {margin-left:7px}
.error {border: 1px solid #cd0a0a;background: #fff;color: #fff;}
.corner {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#top_nav_bar {border-bottom: 2px solid #d3d3d3;margin-bottom:10px;padding: 0 0 5px 3px}
.notes-block {margin:18px auto 0; padding-top:0px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 1px 3px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);border-top: 1px solid #e5e5e5;border-bottom: 1px solid #d2d2d2;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;-moz-border: none;-webkit-border: none;}
.notes-block a {color: #4975d2 !important;}
.notes-block.notes-info {padding-left: 30px;background:#f9f9f9 url(../images/grey/info.png) 3px 3px no-repeat;}
.pad4 {padding: 8px 0 8px 8px}
input[type=submit].but3 {background: url(../images/btn.png) 0 0 no-repeat; border: 0;width:65px;height:23px;color:#fff;font-size:10px;font-family:Tahoma;cursor:pointer;}
#attention {position:fixed;top:0;left:0;margin:0;padding:0;}
#attention a{width:119px;height:70px;background:url(../images/attention.png) 0 0 no-repeat;display:block;text-indent:-9999px;margin:0;padding:0;}

.i-col-first, .i-col-middle {float:left;width:310px}
.i-col-last {float:left;width:310px;}
.i-col-middle, .i-col-last {margin-left:25px;}

.tab {list-style:none;margin:0;padding:0;}
.tab:after {content:".";height:0;visibility:hidden;display:block;clear:both;}
.tab li {float:left;-moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;webkit-border-top-left-radius:3px;webkit-border-top-right-radius:3px;background-color:#d1d1d1;border-top-left-radius:3px;border-top-right-radius:3px;padding:3px 10px;/*border-top:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;*/font-weight:bold;font-size:11px;color:#666;-webkit-box-shadow:1px 0 0 0 #c5c5c5;-moz-box-shadow:1px 0 0 0 #c5c5c5;box-shadow:1px 0 0 0 #c5c5c5;cursor:pointer;}
.tab li.active {background-color:#f3f3f3;}
.tab li + li {margin-left: 10px;}
#tab-main {-moz-border-radius:0 3px 3px 3px;webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;background-color:#fff;-moz-box-shadow:#c0c0c0 0 1px 1px;-webkit-box-shadow:#c0c0c0 0 1px 1px;box-shadow: #c0c0c0 0 1px 1px;/*border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;*/background-color:#f3f3f3;padding:10px;}
.event {clear:both;padding:5px; background-color:#fff;border: 1px solid #e5e5e5;}
.event-photo, .event-brief {float:left;width:40%}
.event-brief {padding:5px 10px;width:50%;}
.event-brief a:hover {text-decoration:none;}
.event + .event {margin-top:5px;}