﻿/*--------------------------------------------------------------------
 TABLE OF CONTENTS
--------------------------------------------------------------------

	1. OPEN AN ACCOUNT OFFLINE & ONLINE - PANEL ELEMENTS  
    2. OPEN ACCOUNT ONLINE PAGE ELEMENTS
    3. FUND AN ACCOUNT PAGE ELEMENTS 
    4. Open an account online page elements
    5. Open an account Offline page elements
    6. OPEN AN ACCOUNT PAGE ELEMENTS 
    7. OPEN AN ACCOUNT OFFLINE PAGE ELEMENTS 
    8. OPEN AN ACCOUNT OFFLINE - AGREEMENTS & DISCLOSURES PAGE ELEMENTS 
    9. OPEN AN ACCOUNT OFFLINE - ACCOUNT TYPE SPECIFIC PAGE ELEMENTS 
    10. REGISTERED ACCOUNTS PAGE ELEMENTS
    11. RESP ACCOUNTS PAGE ELEMENTS 
    12. REGISTERED ACCOUNTS THANK YOU PAGE ELEMENTS
    13. CURRENT PROMOTIONS BOX
	14. LEARNING CENTRE PAGE LAYOUT	
--------------------------------------------------------------------*/


/*---------------------------------------------------------------
1. OPEN AN ACCOUNT OFFLINE & ONLINE - PANEL ELEMENTS 
---------------------------------------------------------------*/

.step_content_region {

    width:669px;
}
.step_content_region_left {
    float:left; 
    margin-right: 10px; 
    width:320px;
    vertical-align:top;
}
.step_content_region_right {
    float:left; 
    width:300px;
    vertical-align:top;    
}

/* STEPS COLUMN */

.steps_column_table {
    width: 700px;
}
.steps_column_table .column_left {
    width: 350px;
    padding-right: 8px;
    margin: 0px;
    vertical-align: top;
}
.steps_column_table .column_right {
    width: 350px;
    padding-left: 8px;
    vertical-align: top;
    border-left: solid 1px #b0b4bb;
}


.steps_column_wide_table {
    width: 700px;
}
.steps_column_wide_table .column_left {
    width: 300px;
    padding-right: 8px;
    margin: 0px;
    vertical-align: top;
}
.steps_column_wide_table .column_right {
    width: 400px;
    padding-left: 8px;
    vertical-align: top;
}



/*--------------------------------------
2. OPEN ACCOUNT ONLINE PAGE ELEMENTS 
---------------------------------------*/

.step1_table {
    width: 700px;
}
.step1_table .column_left {
    width: 330px;
    padding-right: 8px;
    vertical-align: top;
}
.step1_table .column_right {
    width: 350px;
    padding-left: 12px;
    vertical-align: top;
    border-left: solid 1px #b0b4bb;
}

.tech_reqs
{
    width: 315px;
    text-align: left;
}

.tech_description
{
    border: solid 1px #cdcdcd;
    background-color: #e6e9ee;
    margin-top: 2px;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    width: 300px;
    height: 90px;
}

#computerImage, #explorerImage, #firefoxImage, #pdfImage, #emailImage
{
    padding-right: 8px;
}


/* Open Account Online - Technical Requirements tabs */
td.tech_tabs_table_content
{
    background: url(../images/account/structure/str_tab_tech_bg.gif) 0 0 repeat-y;
}

/* Open Account Online - Stocks/Options Accounts tabs */
td.stocks_tabs_table_content {
    background: url(../images/account/structure/str_tab_stock_bg.gif) 0 0 repeat-y;
}
.stocks_tabs_table td {
    padding: 0px;
    margin: 0px;
}
.stocks_tabs {
    width: 393px;
}
.stocks_tabs td.content 
{
    text-align:left;
    padding:15px;
}



.complete_application_content
{
    padding: 0px;
    margin-right: 0px;
}
.complete_application_content td
{
     padding:0px;
     margin:0px;
    text-align:left;
    vertical-align:top;
}
.complete_application_content td.submit_button
{
    text-align: left;
}



.learn_about_step
{
    text-align: right;
    padding-bottom: 5px;
}

