@charset "utf-8";

#indexes {
	position:absolute;
	left:145px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

#services {
	position:absolute;
	left:227px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

#events_education {
	position:absolute;
	left:309px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

#download_centre {
	position:absolute;
	left:461px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

#news_room {
	position:absolute;
	left:593px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

#about_us {
	position:absolute;
	left:695px;
	top:97px;
	width:150;
	height:287px;
	z-index:1;
}

/*
.tab {
	background-image: url(/HSI-Net/pages/images/en/share/tab.gif);
	background-repeat: no-repeat;	
}
*/
/*txt color*/


.whiterunningtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


.greyrunningtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404244;
	letter-spacing: 1px;
}
.greystxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404244;
	letter-spacing: 1px;
}

.greystxt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;
	color: #404244;
	letter-spacing: 1px;
}

.greystxt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration:underline;
	letter-spacing: 1px;
}


.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
}

.greygeneralctxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404244;

}


.greygeneraltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404244;
	letter-spacing: 1px;
}
.greygeneraltxt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404244;
	letter-spacing: 1px;

}

.greygeneraltxt a.active,  .greygeneraltxt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration:underline;
	letter-spacing: 1px;
}


.greygeneralbtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404244;
	letter-spacing: 1px;
}
.greygeneralbtxt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404244;
	letter-spacing: 1px;

}

.greygeneralbtxt a.active,  .greygeneralbtxt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-decoration:underline;
	letter-spacing: 1px;
}




.Titleboldtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight:bold;
	color: #404244;
	letter-spacing: 1px;
}


.whiteboldtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}


.greyboldtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #0458a0;
	letter-spacing: 1px;
}

.greyboldtitle {
	color: #404244;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12pt;
}

.greyboldtxt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #404244;
	text-decoration:underline;
	letter-spacing: 1px;
}

.greyboldtxt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:underline;
	letter-spacing: 1px;
}

.greyboldtxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404244;
	letter-spacing: 1px;
}

.greyboldtxt2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404244;
	text-decoration:underline;
	letter-spacing: 1px;
}

.greyboldtxt2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration:underline;
	letter-spacing: 1px;
}

.blueboldtxt {
	color: #096d92;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	letter-spacing: 1px;
}

.blueboldtitle {
	color: #096d92;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12pt;	
	letter-spacing: 1px;
}


.bluestxt {
	color: #5795e6;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: 1px;
}

.redstxt {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: 1px;
}

.redlightstxt {
	color: #FFA4A4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: 1px;
}

.bluetxt {
	color: #096d92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}
.bluetxt a{
	color: #096d92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 text-decoration:underline;
	 letter-spacing: 1px;
	
}
.bluetxt a.active, .bluetxt a:hover{
   color:#FF0000;
   text-decoration:underline;
   letter-spacing: 1px;
   
}

.whitestxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.whitestxt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
	letter-spacing: 1px;
}
.whitestxt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration:underline;
	letter-spacing: 1px;
}

.smallredtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	letter-spacing: 1px;
}

.smalltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404244;
	letter-spacing: 1px;
}

.smalltxtlink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404244;
	text-decoration:underline;
	letter-spacing: 1px;
}
.smalltxtlink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	text-decoration:underline;
	letter-spacing: 1px;
}

.caltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404244;
	letter-spacing: 1px;
}

.calredtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	letter-spacing: 1px;
}

.caltxtlink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404244;
	text-decoration:underline;
	letter-spacing: 1px;
}
.caltxtlink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	text-decoration:underline;
	letter-spacing: 1px;
}

.whiteboldtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.generaltxtfall{
 /*    background:url(/HSI-Net/pages/images/zh_hk/share/img_arrowdown.gif);
	 background-repeat:no-repeat;
	 background-position:left;*/
	 font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;
	color: #FF0000;
	letter-spacing: 1px;
	}

.generaltxtrise{
/*     background:url(/HSI-Net/pages/images/zh_hk/share/img_arrowup.gif);
	 background-repeat:no-repeat;
	 background-position:left;*/
	 font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;
	color: #00579E;
	letter-spacing: 1px;
	}


.tdarrow{
    padding-top:8px;
}
.tdarrow2{
     background:url(/HSI-Net/pages/images/zh_hk/share/arrow1.jpg) no-repeat ;
	 background-position: center;
}

.sectiontdarrow{
    padding-top:10px;
}






/*menu style*/

.menu {
	HEIGHT: 15px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
} 


.menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:9px;
	color: #FFFFFF;
}

.menu a:hover{
	color:#0477a6;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
}

div:menu {
	HEIGHT: 12px;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 8px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
} 

div:hover.menu {
	HEIGHT: 12px;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
} 

div:hover.menu a {
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 8px;
	color:#0477a6;
	text-decoration:underline;
} 

.menu_hover {
	HEIGHT: 14px;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 8px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
} 

.menu_hover a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:8px;
	color:#0477a6;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
}


.menu_hover a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:8px;
	color:#0477a6;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
}


.menu_hover2 {
	HEIGHT: 14px;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 8px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
} 

.menu_hover2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:8px;
	color:#0477a6;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
}

.menu_hover2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:8px;
	color:#0477a6;
	text-decoration:underline;
	background:url(/HSI-Net/pages/images/en/share/arrow_rollover.gif) no-repeat bottom center;
}


