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

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

1. PROMOTIONS - PAGE ELEMENTS
2. FREE STUFF PAGE ELEMENTS 
3. PROMOTIONS - OFFERS, EVENTS, HIGHLIGHTS PAGE ELEMENTS
4. PROMOTIONS - REFER A FRIEND PAGE ELEMENTS5. FREE TRIAL PAGE ELEMENTS
5. FREE TRIAL PAGE ELEMENTS
6. SECURITY CENTER PAGE ELEMENTS
7. SECURITY CENTER - ONLINE FRAUD PAGE ELEMENTS
8. SECURITY CENTER - YOUR SECURITY MEASURES PAGE ELEMENTS
9. SECURITY CENTER - PRIVACY POLICY PAGE ELEMENTS
10. CONTENT BOX  - REFER A FRIEND PAGE 

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


/*--------------------------------------
1. PROMOTIONS - PAGE ELEMENTS
---------------------------------------*/

/* left content region */
#promotions_left_column {
    width:196px;
    float:left;
    padding-right:10px;
}
#promotions_menu {
    margin-top:20px;
}
#promotions_menu {
    padding:0;
    margin:0;
    list-style: none;
    text-indent: 0;
    width:196px;
}
#btn_offers_events  a {
    height: 54px; 
    width:196px;
    background: url(../images/welcome/buttons/btn_promos_off_evt.gif) 0 0 no-repeat;
    padding:0;
    margin:0;
    display:block;
    padding-bottom:5px;
}
#btn_offers_events a:hover {
    height: 54px; 
    width:196px;
    background-position: -197px 0;  
    display:block;
    padding-bottom:5px;
}
#btn_offers_events_selected a {
    height: 54px; 
    width:196px;
    background: url(../images/welcome/buttons/btn_promos_off_evt.gif) 0 0 no-repeat;
    background-position: -197px 0;  
    display:block;
    padding-bottom:5px;
}
#btn_free_stuff a {
    height:42px; 
    width: 196px;
    background: url(../images/welcome/buttons/btn_promos_free_stu.gif) 0 0 no-repeat;
    padding:0;
    margin:0;
    display:block;
    padding-bottom:5px;
}
#btn_free_stuff a:hover {
    height: 42px;
    width: 196px;
     background-position: -197px 0;
     display:block;
     padding-bottom:5px;
}
#btn_free_stuff_selected a {
    height: 42px;
    width: 196px;
     background: url(../images/welcome/buttons/btn_promos_free_stu.gif) -197px 0 no-repeat;
     display:block;
     padding-bottom:5px;
}
#btn_refer_friend a {
    height: 42px;
    width: 196px;
    background: url(../images/welcome/buttons/btn_promos_ref_fri.gif) 0 0 no-repeat;
    padding:0;
    margin:0;
    display:block;
    padding-bottom:5px;
}
#btn_refer_friend a:hover {
    height: 42px;
    width:196px; 
    background-position: -197px 0;
    padding-bottom:5px;
    display:block;
    padding-bottom:5px;
}
#btn_refer_friend_selected a {
    height: 42px;
    width:196px; 
    background: url(../images/welcome/buttons/btn_promos_ref_fri.gif) 0 0 no-repeat;
    background-position: -197px 0;
    padding-bottom:5px;
    display:block;
    padding-bottom:5px;
}
#btn_refer_friend_forex a {
    height: 42px;
    width: 196px;
    background: url(../images/welcome/buttons/btn_promos_ref_fri_fx.gif) 0 0 no-repeat;
    padding:0;
    margin:0;
    display:block;
    padding-bottom:5px;
}
#btn_refer_friend_forex a:hover {
    height: 42px;
    width:196px; 
    background-position: -197px 0;
    padding-bottom:5px;
    display:block;
    padding-bottom:5px;
}
#btn_refer_friend_forex_selected a {
    height: 42px;
    width:196px; 
    background: url(../images/welcome/buttons/btn_promos_ref_fri_fx.gif) 0 0 no-repeat;
    background-position: -197px 0;
    padding-bottom:5px;
    display:block;
    padding-bottom:5px;
}


