button {
/* 
  background: orange;
 */
  text-align: center;
  font-size:  30px;
	font-weight:bold;
 	box-shadow: 0px 6px 8px -5px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:7px;
	border: none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
button:active {
/* 
	position:relative;
	top:1px;
 */
 color:lime;
}

button.set {
/*  border : solid #FF8080 2px; */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFA0A0), color-stop(1, #FF8080));
	background:-moz-linear-gradient(top, #FFA0A0 5%, #FF8080 100%);
	background:-webkit-linear-gradient(top, #FFA0A0 5%, #FF8080 100%);
	background:-o-linear-gradient(top, #FFA0A0 5%, #FF8080 100%);
	background:-ms-linear-gradient(top, #FFA0A0 5%, #FF8080 100%);
	background:linear-gradient(to bottom, #FFA0A0 5%, #FF8080 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA0A0', endColorstr='#FF8080',GradientType=0);
	background-color:#FFA0A0;
}

.kbd {

border-bottom:1px solid #AAA;
border-right:1px solid #888;
/* border-top:1px solid white;
border-left:1px solid white;
 */
font-size:1.2em;
box-shadow: -1px -1px 0px 0 #fff, 1px 0px 1px 0 #888, -3px 0px 0px 1px #eee,  0 2px 0px 3px #ccc, -2px -2px 2px 0px #FFF inset, 1px 1px 1px 0px #CCC inset; /* 0 2px 0 3px #444;*/
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
background: #eee;
font-family: monospace;
}

div.editor {
  text-align : center;
  position: absolute;
  background-color: rgba(0,0,255,0.7);
  color: white;
  font-family: sans-serif;
  font-size:90%;
  padding: 5px;
  border-radius: 4px;
  width: 200px; 
}