.mail_paperwork_table .mail_paperwork_cell1
{
    padding-left: 10px;
    padding-right: 20px;
    width: 50%;
    vertical-align: top;
}
.mail_paperwork_table .mail_paperwork_cell2
{
    padding-left: 20px;
    width: 50%;
    vertical-align: top;
}
.complete_application_content td
{
    padding-right: 15px;
}
/*_____________________________________________________*/

/* GLOSSARY BOX - styles for the pop-up glossary box on the Open an Account page */
.glossary_box
{
    border: 1px solid #9BA1A9;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #3b4654;
    width: 260px;
    height: 80px;
    padding: 0px 10px 0px 10px;
}
.glossary_box th
{
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 28px;
    color: #3b4654;
}
.glossary_box td
{
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3b4654;
    padding-bottom: 10px;
    padding-top: 0px;
    text-align: justify;
    vertical-align: top;
}
/*.glossary_shadowbox
{
    background: #dfdfdf;
    border: 1px solid #f5f5f5;
    top: 3px;
    left: 3px;
    width: 302px;
}*/
.glossary_shadowbox div
{
    background: #F1F0F0;
    border: 1px solid #989fa7;
    color: #ff0000;
    padding: 10px;
    top: -3px;
    left: -3px;
    width: 260px;
}
  .border_table_grey {
	border: 1px solid #9BA1A9;
    }


/*--------------------------------------
3. FUND AN ACCOUNT PAGE ELEMENTS 
---------------------------------------*/
 
  
	#sevenWaysTable 
	{
	font-size:10px; 
	/*color:#c1c0c0;*/
	border: 1px solid #c1c0c0;
	line-height:11px;}
	
	#sevenWaysTable .cellType1 {
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	font-weight:bold;
	}
	
		#sevenWaysTable .cellTypeNum {
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	width:20px;
	}
	#sevenWaysTable .cellTypeFeatures {
	font-size:10px;
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:left;
	padding:5px 0px 5px 5px;
	width:190px;
	
	}

		#sevenWaysTable .cellTypeTitles {
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:5px;
	}
	#sevenWaysTable .cellTypeTitles_meth_fea  {
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:0px;
	width:220px;
	}
	
	#sevenWaysTable td {padding:3px;vertical-align:middle;}
	
	#sevenWaysTable .feature {
	font-size:10px;
	}
	#sevenWaysTable .cellType2 {

	border-bottom:1px solid #c1c0c0;
	text-align:center;
	font-weight:bold;
	}
	#sevenWaysTable .cellType3 {
	font-weight:bold;
	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
	
	#sevenWaysTable .cellType3Num {
	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
	#sevenWaysTable .cellType4 {

	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
	#fundingContentArea {
	float: left; 
	width: 430px
	}
	
	#fundingContentArea div {
	display: none; 
	text-align: justify; 
	font-weight:normal;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
	
	}
	#bannerContentArea {
    float: left; 
	width: 275px; 
	padding-left: 10px;
	
	}


/*--------------------------------------
4. Open an account online page elements
---------------------------------------*/

	#openAnAccountTable 
	{
	font-size:9px; 
	/*color:#c1c0c0;*/
	border: 1px solid #c1c0c0;
	line-height:11px;}
	
	#openAnAccountTable  .cellType1 {
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountTable  .cellTypeNum{
		border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	width:15px;
	
	}

	#openAnAccountTable  .cellTypeFeatures{
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:left;  
	padding:5px;
	font-size:10px;
	
	}
 #openAnAccountTable .cellTypeTitles_fea_meth 
 {
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:0px;
	font-size:9px;
	}
	#openAnAccountTable .cellTypeTitles{
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:5px;
	font-size:9px;
	}
	#openAnAccountTable td {padding:3px;vertical-align:middle;}
	
	#openAnAccountTable  .feature {
	font-size:10px;
	}
	#openAnAccountTable .cellType2 {

	border-bottom:1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountTable .cellType3 {

	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountTable .cellType4 {

	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
    #openAccountOnlineContent {
	float: left; 
	width: 722px
	}
	
	#openAccountOnlineContent div {
	display: none; 
	text-align: justify; 
	font-weight:normal;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
	
	}

