#container {
    margin:     0 0 20px 0;
    width:      614px;
    padding:    1.0em;
    background-color: #D0D0BF; 

}

.openseadragon
{
    width:      614px;
    height:     500px;
    border:     1px solid black;
    color:      #333; /* text color for messages */
    background-color: black;
}
.demoheading {
    color: #437AB2; 
    padding: 0 0 0 1em;
}
.toolbar
{
    width:      800px;
    height:     33px;
    border:     none;
    color:      #333;
    padding:    4px;
    background-color: transparent;
}
.toolbar.fullpage{
    width:      100%;
    border:     none;
    position:   fixed;
    z-index:    999999;
    left:       0;
    top:        0;
    background-color: transparent;
}
.navigator .highlight
{
    opacity:    0.4;
    filter:     alpha(opacity=40);
    border:     2px solid #900;
    outline:    none;
    background-color: #900;
    
}
.highlight
{
    opacity:    0.4;
    filter:     alpha(opacity=40);
    border:     2px solid #0A7EbE;
    outline:    10px auto #0A7EbE;
    background-color: white;
}
.highlight:hover, .highlight:focus
{
    filter:     alpha(opacity=70);
    opacity:    0.7;
    background-color: transparent;
}



.hidden{display:none;}