body
{
	margin: 0;
	padding: 0;
	font-family: arial;
	overflow: hidden;
}
#field
{
	background: #fff url(../img/bg_grey_field.jpg) top right no-repeat;
	width: 474px;
	height: 246px;
}
#green-field,#grey-field
{
	float: lefT;
	height: 246px;
	background-color: transparent;
}
#green-field
{
	width: 0px;
	border-right: 1px solid white;
	/* hide border: */
	border-right:none;
	background: transparent url(../img/bg_field.jpg) top left no-repeat;
	display: none;

}
.team
{
	height: 100px;
	width: 474px;
	font-size: 50pt;
	color: #efefef;
	text-align: center;
	padding: 0px;
	padding-left: 6px;
	_padding-left: 5px; /* Terrible, horrible hack for ie */
}
.team img
{
	margin-bottom: 2px;
	width: 23px;
	height: 24px;
	margin-top: 2px;
	border: 1px solid black;
}
.team .graph
{
	display: block;
	height: 70px;
	overflow: hidden;
	position: relative;
}
.team .graph .spacer
{
	display: block;
	height: 70px;
}
.team .graph .block
{
	display: block;
	height: 0px;
	overflow: hidden;
}
#team2 .graph .block
{
	position: relative;
	top: -20px;
}
#team1s
{
	outline: 2px dotted red;
}
#team1 .graph .block
{
	background:#1954a6; /* url(../img/red_bar.gif) bottom center repeat;*/
}
#team2 .graph .block
{
	background: #ffea3d;/*url(../img/blue_bar.gif) top center repeat;*/
}
.team ul,
.team li
{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
}
.team li
{
	width: 23px;
	font-size: 11px;
	color: black;
	padding-left: 1px;
}
#logo1,
#logo2
{
	width:  64px;
	height: 64px;
	position: absolute;
	top: 197px;
}
#logo1 img,
#logo2 img
{
	position: relative;
	left: 0px;
}
#logo1
{
	left: 29px;
}
#logo2
{
	left: 377px;
}

#goaltext
{
	position: absolute;
	top: 195px;
	left: 159px;
	width: 163px;
	text-align: centeR;
	display: none;
	height: 66px;
	background: url(../img/goal_text.gif) 0px 0px no-repeat;
	z-index:9999999;
}
#scores
{
	position: absolute;
	top: 210px;
	left: 179px;
	font-family: verdana;
	font-weight: bold;
	font-size:24px;
	color: yellow;
	width: 105px;
}
#scores div
{
	float: left;
	width: 52px;
	text-align: center;
}
#team1text,#team2text
{
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	color: white;
	display: none;
	text-transform: uppercase;
	letter-spacing: -0.05em;
}
#team1text
{
	width: 474px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	top: 120px;
	left: 0px;
}
#team2text
{
	width: 474px;
	text-align: center;
	height: 40px;
	top: 290px;
	left: 0px;
}

.hoverbox
{
	width: 180px;
	font-size: 10px;
	position: absolute;
	margin-top: -5px;
	display: none;
}
.hoverleft
{
	margin-left: -5px;
}
.hoverright
{
	margin-left: -145px;
}
.hoverbox img
{
	border: 3px solid #efefef;
}
.hoverbox .bubble
{
	padding: 4px 6px;
	background: #666;
	color: white;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	margin-top: 8px;
}
.hoverleft img
{
	float: left;
	margin-right: 2px;

}
.hoverright img
{
	float: right;
	margin-left: 2px;
}
.hoverright .bubble
{
	float: right;
}