html {
   font-size: 14px;
   line-height: 1.4375;
   box-sizing: border-box;
   background-color: black; }

body {
   margin: 0 0 20px 0; }

body, button, input, select, textarea {
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
   color: white; }

a {
   text-decoration: none; }
a:link,
a:visited,
a:hover {
   color: white; }
a:hover {
   text-decoration: underline; }

.hidden {
   display: none; }

.pictureBlock {
   width: 202px;
   margin: 0 15px;
   position: relative; }
.pictureBlock img {
   display: block; }
.pictureBlock audio {
   display: block;
   width: 100%;
   margin-top: 15px; }
.pictureBlock .audioPlayButton {
   position: absolute;
   right: 10px;
   top: 6px;
   cursor: pointer; }

.audioPlayButton.active {
   opacity: 0.65; }

.actionLink {
   margin: 0 23px;
   font-weight: bold; }
div.actionLink {
   cursor: pointer; }
div.actionLink:hover {
   text-decoration: underline; }

.dialogMgr_frame {
   background-color: black;
   border: 1px solid #444; }
.dialogMgr_header {
   border-bottom-color: #444; }
.dialogMgr_footer {
   background-color: black;
   border-top-color: #444; }
.dialogMgr_root {
   background-color: rgba(64, 64, 64, 0.9); }

button, input[type="submit"], input[type="reset"], input[type="button"] {
   position: relative;
   font-size: inherit;
   height: 2.25em;
   line-height: 1.5;
   margin: 0;
   text-align: center;
   align-items: center;
   justify-content: center;
   border: 1px solid #555;
   border-radius: 4px;
   box-shadow: none;
   padding-top:    calc(0.375em - 1px);
   padding-bottom: calc(0.375em - 1px);
   padding-left:   calc(0.75em - 1px);
   padding-right:  calc(0.75em - 1px);
   user-select: none;
   cursor: pointer;
   white-space: nowrap;
   background-color: #444;
   outline: none; }