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

NOTE: The CSS below is used for the Quotemedia data box on the bottom of the Forex page 
(http://www.questrade.com/trading/forex.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 Tools Style Sheet

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



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

/*----------------------------------------
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: #354654;
		    background-color: #ffffff;
			border-color: #686868;
		}

/*----------------------------------------
3. Quotemedia.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 Tools Style Sheet
-------------------------------------------*/

		.qmmt_main
		{
		    background-color: #ffffff;
		    border: none;
		}
		.qmmt_text
		{
		    font: 11px Verdana,Arial,Helvetica;
		    color: #354654;
			padding: 2px;
		}
		.qmmt_text_up
		{
		    font: 11px Verdana,Arial,Helvetica;
		    color: #009900;
		}
		.qmmt_text_down
		{
		    font: 11px Verdana,Arial,Helvetica;
		    color: #ff0000;
		}
		.qmmt_cycle
		{
		    background-color: #f0f0f0;
		}
		.qmmt_header_text
		{
		    font: bold 11px Verdana,Arial,Helvetica;
		    color: #ffffff;
		}
		.qmmt_header_bar
		{
		    background-color: #a7b1c2;
		    border-color: #a7b1c2;
		}
		a.qmmt {
		    font: 11px Verdana,Arial,Helvetica;		
		    color: #6EBB1F;
			text-decoration: underline;
		}
		a:visited.qmmt {
		    font: 11px Verdana,Arial,Helvetica;		
		    color: #6EBB1F;
			text-decoration: underline;			
		}
		a:hover.qmmt {
		    font: 11px Verdana,Arial,Helvetica;		
		    color: #6EBB1F;
			text-decoration: underline;			
		}
		#qmCurrencies
		{
			width: 522px;
			text-align: center;
		}
		.qmCurrenciesLeft
		{
			float: left;
			padding-left: 0px;
		}
		.qmCurrenciesRight
		{
			float: right;
			padding-right: 3px;
		}
		#qmForexModule
		{
			clear: both;
			padding-top: 20px;
		}
		#qmQuoteChart .qmmt_header_bar, #qmQuoteChart .qmmt_header_text
		{
			display: none;
		}
		#qmQuoteChart .qmmt_main
		{
			border: none;
		}
		#qmQuoteChart .qmmt_tab
		{
			font: 11px Verdana,Arial,Helvetica;
			text-transform: uppercase;
		    color: #696969;
			background: url(../images/structure/quotemedia/btn_sub_off.gif);
			height: 16px;
			border: none;
			border-left: 1px solid #a7b1c2;
			border-right: 1px solid #a7b1c2;
			font-weight: normal;
			padding: 0px !important;
		}
		#qmQuoteChart .qmmt_tabactive
		{
			font: 11px Verdana,Arial,Helvetica;		
			text-transform: uppercase;
		    color: #696969;
			background: url(../images/structure/quotemedia/btn_sub_on.gif);
			height: 16px;
			border: none;
			border-left: 1px solid #a7b1c2;
			border-right: 1px solid #a7b1c2;
			color: #ffffff;
			font-weight: normal;
			padding: 0px !important;
		}		
		.qmCustomMainText
		{
		    font: 10px Verdana,Arial,Helvetica;
			color: #354654;
		}		
		.qmCustomCycle
		{
		    background-color: #f0f0f0;
			border-color: #E2E2E0;
		    font: 10px Verdana,Arial,Helvetica;
		    color: #354654;
		}