body {font-size: x-small;
      background: #333;
      color: #eee;
     }
table { float: left; text-align: justify; border-right: 1px solid #b3b3b3; border-top: 1px solid #b3b3b3; border-collapse:collapse; font-size: x-small}
td,th { border-left: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-top: 1px solid #b3b3b3; padding: 3px; cursor: pointer}
code { width: 70%; margin-left: 10%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; max-height: 200px; font-size: xx-small !important;}
table thead tr:first-child { text-align: center; }

#debug {position: fixed; top: 10px; right: 10px;  }
#debug * { 
          -moz-box-shadow: 4px 3px 7px 1px #111;
          -webkit-box-shadow: 4px 3px 7px 1px #111;
          box-shadow: 4px 3px 7px 1px #111;
          filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 123.75, color = '#111');
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 123.75, Color = '#111')";
          border-radius: 7px;
          max-height: 60%;
          max-width: 100%;
          opacity: 0.95;
}

#code-view {
  margin: 0 auto;
  width: 90%;
  display: none;
}