body {
    /* only occurs on 1st page - replaced with inline divs:
    background-image: url("http://localhost/images/YH-GMC.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    */
}
td {
    font-family: verdana, sans-serif;
    font-size: 13px;
}
div.inline { display: inline-block; }
div.logo { float: right }
div.header { font-size: 28px; color: #808080; }
p.header {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
span.header { font-weight: bold; }
span.red { color: #f00 }
div.participant {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}
div.sample {
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
    width: 58%;
}
div.barcode-text { text-align: center; font-size: 11px; margin-top: 5px; }
div.participant-barcode { margin-top: 5px; }
table.content { border-collapse: collapse; width: 100%; }
table.content td,
  table.content th { border: none; padding: 10px; }
table.content tr { vertical-align: top; }
table.content th { background: #c0c0c0; color: #00f; }
td.label {
	width: 50%;
	color: #c0c0c0;
	text-align: center;
	vertical-align: middle;
}
td.purple { color: #fff; background: #5a3465 }
td.sticker {
    height: 75px;
    vertical-align: middle;
    border: 1px solid #fff !important; /* #c0c0c0 */
}
td.with-border {
    /* border: dotted 1px #c0c0c0 !important; // leaks over to sticker !! */
}
td.id-label {
    /* border: solid 1px silver !important; */
    padding-top: 6px;
    height: 75px;
}
td.id-label div {
     font-weight: bold;
     font-size: 7pt;
     margin-left: 30px;
}
td.borderless { border: none !important; }
td.edta { color: #fff; background: #5a3465; width: 55%; }
td.plasma { background: #acc8b1; }
td.serum { background: #ecb241; }
td.spacer { width: 80px; border: none; }
#info {
	border: none;
	text-align: right;
	color: #800000;
}
/* styles for linear (1D) barcodes */
table.hbc { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc tr,
  table.hbc td { border: none; margin: 0; padding: 0; text-align: center; }
td.hbc_on,
td.hbc_off { width: 2px; height: 20px; }
td.hbc_on  { background-color: #000; color: inherit; }
td.hbc_off { background-color: #fff; color: inherit; }

/* styles for 2D (DataMatrix & QRCode) barcodes */
table.hbc2d { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc2d tr,
table.hbc2d td { border: none; margin: 0; padding: 0; text-align: center; }
table.hbc2d td.hbc2d_on,
table.hbc2d td.hbc2d_off { width: 3px; height: 3px; }
table.hbc2d td.hbc2d_on  { background-color: #000; color: inherit; }
table.hbc2d td.hbc2d_off { background-color: #fff; color: inherit; }

/* reduced dimensions for RHS barcodes */
table.hbc2d_small { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc2d_small tr,
table.hbc2d_small td { border: none; margin: 0; padding: 0; text-align: center; }
table.hbc2d_small td.hbc2d_on  { background-color: #000; color: inherit; }
table.hbc2d_small td.hbc2d_off { background-color: #fff; color: inherit; }
table.hbc2d_small td.hbc2d_on,
table.hbc2d_small td.hbc2d_off { width: 2px; height: 2px; }