body {
  font-family: Verdana;
  font-size: 9pt; }

tt, pre, code, pre a, pre a.hex, pre a.analyze, pre a.dl {
  font-family: Monospace; }

p.copyright {
  color: #ccc;
  text-decoration: none;
  font-size: 10pt;
  text-align: right; }
  p.copyright a {
    color: #ccc;
    text-decoration: none;
    font-size: 10pt;
    text-align: right; }

form .comment {
  font-size: 10pt;
  color: #ccc; }

table.metadata, #foremost table.foremost {
  border-collapse: collapse;
  margin-top: 5px; }
  table.metadata td, #foremost table.foremost td, table.metadata th, #foremost table.foremost th {
    border: solid 1px #ccc;
    padding: 1px 5px; }
  table.metadata th, #foremost table.foremost th {
    font-weight: normal;
    text-align: left; }
  table.metadata td, #foremost table.foremost td {
    font-family: Monospace; }
  table.metadata td.tools, #foremost table.foremost td.tools {
    border-right: none;
    border-top: none;
    border-bottom: none;
    vertical-align: top; }

a.toolbutton, a.hex, a.analyze, a.dl {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  opacity: 0.2;
  cursor: pointer; }

a.dl {
  background: url(/download.png) no-repeat; }

a.analyze {
  background: url(/magnifier.png) no-repeat; }

a.hex {
  background: url(/hex.gif) no-repeat; }

a.toolbutton:hover, a.dl:hover, a.analyze:hover, a.hex:hover {
  opacity: 1; }

#foremost .info {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

#foremost table.foremost {
  float: left;
  margin-right: 50px; }
  #foremost table.foremost td, #foremost table.foremost th {
    text-align: right;
    font-family: Monospace; }
  #foremost table.foremost th {
    text-align: center; }
  #foremost table.foremost td.type {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt; }
    #foremost table.foremost td.type .gif, #foremost table.foremost td.type .jpg, #foremost table.foremost td.type .png, #foremost table.foremost td.type .bmp {
      color: #0b0; }
  #foremost table.foremost td.comment {
    color: #ccc;
    padding-left: 1em;
    border-right: none;
    border-top: none;
    border-bottom: none;
    text-align: center; }
  #foremost table.foremost td.tools {
    padding-left: 10px;
    border: none;
    vertical-align: top; }

#foremost #previews {
  display: none;
  float: left; }
  #foremost #previews .thumb {
    float: left;
    width: 100px;
    height: 100px;
    border: solid 1px #ddd;
    margin: 1px; }
    #foremost #previews .thumb div {
      width: 100px;
      height: 100px;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      #foremost #previews .thumb div img {
        max-width: 100px;
        max-height: 100px; }

#header a.root {
  text-decoration: none;
  color: #ccc;
  font-size: 10pt;
  position: absolute;
  top: 2;
  left: 5; }

#header a.copyright {
  text-decoration: none;
  color: #ccc;
  position: absolute;
  top: 2px;
  right: 5px; }

a.reload {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/reload.png) no-repeat; }

.red {
  color: red; }

div.histogram {
  height: 200px;
  margin: 5px; }
  div.histogram p {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 4px;
    background-color: #555; }
    div.histogram p.zero {
      background-color: #eee; }

table.sortable th, #foremost table.sortable.foremost th {
  cursor: pointer; }

#hexdump .info {
  color: #bbb; }
  #hexdump .info span[contentEditable]:hover {
    background-color: yellow; }

input[type=checkbox], label {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }