/**************************************/
/* Created by Mass Mutual - Ring Tong */
/**************************************/

/*** fixed ie7 bug : footer position strange ***/
#footer
{
margin-top:0px;
padding-top:0px;
clear:both;
float:left;
}

/* fixed ie6 bug : about the sub menu () */
#subnav, div#splash 
{    
    height: 0px;    
}



/*** fund search input box ***/

div#fundSearchBox, div#fundSearchBox_forSelect
{
    width: 390px;    
    height: 43px;
}
#fundSearchBox .search2, #fundSearchBox_forSelect .search2 
{
    width: 181px;
    height:23px;
}
#fundSearchBox .showresult, #fundSearchBox_forSelect .showresult
{
    width: 130px;
    height:23px;
    padding-left:10px;
    padding-top:2px;
    font-size: 12px;
}
span#spanSearchFund, span#spanShowAllFund, 
span#spanSearchFund_forSelect, span#spanShowAllFund_forSelect
{
    cursor: pointer;
}

#divFundSearchSuggestion, #divFundSearchSuggestion_forSelect
{
    position:absolute;
    margin:0;
    padding:10px;
    top:58px;
    left:10px;
    width: 300px;
    height: 300px;
    background-color: White;
    border: 1px solid black;    
    z-index:10;
    display: none;
}
#divFundSearchSuggestion_forSelect
{
    top:65px;
}

.divFundSearchSuggestion_underPrimary2
{
    top: 48px;
}

#divFundSearchSuggestionClose
{
    float: right;
    font-weight: bold;
    border: 1px solid black;   
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align:middle;
    cursor: pointer;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
}

#divFundSearchSuggestionResult
{    
}
#divFundsSuggestion
{
    border-top: 10px solid white;
    height: 270px;
    width: 300px;
    overflow: auto;
}

#tableFundsSuggestion
{
    border-collapse:collapse;
    vertical-align: top;
    font-size:11px;
    line-height: 13px;
    width: 270px;
}
#tableFundsSuggestion tr
{
    cursor: pointer;    
}
#tableFundsSuggestion tr:hover
{
    background-color: #dedede;
}
#tableFundsSuggestion th
{
    padding-right: 10px;    
}
#tableFundsSuggestion td,
#tableFundsSuggestion th
{
    border-top: 1px solid #dedede    
}

#divFundsSuggestionHeader
{    
    width:230px;
}
#tableFundsSuggestionHeader .fundsSuggestion_code
{  
    width : 50px;
}

/*** general ***/

td.tdPad
{
    padding: 5px;
}

img.appendix
{
    cursor:pointer;
    vertical-align: bottom;
}

#divAppendix
{
    position: fixed;
    _position:absolute; /* hack for internet explorer 6*/  
    z-index:10;
    width: 400px;
    height: auto;
    background-color: white;
    border: 2px solid #98AFC7;
    overflow:auto;    
    padding:10px;
    font-size:11px;
    line-height: 13px;
}

.orangeheading_mma
{
    color: #FF6600;
    font-weight: bold;
    padding: 15px 0 10px;
}

.dummy
{
    display:none;
}

p.MsoNormal
{
    width:100%;
}

img.title_img
{
    float: right;    
    padding: 0px 0px 20px 20px;
    /*padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 20px;*/
}

.general_font_size /* font size */
{
    /*font-size: 13px;*/
}

.topSpace
{
    padding-top:20px;   
    /*margin-top:20px;*/
}

.topMargin
{
    margin-top:20px;
}

.lineBreak
{
    height:20px;
}

.clear
{
    clear: both;
}
.clearLeft
{
    clear: left;
}

.nowrap
{
 white-space: nowrap;
}

div.padding
{
 padding:3px;
}

div#primary
{
    /*padding-top:20px;    */
    /*width: 640px;    */
}

div.line
{
    height: 20px;
}
    
.loading 
{
    color : Blue;    
    font-weight: bold;    
}

