@font-face {
	font-family: 'Viga';
	font-style: normal;
	font-weight: 400;
	src: local('Viga-Regular'), url('/application/fonts/viga.woff') format('woff');
}


body{
	background-color:#424242;
}

#JSMetroContainer{
	background-image:url('/application/img/jsmetronome/JSMetronomelight.png');
	width:300px;
	height:339px;
	margin-top:-30px;
	cursor:default;
	font-family: verdana,  Tahoma, Geneva, sans-serif;
}

#tapBkg{
	background-image:url('/application/img/jsmetronome/tap_bkg.png');
	width:115;
	height:131;
	position:relative;
	top:-29px;
	left:168px;
	visibility:hidden;
}
#tempoUp{
	background-image:url('/application/img/jsmetronome/upgrey.png');
	position:relative;
	top:44px;
	left:120px;
	width:48px;
	height:48px;
	cursor:pointer;
	font-size:xx-large;
}
#tempoUp:hover{
	background-image:url('/application/img/jsmetronome/upblack.png');
}
#tempoDown{
	background-image:url('/application/img/jsmetronome/upgrey.png');
	transform: rotate(-180deg);
	position:relative;
	top:200px;
	left:120px;
	width:48px;
	height:48px;
	cursor:pointer;
	font-size:xxx-large;
	}
#tempoDown:hover{
	background-image:url('/application/img/jsmetronome/upblack.png');
	transform: rotate(-180deg);
}
#Beat{
	
	text-align:center;
	font-size:12vmin;
	font-family: Viga, Tahoma, Geneva, sans-serif;
}
#timeIcon{
	position:relative;
	top:-5vmin;
	left:-1vmin;
	text-align:center;
	font-size:6vmin;
}


#timeSignature{
	position:relative;
	top:-2vmin;
	text-align:center;
	font-size:4vmin;
}


#timeSignature:hover{
	color:#c32e2e;
	font-weight:bold;
}

#tap{
	position:relative;
	top:-159px;
	left:236px;
	width:44px;
	height:15px;
	text-align:right;
	font-size:12px;
	color:#a3a3a3;
	cursor:pointer;
}

#tap:hover{
	color:white;
}

#power{
	position:absolute;
	background-image:url('/application/img/jsmetronome/onoffgrey48.png');
	top:80px;
	left:248px;
	width:48px;
	height:48px;
	cursor:pointer;
}

#power:hover{
	background-image:url('/application/img/jsmetronome/onoffblack48.png');
}
#power:focus{
	background-image:url('/application/img/jsmetronome/power_focusy.png');
}


#TempoContainer{
	position:relative;
	/*color:white;*/
	left:105px;
	width:78px;
	height:19px;
	text-align:center;
	font-size:16px;
	font-family: Viga, Tahoma, Geneva, sans-serif;
}
.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}