@charset "utf-8";
/* CSS Document */


hr {color:#CCC;}
img{border:0px;}

/*Links*/
a, a:link, a:visited, a:active{text-decoration:none; color:#0c8390;}
a:hover {text-decoration:underline; color:#024c54;}


/*general set*/
html{overflow-Y: scroll;}
body{padding:0px; margin:0px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
background-image:url(../images/bg_inner_web.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFF;
-webkit-text-size-adjust:none;
}


.indexbg{background-image:url(../images/bg_index_web.jpg);}


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

/*font for web*/
.f1{font-size:11px;}
.f3{font-size:13px;}
.f5{font-size:15px;}


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

/*web*/

#header{width:970px; height:84px; margin-left:auto; margin-right:auto; *padding-bottom:5px; }
/*#logoPlacer{width:336px ; height: 84px;  float:left; background-image:url(../images/logo_elearningcuhk-trans.png); background-repeat:no-repeat; background-position:center; _background-position:none; _height:57px; _margin-top:10px;} */
#logoPlacer{width:336px ; height: 74px;  float:left;  _height:57px; margin-top:10px;} 
#topnaviPlacer{float:right; height:100%; padding-top:5px; width:40%; }
#topnaviPlacer ul{list-style:none; *padding-top:15px; _padding-top:15px; }
#topnaviPlacer ul li{ float:right; padding-right:5px; }
#topnaviPlacer #ico_mail{padding-top:5px;}
#topnaviPlacer #ico_home{padding-top:5px;}
#topnaviPlacer #ico_sitemap{padding-top:5px;}
#topnaviPlacer #ico_sepweb{padding-top:5px;}
#topnaviPlacer #ico_sepmob{display:none;}

#searchPlacer{float:right;height:100%; padding-top:20px;}


/*#topnaviPlacer{float:right; height:85%; padding-top:10px; width:40%;}/*keep the height percentage for z-index fix of gce*/

/*#topnaviPlacer ul{list-style:none; *padding-top:15px; _padding-top:15px;}
#topnaviPlacer ul li{ float:right; padding-right:5px;}


#searchPlacer{float:right;height:85%; padding-top:20px;} /*keep the height percentage for z-index fix of gce*/

#topnaviPlacer #ico_sepmob{display:none;}


/*index*/
#indexcontentPlacer{margin-left:auto; width:970px; margin-right:auto;padding:0px 0px 20px 0px; min-height:640px; }
#indexBannerCol{width:730px; float:left; }
#sliderPlacer{float:left;}

.indexCols{width:150px; padding:0px 17px 10px 17px; border-right:dotted 1px #ccc; float:left;  margin-top:10px; min-height:360px; line-height:1.5;}
.indexCols-last-child{width:150px; padding:0px 17px 10px 17px;float:left;  margin-top:10px; min-height:320px; line-height:1.5;border-right:none; padding-right:0px;}
.indexCols .thumbnail, .indexCols-last-child .thumbnail {text-align:center; display:block; padding-top:15px;}
.indexCols .title, .indexCols-last-child .title{font-family:Century Gothic; font-size:14px;text-align:left; display:block;}

#indexSideCol{ width:230px;float:right; _width:229px;position:relative; z-index:1;}

.bluetag{background:#d8fbf2; font-family:Century Gothic, Arial, Helvetica, sans serif; font-size:15px; float:left; padding-top:4px;height:26px; width:100%; color:#333; }

.bluetag span {padding-left:20px;}

.shortcut_elearn {width:100%; height:70px; border:1px solid #f8d5ca; background-image:url(../images/bg_shortcut.jpg); margin-bottom:10px;}
.shortcut_elearn a, .shortcut_elearn a:link, .shortcut_elearn a:active, .shortcut_elearn a:visited{display:block;padding:1px 0px;
	background-position:200px center;
	background-repeat:no-repeat;
	font-family:Century Gothic, Arial, Helvetica, sans serif; font-size:14px;color:#333; text-decoration:none;
}
.shortcut_login { height:40px; float:left;display:inline;}

.shortcut {width:100%; height:28px; border:1px solid #f8d5ca; background-image:url(../images/bg_shortcut.jpg); margin-bottom:10px;}
.shortcut a, .shortcut a:link, .shortcut a:active, .shortcut a:visited{display:block;padding:4px 18px;	background-image:url(../images/ico_arrow_shortcuts.gif);
	background-position:200px center;
	background-repeat:no-repeat;
	font-family:Century Gothic, Arial, Helvetica, sans serif; font-size:14px;color:#333; text-decoration:none;
}

.sc-hover{background-image:url(../images/ico_arrow_scs_on-trans.png)!important; background-color:#f7e7b3;_background-image:none;}
.sc-hover_elearn{background-color:#f7e7b3;_background-image:none;} /*for elearn logo hover*/
.box{width:90%; background-color:#FFF; margin-top:15px; padding:0 5%; min-height:150px;}
.box .title {font-family:Century Gothic; font-size:14px;text-align:left; display:block;padding:8px 10px; border-bottom:1px dotted #eee;
/*margin-bottom:10px;*/}
.box .content{display:block; min-height:150px;}
.tweet{ min-height:150px; background-color:#FFF; display:block;padding:6px;}
.webindextweet{background-color:#FFF; display:block;padding:0px 6px 0px 6px;}
.box .morenews{text-align:right; display:block;}
.box .quicklinks{background-color:#FFF; display:block;padding:12px;}


/*innerpage*/

#innerMenu{margin-left:auto; width:970px; margin-right:auto; height:20px;padding-top:5px; padding-bottom:20px;}

#innermobMenu{display:none;}

#innercontentPlacer{margin-left:auto; width:920px; margin-right:auto; min-height:550px;padding:45px 20px 20px 30px; background:url(../images/bg_inner_box_web.jpg);background-position:left top; background-repeat:no-repeat;background-color:#FFF;  }

#submenuCol{border-right:1px solid #CCC; float:left; width:200px; padding-right:15px;min-height:400px;}

#submenuCol li{list-style:disc; color:#eb967e;}

#submenuCol p {font-weight:bold;}

#contentCol{padding-left:40px; padding-right:30px; float:right; width:620px}

#breadCrumb{padding-bottom:25px; }
#breadCrumb ul{list-style-type:none; margin:0px; padding-left:0px; }
#breadCrumb li{display:inline; }


.indexbul li{list-style-type:none; margin-left:-50px;}
.indexbul2 li{list-style-type:disc; color: #024c54; margin-left:-70px;}



#innercontentTitle{font-size:1.8em; padding-bottom:30px;}
#innerContent{line-height:1.5;}

#footer{margin-left:auto; width:950px; margin-right:auto; padding:25px 10px; background-color:#e8e8e8; border-top:#717171 solid 20px; min-height:50px;-moz-box-shadow: 0 4px 20px #ccc;
-webkit-box-shadow: 0 4px 20px #ccc;
box-shadow: 0 4px 20px #ccc;  text-align:right; margin-bottom:30px;}

#cuhkcr{font-size:11px; font-family:Verdana, Geneva, sans-serif;}

#viewweb{display:none;}

/*Quicklinks*/
#btnQL{ background:url(../images/bg_arrow.jpg) no-repeat right 50%; text-decoration: none; background-color:#777777; display:block; color:#FFF; padding:7px 0px; margin-top:30px;-moz-border-radius: 3px/*{cornerRadius}*/;
-webkit-border-radius: 3px/*{cornerRadius}*/;
border-radius: 3px;}
#btnQL span{padding:0px 10px;}

#effect { display:block; position: relative; -moz-border-radius: 0px 0px 10px 10px/*{cornerRadius}*/;
-webkit-border-radius: 0px 0px 10px 10px/*{cornerRadius}*/;
border-radius: 0px 0px 10px 10px/*{cornerRadius}*/; border: 1px solid #D9D6C4;
background: #ECEADF;border: 1px solid #D9D6C4;
color: #1F1F1F; font-size:11px; padding:20px 5px; font-weight:normal;}


/*button go back*/
#btnback{display:none;}

/*Registration form*/
#form1{background-color:#FFFFF0;}