body {
    color:#CCCCCC; 
    background: black;
  }
  
  #mirrorVideo {
    -moz-border-image: url(lib-present-video-play-files-tv-border.jpg) 25 31 37 31 stretch stretch;
    border-width: 20px;
  
    margin: 0 auto;
  }
  
  #wait {
    font-size: 3em;
  }
  
  #video {
    display:none;
  }
  
  circle {
    stroke: white;
    stroke-width: 5px;
    fill-opacity: 0;
  }
  
  path {
    fill: white;
    stroke: white;
  }
  
  #stopButton path {
    stroke-width: 10px;
  }
  
  #player {
    display: none;
    float: left;
    margin-right: 100px;
    text-align: center;
  }
  
  #playButton[play="true"] {
    display:none;
  }
  
  #stopButton {
    display:none;
    opacity: 0.3;
  }
  
  #stopButton[play="true"] {
    display: block;
  }
  
  svg {
    position: absolute;
    top: 450px;
    left: 100px;
  }
  
  #stopButton:hover {
    opacity: 1;
  }
  
  #playButton:hover circle {
    stroke-width: 10;
  }
  
  #patterns {
    text-align: center;
    float: left;
  }
  
  #patterns span {
    display: block;
    margin: 2px;
    width: 180px;
    float: left;
  }
  
  #patterns span canvas,
  #patterns span img,
  #patterns span video {
    border: 5px solid #333;
  }
  
  *[pattern="true"] {
    border: 5px solid white !important;
  }
  
  #pong {
    background: white;
  }
  
  br {
    clear: both;
  }
  
  a img {
    border: 0px;
    margin-top: 1em;
  }
  
  #nofirefoxbeta {
    display: none;
  }