#main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: stretch; vertical-align: middle; padding-left: 0; }
#current { order: 2; flex-grow: 0; flex-shrink: 0; display: table; margin: 5px 10px; text-align: center; background: #ffffff; background-image: -webkit-linear-gradient(left top, #ffffff, #cccccc); background-image:-moz-linear-gradient(left top, #ffffff, #cccccc); background-image:-ms-linear-gradient(left top, #ffffff, #cccccc); background-image: -o-linear-gradient(left top, #ffffff, #cccccc); background-image: linear-gradient(to bottom right, #ffffff, #cccccc); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 4px 3px #666666; -moz-box-shadow: 2px 4px 3px #666666; box-shadow: 2px 4px 3px #666666; font-family: Arial; color: #ffffff; font-size: 14px; padding: 2px 5px; border: solid #999999 1px; text-decoration: none; transition: all 400ms; border-spacing: 2px; border-collapse: separate; position: relative; }
.parm { display: table-row; }
.parm .key,.value { display: table-cell; padding: 2px 5px; background: #888888; background-image: -webkit-linear-gradient(top left, #888888, #222222); background-image:-moz-linear-gradient(top left, #888888, #222222); background-image:-ms-linear-gradient(top left, #888888, #222222); background-image: -o-linear-gradient(top left, #888888, #222222); background-image: linear-gradient(to bottom right, #888888, #222222); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid #888888 1px; }
.parm .value { text-align: right; }
#graph { order: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 100%; display: block; margin: 25px 10px 5px 10px; text-align: center; background: #ffffff; background-image: -webkit-linear-gradient(left top, #ffffff, #cccccc); background-image:-moz-linear-gradient(left top, #ffffff, #cccccc); background-image:-ms-linear-gradient(left top, #ffffff, #cccccc); background-image: -o-linear-gradient(left top, #ffffff, #cccccc); background-image: linear-gradient(to bottom right, #ffffff, #cccccc); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 4px 3px #666666; -moz-box-shadow: 2px 4px 3px #666666; box-shadow: 2px 4px 3px #666666; font-family: Arial; color: #ffffff; font-size: 14px; padding: 2px 5px; border: solid #999999 1px; text-decoration: none; transition: all 400ms; min-height: 600px; position: relative; overflow: clip; padding: 5px 20px; }
.unit { display: inline-block; width: 3em; text-align: center; }
#solarChart { position: absolute; top: 28px; left: 20px; bottom: 0; right: 20px; } 
#solarChartTitle { cursor: pointer; position: relative; top: 2px; text-align: center; font-family: Arial; color: #000000; font-size: 18px; font-weight: bold; text-decoration: none; z-index: 5; background: #ffffff; background-image: -webkit-linear-gradient(left top, #ffffff, #cccccc); background-image:-moz-linear-gradient(left top, #ffffff, #cccccc); background-image:-ms-linear-gradient(left top, #ffffff, #cccccc); background-image: -o-linear-gradient(left top, #ffffff, #cccccc); background-image: linear-gradient(to bottom right, #ffffff, #cccccc); -webkit-border-radius: 0px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 4px 3px #666666; -moz-box-shadow: 2px 4px 3px #666666; box-shadow: 2px 4px 3px #666666; font-family: Arial; padding: 2px 5px; border: solid #999999 1px; }
.flotTip { pointer-events: none; font-size: 12pt; font-family: Tahoma, Verdana, Arial, sans-serif; text-align: center; }
#heading { display: block; margin: 5px 10px; text-align: center; background: #ffffff; background-image: -webkit-linear-gradient(left top, #ffffff, #cccccc); background-image:-moz-linear-gradient(left top, #ffffff, #cccccc); background-image:-ms-linear-gradient(left top, #ffffff, #cccccc); background-image: -o-linear-gradient(left top, #ffffff, #cccccc); background-image: linear-gradient(to bottom right, #ffffff, #cccccc); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 4px 3px #666666; -moz-box-shadow: 2px 4px 3px #666666; box-shadow: 2px 4px 3px #666666; font-family: Arial; color: #ffffff; font-size: 14px; color: black; padding: 2px 5px; border: solid #999999 1px; text-decoration: none; }
#heading h1 { font-size: 20px; }
#heading h2 { font-size: 12px; }
#heading h2.big { font-size: 24px; }