span.big_title 
{   
    font-size: 23px;
    line-height: 26px;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    color: #3365ff;
}

span.title 
{   
    font-size: 18px;
    line-height: 20px; 
    font-weight: bold;    
    font-family: arial,helvetica,sans-serif;
    color: #3365ff;
}

span.sub_title 
{
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;    
    color: black;
    font-size: 16px;
    line-height: 18px; 
}

div#fund_side
{
    width: 200px;    
    float:right;
    padding: 0px;    
    margin: 0px;
}

div#fund_side .side2 /* override css/all.css */
{
    padding-top: 10px;
}

div#fund_side_latest
{
    width: 180px;    
    border: 0px; 
    padding-left: 10px;
    padding-right: 10px;    
    margin: 0px;
    padding-top:20px;    
}
div#fund_side_latest p
{
    padding-top: 5px;
}

/*
div#side
{
    width: 180px;    
    border: 0px;        
    padding-left: 5px;
    padding-right: 10px;    
    margin: 0px;
    float:right;
}
*/

/*** all fund pages ***/

img.invest_img
{
    float: right;
    padding: 20px;
    padding-top: 10px;
}

div.sub_title, div.tabs, #tab_info
{
    padding-top:20px;
}

div.tab_info_print_icon
{
    float: right;    
}

div.tabs
{
    color: Gray;
    font-weight: bold;    
}


/*** fund detail page ***/

div.low, div.high
{
    float:left;    
}
div.risk_level
{
    background: white url(/files/images/global/risk_level_bullet.jpg) 0 0 repeat-x ;
    width: 52px;
    height: 16px;
    float:left;
    margin-left: 5px;
    margin-right: 5px;       
    
}
div.risk_level_1
{
    background: transparent url(/files/images/global/risk_level_bullet_red.jpg) 0 0 no-repeat;
    width: 13px;    
    height: 16px;
    margin-left:0px;
}
div.risk_level_2
{
    background: transparent url(/files/images/global/risk_level_bullet_red.jpg) 0 0 no-repeat;
    width: 13px;    
    height: 16px;
    margin-left:13px;
}
div.risk_level_3
{
    background: transparent url(/files/images/global/risk_level_bullet_red.jpg) 0 0 no-repeat;
    width: 13px;    
    height: 16px;
    margin-left:26px;
}
div.risk_level_4
{
    background: transparent url(/files/images/global/risk_level_bullet_red.jpg) 0 0 no-repeat;
    width: 13px;    
    height: 16px;
    margin-left:39px;
}

div.tab_info_notes_to_investors, div.tab_info_important_info
{
    padding-top:20px;
}

div.tab_info_fund_note
{
    padding-top:0px;
}

.tab_info_doc, .tab_info_print_icon
{
    color: Gray;
    font-weight: bold;    
}

div.tab_info_misc
{
    clear: both;
}

div.tab_info_contents,
table#tab_info_misc .title
{
	/*padding-top:20px;*/
    /*color: #457845;*/
}

div.tabs
{
    float: right;
}
div.tabs_line
{
    background: black;
    height: 1px;
    clear: both;
}

table#tab_info_misc .title
{
    font-weight: bold;
}
table#tab_info_misc .value
{
    padding-right: 20px;
}


/*** fund performance & fund chart ***/

#fund_chart_filter_period .selected
{
    font-weight: bold;    
}

div#chart_title
{
    width: 460px;
    text-align: center;
}

div#fund_performance_detail,
div#fund_performance_compare_detail,
div#fund_performance_note
{
    padding-top:20px;
    clear: both;
}

div#fund_performance_compare_selected,
div#fund_performance_compare_selected_indexes
{    
    clear: both;
}

div#fundChartMain
{
    padding-top:20px;
}

table.fund_performance_detail,
table.fund_performance_compare_detail,
table.fund_performance_compare_selected
{
    width:100%;
    border-collapse:collapse;
    padding:0px;
    border:0px;
    margin:0px;
}

