html{background-color:#333;color:#ccc;font-family:"Lucidia Grande",Arial,sans-serif;font-size:10pt}
h1{border-bottom:solid 1px #777}
#video-container{text-align:center}
#video_wrapper,#video{margin:0 auto}
#html5,#version{font-size:80%;color:#999}
#version{text-align:right}
#version a{text-decoration:none;color:#999}
#version a:hover{text-decoration:underline}
a{color:#66c}
a:visited{color:#c6c}
.nav-buttons{display:block;margin:1em 0;padding:0;clear:both;text-align:center}.nav-buttons li{display:inline-block}
.button{display:block;margin:.5em;width:8em;background-color:#4d4d4d;border:solid 1px #4d4d4d;color:#ccc;cursor:pointer;text-align:center;padding:.5em}
.button.disabled{background-color:#333;border-color:#4d4d4d;color:#4d4d4d;cursor:default}
.button a,.button a:visited{color:#ccc;text-decoration:none}
.button-previous:before{content:"\25C0";padding:0 .5em 0 0}
.button-next:after{content:"\25BA";padding:0 0 0 .5em}
#metadata,#html5{clear:left;margin:1em 0}
#metadata div{margin:1em 0}
#metadata{border-top:solid 1px #777;margin:1em 0}
#description{border-bottom:solid 1px #777;padding:0 0 1em 0}
#video{max-width:100%;max-height:100vh}