body, th, td { font-family: Calibri, Verdana, Tahoma, Arial, sans-serif; }
table, tr, th, td { white-space: nowrap; text-align: center; padding: 0; margin: 0; border: 0; border-spacing: 0; }
h1, h2, h3, h4, h5 { line-height: 0em; text-align: center; }

table { page-break-inside: auto; break-inside: auto; border-collapse: collapse; }
tr { page-break-inside: avoid; break-inside: avoid; page-break-after: auto; break-after: auto; }
td, th { border: 1px solid #999999; }
td:empty, th:empty { border: 0; }
.HeaderRow, .HeaderRow td, .PageBreak { border: 0; }
.ShopName { color: #3a72c4; }
.ColumnNames th { padding: 0.1em 1em; }
.VerticalSpacer { height: 1.5em; }
.BreakBefore { page-break-before: always; break-before: always; }
.BreakAfter { page-break-after: always; break-after: always; }

.Currency { text-align: right; padding: 0 1em; }
.SectionTitle { text-align: left; background-color: #cce0ff; font-size: 1.2em; font-weight: bold; padding: 0.1em 1em; }
.TotalTitle { text-align: left; font-size: 1.2em; font-weight: bold; border: 0; }

.Good { background-color: #99ff99; }
.Marginal { background-color: #ffff99; }
.Bad { background-color: #ff9999; }
.SubTotal { font-size: 1.2em; font-weight: bold; }
.Total { font-size: 1.4em; font-weight: bold; }
.ImportantStat { color: #ffffff; background-color: #3a72c4; font-weight: bold; font-size: 1.3em; }

.tblShopVisit td { white-space: normal; }
.trShopVisitHeader { color: #ffffff; background-color: #6699ff; font-size: 1.3em; font-weight: bold; }
.trShopVisitHeader td { padding: 0.3em; }
.trShopVisitSectionHeader { color: #000000; background-color: #99ccff; font-size: 1.3em; font-weight: bold; }
.trShopVisitSectionHeader td { padding: 0.3em; }
.trShopVisitFooter { color: #000000; background-color: #B4C6E7; font-size: 1.3em; font-weight: bold; }
.trShopVisitFooter td { padding: 0.3em; }
.tdItemNumber { color: #000000; background-color: #ff9999; padding: 1em 2em; }
.tdItemDesc1, .tdItemDesc2, .tdComments { text-align: left; max-width: 30em; padding: 0.5em; }
.tdComments { max-width: 15em; }
.tdScoreGood { background-color: #00B050; }
.tdScoreMed { background-color: #ffff00; }
.tdScoreBad { background-color: #ff0000; }

#CCSLogo { max-height: 4em; margin-left: 2em; }

span.DocDate { display: inline-block; padding: 0.1em; text-align: center; font-size: 0.7em; color: #666666; } 
span.DocDateRecent { background-color: #ff0000; color: #ffffff; font-weight: bold; padding: 0.1em 0.4em; border-radius: 0.4em; }

@media print { 
    .DontPrint { display: none; }
    .PageBreak { page-break-after: always; }
}