/* City University of Hong Kong */
/* CSS for Theme */


/* Full Themes */
body.cityu-theme-dev {background-image: url('../img/themes/themedev/bg_body_themedev.jpg');}
body.cityu-theme-serv {background-image: url('../img/themes/themeserv/bg_body_themeserv.jpg');}

/* Navigation Themes */
/* Theme 01 */
body.cityu-navtheme-01 .ddsmoothmenu {border-bottom: 6px solid #9e3d6d;}
body.cityu-navtheme-01 .ddsmoothmenu ul li a.active {color: #993366;}
body.cityu-navtheme-01 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-01 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-01 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #B87194; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-01 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #B87194;}
body.cityu-navtheme-01 .cityu-icon-home a div {background-image: url('../img/themes/theme01/icon_home_theme01.png');}
body.cityu-navtheme-01 .cityu-icon-home a.active div {background-image: url('../img/themes/theme01/icon_home_theme01.png');}
body.cityu-navtheme-01 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-01 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-01 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #682543; color: #fff; border-bottom: none;}
body.cityu-navtheme-01 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-01 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #993366;}


/* Theme 02 */
body.cityu-navtheme-02 .ddsmoothmenu {border-bottom: 6px solid #3f91b4;}
body.cityu-navtheme-02 .ddsmoothmenu ul li a.active {color: #358CB1;}
body.cityu-navtheme-02 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-02 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-02 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #72AFC9; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-02 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #72AFC9;}
body.cityu-navtheme-02 .cityu-icon-home a div {background-image: url('../img/themes/theme02/icon_home_theme02.png');}
body.cityu-navtheme-02 .cityu-icon-home a.active div {background-image: url('../img/themes/theme02/icon_home_theme02.png');}
body.cityu-navtheme-02 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-02 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-02 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #19627F; color: #fff; border-bottom: none;}
body.cityu-navtheme-02 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-02 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #358CB1;}


/* Theme 03 */
body.cityu-navtheme-03 .ddsmoothmenu {border-bottom: 6px solid #6d9e3d;}
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active {color: #669933;}
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-03 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-03 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #94B871; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-03 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #94B871;}
body.cityu-navtheme-03 .cityu-icon-home a div {background-image: url('../img/themes/theme03/icon_home_theme03.png');}
body.cityu-navtheme-03 .cityu-icon-home a.active div {background-image: url('../img/themes/theme03/icon_home_theme03.png');}
body.cityu-navtheme-03 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #487024; color: #fff; border-bottom: none;}
body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-03 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #669933;}


/* Theme 04 */
body.cityu-navtheme-04 .ddsmoothmenu {border-bottom: 6px solid #9e6d0d;}
body.cityu-navtheme-04 .ddsmoothmenu ul li a.active {color: #996600;}
body.cityu-navtheme-04 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-04 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-04 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #B8944D; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-04 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #B8944D;}
body.cityu-navtheme-04 .cityu-icon-home a div {background-image: url('../img/themes/theme04/icon_home_theme04.png');}
body.cityu-navtheme-04 .cityu-icon-home a.active div {background-image: url('../img/themes/theme04/icon_home_theme04.png');}
body.cityu-navtheme-04 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-04 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-04 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #74480A; color: #fff; border-bottom: none;}
body.cityu-navtheme-04 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-04 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #996600;}


/* Theme 05 */
body.cityu-navtheme-05 .ddsmoothmenu {border-bottom: 6px solid #838895;}
body.cityu-navtheme-05 .ddsmoothmenu ul li a.active {color: #3B4457;}
body.cityu-navtheme-05 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-05 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-05 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #A4A8B2; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-05 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #A4A8B2;}
body.cityu-navtheme-05 .cityu-icon-home a div {background-image: url('../img/themes/theme05/icon_home_theme05.png');}
body.cityu-navtheme-05 .cityu-icon-home a.active div {background-image: url('../img/themes/theme05/icon_home_theme05.png');}
body.cityu-navtheme-05 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-05 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-05 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #575B65; color: #fff; border-bottom: none;}
body.cityu-navtheme-05 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-05 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #5E687F;}


/* Theme 06 */
body.cityu-navtheme-06 .ddsmoothmenu {border-bottom: 6px solid #4361aa;}
body.cityu-navtheme-06 .ddsmoothmenu ul li a.active {color: #3959A6;}
body.cityu-navtheme-06 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-06 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-06 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #758BC1; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-06 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #758BC1;}
body.cityu-navtheme-06 .cityu-icon-home a div {background-image: url('../img/themes/theme06/icon_home_theme06.png');}
body.cityu-navtheme-06 .cityu-icon-home a.active div {background-image: url('../img/themes/theme06/icon_home_theme06.png');}
body.cityu-navtheme-06 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-06 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-06 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #213A6C; color: #fff; border-bottom: none;}
body.cityu-navtheme-06 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-06 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #3959A6;}


/* Theme 07 */
body.cityu-navtheme-07 .ddsmoothmenu {border-bottom: 6px solid #c78788;}
body.cityu-navtheme-07 .ddsmoothmenu ul li a.active {color: #9A595A;}
body.cityu-navtheme-07 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-07 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-07 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #D7A7A8; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-07 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #D7A7A8;}
body.cityu-navtheme-07 .cityu-icon-home a div {background-image: url('../img/themes/theme07/icon_home_theme07.png');}
body.cityu-navtheme-07 .cityu-icon-home a.active div {background-image: url('../img/themes/theme07/icon_home_theme07.png');}
body.cityu-navtheme-07 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-07 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-07 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #9A595A; color: #fff; border-bottom: none;}
body.cityu-navtheme-07 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-07 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #9D5E5F;}


/* Theme 08 */
body.cityu-navtheme-08 .ddsmoothmenu {border-bottom: 6px solid #b59b0d;}
body.cityu-navtheme-08 .ddsmoothmenu ul li a.active {color: #B29600;}
body.cityu-navtheme-08 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-08 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-08 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #C9B64D; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-08 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #C9B64D;}
body.cityu-navtheme-08 .cityu-icon-home a div {background-image: url('../img/themes/theme08/icon_home_theme08.png');}
body.cityu-navtheme-08 .cityu-icon-home a.active div {background-image: url('../img/themes/theme08/icon_home_theme08.png');}
body.cityu-navtheme-08 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-08 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-08 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #9F7C00; color: #fff; border-bottom: none;}
body.cityu-navtheme-08 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-08 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #9F7C00;}


/* Theme 09 */
body.cityu-navtheme-09 .ddsmoothmenu {border-bottom: 6px solid #b00d44;}
body.cityu-navtheme-09 .ddsmoothmenu ul li a.active {color: #B40838;}
body.cityu-navtheme-09 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-09 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-09 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #CB5374; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-09 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #CB5374;}
body.cityu-navtheme-09 .cityu-icon-home a div {background-image: url('../img/themes/theme09/icon_home_theme09.png');}
body.cityu-navtheme-09 .cityu-icon-home a.active div {background-image: url('../img/themes/theme09/icon_home_theme09.png');}
body.cityu-navtheme-09 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-09 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-09 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #B10837; color: #fff; border-bottom: none;}
body.cityu-navtheme-09 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-09 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #B40838;}


/* Theme 10 */
body.cityu-navtheme-10 .ddsmoothmenu {border-bottom: 6px solid #236e6a;}
body.cityu-navtheme-10 .ddsmoothmenu ul li a.active {color: #236e6a;}
body.cityu-navtheme-10 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-10 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-10 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #408783; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-10 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #408783;}
body.cityu-navtheme-10 .cityu-icon-home a div {background-image: url('../img/themes/theme10/icon_home_theme10.png');}
body.cityu-navtheme-10 .cityu-icon-home a.active div {background-image: url('../img/themes/theme10/icon_home_theme10.png');}
body.cityu-navtheme-10 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-10 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-10 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #236e6a; color: #fff; border-bottom: none;}
body.cityu-navtheme-10 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-10 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #236e6a;}


/* Theme 11 */
body.cityu-navtheme-11 .ddsmoothmenu {border-bottom: 6px solid #213b4f;}
body.cityu-navtheme-11 .ddsmoothmenu ul li a.active {color: #457DA7;}
body.cityu-navtheme-11 .ddsmoothmenu ul li a.active:hover,
body.cityu-navtheme-11 .ddsmoothmenu ul li a.active.selected{color: #fff;}
body.cityu-navtheme-11 .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #395268; font-weight: normal; line-height: 1.2; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
body.cityu-navtheme-11 .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #395268;}
body.cityu-navtheme-11 .cityu-icon-home a div {background-image: url('../img/themes/theme11/icon_home_theme11.png');}
body.cityu-navtheme-11 .cityu-icon-home a.active div {background-image: url('../img/themes/theme11/icon_home_theme11.png');}
body.cityu-navtheme-11 .cityu-icon-home a:hover div {background-image: url('../img/themes/default/icon_home_hover.png');}
body.cityu-navtheme-11 #cityu-sub-nav-list .cityu-box-item li a.active, body.cityu-navtheme-11 #cityu-sub-nav-list .cityu-box-item li a.active:hover{background-color: #213b4f; color: #fff; border-bottom: none;}
body.cityu-navtheme-11 #cityu-sub-nav-list .cityu-box-item li a {color: #555;}
body.cityu-navtheme-11 #cityu-sub-nav-list .cityu-box-item li a:hover {text-decoration: none; color: #457DA7;}


body #cityu-sub-nav-list .cityu-box-item li a:not([href]):hover,
body #cityu-sub-nav-list .cityu-box-item li a[href=""]:hover,
body #cityu-sub-nav-list .cityu-box-item li a[href="#"]:hover {color: #555;}