/* CAPTAIN'S LOG STYLES */
#captainsLog {
    float: right;
    width: 258px;
    height: 380px; 
    margin: 20px px 0 60px;
} 
ul#cl {
    /*font-size: 0.857em; */
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    height: auto;
    overflow-y: hidden;
    width: 264px;
}
ul#cl li {
    background: url('/public/images/listFish.png') no-repeat;
    margin: 0 0 7px 0;
    padding: 0 0 0 20px;
}
ul#cl li a:link,ul#cl li a:active,ul#cl li a:visited{
    text-decoration: none;
    color: #000;    
}
ul#cl li a:hover{
    text-decoration: underline;    
}
ul#cl li.currentlyDisplayed{
	color: #f00;
}
/* Tiny Scrollbar */
#scrollbar1 { 
    width: 290px;
    height: 305px; 
    padding: 0; 
} 
#scrollbar1 .viewport { width: 270px; height: 305px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/public/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(/public/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 7px 1px 0 1px; }
#scrollbar1 .thumb { background: transparent url(/public/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; margin: 3px 0 0 0; }
#scrollbar1 .thumb .end { background: transparent url(/public/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }