html {height:100%}

.BookTitle
{
    background-color: White; 
    height: 40px; 
    line-height: 40px;
    font-family: Verdana; 
    font-weight: bold; 
    text-align: left; 
    padding-left: 20px; 
    font-size: 14pt; 
    color: #1c578d;
    border-bottom: 1px solid #ADD0F0;    
    border-top: 1px solid #ADD0F0;
    clear:both;
    vertical-align:middle;
}

#side{
  float:left;
  display:inline;
  width:100%;
  padding-bottom:1.3em;
  position:relative;
  overflow:hidden;
  background:#eaeff5;
}

#side li{list-style-type: none;margin: 0px; padding-left: 10px; padding-top:5px;}
.accordion{display: block;}
.accordion li.last-child{margin-left:19px;padding-left: 20px;} /*line-height: 30px;*/
.accordion a{height:18px; text-decoration:none; font-family: Verdana; font-size:9pt; color: #1c578d; display: block; white-space: nowrap;outline:none; border-bottom:1px solid #d1dde7;}
.accordion #side a:focus {font-size:8pt; font-weight:bold; outline:none;}
.liEvent{position: relative;}
.liEvent a{width:100%;padding-left: 60px; top:5px;cursor:default}
.liEvent a img{position: absolute; left: 20px; bottom:4px; top:3px;}
.liEvent a span{border:0px;  background-color:#d5e1eb; color:#1c578d; position: absolute;
                 top:4px; left: 40px;font-weight:bold;visibility:hidden;
                 width:20px; text-align:center; font-size:8pt; line-height:16px;}
.liEvent a span:hover{font-weight:bold;}