/*--------------------------------------
5. Open an account Offline page elements
---------------------------------------*/

	#openAnAccountOffline 
	{
	font-size:9px; 
	/*color:#c1c0c0;*/
	border: 1px solid #c1c0c0;
	line-height:11px;}
	
	#openAnAccountOffline  .cellType1 {
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountOffline  .cellTypeNum{
		border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:center;
	width:15px;
	
	}

	#openAnAccountOffline  .cellTypeFeatures{
	border-right: 1px solid #c1c0c0;
	border-bottom:1px solid #c1c0c0;
	text-align:left;  
	padding:5px;
	font-size:10px;
	
	}
 #openAnAccountOffline .cellTypeTitles_fea_meth 
 {
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:0px;
	font-size:9px;
	}
	#openAnAccountOffline .cellTypeTitles{
	border-bottom: 1px solid #c1c0c0;
	border-right: 1px solid #c1c0c0;
	font-weight:bold;
	background:#ebebef;
	text-align:center;
	padding:5px;
	font-size:9px;
	}
	#openAnAccountOffline td {padding:3px;vertical-align:middle;}
	
	#openAnAccountOffline  .feature {
	font-size:10px;
	}
	#openAnAccountOffline .cellType2 {

	border-bottom:1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountOffline .cellType3 {

	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
	#openAnAccountOffline .cellType4 {

	border-right: 1px solid #c1c0c0;
	text-align:center;
	}
    #openAccountOfflineContent {
	float: left; 
	width: 722px
	}
	
	#openAccountOfflineContent div {
	display: none; 
	text-align: justify; 
	font-weight:normal;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
	
	}

/*--------------------------------------
6. OPEN AN ACCOUNT PAGE ELEMENTS 
---------------------------------------*/


.open_an_account_left_content
{
    float: left;
    width: 408px;
    padding-right: 20px;
    text-align: center;
}
.open_an_account_right_content {
    float: left;
    width: 294px;
}
.open_an_account_table
{
   /* margin-top: 15px;*/
}

.open_an_account_cell1
{
    vertical-align: top;
    padding-right: 10px;
}
.open_an_account_cell2
{
    width: 1px;
    background-color: #cdcdcd;
}
.open_an_account_cell3
{
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
}
.open_an_account_cell4
{
    width: 1px;
    background-color: #cdcdcd;
}
.open_an_account_cell5
{
    vertical-align: top;
    padding-left: 10px;
}
.open_an_account_text
{
    line-height: 18px !important;
}
/*--------------------------------------
7. OPEN AN ACCOUNT OFFLINE PAGE ELEMENTS 
---------------------------------------*/

.open_an_account_offline_left_content
{
    float: left;
    width: 280px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
}
.open_an_account_offline_right_content
{
    float: left;
    width: 370px;
    vertical-align: top;
}

.img_pencil_open_acc_offline
{
    float: left;
    padding-right: 20px;
}
.open_account_offline_content
{
    float: left;
}


/*REGISTER FOR OFFLINE APPLICATION BOX  */

.register_for_off_app_box
{
    width: 420px;
    margin-bottom: 15px;
    float:left;
}
.register_for_off_app_box1
{
    background: url(../images/account/text/txt_table_head_regis_for_off.gif) 0 0 no-repeat;
    height: 42px;
}

.register_for_off_app_box2
{
    background: url(../images/account/structure/str_open_acc_off_table_bg.gif) 0 0 repeat-y;
}

.register_for_off_app_box3
{
    background: url(../images/account/structure/str_open_acc_off_table_foot.gif) 0 0 no-repeat;
    height: 5px;
    background-color:#ffffff;
}


/*  Info box content */
.register_for_off_app_box_content
{
   
    padding-left: 15px;
    padding-top: 20px;
    padding-right: 20px;
}
.register_offline_table_cell1
{
    vertical-align: top;
    width: 230px;
}
.register_offline_table_cell2
{
    width: 1px;
    background-color: #999fa7;
}

.register_offline_table_cell3
{
    vertical-align: top;
    padding-left: 15px;
}
.checkbox_content
{
    padding-right: 10px;
    float: left;
    width: 190px;
}

.open_acc_off_chkbox
{
    float: left;
    padding-right:10px;
}

