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

Note: the "Services" section in Questrade.com was renamed "Learn to Trade". The CSS below references the pages in that section:
http://www.questrade.com/education/default.aspx

	1. MARKET DATA PAGE ELEMENTS 
    2. TRADING EDUCATION PAGE ELEMENTS
    3. ONLINE COURSE PROMO POPUPS - TRADING EDUCATION PAGE
    4. RESOURCES PAGE ELEMENTS 

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




/*-----------------------------
1. MARKET DATA PAGE ELEMENTS 
---------------------------------*/

.markets_tabs_content {
    padding: 10px;
    background: url(../images/services/structure/str_markets_tabs_bg.gif) 0 0 repeat-y;
}

/*-----------------------------
2. TRADING EDUCATION PAGE ELEMENTS
---------------------------------*/
    .tab_menu ul {
    margin: 0; padding: 0; float: left; font-size: 0em; width: 521px; height: 33px;
    background: url(../images/welcome/tabs/tab_table_border.gif) no-repeat; 
}
.tab_menu li {
    float: left; margin: 0; height: 33px;
}
.tab_menu li a {
    float: left; height: 33px; text-decoration: none !important;
}
.tab_menu li a:hover {
    height: 33px; text-decoration: none !important;
}
/* tab buttons */
li.tab1 a 			{ background: transparent url(../images/services/tabs/tab_wallStreet.gif ) 0 0 no-repeat;  width: 107px; height: 33px; text-decoration: none; }
li.tab1 a.selected  { background: transparent url(../images/services/tabs/tab_wallStreet.gif) -107px 0 no-repeat; width: 107px; height: 33px; text-decoration: none; }
li.tab1 a:hover  { background: transparent url(../images/services/tabs/tab_wallStreet.gif) -107px 0 no-repeat; width: 107px; height: 33px; text-decoration: none; }
li.tab2 a 			{ background: transparent url(../images/services/tabs/tab_Nasdaq.gif) 0 0 no-repeat; width: 107px; height: 33px; text-decoration: none; }
li.tab2 a.selected  { background: transparent url(../images/services/tabs/tab_Nasdaq.gif) -107px 0 no-repeat; width: 107px; height: 33px; text-decoration: none; }
li.tab2 a:hover { background: transparent url(../images/services/tabs/tab_Nasdaq.gif) -107px 0 no-repeat; width: 107px; height: 33px; text-decoration: none; }
li.tab3 a 			{ background: transparent url(../images/services/tabs/tab_sevenPillars.gif) 0 0 no-repeat; width: 108px; height: 33px; text-decoration: none; }
li.tab3 a.selected  { background: transparent url(../images/services/tabs/tab_sevenPillars.gif) -108px 0 no-repeat; width: 108px; height: 33px; text-decoration: none; }
li.tab3 a:hover  { background: transparent url(../images/services/tabs/tab_sevenPillars.gif) -108px 0 no-repeat; width: 108px; height: 33px; text-decoration: none; }
li.tab4 a 			{ background: transparent url(../images/services/tabs/tab_techAnalysis.gif) 0 0 no-repeat; width: 105px; height: 33px; text-decoration: none; }
li.tab4 a.selected  { background: transparent url(../images/services/tabs/tab_techAnalysis.gif) -105px 0 no-repeat; width: 105px; height: 33px; text-decoration: none; }
li.tab4 a:hover  { background: transparent url(../images/services/tabs/tab_techAnalysis.gif) -105px 0 no-repeat; width: 105px; height: 33px; text-decoration: none; }
li.tab5 a 			{ background: transparent url(../images/services/tabs/tab_table_border.gif) 0 0 no-repeat; width: 95px; height: 33px; text-decoration: none; }
li.tab5 a.selected  { background: transparent url(../images/services/tabs/tab_table_border.gif) 0 0 no-repeat; width: 95px; height: 33px; text-decoration: none; }
 /*content region for each tab */
.tab_content_region{ 
     clear: left;
}
.tabcontent {
    display:none;  
    width:521px;
    height: 266px;

   /* padding:10px;*/ 

}
	.reservation_content {  clear:both;height:26px;margin-bottom:15px;background:url(../images/services/promo_reservation.gif) 0 0 no-repeat}
	.reservation_text {padding-top:7px;padding-left:130px;font-weight:bold;}
	.promo_experience {float:left;width:160px;height:155px;background:url(../images/services/promo_experience.gif)}
	.promo_experience .content { padding-top:50px;padding-left:10px;padding-right:20px;}
	.promo_discover {float:left;width:160px;height:155px;margin-left:22px;background:url(../images/services/promo_discover.gif) 0 0 no-repeat;}
	.promo_discover .content{padding-top:50px;padding-left:15px;padding-right:15px;text-align:left;}
	.promo_learn {float:left;width:160px;height:155px;margin-left:22px;background:url(../images/services/promo_learn.gif) 0 0 no-repeat;}
	.promo_learn .content{padding-top:50px;padding-left:15px;padding-right:15px;text-align:left;}


    .table_main td {
	padding-right: 25px;
	padding-left: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #555555;
	text-align: justify;
}
.cds td {
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
}

td.banner {text-align: center;}

.maintext_bold {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #555555;
	}
	
.maintext_bold_white {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #ffffff;
	}
		
	
.ota_maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #555555;
}

a { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#6EBB1F;
	text-decoration:underline
	}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#6EBB1F;
	text-decoration:underline
	}
a:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#6EBB1F;
	text-decoration:underline
	}
	
		
.smallprint {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color:#555555;
	}
	
/* DHTML popup window information */
	
.dhtmlwindow{
position: absolute;
visibility: hidden;
}

.drag-handle{ /*CSS for Drag Handle*/
	text-indent: 3px;
	cursor: move;
	overflow: hidden;
	width: auto;
	background-image: url(../images/structure/div_popup/popup_background.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 1px;
	padding-bottom: 8px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 30px;
top: 10px;
/*cursor: hand;*/
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
	height: 150px;
	padding: 2px;
	overflow: auto;
	background-image: url(../images/structure/div_popup/popup_body_background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	height: 20px; /*height of resize image*/
	background-image: url(../images/structure/div_popup/popup_footer_background.gif);
	background-repeat: no-repeat;
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


/*----------------------------------------------------------
3. ONLINE COURSE PROMO POPUPS - TRADING EDUCATION PAGE
--------------------------------------------------------------*/

.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 td
{
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3b4654;
    padding: 10px;
    text-align: justify;
    vertical-align: top;
}


/*----------------------------------------------------------
3. RESOURCES PAGE ELEMENTS
--------------------------------------------------------------*/

.resource_item
{
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url(../images/education/structure/hor_dotted_line.gif) repeat-x bottom left;
}

.resource_item a {

color:#3b4654;
text-decoration:none;
font-weight:bold;


}
.resource_item a:hover {

color:#7cc235;
text-decoration:none;
font-weight:bold;
}


.resource_arrow
{
    float: left;
    width: 19px;
    height: 19px;
    padding-right: 10px;
}
.resource_content
{
    clear: right;
    padding-top: 3px;
    height: 19px;
}

.resource_content_top
{

    height: 3px;
    
}

.resource_content_middle
{

    height: auto;
    text-align:left;
    padding: 0 30px 10px 30px;
}
.resource_content_middle a
{
font-weight:bold;
color:#7cc235;
text-decoration:underline;
}
.resource_content_bottom
{

    height: 3px;
   
}
.resource_content_container
{
    clear: both;
    margin-top: 15px;
    display: none;
}