.viewer { font-variant: small-caps; margin: 0em; text-align: left; vertical-align:top;  }
.viewer .title { height: 1.3em; padding-left: 0.25em; color: #306090; overflow:hidden; white-space: nowrap; font-size: 120%; }
.viewer .media { height: 12.25em; border: 1px solid #e0e0ee; background-color:#f0f0fa; overflow: hidden; }
.viewer .controls { line-height: 1em; height: 1em; font: 10pt helvetica; font-variant:small-caps; color: #50809e; font-weight: 400; }
.viewer .controls span { margin:0px 2px 0px 2px; }
.viewer .controls span.selected { color: red; }
.viewer .controls span:hover { color: orange; }
.viewer .controls span:active { color: red; }
.viewer.popup,.viewer.popup > * { background-color: #000; color: #888; border: 0px solid transparent !important; }
.viewer.popup .controls { position: absolute; right: 0px; bottom: 2px; }
.viewer.popup .media { position: absolute; top: 0px; left: 0px; }