/* right content region */
#promotions_right_content{
    float:left;
    width:521px;
    background-color:#ffffff;
    border:solid 1px #686868;
    padding:1px;
    
}
#promotions_content{
    background-color:#686868;
 
   padding-left:8px;
   padding-right:8px;
   padding-bottom:10px;
    padding-top:5px;
}
.promotions_table {
    background-color:#fff;
    width:505px;
    margin: 0px;
    padding: 0px;
}
.promotions_title {
    text-align:right;
    background-color:#686868;
   
}
.promotions_test_table td{
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    height:60px;
}
td.item_table_header{
    background: url(../images/welcome/structure/str_bord_whi_top.gif) 0 0 no-repeat;
    height:4px;
    width:100%;
}
td.item_table_footer{
    background: url(../images/welcome/structure/str_bord_whi_btm.gif) 0 0 no-repeat;
    height:4px;
    width:100%;
}
.promotions_footer{
    text-align:right;
    background-color:#686868;
}


/*--------------------------------------
2. FREE STUFF PAGE ELEMENTS 
---------------------------------------*/

.free_stuff_top 
{
     height: 4px;
   font-size: 0em;
    margin: 0px;
    padding: 0px;
}
.free_stuff_content {
    padding: 12px 12px 0 12px;
   margin: 0px;
   width: 470px;
   background-color: #ffffff;
}
.free_stuff_btm {
    background-color: #0000ff;
    height: 4px;
    font-size: 0em;
    margin: 0px;
    padding: 0px;
}
.free_stuff_tabs {
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-indent: 0px;
}
#free_stuff_tabs li {
    padding:0;
    margin:0;
    list-style: none;
    text-indent: 0;
}
.free_stuff_tab_content {
    margin: 0;
    padding: 0;
}
.free_stuff_data {
    background-color: #7cc235;
    margin: 0px;
    width: 483px;
    padding-top:10px;
    padding-bottom:10px;

    padding-left:11px;
    padding-right:9px;

   /* text-align: center;
    padding: 8px 10px 10px 10px;
    border: solid 1px #000;    
*/
}
.free_offers_title {
    text-align: right; 
    padding-right:15px;
}
.free_offers {
    background-color: #ffffff;
    width: 480px;/****************************/
    text-align: center;
    

}
.free_offers_grid {
  /*  width: 488px;****************************/
}
.free_offers_leftcol {
    width: 100px;
    border-bottom: solid 1px #7cc235;
    vertical-align:top;
    padding-top:20px;

}
.offer_title {
    font-weight: bold;
}
.free_offers_rightcol {
    /*width:300px;*/
    border-bottom: solid 1px #7cc235;
    text-align: left;
    padding:11px 7px 0px 0px;

}
.free_stuff_form {
    background-color: #ffffff;
    padding: 17px;
    width: 448px;
    text-align: justify; 
    
}
.free_stuff_list {
    border-left: solid 1px #a1a1a1;
    border-top: solid 1px #a1a1a1;
 
}
.free_stuff_list .desc {
    border-right: solid 1px #a1a1a1;
    border-bottom: solid 1px #a1a1a1;
    width: 335px;
    padding: 5px;
}
.free_stuff_list .remove {
    border-right: solid 1px #a1a1a1;
    border-bottom: solid 1px #a1a1a1;
    width: 79px;
    height: 10px;
    text-align: center;
}
.free_stuff_reg .col1 {
    border-right: solid 1px #a1a1a1;
    padding-right: 10px;
    width:210px;
}
.free_stuff_reg .col2 {
    padding-left: 10px;
    vertical-align: top;
}
.client_survey td {
    padding-bottom: 5px;
}

/*-------------------------------------------------------
3. PROMOTIONS - OFFERS, EVENTS, HIGHLIGHTS PAGE ELEMENTS
-------------------------------------------------------*/

.promo_region_top 
{
     height: 4px;
   font-size: 0em;
    margin: 0px;
    padding: 0px;
     background: url(../images/welcome/structure/str_bord_whi_top.gif) 0 0 no-repeat;
}
.promo_region_content {
    padding: 12px 12px 0 12px;
   margin: 0px;
   width: 480px;
   background-color: #ffffff;
}
.promo_region_btm {
 background: url(../images/welcome/structure/str_bord_whi_btm.gif) 0 0 no-repeat;
    height: 5px;
    font-size: 0em;
    margin: 0px;
    padding: 0px;
}
.promo_offers {
    padding: 0;
    margin: 0;
}
.promo_offers_image {
    text-align: left;
    width: 85px;
    padding-bottom: 7px;
}
.promo_offers_text {
    text-align: left;
    padding-bottom: 7px;
    vertical-align: middle;
}


