* {margin: 0;padding: 0;}

body,html {margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
	padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	font-family: "Verdana"; font-size: 1em; font-style: normal; font-weight: normal;color: #000000; line-height: 1.4;
height: 100%;}

.table {display:table;border-collapse:separate;border-spacing:5px; height: 100%; width: 100%; background: #333333;}
.row {display:table-row;}

.cellresult {
	background: #e8e8e8 url(images/silver.png) no-repeat; 
	background-size: 100% 100%;
	display:table-cell;
	box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	vertical-align: middle; 
	text-align: center;
	border-radius: 10px;
	font-size: 2em;
	color: #111111;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	text-shadow: 1px 1px 1px white;
cursor:pointer;
}
.cellresulttable {display: table; width: 100%; height: 100%; border-spacing: 0px;}
.cellresultcell1 {display: table-cell; width: 20%; }
.cellresultcell2 {display: table-cell; width: 60%; vertical-align: middle;}
.cellresultcell3 {display: table-cell; width: 20%; vertical-align: middle; color: #333333;}


.cellinput {
	background: white; 
	display: table-cell; 
	width: 100%; 
	height: 20%;
	font-size: 2em;
	vertical-align: middle; 
	text-align: center;
}


.cellnumberframe {
	display: table-cell; 
	width: 100%; 
	height: 52%;
}
.cellnumbertable {
	width: 100%;
	height: 23.5%;
	display: table;
	border-spacing: 0;
}
.cellnumbergap {
	width: 5px;
	display: table-cell;
}
.cellnumber {
	background: #e8e8e8 url(images/silver.png) no-repeat; 
	background-size: 100% 100%;
	display: table-cell; 
	box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	vertical-align: middle; 
	text-align: center;
	border-radius: 10px;
	font-size: 2em;
	color: #111111;
	text-shadow: 1px 1px 1px white;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	width: 33%;
cursor:pointer;
}

.cellreset {
	border: purple 1px solid; 
	display: table; 
	width: 100%; 
	height: 13%;
	vertical-align: middle; 
	text-align: center;
cursor:pointer;
}


.cellroll {
	background: red url(images/roll.png) no-repeat; 
	background-size: 100% 100%;
	display: table-cell; 
	width: 100%; 
	height: 28%;
	vertical-align: middle; 
	text-align: center;
	box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	border-radius: 10px;
	font-size: 3em;
	color: white;
	text-shadow: 1px 1px 3px rgba(0,0,0,1.0);
	border: #990000 5px solid;
cursor:pointer;
}