div.v_l4 {
	left: 0px;
	background: url('tap_notes.png') 0px 0px;
}

div.v_d4 {
	left: 32px;
	background: url('tap_notes.png') -32px 0px;
}

div.v_u4 {
	left: 64px;
	background: url('tap_notes.png') -64px 0px;
}

div.v_r4 {
	left: 96px;
	background: url('tap_notes.png') -96px 0px;
}

div.v_l8 {
	left: 0px;
	background: url('tap_notes.png') 0px -32px;
}

div.v_d8 {
	left: 32px;
	background: url('tap_notes.png') -32px -32px;
}

div.v_u8 {
	left: 64px;
	background: url('tap_notes.png') -64px -32px;
}

div.v_r8 {
	left: 96px;
	background: url('tap_notes.png') -96px -32px;
}

div.v_l12, div.v_l24, div.v_l48 {
	left: 0px;
	background: url('tap_notes.png') 0px -64px;
}

div.v_d12, div.v_d24, div.v_d48 {
	left: 32px;
	background: url('tap_notes.png') -32px -64px;
}

div.v_u12, div.v_u24, div.v_u48 {
	left: 64px;
	background: url('tap_notes.png') -64px -64px;
}

div.v_r12, div.v_r24, div.v_r48 {
	left: 96px;
	background: url('tap_notes.png') -96px -64px;
}

div.v_l16 {
	left: 0px;
	background: url('tap_notes.png') 0px -96px;
}

div.v_d16 {
	left: 32px;
	background: url('tap_notes.png') -32px -96px;
}

div.v_u16 {
	left: 64px;
	background: url('tap_notes.png') -64px -96px;
}

div.v_r16 {
	left: 96px;
	background: url('tap_notes.png') -96px -96px;
}

div.v_l32 {
	left: 0px;
	background: url('tap_notes.png') 0px -128px;
}

div.v_d32 {
	left: 32px;
	background: url('tap_notes.png') -32px -128px;
}

div.v_u32 {
	left: 64px;
	background: url('tap_notes.png') -64px -128px;
}

div.v_r32 {
	left: 96px;
	background: url('tap_notes.png') -96px -128px;
}

div.v_l64, div.v_l192 {
	left: 0px;
	background: url('tap_notes.png') 0px -160px;
}

div.v_d64, div.v_d192 {
	left: 32px;
	background: url('tap_notes.png') -32px -160px;
}

div.v_u64, div.v_u192 {
	left: 64px;
	background: url('tap_notes.png') -64px -160px;
}

div.v_r64, div.v_r192 {
	left: 96px;
	background: url('tap_notes.png') -96px -160px;
}



div.mine {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url('mine.png') 0px 0px;
}

div.hold {
	position: absolute;
	width: 32px;
	background: url('active_hold_body.png') repeat-y;
	background-position: left bottom;
}
div.hold_end {
	position: absolute;
	width: 32px;
	height: 16px;
	background: url('active_hold_ends.png') 0px -16px;
}

div.roll {
	position: absolute;
	width: 32px;
	background: url('hollow_roll_body.png') repeat-y;
	background-position: left bottom;
}
div.roll_end {
	position: absolute;
	width: 32px;
	height: 16px;
	background: url('hollow_roll_ends.png') 0px -16px;
}
