body{
	width:100%;
}
#container{
	position:relative;
	width:600px;
	height:600px;
	margin:0 auto;
	border:none;
}
#mobile_window{
	position:relative;
	width:70%;
	height:100%;
	margin:0 auto;
	border-style:solid;
	border-width:2px;
	border-color:#333333;
	background-color:rgba(0,0,0,0.1);
}
#action_bar{
	position:relative;
	height:3.5%;
	width:99%;
	padding-left:5px;
	float:left;
	margin-top:0;
	margin-bottom:10%;
	border:none;
	background-color:#333333;
}
span.action_bar{
	position:relative;
	font-family:helvetica;
	font-size:10pt;
	font-weight:100;
	color:#FFFFFF;
}
span.cup_aspect{
	position:relative;
	display:block;
	margin-bottom:45%;
	font-family:helvetica;
	font-size:18pt;
	font-weight:100;
	text-align:center;
	color:#333333;
}
#score_bar{
	position:relative;
	width:110%;
	height:25px;
	border-style:solid;
	border-width:2px;
	border-color:#333333;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background-color:none;
	cursor:pointer;
	z-index:1;
}
span#score_handle{
	position:relative;
	display:inline-block;
	float:right;
	margin-right:8.5%;
	margin-top:-3%;
}
#cup{
	position:relative;
	width:85%;
	height:295px;
	padding-top:5px;
	margin:0 auto;
	border:none;
	z-index:0;
	overflow:hidden;
}
#score_fill{
	position:relative;
	width:95%;
	height:100%;
	margin-top:-25px;
	border:none;
	background-color:rgba(0,0,0,0.2);
	z-index:-1;
}