#keyboard { 
	position: absolute; 
	display: none; 
	border: 1px solid #ccc; 
	width: 560px; 
	padding: 10px; 
	cursor: move; 
	z-index: 9999;
}

#spacebar input { 
	width: 180px; 
	margin: 0 auto; 
	margin-left: 150px;
	border:0; 
}

#shift, #shifton { 
	width: 70px; 
	text-align: left; 
}

#row0_shift, #row1_shift, #row2_shift, #row3_shift {
	display: none;
}

#keyboardClose{
cursor:pointer;
text-align: center;
border: 1px solid #CCC;
padding: 2px;
width:15px;
float:right;
font-size:12px;
font-weight:bold;
color: #444;
}
#shift{
width:60px;
}
#shifton,.shifton{
width: 60px;
border-top: 2px solid #333;
border-left: 2px solid #333;
}
#keyboard input,input[type="button"] {
color:#fff;
margin:2px 2px;
width:20px;
height:20px;
position: relative;
line-height: normal;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
background: #6b105d;
font-weight: normal;
color: #fff;
border: 1px solid #6b105d;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-size:12px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 1px 3px 1px #CCC;
-webkit-box-shadow: 1px 3px 1px #CCC;
-moz-box-shadow: 1px 3px 1px #CCC;
}
#keyboard {
	    width: 415px;
    margin: 0px 87px 0px;
    background-color: #FFF;
    border: 1px solid #FFF;
    height: 150px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /* box-shadow: 2px 3px 1px #333; */
    /* -webkit-box-shadow: 2px 3px 1px #333;
    -moz-box-shadow: 2px 3px 1px #333; */
    box-shadow: 0 1px 16px rgba(0,0,0,0.4);
}
.key-input-selected{
border-top: 2px solid #333 !important;
border-left: 2px solid #333 !important;
}