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

/* base layout*/
#container { 
	margin: auto; 
	width:980px;
	height:auto;
	
	position:relative;
}
#container_padding{
	padding:0 10px 0 11px;
	position:relative;
	background-color:#d8eeee;
	background-image:url(../image/base/container_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float:left;
}
#mainLayer{
	margin:0;
	padding:0px;
	width:959px;
	background-color:#FFFFFF;
	position:relative;
	float:left;
}
#topMenuBar{
	background-color:#3a4c69;
	width:959px;
	height:25px;
	position:relative;
	float:left;
}

#topLogoBar{
	background-color:#d7e6ed;
	/*background-image:url(../image/base/topLogoBar_BG.gif);*/
	background-position:right top;
	text-align:right;
	background-repeat:no-repeat;
	width:959px;
	height:84px;
	position:relative;
	float:left;
}

#topSpaceBar{
	width:959px;
	height:30px;
	position:relative;
	float:left;
}

#mainContent{
	width:959px;
	height:auto;
	position:relative;
	float:left;
}

#leftContentContainer{
	float:left;
	width:200px;
	background-color:#b9dbe4;
	position:relative;
}

#centreRightContentContainer{
	float:right;
	width:759px;
	position:relative;
}
#centreRightContentMargin{
	float:left;
	margin:0 6px 0 6px;
	position:relative;
	
}
* html #centreRightContentMargin{
	float:left;
	margin:0 3px 0 3px;
	position:relative;
}

#centreContent{
	float:left;
	position:relative;
	margin:0 0 0 6px;
}

* html #centreContent{
	float:left;
	position:relative;
	margin:0 0 0 3px;
}

#centreRightContent{
	float:left;
	margin:0 6px 0 6px;
	position:relative;
}
* html #centreRightContent{
	float:left;
	margin:0 3px 0 6px;
	position:relative;
}
#rightContent{
	float:right;
	width:264px;
	position:relative;
}

#bottomBar{
	width:inherit;
	height:30px;
	width:959px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
}
#bottomBarText{
	float:right;
	margin-top:8px;
	margin-right:10px;
	position:relative;
}

/*topMenu*/
#topMenu{
	float:right;
	margin-top:5px;
	position:relative;
}

#topMenu span{
	padding:0px;
	color:#FFFFFF;
	text-align:center;
	display:inline;
	position:relative;
}


#topMenu a{
	padding:0px 5px 0px 5px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	display:inline;
	text-decoration:none;
	color:#FFFFFF;
	border:none;
	position:relative;
}
#topMenu a:hover{
text-decoration:underline;
}

#itemContent{
	width:200px;
	float:left;
	position:relative;
}
#itemContentPadding{
	padding:0px 0px 0px 10px;
}
div.itemFrame{
	width:178px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	border:solid 1px #a1c2d3;
	margin:5px 0 0 0px;
}

div.itemFrame div{
	padding:5px;
}

div.E2TraderTitle{
background-color:#5bd3eb;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 15px;
}

div.ResearchReportTitle{
background-color:#395499;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 15px;
}

div.LastestNewsTitle{
background-color:#848f94;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 15px;
}

div.AwardTitle{
background-color:#cabb32;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 15px;
}

div.contentPan_747{
	widht:747px;
	margin-bottom:10px;
	border:solid 1px #a2c2d4;
	border-collapse:collapse;
	
}

div.contentPan_470{
	widht:470px;
	margin-bottom:10px;
	border:solid 1px #a2c2d4;
	border-collapse:collapse;
	
}

div.contentPan_266{
	widht:266px;
	margin-bottom:10px;
	border:solid 1px #a2c2d4;
	border-collapse:collapse;
	
}

div.titleBar_747{
	height:22px;
	width:747px;
	border:none;
	background-color:#2b678b;
	background-image:url(../image/base/titlebar_747.gif);
	background-position:right top;
	background-repeat:no-repeat;
	text-indent:10px;
	padding-top:4px;
	
}
div.titleBar_470{
	height:22px;
	width:470px;
	border:none;
	background-color:#2b678b;
	background-image:url(../image/base/titlebar_747.gif);
	background-position:right top;
	background-repeat:no-repeat;
	text-indent:10px;
	padding-top:4px;
	
}
div.titleBar_747 span,div.titleBar_470 span{
	
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	
}
div.contentPadding_747
{
	width:727px;
	text-align:justify;
	padding:10px;
	
}

div.contentPadding_470
{
	width:450px;
	text-align:justify;
	padding:10px;
	
}

