body {
  background-color : white;
  font-family: verdana, arial;
  font-family: 'Lato',sans-serif;
  font-size: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #000000;
}

.big, td.big  { font-size: 20px; }
.medium, td.medium  { font-size: 14px; }
.small, td.small    { font-size: 12px; }
.red, a.red    { color: #FF0033; }
.gray   { color: gray; }
.error  { color: #FF0033; }
.warning    { color: blue; }

a[href], .link {
  color: #333399;
  text-decoration: underline;
  cursor: pointer;
}

a:visited {
  color: #333399;
}

.admin a {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: red;
  text-decoration: underline;
  padding: 0 10px;
  background: #FFCCCC;
}

.action a {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: blue;
  text-decoration: underline;
  padding: 0 10px;
  background: #ccccff;
}

input:focus {
  #font-weight: bold;
}

.graph {
  background-color: #020090;
  display: block;
  height: 12px;
  width: 1px;
}