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

NOTE: The CSS below is used for the Quotemedia data box on the Market Data page 
(http://www.questrade.com/education/market_data.aspx)
    
1. QuoteMedia.com Tab Chart/Quote Box Tool
2. Quotemedia.com Tab Chart Style Sheet
3. Quotemedia.com Quote Box Style Sheet
4. Quotemedia.com Custom Module Style Sheet

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


/*----------------------------------------
1. QuoteMedia.com Tab Chart/Quote Box Tool
-------------------------------------------*/
.quote_toolbox 
{
    width:198px;
    padding-left: 8px;
    padding-right: 8px;
}
.symbol_quotebox 
{
    text-align: center;
    background:#d1d1d1;
    width:198px;
}
.symbol_btn 
{
    width:49px;
    height:20px;
    position:relative;
    top: 4px;
}
#qmTabChart 
{
    padding: 0px !important;
    margin: 0px !important;
}

/*----------------------------------------
2. Quotemedia.com Tab Chart Style Sheet
-------------------------------------------*/
	    
		#qmTabChart .qmmt_main
		{
		    background-color: #ffffff;
			border: 1px solid #d1d1d1;
		}
		#qmTabChart .qmmt_text
		{
		    font: 10px Verdana,Arial,Helvetica;
		    color: #354654;
			padding: 2px;
		}
		#qmTabChar .qmmt_text_up
		{
		    font: 10px Verdana,Arial,Helvetica;
		    color: #009900;
		}
		#qmTabChart .qmmt_text_down
		{
		    font: 10px Verdana,Arial,Helvetica;
		    color: #E60202;
		}
		#qmTabChart .qmmt_cycle
		{
		    background-color: #F0F0F0;
		}
		#qmTabChart .qmmt_tab
		{
		    font: 10px Verdana,Arial,Helvetica;
		    color: #ffffff;
		    background-color: #686868;
			border-color: #ffffff;
		}
		#qmTabChart .qmmt_tabactive
		{
		    font: 10px Verdana,Arial,Helvetica;
		    color: #000000;
		    background-color: #ffffff;
			border-color: #686868;
		}
		
/*----------------------------------------
3.0Quotemedia.com Quote Box Style Sheet
-------------------------------------------*/
		#qmQuoteBox
		{
			width: 198px;
			font: 10px Verdana,Arial,Helvetica;
			display:block;
			margin-top: 3px;
		}
		#qmQuoteBox input
		{
			font: 10px Verdana,Arial,Helvetica;
		}
		.qmQuoteBoxSymbolLookup {
			padding-top: 0px;
		}
		.qmQuoteBoxSubmit
		{
			float: right;
			padding-top: 4px;
		}
		#qmQuoteBox a
		{
			color: #3b4654;
		}
		
		
/*----------------------------------------
4. Quotemedia.com Custom Module Style Sheet
-------------------------------------------*/
		.qm_main
		{
		    background-color: #ffffff;
			border-color: #96a1a7;
		    font: 11px Verdana,Arial,Helvetica;
			color: #354654;
		}
		.qm_maintext
		{
		    font: 11px Verdana,Arial,Helvetica;
			color: #354654;
		}
		.qm_text_up, .qm_text_down
		{
		    font: 11px Verdana,Arial,Helvetica;
		}
		.qm_text_up
		{
			color: #009900;
		}
		.qm_text_down
		{
			color: #E60202;
		}
		a.qm {
			font: 11px Verdana,Arial,Helvetica;
		    color: #6EBB1F;
			text-decoration: underline;
		}
		a:visited.qm {
			font: 11px Verdana,Arial,Helvetica;
		    color: #6EBB1F;
			text-decoration: underline;
		}
		a:hover.qm {
			font: 11px Verdana,Arial,Helvetica;
		    color: #6EBB1F;
			text-decoration: underline;
		}
		.qm_subnav_heading_bar
		{
		    border-color: #a7b1c2;
		}
		a.qm_subnav_inactivebutton, a:visited.qm_subnav_inactivebutton, .qm_subnav_inactivebutton
		{
			font: bold 11px Verdana,Arial,Helvetica;
			color: #354654;
			text-decoration: none;
		}
		.qm_subnav_activebutton, a.qm_subnav_activebutton, a:visited.qm_subnav_activebutton, a:hover.qm_subnav_activebutton
		{
			font: 11px Verdana,Arial,Helvetica;
			color: #6EBB1F;
			text-decoration: none;
		}
		.qm_inactivebutton
		{
		    background-color: #ffffff;
		    font: 11px Verdana,Arial,Helvetica;
			text-transform: uppercase;
		    color: #696969;
			border: none;
			height: 33px;
			padding-top: -5px;
			padding-bottom:5px;
			background: url(../images/structure/quotemedia/tab_off.gif) 0 0 no-repeat;
		}
		/* additional code to address spacing issue in IE8 */
		.qm_inactivebutton div
		{
		  	padding/*\**/: 0 0 15px\9; 
		}
		.qm_activebutton
		{
		    background-color: #ffffff;
		    font: bold 11px Verdana,Arial,Helvetica;
			text-transform: uppercase;
		    color: #000000;
			border: none;
			height: 33px;
			padding-top: -5px;
			padding-bottom:5px;
			background: url(../images/structure/quotemedia/tab_on.gif) 0 0 no-repeat;
		}
		/* additional code to address spacing issue in IE8 */		
		.qm_activebutton div
		{
		  	padding/*\**/: 0 0 15px\9
		}

		.qm_heading_bar
		{
		    background-color: #a7b1c2;
			border-color: #a7b1c2;
		    font: 11px Verdana,Arial,Helvetica;
		}
		.qm_heading_text
		{
		    font: bold 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
		}
		.qm_cycle
		{
		    background-color: #f0f0f0;
			border-color: #E2E2E0;
		    font: 11px Verdana,Arial,Helvetica;
		    color: #354654;
		}
		.qm_cycleup
		{
		    background-color: #D4FCD4;
		    font: 11px Verdana,Arial,Helvetica;
		    color: #354654;
		}
		.qm_cycledown
		{
		    background-color: #FCD2D2;
		    font: 11px Verdana,Arial,Helvetica;
		    color: #354654;
		}
		.qm_footerlogo
		{
			display: none;
		}
		a.qm_heading_text
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		a:visited.qm_heading_text
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		a:hover.qm_heading_text
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		.qm_heading_link
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
		}
		a.qm_heading_link
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		a:visited.qm_heading_link
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		a:hover.qm_heading_link
		{
			font: 11px Verdana,Arial,Helvetica;
		    color: #FFFFFF;
			text-decoration: underline;
		}
		table table table table .qm_inactivebutton
		{
			background: url(../images/structure/quotemedia/btn_sub_off.gif);
			height: 10px;
			border-left: 1px solid #a7b1c2;
			border-right: 1px solid #a7b1c2;
			border-bottom: 1px solid #a7b1c2;
			font-weight: normal;
		}
		table table table table .qm_activebutton
		{
			background: url(../images/structure/quotemedia/btn_sub_on.gif);
			height: 10px;
			border-left: 1px solid #a7b1c2;
			border-right: 1px solid #a7b1c2;
			border-bottom: 1px solid #a7b1c2;
			color: #ffffff;
			font-weight: normal;
		}
		.rightTabOff 
		{
			background: url(../images/structure/quotemedia/tab_off_right.gif) no-repeat;
			
		}
		.rightTabOn 
		{
			background: url(../images/structure/quotemedia/tab_on_right.gif) no-repeat;
		}
		.inputGo
		{
			background: url(../images/structure/quotemedia/btn_go.gif);
			border: none;
			width: 49px !important;
			height: 20px;
			cursor: pointer;
		}