*{
  font-family: Calibri
}

body{
  background-image: url(./pattern.png);
  background-color: #010C0C;
  color: #686868;
}

h1{
  margin: 5px 0;
  color: cyan;
}

td{
  vertical-align: top;
}

thead tr{
  color: cyan;
}

table#templateTable{
  /*width: 900px;*/
  margin: 0 auto;
}

td table{
  margin: 0 auto;
  width: 100%;
}

#debug{
  display: none;
  font-size: .6em;
  position: absolute;
  right: 0;
  opacity: .95;
}

#debug *{
  float: right;
}

#debug pre{
  border-radius: 5px;
  border: 1px solid #002E30;
  background-color: #071D1E;
  color: #154D4F;
  margin: 0 2px;
  padding: 1px 5px;
}

#mainContainer{
  display: none;
}

#omnibox{
  margin: auto;
  display: block;
  font-size: 2em;
  background-color: #0A0A0A;
  border: 1px solid #686868;
  border-radius: 5px;
  color: #686868;
  padding: 0 5px;
}

#omnibox:focus{
  border: 1px solid #ccc;
}

.center{
  text-align: center;
}

.opRow{
  border-left: 5px solid #010C0C;
}

.opRowName{
  color: darkcyan;
} 
.opRowValue{
  color: cyan;
  font-weight: bold;
  padding-right: 5px;
  text-align: right;
} 
.opRowLast{
  color: darkcyan;
  text-align: right;
} 

.totalColor{
  color: #3C6363;
  font-size: 80%;
}

.topList{
  margin-top: 10px;
}

.topList .opRowLast{
  display: none;
}

.tableList{
  border-collapse: collapse;
}

.tableList td,
.tableList th{
  padding: 1px 10px;
  border-bottom: 1px dotted #021616;
}

.topList{
  width: 0;
  float: left;
}

.listContainer{
  padding: 15px;
}