#chordchart-keyboard {
		max-width:180px;
		margin:3px auto;
		padding:0;
		overflow:hidden;
		border-top:1px solid #C0C0C0;
	
		background:#ADB8CB;
		background-image:-moz-linear-gradient(#9E9DA7, #454f5d);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#89929D), to(#89929D));
	
		box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
		-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
	}

	#chordchart-keyboard li {
		text-align:center;
		margin:.1em .1em .1em;
		list-style:none;
	}
	
	#chordchart-keyboard li:first-child {
		margin-top:.1em;
	}
	
	#chordchart-keyboard button,
	#chordchart-keyboard button.specialkey:active {
		color:#3A3D42;
		
		text-decoration:none;
		text-align:center;
		text-shadow:0 1px 1px white;

		border:0;
		border-top:1px solid rgba(255,255,255,.45);		
		
		background:#ECEDEF;
		background-image:-moz-linear-gradient(#EEEEF0, #D3D3D9);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#EEEEF0), to(#D3D3D9));
		
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
		box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
		-moz-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	}
	
	#chordchart-keyboard button {
		display:inline-block;
		width:100%;
		padding:.2em 0 .2em;
		
		color:black;
		width: 40px; 
		height:40px;
		font-size:.9em;
		font-family:Helvetica, Arial, sans-serif;
	}
	
/*
 * Styles for the Selection keys
 */

	.chords {
		border:1px solid black;
		font-family:tahoma,sans-serif;
		font-size:18px;
		background-color:#999999;
		color:white;
		width: 50px; 
		height:50px;
	}
	

	
	#chordchart-keyboard button:active, 
	#chordchart-keyboard button.key:active,
	{
		background-image:-moz-linear-gradient(#B3B5BC, #83858C);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#B3B5BC), to(#83858C));
	}

/*
 * Styles for the narrow keyboard
 */
 
@media screen and (max-width: 479px) {
	#chordchart-keyboard {
		max-width:320px;	
	}
	
	#chordchart-keyboard li {
		margin-top:1em;
	}
	
	#chordchart-keyboard li:first-child {
		margin-top:.1em;
	}
	
		#chordchart-keyboard button {
			padding:.1em 0;
		}
		
}