#keyboard_placeholder {
    display: inline-block;
    text-align: left;
    margin:1em;
}
.key, .spacebar, .shift-left, .shift-right
{
	width: 2em;
	height: 2em;
	border: 0;
    font-size:1em;
	background-color:#BCD;
	color: #FFF;
    margin:0;
    border:solid 1px #ABC;
}
.key-active
{
	background-color:#369;
	color: gold;
    border-color: #036;
}
.key-disabled
{
	background-image:none;
	border: solid 1px #EEE;
	background-color: #EFEFEF;
	color: #CCC;
}
#numbersrow
{
	padding-left: 0;	
}
#toprow
{
	padding-left: 3em;	
}
#baserow
{
	padding-left: 4em;	
}
#bottomrow
{
	
}
#spacebarrow
{
	padding-left: 8em;	
}
.spacebar
{
	width: 12em;
}
.shift-left
{
	width: 5em;
}
.shift-right
{
	width: 5em;
}
.finger
{
	background-image: none;
	margin: 1px;
}
.finger1
{
	border: solid 3px red;
	background-color: #FFE5E5;
	color: Red;
}
.finger2
{
	border: solid 3px blue;
	background-color: #E5E5FF;
	color: blue;
}
.finger3
{
	border: solid 3px brown;
	background-color: #F6E9E9;
	color: brown;
}
.finger4
{
	border: solid 3px green;
	background-color: #E5F2E5;
	color: green;
}
.finger5
{
	border: solid 3px #000000;
	color: #000000;
	background-color: Yellow;
}
.finger6
{
	border: solid 3px #000000;
	color: #000000;
	background-color: Yellow;
}
.finger7
{
	border: solid 3px red;
	background-color: #FFE5E5;
	color: red;
}
.finger8
{
	border: solid 3px Blue;
	background-color: #E5E5FF;
	color: Blue;
}
.finger9
{
	border: solid 3px brown;
	background-color: #F6E9E9;
	color: brown;
}
.finger10
{
	border: solid 3px Green;
	background-color: #E5F2E5;
	color: Green;
}
.baseposition
{
	background-color: Yellow;
}