.submenu{
  position: absolute;
  visibility: hidden;
  display: block;
  overflow: auto;
  border-top: solid #D9141E 3px;
  Z-INDEX:100;
}
	
.submenu a{
	color: #096d92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
	
.submenu a:hover{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
}

ul.submenu {
  position: absolute;
  visibility: hidden;
  width: 500px;
}

.submenu td {
  height: 25px;
  text-align: left;
  vertical-align: middle;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #DAF3FA;
  border-bottom-color: #A8D8E6;
  background-color: #BCE3F2;
}

.menubg{
background:url(/HSI-Net/pages/images/en/share/bg_menu.jpg) repeat-x;}



.maintabover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #FFFFFF;
	padding:6px;
	letter-spacing: 1px;	
	background:url(/HSI-Net/pages/images/zh_hk/share/arrow_rollover.gif);
	background-repeat:no-repeat;
	background-position: center bottom;}
	

	
/*tablebg colour*/

.lightbluebg{
background-color:#E7F6F9;}

.contentlightbg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_content_table.gif) repeat-x;
background-color:#FFFFFF;}


.contenttabbg{
background-color:#dbeff6;}


.contentheadingbg4{
	background:url(/HSI-Net/pages/images/zh_hk/share/bg_content_heading4.gif) repeat-x;
	height: 32px;
}

.contentheadingbg{
	background:url(/HSI-Net/pages/images/zh_hk/share/bg_content_heading.gif) repeat-x;
	height: 30px;
}

.contentheadingbg_wk{
	background:url(/HSI-Net/pages/images/zh_hk/share/bg_content_heading.gif) repeat-x;
}

.menuheadingbg{
	background:url(/HSI-Net/pages/images/en/share/bg_menu_heading.gif) repeat-x;
}

.mainhighlightbg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_middetable.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #404244;
	letter-spacing: 1px;
	}

.mainhighlightbg_ah{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_middetable_ah.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #404244;
	letter-spacing: 1px;
	}

.greybg{
background-color:#eeeeee;}

.middlegreybg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_middetable2.jpg) repeat-x;}


.darkbluebg{
background-color:#B9E0EF;}

.whitetagbg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_whitetag.jpg) repeat-x;}

.bluetagbg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_bluetag.jpg) repeat-x;}

.menuline{
background:url(/HSI-Net/pages/images/zh_hk/share/line_menu.gif) repeat-x;}




.redbg{
background-color:#D9141D;}


.langbg{
background:url(/HSI-Net/pages/images/zh_hk/share/bg_lang.jpg) repeat-x;}
	
	
.line1bg{
background:url(/HSI-Net/pages/images/zh_hk/share/line.gif) repeat-x;}

.whitbg{
background-color:#FFFFFF;}



.leftmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	padding-left:18px;
	letter-spacing: 1px;
	}
	
	
.leftmenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #096d92;
	text-decoration:none;
	letter-spacing: 1px;
}
	
.leftmenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;

	text-decoration:underline;
	letter-spacing: 1px;
	}
	
.btnbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding-top:3px;
	color: #FFFFFF;
	background-color: #28519B;
	border-top : 1px solid #02a3d1;/*上框*/
	border-bottom : 1px solid #02a3d1;/*下框*/
	border-left : 1px solid #02a3d1; /*左框*/
	border-right : 1px solid #02a3d1; /*右框*/
	width: 60px;
}

.btnbg_dl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
		padding-top:3px;
	color: #FFFFFF;
	background-color: #28519B;
	border-top : 1px solid #02a3d1;/*上框*/
	border-bottom : 1px solid #02a3d1;/*下框*/
	border-left : 1px solid #02a3d1; /*左框*/
	border-right : 1px solid #02a3d1; /*右框*/
	width: 70px;
}

.btnbg_mo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
		padding-top:3px;
	color: #FFFFFF;
	background-color: #28519B;
	border-top : 1px solid #02a3d1;/*上框*/
	border-bottom : 1px solid #02a3d1;/*下框*/
	border-left : 1px solid #02a3d1; /*左框*/
	border-right : 1px solid #02a3d1; /*右框*/
	width: 80px;
}





#list li{
list-style:none;
padding-left:10px;
background:url(/HSI-Net/pages/images/zh_hk/share/arrow1.jpg);
background-repeat:no-repeat;
background-position:10px ;


}
.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 150px;
	height: 34px;
}

.rolling_bar {
	overflow: hidden; position: relative; left:5px; width: 955px; height: 18px
}

.tdbullet{
     background:url(/HSI-Net/pages/images/zh_hk/share/bulletpt_01.gif) no-repeat ;
	 padding-left:10px;
	 padding-right:5px;
	 background-position: 0px 0px;
}


/*
For Pager
*/
.pageNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color: #404244;	
}

.curPageNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
	color: #404244;	
	font-weight: bold;
}


/*
section_menu
*/
.section_menu_padding {
    padding-top:    1px;
    padding-bottom: 1px;
    padding-left:   2px;
    padding-right:  2px;
}


/*
Content Style
*/
.content_bold_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.content_b_u_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration:underline;
}


.content_table_dark_border {
	border-width: 1px;
	border-style: solid;
	border-color: #B9E0EF;
}