.main{
	background-color: grey;
	width:860px;
	height:460px;
  box-shadow: rgba(0, 0, 0, 0.75) 10px 10px 5px 0px;
}
.scoreboard{
  padding-top: 5px;
	padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
	float:left;
	color: white;
	width:600px;
	height:450px;
}
.scoreboard table{
	border: solid 1px white;
	width: 600px;;
}
.scoreboard tr{
	border: solid 1px white;
}
.scoreboard th{
	border: solid 1px white;
}
.scoreboard td{
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	border: solid 1px white;
	width: 25px;
	height: 25px;
}
.keypad{
  padding-right: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
	float:left;
	color: white;
	width:200px;
	height:450px;
}
.numPad{
	text-align: center;
	padding:25px;
  padding-top: 14px;
	width:150px;
	height:225px;
}
.numKey{
	box-shadow: rgba(0, 0, 0, 0.75) 5px 5px 5px 0px;
	cursor: pointer; cursor: hand; 
	vertical-align: middle;
	line-height: 50px;
	margin: 10px; 
	float: left;
	background-color: white;
	color: black;
	width:50px;
	height:50px;
}
.enterKey{
	box-shadow: rgba(0, 0, 0, 0.75) 5px 5px 5px 0px;
	cursor: pointer; cursor: hand; 
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	margin-bottom: 10px;
	margin-left: 45px;
	background-color: white;
	color: black;
	width:100px;
	height:50px;
}
.field{
	cursor: pointer; cursor: hand; 
	background-color: white;
	color: black;
}
.numPad h4{
	margin:0;
}
.selected{
	background-color: lightgreen;
}
.noTextSelect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}