/*--------------------------------------------------------------------
 TABLE OF CONTENTS
--------------------------------------------------------------------

    1. BASELINE SETTINGS
    2. GENERIC STYLES 
    3. PROMO BOX ELEMENTS
    4. PROMO BOX ELEMENTS -- USD RSP Commercial page
    5. CONTAINER ELEMENTS 
    6. SEARCH BOX CONTAINER
    7. CLIENT SERVICES CONTAINER
    8. SEE ALSO  CONTAINER
    9. PROMO AREA  CONTAINER
    10. TOOL BAR  CONTAINER
    11. FOOTER  CONTAINER
    12. SEE ALSO/RELATED LINKS STYLES
    13. LEFT NAVIGATION BAR - USING LISTS
    14. TOOLBAR ELEMENTS 
    15. RESIZABLE PROMO BOXES (e.g. Trading & Investing > Mutual Funds page)
    16. RESIZABLE BANNER BOXES (e.g. Legal\Electronic Delivery Agreement page)

	17. REDESIGN STYLES
	18. REDESIGN PANEL STYLES

--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
1. 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: 11px; /*set default font size */
    text-align: justify; /* set default font alignment */
    margin: 0;
    padding: 0;
}
#content
{
    margin: 0em;
    padding: 4em 6em 2em 6em;
}

a
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 11px;
}
a:link
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 11px;
}
a:visited
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 11px;
}
a:active
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 11px;
}
a:hover
{
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #7cc235;
    font-size: 11px;
    text-decoration: none;
}
a.longLink
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 11px;
}
a.longLink:link
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 11px;
}
a.longLink:visited
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 11px;
}
a.longLink:active
{
    text-decoration: none;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 11px;
}
a.longLink:hover
{
    text-decoration: underline;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3b4654;
    font-size: 11px;
    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: #3B4654;
    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: 15px;
}
.li_bullets
{
    margin-left: 15px;
    padding-left: 15px;
    list-style-image: url(../images/structure/icons/bullet.gif);
    list-style-type: none;
    padding-top: 0;
    margin-top:5px;
    text-align:justify;
}
.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_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:15px;
}
.li_bullets_green
{
    margin-left: 8px;
    padding-left: 35px;
    list-style-image: url(../images/structure/icons/bullet_green_lg.gif);
    list-style-type: none;
    padding-top: 0;
	line-height:15px;
}

.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: 11px;
    text-align: justify;
    color: #7cc235;
}

p {
    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: 11px;
    text-align: left;
    color: #3b4654;
    /*margin:0px;
    padding:0px;*/
}
pre
{
    font-family: monospace;
    font-size: 1.0em;
}
strong, b
{
    font-weight: bold;
}
code
{
    font-size: 1.2em;
}

dfn
{
    font-style: italic;
}

/*---------------------------------------------------------------
2. GENERIC STYLES 
---------------------------------------------------------------*/
hr {
	border: 0;
	color: #484848;
	background-color: #484848;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom:  16px;
}
.divider 
{
	background: url(../images/structure/img_dotted_line2.gif) repeat-x left top;
    width: 100%;
    height: 1px;
    margin: 0em 0em 1.2em 0em;
}

/*---------------------------------------------------------------
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: #000000;*/
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
.tbl_data td {
	border-right: 1px solid #9BA1A9;
	border-bottom: 1px solid #9BA1A9;
	padding: 5px;
}


/*--------------------------------------
3. 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; }


/*--------------------------------------
4. PROMO BOX ELEMENTS -- USD RSP Commercial page
---------------------------------------*/
#liquid-round {
	width:100%;
	margin:0px auto;
	background:#fff url(../images/trading/structure/box_left.gif) repeat-y left top;
}
   
.promo_box_top {
  width:100%;
  height:10px;
  background:url(../images/trading/structure/box_top.gif) no-repeat left top;
}
  
.promo_box_top span {
	display:block;
	position:relative;
	height:10px;
	background:url(../images/trading/structure/box_top_rt.gif) no-repeat right top;
}
  
