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 */
#BannerBack {
   background-color: #e68b15;
   height:           205px;
   max-height:       205px;
   border:           0 none;
   margin:           0;
   padding:          0;
   top:              0;
   left:             0;
   width:            100%;
}
#Banner {
   background-image:url("banner.png");
   background-repeat:no-repeat;
   padding:    0;
   margin:     0 auto;
   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;
}