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

body{
	background-color:#424242;
}
*/
#JSMetroContainer{
	position:relative;
/*	background-image:url('/files/pau/tools/metronome/img/JSMetronome.png'); */
	background-image:url('/files/pau/tools/metronome/img/metronome-bg.png');
	background-repeat: no-repeat;
	width:315px;
	height:310px;
	margin-left:68px;
	margin-top:-7px;
/**/	cursor:default;
	font-family: verdana,  Tahoma, Geneva, sans-serif;
}

#tapBkg{
	background-image:url('/files/pau/tools/metronome/img/tap_bkg.png');
	width:115;
	height:131;
	position:relative;
	top:-29px;
	left:168px;
	visibility:hidden;
}
#tempoUp{
	position:relative;
	top:30px;
	left:135px;
	width:35px;
	height:28px;
	cursor:pointer;
}
#tempoDown{
	position:relative;
	top:235px;
	left:135px;
	width:35px;
	height:28px;
	cursor:pointer;
	}
#Beat{
	position:relative;
	top:-10px;
	color: #3b3b3b;
	left:150px;
	width:68px;
	height:105px;
	text-align:center;
	font-size:100px;
	font-family: Viga, Tahoma, Geneva, sans-serif;
}

.BellButton{
	position:absolute;
	background-image:url('/files/pau/tools/metronome/img/bell.png');
	width:19px;
	height:19px;
	left:35px;
	top:150px;
	cursor:pointer;
}

.BellButton_off{
	position:absolute;
	background-image:url('/files/pau/tools/metronome/img/bell_off.png');
	width:19px;
	height:19px;
	left:35px;
	top:150px;
	cursor:pointer;
}

#timeSignature{
	position:relative;
	top:10px;
	left:85px;
	width:38px;
	height:15px;
	text-align:center;
	font-size:10px;
}

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

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

#tap:hover{
	color:#c74539;
}

#power{
	position:absolute;
	
	background-image:url('/files/pau/tools/metronome/img/power_focus.png');
	top:135px;
	left:302px;
	width:21px;
	height:32px;
	cursor:pointer;
}

#power:hover{
	background-image:url('/files/pau/tools/metronome/img/power.png');
}


#TempoContainer{
	position:relative;
	color:#f5f5f5;
	top:30px;
	left:110px;
	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;
}