.open_acc_off_submit
{
    text-align: right;
    padding-top: 30px;
    padding-bottom:10px;
}


/*-----------------------------------------------------------------
8. OPEN AN ACCOUNT OFFLINE - AGREEMENTS & DISCLOSURES PAGE ELEMENTS 
-----------------------------------------------------------------*/
.agr_disc_content
{padding-right:10px;
    /*float: left;
    */
}
.img_pencil_agr_disc
{
    float: left;
    padding-right: 20px;
    padding-bottom:80px;
}
.download_booklet_left_content
{
    float: left;
    width: 480px;
    text-align: left;
    vertical-align: top;
}
.download_booklet_right_content
{
    float: left;
    vertical-align: top;
}
.download_booklet_box_top
{
    background: url(../images/account/structure/str_agr_disc_table_top.gif) 0 0 no-repeat;
    width: 239px;
    height: 42px;
}
.download_booklet_box_top2
{
    background: url(../images/account/structure/str_agr_disc_cont_table_top.gif) 0 0 no-repeat;
     width: 239px;
   height: 42px;
}
.download_booklet_box_bg
{
    background: url(../images/account/structure/str_agr_disc_table_bg.gif) 0 0 repeat-y;
}
.download_booklet_box_btm
{
    background: url(../images/account/structure/str_agr_disc_table_btm.gif) 0 0 no-repeat;
     width: 239px;
   height: 5px;
}
.download_booklet_box_content
{
    padding: 15px;
    height: 120px;
    width: 209px;
}

.continue_box_content
{
    padding: 15px;
     width: 209px;
   height: 130px;
}




