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

Note: The CSS below references the pages in this section:
http://www.questrade.com/pricing/default.aspx

	1. PRICING PAGE ELEMENTS
	2. COMMISSIONS - PAGE ELEMENTS
	3. COMMISSIONS - STOCKS, OPTIONS PRICING PAGE ELEMENTS
	4. COMMISSIONS - FOREX PRICING PAGE ELEMENTS
	5. COMMISSIONS - GOLD PRICING PAGE ELEMENTS
	6. EXCHANGE & ECN FEES PAGE ELEMENTS
	7. INTEREST RATES PAGE ELEMENTS
	8. MARGIN CENTER - OPTIONS MARGIN PAGE ELEMENTS (equity table)
	9. MARGIN CENTER - OPTIONS MARGIN PAGE ELEMENTS (options table)
	10. MARGIN CENTER - STOCKS MARGIN PAGE ELEMENTS
	11. ADMINISTRATIVE FEES PAGE ELEMENTS
	12. DATA ACCESS FEES PAGE ELEMENTS

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



/*-------------------------------------------------
 1. PRICING PAGE ELEMENTS
-------------------------------------------------*/

.pricing_overview 
{
    padding-left: 10px;
   /* padding-right: 10px;*/
}

/* Comparison tabbed box */
.compare_tab_table { 
    background: url(../images/pricing/structure/prices_str_tab_bg.gif) 0 0 repeat-y;
	width: 722px;
	margin: 0px; 
	padding: 0px;
	vertical-align: top;
}
.compare_tab_table_cell { 
	padding: 15px; 
	margin: 0px; 
}
.data_table { 
	width: 680px; 
	border-bottom: 1px solid #9BA1A9;
}
.data_table th { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #e6e9ee; 
	border-top: 1px solid #9BA1A9;
	border-right: 1px solid #9BA1A9; 
	color: #3b4654; 
	padding: 5px; 
	height: 29px; 
	font-weight: bold; 
}
.data_table_corner { 
	border-right: 1px solid #9BA1A9;  
	color: #3B4654;  
	padding: 5px; 
	width: 90px;
}
.data_table_wht { 
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-right: 1px solid #9BA1A9;
	border-top: 1px solid #9BA1A9; 
	color: #3B4654; 
	line-height: 15px; 
	padding: 5px; 
	text-align: center; 
	width:305px; 
}
.data_table_green { 
	background-color: #bfeb92; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-right: 1px solid #9BA1A9;
	border-top: 1px solid #9BA1A9; 
	color: #3B4654; 
	line-height: 15px; 
	padding: 5px; 
	width: 190px; 
	text-align: center; 
}
.data_table_dkgrey { 
	background-color: #e6e9ee; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-right: 1px solid #9BA1A9;
	border-left: 1px solid #9BA1A9; 
	border-top: 1px solid #9BA1A9; 
	color: #3B4654; 
	line-height: 15px; 
	padding: 5px; 
	text-align: left; 
	width: 90px;
	font-weight: bold; 
}




/*-------------------------------------------------
 2. COMMISSIONS - PAGE ELEMENTS
-------------------------------------------------*/

.comm_title {
    height: 20px;
    width: 525px;
    border-bottom: solid 1px #686868;
    clear:left;
    line-height: 20px;
 
}
.comm_title a, .comm_title a:hover, .comm_title a:visited {
   font-weight: bold;
  width:300px;

}
.comm_title .span_left
{  font-weight: bold;
   color: #999fa7;
    font-size:13px;
   text-decoration: none;
   width:435px;
    float:left;

}
.comm_title .span_right
{ float:left;

}
.comm_pricing {
   font-weight: bold;
   color: #7cc235;
    font-size:13px;
    font-weight: bold;
   padding: 10px 0 5px 0;
}
.comm_leftcol {
   float: left;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-right: 10px;
   width: 250px;
}
.comm_rightcol {
   float: left;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 10px;
   border-left: solid 1px #9fa4ac;
   width: 250px;
}



/*-------------------------------------------------
 3. COMMISSIONS - STOCKS, OPTIONS PRICING PAGE ELEMENTS
-------------------------------------------------*/

