.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	width: 551px;
}
.text2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.grid
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2pt;
	color: #000000;
	width: 565px;
	height: 78px;
}
.grid1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	width: 565px;
	height: 78px;
}

.back1 
{
	background-image: url(images/result_01.jpg);
} 
.back2 
{
	background-image: url(images/result_02.jpg);
	background-repeat:repeat; 
} 
.back3 
{
	background-image: url(images/result_03.jpg);
	background-repeat:repeat; 
}
.back4 
{
	background-image: url(images/details_01.jpg);
	background-repeat:repeat; 
} 
.back5 
{
	background-image: url(images/details_02.jpg);
	background-repeat:repeat; 
}
.height
{
	height: 119px;
}
.column
{
	width: 5px;
} 

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}