*{
	margin: 0;
	padding: 0;
}
#main {
	margin:auto;
}
table{
   background-color:rgb(256,256,256); 
   border:1px solid black;
   table-layout:fixed;
}
th,td{
   border:1px solid rgb(60,60,60);
}

/*disable inadvertand text highlight*/
body, div
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*allow input highlighting*/
 textarea, .userselecton
{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}
  
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
canvas{
	background-color:Silver;
	border:1px solid black;
}
/*#canvas{
	position:absolute;
    left:0px;
    top:0px;
}*/
b {
	font-size:20px;
}
input[type=button] {
	/*background:#4e5e91;
	*/
}
input[type=number] {
	width:100%;
	max-width:45px;
	text-align:right;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
  max-width:190px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #5f71a9;
  border-radius: 5.2px;
  border: 1px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14.8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #7a89b7;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #5f71a9;
  border-radius: 5.2px;
  border: 1px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #4e5e91;
  border: 1px solid #010101;
  border-radius: 10.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #5f71a9;
  border: 1px solid #010101;
  border-radius: 10.4px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #5f71a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #7a89b7;
}