.diAccord {
	position: relative;
	width:610px;
	height:100px;
	background-color: lavender;
	cursor: pointer;
	border: 2px solid black;
	border-radius: 7px;
}
.diAccord .btns {
	position:relative;
	display: inline-block;
	text-align: center;
	top: 10px;
}
.diAccord .btnRow {
	position:relative;
	display: inline-block;
}
.diAccord .chordBtn {
	margin: 2px;
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background-color:Sienna;
}
.diAccord .chordBtn .noteName{
	margin-top: 10px;
	font-size: small;
	pointer-events: none;
}
.diAccord .mode {
	font-size: small;
}
.diAccord .chordBtn.down {
	background-color: Maroon;
}