body { margin: 0% 10%; }
table { border-collapse: collapse }
table.pid { width: 650px; }
table.data { margin-left: 2em; }
table.data td { border: solid 1px #f5f5f5 } 
table.notrial { margin-left: 1em }
table.notrial td { border: none; padding: 2px 5px; text-align: right }
td.address, td.comment { width: 400px; height: 50px;  }
td.gp { width: 400px; height: 50px;  }
td.bone { width: 100px }
td.short { color: #d3d3d3; width: 80px; text-align: center; }
td.long { color: #d3d3d3; width: 100px; text-align: center; }
td.gray { color: #d3d3d3; text-align: center } /* lightgray */
span.gray { color: #d3d3d3; }
td,th { font-family: verdana, sans-serif; padding: 5px; font-size: 12px; vertical-align: top }
th { background: #f5f5f5; border: solid 1px #d3d3d3 }
td.left { font-weight: bold; color: #039; text-align: right }
td.border { border: solid 1px #000 } 
.red { color: #f00 }
.error { border: solid 1px #f00; padding 5px; font-weight: bold }
.trialname { margin-left: -4em }
p.header { font-weight: bold; font-size: 1.3em; color: #000080; text-align: center }
p.box { border: 1px solid #000; padding: 10px; font-weight: bold; background: #f5f5f5 }
p.pid { margin-top: 0px; font-weight: bold; text-align: center }
h4 { margin-bottom: 0.5em }
div.indent { margin-left: 1em; font-family: monospace }
@media print {
   td, th { font-size: 8pt }
   table.data td { border-color: #d3d3d3 } /* lightgray */
}