.preview {
	background: black;
	color: white;
	font-family: "Courier New", Courier, monospace;
        font-size: 12px;
  }

  .locate {
	position: absolute;
	z-index: 3;
  }

  .locate_hidden {
	display: none;
  }

.x1 {color: #bdba00;}
.de {color: #ffff52;}
.pc {color: #888;}
.hl {color: #a0a;}
.ba {color: #f00;}
.ci {color: #888;}
.fi {color: #aa0;}
.no {color: #888;}
.wa {color: #0ff;}
.dr {color: #00f;}
.tu {color: #aaa;}
.ru {color: #888;}
.sc {color: #fff;}
.pe {color: #aaa;}
.ne {color: #888;}
.se {color: #00a;}
.sh {color: #ff0;}
.hi {color: #a0a;}
.ju {color: #0a0;}
.pl {color: #0f0;}
.sw {color: #f00;}
.ri {color: #00a;}
.va {color: #0f0;}
.vo {color: #a00;}
.sp {color: #fff;}
.sl {color: #0aa;}
.nw {color: #888;}
.la {color: #00a;}
.be {color: #aa0;}
.mo {color: #f0f;}
.ea {color: #888;}
.fo {color: #0f0;}
.df {color: #0a0;}
.cr {color: #888;}
.br {color: #888;}

.label { 
  position: absolute;
  float: none;
  z-index: 2;
  font-family: Arial,Geneva,sans-serif;
  font-size: 10pt;
  color: white;
  background-color: black;
}