/********************************************/
/* CSS styles for DenyHosts statistics page */
/********************************************/
body { font-family: Arial, Helvetica, Sans, sans-serif }

TD { font-size: 13px }

.statsSummary {
  width: 95%;
  padding: .125em;
  border: 1px solid #00456F;
  color: #00456F }

.statsSummary TH {
  color: #fff;
  text-align: left;
  white-space: nowrap; 
  padding: .125em }

.statsSummary TD { 
  font-weight: 600;
  line-height: 1.8em; }

.statsSummaryRt { text-align: right }

/* Main data display selectors */
.statsTable {
  width: 95%;
  border: 1px solid #00456F; 
  margin-top: 10px }

.statsTable .titleRow {
  background-color: #00456F; 
  color: #fff; 
  font-weight: 600 }

.statsTable .headerRow {
  background-color: #A33900; 
  color: #fff }

/* These will be dynamically assigned; e.g.: */
/*                                           */
/* for bob in ray:                           */
/*     if bob % 2 == 0:                      */
/*         row_class = 'even'                */
/*     else:                                 */
/*         row_class = 'odd'                 */
/*                                           */
/* ... but you know that drill ;-)           */
.statsTable .odd { background-color: #fff }

.statsTable .even { background-color: #eee }

/* selectors for various charts */
.hourlyChart { 
  background: #fff url('http://stats.denyhosts.net/hourly_abuse.png') no-repeat 50% 10%;
  height: 250px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  vertical-align: top; }

.dailyChart { 
  background: #fff url('http://stats.denyhosts.net/daily_abuse.png') no-repeat 50% 10%;
  height: 250px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  vertical-align: top; }

.countryChart { 
  background: #fff url('http://stats.denyhosts.net/country_abuse.png') no-repeat 50% 10%;
  height: 250px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  vertical-align: top; }

/* tabs */
#tabs { 
  text-align: center;
  font-size: 11px;
  white-space: nowrap; 
  color: #fff }

#tabs > span { margin: 0px 15px;
  padding: 0px 12px}

.selected { 
  background: url('carat.png') no-repeat; 
  background-position: 1% 50% }

/* thing at the bottom of the page */
#timestamp {
  margin-top: 10px;
  font-size: 12px; 
  width: 95%;
  text-align: center }