@charset "utf-8";

.content_head .title{ font-weight:bold; font-size:13px;}
.content_head .remark{ color:#f90; font-weight:bold;}

.unsub_link{}
.unsub_link a:hover{color:#f90; }

.top_visual{position:absolute; right:0; }

.round_box{font-size:13px; margin-top:0px !important; > margin-top:-20px !important;  margin-top:-20px;}
.round_box_top{ background:url(../images/tw_border_line_top.png) bottom no-repeat; width:880px; height:9px;}
.round_box_bottom{ background:url(../images/tw_border_line_bottom.png) top no-repeat; width:880px; height:9px; margin-bottom:30px;}
.round_box_middle{ font-size:13px; background:url(../images/tw_border_line_1px.png) repeat-y; width:860px; padding:0 10px;}
.round_box_middle .title{font-size:13px; color:#003772; font-weight:bold;}
.round_box_middle .form_table{ font-size:13px; background:url(../images/tw_EDM_gradient_1px.png) repeat-x; padding:20px 10px;}
.round_box_middle .form_table_grey{ font-size:13px; background:url(../images/tw_member_registration_bg_1px.png) repeat-x; padding:20px 10px;}

.round_box_middle .form_table table, .round_box_middle .form_table_grey table{font-size:13px; width:840px;}
.round_box_middle .form_table table table{font-size:13px; width:auto;} /*fix the table inside a table problem*/
.round_box_middle .form_table table tr td, .round_box_middle .form_table_grey table tr td{ font-size:13px; padding:7px;}

.round_box_middle .contact_us_form table tr .contact_us_title{font-size:13px; color:#777; font-weight:bold;}

.round_box_middle .form_table_no_bg{ padding:0px 0px;}
.round_box_middle .form_table_no_bg table{ font-size:13px; width:860px ;}
.round_box_middle .form_table_no_bg table tr td{ font-size:13px; padding:3px;}
.round_box_middle .form_table_no_bg .left_cell{ font-size:13px; background:url(../images/tw_form_download_bg_1px.png) repeat-y; width:430px; border-bottom:1px solid #fff; padding:7px;}
.round_box_middle .form_table_no_bg .right_cell{ font-size:13px; background:url(../images/tw_form_download_bg_1px.png) repeat-y; width:430px; border-bottom:1px solid #fff; padding:7px;}
.round_box_middle .form_table_no_bg .label{ font-size:13px; color:#003772; float:left;}
.round_box_middle .form_table_no_bg .dn_link{ float:right;}
.round_box_middle .form_table_no_bg .dn_link a{ font-size:13px; color:#777; text-decoration:none;}
.round_box_middle .form_table_no_bg .dn_link a:hover{color:#f90;}
.form_dn_remarks{ float:right; font-size:11px;}

.round_box_middle .tel_no_box{width:100px;}
.round_box_middle .tel_no_box_short{width:30px;}
.round_box_middle .name_box{width:210px;}
.round_box_middle .address_box{width:300px;}
.round_box_middle .address_box_long{width:400px;}
.round_box_middle .textarea{width:300px; height:70px;}
.round_box_middle .zip_box{width:35px;}


.round_box_middle  .box_remarks{font-size:12px; font-style:normal;}


.round_box_middle .login_table{background:url(../images/tw_member_login_1px.png) repeat-x; padding:20px 10px; width:840px;}
.round_box_middle .login_table .login_box_top{ background:url(../images/tw_member_login_box_top.gif) bottom no-repeat; width:333px; height:10px; }
.round_box_middle .login_table .login_box_bottom{background:url(../images/tw_member_login_box_bottom.gif) top no-repeat; width:333px; height:10px;}
.round_box_middle .login_table .login_box_top, .round_box_middle .login_table .login_box_bottom, .round_box_middle .login_table .login_box_middle, .round_box_middle .login_table .remarks{margin-left:30px;}
.round_box_middle .login_table .login_box_middle{font-size:13px;  background:#fff; width:333px; }
.round_box_middle .login_table .login_box_middle table tr td{ font-size:13px; padding:7px;}
.round_box_middle .login_table .login_box_middle table tr td a{ color:#506dad; text-decoration:none; font-size:12px;}
.round_box_middle .login_table .login_box_middle table tr td a:hover{text-decoration:none; color:#f90;}
.round_box_middle .login_table .login_box_middle .login_form{padding:0px 10px;}
.round_box_middle .login_table .login_box_middle .login_form .textbox{width:200px;}
.round_box_middle .login_table .login_box_middle .login_form .button{width:50px;}

.round_box_middle .login_table .remarks{ padding:10px 0 0 0;}dsa	

.landing_table{padding-bottom:20px;}

.landing_table .section_title{position:absolute; top:30px; font-size:24px; font-weight:bold;}


.landing_table .left_col_wrapper{background:url(../images/tw_border_line_half_1px_L.png) repeat-y; width:440px}
.landing_table .left_col_no_grad{ background:#d0d0d0; margin:0 0 0 16px; padding-bottom:15px;}
.landing_table .left_col{ background:url(../images/tw_member_landing_bg_L_1px.png) top repeat-x; margin:0 0 0 16px; padding-bottom:15px;}
.landing_table .left_col_bottom{ background:url(../images/tw_border_line_half_bottom_L.png) top no-repeat;  width:440px; height:15px;}

.landing_table .right_col_wrapper{background:url(../images/tw_border_line_half_1px_R.png) repeat-y; width:440px}
.landing_table .right_col_no_grad{ background:#ededee; margin:0 16px 0 0; padding-bottom:15px;}
.landing_table .right_col{ background:url(../images/tw_member_landing_bg_R_1px.png) top repeat-x; margin:0 16px 0 0; padding-bottom:15px;}
.landing_table .right_col_bottom{background:url(../images/tw_border_line_half_bottom_R.png) top no-repeat; width:440px; height:15px;}

.landing_table .white_box{ padding:0 30px; }
.landing_table .white_box .white_box_top{ background:url(../images/tw_member_landing_content_box_top.gif) bottom no-repeat; width:364px; height:15px; }
.landing_table .white_box .white_box_bottom{ background:url(../images/tw_member_landing_content_box_bottom.gif) top no-repeat; width:364px; height:15px; }
.landing_table .white_box .white_box_middle{ background:#fff; padding:0 15px; }
.landing_table .white_box .white_box_middle .date{color:#003772; font-size:15px; font-weight:bold; padding:3px 0;}
.landing_table .white_box .white_box_middle .title{ color:#f90; font-size:15px; font-weight:bold; padding:3px 0; }
.landing_table .white_box .white_box_middle .button{ margin-left:250px;width:80px;}

.landing_table .item_list{padding:10px 5px 10px 10px;}
.landing_table .item_list table{width:347px; padding:3px;}
.landing_table .item_list table td{ font-size:13px; border-bottom:1px solid #ccc; color:#003772; font-weight:bold; height:30px !important; > height:20px !important; height:20px;}
.landing_table .item_list table .top_item{border-top:1px solid #ccc; }



.content_tab{ width:760px; padding: 0 0 0px 0; position:relative; }
.content_tab ul{ padding:0px; margin:0px; height:27px; border-bottom: 1px solid #f90; }
.content_tab ul li{ padding:0 4px 0 0; margin:0px; list-style:none; float:left; }
.content_tab ul li span{ border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 0 4px 0; display:block; float:left; }
.content_tab ul li a{ margin:0 0 0 1px; background:url(../images/grey_btn_bg.png) 0px 0px repeat-x; color:#666; font-weight:bold; padding: 5px 5px 10px 5px; text-decoration:none; font-size:15px;}


.content_tab ul li .here{ border-right: 1px solid #f90; border-left: 1px solid #f90; border-top: 1px solid #f90; }
.content_tab ul li a:hover, .content_tab ul li .here a{ background:url(../images/orange_btn_bg.png) 0 1px repeat-x !important; 
							> background:#f90 url(../images/orange_btn_bg.png) 0 1px repeat-x !important; 
							background:#f90 url(../images/orange_btn_bg.png) 0px 1px repeat-x; 
							margin:0 0 0 1px; color:#fff; font-weight:bold; padding: 6px 5px 6px 5px; text-decoration:none; }

.content_tab_date{ position:absolute; top:8px;right:0; font-size:11px; width:100px;}
.content_tab_date a:hover{color:#f90; text-decoration:underline;}


.content_tab_sub{background:#fff5e5; height:30px; color:#666;}
.content_tab_sub a{color:#666; text-decoration:none;}
.content_tab_sub .here, .content_tab_sub a:hover{color:#f90;}
.content_tab_sub .sub_menu{padding:6px 10px;}

.faq_box{ padding:20px 0 ;}
.faq_box .back_to_top{padding:0 20px 0 0;}
.faq_box .box_top{background:url(../images/tw_border_line_760w_top.png) bottom no-repeat; width:760px; height:15px;}
.faq_box .box_middle{background:url(../images/tw_border_line_760w_1px.png) repeat-y; width:760px; }
.faq_box .box_bottom{background:url(../images/tw_border_line_760w_bottom.png) top no-repeat; width:760px; height:15px;}

.faq_box .faq_table{padding:10px}
.faq_box .faq_table .table_row{color:#003772;}
.faq_box .faq_table .unselect{background:#e5eaf3;}
.faq_box .faq_table .open, .faq_box .faq_table .select{background:#ffebcc}

.faq_box .faq_table td{padding:5px; border-bottom:1px solid #fff;}
.faq_box .faq_table .table_row .faq_q a{color:#003772; font-weight:bold; text-decoration:none;}
.faq_box .faq_table .table_row .faq_q a:hover{background:#ffebcc;}
.faq_box .faq_table .table_row .faq_q .quest{float:left; display:block; margin:0px 0 0 0;}
.faq_box .faq_table .table_row .faq_q .icon{padding:2px 0 0 5px!important; padding:2px 0 0 5px; display:block; float:left;}


.faq_box .faq_table .table_row .faq_a{color:#666;}
.faq_box .faq_table .table_row .faq_a p{line-height:25px; padding:0;}
.faq_box .faq_table .table_row .faq_a a{color:#003772; text-decoration:none;}
.faq_box .faq_table .table_row .faq_a a:hover{color:#f90;}
.faq_box .faq_table .table_row .faq_a table{margin:5px 0;}
.faq_box .faq_table .table_row .faq_a table th{color:#fff; background:#7f7f7f; padding:3px; border-bottom:1px solid #7f7f7f; border-right:1px solid #7f7f7f;}
.faq_box .faq_table .table_row .faq_a table td{color:#7f7f7f; padding:3px;}
.faq_box .faq_table .table_row .faq_a table .title{background:#ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.faq_box .faq_table .table_row .faq_a table .content{border-bottom:1px solid #e2ebf9; border-right:1px solid #e2ebf9;}

/*style for distribution channel*/

.newmarket_menu{width:229px; height:597px !important; height:600px; background-color:#e2ebf9; float:left;}
.newmarket_menu ul{height:570px; overflow:auto;}
.newmarket_menu li{	border-bottom:1px solid #fff;}
.newmarket_menu a{color:#506dad; padding:5px; text-decoration:none; display:block;}
.newmarket_menu a:hover{color:#f90; font-weight:bold;}
.newmarket_menu a.selected{color:#f90;font-weight:bold;background-color:#003772;}
.newmarket_content{width:650px; float:right;}
.tabloader{height:550px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px !important; padding:10px 10px 0; padding-bottom:0px !important;}
.newmarket_content table{width:626px;margin:0 0 15px;background:#fff url('../images/distribution_table_gradient.png') 0 0 repeat-x; }
.newmarket_content td{padding:3px 0  3px 10px; width:125px;}
.newmarket_content td.head{font-size:16px; height:30px; font-weight:bold; color:#003772;}
/*
.newmarket_content label.desc-1{padding: 0 13px 0 0;background:#fff url('../images/tw_star_sign_blue.gif') right center  no-repeat;}
.newmarket_content label.desc-2{padding: 0 13px 0 0;background:#fff url('../images/tw_star_sign.gif') right center  no-repeat;}
*/
.newmarket_menu h1, .newmarket_content h1{ font-size:100%; font-weight:bold; padding:5px;background-color:#667faf; color:#fff;vertical-align:middle;}
.newmarket_content label.desc_1{padding:0 20px 0 13px; background:#fff url('../images/tw_star_sign_blue.gif') 0 center  no-repeat; float:right;}
.newmarket_content label.desc_2{padding:0 0 0 13px; background:#fff url('../images/tw_star_sign.gif') 0 center  no-repeat; float:right;}




/*style for risk analyser*/

.invest_plan_top, .invest_plan_bottom{width:880px; height:9px;}
.invest_plan_top{background:#fff url('../images/round_corner_top.png') 0 0 no-repeat;}
.invest_plan_bottom{background:#fff url('../images/round_corner_bottom.png') 0 0 no-repeat;}
.invest_plan_middle{width:858px;padding:0 10px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
.invest_plan_middle table{width:100%; color:#777; margin: 0 0 10px 0;background:#fff url('../images/invest_plan_gradient.png') 0 0 repeat-x;}
.invest_plan_middle td{padding:10px 0 0 0; vertical-align:middle;}
.invest_plan_middle td.vtop{vertical-align:top;}
.invest_plan_middle td.q-no{width:30px; padding:10px 0 0 10px;color:#196972; font-weight:bold;}
.invest_plan_middle td.q{color:#196972; font-weight:bold;}
.invest_plan_middle td b{margin:0 10px 0 0;}
/*label.icon-1, label.icon-2, label.icon-3{width:111px; height:85px;}*/
#icon_1{position:relative; margin:-65px 0 -20px; display:block; left:150px;}
#icon_2{position:relative; margin:-65px 0 -20px; display:block; right:55px;}
#icon_3{position:relative; margin:-65px 0 -20px; display:block; right:55px;}
#icon_4{position:relative; margin:-65px 0 -20px; display:block; left:230px;}
.invest_result{width:880px; height:168px; margin:10px 0 0; background:#fff url('../images/invest_result.png') 0 0 no-repeat;}
.invest_result h1{width:50%;font-size:100%; font-weight:bold; color:#196972; position:relative; top:85px; left:10px;}
.invest_result h2{width:50%;color:#a1665a; position:relative; top:85px; left:255px;}
.invest_result label{position:relative; top:85px; left:380px; width:480px; display:block; z-index:1;}
.invest_result label a, .invest_result label span{color:#fff;padding:3px; float:left; display:block;}
.invest_result label input{margin:0;float:right;}

.bottom_button{width:880px; text-align:center; padding:30px 0;}
.bottom_button input{width:80px;}

/*style for fund recommendation*/

.fund_recommend{width:660px;position:relative; top:-20px;}
.fund_recommend p.explanation{padding:25px 165px 25px 0; height:187px; border-bottom:1px solid #f90; background:#fff url('../images/fund_recommend_1.png') right bottom no-repeat;} 
.fund_recommend p a{color:#003772;padding:0 0 0 20px; background:#fff url('../images/arrow_white.png') 0 center no-repeat; text-decoration:none;}
.fund_recommend p a:hover{color:#f90;}
.fund_recommend p.headline{color:#003772; font-size:15px; margin:20px 0 0 0;}
.fund_recommend p.headline em.group1{color:#659964}
.fund_recommend p.headline em.group2{color:#bbae75}
.fund_recommend p.headline em.group3{color:#a1665a}
.fund_recommend table{width:100%; color:#506dad; margin:10px 0;}
.fund_recommend table tr.group1{background:#6c9057; color:#fff;}
.fund_recommend table tr.group2{background:#bbae75; color:#fff;}
.fund_recommend table tr.group3{background:#a1665a; color:#fff;}
.fund_recommend table tr.group4{background:#a99161; color:#fff;}
.fund_recommend .chart_caption{color:#506dad;}
.fund_recommend td{padding:5px; border-bottom:1px solid #e2ebf9;border-right:1px solid #e2ebf9;}
.fund_recommend td.left_1{background:#e2ebf9; border-bottom:1px solid #fff;border-right:1px solid #fff;}
.fund_recommend td.left_border{border-left:1px solid #e2ebf9;}
.fund_recommend td.category{width:80px; border-right:1px solid #fff;}
.fund_recommend td.name{width:160px; border-right:1px solid #fff;}
.fund_recommend td.ratio{/*width:60px;*/ border-right:1px solid #fff;}



/*style for how to deal*/
.how_to_deal .col-1, .how_to_deal .col-2, .how_to_deal .col-3, .how_to_deal .col-4, .how_to_deal .col-5, .how_to_deal .col-6{height:600px; margin:0 0 20px;}
.how_to_deal .col-1{width:445px; border-right:1px solid #bbb; float:left; background:#fff url('../images/how_to_deal_chart_1.png') center center no-repeat;}
.how_to_deal .col-3{width:445px; border-right:1px solid #bbb; float:left; background:#fff url('../images/how_to_deal_chart_3.png') center center no-repeat;}
.how_to_deal .col-5{width:445px; border-right:1px solid #bbb; float:left; background:#fff url('../images/how_to_deal_chart_5.png') center center no-repeat;}
.how_to_deal .col-2{width:434px; float:right; background:#fff url('../images/how_to_deal_chart_2.png') center center no-repeat;}
.how_to_deal .col-4{width:434px; float:right; background:#fff url('../images/how_to_deal_chart_4.png') center center no-repeat;}
.how_to_deal .col-6{width:434px; float:right; background:#fff url('../images/how_to_deal_chart_6.png') center center no-repeat;}
.how_to_deal {color:#003772}
.how_to_deal h1{font-size:12px; font-weight:bold; text-align:center; padding:20px 0 0 0;}
.how_to_deal em{color:#f90;}
.how_to_deal p{color:#777; font-size:11px;}
.floatight{ float:right;}

/*style for how to deal onshore*/
.how_to_deal_onshore{padding:10px 0;}
.how_to_deal_onshore .col-1{width:440px;float:left; }
.how_to_deal_onshore .col-2{width:409px; border-left:1px solid #bbb; float:right; padding:15px; }
.how_to_deal_onshore .col-3{width:440px;float:left; border-right:1px solid #bbb; }
.how_to_deal_onshore .col-4{width:409px; float:right; padding-left:15px; }

.how_to_deal_onshore p{padding:15px 15px 20px 0;}
.how_to_deal_onshore .step{width:406px; height:80px; min-height:85px;border:1px solid #ccc; border-bottom:0; padding:5px 5px 0; color:#003772;}
.how_to_deal_onshore .step-border{border:1px solid #ccc;}
.how_to_deal_onshore .step p.left{width:100px; height:42px; min-height:42px; float:left; padding:0 40px 0 0; margin:5px 0 0 5px; font-weight:bold;}
.how_to_deal_onshore .step p.left-1{background:#fff url('../images/how_to_deal_step1.png') right top no-repeat;}
.how_to_deal_onshore .step p.left-2{background:#fff url('../images/how_to_deal_step2.png') right top no-repeat;}
.how_to_deal_onshore .step p.left-3{background:#fff url('../images/how_to_deal_step3.png') right top no-repeat;}
.how_to_deal_onshore .step .right{width:230px; float:right; padding:8px; background:#e2ebf9; display:block;}
.how_to_deal_onshore .step .right-1{width:246px;padding:0;}
.how_to_deal_onshore .step .right ul{width:50%;float:left;}
.how_to_deal_onshore  table{width:100%; background:#e2ebf9; color:#506dad;}
.how_to_deal_onshore th{background:#667faf; color:#fff; text-align:left;padding:4px; font-weight:bold;}
.how_to_deal_onshore .step .right td{ width:50%;}
.how_to_deal_onshore .step .right ul li{ list-style:disc; padding-left:0px; margin-left:15px;}
.how_to_deal_onshore td{padding:4px;}
.how_to_deal_onshore td.col-right, .how_to_deal_onshore tr.col-right{
	background:#fff;
	padding-right: 1px;
}
.how_to_deal_onshore table.nation td.col-right{color:#777;}
.how_to_deal_onshore .stepbase{width:418px; height:40px;background:#fff url('../images/bg_arrow_bottom.png') 0 bottom no-repeat; margin:0 0 10px 0; display:block;}
.how_to_deal_onshore  p.small{font-size:11px;}
.how_to_deal_onshore  p.desc:first-line{ font-weight:bold;color:#003772;}
.how_to_deal_onshore .col-2 h1{font-size:13px; font-weight:bold; color:#003772;}
.how_to_deal_onshore .col-2 table{margin:0px 0 0 0;}
.how_to_deal_onshore .col-4 table{margin:0 0 0 0;}
.how_to_deal_onshore td.border_b{border-bottom:1px solid #fff;}
.how_to_deal_onshore b.blue{color:#003772;}
.how_to_deal_onshore .whitetd{color:#777; line-height:20px; padding:10px}

.how_to_deal .remarks_list{color:#777; font-size:12px;}
.how_to_deal .remarks_list li{ margin-left:25px; list-style:decimal; padding-left:0; color:#777; font-size:12px; line-height:20px;}