body
{
  font-family:Helvetica, Verdana, sans-serif;
  margin:0px;
  padding:0px;
  background-color:#FFFCF0;
  color:#4A3630;
}

h1
{
  color:#7A5640;
  position:absolute; top:3%; left:2%;
  z-index:1;
  margin:0px 0px 0px 0.3em;
  padding:0px;
  font-size:1.2em;
}

#list, #movie
{
  background-color:#F8EBDA;
  color:#4A3630;
}

#list
{
  position:absolute; top:5%; left:2%;
  z-index:5;
  margin:2em 0px 0px 0px;
  padding:0.2em 0.5em 0.2em 0.5em;
  border:0.3em solid #DED0A6;
  width:24%;
  height:72%;
  overflow:scroll;
}

#list ul
{
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#list ul li
{
  font-size:0.8em;
  white-space:nowrap;
  margin:0px;
  padding:0.1em;
  list-style-type:none;
}

#list ul li a
{
  margin:0px;
  padding:0px;
}

#list ul li a:link, #list ul li a:visited, #list ul li a:focus, #list ul li a:hover, #list ul li a:active
{
  text-decoration:none;
  color:#4A3630;
  background-color:transparent;
  outline:none;
}

#list ul li a:hover
{
  background-color:#EADDBF;
  color:#4A3630;
}

#list ul li a:focus, #list ul li a:active
{
  background-color:#DED0A6;
  color:#4A3630;
}

#movie
{
  position:absolute; top:5%; right:2%;
  z-index:2;
  margin-top:2em;
  width:67%;
  height:82%;
  border:0.3em solid #DED0A6;
}

#frame
{
  position:absolute;
  z-index:4;
}

#frame
{
  background-color:transparent;
  border:none;
}

#mcount
{
  position:absolute; top:80%; left:2%;
  z-index:3;
  font-size:0.8em;
  text-align:center;
  padding:3.5em 0px 0px 0.5em;
  width:24%;
  color:#7A5640;
}

@media print
{
  body
  {
    font-size:11pt;
    font-family:Helvetica, sans-serif;
    background-color:#FFFFFF;
    color:#000000;
  }

  h1
  {
    position:static;
    font-family:Helvetica, Verdana, sans-serif;
    margin-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    color:#000000;
    font-size:1.2em;
  }

  #list, #mcount
  {display:none;}

  #movie
  {
    position:static;
    margin-top:1em;
    width:100%;
    height:auto;
    border:none;
  }
}