/* 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-color: #003;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIAQQtANCeS34AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQklEQVQI15XKKQ6AQABD0UfZhvsrjgmCxWHIJCMQVPz0p4U1uIPzC0dw1bYFe4/Se9MFU1CCubal1dJexoqh1X/DA51dDBiXcwb6AAAAAElFTkSuQmCC);
  color: #ccf;
  font-weight: bold;
  border: #ccf outset 2px;
  -moz-border-radius: 0.75em;
  border-radius: 0.75em;
}
.buttons td input:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIAQQ0KH4rSpwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAP0lEQVQI14XKsQqAMBAE0eedEfxR/78KqI1VJBHFLQaGWdgCZ+D4xx6oiTVREpO2Eg1LDPoZ8sY86iPEy6XTC/uXCuen3vfEAAAAAElFTkSuQmCC);
}
.buttons td input.disabled:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIAQQtANCeS34AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQklEQVQI15XKKQ6AQABD0UfZhvsrjgmCxWHIJCMQVPz0p4U1uIPzC0dw1bYFe4/Se9MFU1CCubal1dJexoqh1X/DA51dDBiXcwb6AAAAAElFTkSuQmCC);
}
.buttons td input.number {
  background-color: #225;
}
.buttons td input.memory {
  background-color: #447;
}
.buttons td input.disabled {
  background-color: #ccf;
  color: #000;
}
.buttons td input.colon {
  background-color: #060;
}
.buttons td input.pressed, .buttons td input:active {
  border-style: inset;
  border-color: red;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIAQUEOlMWZxAAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAP0lEQVQI143JMQ6AMBADwdGFKyLyf4mPJikp4RqEi5W9hiuwA6u2FZh17nrMwG7oDdm8MwJnxeN6ID9x/HR5A6VvDhczW2AqAAAAAElFTkSuQmCC);
}
.buttons td input.disabled:active {
  border: #ccf outset 2px;
}
#screen {
  background: #eee;
  text-align:right;
  font-size: 110%;
  font-weight: bold;
  padding:0.5em;
  border: 1px solid #003;
  cursor:default;
}
#operator, #memory-display {
  font-size:80%;
  color:#c00;
}
#operator {
  width: 3em;
}
#memory-display {
  display: block;
  float: left;
  position: relative;
  top: 0.25em;
  left: 0;
}
#h,#m,#s {
  cursor: pointer;
}
#h.selected,#m.selected,#s.selected {
  cursor:default;
}
.selected {
  background: #bbb;
  outline: 1px solid #c00;
}
.extra-copyright {
  font-size:65%;
}