@font-face {
  font-family: MatthiasCramerHandwriting;
  src: url('/fonts/MatthiasCramerHandwriting.ttf') format("truetype");
}

@import url(http://fonts.googleapis.com/css?family=Roboto:900,300&subset=latin,greek);

body {
  font-family: 'Roboto', helvetica, verdana, sans-serif;
  font-size: 12px;
}

.ui-widget {
  font-family: 'Roboto', helvetica, verdana, sans-serif !important;
}

.beta {
   background-color: #e6d72b;
   font-size: 40px;
   font-weight: bold;
   font-family: 'Roboto', helvetica, verdana, sans-serif;
   width: 200px;
   height: 38px;
   text-align: center;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg); /* IE 9 */
   -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
   opacity: 0.85;
   position: fixed;
   right: -50px;
   top: +32px;
   z-index: 5000;
}

.beta span {
  position: relative;
  top: -7px;
}

h1 {
  font: bold 30px "MatthiasCramerHandwriting", serif;
  text-shadow: 3px 3px 7px #333;
}

.fancybox {
  margin: 0.5em;  
}

.fancybox div {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  color: #1C94C4;
  background-color: #F7F7F7;
  padding-top: 1em;
}

@media screen and (min-width: 1000px) {
  #main .fancybox {
    width: 46%;
    float: left;
    margin-right: 3%;
  }
}

.boxheader {
  position: relative;
  top: 0.7em;
  left: 10px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background-color: #FFFFFF;
  padding-left: 4px;
  padding-right: 4px;
}

.bottom {
  clear: both;
}

#help_link {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}

#reload_button {
  margin-left: 1em;
  margin-top: 1em;
}

#lookingglass_output {
  font-family:Consolas,'Lucida Console','DejaVu Sans Mono',monospace;
  white-space: pre;
}

#dns_output {
  font-family:Consolas,'Lucida Console','DejaVu Sans Mono',monospace;
  white-space: pre;
}

/* Traceroute Classes */


.header {
  margin-top: 0.5em;
  font-weight: bold;
}

#hoplines {
}

.hop {
  width: 3em;
  text-align:left;
  float: left;
}

.ip {
  width: 15em;
  float: left;
}

.host {
  width: 20em;
  float: left;
}

.as {
  width: 5em;
  float: left;
}

.geocode {
  width: 3em;
  float: left;
}

.times {
  width: 15em;
  float: left;
}

.timegraph {
  width: 100px;
  margin-right: 5px;
  clear: both;
  float: left;
}

.max {
  height: 12px;
  background-color: red;
  float: left;
}

.min {
  height: 12px;
  background-color: green;
  float: left;
}

.avg {
  height: 12px;
  position: relative;
  width: 1px;
  border-color: yellow;
  background-color: blue;
}

#troutput {
  margin-top: 1em;
  margin-bottom: 1em;
}

#trmap {
  margin-top: 1em;
  width: 100%;
  height: 400px;
}

#beta {
  width: 150px;
  heigth: 150px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1000;
  opacity: 0.9;
}

#blackbird {
  z-index: 2000;
}

#social {
  margin-top: 1em;
}

.scontent {
  float: left;
}

pre.indent {
  margin-left: 4em;
}

// Ad-Block Detection

.notblocked {
  display: inline;
}
.blocked {
  display: none;
}
.adblock .notblocked {
  display: none;
}
.adblock .blocked {
  display: inline;
}