#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left; }
  #facebox .popup {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); }
  #facebox .content {
    display: table;
    width: 370px;
    padding: 10px;
    background: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    #facebox .content > p:first-child {
      margin-top: 0; }
    #facebox .content > p:last-child {
      margin-bottom: 0; }
  #facebox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
    background: white; }
    #facebox .close img {
      opacity: 0.3; }
    #facebox .close:hover img {
      opacity: 1; }
  #facebox .loading, #facebox .image {
    text-align: center; }
  #facebox img {
    border: 0;
    margin: 0; }

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

.facebox_hide {
  z-index: -100; }

.facebox_overlayBG {
  background-color: black;
  z-index: 99; }
.msa-links {
  margin: 0 auto;
  padding: 0;
  background: #eee;
  max-width: 800px; }
  .msa-links .wrap-msa-links {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: inherit;
    background: #fff;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0; }
  .msa-links .filter-bar {
    margin: 0 0 0 -1px;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: inherit;
    max-width: inherit; }
    .msa-links .filter-bar > a {
      height: 50px;
      float: left;
      text-align: center;
      position: relative;
      display: block; }
      .msa-links .filter-bar > a li .msa-bar-caption {
        font-size: 10px;
        display: block;
        margin-top: -4px; }
      .msa-links .filter-bar > a li img {
        height: 30px;
        width: 30px;
        margin-top: 3px; }
    .msa-links .filter-bar .filter {
      border-left: 1px solid #E0E0E0;
      list-style: none;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      height: 50px;
      flex: 1;
      background-repeat: no-repeat;
      background-position: center 4px;
      background-size: 30px;
      cursor: pointer;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .msa-links .filter-bar .filter:first-child {
        border-left: none; }
      .msa-links .filter-bar .filter span {
        position: absolute;
        right: 0px;
        left: 0;
        bottom: 2px;
        font-size: 11px; }

.screens {
  position: absolute;
  top: 50px;
  height: 100%;
  width: 100%;
  max-width: 795px;
  z-index: -1; }
  .screens > div {
    display: none; }
  .screens .twitter, .screens .rss {
    margin-bottom: 34px; }
  .screens .url iframe {
    border: 0;
    width: 100%;
    height: 100%; }

.iframe-screen {
  background-color: white; }