body {
  overflow:hidden;
  background:#eee;
  color:#000;
}

#canvas {
  position:absolute;
  left:20px;top:20px;
  background:#fff;
}

.button {
  position:absolute;
  display:block;
  left:398px;top:360px;
  width:16px;height:12px;
  overflow:hidden;
  background:#fff;
  text-indent:16px;

  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;

  box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(255,255,255,0.6) inset,
    -1px -1px 2px rgba(  0,  0,  0,0.6) inset;
  -moz-box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(255,255,255,0.6) inset,
    -1px -1px 2px rgba(  0,  0,  0,0.6) inset;
  -webkit-box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(255,255,255,0.6) inset,
    -1px -1px 2px rgba(  0,  0,  0,0.6) inset;
}

.button:active {
  background:#ccc;
  box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(  0,  0,  0,0.6) inset,
     1px  1px 4px rgba(  0,  0,  0,0.6) inset;
  -moz-box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(  0,  0,  0,0.6) inset,
     1px  1px 4px rgba(  0,  0,  0,0.6) inset;
  -webkit-box-shadow:
     1px  1px 2px rgba(255,255,255,0.6),
    -1px -1px 2px rgba(  0,  0,  0,0.6),
     1px  1px 2px rgba(  0,  0,  0,0.6) inset,
     1px  1px 4px rgba(  0,  0,  0,0.6) inset;
}