{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF;
  margin: 0;                       /* drop the browser's ~8px UA margin -> exact, cross-browser */
  padding: 0.5rem 1.25rem 2.5rem;  /* top | sides | bottom  -- page-content gutter; screen only (stylesp.css zeroes it) */
}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
th { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border-bottom: solid 1px black;}
form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}

input[type=text], input[type=password], input[type=number], input[type=email],
input[type=date], input[type=time], input[type=search], input[type=tel], textarea, select {
  border: 1px solid #767676;
}

/* Native date/time fields: the 8pt base makes them cramped and the empty
   "--:-- --" placeholder near-invisible, and Chrome renders the picker button
   almost transparent. Make them legible and the picker obviously clickable. */
input[type=date], input[type=time] {
  font-size: 10pt;
  color: #000;
  padding: 1px 3px;
}
/* Entered values render black (see below). Chrome paints the *empty* "--" segments
   with its own light placeholder shade that CSS can't fully override -- leave those
   a readable medium grey so an unset field is visibly distinct from a filled one. */
input[type=date]::-webkit-datetime-edit,
input[type=time]::-webkit-datetime-edit,
input[type=date]::-webkit-datetime-edit-text,
input[type=time]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-year-field,
input[type=time]::-webkit-datetime-edit-hour-field,
input[type=time]::-webkit-datetime-edit-minute-field,
input[type=time]::-webkit-datetime-edit-ampm-field { color: #000 !important; }
/* Unset date/time fields get a pale tint so "empty" is unmistakable (there is no
   CSS selector for an empty optional date/time input -- toggled by the small
   date-time-empty helper in jfunctions.js). */
input.dt-empty { background-color: #fff2cc; }
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  opacity: 0.75;
  cursor: pointer;
  padding: 0 2px;
}
input[type=date]::-webkit-calendar-picker-indicator:hover,
input[type=time]::-webkit-calendar-picker-indicator:hover { opacity: 1; }

.printonly {display: none}
@media only print {
.noprint {display: none}
.no-print {display: none}
}
th {vertical-align:bottom}

td {vertical-align:bottom}

h1 {font-size: 14px; font-weight: bold}
h2 {font-weight: bold}

#headline h2:first-child {display:inline}
#headline{margin-bottom:10px;}

.headline {font-size: 16pt; font-weight: bolder}
.headline-sm {font-size: 12pt; font-weight: bolder}
.standout {font-weight: bold; padding: 1.5em 0em 0.5em; }

.xgreenrow {  background-color: #83B494}
table { border-collapse: collapse; }
.greenrow, .odd {background-color: #bbeeaa;}
.grayrow {  background-color: #cccccc}
.redrow {background-color: #ff8080}

.btop { border-top:solid;border-top-width:1px;border-color:black}
.bb {border-bottom: solid 1px black;}
.warning {font-weight:bold; color:red;}
.success {font-weight:bold; color:green;}
.caution {font-weight:bold; color:orange;}

.lined {border-collapse: collapse}
.lined td {border: solid black 1px; margin: 3; padding: 6px; }
.lined .even {background-color:#ccffcc; vertical-align: top;}
.lined th {color: white; background-color:#000; vertical-align: bottom;border: solid black 1px; }

.bottomborder {  border-color: black black #000000; border-bottom-width: 2px}
.bodysmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}
.redbox {  background-color: #FF0000}
.bold { font-weight: bolder; }
.likelink {text-decoration:underline;color:blue;cursor:pointer;}
.l {color:blue;text-decoration:underline;cursor:pointer;}
.liketext {text-decoration:none;color:black;cursor:pointer;}
.printonly {display:none}
.fieldlabels {text-align:right}
.left {text-align:left !important}
.standout {font-weight: bold; padding: 1.5em 0em 0.5em; }
.centered {text-align: center;}

.hoverlink{
  text-align: center;
  text-decoration: none;
  font-family: verdana;
  font-size: 10px;
  color: #22229C;
  background-color: #F5F5FF;
  border: solid 1px #D1D1E1;
  cursor:pointer;
}

.hoverlink:hover{
  border: solid 1px #6983B3;
  background-color: #E1E4F2;
  color:red;
}

.hoverlinkred{
  text-align: center;
  text-decoration: none;
  font-family: verdana;
  font-size: 10px;
  color: red;
  background-color: #F5F5FF;
  border: solid 1px #D1D1E1;
  cursor:pointer;
}

.hoverlinkred:hover{
  border: solid 1px #6983B3;
  background-color: #E1E4F2;
  color:blue;
}


.data td   {padding-left:10px}

#data .btop {border-top: 1px solid black;}
#data .btop2 {border-top: 2px solid red;}
#data th {border-bottom: 1px solid black;}

th {vertical-align: bottom}

.content {
  background-color: #fff;
  padding: 20px;
  margin: 20px; /* negative indent the amount of the padding to maintain the grid system */
}

.buffer-top {margin-top:20px !important}
.buffer-bottom {margin-bottom:20px !important}

.buffer-top-twice {margin-top:40px !important}
.buffer-bottom-twice {margin-bottom:40px !important}

.pad-top {padding-top:20px !important}
.pad-bottom {padding-bottom:20px !important}

.pad-top-small {padding-top: 5px !important}
.pad-bottom-small {padding-bottom: 5px !important}

.buffer-right{margin-right: 10px !important}
.buffer-left{margin-left: 10px !important}

.pad-right{padding-right: 10px !important}
.pad-left{padding-left: 10px !important}

.buffer-right-twice{margin-right: 20px !important}
.buffer-left-twice{margin-left: 20px !important}

.nowrap {white-space:nowrap}
.no-wrap {white-space:nowrap}

.label-spaced-strong strong {padding-right:10px}
.align-bottom{vertical-align: bottom}

.real-big {font-size: 24px; color:blue}

.border {border: solid black 1px !important}
.error_border {border: solid red 2px !important}