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

/*General*/

@media screen and (max-device-width: 780px) { /* special sytles for iPhone / similar devices */ 
/*#mainWrapper{ background:#cfffff url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/templates/expo2012/images/bg2.jpg) no-repeat 50% 0%;}*/
#mainWrapper{ background: url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/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;

width: 100%;
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(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/templates/expo2012/images/bg.jpg) no-repeat 50% 0%;*/
  background:#98c1d7 url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/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:1000px;
  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{

  display:block;
  padding-right:10px;
  padding-top:45px;
  text-align:right;
  
}


#pastEventmenu ul{
  list-style:none;
}

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

}

#pastEventmenu a:link,#pastEventmenu a:visited, #pastEventmenu a:active {
 color: #ffffff;
 text-decoration: none;
}
#pastEventmenu a:hover {
 color: #fff080;
 text-decoration: none;
}

/*Main menu*/
#mainmenu{
  min-height:200px;
  float:left;
  width:185px;
  padding-top:170px;
  padding-left:20px;
  font-size:12px;
}


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

}

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

/*Footer*/
#footer{
  background:#98c1d7 url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/bg_footer.jpg) no-repeat top center;
  min-height:300px;
  padding:0px 0px 0px 0px;
  margin-left:auto;
  margin-right:auto;
  font-size:11px;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #footer{
  background:#98c1d7 url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/bg_footer2.jpg) no-repeat top center;
  min-height:300px;
  display:block;
  padding:0px 0px 0px 0px;
  margin-left:auto;
  margin-right:auto;  
  font-size:11px;
}
}

@media screen and (max-device-width: 780px) { /* special sytles for iPhone / similar devices */ 
 #footer{
  background: url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/bg_footer3.jpg) no-repeat top center;
  min-height:500px;
  margin-top:-30px;  
  margin-left:auto;
  margin-right:auto;
}
}




/*Super fish*/

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


.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;
    color:#FFF;
}

/*** 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*/
  color:#FFF;
}




/*** 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:      185px;
  top:      0; /* match top ul list item height */
  z-index:    99;
  color:#FFF;
}
ul.menu-sf li:hover li ul,
ul.menu-sf li.sfHover li ul {
  top:      -999em;
  color:#FFF;
}
ul.menu-sf li li:hover ul,
ul.menu-sf li li.sfHover ul {
  left:      200px; /* match ul width */
  top:      0;
  color:#FFF;
}
ul.menu-sf li li:hover li ul,
ul.menu-sf li li.sfHover li ul {
  top:      -999em;
  color:#FFF;
}
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(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn01.png) no-repeat center left; }/*Home*/
.menu-sf .item-154{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn02.png) no-repeat center left; }/*Summary & Archive*/
.menu-sf .item-136{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn03b.png) no-repeat center left; }/*Message From the Vice Chancellor*/
.menu-sf .item-137{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn04b.png) no-repeat center left; }/*Message From the Pro Vice Chancellor*/
.menu-sf .item-160{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn05.png) no-repeat center left; }/*Programme*/
.menu-sf .item-121{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn06.png) no-repeat center left; }/*Keynote Addresses*/
.menu-sf .item-163{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn07b.png) no-repeat center left; }/*Information for Poster Presentation*/
.menu-sf .item-162{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn08b.png) no-repeat center left; }/*Information for Poster Presentations and Talks*/
.menu-sf .item-115{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn09.png) no-repeat center left; }/*Important Dates*/
.menu-sf .item-116{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn10.png) no-repeat center left; }/*Venue Locations*/
.menu-sf .item-117{background:  transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn11.png) no-repeat center left; }/*Contact Us*/





.menu-sf li.current {
  background:     transparent url(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn00.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(/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/images/btn00.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('/20201208192242oe_/https://www.cuhk.edu.hk/eLearning/expo2013/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*/


h2 .item-160{
color:#cccccc;
  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;
}
 
 h2 a:hover{
	text-decoration:underline;
 }