table.fund_performance_detail tr td,
table.fund_performance_compare_detail tr td,
table.fund_performance_compare_selected tr td
{
    padding: 0px;
    margin: 0px;
    border: 0px;    
}

table.fund_performance_detail tr td
{
    line-height: 25px;
    vertical-align: top;
}
table.fund_performance_detail tr td.tdPad
{
    padding:5px;
}

div#date_dropdown
{
    clear: both;
    float: left;
}

div#chart_filter_go, 
div.fund_chart_btn
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

div#fundChartMain
{    
    /*border: black solid 1px;*/
    width: 500px;
}

div#fund_chart_btns
{
    clear: both;
    float: right;
    margin-top: 250px;
    margin-right:50px;
}

a.period_link
{
    color: Blue;
    text-decoration: underline;
}

div#fund_compare_btn_div,
div#fund_compare_go_btn_div
{
    padding-top: 20px;
    clear:both;
}

div.fund_compare_btn,
div.fund_compare_go_btn
{    
    float: right;    
    cursor: pointer;    
}

div#selectFundsTable
{
    text-align:left;
}

.fund_performance_compare_remove
{
    cursor: pointer;  
}

#divTabsOfFundAndIndex
{
    text-align: left;
    padding-bottom:10px;    
}
#divTabsOfFundAndIndex span
{
    color: Blue;
}

#divPopUpContinueBtn
{
    padding-top:10px;
}

/*** fund - daily / historical price ***/

img.fund_historical_price_detail_pager,
a#DownloadPriceDetail
{
    cursor: pointer;
}

div#fund_price_dl_btn_div
{
    padding-top:20px;
    clear: both;
}

div#fund_price_detail
{
    /*padding-top:20px;*/
    clear: both;
}

div#fundHistoricalLatestPrice
{
    float: right;
    border: gray solid 1px;
    font-size: 10px;
    width: 155px;   
    margin-top:40px;
}

div#fundPriceChartMain
{
    margin-top:20px;  
    float:left;  
}

table.fund_latest_price_table
{
    width:100%;
    border:0px;
    margin:0px;
    padding:0px;    
    border-collapse:collapse;    
    margin-left:2px;        
}

table.fund_historical_price_detail
{
    /*width:50%;*/
    border:0px;
    margin:0px;
    padding:0px;    
    border-collapse:collapse;    
    float: left;
    font-size: 13px;
}

table.fund_latest_price_table th
{
    font-weight: bold;
    color: #007AC3;
    border:0px;
    margin:0px;
    padding:0px;
    font-size: 11px;
}

table.fund_latest_price_table tr td,
table.fund_historical_price_detail tr td
{
    border:0px;
    margin:0px;
    padding:0px;
    /*vertical-align: top;    */
}



/*** latest funds ***/

.fundlist /* override css/all.css */
{
    padding: 0 0 0px;
}

span.latest_fund_percentage
{
    float: right;
}

div.latest_fund
{
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
}
div.latest_fund:hover
{
    color:Blue;
}

div.latest_fund_name
{
    font-weight: bold;
}

div.latest_funds_title
{
    margin-bottom: 10px;
    color: Gray;
}


/*** print friendly ***/

@media print{

div#header, div#side, div#fund_side, div#subnav, div#splash
{
    display:none;
}

div#primary, div#primary2
{
    width: 100%;
}

table.grayWhiteTable, table.blueWhiteTable
{
    /*border-collapse: separate;*/
}
table.grayWhiteTable td, table.blueWhiteTable td
{
    border: 1px solid black;
}

}




