[HEADER]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
  Template made by Tian. It emulates a notebook display.
  It has two alternate stylesheets changing only the colors.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>$$PAGETITLE$$</title>
<style type="text/css">
 body {
  margin:0;
  padding:0;
 }
 h1 {
  text-align:center;
 }
 h2 {
  background:transparent;
  margin:0 0 1em;
 }
 .movie {
  height:18em;
  clear:both;
  margin:1em;
  padding:0.5em;
 }
 .imgbox {
  text-align:center;
  float:left;
  margin-right:1em;
  width:8em;
 }
 h3 {
  cursor:default;
  padding:0.2em;
  display:block;
  font-size:100%;
  margin:0;
  border-top:2px outset black;
  border-right:2px outset black;
  border-top:2px outset black;
 }
 .info h3 {
  border-left:2px outset black;
 }
 .info dl, .tab dl, .tab p {
  border:2px outset black;
 }
 .tab, .info {
  float:left;
  width:12em;
 }
 .info dl, .tab dl, .tab p {
  padding:10px 0.5em 0.5em;
  margin:0;
  width:45em;
  height:10em;
  position:absolute;
  left:10.5em;
 }
 .tab dl, .tab p {
  display:none;
 }
 .info:hover dl,.tab:hover dl, .tab:hover p {
  border-top:0;
  padding-top:12px;
  display:block;
 }
 dt {
  float:left;
  width:10em;
  font-weight:bold;
  height:1.5em;
 }
 dd {
  padding:0;
  margin-left:10em;
  height:1.5em;
 }
 #note {
  text-align:center;
  margin:2em 5em;
 }
 #note a {
  font-weight:bold;
 }
</style>
<style type="text/css" title="Light">
 body {
  background:white;
 }
 h1 {
  color:#90aba8;
 }
 h2 {
  color:#65596b;
 }
 .movie {
  background:#f5fbfb;
 }
 h3 {
  color:#80a4a0;
  background:white;
 }
 .info dl, .tab dl, .tab p {
  background:white;
 }
 .info:hover dl,.tab:hover dl, .tab:hover p {
  background:#f0fbf5;
  color:#555555;
 }
 .info:hover h3, .tab:hover h3 {
  background:#f0fbf5;
 }
 dt {
  color:#888888;
 }
 dd {
  color:#555555;
 }
 #note {
  background:#f5fbfb;
  border:1px solid #cccccc;
 }
 #note a {
  color:#80a4a0;
 }
</style>
<style type="text/css" title="Dark">
 body {
  background:black;
 }
 h1 {
  color:#d9ecea;
 }
 h2 {
  color:#dae4f1;
 }
 .movie {
  background:#168c80;
 }
 h3 {
  color:#d9ecea;
  background:#202725;
 }
 .info dl, .tab dl, .tab p {
  color:#dedede;
  background:#202725;
 }
 .info:hover dl,.tab:hover dl, .tab:hover p {
  background:#5f726c;
 }
 .info:hover h3, .tab:hover h3 {
  background:#5f726c;
 }
 dt {
  color:#888888;
 }
 .info:hover dt,.tab:hover dt {
  color:#333333;
 }
 dd {
  color:#dedede;
 }
 #note {
  color:#dedede;
  background:#168c80;
  border:1px solid #dedede;
 }
 #note a {
  color:#d9ecea;
 }
</style>
</head>
<body>
<h1>$$PAGETITLE$$</h1>
[/HEADER]
[ITEM]
<div class="movie">
 <h2>$$MOVIETITLE$$</h2>
 <div class="imgbox">
  <img src="$$IMAGE$$" height="$$HEIGHT_PIC$$" alt="$$MOVIETITLE$$" title="$$MOVIETITLE$$" />
 </div>
 <div class="info">
  <h3>$$INFO_LABEL$$</h3>
  <dl>
   <dt>$$DATE_LABEL$$</dt>
   <dd>$$DATE$$</dd>
   <dt>$$DIRECTOR_LABEL$$</dt>
   <dd>$$DIRECTOR$$</dd>
   <dt>$$TIME_LABEL$$</dt>
   <dd>$$TIME$$</dd>
   <dt>$$TYPE_LABEL$$</dt>
   <dd>$$TYPE$$</dd>
   <dt>$$ACTORS_LABEL$$</dt>
   <dd>$$ACTORS$$</dd>
  </dl>
 </div>
 <div class="tab">
  <h3>$$PERSO_LABEL$$</h3>
  <dl>
   <dt>$$RATING_LABEL$$</dt>
   <dd><div class="note$$RATING$$">$$RATING$$/10</div></dd>
   <dt>$$FORMAT_LABEL$$</dt>
   <dd>$$FORMAT$$</dd>
   <dt>$$NUMBER_LABEL$$</dt>
   <dd>$$MEDIA_NUMBER$$</dd>
   <dt>$$BORROWER_LABEL$$</dt>
   <dd>$$BORROWER$$</dd>
  </dl>
 </div>
 <div class="tab">
  <h3>$$SYNOPSIS_LABEL$$</h3>
  <p>$$SYNOPSIS$$</p>
 </div>
</div>
[/ITEM]
[FOOTER]
<div id="note">$$ExportHTMLnote$$</div>
</body>
</html>
[/FOOTER]