* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: Lato, Verdana, Geneva, sans-serif; }

body {
  margin: 0; }

label {
  display: block; }

table {
  border-collapse: collapse; }
  table td, table th {
    border: 1px solid #dddddd;
    padding: 2px; }

#header {
  background-color: #3a878b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a878b), color-stop(100%, #8cbbb8));
  background-image: -webkit-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -moz-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -ms-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -o-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: linear-gradient(top, #3a878b, #8cbbb8);
  color: #f8f8f8;
  padding: 1.5em 1em;
  position: relative;
  min-height: 5em; }
  #header h1 {
    display: inline-block;
    margin: 0em 1em 0em 0em; }
    #header h1 a {
      color: #f8f8f8;
      text-decoration: none; }
  #header #logo {
    position: absolute;
    top: 1em;
    right: 1em; }

.column {
  display: inline-block;
  vertical-align: top;
  margin-left: 2em;
  margin-top: 1em; }

.config-col {
  display: inline-block;
  vertical-align: top;
  margin-right: 2em; }

#start, #stop {
  font-size: 16px;
  margin-top: 1em; }

#iframe-wrapper {
  width: 565px;
  height: 435px; }

#info {
  margin-top: 1em;
  font-family: monospace; }

#results {
  font-size: 0.7em; }