div#game-area{
	clear: both;
	position: relative;
	height: 350px;
	margin: 15px 0;
	text-align: left;
}
div#click-ball{
	background-color: #f00;
	cursor: pointer;
	height: 20px;
	left: 185px;
	position: absolute;
	top: 145px;
	width: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.active{
	background-color: #ff0 !important;
}
.last-ball{
	height: 60px !important;
	left: 165px !important;
	width: 60px !important;
	top: 125px !important;
	-moz-border-radius: 60px !important;
	-webkit-border-radius: 60px !important;
}
ol#score-list,
div#current-average,
div#beat-time{
	margin: 0;
	padding: 0;
	position: absolute;
	right: 23px;
	top: 20px;
}
ol#score-list li,
div#current-average,
div#beat-time{
	background-color: #7FE5FF;
	border: 1px solid #999;
	font-family: Arial, Helvetica, san-serif;
	font-size: 1em;
	padding: 2px 5px;
	list-style-position: inside;
	margin: 1px 0;
	width: 70px;
}
ol#score-list li{
	display: list-item; /* wanky IE7 bug fix */
}


ol#score-list li.alt{
	background-color: #7FFFFF;
}
div#current-average,
div#beat-time{
	top: 160px;
}
div#beat-time{
	top: 205px;	
}
.awesome, .awesome:visited {
	background: #222 url(/assets/img/alert_overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 95px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: bold;
	bottom: 10px;
	width: 100%;
}
button#start-game{
	margin-top: 15px;
}

button#send-score{
	width: 120px;
}

button#start-over{
	position: absolute;
}
.awesome:hover{
	background-color: #111;
	color: #fff;
}

.large.awesome {
	font-size: 14px;
	padding: 8px 14px 9px;
}
.blue.awesome,
.blue.awesome:visited {
	background-color: #2daebf;
}
.blue.awesome:hover {
	background-color: #007d9a;
}

table.scoreboard{
	border-collapse: collapse;
	float: left;
	font-family: Arial,san-serif;
	font-size: 10px;
	margin-top: 10px;
	width: 160px;
}
table.today{
	background: url(/assets/img/reaction_bg_today.jpg) no-repeat top left;
}
table.monthly{
	background: url(/assets/img/reaction_bg_month.jpg) no-repeat top left;
}
table caption{
	visibility: hidden;
}
table.monthly{
	float: right;
}
table.scoreboard td{
	border-bottom: 1px solid #ccc;
	padding: 1px 5px;
	
}
td.name div{
	font-family: Verdana,Arial,sans-serif;
	overflow: hidden;
	width: 110px;	
}
.hidden{
	display: none;
}
.clear{
	clear: both;
}

div#scoreboard{
	margin-bottom: 20px;
	text-align: left;
}


form#submit-score{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	background-color: #fff;
	border: 4px solid #666;
	margin: -33px -103px 0 0;
	padding: 10px;
	position: absolute;
	right: 50%;
	top: 35%;
	width: 225px;
	z-index: 10;
}
form#submit-score label{
	display: block;
	margin-bottom: 10px;
}
form#submit-score input#name{
	width: 140px;
	font-size: 18px;
	font-weight: bold;
}


div#play-count{
	display: block;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-align: center;
	top: 85px;
	width: 100%;
}
div#play-count span{
	display: block;
	font-size: 1.5em;
}
fieldset{
	border: 0;
}

div.feedback{
	color: #f00;
	display: block;
	font-weight: bold;
	position: relative;
	text-align: center;
	top: 280px;
}

#reaction-game{
	min-height: 400px;
	position: relative;
	text-align: center;
	width: 430px;
}


span.times, span.avg, span.beat{
	font-weight: bold;
	left: 325px;
	letter-spacing: -1px;
	position: absolute;
}
span.times{
	top: 5px;
}
span.avg{
	top: 145px;
}
span.beat{
	top: 190px;
}