/* Spam Statistics Page Stylesheet */

/* --------------------------------------------------------------------*/
/* General Email Figures */

#stat-30-days {
  margin-top: 30px;
}

#stat-30-days div.total-emails span.label,
#stat-30-days div.spam-rate span.label {
  display: block;
  font: normal 15px "GestaBold","Arial";
  color: #777;
  text-transform: uppercase;
}

#stat-30-days div.total-emails span.value {
  font: normal 65px "Gesta","Arial";
  color: #000;
}

#stat-30-days div.spam-rate {
  float: right;
}

#stat-30-days div.spam-rate span.value {
  font: normal 65px "Gesta","Arial";
  color: #ff5800;
}

#stat-30-days-chart {
  width: 100%;
  height: 120px;
  margin: 20px 0;
}

/* --------------------------------------------------------------------*/
/* DNSBL and SURBL toplists */

#stat-topbl-container h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

#stat-topbl-container div.left,
#stat-topbl-container div.right {
  float: left;
  width: 420px;
}

#stat-topbl-container div.right {
  float: right;
}

#stat-topbl-container table {
  width: 100%;
  border-collapse: collapse;
}

#stat-topbl-container table td {
  padding: 4px;
  vertical-align: top;
}

#stat-topbl-container table td.rank {
  width: 1%;
  white-space: nowrap;
  font: 31px "Gesta","Arial",sans-serif;
  color: #ccc;
  text-align: center;
  padding-right: 10px;
}

#stat-topbl-container span.grading-level {
  display: block;
  float: right;
  height: 8px;
  margin-top: 5px;
  background: transparent url("/images/stat-recommended-dot.png") top left repeat-x;
}

span.stat-grading-level-0 {
  background: transparent url("/images/stat-recommended-not-dot.png") top left no-repeat !important;
  width: 8px;
}

span.stat-grading-level-1 {
  width: 8px;
}

span.stat-grading-level-2 {
  width: 20px;
}

span.stat-grading-level-3 {
  width: 32px;
}

#stat-topbl-container table td.pop {
  width: 1%;
  white-space: nowrap;
  font: bold 11px/180% "Arial",sans-serif;
  text-align: right;
  color: #aaa;
}

#stat-topbl-container td.pop-illustration {
  padding: 2px 0 10px 4px;
}

#stat-topbl-container td.pop-illustration div.pop-container {
  background-color: #f2f2f2;
  height: 4px;
}

#stat-topbl-container td.pop-illustration div.pop-container div.value {
  background-color: #77d021;
  width: 0px;
  height: 100%;
}

#stat-topbl-container table.surbls td.pop-illustration div.pop-container div.value {
  background-color: #0caedc;
}

/* --------------------------------------------------------------------*/
/* DNSBL and SURBL toplists: Legend */

#bl-stat-legend {
  font: normal 11px/150% "Arial",sans-serif;
  color: #777;
  margin-top: 20px;
  padding: 15px;
  background-color: #f2f2f2;
  border: 1px solid #eaeaea;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#bl-stat-legend table td {
  vertical-align: top;
}

#bl-stat-legend table td.key {
  text-align: right;
  padding-right: 10px;
}

#bl-stat-legend span.grading-level {
  display: block;
  float: right;
  height: 8px;
  margin-top: 5px;
  background: transparent url("/images/stat-recommended-dot.png") top left repeat-x;
}