#video-source {
  display:none;
}
#canvas-image-buffer {
  border:1px solid red;
  display:none;
}
#canvas-viewport {
  border:1px solid green;
  background-color:black;
  /*display:none;*/
}
#view-1,#view-2,#view-3,#view-4,#view-5,#view-6,#view-7,#view-8 {
  border:3px inset gray;
  width:320px;
  height:240px;
}
.monitor{
  display:inline-block;
}

.square {
	position: relative;
  display:inline-block;
  border:1px solid gray;
  width:20px;
  height:20px;
  padding:0px;
  margin:1px;
}
.square1 {
	position: relative;
  display:inline-block;
  border:1px solid gray;
  width:20px;
  height:20px;
  padding:0px;
  margin:1px;
  font-size:10px;
  text-align:center;
  color:black;
  text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.dummy {
	position: relative;
	display:inline-block;
	border:1px dotted transparent;
	padding: 0px;
	font-size: 0;
	width:72px;
	height:72px;
}
.dummy1 {
	position: relative;
	display:inline-block;
	border:1px dotted transparent;
	padding: 0px;
	font-size: 0;
	width:72px;
	height:60px;
  font-size:10px;
  text-align:center;
}
.frame {
	border:1px solid black;
	display:inline-block;
	padding: 5px;
}

.faces, .column {
	position: relative;
	border:1px solid black;
	display:inline-block;
	padding: 5px;
	font-size: 0;
}
.side {
	position: relative;
	display:inline-block;
	border:1px solid black;
	padding: 0px;
	font-size: 0;
}
.appframe {
	display:inline-block;
	border:1px solid black;
	padding: 0px;
	text-align:center;
	background-color:#eeeeee;
}
a:link {
	color:brown;
}
#applet {
	/*border:1px dotted red;*/
}

.color {
  width:30px;
  height:30px;
}
table.colors {
	text-align:center;
}
.move {
border: 1px solid grey;
padding: 2px;
background-color: #BDEDFF;
font-size:0.75em;
}
.move.current {
background-color: #FBB117;
}
.number {
	width:40px;
}
.threshold {
	border:1px solid black;
	font-family:"Lucida Console", Monaco, monospace;
	font-size:0.5em;
}
.parameter-table td {
	text-align:left;
}

.shield {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background:rgba(0,0,0,0.9);
	background-color:rgba(0,0,0,0.9);
	text-align:left;
	font-family:"Lucida Console", Monaco, monospace;
	font-size:0.75em;
}
details {
	margin:10px;
}