@charset "utf-8";
@import "../../common/css/theme.css";
@import "../../common/css/general.css";
@import "../../common/css/core.css";
@import "../../common/css/nav.css";
@import "../../common/css/common.css";
@import "../../common/css/content.css";
@import "../../common/css/coda-slider-2.0.css";
@import "../../common/css/skin.css";
@import "../../common/css/jquery.lightbox-0.5.css";
@import "../../common/css/accordion.css";
@import "../../common/css/jquery.fancybox-1.3.4.css";



#content .sitemap_list li ul li a {line-height:1.6em;}





#top_shortcut a.btn_hkbuhome{ background-image:url('../images/btn_hkbuhome.gif'); width:63px;}
#top_shortcut a.btn_webmail{ background-image:url('../images/btn_webmail.gif'); width:66px;}
#top_shortcut a.btn_dataupdate{ background-image:url('../images/btn_dataupdate.gif'); width:113px;}
#social_icon_wrapper a.addthis_button { background:url('../images/btn_share.png'); width:37px; }


/*nav img for yellow color - use darker images*/

#main_nav ul li a { background-image:url('../images/nav_darker.png');}
#main_nav ul li a:hover , #main_nav ul li.selected a{ background-image:url('../images/nav_darker_over.png');}


/*nav img for another colosr - use white color images*/


.whatsnew #main_nav ul li a , 
.eventarchive #main_nav ul li a, 
.staytuned #main_nav ul li a, 
.services #main_nav ul li a, 
.award #main_nav ul li a,  
.network #main_nav ul li a, 
.donation #main_nav ul li a, 
.aboutaao #main_nav ul li a{ background-image:url('../images/nav.png');}

.whatsnew #main_nav ul li a:hover , 
.eventarchive #main_nav ul li a:hover , 
.staytuned #main_nav ul li a:hover , 
.services #main_nav ul li a:hover ,
.award #main_nav ul li a:hover , 
.network #main_nav ul li a:hover , 
.donation #main_nav ul li a:hover , 
.aboutaao #main_nav ul li a:hover , 
.whatsnew #main_nav ul li.selected a,
.eventarchive #main_nav ul li.selected a,
.staytuned #main_nav ul li.selected a,
.services #main_nav ul li.selected a,
.award #main_nav ul li.selected a,
.network #main_nav ul li.selected a,
.donation #main_nav ul li.selected a,
.aboutaao #main_nav ul li.selected a{ background-image:url('../images/nav_over.png');}


/* for pop up and banner 20121029 */
a.update{ background-image: url(../images/btn_update_info.png); }
a.share{ background-image: url(../images/btn_share_classmates.png); }
#share_wrap .title{font-size: 15px;}
#share_wrap .content{font-size: 14px;}
#share_wrap .content table th{font-size: 13px;}
#share_wrap .content table td input, #share_wrap .content table td textarea, #share_wrap .content table td div{ font-size: 13px;}
#share_wrap .content table td div{line-height: 18px;}
#share_wrap .content table td span.note{font-size: 12px;}
.donate_wrap a.update{background-image: url(../images/btn_donation.png);}
.donate_wrap a.share{ background-image: url(../images/btn_share_giving.png); }
.donate_wrap.chemistry  a.update{background-image: url(../images/btn_chemistry_donation.png);}
.donate_wrap.chemistry  a.share{ background-image: url(../images/btn_chemistry_share_giving.png); }