html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: georgia, tahoma, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 11px;
  background-color: #fff;
}

a {
  line-height: 110%;
  text-decoration: none;
}

.treemapView {
  vertical-align: middle;
}

.treemapSquare {
}
.visited_link {
  opacity: 0.25 !important;
  text-decoration: overline !important;
}

.treemapCell {
}

.treemapCell:hover {
  opacity: 0.85 !important;
  filter: alpha(opacity=85) !important;
}
.treemapCell span {
  font-size: 1px;
}
.treemapCell span strong {
  font-size: 1px !important;
}
.treemapCell img {
  margin: 2px;
  width: 16px;
  height: 16px;
}

.treemapCell a:link {
  color: #333;
}
.treemapCell a:visited {
  color: #666666;
  text-decoration: line-through !important;
  opacity: 0.25 !important;
  filter: alpha(opacity=25) !important;
}
.treemapCell a:hover {
  color: #333;
}

div#header {
  color: #fff;
  padding: 8px 10px 0 10px;
  height: 24px;
  overflow: hidden;
  background-color: #fff;
}
div#header #nav {
  float: right;
}
div#header a {
  color: #ddd;
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
}
div#header a:hover {
  color: #ffffff;
  border: none;
}

#tooltip {
  color: #fff;
  font-family: arial;
  position: absolute;
  z-index: 3000;
  border: 1px solid #666;
  background-color: #000;
  padding: 5px;
  opacity: 0.85;
  width: 200px;
}
#tooltip * {
  margin: 0;
}

#content {
  color: #fff;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2em;
}
#content h1 {
  font-weight: normal;
}
#content p {
  color: #ddd;
}
#content a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
}

div#preloader {
  width: 200px;
  height: 150px;
  position: relative;
  margin-top: -150px;
  clear: both;
}
div#preloader img,
#tooltip img {
  width: 120px;
  height: 90px;
}