.promo_box_center-content {
	position:relative;
	background:url(../images/trading/structure/box_right.gif) repeat-y right top;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:-5px 0px -4px 2px;
}
   
.promo_box_bottom {
  height:10px;
  background:url(../images/trading/structure/box_btm.gif) no-repeat left bottom;
}

.promo_box_bottom span {
  display:block;
  position:relative;
  height:10px;
  background:url(../images/trading/structure/box_btm_rt.gif) no-repeat right bottom;
}


/*--------------------------------------
5. 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:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}

/*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:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}

/* *NEW* DIV CONTAINING THE CONTENT FOR THE PAGE FOR WIDE FORMAT (NO LEFT NAV) - FOR REDESIGN */
#content_container_full
{
	padding-left:11px;
	padding-right:11px;
	padding-top:0px;
}


/*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;
}


/*--------------------------------------------------------------------
6. SEARCH BOX CONTAINER 
--------------------------------------------------------------------*/

#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: 11px; font-family: Verdana, Arial; }



/*--------------------------------------------------------------------
7. CLIENT SERVICES CONTAINER
--------------------------------------------------------------------*/

#clint_services_container
{
    font-size: 0em;
    padding: 0px;
    margin: 0px;
}
.client_services_menu
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
    height: 72px;
    width: 197px; /*display: inline;*/
}
.client_services_menu li
{
    line-height: 0;
}
.faq a
{
    background: url(../images/structure/client_services/icon_faqs.gif) 0 0 no-repeat;
    float: left;
    height: 72px;
    width: 50px;
}
.faq a:hover
{
    height: 72px;
    width: 50px;
    background-position: -50px 0;
}
.chat a
{
    height: 72px;
    width: 49px;
    background: url(../images/structure/client_services/icon_chat.gif) 0 0 no-repeat;
    float: left;
}
.chat a:hover
{
    height: 72px;
    width: 49px;
    background-position: -49px 0;
}
.email a
{
    height: 72px;
    width: 50px;
    background: url(../images/structure/client_services/icon_email.gif) 0 0 no-repeat;
    float: left;
}
.email a:hover
{
    height: 72px;
    width: 50px;
    background-position: -50px 0;
}
.phone a
{
    height: 72px;
    width: 48px;
    background: url(../images/structure/client_services/icon_phone.gif) 0 0 no-repeat;
    float: left;
}
.phone a:hover
{
    height: 72px;
    width: 48px;
    background-position: -48px 0;
}



/*--------------------------------------------------------------------
8. SEE ALSO CONTAINER
--------------------------------------------------------------------*/

#see_also_container
{
    padding-bottom: 4px;
}


/*--------------------------------------------------------------------
9. PROMO AREA CONTAINER
--------------------------------------------------------------------*/

.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;
}



/*--------------------------------------------------------------------
10. TOOL BAR CONTAINER
--------------------------------------------------------------------*/

#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;
}


/*--------------------------------------------------------------------
11. FOOTER CONTAINER
--------------------------------------------------------------------*/

/*DIV CONTAINING THE FOOTER */
#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: 10px;
    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: 10px;
    color: #FFFFFF;
    text-decoration: none;
}

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

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

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