/*---------------------------------------------------------------
9. OPEN AN ACCOUNT OFFLINE - ACCOUNT TYPE SPECIFIC PAGE ELEMENTS 
---------------------------------------------------------------*/
.openAccountOfflineContainer{padding-left:7px;}
.downloadPanel {display:block; background-color: #f2f8ff; width: 679px;padding: 0 10px 0 20px;}
.agreementsPanel {display: none; background-color: #f2f8ff; width: 669px;padding: 0 20px 0 20px;}
.mailPanel {display: none; background-color: #f2f8ff; width: 669px; padding: 0 20px 0 20px;}
.bankingPanel {display: none; background-color: #f2f8ff; width: 669px;padding: 0 20px 0 20px;}
.transferPanel {display: none; background-color: #f2f8ff; width: 669px;padding: 0 20px 0 20px;}
.fundingPanel {display: none; background-color: #f2f8ff; width: 669px;padding: 0 20px 0 20px;}
.fundPopupTable {display: none;background-color: #f2f8ff; text-align: left;}
.loginPanel {display: none; background-color: #f2f8ff; width: 669px; padding: 0 20px 0 20px;}
.fastestPanel {display: none; background-color: #f2f8ff; width: 669px;padding: 0 20px 0 20px;}
.img_adobe_reader 
{
    padding-left: 13px;
}
/*.open_acc_app_comp_app_table
{
    padding: 0px;
    margin: 0px;
    width: 722px;
}*/
.open_acc_app_comp_app_table .cell1
{
    width: 370px;
    padding-right: 10px;
    border-right: solid 1px #b0b4bb;
    margin: 0px;
    vertical-align: top;
}
.open_acc_app_comp_app_table .cell2
{
    width: 370px;
    padding-left: 10px;
    margin: 0px;
    vertical-align: top;
}
/* Account Required Forms table */
.req_forms_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 340px;
}
.req_forms_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding: 8px;
}
.req_forms_table td {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 8px;
   background-color:#FFFFFF;
}

/* Additional individuals table */
.add_indiv_forms_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 340px;
}
.add_indiv_forms_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding: 8px;
}
.add_indiv_forms_table td {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 8px;
   text-align: left;
   background-color:#FFFFFF;
}

/* Funding forms table */
.funding_forms_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 640px;
}
.funding_forms_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding: 8px;
}
.funding_forms_table .name {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 8px;
   width: 247px;
   text-align: left;
}
.funding_forms_table .desc {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 8px;
}

.fund_acc_box {
    border: 1px solid #9fa4ac;
    background-color: #f1f0f0;
    padding: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 650px;
}

/* Additional forms tabs table */
.forms_tabs_table 
{
    width: 660px;
}
.forms_tabs_table td{
    padding: 0px;
    margin: 0px;
}
td.forms_tabs_table_content {
    width: 300px;
    padding: 10px;
    background: url(../images/account/structure/str_fund_forms_table_bg2.gif) 0 0 repeat-y;
}



/*----------------------------------
10. REGISTERED ACCOUNTS PAGE ELEMENTS 
-----------------------------------*/



/* Info box content 
--------------------------------*/
.registered_account_box_content
{
    padding-left: 20px;
     padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
   
}

.registered_account_descriptions
{
    padding-left: 15px;
}


/*------------------------------------
11. RESP ACCOUNTS PAGE ELEMENTS 
------------------------------------*/
.gov_online_resources_table 
{
    width: 525px;
}
.gov_online_resources_table td
{
    vertical-align: top;
}
.gov_online_resources_table .cell_left
{
    width: 400px;
    border-right: solid 1px #999fa7;
    border-left: solid 1px #999fa7;
    border-bottom: solid 1px #999fa7;
    padding: 7px; 
}
.gov_online_resources_table .cell_right
{
    border-right: solid 1px #999fa7;
    border-bottom: solid 1px #999fa7;
    padding: 7px; 
    text-align: center;
}

.gov_online_resources_table th
{
    background-color: #e6e9ee;
    border: solid 1px #999fa7;
    padding: 7px; 
}


/*----------------------------------------------
12. REGISTERED ACCOUNTS THANK YOU PAGE ELEMENTS 
--------------------------------------------------*/
.reg_acc_pricing_thankyou_box_template

{   
     float:left;
  
    width:273px;
    margin-bottom: 15px;
}
.reg_acc_pricing_thankyou_box_template1
{
    background: url(../images/account/structure/str_reg_acc_thankyou_top.gif) 0 0 no-repeat;
    height: 2px;
    margin: 0px;
    padding: 0px;
}

.reg_acc_pricing_thankyou_box_template2
{
    background: url(../images/account/structure/str_reg_acc_thankyou_bg.gif) 0 0 repeat-y;
}

.reg_acc_pricing_thankyou_box_template3
{
    clear: left;
    background: url(../images/account/structure/str_reg_acc_thankyou_btm.gif) 0 0 no-repeat;
    height: 4px;
}


/* Info box content 
--------------------------------*/
.reg_acc_pricing_box_content
{
    background: url(../images/account/text/txt_reg_acc_thank_our_pricing.gif) 15px 15px no-repeat;
    padding-left: 16px;
    padding-top: 35px;
    padding-right: 20px;
    padding-bottom: 10px;
}


/*---------------------------------
13. CURRENT PROMOTIONS BOX
-----------------------------------*/
.reg_acc_promotions_thankyou_box_template

{ margin-left:10px;
    float:left;
    
    width:265px;
    margin-bottom: 15px;
}
.reg_acc_promotions_thankyou_box_template1
{
    background: url(../images/account/structure/str_reg_acc_thankyou_top2.gif) 0 0 no-repeat;
    height: 2px;
    margin: 0px;
    padding: 0px;
}

.reg_acc_promotions_thankyou_box_template2
{
    background: url(../images/account/structure/str_reg_acc_thankyou_bg2.gif) 0 0 repeat-y;
}

.reg_acc_promotions_thankyou_box_template3
{
    clear: left;
    background: url(../images/account/structure/str_reg_acc_thankyou_btm2.gif) 0 0 no-repeat;
    height: 4px;
}


/* Info box content 
--------------------------------*/


.reg_acc_promotions_box_content
{
    background: url(../images/account/text/txt_reg_acc_thank_current_prom.gif) 15px 15px no-repeat;
    padding-left: 16px;
    padding-top: 35px;
    padding-right: 20px;
    padding-bottom: 10px;
}





/*------------------------------------
14. LEARNING CENTRE PAGE LAYOUT
------------------------------------*/
.learning_centre_details {
	float: left; 
	padding-right: 21px; 
	width: 430px;
}

.learning_centre_form {
	float: left;
}
