@charset "utf-8";
/* Teaching and Learning Innovation EXPO 2012 */

/*General*/

@media screen and (max-device-width: 780px) { /* special sytles for iPhone / similar devices */ 
#mainWrapper{ background:#cfffff url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg2.jpg) no-repeat 50% 0%;}
body{
    margin:0px;
    padding:0px;
    font-family:Helvetica, Arial, sans-serif;
    font-size: 13px;
  background:none!important;
  line-height:1.4;
}
#contentWrap {
float: left;
background-color:#FFF;
width: 650px;
padding: 60px 50px 0px 30px;
}
} 


_html, _body{
  height: 100%;
}

img{border:0px;}
body{
    margin:0px;
    padding:0px;
    font-family:Helvetica, Arial, sans-serif;
    font-size: 13px;
  background:#cfffff url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg.jpg) no-repeat 50% 0%;
  line-height:1.4;
}

div{_text-align:left;}

.right{text-align:right;}

.db{display:block;}

.p10{padding:10px;}
.pt10{padding-top:10px;}

a:link,a:visited,a:active {color: #3b6a8b;text-decoration: none;}
a:hover{color:#017eb2; text-decoration:none;}

.fl{float:left;}
.fr{float:right;}

.clear{height:10px; float:none; clear:both;}
.clear00{height:0px; float:none; clear:both;}

ol li{padding-top:3px; padding-bottom:3px;}
ol li ul li{padding-top:0px; padding-bottom:0px;}
ol li ul li:first-child{padding-top:5px;}

hr{border-bottom:dotted 1px #ccc; color:#FFF; background-color:#FFF; border-top:0px;}

/*Text & Fonts*/
.font1{font-size:11px;}
.font2{font-size:12px;}
.font3{font-size:13px;}
.font4{font-size:14px;}
.font6{font-size:16px;}

/* Main wrapper*/
#mainWrapper{
  width:1085px;
  margin-left:auto;
  margin-right:auto;
  min-height:700px;

}


/*Header*/
#header{
  height:105px;
  display:block;
  padding-right:120px;
  padding-top:20px;
}

/*Past event menu*/

#pastEventmenu{
  height:40px;
  display:block;
  padding-right:180px;
  text-align:right;
}

#pastEventmenu ul{
  list-style:none;
}

#pastEventmenu ul li{
  float:right;
  padding:0px 6px;
  border-right:1px solid #ccc;
}

/*Main menu*/
#mainmenu{
  min-height:200px;
  float:left;
  width:138px;
  padding-top:230px;
  padding-left:69px;
  font-size:12px;
}


/*Main content*/
#mainContent{
  min-height:700px;
  display:block;

}

#contentWrap{
  float:left;
  width:650px;
  padding:60px 50px 0px 30px;
}

/*Footer*/
#footer{
   background:#cfffff url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_footer.jpg) no-repeat top center;
     min-height:300px;
  display:block;
  padding:30px 0px 0px 0px;
  font-size:11px;
}


/*Super fish*/

/*** adding sf-vertical in addition to menu-sf creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width:138px;
  margin-bottom:3px;
}


.sf-vertical, .sf-vertical li li {
  margin:0px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left:  10em; /* match ul width */
  top:  0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}




/*** ESSENTIAL STYLES ***/
.menu-sf, .menu-sf * {
  margin:      0;
  padding:    0;
  list-style:    none;
}
.menu-sf {
  line-height:  1.0;
}
.menu-sf ul {
  position:    absolute;
  top:      -999em;
  width:      200px; /* left offset of submenus need to match (see below) */
}
.menu-sf ul li {
  width:      100%;
}
.menu-sf li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.menu-sf li {
  float:      left;
  position:    relative;
}
.menu-sf a {
  display:    block;
  position:    relative;
}
.menu-sf li:hover ul,
.menu-sf li.sfHover ul {
  left:      138px;
  top:      0; /* match top ul list item height */
  z-index:    99;
}
ul.menu-sf li:hover li ul,
ul.menu-sf li.sfHover li ul {
  top:      -999em;
}
ul.menu-sf li li:hover ul,
ul.menu-sf li li.sfHover ul {
  left:      200px; /* match ul width */
  top:      0;
}
ul.menu-sf li li:hover li ul,
ul.menu-sf li li.sfHover li ul {
  top:      -999em;
}
ul.menu-sf li li li:hover ul,
ul.menu-sf li li li.sfHover ul {
  left:      200px; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/
.menu-sf {
  float:      left;
  margin-bottom:  1em;
}
.menu-sf a {
  padding:     .75em 1.5em;
  text-decoration:none;
}
.menu-sf a, .menu-sf a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #333;
    font-size:13px;
}
.menu-sf li {
  background:    #FFF;
}

.menu-sf .item-101{background:  transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_01.png) no-repeat center left; }
.menu-sf .item-112{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_02.png) no-repeat center left; }
.menu-sf .item-113{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_03.png) no-repeat center left; }
.menu-sf .item-114{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_04.png) no-repeat center left; }
.menu-sf .item-115{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_05.png) no-repeat center left; }
.menu-sf .item-116{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_06.png) no-repeat center left; }
.menu-sf .item-117{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_07.png) no-repeat center left; }
.menu-sf .item-136{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_08.png) no-repeat center left; }
.menu-sf .item-137{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_09.png) no-repeat center left; }
.menu-sf .item-121{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_10.png) no-repeat center left; }
.menu-sf .item-138{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_08.png) no-repeat center left; }
.menu-sf .item-154{background:   transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_03.png) no-repeat center left; }

.menu-sf li.current {
  background:     transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_00.png) no-repeat center left; 
}

