body {
}

.idx 
{
    border: solid 1px #370CEE;
}

.idxOver
{
    border: solid 1px #F9090E;
}


.mContainer {
	position:relative;
	width:200px;
	height:12px;
	padding:0px;
}

.mContainerBig {
	position:relative;
	width:500px;
	height:20px;
	padding:0px;
}

.gradient {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:12px;
	background-image:url("score.gif");
	background-repeat:no-repeat;
	z-index:2;
}

.mask {
	position:absolute;
	font-size:1px;
	width:200px;
	height:12px;
	background-color:#FFFFFF;
	left:0px;
	top:0px;
}

.progressIndicator {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:12px;
	font-family:verdana;
	font-weight:bold;
	color:#C0C0C0;
	font-size:8pt;
	text-align:center;
	z-index:1;
}

.gradientBig {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:20px;
	background-image:url("score2.gif");
	background-repeat:no-repeat;
	z-index:2;
}

.maskBig {
	position:absolute;
	font-size:1px;
	width:500px;
	height:20px;
	background-color:#FFFFFF;
	left:0px;
	top:0px;
}

.progressIndicatorBig {
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:20px;
	font-family:verdana;
	font-weight:bold;
	color:#C0C0C0;
	font-size:8pt;
	text-align:center;
	z-index:1;
}

#indicator1 
{
	background-image:url("gradient.gif");
	background-repeat:no-repeat;
}

#indicator2
{
	background-image:url("gradient2.gif");
	background-repeat:no-repeat;
}

#indicator3
{
	background-image:url("gradient3.gif");
	background-repeat:no-repeat;
}

#indicator4
{
	background-image:url("gradient4.gif");
	background-repeat:no-repeat;
}

#indicator5
{
	background-image:url("gradient5.gif");
	background-repeat:no-repeat;
}

#indicator6
{
	background-image:url("gradient6.gif");
	background-repeat:no-repeat;
}

.label 
{
	font-family:verdana;
	font-size:8pt;
}