#imageViewWrapper{
    width: 100%;
    height: 100%;
    /*background-color: red;*/
    /*text-align: center;*/
}

#viewport{
    overflow: hidden;
    position: relative;
/*    width: 441px;
    height: 400px;*/
    /*width: 70%;*/
    /*height: 70%;*/
    /*border: 3px solid #555;*/
}

#map{
    /*position: relative;*/
    /*left: -500px;
    top: -500px;  */
}

#zoom-control{
    /*margin:auto;*/
    margin-top: 5px;
    width: 80%;
    float: left;
    margin-top: 18px;
}


#imageDesktopControls{
    margin:auto;
    width: 60%;
}


#imageFitButton{
    /*margin:auto;*/
    float: right;
    background-image:url('../images/image_navigation/fit_image_to_space.png'); 
    color:black;
    width: 21px;
    height: 21px; 
    margin-right: 15px;
    margin-top: 15px;
}
#imageOriginalSizeButton{
    /*margin:auto;*/
    float: right;
    background-image:url('../images/image_navigation/show_original_image_size.png'); 
    color:black;
    width: 21px;
    height: 21px; 
    margin-right: 15px;
    margin-top: 15px;
}
#imageFullscreenButton{
    /*margin:auto;*/
    float: right;
    background-image:url('../images/image_navigation/show_image_in_fullscreen.png'); 
    color:black;
    width: 21px;
    height: 21px; 
    margin-right: 15px;
    margin-top: 15px;
}


/*.loading {
    overflow: hidden; 
}

.loading .modal {
    display: block;
}*/

/*.notLoading .moda{
    display: none;
}*/