/* BASELINE SETTINGS _________________________________________________________________*/

body, html
{
    background-color: #6f6f6f;
    color: #3b4654; /* set default font color */
    font-family: verdana, arial, helvetica, sans-serif; /* set default font type */
    font-size: 13px; /*set default font size */
    text-align: left; /* set default font alignment */
    margin: 0;
    padding: 0;
    line-height:16px;
}
#content
{
    margin: 0em;
    padding: 4em 6em 2em 6em;
}
.disclaimer_text 
{
    line-height:13px;font-size:11px;color:#818181;
}
a
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 12px;
}
a:link
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 12px;
}
a:visited
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 12px;
}
a:active
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 12px;
}
a:hover
{
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 12px;
    text-decoration: none;
}
a.longLink
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 12px;
}
a.longLink:link
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 12px;
}
a.longLink:visited
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 12px;
}
a.longLink:active
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 12px;
}
a.longLink:hover
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 12px;
    text-decoration: none;
}
h1
{
    font-size: 2.0em;
    font-weight: normal;
    margin-top: 0em;
    margin-bottom: 0em;
}
h2
{
    font-size: 1.7em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: normal;
}
h3
{
    font-size: 1.4em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: normal;
}
h4
{
    font-size: 11px;
    color: #484848;
    margin: 0em 0em 1.2em 0em;
}
h5
{
    font-size: 1.0em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: bold;
}
h6
{
    font-size: 0.8em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: bold;
}
img
{
    border: 0;
}