/*** from mint-asia ***/
/*
.tablealignleft{
	text-align:left;
}

.tablealignright{
	text-align:right;
}

.tablealigncenter{
	text-align:center;
}

.whitebluelargetabletop{
	background:url(/files/images/global/invest_search_table_head_bg.jpg);
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.whitebluelargetablebot{
	background:url(/files/images/global/invest_search_table_bot_bg.jpg) 0 100%;
}

.whitebluelargetableblueborderleft{
	background:transparent url(/files/images/global/invest_blue_border_left.jpg) 0 0;
	width:1px; 
	height:60px;
}

.whitebluelargetableblueborderright{
	background:transparent url(/files/images/global/invest_blue_border_right.jpg) 100% 0;
	width:1px; 
	height:60px;
}

.whitebluelargetablewhiteborderleft{
	background:transparent url(/files/images/global/invest_white_border_left.jpg) 0 0;
	width:1px; 
	height:60px;
}

.whitebluelargetablewhiteborderright{
	background:transparent url(/files/images/global/invest_white_border_right.jpg) 100% 0;
	width:1px; 
	height:60px;
}

.whitebluelargetablealter{
	background-color:#eff3ff;
}

.blueruletag{
	background:url(/files/images/global/wealth_manage_tag_bg.jpg); 
	text-align:right; 
	height:29px;
}

.blueruletag img{
	margin:0 0 0 2px;
}
*/


/*** Invest - Flexi ***/

#flexiTabs
{
    float:right;
    font-weight: bold;
}

#flexiTabs .tabOn
{
    background-color: #5F85C2;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    float:left;
    border: 1px solid black;
}

#flexiTabs .tabOff
{
    background-color: white;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    float:left;
    border: 1px solid black;
}

#flexiTabs a
{
    color: Black;
}

#flexiTabs a:hover
{
    color: Black;
}


/*** CUSTOM table (used jquery to add table style) ***/
/*** EG: blueWhiteTable & grayWhiteTable           ***/

table.blueWhiteTable, table.grayWhiteTable
{
    /*width:50%;*/
    border:0px;
    margin:0px;
    padding:0px;    
    border-collapse:collapse;    
    float: left;
    font-size: 13px;
    width: 100%;
}

table.blueWhiteTable tr td, table.grayWhiteTable tr td
{
    border:0px;
    margin:0px;
    padding:0px;
    line-height: 15px;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    /*vertical-align: top;    */
}

table.blueWhiteTable tr.blue_large_table_top td,
table.grayWhiteTable tr.blue_large_table_top td
{
    font-size: 13px;
    line-height: 18px;    
}

table.blueWhiteTable .blueWhiteTableLeftTop
{
    background: white url("/files/images/global/invest_blue_large_table_tl.jpg") no-repeat 0 0;
    width:15px;
}

table.blueWhiteTable .blueWhiteTableRightTop
{
    background: white url("/files/images/global/invest_blue_large_table_tr.jpg") no-repeat 0 0;
    width:15px;
}

table.blueWhiteTable .blueWhiteTableLeftBottom
{
    background: url("/files/images/global/invest_search_table_bl.jpg") no-repeat top left white;
    height:14px;
    width:15px;
}

table.blueWhiteTable tr td.blueWhiteTableRightBottom
{
    background: url("/files/images/global/invest_search_table_br.jpg") no-repeat top right white;
    height:14px;
    width:15px;
}

table.grayWhiteTable .grayWhiteTableLeftTop
{
    background: white url("/files/images/global/invest_blue_large_table_tl.jpg") no-repeat 0 0;
    width:15px;
}

table.grayWhiteTable .grayWhiteTableRightTop
{
    background: white url("/files/images/global/invest_blue_large_table_tr.jpg") no-repeat 0 0;
    width:15px;
}

table.grayWhiteTable .grayWhiteTableLeftBottom
{
    background: url("/files/images/global/invest_blue_large_table_bl_2.jpg") no-repeat top left white;
    height:12px;
    width:15px;
}

table.grayWhiteTable tr td.grayWhiteTableRightBottom
{
    background: url("/files/images/global/invest_blue_large_table_br_2.jpg") no-repeat top right white;
    height:12px;
    width:15px;
}

table.blueWhiteTable tr.whitebluelargetablebot td
table.grayWhiteTable tr.investindexedreturntablealter td
{
    font-size:1px;
    height:14px;
    line-height: 1px;
}