.clickbtn { display: inline-block; position: relative; text-align: center; margin: 2px; text-decoration: none;
font: bold 14px/25px Arial, sans-serif; color: #19667d; border: 1px solid #88aaff; border-radius: 10px; cursor: pointer;
background: linear-gradient(to top right, rgba(170,190,255,1) 0%, rgba(255,255,255,1) 100%); 
}
.clickbtn:hover { background: linear-gradient(to top, rgba(255,255,0,1) 0%, rgba(255,255,255,1) 100%); }

.togglebtn { display: inline-block; position: relative; text-align: center; margin: 2px; text-decoration: none;
    font: bold 14px/25px Arial, sans-serif; color: #19667d; border: 1px solid #88aaff; border-radius: 10px; cursor: pointer;
    background: linear-gradient(to top right, rgba(170,190,255,1) 0%, rgba(255,255,255,1) 100%);
}
.togglebtn:hover { background: linear-gradient(to top, rgba(255,255,0,1) 0%, rgba(255,255,255,1) 100%); }
.yy { border: solid 2px #eeeeaa; background: linear-gradient(to top, rgba(255,220,130,1) 0%, rgba(255,255,255,1) 100%);  }
.hi { border: solid 2px #eeeeaa; background: linear-gradient(to top, rgba(130,220,255,1) 0%, rgba(255,255,255,1) 100%);  }
.lo { border: solid 1px #888888; background: linear-gradient(to top, rgba(170,170,170,1) 0%, rgba(205,205,205,1) 100%);  }


.circbtn { display: inline-block; position: relative; padding: 4px; text-align: center; text-decoration: none;
    font: bold 19px/22px Arial, sans-serif; color: #19667d; border-radius: 30px; cursor: pointer;
    background: linear-gradient(to top right, rgba(170,190,255,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #88aaff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; 
}
.circbtn:hover { background: linear-gradient(to top right, rgba(255,255,0,1) 0%, rgba(255,255,255,1) 100%); }

.chg { border: 1px solid blue; }
.chg:hover { border: 5px solid yellow; background-color: white; }

input[type=range] {
	padding-top:2px; padding-bottom:2px;
}
input[type=range]::-ms-tooltip {
    display: none;
}
input[type=range]::-ms-fill-lower {
    background: #0000aa;
    border-radius: 20px;
}
input[type=range]::-ms-fill-upper {
    background: #aaaaff;
    border-radius: 20px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 36px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]::-moz-range-track {
    height: 15px;
    background: #88aaff;
    border: none;
    border-radius: 9px;
    margin-left: 95px;

}


@media print {
  .noprint { display: none !important; }
}