#dialog-minute-video .direct a span {
  display: block;
  text-align: center;
  margin: 0.2em;
  color: steelblue;
}
@media (min-width: 321px) and (max-width: 767px) {
  .app-icon {
    width: 166px;
    display: inline-block;
  }
}
.app-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.block {
  padding-bottom: 2em;
}
.container {
  padding-top: 2em;
}
#mobile {
  width: 273px;
  height: 519px;
  position: relative;
}
#mobile-animation {
  position: absolute;
  left: 29px;
  top: 80px;
  width: 217px;
  height: 369px;
  z-index: 20;
}
#mobile-text {
  padding-top: 1em;
  width: 273px;
  margin: 0 auto;
  float: none;
  text-align: justify;
}
@media (min-width: 768px) {
  #mobile-text P {
    margin-left: 20px;
  }
}
.motto {
  max-width: 319px;
}
/* This class is not present in index.html, but it's used in a procedurally generated dialog box (see mfvcPanelPlaying.coffee). */
.ui-dialog.embed-dialog .ui-dialog-titlebar-close {
  margin: 9px 0 0 0;
}
.ui-dialog.embed-dialog .ui-dialog-content {
  display: block;
  text-align: center;
  margin: 0.2em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 10px 10px 25px #333333;
  -moz-box-shadow: 10px 10px 25px #333333;
  -o-box-shadow: 10px 10px 25px #333333;
  box-shadow: 10px 10px 25px #333333;
  border: 0;
  background-color: #ffffff;
}
.ui-dialog.embed-dialog P:first-child {
  padding-top: 1em;
}
.ui-dialog.embed-dialog textarea {
  width: 90%;
  height: 60%;
}
.ui-widget-overlay {
  background-color: #333;
  opacity: .8;
  filter: alpha(opacity=80);
  position: absolute;
  top: 0;
  left: 0;
}
.ui-dialog {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  background: none;
  zoom: 1;
}
.ui-dialog .ui-dialog-content iframe {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 10px 10px 25px #333333;
  -moz-box-shadow: 10px 10px 25px #333333;
  -o-box-shadow: 10px 10px 25px #333333;
  box-shadow: 10px 10px 25px #333333;
  border: 0;
}
.ui-dialog .ui-dialog-titlebar {
  position: relative;
  zoom: 1;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -7px 0 0 0;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: black;
  -webkit-box-shadow: 10px 10px 25px #333333;
  -moz-box-shadow: 10px 10px 25px #333333;
  -o-box-shadow: 10px 10px 25px #333333;
  box-shadow: 10px 10px 25px #333333;
}
.ui-dialog .ui-dialog-titlebar-close span:hover {
  background-color: #ff8080;
}
.ui-widget-header .ui-icon {
  background-image: url(../../css/jqueryui/ui-lightness/images/ui-icons_ffffff_256x240.png);
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon {
  width: 17px;
  height: 16px;
  text-indent: -999999px;
  overflow: hidden;
  background-repeat: no-repeat;
}