#draggables {
	margin-top: 40px;
}
.notationrowblock {
	
	
	
}

.notationrow {
	height: 40px;
	position: relative;
	color:black;	
	padding:0;
	margin:0;
}
.drag {	
	font-size:1.2em;
	width: 20px;
	height: 20px;
	cursor: move;
	background: #ffffff;
	position: absolute;
	text-align:center;
	
	padding:0;
	margin:0;
}
.bar {
	/* top:90px; */
	top: 10px;
}
.bar2 {
	top:75px;
}
.q1 {
	left: 0;
} 
.q2 {
	left:40px;
}
.q3 {
	left:80px;
}
.q4 {
	left:120px;
}
.q5 {
	left: 161px;
} 
.q6 {
	left:202px;
}
.q7 {
	left:243px;
}
.q8 {
	left:284px;
}
.q9 {
	left: 326px;
} 
.q10 {
	left:367px;
}
.q11 {
	left:408px;
}
.q12 {
	left:449px;
}
.q13 {
	left:490px;
} 
.q14 {
	left:531px;
}
.q15 {
	left:572px;
}
.q16 {
	left:613px;
}
/*.q1 {
	left: 14px;
} 
.q2 {
	left:52px;
}
.q3 {
	left:91px;
}
.q4 {
	left:129px;
}
.q5 {
	left: 165px;
} 
.q6 {
	left:204px;
}
.q7 {
	left:240px;
}
.q8 {
	left:280px;
}
.q9 {
	left: 315px;
} 
.q10 {
	left:354px;
}
.q11 {
	left:390px;
}
.q12 {
	left:430px;
}
.q13 {
	left:467px;
} 
.q14 {
	left:506px;
}
.q15 {
	left:543px;
}
.q16 {
	left:580px;
}*/