#pwsc-container {
  position: fixed;
  top: 0;
  right: 0;
  padding: .5em;
  background: #ddf;
  opacity: .7;
}

#pwsc-container button { cursor: pointer; border: inherit; padding: 0; margin: inherit; font: inherit; background: none; border-bottom: 1px dotted blue; color: blue; }

#pwsc-status { text-align: center; }
#pwsc-status span { display: none; padding-left: 26px; background-position: 0 0; background-repeat: no-repeat; }
#pwsc-container.pwsc-connected #pwsc-status span#pwsc-connected { display: block; }
#pwsc-container.pwsc-connecting #pwsc-status span#pwsc-connecting { display: block; }
#pwsc-container.pwsc-disconnected #pwsc-status span#pwsc-disconnected { display: block; }

span#pwsc-connected { background-image: url(/media/images/online.png); }
span#pwsc-connecting { background-image: url(/media/images/connecting.gif); }
span#pwsc-disconnected { background-image: url(/media/images/offline.png); }

#pwsc-container.pwsc-disconnected #pwsc-clients,
#pwsc-container.pwsc-disconnected #pwsc-unknown-clients { display: none; }

#pwsc-container dd { margin-bottom: .3em; margin-left: 30px; }
#pwsc-clients dt, #pwsc-unknown-clients dt { display: inline; }
#pwsc-clients dt img, #pwsc-unknown-clients dt img { max-width: 24px; max-height: 24px; display: none; }

#pwsc-container dd span { display: none; }
#pwsc-container dd.pwsc-on span.started { display: inline; }
#pwsc-container dd.pwsc-off span.stopped { display: inline; }

#pwsc-help { text-align: right; }

tr.pwsc-highlighted, tr.pwsc-selected { background-color: #ddf; }

.pwsc-coords { border-bottom: 1px dotted black; cursor: pointer; }