/*--------------------------------------
12. 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;
}

#see_also_content a:link, #see_also_content a:active, #see_also_content a:visited  {  text-decoration: none; color: #000000; }
#see_also_content a:hover  {  text-decoration: underline; color: #000000; }

/*--------------------------------------
13. 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;
}

/*--------------------------------------
14. 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: 115px;
    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;
}
A.toolbar_text_link, A:visited.toolbar_text_link, A:link.toolbar_text_link { text-decoration: none; color: #000000; }
A:hover.toolbar_text_link { text-decoration: underline; color: #000000; }

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


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


.content_box {
	width:50%;
	margin:0px auto;
	background:#fff url(../images/structure/content_box/box_left.gif) repeat-y left top;
}
.content_box .top {
  width:100%;
  height:24px;
  background:url(../images/structure/content_box/box_top.gif) no-repeat left top;
}
.content_box .top span {
  display:block;
  position:relative;
  height:24px;
  background:url(../images/structure/content_box/box_top_rt.gif) no-repeat right top;
}
.content_box .content {
	position:relative;
	background:url(../images/structure/content_box/box_right.gif) repeat-y right top;
	padding:10px 20px 20px 16px;
	margin:-1px 0 -14px 0;
	text-align:left;
}
.content_box .bottom {
  height:15px;
  background:url(../images/structure/content_box/box_btm.gif) no-repeat left bottom;
}
.content_box .bottom span {
  display:block;
  position:relative;
  height:15px;
  background:url(../images/structure/content_box/box_btm_rt.gif) no-repeat right top;
}



/* content box with 'tip' title */
.content_box .top_tip {
  width:100%;
  height:33px;
  background:url(../images/structure/promo_box/box_top_tip.gif) no-repeat left top;
}
.content_box .top_tip span {
	display:block;
	position:relative;
	height:33px;
	background:url(../images/structure/promo_box/box_top_tip_rt.gif) no-repeat right top;
}
  
/* content box with 'MAX fact' title (Mutual Fund Maximizer) */
.content_box .top_maxfact {
  width:100%;
  height:25px;
  background:url(../images/structure/promo_box/box_top_maxfact.gif) no-repeat left top;
}
.content_box .top_refer_a_friend {
  width:100%;
  height:25px;
  background:url(../images/welcome/structure/raf_box_top.gif) no-repeat left top;
}
.content_box .top_forex_trader{
  width:100%;
  height:21px;
  background:url(../campaigns/bear_free/forex_trader_content_box.gif) no-repeat left top;
}
.content_box .top_maxfact span {
	display:block;
	position:relative;
	height:25px;
	background:url(../images/structure/promo_box/box_top_maxfact_rt.gif) no-repeat right top;
}
  
/* content box with 'New low commission' title (Mutual Fund Centre) */
.content_box .top_comm {
  width:100%;
  height:25px;
  background:url(../images/structure/promo_box/box_top_comm.gif) no-repeat left top;
}
.content_box .top_comm span {
	display:block;
	position:relative;
	height:25px;
	background:url(../images/structure/promo_box/box_top_comm_rt.gif) no-repeat right top;
}

/* content box with 'New low commission' title (Mutual Fund Centre) */
.content_box .top_usdfaqs {
  width:100%;
  height:25px;
  background:url(../images/structure/promo_box/box_top_usdfaqs.gif) no-repeat left top;
}
.content_box .top_usdfaqs span {
	display:block;
	position:relative;
	height:25px;
	background:url(../images/structure/promo_box/box_top_usdfaqs_rt.gif) no-repeat right top;
}





/*---------------------------------------------------------------------
16. RESIZABLE BANNER BOXES (e.g. Legal\Electronic Delivery Agreement page)
-----------------------------------------------------------------------*/

#banner_box {
	width:100%;
	margin:0px auto;
	background:#fff url(../images/structure/form/form_box_left.gif) repeat-y left top;
}
   
#banner_box .top {
  width:100%;
  height:41px;
  background:url(../images/structure/form/form_box_top.gif) no-repeat left top;
}
  
#banner_box .top span {
	display:block;
	position:relative;
	height:41px;
	background:url(../images/structure/form/form_box_top_rt.gif) no-repeat right top;
	padding-left: 10px;
}
  
#banner_box .center-content {
	position:relative;
	background:url(../images/structure/form/form_box_right.gif) repeat-y right top;
	padding:1px 20px 1px 25px;
	margin:0 0 -20px 0;
}
   
#banner_box .bottom {
  height:30px;
  background:url(../images/structure/form/form_box_btm.gif) no-repeat left bottom;
}

#banner_box .bottom span {
  display:block;
  position:relative;
  height:30px;
  background:url(../images/structure/form/form_box_btm_rt.gif) no-repeat right top;
}

