/* Initial body */
html, body  { height:100%; }

body {
  left: 0;
  margin: 0;
  padding:0;
  overflow: hidden;
  position: relative;
}


#closetoc {
    float: right;
}

.flexpaper_viewer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:#222222;
}

/* Initial menu */
.menu {
  left: -400px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 400px;

  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;

  overflow: auto;

}

.ribbon {
    background-color:#222222;
    color: #ffffff;
    font-family: 'Helvetica Neue',Helvetica, sans-serif;
    padding:0 1em;
    padding-right: 0;
    padding-left: 0.5em;

}

.ribbon a:link, .ribbon a:visited {
    color: #ffffff;
    text-decoration: none;
}