.plan_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 525px;
}
.plan_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   text-align: center;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding: 6px;
}
.plan_table .tlabel {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   font-weight: bold;
   padding: 6px;
   width: 100px;
   vertical-align: top;
}
.plan_table .tcell {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   vertical-align: top;
    width: 200px;
  padding: 6px;
}  

/*-------------------------------------------------
 4. COMMISSIONS - FOREX PRICING PAGE ELEMENTS
-------------------------------------------------*/

.fx_currency_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 525px;
   text-align: center;
}
.currency {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   width: 121px;
}
.spread {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
    padding: 6px;
  width: 60px;
}

.forex_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    
}
.forex_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   font-size:10px;
   background-color: #e6e9ee;
    padding: 3px;
  font-weight:bold;
  text-align:center;
}
.forex_table .thead1 
{
    background:#fff;
}
.forex_table .thead2 
{
    background:#3b4654; 
    color:#FFFFFF;
}
.forex_table .tlabel {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   vertical-align: top;
}
.forex_table .tcell {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
	font-size:10px;
    padding: 3px;
	text-align:center;
}  
.forex_table .tinitial{
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
	font-size:10px;
    padding: 3px;
    text-align:center;
}  
/*-------------------------------------------------
 5. COMMISSIONS - GOLD PRICING PAGE ELEMENTS
-------------------------------------------------*/

.grid {
	border-left: 1px solid #9BA1A9;
	border-top: 1px solid #9BA1A9;
	background-color:#FFFFFF;
	margin-bottom: 10px;
}
.grid_thead {
    background-color:#e6e9ee;
    height: 24px;
    border: 1px solid #9BA1A9;
    font-weight: bold;
    text-align: center;
}
.grid_tcell {
	background-color:#FFFFFF;
	border: 1px solid #9BA1A9;
	text-align: center;
	padding: 6px;
}
.grid_tfoot {
	/*border-bottom: 1px solid #9BA1A9;
	border-left: 1px solid #9BA1A9;
	border-right: 1px solid #9BA1A9;
	left: -1px;
	top: -1px;
	position: relative;
	padding: 6px;*/
	padding-top: 6px;
	width: 325px;
	margin: 0px;
}
.grid_theader {
	padding-bottom: 6px;
	width: 325px;
	margin: 0px;
}


/*-------------------------------------------------
 6. EXCHANGE & ECN FEES PAGE ELEMENTS
-------------------------------------------------*/
/* tabbed box */
.exchange_tab_table
{
	width: 722px;
	margin: 0px; 
	padding: 0px;
}
.exchange_tab_table_cell { 
    background: url(../images/pricing/structure/exchange_str_tab_bg.gif) 0 0 repeat-y;
	padding: 15px; 
	margin: 0px; 
}

/* tables */
.exchange_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 660px;
}
.exchange_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   text-align: center;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding:6px;
}
.exchange_table td {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   vertical-align: top;
    width: 220px;
  padding: 6px;
  text-align: center;
}  

/* Professional fees two-column content */
.prof_fees_leftcol 
{
    float: left;
    width: 360px;
    padding-right: 10px;
    border-right: solid 1px #cdcdcd;
}

.prof_fees_rightcol 
{
    width: 360px;
    padding-left: 10px;
    float: left;
}




/*-------------------------------------------------
 7. INTEREST RATES PAGE ELEMENTS
-------------------------------------------------*/
.interest_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 722px;
}
.interest_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   text-align: left;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   padding:6px;
}
.interest_table .label {
   background-color: #e6e9ee;
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   vertical-align: top;
  padding: 6px;
  font-weight:bold;
}
.interest_table .data {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    padding: 6px;
    text-align: left;
}
.interest_table .footer {
   background-color: #f3f5f7;
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   vertical-align: top;
   padding: 6px;
   line-height: 15px;
}

/*-------------------------------------------------
 8. MARGIN CENTER - OPTIONS MARGIN PAGE ELEMENTS
-------------------------------------------------*/
/* Definitions, FAQs boxes */
.definition_box_top 
{
     width: 542px;
     height: 5px;
      font-size: 0em;
}
.faq_box {
    background: url(../images/pricing/structure/mar_str_def_box_bg.gif) repeat-y;
     margin: 0; 
    padding: 16px;
    
}
.definition_box {
    background: url(../images/pricing/structure/mar_str_def_box_bg.gif) repeat-y;
     margin: 0; 
    padding: 16px;
}
.definition_box_btm {
     width: 542px;
     height: 5px;
      font-size: 0em;
}
.definition_desc {
    padding-bottom: 15px;
    margin: 0;
    padding-left:12px;
    text-align:justify;
}