.ajax__calendar_container { border: solid 1px #c0c0c0; background-color: White;}
.ajax__calendar_header  { background-color: #c2c4ce; }
.ajax__calendar_today { background-color: #ceebb0; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color:#ceebb0; border-color:#daf2fc; color:#000;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#ceebb0;border-color:#daf2fc !important;color:#000 !important;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#ceebb0;border-color:#daf2fc !important;color:#000 !important;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#000 !important;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#000 !important;}



/*--------------------------------------------------------------------
17. REDESIGN
--------------------------------------------------------------------*/

/* REDESIGN: NEW bullet style using green arrows */
.li_arrow_grn 
{
	margin: 5px 0 0 10px; 
	padding: 0 0 15px 10px;
	list-style-image: url(../images/structure/icons/bullet_green_arrow.gif);
    list-style-type: none;
}
.li_arrow_grn li
{
padding-bottom:5px; 
}


/* REDESIGN: NEW bullet style using grey arrows */
.li_arrow_grey
{
	margin: 5px 0 0 10px; 
	padding: 0 0 15px 10px;
	list-style-image: url(../images/structure/icons/bullet_grey_arrow.gif);
    list-style-type: none;
}
.li_arrow_grey li
{
padding-bottom:5px; 
}

/* REDESIGN: NEW note style */
.note {
	font-size: 9px;
	color: #8b8b8b;
}

.note a {
	font-size: 9px;
}


/*---------------------------------------------------------------------
18. REDESIGN: NEW ACCORDION PANEL STYLES
-----------------------------------------------------------------------*/

/* standard accordion panel */
.panel {
	width:100%;
	margin:0px auto;
	background:#fff url(../images/structure/panels/panel_left.gif) repeat-y left top;
}
.panel .top {
  width:100%;
  height:24px;
  background:url(../images/structure/panels/panel_top.gif) no-repeat left top;
}
.panel .top span {
	display:block;
	position:relative;
	height:24px;
	background: url(../images/structure/panels/panel_top_rt.gif) no-repeat right top;
}
.panel .content {
	/*position:relative;
	text-align:left;*/
	background:url(../images/structure/panels/panel_right.gif) repeat-y right top;
	padding:10px 20px 0px 20px;
	margin:-5px 0 -28px 0;
}
.panel .bottom {
  height:15px;
  background:url(../images/structure/panels/panel_btm.gif) no-repeat left bottom;
}
.panel .bottom span {
  display:block;
  position:relative;
  height:15px;
  background:url(../images/structure/panels/panel_btm_rt.gif) no-repeat right top;
}

/* each item within the panel */
.panel .item {
    clear: both;
    overflow: hidden;
    padding-bottom: 8px;
    margin-bottom: 8px;
    background: url(../images/structure/panels/dotted_line.gif) repeat-x bottom left;
}
.panel .item_noline {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


/* arrow button and title region */
.panel .arrow {
	float: left;
	margin-bottom: 5px;
}
.panel .title a:link, .panel .title a:visited, .panel .title a:hover, .panel .title a:active {
	font-weight: bold; 
	text-decoration: none; 
	color: #484848;
	float: left;
	margin: 1px 0px 0px 7px;
	height: 17px;
	padding-top: 2px;
}

/* content region within each panel */
.panel_content {
    clear: both;
    margin-bottom: 8px;
    display: none;
}
.panel_content .top {
	width:100%;
    height: 3px;
    background: url(../images/structure/panels/content_region_top.gif) top left;
}
.panel_content .top span {
	display:block;
	position:relative;
	height:3px;
    background: url(../images/structure/panels/content_region_top_rt.gif) top left;
}

.panel_content .content {
	position:relative;
    background: url(../images/structure/panels/content_region_bg.gif) repeat-y top left;
	padding:12px 18px 4px 18px;
	margin:-1px 0 -12px 0;
	text-align:left;
}
.panel_content .bottom {
    height: 3px;
    background: url(../images/structure/panels/content_region_bottom.gif) top bottom;
}
.panel_content .bottom span {
	display:block;
	position:relative;
	height:3px;
	background: url(../images/structure/panels/content_region_bottom_rt.gif) top left;
}


/*---------------------------------------------------------------
19. REDESIGN - Content region for full-width pages
---------------------------------------------------------------*/

#container {
	padding: 0px 18px 0 18px;
}