.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; }

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