.equity_secur_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 470px;
}
.equity_secur_table th {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    background-color: #e6e9ee;
    padding: 6px;
    font-weight: bold;
}
.equity_secur_table .tlabel {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   vertical-align: top;
}
.equity_secur_table .tcell {
    background-color: #f3f5f7;
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    padding: 6px;
}  

/*-------------------------------------------------
 9. MARGIN CENTER - OPTIONS MARGIN PAGE ELEMENTS
-------------------------------------------------*/

.options_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 525px;
}
.options_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
    padding: 6px;
  font-weight: bold;
	text-align:left;
}
.options_table .label {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   width: 70px;
   vertical-align: top;
}
.options_table .strategy {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    width: 115px;
    padding: 6px;
	text-align:left;
}  

.options_table .options {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    padding: 6px;
	text-align:left;
}  

/*-------------------------------------------------
 10. MARGIN CENTER - STOCKS MARGIN PAGE ELEMENTS
-------------------------------------------------*/
/* tabbed platform region*/
.margin_panel_menu {
    margin-bottom: 10px; padding: 0; float: left; width: 525px;
}
/* content region for each tab */
.margin_panel_content_region{ 
    margin-top: 1px; padding: 0px; 
}
*html .margin_panel_content_region { clear: none; }
.margin_panel_content {
    display:none; padding: 15px 20px 0px 20px; margin: 0px; clear: left; border: solid 1px #8f93a2;
}

/* Securities margin requirements table */
.share_price_table {
     border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
   width: 483px;
}
.share_price_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
    padding: 6px;
}
.share_price_table td {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
    padding: 6px;
}

/* Margin Account Calculations table */
.margin_calc_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    width: 483px;
}
.margin_calc_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   background-color: #e6e9ee;
    padding: 6px;
}
.margin_calc_table td {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
    padding: 6px;
}


/*-------------------------------------------------
 11. ADMINISTRATIVE FEES PAGE ELEMENTS
-------------------------------------------------*/

.admin_fees_table {
    border-top: solid 1px #999fa7;
    width: 722px;
}
.admin_fees_table th {
    border-left: solid 1px #999fa7;
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   text-align: left;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   height: 30px;
   padding-left:7px;
}
.admin_fees_table .tlabel {
    border-left: solid 1px #999fa7;
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   width: 450px;
   vertical-align: top;
}
.admin_fees_table .tcell {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    width: 100px;
    padding: 6px;
    text-align: left;
}  
.footer {
    width: 740px;
    padding: 6px;
    text-align: justify;
}  

/*-------------------------------------------------
 12. DATA ACCESS FEES PAGE ELEMENTS
-------------------------------------------------*/

.fees_platforms_table 
{
    border-top: solid 1px #999fa7;
    border-left: solid 1px #999fa7;
}
.fees_platforms_table th {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   text-align: center;
   background-color: #e6e9ee;
   font-weight: bold;
   font-size: 11px;
   height: 30px;
}
.fees_platforms_table .label {
   border-bottom: solid 1px #999fa7;
   border-right: solid 1px #999fa7;
   padding: 6px;
   width: 175px;
   vertical-align: top;
   text-align: left;
}
.fees_platforms_table .data {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    width: 300px;
    padding: 6px;
    text-align: left;
    background-color: #f3f5f7;
}  
.fees_platforms_table .fee {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    width: 100px;
    padding: 6px;
    text-align:center;
    background-color: #f3f5f7;
}  
.fees_platforms_table .fee1 {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    vertical-align: top;
    width: 75px;
    padding: 6px;
    text-align:center;
    background-color: #f3f5f7;
} 

/*--------------------------------------------------------
 . ADVANCED PLATFORM FEES (platform_fees_advanced.aspx)
---------------------------------------------------------*/

.tbl_data .tbl_adv_data_fees .cost {
	width: 103px;
}

.tbl_data .tbl_adv_data_fees .platform {
	width: 132px;
}