﻿.booklist
{
   table-layout: fixed;
   font: 11px Verdana,Arial,Helvetica,sans-serif;
   color: #666;
}
.booklist tr {
   height: 86px; /*position: relative;*/
   background-image: url(images/prm/light_grey_box_BGR.gif);
}
.booklist td { padding-bottom: 10px; /* border-top: 1px solid black; border-bottom: 1px solid black; */ }
.bookheading { font-size: 18px; color: #367Cd4; padding: 7px; }
.booklist .booktitle { font-weight: bold; font-size: 12px; color: #555; }
.booklist .booketa { color: #376CD4; }
.booklist td a { text-decoration: none; color: #666; font-weight: bold; }
.booklist td a:hover { text-decoration: none; color: #376CD4; font-weight: bold; }
.bookpager { color: #376CD4; }
.bookpager a { text-decoration: none; color: #666; }
.bookpager a:hover { text-decoration: none; color: #376CD4; }

/* A shown calendar entry is actually created far up the hierarchy, so it can't have a cascading entry */
.cover-visible 
{
  display: block; position: absolute; border: 0; margin: 1em; 
  height: 181px; width: 181px; overflow-x: hidden; overflow-y: hidden;
  /* Set the z-index to something really large so that it is forced over everything else */
  z-index: 100000;
}

.cover-box { position: absolute; top: 0; height: 181px; z-index: 0; }
.cover-box-left-col { left: 0; width: 38px; }
.cover-box-centre-col { left: 38px; width: 95px; }
.cover-box-right-col { left: 133px; width: 23px; }

.cover-box-left { left: 0; width: 38px; background-color: transparent; }
.cover-box-centre { left: 0; width: 95px; background-color: transparent; }
.cover-box-right { left: 0; width: 23px; background-color: transparent; }

.cover-box-top { position: absolute; top: 0; left: 0; height: 16px; }
.cover-box-middle { position: absolute; top: 16px; height: 120px; }
.cover-box-bottom { position: absolute; top: 136px; height: 25px; }

.cover-box-left-col .cover-box-top { background-image: url(images/calendar/event/top_left.png); }
.cover-box-left-col .cover-box-middle { background-image: url(images/calendar/event/middle_left.png); }
.cover-box-left-col .cover-box-bottom { background-image: url(images/calendar/event/bottom_left.png); }
.cover-box-centre-col .cover-box-top { background-image: url(images/calendar/event/top_centre.png); }
.cover-box-centre-col .cover-box-middle { background-image: url(images/calendar/event/middle_centre.png); }
.cover-box-centre-col .cover-box-bottom { background-image: url(images/calendar/event/bottom_centre.png); }
.cover-box-right-col .cover-box-top { background-image: url(images/calendar/event/top_right.png); }
.cover-box-right-col .cover-box-middle { background-image: url(images/calendar/event/middle_right.png); }
.cover-box-right-col .cover-box-bottom { background-image: url(images/calendar/event/bottom_right.png); }

.cover-box-image
{
   position: absolute; top: -10px; left: -18px; width: 120px; height: 140px;
   background-color: transparent; overflow: hidden; z-index: 1;
}
