@import "/css/content.css";
@import "/css/specials.css";

table#book {
  position: absolute;
  left: 15%;
  top: 155px;
  width: 83%;
  height: 63%;
  empty-cells: show;

  color: black;
  font-size: 0.9em;
           }
div#main > table#book {
  height: 70%;
                      }

table.page {
  position: relative;
  width: 100%;
  height: 100%;
  empty-cells: show;
           }
td.page {
  height: 100%;
  background-image: url('/images/p-bg.jpg');
  background-color: #FCFCFC;
        }


/* LEFT PAGE */

td#pageleft {
  width: 50%;
  height: 100%;
  overflow: hidden;

  background-image: url('/images/pl-br.jpg');
  background-position: right;
  background-repeat: repeat-y;
            }
.pbl {
  background-image: url('/images/p-bl.jpg');
  background-position: left;
  background-repeat: repeat-y;
  width: 26px;
      }
.plbr {
  width: 22px;
      }
.pbb {
  background-image: url('/images/p-bb.jpg');
  background-position: bottom;
  background-repeat: repeat-x;
  height: 26px;
  line-height: 0;
      }
.pbt {
  background-image: url('/images/p-bt.jpg');
  background-position: top;
  background-repeat: repeat-x;
  height: 26px;
  line-height: 0;
      }
.plclt {
  background-image: url('/images/pl-clt.gif');
  background-position: left top;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
       }
.plclb {
  background-image: url('/images/pl-clb.gif');
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
       }
.plcrt {
  background-image: url('/images/pl-crt.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  width: 22px;
  height: 26px;
       }
.plcrb {
  background-image: url('/images/pl-crb.jpg');
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 22px;
  height: 26px;
       }




/* RIGHT PAGE */

td#pageright {
  width: 50%;
  height: 100%;
  overflow: hidden;

  background-image: url('/images/pr-bl.jpg');
  background-position: left;
  background-repeat: repeat-y;
             }

.prbl {
  width: 22px;
      }
.pbr {
  background-image: url('/images/p-br.jpg');
  background-position: right;
  background-repeat: repeat-y;
  width: 26px;
      }
.prcrb {
  background-image: url('/images/pr-crb.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
       }
.prcrt {
  background-image: url('/images/pr-crt.gif');
  background-position: right top;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
       }
.prclt {
  background-image: url('/images/pr-clt.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  width: 22px;
  height: 26px;
       }
.prclb {
  background-image: url('/images/pr-clb.jpg');
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 22px;
  height: 26px;
       }


/* TEXTS & IMAGES */

div.int {
  position: relative;
  width: 100%;
  height: 100%;
        }

.img {
  position: absolute;
  width: 100%;
  height: 100%;
     }
table.img {
  table-layout: fixed;
  empty-cells: show;
          }
td.imgcont {
  text-align: center;
  vertical-align: middle;
  height: 100%;
  line-height: 0;
  overflow: hidden;
  cursor: pointer;
  border: none;
           }
div#imgcont {
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
            }
.noimg {
  background-image: url('/images/logo1.gif');
       }

div.cornerlt {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 39px;
  height: 39px;

  background-image: url('/images/corner-lt.gif');
  background-repeat: no-repeat;
  background-position: left top;
             }
div.cornerrb {
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 39px;
  height: 39px;

  background-image: url('/images/corner-rb.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
             }
div#imgtitle {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 34px 0.2em 0.2em;
  padding: 0.2em;
  border: 1px solid silver;
  background-image: url('/images/p-bg.jpg');
  font-size: 0.9em;
  z-index: 100;
             }
div.canvas {
  position: absolute;
  top: 3%;
  left: 10%;
  width: 80%;
  height: 94%;

  border: 1px solid silver;

  background-color: #FCFCFC;
  background-position: center center;
  background-repeat: no-repeat;
           }
div.canvas div.img {
  overflow: hidden;
                   }
div.selector {
  position: absolute;
  left: 90%;
  top: 5%;
  padding: 0;
  margin: 0;
             }
ul#imgsel {
  margin: 0;
  padding: 0;
  list-style-type: none;
          }
ul#imgsel li {
  position: relative;
  width: auto;
  margin: 0;
  padding: 1px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
            }
ul#imgsel a {
  background-color: #FCFCFC;
  padding: 2px 2px 2px 6px;
  margin: 0;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: 1px;
            }
ul#imgsel a,
ul#imgsel a:link,
ul#imgsel a:visited {
  display: block;
  text-decoration: none;
  border: 1px solid silver;
                    }
ul#imgsel a.active {
  margin-right: 0;
  font-weight: bold;
  padding: 4px 4px 4px 8px;
  cursor: default;
  background-color: silver;
                   }
ul#imgsel a:hover,
ul#imgsel a:focus {
  background-color: #CCC;
  cursor: pointer;
                  }


div.text {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
         }
div#text {
  margin: 0 20px 0 5px;
  line-height: 140%;
         }

h6#backnav {
  margin: 0 0 1.5em 0;
           }

div.int h1.title {
  text-align: center;
                 }

div.int a {
  text-decoration: none;
           }
div.int a:link {
  color: #663300;
  border-bottom: 1px dashed #663300;
                }
div.int a:visited {
  color: #663300;
  border-bottom: 1px dashed #663300;
                   }
div.int a:focus,
div.int a:hover {
  color: #996633;
  border-bottom: 1px dashed #996633;
                 }


div.int h1 { font-size: 1.5em; margin-bottom: 0.3em; }
div.int h2 { font-size: 1.3em; margin-bottom: 0.3em; }
div.int h3 { font-size: 1.1em; margin-bottom: 0.3em; }
div.int h4 { font-size: 1.0em; margin-bottom: 0.3em; }

div.int blockquote {
  margin: 0.5em 1em 0.5em 2em;
                   }

div.int p {
  text-align: justify;
  text-indent: 2em;
  margin: 0.2em 0;
           }

div.int ul,
div.int ol {
  margin: 0.2em 0;
  padding: 0 1em 0 2em;
  list-style-position: outside;
            }
div.int li {
  margin: 0;
  padding: 0;
            }
div.int li p {
  text-indent: 0;
              }


/* LANGUAGE SELECTOR */

ul.langsel {
  position: absolute;
  left: 10%;
  top: 45%;
  width: 80%;
  padding: 0;
  margin: 0;

  list-style-type: none;

  color: #EAD49B;

  overflow-x: hidden;
  overflow-y: auto;
           }

ul.langsel img {
  border: none;
  vertical-align: middle;
               }
ul.langsel a:link,
ul.langsel a:visited {
  color: #EAD49B;
  text-decoration: none;
                     }
ul.langsel a:focus,
ul.langsel a:hover {
  border-bottom: 1px dashed #EAD49B;
                   }

ul.langsel li {
  margin: 0;
  padding: 0.5em;
              }