**
 * Default styles for the dygraphs charting library.
 */

.dygraph-legend {
  position: absolute;
  font-size: 14px;
  z-index: 10;
  width: 250px;  /* labelsDivWidth */
  /*
  dygraphs determines these based on the presence of chart labels.
  It might make more sense to create a wrapper div around the chart proper.
  top: 0px;
  right: 2px;
  */
  background: white;
  line-height: normal;
  text-align: left;
  overflow: hidden;
}

/* styles for a solid line in the legend */
.dygraph-legend-line {
  display: inline-block;
  position: relative;
  bottom: .5ex;
  padding-left: 1em;
  height: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  /* border-bottom-color is set based on the series color */
}

/* styles for a dashed line in the legend, e.g. when strokePattern is set */
.dygraph-legend-dash {
  display: inline-block;
  position: relative;
  bottom: .5ex;
  height: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  /* border-bottom-color is set based on the series color */
  /* margin-right is set based on the stroke pattern */
  /* padding-left is set based on the stroke pattern */
}

.dygraph-roller {
  position: absolute;
  z-index: 10;
}

/* This class is shared by all annotations, including those with icons */
.dygraph-annotation {
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

/* This class only applies to annotations without icons */
/* Old class name: .dygraphDefaultAnnotation */
.dygraph-default-annotation {
  border: 1px solid black;
  background-color: white;
  text-align: center;
}

.dygraph-axis-label {
  /* position: absolute; */
  /* font-size: 14px; */
  z-index: 10;
  line-height: normal;
  overflow: hidden;
  color: black;  /* replaces old axisLabelColor option */
}

.dygraph-axis-label-x {
}

.dygraph-axis-label-y {
}

.dygraph-axis-label-y2 {
}

.dygraph-title {
  font-weight: bold;
  z-index: 10;
  text-align: center;
  /* font-size: based on titleHeight option */
}

.dygraph-xlabel {
  text-align: center;
  /* font-size: based on xLabelHeight option */
}

/* For y-axis label */
.dygraph-label-rotate-left {
  text-align: center;
  /* See http://caniuse.com/#feat=transforms2d */
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

/* For y2-axis label */
.dygraph-label-rotate-right {
  text-align: center;
  /* See http://caniuse.com/#feat=transforms2d */
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.graph {
      height: 500px;
}

img {
  border: none;
  vertical-align: middle;
    width:auto;
    max-width:1024px;
}

table {
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

td.name {
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
}

td.header {
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
}

td.tool {
  text-align: left;
  vertical-align: middle;
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
}

td.video {
  text-align: middle;
  vertical-align: middle;
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
}

td.footer {
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
}

td.offline {
  text-align: left;
  vertical-align: middle;
  border: thin dotted Silver;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #ff3333;
}

.i {
  text-align: middle;
  vertical-align: middle;
  padding: 2px;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 60%;
}

tr:hover {background-color:#eeeeee;}

.infotext {  }
#temperaturediv .dygraph-label { font-family: Georgia,Verdana,serif; }
#temperaturediv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#temperaturediv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#temperaturediv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#dewpointdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#dewpointdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#dewpointdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#dewpointdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#atmPressurediv .dygraph-label { font-family: Georgia,Verdana,serif; }
#atmPressurediv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#atmPressurediv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#atmPressurediv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#humiditydiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#humiditydiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#humiditydiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#humiditydiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#ParticulateMatterdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#ParticulateMatterdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#ParticulateMatterdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#ParticulateMatterdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#radiationdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#radiationdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#radiationdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#radiationdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#signaldiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#signaldiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#signaldiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#signaldiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#windspeeddiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#windspeeddiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#windspeeddiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#windspeeddiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#nodesArrival .dygraph-label { font-family: Georgia,Verdana,serif; }
#nodesArrival .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#nodesArrival .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#nodesArrival .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#syncdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#syncdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#syncdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#syncdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#temperaturediv .dygraph-label { font-family: Georgia,Verdana,serif; }
#temperaturediv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#temperaturediv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#temperaturediv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#tempdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#tempdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#tempdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#tempdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

#diffdiv .dygraph-label { font-family: Georgia,Verdana,serif; }
#diffdiv .dygraph-title { font-size: 18px; text-shadow: 2px 2px 2px gray; }
#diffdiv .dygraph-ylabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }
#diffdiv .dygraph-xlabel { font-size: 16px; text-shadow: -1px 1px 1px gray; }

pre {
   font-family: "courier new", courier, monospace;
   font-size: 13px;
}

.footer{ 
	position: fixed;     
	text-align: center;    
	bottom: 0px; 
	width: 100%;
}  

.many .dygraph-legend > span { display: none; }

.many .dygraph-legend > span.highlight { display: inline; }

a {
	color: blue;
	text-decoration: none;
}

.good {  
  color: green;
}
.bad {
  color: orange;
}