html {
  padding: 0px;
  margin: 0px;
  background-image: url('images/shadowbar.png');
  background-repeat: repeat-x;
}

body {
  padding: 50px 25px;
  margin: 0px;
  background-image: url('images/energylab_logo.png');
  background-repeat: no-repeat;
  background-position: right top;
}

.linklogo {
  position: absolute;
  right: 0;
  top: 0;
}

* {
  font-family: Calibri, Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
}

a, a:active, a:visited {
  color: #0f591b;
}

a:hover {
  color: #ff9c00;
}

.titleimg {
  margin: 0px 0px 25px 0px;
}

tr:first-child td {
  border-top: 1px solid silver;
}

td {
  padding: 0px 10px 0px 10px;
  border-bottom: 1px solid silver;
}

td:first-child {
  padding: 0px 10px 0px 0px !important;
}
td:last-child {
  padding: 0px 0px 0px 20px !important;
}

.headrow td {
  border-top: 0px solid white !important;
  padding-bottom: 5px !important;
}

.totrow td {
  padding-top: 15px !important;
  background-color: #f3f3f3;
}

.formlabel {
  display: inline-block;
  width: 150px;
  vertical-align:top;
}

.msgred {
  color: red;
}

.msggreen {
  color: black;
  border: 1px solid green;
  padding: 15px;
  width: 550px;
}

h2 {
  font-size: 16px;
}

.schemetitle {
  font-size: 20px;
}

.funcbut {
  float: right;
  margin-left: 4px;
  margin-top: -3px;
  -background-color: #d0d0d0;
  background-color: #59ef83;
  color: black;
}

.funcbutleft {
  margin-left: 4px;
  margin-top: -3px;
  -background-color: #d0d0d0;
  background-color: #59ef83;
  color: black;
}

.addbutton {
  float: left;
  margin-right: 17px;
  -background-color: #d0d0d0;
  background-color: #59ef83;
  color: black;
}

.addbuttoninline {
  float: left;
  margin-left: 7px;
  -background-color: #d0d0d0;
  background-color: #59ef83;
  color: black;
}

.funcbut a, .funcbutleft a, .addbutton a, .addbuttoninline a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 7px;
}

.addbutton a, .addbuttoninline a {
  background-image: url('images/butbg_plus.png');
  background-repeat: no-repeat;
  padding-left: 25px;
}

.funcbut:hover, .funcbutleft:hover, .addbutton:hover, .addbuttoninline:hover {
  -background-color: #0f591b;
  background-color: black;
  color: white;
}


.funcbut a:hover, .funcbutleft a:hover, .addbutton a:hover, .addbuttoninline a:hover {
  color: white;
}

.inlinebutton {
  height: 21px;
  float: right;
  padding: 0px 10px 0px 10px;
  margin-left: 10px;
}

.inlinebuttonleft {
  height: 21px;
  ffloat: left;
  padding: 0px 10px 0px 10px;
  margin-left: 20px;
}

.rightbordered {
  border-right: 1px solid silver;
  padding-bottom: 25px;
}

.leftbordered {
  border-left: 1px solid silver;
  padding-bottom: 25px;
}

.leftrightbordered {
  border-right: 1px solid silver;
  border-left: 1px solid silver;
  padding-bottom: 25px;
}

h1 {
  font-size: 18px;
  background-color: #0f591b;
  color: white;
  padding: 3px 7px;
}

h3 {
  margin-left: auto;
  margin-right: auto;
  /*background-color: #d1d1d1;*/
  padding: 3px 7px;
  text-transform: uppercase;
  font-size: 16px;
  color: white;
  
  
background: #0f591b; /* Old browsers */
background: -moz-linear-gradient(left,  #0f591b 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f591b), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0f591b 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0f591b 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0f591b 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to right,  #0f591b 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f591b', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 */

  
}

h4 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-color: #f3f3f3;
  padding: 3px 7px;
  text-transform: uppercase;
  font-size: 14px;
}

h5 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 3px 7px;
  text-transform: uppercase;
  font-size: 16px;
}

.recipe h5 {
  background-color: #99182C;
  color: white;
}

h6 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0px;
  font-size: 15px;
}

.recipe h6 {
  background-color: #f3f3f3;
  color: #99182C;
  border: 1px solid #99182C;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 7px;
}

.recipe p {
  padding-left: 10px;
  padding-right: 15px;
}

.moment {
  border: 1px solid gray;
  margin-bottom: 8px;
            page-break-before:auto; 
            page-break-after:auto; 
            page-break-inside:avoid;
}

a img:hover {
  background-color: #DDDDDD;
}

h1 a img:hover {
  background-color: #05440f;
}

.leftmargin {
  margin-left: 7px;
}

.chart {
  margin-left: 5px;
  margin-bottom: 5px;
  width: 99%;
}

.charttotal {
  width: 100%;
  height: 250px;
  border: 0px solid gray;
  background-color: #f1f1f1;
}

.chart {
  width: 100%;
  height: 250px;
}

.noscreen {
    display: none;
  }
  
.supplementday {
background: #ff8a00; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8a00 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff8a00), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ff8a00 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ff8a00 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ff8a00 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to right,  #ff8a00 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 */
}

.breakbefore {
  page-break-before: always;
}

div.floating-menu {position:fixed; top: 0px; color: white; right: 250px; background:#0f591b; border:1px solid black; z-index:100; padding: 20px;}
div.floating-menu a {display:block; color: white;}

.charttotaltitle {
  width: auto;
  padding-left: 7px;
  border: 0px solid gray;
  background-color: #f1f1f1;
}

.hovertable tr:hover {
  background-color: #cef7d5;
}

.loginscreen {
  position: relative;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  border: 1px solid silver;
  background-color: white;
  padding: 25px;
}

.loginback {
  position: absolute;
  left: 0;
  top: 75px;
  z-index: -9999;
  width:100%;
}

hr 
 { 
 border:none; 
 border-top: 1px solid silver;
 height: 1px;
 }
 
 .hide {
   display: none;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
.usual h3 {
  font-style: italic;
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 5px;
}

.usual p {
  margin-top: 0px;
}


.usual li {
  list-style:none;
  float: left;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.usual li:first-child {
  border-left: 1px solid black;
}

.usual li:hover {

}

.usual li .selected {
  display: block;
  height: 26px;
  background-color: white;
  color: black;
}

.usual li a {
  display: block;
  height: 26px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 15px 7px 15px;
  color: silver;
}

.tabber {
  display: block;
  padding-top: 4px;
  font-size: 16px;
}

.usual li a:hover {
  color: black;
}

.usual ul {
  padding: 0px;
  height: 24px;
}

.usual .bordered {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background-color: white;
  padding: 25px;
  margin-top: 0px;
}
 
 
 
 
 
 
 
 
 
 
 
 
 

@media print
{    
  body {
    background-image: none !important;
  }
    
  html {
    background-image: none !important;
  }
  
  .chart, .charttotal {
    width: 100% !important;
  }
  
  .noprint {
    display: none !important;
  }
  
  .noscreen {
    display: block !important;
  }
  
        #watermark { 
            ddisplay: block;
            pposition: fixed;
            bbottom: 0;
            rright: 0;
            zz-index: 5;
        }
        
        .profileheader {
          margin-top: 200px;
        }
}