body
{
  font-family: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:63%;
  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 span.otitle, #list ul li a span.dateadded
{display:none;}

#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:70%; left:2%;
  z-index:3;
  font-size:0.8em;
  text-align:center;
  padding:3.5em 0px 0px 0.5em;
  width:24%;
  color:#7A5640;
}

#mcount .select, #mcount .sortbutton
{
  padding-left:5%;
  text-align:left;
}
#mcount .radiobutton
{
  vertical-align:top;
}

#mcount .count, #mcount .sortbutton
{
  padding-top:0.8em;
}

#wait
{
  position:absolute; top:40%; left:20%;
  z-index:10;
  padding:2em 4em 2em 4em;
  text-align:center;
  border:0.3em solid #DED0A6;
  background-color:#FFFCF0;
  color:#AA0000;
  font-weight:bold;
  display:none;
}

#filtergenre, #filterlanguage, #filtercategory
{
  position:absolute; top:6%; left:37%;
  height:80%;
  max-height:70%;
  padding:2em 4em 2em 4em;
  border:0.3em solid #DED0A6;
  background-color:#FFFCF0;
  display:none;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
}

#filtergenre
{z-index:7;}

#filterlanguage
{z-index:8;}

#filtercategory
{z-index:9;}

#filtergenre .filter, #filterlanguage .filter, #filtercategory .filter
{
  font-size:0.8em;
}

#filtergenre .filterinfo, #filterlanguage .filterinfo, #filtercategory .filterinfo
{
  font-weight:bold;
  font-size:0.8em;
}

#sort
{
  position:absolute; top:17%; left:15%;
  z-index:6;
  margin-top:1em;
  padding:2em 4em 2em 4em;
  border:0.3em solid #DED0A6;
  background-color:#FFFCF0;
  display:none;
}

#sort .sort, #sort .swaptitle
{
  font-size:0.8em;
}

#sort .sortinfo, #sort .filterinfo, #sort .swaptitleinfo
{
  font-weight:bold;
  font-size:0.8em;
}

#sort .filterinfo, #sort .swaptitleinfo
{
  padding-top:1.8em;
}

#sort .filterbutton
{
  padding-bottom:0.2em;
}


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

  h1
  {
    position:static;
    font-family: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;
  }
}
