diff --git a/py-scripts/artifacts/CenturyGothic.woff b/py-scripts/artifacts/CenturyGothic.woff
new file mode 100755
index 00000000..877ec4a2
Binary files /dev/null and b/py-scripts/artifacts/CenturyGothic.woff differ
diff --git a/py-scripts/artifacts/custom-example.css b/py-scripts/artifacts/custom-example.css
new file mode 100644
index 00000000..26e93750
--- /dev/null
+++ b/py-scripts/artifacts/custom-example.css
@@ -0,0 +1,11 @@
+/* file reserved for customer styling of reports */
+/* rename to custom.css to take effect */
+
+.TitleFont {}
+.HeaderFont {}
+.TableFont {}
+.TableBorder {}
+.ImgStyle {}
+.HeaderStyle {}
+.FooterStyle {}
+/* eof */
diff --git a/py-scripts/artifacts/report.css b/py-scripts/artifacts/report.css
new file mode 100644
index 00000000..a33167dc
--- /dev/null
+++ b/py-scripts/artifacts/report.css
@@ -0,0 +1,288 @@
+html, body,div {
+  margin: 0;
+  padding:0;
+  font-size: 14px;
+}
+h1,h2,h3,h4 {
+   padding: 0em;
+   line-height: 1.5;
+   text-align: left;
+   color: rgb(42,91,41);
+}
+@font-face {
+   font-family: CenturyGothic;
+   src: url("CenturyGothic.woff"),
+        url("images/CenturyGothic.woff"),
+        url("/images/CenturyGothic.woff"),
+        url("http://www.candelatech.com/images/CenturyGothic.woff");
+}
+body,h1,h2,h3,h4 {
+   font-family: CenturyGothic, "Century Gothic", Arial, Helvetica, sans-serif;
+}
+h1 { font-size: 30px;}
+h2 { font-size: 24px;}
+h3 { font-size: 18px;}
+h4 { font-size: 14px;}
+li,pre,tt {
+  text-align: left;
+}
+pre {
+  font-size: 10px;
+}
+table {
+   border-collapse: collapse;
+   background: #e0e0e0;
+}
+table, td, th {
+   border: 1px solid gray;
+   padding 4px;
+}
+table.noborder, table.noborder td, table.noborder th  {
+   border: 0 none;
+}
+td {
+   background: white;
+}
+td.ar {
+   text-align: right;
+}
+th {
+   color: rgb(42,91,41);
+   text-align: center;
+}
+#lf_title {
+   text-align:          center;
+   background-image:    url(candela_swirl_small-72h.png);
+   background-position: right;
+   background-repeat:   no-repeat;
+   height:              90px;
+}
+#new_chart {
+   display:       block;
+   height:        250px;
+   min-width:     200px;
+   width:         80%;
+   border:        1px solid black;
+   margin:        14px auto;
+   padding:       14px;
+   vertical-align: bottom;
+   text-align:    center;
+}
+.lf_chart {
+    margin: 1em;
+    padding: 5px;
+}
+#error_types ul {
+  background: #f0f0f0;
+  font-size: 12px;
+  line-height: 1.5;
+  margin: 1em;
+  padding: 0.25em inherit 0.25em inherit;
+  max-height: 8em;
+  overflow: auto;
+}
+li {
+  line-height: 1.5;
+}
+.contentDiv {
+   min-width: 800px;
+   max-width: 8in;
+   margin: 1em auto;
+   padding: 0;
+}
+.ct-point {
+  stroke-width: 6px;}
+
+.o_el {
+   display:       inline-block;
+   width:         100px;
+   height:        230px;
+   border:        none;
+   margin:        1px  1px 16px 1px;
+   padding:       10px 10px 0 10px;
+   background:    #eee;
+   text-align:    center;
+   vertical-align: bottom;
+}
+.bar_el {
+   display:    block;
+   background: green;
+   border:     none;
+   min-height: 1px;
+
+   margin:     0 0 5px 0;
+   padding:    0;
+   text-align: center;
+}
+.label_el {
+   color:         black;
+   display:       block;
+   font-size:     14px;
+   font-family:   Arial,Helvetica,sans-serif,mono;
+   margin:        1px;
+   text-align:    center;
+   vertical-align: bottom;
+   width:         inherit;
+}
+.value_el {
+   font-family:   Arial,Helvetica,sans-serif,mono;
+   color:         black;
+   display:       block;
+   font-size:     14px;
+   margin:        0 auto;
+   padding:       none;
+   border:        none;
+   background:    white;
+   text-align:    center;
+   vertical-align: bottom;
+   width:         auto;
+}
+.value_el>span {
+  background: #f0f0f0a0;
+  border: 1px solid #f0f0f0a0;
+  border-radius: 5px;
+  padding: 1px;
+  min-width: 2em;
+}
+.error {
+   color: red;
+}
+
+@media only screen {
+.hideFromPrint { }
+.hideFromScreen { display:none; }
+}
+@media only print {
+.hideFromScreen { }
+.hideFromPrint { display:none; }
+}
+
+/* these styles will get overridden by custom.css */
+#Banner {
+   background-image:url("banner.png");
+   background-repeat:no-repeat;
+   padding:    0;
+   margin:     0;
+   min-width:  1000px;
+   min-height: 205px;
+   width:      1000px;
+   height:     205px;
+   max-width:  1000px;
+   max-height: 205px;
+}
+#BannerLogo {
+   text-align: right;
+   padding:    25px;
+   margin:     5px;
+   width:      200px;
+   border:     none;
+}
+.TitleFontScreen {
+   margin-left:   auto;
+   margin-right:  auto;
+   margin-top:    1em;
+   margin-bottom: 0.2em;
+   font-size:     50px;
+   padding-top:   1em;
+}
+
+.TitleFontPrint {
+   line-height:   1;
+   margin-left:   0px;
+   margin-right:  auto;
+   margin-top:    0.5em;
+   margin-bottom: 0.2em;
+   padding-top:   20px;
+   padding-left:  20px;
+   color:         darkgreen;
+}
+
+.TitleFontPrintSub {
+   line-height:   1;
+   margin-left:   0px;
+   margin-right:  auto;
+   margin-top:    0;
+   margin-bottom: 0;
+   /*font-size: 20px; Let 'h3', etc control this */
+   padding-top:   0px;
+   padding-left:  20px;
+}
+
+.HeaderFont {}
+.TableFont {}
+.TableBorder {}
+.ImgStyle {}
+div.Section h1, div.Section h2 {
+   margin: 0 0 0 0em;
+}
+div.HeaderStyle h1, div.HeaderStyle h2 {
+   text-align: left;
+   margin: 0 0 0 0;
+   max-width: 8in;
+   min-width: 800px;
+}
+div.Section {
+   padding 5px;
+   position: relative;
+}
+div.Section img {
+   margin: 0;
+   padding: 0;
+   position: relative;
+   top: 50%;
+   transform: translateY(-50%);
+}
+div.FooterStyle {
+   width: 100%;
+   vertical-align: middle;
+   border: 0 none;
+   border-top: 2px solid #2A5B29;
+   color: #2A5B29;
+   font-size: 12px;
+   margin-top: 2em;
+}
+div.FooterStyle img {
+   width: auto;
+   height: auto;
+   text-align: right;
+}
+div.FooterStyle span.Gradient {
+   background: white;
+   color: #2A5B29;
+   display: inline-block;  
+   height: 30px;
+   line-height: 1;
+   padding-top: 22px;
+   padding-bottom: 20px;
+   padding-left: 2em;
+   vertical-align: middle;
+   max-width:80%;
+   float:left;
+   width:50%;
+}
+.FooterStyle a, .FooterStyle a:visited {
+   color: #2A5B29;
+   font-size: 12px;
+   line-height: 1;
+   height: 30px;
+   margin: 0;
+   padding: 0;
+   vertical-align: middle;
+}
+div.FooterStyle a.LogoImgLink {
+   display: inline-block;
+   text-align: right;
+   float: right;
+}
+a .LogoImgLink {
+}
+a.LogoImgLink img {
+}
+
+table.dataframe {
+   margin: 1em;
+   padding: 0;
+}
+table.dataframe tr th {
+   padding: 0.5em;
+}
\ No newline at end of file