/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }


/*** OWN ***/

body {
  font-family: Verdana, sans-serif;
}

html {
  display: table;
  margin: auto;
}

body {
  display: table-cell;
  vertical-align: middle;
}


table {
  border: 3pt;
}

/* default padding */
table td, table th {
  padding: 2pt 8pt;
}

table th:not(:first-child) {
  width: 50pt;
}


/* make the text of source names smaller to fit */
table th .tooltip {
  font-size: 8pt;
  word-break: break-all;
}


table td {
  text-align: right;
}

table td.sound-enabled .height {
  font-weight: bold;
}


/* headers */
table th, table td:first-child {
  text-align: center;
  font-weight: bold;
}

table td.at-chainhead {
  background-color: #80ff80a0;
}

table td.not-at-chainhead {
  background-color: #ff8080a0;
}

table tr:nth-child(even) {
  background: #ddd;
}

table td.just-increased {
  color: #00f;
}

table td.stale {
  color: #f22;
}

#conn-lost {
  background-color: #ff8080;
  position: fixed;
  padding: 10pt 15pt;
  width: 200pt;
  margin: 5% auto;
  left: 0;
  right: 0;
  text-align: center;
}

/* tooltips */

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  display: none; /* otherwise it adds to size of the table :shrug: */
  min-width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;

  position: absolute;
  z-index: 1;
  font-size: large;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  display: inline;;
}