.menu-sf li li.current {
  background:     #def3f3; 
}

.menu-sf li li {
  background:    #def3f3;
}
.menu-sf li li li {
  background:    #def3f3;
}
.menu-sf li:hover, .menu-sf li.sfHover,
.menu-sf a:focus, .menu-sf a:hover, .menu-sf a:active {
  background:     transparent url(/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/bg_menu_00.png) no-repeat center left; 
  outline:    0;
}

.menu-sf li li:hover, .menu-sf li li.sfHover,
.menu-sf li li a:focus, .menu-sf li li a:hover, .menu-sf li li a:active {
  background:      #85f6f6;
  outline:    0;
}




/*** arrows **/
.menu-sf a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('/20230314091005oe_/https://www.cuhk.edu.hk/eLearning/expo2012/templates/expo2012/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menu-sf ul .sf-sub-indicator { background-position:  -10px 0; }
.menu-sf ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu-sf ul a:focus > .sf-sub-indicator,
.menu-sf ul a:hover > .sf-sub-indicator,
.menu-sf ul a:active > .sf-sub-indicator,
.menu-sf ul li:hover > a > .sf-sub-indicator,
.menu-sf ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*inner page*/

.item-page h2{
color:#666;
font-size:24px;
}

.breadcrumbs{
padding-bottom:15px;
font-size:12px;
}




/************************** index page**************************************/
#indexTextResize{
padding:0px 0px 10px 0px;
display:block;
text-align:right;
font-size:11px;
}

#indexTextEnlarge, #indexTextReduce, #indexTextReset{
cursor:pointer;
}

/*****************Gallery****************************/
/* Joomgallery local Style - wont be overwritten by updates etc.
 * Rename this file to "joom_local.css" to have it included in
 * Joomgallery.
 * You can override any Style Definition of Joomgallery
 * Be sure to place !important behind each definition that could be
 * defined elsewhere. 
 * 
 * A basic sample style is included below. Feel free to edit or 
 * comment to your liking.
 *
 * 
 * Diese Datei wird nicht von Updates o.ä. überschrieben.
 * Benennen Sie diese in "joom_local.css" um, damit sie von der Joomgallery 
 * erkannt und eingebunden wird.
 *
 * Sie können jede Style-Definition 'überschreiben', die von der Joomgallery
 * standardmäßig in den anderen CSS-Dateien vergeben wird.
 *
 * Bitte fügen Sie ein '!important' in jeder Definition ein, die schon an
 * anderer Stelle definiert ist.
 *
 * Ein grundlegendes Beispiel für geänderte Styles finden Sie untenstehend.
 * Sie können diese nach Ihren Vorstellungen ändern.
 * 
 */
 
 
/* Main style / Background of whole gallery */
.gallery {
  color:#333;
  
}

/* Heading of the component */
.gallery .componentheading {
  font-size:18px;
  color:#FFF;
  padding: 5px 5px 30px 5px;
}

.jg_pathway {
 font-size:11px;
  border-bottom: #BBB solid 1px !important;
  margin-bottom:20px;
}

/* Links in pathway */
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {

}
.jg_pathway a:hover {
  color:#900;
}
div.gallery .sectiontableheader {
  font-size:1em !important;
  font-weight:bold !important;
  color:#333 !important;
  padding:15px !important;
}
div.gallery .sectiontableentry {
 
  color:#fff !important;
}
div.gallery .sectiontableentry1 {

}
div.gallery .sectiontableentry2 {

}

/* box elements in detailed view */
div.jg_details, div.jg_voting, div.jg_send2friend, div.jg_commentsarea{
  border: 1px solid #999;  
}

/* Images displayed in the category overview   */
/* Uncomment below e.g. to align the text left */
.jg_catelem{
 text-align:left;  
}

.jg_element_cat img, .jg_photo_container img{
 padding:5px; 
 background-color:#eee;
 border:1px solid #ccc; 
}


/* Category elements in gallery overview */
.jg_element_gal {
  /* text-align:center; */ 
}

/* Subcategory elements in category view */
.jg_element_cat {
  /* text-align:left;   */
  width:33%;
  float:left;
  height:120px;
  text-align:center;
}

/* Toplists picture elements */
.jg_top_element {
   /* text-align:left; */
   /* uncomment below to have elements ordered vertically 
      instead of horizontally */   
   /*  float:none; */
}


/*Details image info text*/
div.jg_photo_left, div.jg_bbcode_left, div.jg_exif_left,div.jg_cmtl {
  clear:left;
  float:left;
  width:39%;
  font-weight:normal;
  padding:5px;
  text-align:left !important;
}

.sectiontableentry2 .jg_photo_left:first-child{display:none;}
.sectiontableentry1 .jg_photo_left{padding-left:10px;}
#jg_photo_description{padding-left:10px;}

/*Green arrow*/
.jg_subcatelem_txt_l .jg_icon{display:none;}

/*Cat view thumbnail title*/
.jg_catelem_txt{font-size:11px;}

/*Cat view cat title*/
.jg_subcatelem_txt_l{font-size:11px}

/*back*/
.jg_back{padding:20px; clear:both;}

/*pagination*/
.pagination{
 display:block; 
  padding-bottom:20px;
}

.pagination ul{
  list-style:none;
  padding:10px 0px;
  margin:0px;
}

.pagination ul li{
  padding-right:5px;
  float:left;
}

/*detailed page*/

.jg_detailnavi div{
  float:left;
  padding:20px;
}

/*gallery front page*/
.jg_element_txt ul{
  list-style:none;
  padding:0px;
  margin:0px;
}

.jg_element_gal{
  width:33%;
  float:left;
  height:160px;
}