* {
margin: 0;
padding: 0;
}
body {
font: 71%/1.5 Verdana, Sans-Serif;
background: #eee;
font-weight:bold;
}
#container 
{
margin-top:0px;
width: 100%;
font-family:Arial;
height:auto;
}

.enable_kb_li
{
 color:#000000;
 background:#E9EFF3;
 }
.li_return_lastitem
{
background:#FFFFFF;
}
.disable_kb_li
{color:#929290;
 background:#EDF2F2;
}



#write {
margin: 0 0 3.5px;
padding: 3.5px;
width: 469.7px;
height: 14px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 3.5px;
-webkit-border-radius: 3.5px;
visibility:hidden;
}
#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	
	#keyboard li 
	{  background: #ebebeb !important ;
    border: 1px solid #d0cfcf;
    color: #626262 !important;
    float: left;
    height: 28px;
    line-height: 28px;
    margin: 0 3.5px 3.5px 0;
    text-align: center;
    width: 28px;
	-moz-border-radius: 3.5px;
	-webkit-border-radius: 3.5px;
	}
	
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 59px;
			}
			#keyboard .capslock {
			width: 70px;
			}
			#keyboard .return {
			width: 53.9px;
			}
			#keyboard .left-shift {
			width: 66.5px;
			}
			#keyboard .right-shift {
			width: 76.3px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 476.7px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 0.7px;
		left: 0.7px;
		border-color: #b8b7b7;
		cursor: pointer;
		}
		
.return_lastitem
{
	background-color:#FFFFFF;
	}