.pageImageDiv {
    overflow: auto;
    position: absolute;
    top:35px;
    left:0;
    right:0;
    bottom:0;
    border:1px solid gray;
    background-color: lightgray;
}
.showButtons {
    right: 47px;
}
.pageImageDiv img {
    /* some sites recommend these changes for IE, but they don't seem to help for monochrome images */
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}
.pageImageToolbar {
    border:1px solid gray;
    border-bottom: 0;
    background-color: #eee;
    padding: 2px 4px; 
    vertical-align: middle;
    white-space: nowrap;
}
.pageImageToolbar select {
    margin: 0; padding: 0;
}
.selectDocs {
    margin: 0; padding: 1px;
}
.pageButtons {
    border:1px solid gray;
    overflow-x: hidden;
    position: absolute;
    top:35px;
    bottom:0;
    right:0;
    width: 47px;
    background-color: #eee;
    padding: 1px;
    margin: 0;
}
.pageButtons button {
    width: 43px;
    padding: 3px 1px;
    font-size: .95em;
}
.selectedButton {
    border-color: darkgray;
    border-width: 2px;
    font-weight: bold;
}
.loading-gray {
    filter:alpha(opacity=45);
    -moz-opacity:0.45;
    opacity: .45;
}
.page-tabs-header {
    font-size:x-small; 
    text-align: center;
    padding: 0;
    padding-top: 3px;
    font-weight: bold;
    margin: 0; 
    line-height: 1em;
}