html, body {  padding: 0;  margin: 0;}
body {overflow:hidden;}
.mainHeader {height:50px;background: rgb(256,256,256); background:rgba(256,256,256,0.75);width:100%;position:fixed; z-index:600;text-align:center;}
.navigationControlBlock {display:inline-block;}
.centerBlock {position:absolute; top:0; left:0; background-image:url('/images/no_bill_75.png');background-repeat:repeat;width:100%;height:100%;}
.imageBlock {position:fixed;height:55%; width:100000px;top:70px;cursor:move;visibility:hidden;}
.imageBlock img{height:100%; width:auto; float:left;border:3px solid white;cursor:zoom-in;background-image:url('/images/loading_ani.gif');background-repeat:no-repeat;background-position:center;
-webkit-box-shadow: 5px 5px 7px #444;box-shadow: 5px 5px 7px #444;}
#infoBlockImageClose,#infoBlockMenuClose {position:absolute; bottom:0; right:0; color:#fff;font-size:32px; cursor:pointer;padding:10px;padding-right:95px}
#infoBlockMenuClose {color:#000;}
#imageMap {position:absolute;top:0;left:0; width:100%; height:100%;z-index:500;cursor:zoom-in;}

#topImageLayer,#topZoomLayer {text-align:center;display:block;visibility:hidden;height:100%;width:100%;z-index:301;}
#topZoomLayer {position:absolute;overflow:hidden;}

#topImageLayer img{height:100%;width:auto;position:absolute;z-index:302;border:0;display:none;}
.footerImage {width:auto; height:100%;float:right;max-width:100%;}
.footerBlock {position:fixed;bottom:5px;left:0;width:100%;height:75%;}
.footerBottom {position:fixed;bottom:0;left:0; width:100%; height:25%;background-image:url('/images/sidewalk2.jpg');background-repeat:repeat;}
.footerBottom.detail, .footerBlock.detail {visibility:hidden;}
.overlay {cursor:zoom-out;position:absolute;top:0px; left:0px; width:100%; height:100%;background-color:#000; opacity:.95;visibility:hidden;z-index:300}

#zoomControls {background-color:red; width:300px; height:30px;display:none;z-index:603;position:absolute;top:0;left:0;} 
#instructions {background-color:white;color:black;height:300px; width:400px; padding:50px;display:none;}

nav {margin-left:-70%;width:70%;top:0px;left:0px;z-index:10000;position:absolute;height:100%;overflow-y:scroll;}
.icon-menu {
	color:#555;
    cursor: pointer;
    display: block;
    font-size:48px;
    position: relative;
	float:left;
	padding:0px 5px 5px 5px;
}
.icon-cancel-circle {color:#555;font-size:40px;padding:5px;cursor:pointer;}
.icon-menu:hover, .icon-cancel-circle:hover {color:#111;}

.icon-cancel-circle, .icon-circle-left, .icon-circle-right, .icon-info, .icon-zoom-in, .icon-zoom-out {color:#555;font-size:32px; display:inline-block; margin:5px 20px; cursor:pointer;}
.icon-images {color:#555;font-size:24px;margin-left:35px;}
.icon-images:hover{color:#111;}
.icon-circle-left:hover, .icon-circle-right:hover, .icon-info:hover, .icon-zoom-in:hover, .icon-zoom-out:hover {color:#111;}

.icon-zoom-in.off, .icon-zoom-out.off {display:none !important;}

.disabled {opacity:.2; cursor:default;}

#infoBlockMenu, #infoBlockImage  {padding:50px 20px 20px 50px;width:100%;height:66%; background-color:#000;background:rgb(0,0,0);background:rgba(0,0,0,0.85);position:fixed;display:none;top:50px;z-index:601;color:#fff;display:none;}
#infoBlockMenu { background-color:#fff;background:rgb(255,255,255);background:rgba(255,255,255,0.95);color:#000;position:absolute; overflow:auto; }
#infoBlockImage {height:25%;min-height:300px;}
.infoBlockImageHTML {}
.infoDesc {height:200px; overflow-y:auto;width:50%;display:inline-block;font-size:14px;margin-left:15px;}
#shareBlock {bottom:0px;left:50px;padding:10px;position:absolute;}
.infoLabelDesc,.infoLabelTitle {font-size:36px;}
.infoLabelDesc {vertical-align:top;margin-top:10px;vertical-align:top;}
.infoTitle {font-size:48px}
.infoCreated {font-size:14px;}

.cc-license,.site-attributions,.icon-set {margin-top:20px;}
.email {margin-top:5px;}


#infoBlockMenu .leftSide{width:50%;float:left;}
#infoBlockMenu .leftSide .contentWrapper {width:50%;}
#infoBlockMenu .rightSide{width:50%;float:left;}
#infoBlockMenu .contentWrapper {overflow-y:auto;}



.imageThumb {margin:4px;cursor:pointer;display:inline-block;border:1px solid white;}
.imageThumb img {vertical-align:bottom;}
.imageThumb.selected {border:1px solid red;}
.imageThumb:hover {border:1px solid red;}
#thumbBlock {width:50%;margin-left:10px;position:absolute;bottom:-184px;left:0;z-index:600;}
#thumbBlock.open {bottom:0px;}
.thumbTab {background-color:#fff;border-radius:20px 20px 0px 0px;width:220px;background:rgb(255,255,255);background:rgba(255,255,255,0.50);cursor:pointer;}
.thumbTab span {vertical-align:super;}
.thumbTab img {margin-left:15px;}
.thumbnails {background-color:#fff;border-radius:0px 20px 0px 0px;background:rgb(255,255,255);background:rgba(255,255,255,0.50);}

/*zoom style updates */
.navigator {top:50px;}

@media screen and (min-device-width : 320px)  and (max-device-width: 667px){
#imageBlock {top:55px;}
.icon-cancel-circle, .icon-circle-left, .icon-circle-right, .icon-info, .icon-zoom-in, .icon-zoom-out, .icon-cancel-circle,.icon-menu {font-size:18px;margin:20px 10px;padding-top:0px;} 
.icon-circle-left:hover, .icon-circle-right:hover, .icon-info:hover, .icon-zoom-in:hover, .icon-zoom-out:hover,.icon-menu:hover, .icon-cancel-circle:hover {color:#555;}
#infoBlockImageClose, #infoBlockMenuClose {font-size:18px;padding-right:25px;}

#thumbBlock {width:100%;bottom:-150px;margin-left:0px;}
#thumbBlock.open {bottom:0px;}
.imageThumb img {width:25px; height:25px;}
#infoBlockMenu {padding:15px;}
#infoBlockMenu .leftSide,#infoBlockMenu .rightSide {width:100%; float:none;}
#infoBlockMenu .leftSide .contentWrapper{width:80%;}
#infoBlockMenuClose {position:relative;margin-right:20px; float:right; font-size:28px;}
#infoBlockImageClose {right:55px;bottom:5px;font-size:28px;}

.infoTitle {font-size:24px;margin-left:0px;}
.infoCreated, .infoDesc {font-size:10px;}

}