/* Graphic headline style */
img.h1, img.h2, img.h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* main banner images used on key pages*/
img.banner {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

ol, ul, li
{
    /*list-style: none; 	margin-top: 0.2em; 	font-size: 1.0em; 	margin-bottom: 0.1em; */
    line-height: 18px;
	text-align:left;
}
.li_bullets
{
    margin-left: 15px;
    padding-left: 15px;
    list-style-image: url(../images/structure/icons/bullet_green_arrow.gif);
    list-style-type: none;
    padding-top: 0;
    margin-top:5px;
    text-align:left;
}
.li_numbers
{
    margin-left: 20px;
    padding-left: 20px;
}

/* reduced indent for these bullets*/
.li_bullets2
{
    margin-left: 8px;
    padding-left: 8px;
    list-style-image: url(../images/structure/icons/bullet.gif);
    list-style-type: none;
    padding-top: 0;
}
.li_bullets_green
{
    margin-left: 8px;
    padding-left: 8px;
    list-style-image: url(../zh-chs/images/structure/bullet_green_circle.gif);
    list-style-type: none;
    padding-top: 0;
    margin-top:0px;
}
.li_bullets_sub
{
    margin-left: 8px;
    padding-left: 35px;
    list-style-image: url(../images/structure/icons/bullet_sub.gif);
    list-style-type: none;
    padding-top: 0;
	line-height:18px;
}
.li_numbers2
{
    margin-left: 13px;
    padding-left: 13px;
}

span.green_text
{    font-size: 1.0em; /*line-height: 1.8em;*/
    line-height: 15px;
    margin: 0em 0em 1.2em 0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #7cc235;
}

p
{
    /*font-size: 1.0em; line-height: 1.8em;*/
    margin: 0em 0em 1.2em 0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    padding:0px;
}
p.small_note
{
    margin: 0em 0em 1.2em 0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    padding:0px;
}
pre
{
    font-family: monospace;
    font-size: 1.0em;
}
strong, b
{
    font-weight: bold;
}
code
{
    font-size: 1.2em;
}

dfn
{
    font-style: italic;
}

/*---------------------------------------------------------------
GENERIC STYLES 
---------------------------------------------------------------*/
hr {
    color: #9093a2;
}

/*---------------------------------------------------------------
GENERIC DATA TABLE STYLES
---------------------------------------------------------------*/
.tbl_data {
	border-top: 1px solid #9BA1A9;
	border-left: 1px solid #9BA1A9;
	color: #3B4654;
	width: 100%;
}
.tbl_data th {
	background-color: #e6e9ee;
	border-right: 1px solid #9BA1A9;
	border-bottom: 1px solid #9BA1A9;
	color: #3B4654;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
.tbl_data td {
	border-right: 1px solid #9BA1A9;
	border-bottom: 1px solid #9BA1A9;
	padding: 5px;
	text-align: left;
}


/*--------------------------------------
PROMO BOX ELEMENTS
---------------------------------------*/

#tl { background: url(../images/structure/promo_box/tl.gif) no-repeat top left;width:6px;height:6px; }
#tr { background: url(../images/structure/promo_box/tr.gif) no-repeat top right;width:6px;height:6px; }
#bl { background: url(../images/structure/promo_box/bl.gif) no-repeat bottom left;width:6px;height:6px; }
#br { background: url(../images/structure/promo_box/br.gif) no-repeat bottom right;width:6px;height:6px; }
#bline {background:url(../images/structure/promo_box/bline.gif) bottom left repeat-x;}
#tline {background:url(../images/structure/promo_box/tline.gif) top left repeat-x;}
#lline {background:url(../images/structure/promo_box/lline.gif) top left repeat-y;}
#rline {background:url(../images/structure/promo_box/rline.gif) top right repeat-y;}
#ca { width:100%;padding:15px; }


.tl { background: url(../images/structure/promo_box/tl.gif) no-repeat top left;width:6px;height:6px; }
.tr { background: url(../images/structure/promo_box/tr.gif) no-repeat top right;width:6px;height:6px; }
.bl { background: url(../images/structure/promo_box/bl.gif) no-repeat bottom left;width:6px;height:6px; }
.br { background: url(../images/structure/promo_box/br.gif) no-repeat bottom right;width:6px;height:6px; }
.bline {background:url(../images/structure/promo_box/bline.gif) bottom left repeat-x;}
.tline {background:url(../images/structure/promo_box/tline.gif) top left repeat-x;}
.lline {background:url(../images/structure/promo_box/lline.gif) top left repeat-y;}
.rline {background:url(../images/structure/promo_box/rline.gif) top right repeat-y;}
.ca { width:100%;padding:15px; }


/*--------------------------------------
CONTAINER ELEMENTS 
---------------------------------------*/

/*MAIN DIV AROUND ALL CONTAINER ELEMENTS*/
#site_container
{
    width: 980px;
    background-image: url(../images/structure/str_site_bg.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: left;
}

/*DIV CONTAINING ALL THE ELEMENTS OF THE TOP NAVIGATION*/
#top_navigation_container
{
    height: 188px;
    margin-left: 11px;
    margin-right: 11px;
}

#main_container
{
    padding-left: 11px;
    padding-right: 11px;
}

/*DIV CONTAINING THE LEFT NAVIGATION AND MAIN CONTENT CONTAINERS*/
#main_content_container
{
    background-color: #ffffff;
    width: 742px;
    background-image: url(../images/structure/str_cont_back_gra.gif);
    background-repeat: repeat-x;
    background-position: left top;
    float: left;
}


/*DIV CONTAINING ALL THE LEFT NAVIGATION ELEMENTS*/
#left_column_container
{
    width: 207px;
    clear: none;
    float: left;
    padding-top: 25px; /*position:relative;*/
}

#left_navigation_container
{
    margin: 0;
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

#left_promo_container
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    clear: left;
}

/*DIV CONTAINING THE CONTENT FOR THE PAGE*/
#content_container
{
    float: left;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom:15px;
    vertical-align: top;
    width: 525px; /*position:relative; 	*/
    text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}

/*DIV CONTAINING THE CONENT FOR THE PAGE FOR WIDE FORMAT (NO LEFT NAV)*/
#content_container_wide
{
    float: left;
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom:15px;
    width: 722px;
    vertical-align: top; /*position:relative; 	 	*/
    padding-right:10px;
    text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}

/*DIV CONTAINING THE CLIENT SEVICE AREA AND THE RIGHT PROMO AREA*/
#right_column_container
{
    width: 216px;
    float: left;
    background-color: #d1d1d1;
    background-image: url(../images/structure/str_promo_back_grad.gif);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
    vertical-align: top;
    padding-top: 25px;
}


/* SEARCH BOX REGION */
#search_region { background-color: #d1d1d1; text-align: right; padding-right: 10px; margin-bottom: 15px; }
.txt_search_box {  width: 124px; height: 17px; border: solid 1px #929292; font-size: 12px; font-family: Verdana, Arial; }

/*DIV CONTAINING SEE ALSO ELEMENT*/
#see_also_container
{
    padding-bottom: 4px;
}


/*DIVS CONTAINING THE PROMO AREA ELEMENTS*/

.promo_container_left {
    padding: 0 0 0 10px;
    margin: 0 0 4px 0;
    text-align: center;
    width: 187px;
}

.promo_container_right {
    padding: 0;
    margin: 0 0 4px 0;
    text-align: center;
    width: 197px;
    width:216px;
}

#open_acct_btn 
{
    padding-top: 8px;
    text-align: center;
}

/*MAIN DIV AROUND ALL CONTAINER ELEMENTS*/
#tool_bar_container
{
    clear: left;
    background-image: url(../images/structure/str_bot_back_grad.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    text-align: center;
}

/*DIV CONTAINING THE FOOTER ELEMENTS*/
#footer_container
{
    width: 980px;
    clear: left;
}

/*CLASS FOR THE TABLE ELEMENT IN THE FOOTER*/
#footer_table
{
    background: #686868;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width: 980px;
}
#footer_table .cell_middle
{
    border-top:solid 1px #ffffff;
    width: 958px;
}

#footer_table a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}

#footer_table a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}

#footer_table a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: underline;
}
#footer_table a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}
#footer_table td.cell_1
{
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

#footer_table td.cell_2
{
    padding-right: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}
#footer_table td.cell_3
{
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

/*--------------------------------------
SEE ALSO/RELATED LINKS STYLES
---------------------------------------*/
#see_also
{
    padding: 0px;
    margin: 0px;
    width: 197px;
}
#see_also_top
{
     margin-top: 10px;
    background-image: url(../images/structure/see_also/str_box_top.gif);
   background-repeat: no-repeat;
    background-color: #FFFFFF;
    height: 20px;
    padding: 0px;
    display: block;
    width: 197px;
}
#see_also_content
{
    background-color: #FFFFFF;
    width: 177px;
    padding: 10px;
    color: #757d87;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#see_also_content span.see_also_arrow
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #7cc235;
    font-size: 13px;
}

#see_also_bottom
{
    background-image: url(../images/structure/see_also/str_box_btm.gif);
    background-repeat: no-repeat;
    width: 197px;
    height: 17px;
    display: block;
}

.see_also_list {
    margin: 0 0 0 8px !important;
    padding: 0 0 0 8px !important;
    list-style-image: url(../images/structure/icons/bullet_see_also.gif);
    list-style-type: none;
}
.see_also_list li 
{
    padding-bottom: 2px !important;
}
/*--------------------------------------
LEFT NAVIGATION BAR - USING LISTS
---------------------------------------*/
/* side navigation buttons */
#side_nav
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: 187px;
}
#side_nav .side_link a:link, #side_nav .side_link a:visited
{
    background: url(../images/structure/side_nav/btn_off.gif);
    color: #585858;
    display: block;
    height: 26px;
    line-height: 24px;
    padding-left: 11px;
    text-decoration: none;
    vertical-align: top;
}
#side_nav .side_link a:hover
{
    background: url(../images/structure/side_nav/btn_on.gif);
    color: #FFFFFF;
    display: block;
    height: 26px;
    line-height: 24px;
    padding-left: 11px;
    text-decoration: none;
}
#side_nav .side_link a.selected
{
    background: url(../images/structure/side_nav/btn_on.gif) !important;
    color: #FFFFFF !important;
}

/* side navigation top and bottom regions */
#side_nav .top a
{
    display: block;
    margin: 0;
    padding: 0;
    width: 187px;
    height: 27px;
    font-size: 0em;
}
*html #side_nav .top a { /*IE6 hack to remove gap between menu and sub contents*/
    margin-bottom: -2px;
}
*:first-child+html #side_nav .top a { /*IE7 hack to remove gap between menu and sub contents*/
    margin-bottom: -2px;
}
#side_nav .bottom
{
    display: block;
    width: 187px;
    height: 14px;
    background: url(../images/structure/side_nav/str_btm_shad.gif) no-repeat;
    margin: 0;
    position: relative;
    top: -2px;
}

/* sub-navigation buttons */
#sub_nav
{
    width: 187px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
#sub_nav .sub_link a:link, #sub_nav .sub_link a:visited
{
    color: #585858;
    background: url(../images/structure/side_nav/btn_sub_off.gif) no-repeat;
    display: block;
    text-decoration: none;
    line-height: 25px;
    padding-left: 35px;
}
#sub_nav .sub_link a:hover
{
    color: #5fa915 !important;
    background: url(../images/structure/side_nav/btn_sub_on.gif) no-repeat;
    display: block;
    line-height: 25px;
    padding-left: 35px;
    text-decoration: none;
}
#sub_nav .sub_link a.selected
{
    background: url(../images/structure/side_nav/btn_sub_on.gif) no-repeat !important;
    color: #5fa915 !important;
}

/*--------------------------------------
TOOLBAR ELEMENTS 
---------------------------------------*/

.toolbar_container
{
    clear: left;
    width: 742px;
    background: url(../images/structure/toolbar/str_toolbar_bg_tile.gif) 0 0 repeat-x;
    height: 41px;

}

.toolbar_rate_this_page
{
    
    width: 140px;
    float: left;
    height: 20px;
    vertical-align: middle;
    padding-top: 10px;
}
.toolbar_rate_this_page .img_cell
{
    float: left;
    height: 31px;
}
.toolbar_rate_this_page .text_cell
{
    float: left;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
}

.toolbar_email_to_a_friend
{
    
    width: 160px;
    float: left;
    height: 20px;
    vertical-align: middle;
    padding-top: 10px;
}
.toolbar_email_to_a_friend .img_cell
{
    float: left;
    height: 20px;
}
.toolbar_email_to_a_friend .text_cell
{
    float: left;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
}

.toolbar_add_to_favorites
{
    
    width: 140px;
    float: left;
    height: 31px;
    vertical-align: middle;
    padding-top: 10px;
}
.toolbar_add_to_favorites .img_cell
{
    float: left;
    height: 20px;
}
.toolbar_add_to_favorites .text_cell
{
    float: left;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
}
.toolbar_print_this_page
{
    
    width: 140px;
    float: left;
    height: 20px;
    vertical-align: middle;
    padding-top: 10px;
}
.toolbar_print_this_page .img_cell
{
    float: left;
    height: 20px;
}
.toolbar_print_this_page .text_cell
{
    float: left;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
}


.toolbar_tools_text
{
   
    width: 109px;
    float: left;
    height: 20px;
    padding-top: 18px;
    padding-left: 18px;
}
.toolbar_text_link a, .toolbar_text_link a:hover, .toolbar_text_link a:visited 
{
   color: #3b4654;
}

.msn_tracking_link a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}

/*-----------------------------------------------------------------------------------------------------------------
RESIZABLE PROMO BOXES (e.g. Trading & Investing > Mutual Funds page)
--------------------------------------------------------------------------------------------------------------------*/

/* standard content box */
.content_box {
	width:50%;
	margin:0px auto;
background:#fff url(../images/structure/promo_box/box_left.gif) repeat-y left top;
}
   
.content_box .top {
  width:100%;
  height:20px;
  background:url(../images/structure/promo_box/box_top.gif) no-repeat left top;
}
  
.content_box .top span {
	display:block;
	position:relative;
	height:20px;
	background:url(../images/structure/promo_box/box_top_rt.gif) no-repeat right top;
}
  
  /* content box with 'MAX fact' title (Mutual Fund Maximizer) */
.content_box .top_maxfact_cht {
  width:100%;
  height:25px;
  background:url(../images/structure/promo_box/box_top_maxfact_cht.gif) no-repeat left top;
}
.content_box .top_maxfact_chs {
  width:100%;
  height:25px;
  background:url(../images/structure/promo_box/box_top_maxfact_chs.gif) no-repeat left top;
}

.content_box .top_maxfact_cht span, .top_maxfact_chs span{
	display:block;
	position:relative;
	height:25px;
	background:url(../images/structure/promo_box/box_top_maxfact_rt.gif) no-repeat right top;
}
  
  
.content_box .content {
	position:relative;
	background:url(../images/structure/promo_box/box_right.gif) repeat-y right top;
	padding:1px 20px 1px 25px;
	margin:-1px 0 -20px 0;
}
   
.content_box .bottom {
  height:30px;
  background:url(../images/structure/promo_box/box_btm.gif) no-repeat left bottom;
}

.content_box .bottom span {
  display:block;
  position:relative;
  height:30px;
  background:url(../images/structure/promo_box/box_btm_rt.gif) no-repeat right top;
}