﻿body
{
	margin: 0px; background-color:black;
}


.data
{
	font-family:tahoma; 
	font-weight:bold; 
	font-size:10pt;
	padding-top:7px;
	padding-left:4px; 
	padding-right:4px;
	white-space:nowrap; 
}

.Label
{
	background-color:#43485f; 
	color:White; 
	text-align:center;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
}


#gridMarketSummary {width: 100%; height: 62px;  background:black; color:White; font-weight:bold; font-size:12px  }
#gridMarketSummary .aw-grid-cell {border-left: 1px solid dimgray;background:Black;} /* all columns */
#gridMarketSummary .aw-rows-selected {background: black; Color:White; font-weight:bold;}		

#gridMarketSummary .aw-column-0 {width: 10px; text-align:center; color:White; border-bottom: 1px solid dimgray;} /* Index Name*/             
#gridMarketSummary .aw-column-1 {width: 170px; text-align:center; color:SkyBlue; border-bottom: 1px solid dimgray;} /* Index Name*/    
#gridMarketSummary .aw-column-3 {width: 85px; text-align:center; border-bottom: 1px solid dimgray;} /* Index Value*/
#gridMarketSummary .aw-column-4 {width: 70px; text-align:center; border-bottom: 1px solid dimgray;} /* Change  */
#gridMarketSummary .aw-column-5 {width: 90px; text-align:center; border-bottom: 1px solid dimgray;} /* Change Per */
#gridMarketSummary .aw-column-6 {width: 100px; text-align:center; color:pink;  border-bottom: 1px solid dimgray;} /* Trades*/
#gridMarketSummary .aw-column-7 {width: 110px; text-align:center; color:Gold; border-bottom: 1px solid dimgray;} /* Volume */
#gridMarketSummary .aw-column-8 {width: 105px; text-align:center; color:pink; border-bottom: 1px solid dimgray;} /* Turnover*/
#gridMarketSummary .aw-column-9 {width: 110px; text-align:center; color:pink;  border-bottom: 1px solid dimgray;} /* Symbol Up*/
#gridMarketSummary .aw-column-10  {width: 80px; text-align:center; color:LawnGreen;border-bottom: 1px solid dimgray;} /* Symbol Down*/
#gridMarketSummary .aw-column-11 {width: 70px; text-align:center; color:Red; border-bottom: 1px solid dimgray;} /* Symbols Unchanged*/    
#gridMarketSummary .aw-column-12 {width: 70px; text-align:center; color:Red; border-bottom: 1px solid dimgray;} /* Datetime*/    
#gridMarketSummary .aw-column-13 {width: 95px; text-align:center;  color:orange; border-bottom: 1px solid dimgray;} /* YTD Per*/    
#gridMarketSummary .aw-column-14 {width: 95px; text-align:center; color:LawnGreen; border-bottom: 1px solid dimgray;} /* YTD Per Last*/    
 
#gridMarketSummary .aw-grid-header {Color:Black; font-weight:bold; }

    
    
#gridTopGainers {width:298px; height:186px; background:Black; font-family:tahoma; font-weight:bold; font-size:8pt;}
#gridTopGainers .aw-grid-cell {border-left: 1px solid silver; border-bottom:1px solid silver; color:LawnGreen; } /* all columns */
#gridTopGainers .aw-column-0 {width:114px;  text-align:right; } /* Company */
#gridTopGainers .aw-column-1 {width: 60px;  text-align:right;}	/* Last Price */
#gridTopGainers .aw-column-2 {width: 60px;  text-align:right;}  /* Change */ 
#gridTopGainers .aw-column-3 {width: 60px;  text-align:right;}	/* Percent Change */        
#gridTopGainers .aw-grid-header {font-weight:normal;}        


#gridTopLosers {width:298px; height:186px; background:Black; font-family:tahoma; font-weight:bold; font-size:8pt;}
#gridTopLosers .aw-grid-cell {border-left: 1px solid silver; border-bottom:1px solid silver; color:Red; } /* all columns */
#gridTopLosers .aw-column-0 {width:114px;  text-align:right; }  /* Company */
#gridTopLosers .aw-column-1 {width: 60px;  text-align:right;}	/* Last Price */
#gridTopLosers .aw-column-2 {width: 60px;  text-align:right;}	/* Change */  
#gridTopLosers .aw-column-3 {width: 60px;  text-align:right;}	/* Percent Change */        
#gridTopLosers .aw-grid-header {font-weight:normal;}  


#gridTopVolume {width:298px; height:186px; background:Black; font-family:tahoma; font-weight:bold; font-size:8pt;}
#gridTopVolume .aw-grid-cell {border-left: 1px solid silver; border-bottom:1px solid silver;  } /* all columns */
#gridTopVolume .aw-column-0 {width:104px;  text-align:right; }  /* Company */
#gridTopVolume .aw-column-1 {width: 50px;  text-align:right;} /* Last Price */
#gridTopVolume .aw-column-2 {width: 50px;  text-align:right;}  /* Change */    
#gridTopVolume .aw-column-3 {width: 90px;  text-align:right;}   /* Percent Change */       
#gridTopVolume .aw-grid-header {font-weight:normal;}  


#gridTopValue {width:298px; height:186px; background:Black; font-family:tahoma; font-weight:bold; font-size:8pt;}
#gridTopValue .aw-grid-cell {border-left: 1px solid silver; border-bottom:1px solid silver;  } /* all columns */
#gridTopValue .aw-column-0 {width:104px;  text-align:right; }  /* Company */
#gridTopValue .aw-column-1 {width: 50px;  text-align:right;} /* Last Price */
#gridTopValue .aw-column-2 {width: 50px;  text-align:right;}  /* Change */    
#gridTopValue .aw-column-3 {width: 90px;  text-align:right;}   /* Percent Change */       
#gridTopValue .aw-grid-header {font-weight:normal;}  









.cssHyperLink1
{
	padding: 5px;
	
	
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	
	color: Navy;
	background-color: Orange;
	
	text-decoration: none;
	width: 100%;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	
}


.cssHyperLink1:hover
{
	padding: 5px;
	
	
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	
	color: Orange;
	background-color: #000000;
	
	text-decoration: none;
	width: 100%;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}





.cssHyperLink3
{
	padding: 5px;
	
	
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	
	color: white
	background-color: transparent
	
	text-decoration: none;

	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	
}
