﻿div.IndexTopFlopList table
{
	width: 100%;
}

div.IndexTopFlopList th.name
{
	width: 150px;
}
div.IndexTopFlopList .small th.name
{
	width: auto;
}

div.IndexTopFlopList th.quote
{
	width: 70px;
}
div.IndexTopFlopList .small th.quote
{
	width: 60px;
}

div.IndexTopFlopList th.changeAbsolute
{
	width: 60px;
}
div.IndexTopFlopList .small th.changeAbsolute
{
	width: 50px;
}

div.IndexTopFlopList th.changePercent
{
	width: auto;
}
div.IndexTopFlopList .small th.changePercent
{
	width: auto;
}

div.IndexTopFlopList th.dailyHigh
{
	width: 70px;
}

div.IndexTopFlopList th.dailyLow
{
	width: 70px;
}

div.IndexTopFlopList th.time
{
	width: 40px;
}

div.IndexTopFlopList th.date
{
	width: 70px;
}

div.IndexTopFlopList div.barContainer
{
	float: left;
	width: 110px;
	margin-right: 5px;
}

div.IndexTopFlopList .small div.barContainer
{
	width: 70px;
}

div.IndexTopFlopList div.barText
{
	float: right;
}

div.IndexTopFlopList .green
{
	color: #006800 !important;
}

div.IndexTopFlopList .red
{
	color: #A70001 !important;
}

div.IndexTopFlopList .red div.bar,
div.IndexTopFlopList .green div.bar
{
	background-position: top left;
	background-repeat: repeat-x
}

div.IndexTopFlopList .red div.bar
{
	background-image: url('/images/index/indextopflop/barred.jpg');
}

div.IndexTopFlopList .green div.bar
{
	background-image: url('/images/index/indextopflop/bargreen.jpg');
}