/* For debugging
div, ul, li {
  border: 1px solid red;
}
*/
BODY {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 10;
  padding: 10;
  background-color: white;
  color: black;

}
hr {
  height: 1px;
  color: gray;
}
:link, :visited {
  color: purple;
}
:link:hover, :visited:hover {
  color: gray;
}
:link:active, :visited:active {
  color: red;
}
:link {
   color:blue;
}

.blacklabel {
   background-color: black;
   color: white;
   padding-left: 5px;
   padding-right: 5px;
}

.greenlabel {
   background-color: green;
   color: white;
   padding-left: 5px;
   padding-right: 5px;
}

.office {
   border: 1px solid black;
   padding: 5px;
}
.officename { 
   font-weight: bold;
   font-size: 12pt;
}
.race { 
   float: left;
}
.raceinfo {
   float: left;
}
.performance {
   float: right;
}


.candidate { 
   float: left;
}
.totalbar{
   font-size: 8pt;
   background-color: black;
   float: left;
}
.countybar{
   font-size: 8pt;
   background-color: green;
   float: left;
}
.dembar{
   font-size: 8pt;
   background-color: blue;
   float: left;
   border: 1px solid blue;
   text-align:left;
}
.gopbar{
   font-size: 8pt;
   background-color: red;
   border: 1px solid red;
   float: left;
   text-align:left;
}
.otherbar{
   font-size: 8pt;
   background-color: green;
   float: left;
   border: 1px solid green;
   text-align:left;
}
.percent {
   font-size: 8pt;
   color: black;
   float: left;
   margin-left: 10;
}
.candidatename {
   font-weight: bold;
   float: left;
   text-align: right;
   margin-left: 10;
   margin-right: 10;
   width: 200;
}
.spacer { 
   border-top: 1px solid black;
   font-size: 6pt;
   margin-top: 2px;
   margin-bottom: 2px;
   float: center;
}
.spacer2 { 
   border-top: 1px dashed black;
   font-size: 6pt;
   margin-top: 2px;
   margin-bottom: 2px;
   float: center;
}
.author { 
   border-top: 1px solid black;
   font-size: 8pt;
}
.tinylist{
   font-size: 8pt;
}