* {
	-webkit-user-drag:none;
	-webkit-user-select:none;
	cursor:pointer !important;
}

.drum_container {
	border-radius:10px;
	border:1px solid rgb(230, 230, 230);
	width:90%;
	max-width:1000px;
	text-align:center;
	background-color:rgb(255, 255, 255);
	margin:0 auto 30px;
	padding:20px 20px 15px 20px;
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
	display:none;
}

#io { display:block; padding:5px 20px;}
.drum_container.active {
	display:block;
}

.buttons_row {
}

#LED_row {
	margin-top:8px;
	margin-bottom:12px;
}

.label {
	display:inline-block;
	vertical-align:top;
	width:60px;
	position:relative;
	top:12px;
	text-align:right;
	margin-right:15px;
}

#panel {
	height:325px;
}

#settings {
	height:205px;
}

#controls {
	height:75px;
}

#settingsleft_container {
	display:inline-block;
	vertical-align:top;
	margin-right:13px;
}

.btn {
	padding:0;
	margin:0;
	border:0;
}

#kitlabel, #effectlabel, #swinglabel {
	top:6px;
}

#beatlabel, #demolabel {
	top:8px;
}

.combo {
	width:170px;
	height:35px;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), 
		color-stop(2%, rgb(255, 255, 255)), color-stop(5%, rgb(244, 244, 244)), 
		color-stop(90%, rgb(255, 255, 255)), to(rgb(232, 232, 232)));
	border-radius:3px;
	border:1px solid rgb(220, 220, 220);
	color:rgb(76, 76, 76);
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:6px;
	margin-bottom:10px;
}

.combo img {
	position:absolute;
	left:150px;
	top:11px;
}

.combolist {
	list-style-type:none;
	position:absolute;
	top:27px;
	left:-1px;
	margin:0;
	background-color:rgb(249, 249, 249);
	border-radius:2px;
	border:1px solid rgb(200, 200, 200);
	width:160px;
	padding:5px;
	display:none;
	z-index:1;
}

#effectlist {
	height:200px;
	overflow:auto;
}

.combo.active .combolist {
	display:block;
}

.combolist li {
	padding:2px;
	border-radius:2px;
}

.combolist li:hover {
	color:rgb(255, 255, 255);
	background-color:rgb(38, 47, 104);
}

.slider_container {
	width:50px;
	height:175px;
	margin:0 1px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

#swing_container {
	width:250px;
	height:30px;
	margin-bottom:10px;
}

.slider_groove {
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

.slider_thumb {
	position:absolute;
	left:10px;
	top:0;
}

.slider_label {
	text-align:center;
	margin-top:13px;
}

#tempo_container {
	height:40px;
	margin-bottom:10px;
}

#tempodisplay {
	background-image:url('/tools/drummachine/images/tempo_bg.png');
	background-size:95px;
	width:95px;
	height:40px;
	display:inline-block;
	vertical-align:top;
	padding:10px 20px;
	text-align:right;
	color:rgb(76, 76 ,76);
}

#tempo {
	font-weight:bold;
	font-size:18px;
}

#bpm {
	font-size:14px;
}

#tempoinc, #tempodec {
	position:relative;
	top:3px;
	left:1px;
}

.vrule {
	width:1px;
	height:160px;
	background-color:rgb(229, 229, 229);
	margin:0 8px;
	display:inline-block;
	vertical-align:top;
}

#play, #stop {
	margin-right:12px;
}

#stop {
	display:none;
}

#play.playing {
	display:none;
}

#stop.playing {
	display:inline;
}

#demos_container {
	margin-left:10px;
}

#save_container, #load_container {
	height:521px;
}

#save_textarea, #load_textarea {
	width:100%;
	max-width:607px;
	height:270px;
	margin:20px 40px;
	font-size:12px;
	-webkit-user-select:text !important;
}

.copy_save {
	text-align:center;
}

#load_buttons {
	margin:0 auto;
	width:160px;
}

#load_ok, #load_cancel {
	margin:0 3px;
}

#loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
}

#loadingcard {
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(235, 235, 235)), 
	 to(rgb(255, 255, 255)));
  -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
	width:260px;
	height:60px;
	border-radius:10px;
	margin:210px auto;
	padding:10px;
}

#loadingtext {
	text-align:center;
	margin:5px 0;
}

#loadingcard img {
	margin:15px auto;
	display:block;
}

img.preload { display:none; }
#MIDIPlugin { visibility:hidden; }