div.contentPadding_266
{
	width:260px;
	text-align:justify;
	padding:3px;
	
}

/*default.asp*/
.banner_title01{
	width:183px;
	height:27px;
	background-image:url(../image/main/banner_title_bg01.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:left;
	text-indent:10px; 
	vertical-align:middle;
	font-weight:bold;
	color:#FFFFFF;
}
.banner_title02{
	width:183px;
	height:27px;
	background-image:url(../image/main/banner_title_bg02.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:left;
	text-indent:10px; 
	vertical-align:middle;
	font-weight:bold;
	color:#FFFFFF;
}
.banner_title03{
	width:183px;
	height:27px;
	background-image:url(../image/main/banner_title_bg03.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:left;
	text-indent:10px; 
	vertical-align:middle;
	font-weight:bold;
	color:#FFFFFF;
}
.banner_title04{
	width:183px;
	height:27px;
	background-image:url(../image/main/banner_title_bg04.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:left;
	text-indent:10px; 
	vertical-align:middle;
	font-weight:bold;
	color:#FFFFFF;
}

.banner_image td{
	padding-top:8px;
}

table.tableList{
border:1px solid #003366;
border-collapse:collapse;
}
table.tableList td{
	padding-right:10px;
}
tr.tableList_header{
background-color:#2b678b;
text-align:left;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
}
tr.tableList_odd{
background-color:#EAEAEA;
text-align:left;
vertical-align:top;
color:#000000;
}
tr.tableList_even{
background-color:#FFFFFF;
text-align:left;
vertical-align:top;
color:#000000;
}


.leftbtn, .leftbtn_ch {
	width:200px;
	height:28px;
	background:url(../image/sdmenu/MenuBg.gif) repeat-x;
	float:left;
	position:relative;
}
.leftsub_btn, .leftsub_btn_ch {
	width:200px;
	height:28px;
	background: #c4d5e2;
	border-bottom: 1px solid #a0b3c1;
	float:left;
	position:relative;
}


.leftbtn a, .leftbtn a:hover{
	width:185px;
	height:17px;
	padding: 5px 0 5px 15px;
	display: block;
	border-bottom: 1px solid #a0b3c1;
	color: #fff;
	text-decoration:none;
	margin-top:0px;
	font-weight:bold;
}

.leftbtn_ch a, .leftbtn_ch a:hover{
	width:185px;
	height:17px;
	padding: 7px 0 3px 15px;
	display: block;
	border-bottom: 1px solid #a0b3c1;
	color: #fff;
	text-decoration:none;
	margin-top:0px;
	font-weight:bold;
}


.leftsub_btn a, .leftsub_btn a:hover{
	width:185px;
	height:17px;
	padding: 5px 0 5px 15px;
	display: block;
	border-bottom: none;
	color: #25485b;
	text-decoration:none;
	margin-top:0px;
}

.leftsub_btn_ch a, .leftsub_btn_ch a:hover{
	width:185px;
	height:17px;
	padding: 7px 0 3px 15px;
	display: block;
	border-bottom: none;
	color: #25485b;
	text-decoration:none;
	margin-top:0px;
}

#researchHKIcon_en ,#researchHKIcon_cn{
	width:150px;
	height:28px;
	position:relative;
	margin:0px;
	padding:0px;
}

#researchHKIcon_en a img, #researchHKIcon_cn a img{
	width:150px;
	height:28px;
}

#researchHKIcon_en a{
	width:150px;
	height:28px;
	display:block;
	background-image:url(../image/base/research_hk.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#researchHKIcon_cn a{
	width:150px;
	height:28px;
	display:block;
	background-image:url(../../cht/include/image/base/research_hk.jpg);
	background-position:left top0px 0px;
	background-repeat:no-repeat;
}
#researchHKIcon_en a:hover, #researchHKIcon_cn a:hover{
	background-position:-150px 0px;
}


#researchSingIcon_en ,#researchSingIcon_cn{
	width:150px;
	height:27px;
	position:relative;
	margin:0px;
	padding:0px;
}
#researchSingIcon_en a img, #researchSingIcon_cn a img{
	width:150px;
	height:27px;
}
#researchSingIcon_en a{
	width:150px;
	height:27px;
	display:block;
	background-image:url(../image/base/research_sing.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#researchSingIcon_cn a{
	width:150px;
	height:27px;
	display:block;
	background-image:url(../../cht/include/image/base/research_sing.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#researchSingIcon_en a:hover, #researchSingIcon_cn a:hover{
	background-position:-150px 0px;
}