/*----------------------------------------
4. PROMOTIONS - REFER A FRIEND PAGE ELEMENTS
-----------------------------------------*/

.refer_friend_content {
    padding: 12px 22px 20px 22px;
    margin: 0;
}

.refer_friend_content_sub {
    padding: 20px;
    margin: 0;
    background-color: #eeeeee;
    border: solid 1px #bfbfbf;
}


/*----------------------------------------
5. FREE TRIAL PAGE ELEMENTS
-----------------------------------------*/

/* left content region */
#free_trial_left_column { 
    float: left; width: 473px; margin-right: 10px;
}
/* right content region */
#free_trial_right_column {
    width: 239px; float: left; margin: 0; padding: 0;vertical-align:top;
}
 
/* tabbed platform region*/
.tab_menu ul {
    margin: 0; padding: 0; float: left; font-size: 0em; width: 472px; height: 36px;
    background: url(../images/welcome/structure/trial_str_tab_bg.gif) no-repeat; 
}
.tab_menu li {
    float: left; margin: 0; height: 36px;
}
.tab_menu li a {
    float: left; height: 36px; text-decoration: none !important;
}
.tab_menu li a:hover {
    height: 36px; text-decoration: none !important;
}

/* tab buttons */
li.tab1 a 			{ background: transparent url(../images/welcome/tabs/tab_trial_questraderweb.gif) 0 0 no-repeat; width: 95px; height: 36px; text-decoration: none; }
li.tab1 a.selected  { background: transparent url(../images/welcome/tabs/tab_trial_questraderweb.gif) -95px 0 no-repeat; width: 95px; height: 36px; text-decoration: none; }
li.tab2 a 			{ background: transparent url(../images/welcome/tabs/tab_trial_questraderelite.gif) 0 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab2 a.selected  { background: transparent url(../images/welcome/tabs/tab_trial_questraderelite.gif) -94px 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab3 a 			{ background: transparent url(../images/welcome/tabs/tab_trial_webtrader.gif) 0 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab3 a.selected  { background: transparent url(../images/welcome/tabs/tab_trial_webtrader.gif) -94px 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab4 a 			{ background: transparent url(../images/welcome/tabs/tab_trial_questraderpro.gif) 0 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab4 a.selected  { background: transparent url(../images/welcome/tabs/tab_trial_questraderpro.gif) -94px 0 no-repeat; width: 94px; height: 36px; text-decoration: none; }
li.tab5 a 			{ background: transparent url(../images/welcome/tabs/tab_trial_questradefx.gif) 0 0 no-repeat; width: 95px; height: 36px; text-decoration: none; }
li.tab5 a.selected  { background: transparent url(../images/welcome/tabs/tab_trial_questradefx.gif) -95px 0 no-repeat; width: 95px; height: 36px; text-decoration: none; }
/* content region for each tab */
.tab_content_region{ 
     clear: left;
}
.tabcontent {
    display:none;  
    width:440px;
    height: 180px;
    padding:10px;

}

/* registration form, thank you page survey form */
.free_trial_form_top {
    width: 239px; font-size: 0em; height: 42px;
}
.free_trial_form_content {
    margin: 0; 
    clear: none; 
    padding: 10px 10px 0px 10px;
    text-align: left; 
    background: url(../images/welcome/structure/trial_str_form_wht_bg.gif) repeat-y; 
}

#ctl00_ctl00_cphMainContentMaster_cphMainContent_platforms_box {
    background-color: #e6e9ee;
    border: solid 1px #cccccc;
    padding: 5px;
    margin-top: 5px;
     margin-bottom: 5px;
}

.free_trial_form_btm {
    width: 239px; font-size: 0em; height: 4px;background:url(../images/welcome/structure/trial_str_form_btm.gif) 0 0 no-repeat;
 }
 
 /* thank you page promo boxes */
#promo_box_left {
    display: block; width: 240px; float:left; margin-right: 10px; font-size: 0em; background-color:Red;
    background: url(../images/welcome/structure/trial_str_thk_box_bg.gif) repeat-y; 
}
#promo_box_right {
    display: block; width: 240px; float:left; font-size: 0em; background-color:Blue;
    background: url(../images/welcome/structure/trial_str_thk_box_bg.gif) repeat-y; 
}
 .promo_box_content {
    height: 85px; padding:14px; 
}


/*----------------------------------------
6. SECURITY CENTER PAGE ELEMENTS
-----------------------------------------*/

/* blue content region */
.security_intro {
    padding: 20px;
    margin: 0;
    background-color: #eeeeee;
    border: solid 1px #bfbfbf;
}
/*---------------------------------------------
7. SECURITY CENTER - ONLINE FRAUD PAGE ELEMENTS
----------------------------------------------*/
/* tabbed platform region*/
.fraud_panel_menu {
    margin-bottom: 10px; 
	padding: 0; 
	float: left; 
	width: 525px;
}
/* content region for each tab */
.fraud_panel_content_region{ 
    margin-top: 1px; 
	padding: 0px; 
}
*html .fraud_panel_content_region { clear: none; }
.fraud_panel_content {
    display:none; 
	padding: 17px 20px 2px 20px; 
	margin: 0px; 
	clear: left; 
	border: solid 1px #8f93a2;
}

/*------------------------------------------------------
8. SECURITY CENTER - YOUR SECURITY MEASURES PAGE ELEMENTS
------------------------------------------------------*/
/* tabbed platform region*/
.measures_panel_menu {
    margin-bottom: 10px; 
	padding: 0; 
	float: left; 
	width: 525px;
}
/* content region for each tab */
.measures_panel_content_region{ 
    margin-top: 1px; 
	padding: 0px; 
}
*html .measures_panel_content_region { clear: none; }
.measures_panel_content {
    display:none; 
	padding: 17px 20px 2px 20px; 
	margin: 0px; 
	clear: left; 
	border: solid 1px #8f93a2; 
	text-align: justify;
}


/*------------------------------------------------------
9. SECURITY CENTER - PRIVACY POLICY PAGE ELEMENTS
------------------------------------------------------*/
/* tabbed platform region*/
.privacy_panel_menu {
    margin-bottom: 0; 
	padding: 0; 
	float: left; 
	width: 525px;
}
/* content region for each tab */
.privacy_panel_content_region{ 
    margin-top: 1px; 
	padding: 0px;
}
*html .privacy_panel_content_region { clear: none; }
.privacy_panel_content {
    display:none; 
	padding: 17px 20px 2px 20px; 
	margin: 0px; 
	clear: left; 
	border: solid 1px #8f93a2; 
	text-align: justify;
}


/*PLATFORM LOGIN POPUP BOX**************************** */
.glossary_box
{
    border: 1px solid #9BA1A9;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #3b4654;
    width: 430px;
    height: 150px;
    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: 452px;
}
.glossary_shadowbox div
{
    background: #F1F0F0;
    border: 1px solid #989fa7;
    color: #ff0000;
    padding: 10px;
    top: -3px;
    left: -3px;
    width: 430px;
}


/*------------------------------------------------------
10. CONTENT BOX  - REFER A FRIEND PAGE 
------------------------------------------------------*/
      
.content_box {
	width:50%;
	margin:0px auto;
background:#fff url(../images/welcome/structure/box_left.gif) repeat-y left top;
}
   
/* standard content box */
.content_box .top {
  width:100%;
  height:24px;
  background:url(../images/welcome/structure/box_top.gif) no-repeat left top;
}
.content_box .top_RAFFX span {
	display:block;
	position:relative;
	height:24px;
	background:url(../images/welcome/structure/box_top_rt.gif) no-repeat right top;
}
.content_box .top_RAF span {
	display:block;
	position:relative;
	height:24px;
	background:url(../images/welcome/structure/box_top_rt.gif) no-repeat right top;
}


.content_box .top_RAF {
  width:100%;
  height:24px;
  background:url(../images/welcome/structure/raf_box_top.gif) no-repeat left top;
}
.content_box .top_RAFFX {
  width:100%;
  height:24px;
  background:url(../images/welcome/structure/raffx_box_top.gif) no-repeat left top;
}




/* content region */
.content_box .content {
	position:relative;
	background:url(../images/welcome/structure/box_right.gif) repeat-y right top;
	padding:10px 20px 20px 20px;
	margin:-1px 0 -20px 0;
}

/* bottom box region */
.content_box .bottom {
  height:27px;
  background:url(../images/welcome/structure/box_btm.gif) no-repeat left bottom;
}
.content_box .bottom span {
  display:block;
  position:relative;
  height:27px;
  background:url(../images/welcome/structure/box_btm_rt.gif) no-repeat right top;
}