/* Calculator Styles
---------------------*/
#help-bar {
  text-align:center;
}
#calculator {
  border: outset 5px black;
  background: #ccf;
  margin-left:auto;
  margin-right:auto;
}
.buttons td {
  text-align: center;
}
.buttons td input {
  width: 4em;
  height: 3em;
  background: #003;
  color: #ccf;
  font-weight: bold;
}
.buttons td input.number {
  background: #114;
}
.buttons td input.disabled {
  background: #ccf;
  color: #000;
}
.buttons td input.colon {
  background: #060;
}
#screen {
  background: #eee;
  text-align:right;
  font-size: 110%;
  font-weight: bold;
  padding:0.5em;
  /*padding-bottom:0;*/
  border: 1px solid #003;
  cursor:default;
}
#operator {
  width: 3em;
  font-size:80%;
  color:#c00;
}
#h,#m,#s {
  cursor: pointer;
  cursor: hand;
}
#h.selected,#m.selected,#s.selected {
  cursor:default;
}
.selected {
  background: #ccc;
  border: 1px solid #c00;
}