

td.lilac-black:before,
td.grey-green:before,
td.white-green:before,
td.brown-blue:before,
td.red-lilac:before,
td.black-yellow:before,
td.brown-red:before,
td.brown-yellow:before,
td.yellow-red:before,
td.yellow-black:before,
td.black-white:before,
td.white-black:before,
td.brown-black:before,
td.yellow-black:before,
td.black-yellow:before
{ content:'.'; border-top-width: 4px; border-top-style:solid; border-bottom-width: 4px; border-bottom-style:solid; display:inline-block; width: 1em; height: 6px; vertical-align: middle; margin: 0 .25em; text-indent:-9999px; box-shadow: 0 0 4px rgba(0,0,0,0.5);}
.lilac-black:before  { border-top-color: purple; border-bottom-color: purple; background: black; }
.grey-green:before   { border-top-color: grey; border-bottom-color: grey; background: green; }
.white-green:before  { border-top-color: white; border-bottom-color: white; background: green; }
.brown-blue:before   { border-top-color: brown; border-bottom-color: brown; background: blue; }
.red-lilac:before    { border-top-color: red; border-bottom-color: red; background: purple; }
.black-yellow:before { border-top-color: black; border-bottom-color: black; background: yellow; }
.brown-red:before    { border-top-color: brown; border-bottom-color: brown; background: red; }
.brown-yellow:before { border-top-color: brown; border-bottom-color: brown; background: yellow; }
.yellow-red:before   { border-top-color: yellow; border-bottom-color: yellow; background: red; }
.yellow-black:before { border-top-color: yellow; border-bottom-color: yellow; background: black; }
.black-white:before  { border-top-color: black; border-bottom-color: black; background: white; }
.white-black:before  { border-top-color: white; border-bottom-color: white; background: black; }
.brown-black:before  { border-top-color: brown; border-bottom-color: brown; background: black; }
.yellow-black:before { border-top-color: yellow; border-bottom-color: yellow; background: black; }
.black-yellow:before { border-top-color: black; border-bottom-color: black; background: yellow; }

/* Completed column */
table.checklist td:last-child { 
  background: white;
  display: block;
  border: 1px solid black !important;
  width: 1.35em!important;
  margin: .25em auto !important;
}

#alhpump td:nth-child(2) { width: 10em; } /* wire colors */
#alhpump td:nth-child(4) { width: 10em; }
#alhpump tr:nth-child(8) td:nth-child(1),
#alhpump tr:nth-child(8) td:nth-child(2) { border-top: 3px dashed #777; } /* plug split */


table#fusebox p { margin: 0 };
table#fusebox td:nth-child(1) { width: 10%; }
table#fusebox td:nth-child(2) { width: 10%; }
table#fusebox td:nth-child(3) { width: 10%; }
table#fusebox td:nth-child(4) { width: 70%; }


.wiring table.checklist { margin-right: 2em; } 
.wiring table.checklist td { width: auto; }

table.pinout { width: 100%; }
table.pinout td { width: auto !important }
h3.plug { font-weight: bold; margin-top: 2em; margin-bottom: .25em; color: #000; }
span.plugcolor { display: block; float: right; font-weight: bold; line-height: 2em; margin-top: -2em; padding: 0 .5em;}
span.plugcolor.Yellow { background: yellow; color: black;}
span.plugcolor.Red { background: red; color: white;}
span.plugcolor.Green { background: green; color: white;}
span.plugcolor.Blue { background: blue; color: white;}
span.plugcolor.Black { background: black; color: white;}
span.plugcolor.White { background: white; color: black;}
span.plugcolor + p.desc { font: 1em av, Futura, Helvetica, sans-serif; font-weight: normal;}

