div.left {
  //float: left;
}

div.divVarMap {
  // Contrast ratio (from webaim.org): 16.28:1
  color: #000000;
  background-color: #e0e0ff;
  width: 80%;
}

/* Used in query results for the current page number */
input.pageHere {
  // Contrast ratio (from webaim.org): 19.56:1
  color: #000000;
  background-color: #ffff00;
}

/* Used in query results for other page numbers */
input.pageThere {
  // Contrast ratio (from webaim.org): 9.4:1
  color: #0000ee;
  background-color: #ffffff;
}

span.spanExample {
  font-family: Arial, Helvetica;
  font-style: bold;
  font-size: 150%;
  // Contrast ratio (from webaim.org): 20.47:1
  color: #006000;
  background-color: #ffffff;
}

span.viewNameDesc {
  // Contrast ratio (from webaim.org): 16.28:1
  color: #000000;
  background-color: #e0e0ff;
  width: 80%;
}


/* Used for mouseover popup tooltips in column heads */
/* in views.py: formatTableHtml.
/* span.tpopup/span/popup span */
span.tpopup { position: relative; }

span.tpopup span span { display: none; }

span.tpopup span:hover { font-size: 99%; color: #000000; }

span.tpopup span:hover span { 
  display: block; 
  position: absolute; 
  margin-top: 10px; 
  margin-left: -10px; 
  width: 300px; padding: 5px; 
  z-index: 100; 
  // Contrast ratio (from webaim.org): 20.14:1
  color: #000000; 
  background: #FFFFAA; 
  font: 12px "Arial", sans-serif;
  text-align: left; 
  text-decoration: none;
}