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

	Note: this CSS file governs the different pop-up windows in Questrade.com

    1. DEFAULT/GLOBAL STYLES
    2. EMAIL TO FRIEND - PAGE ELEMENTS
    3. RATE THIS PAGE - PAGE ELEMENTS
    4. EXIT MESSAGE - PAGE ELEMENTS
    5. SEARCH TIPS - POP-UP WINDOW
    6. MUTUAL FUND CALCULATOR - POP-UP WINDOW
    7. ERROR POPUP PAGE - PAGE ELEMENTS
    8. ELECTRONIC DELIVERY AGREEMENT - PAGE ELEMENTS

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




/*---------------------------------------------------------------
1. DEFAULT/GLOBAL STYLES
---------------------------------------------------------------*/
body, html {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; /* set default font type */
	
}
hr {
    color: #9093a2;
}

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 
{
    text-decoration: underline;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #7cc235;
	font-size:11px;
	text-decoration: none;
	}

img {
    border: 0;
}

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:justify;
	color:#3b4654;
	}

.li_bullets
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b4654;
    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_numbers2
{
    margin-left: 13px;
    padding-left: 13px;
}
	
/*---------------------------------------------------------------
2. EMAIL TO FRIEND - PAGE ELEMENTS
---------------------------------------------------------------*/

.email_friend_content {
    background: transparent url(../images/structure/toolbar/str_email_bg.gif) repeat-y;
    width: 260px;
}

.content {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left:10px;
    padding-right:10px;
}


/* Tables with form field elements */

body
{
    padding:0px;
}

.email_table_2col  {
    width: 294px;
    padding: 0 !important;
    margin: 0 !important;
}
.email_table_2col td {
	color:#3b4654;  /* set default font color */
	font-family: verdana, arial, helvetica, sans-serif; /* set default font type */
    font-size:11px;     /*set default font size */
    margin: 0;
    padding: 0 0 8px 0;
}
.title {
    width: 150px;
}
.form {
    width: 165px;
}

.email_table_1col td {
	color:#3b4654;  /* set default font color */
	font-family: verdana, arial, helvetica, sans-serif; /* set default font type */
    font-size:11px;     /*set default font size */
    padding-bottom: 8px;
    margin: 0px;
}
.note, .note a, .note a:visited, .note a:hover {
    font-size:9px;     /*set default font size */
}
/*---------------------------------------------------------------
3. RATE THIS PAGE - PAGE ELEMENTS
---------------------------------------------------------------*/

.rate_this_page_content {
    background: transparent url(../images/structure/toolbar/str_survey_bg.gif) repeat-y;
   
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left:15px;
    padding-right:10px;
    width: 338px;

}

.rate_this_page_content .content {
    padding-left: 0px;
    padding-right: 0px;
}

/*---------------------------------------------------------------
4. EXIT MESSAGE - PAGE ELEMENTS
---------------------------------------------------------------*/

.exit_message 
{
    width: 541px;
}

.exit_message .content 
{
    padding: 15px;
    background: url(../images/structure/error/str_exit_table_bg.gif) repeat-y;
}

/*---------------------------------------------------------------
5. SEARCH TIPS - POP-UP WINDOW
---------------------------------------------------------------*/
.search_tips {
    background: transparent url(../images/structure/toolbar/str_survey_bg.gif) repeat-y;
    width: 338px;
}
.search_tips .content 
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left:10px;
    padding-right:10px;
    color: #3b4654; 
    font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
    text-align: justify;
     
}
/*---------------------------------------------------------------
6. MUTUAL FUND CALCULATOR - POP-UP WINDOW
---------------------------------------------------------------*/
.mutual_fund_calc {
    background: #fff url(../images/trading/structure/str_calc_bg.gif) repeat-y;
    
/*padding-top: 8px;
    padding-bottom: 8px;
    padding-left:10px;
    padding-right:10px;*/
    width: 379px;
}
.mutual_fund_calc .content {
     background: #fff url(../images/trading/structure/str_calc_bg.gif) repeat-y;
    padding:10px;
    font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
    width: 359px;
}
.mutual_fund_calc .footer {
     background: #fff url(../images/trading/structure/str_calc_btm.gif) no-repeat;
}

.mutual_rebate_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    font-size: 10px;
    color:#3b4654;
}

.mutual_rebate_table th {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    background-color: #e6e9ee;
    text-align: left;
    font-weight: bold;
    padding:6px;
}

.mutual_rebate_table td{
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    padding: 6px;
}

.mutual_details_table {
    border-left: solid 1px #999fa7;
    border-top: solid 1px #999fa7;
    font-size: 10px;
    color:#3b4654;
}
.mutual_details_table th {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    background-color: #e6e9ee;
    text-align: left;
    font-weight: bold;
    padding:6px;
}
.mutual_details_table td {
    border-bottom: solid 1px #999fa7;
    border-right: solid 1px #999fa7;
    padding: 6px;
}

/*---------------------------------------------------------------
7. ERROR POPUP PAGE - PAGE ELEMENTS
---------------------------------------------------------------*/

.error_page_content {
    background: transparent url(../images/structure/toolbar/str_email_bg.gif) repeat-y;
   
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left:10px;
    padding-right:10px;
    width: 260px;
}

.content {
    padding-left: 8px;
    padding-right: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#3b4654;
}



/*---------------------------------------------------------------
8. ELECTRONIC DELIVERY AGREEMENT - PAGE ELEMENTS
---------------------------------------------------------------*/

#banner_box {
	width:100%;
	margin:0px auto;
	background:#fff url(../images/structure/forms/form_box_left.gif) repeat-y left top;
}
   
#banner_box .top {
  width:100%;
  height:41px;
  background:url(../images/structure/forms/form_box_top.gif) no-repeat left top;
}
  
#banner_box .top span {
	display:block;
	position:relative;
	height:41px;
	background:url(../images/structure/forms/form_box_top_rt.gif) no-repeat right top;
	padding-left: 10px;
}
  
#banner_box .center-content {
	position:relative;
	background:url(../images/structure/forms/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/forms/form_box_btm.gif) no-repeat left bottom;
}

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