.map{position:relative;max-width:640px;*width:640px;height:559px}@media(max-width:768px){.map{height:350px}}.map .viewport{position:relative;max-width:100%;*width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.map .viewport img{position:absolute;max-width:640px!important;*width:640px!important;height:559px!important;top:0;left:0}.map .toolbar{position:absolute;top:0;padding:10px;z-index:10}.map .toolbar a{display:inline-block;border:1px solid #bbb;background-color:#fff;text-decoration:none;color:#999;padding:5px 10px;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px rgba(50,50,50,.25);-moz-box-shadow:0 0 5px rgba(50,50,50,.25);box-shadow:0 0 5px rgba(50,50,50,.25)}.map .toolbar a:hover{border:1px solid #999;color:#666}.map .toolbar a.active{border:1px solid #007f33;color:#007f33}.map .sidebar{background:#fff;position:absolute;top:10px;right:15px;padding:10px;z-index:5;-webkit-box-shadow:0 0 5px rgba(50,50,50,.25);-moz-box-shadow:0 0 5px rgba(50,50,50,.25);box-shadow:0 0 5px rgba(50,50,50,.25)}@media(max-width:768px){.map .sidebar{top:auto;bottom:17px;right:17px;padding:5px;width:80px}}ul.related_viewpoints{list-style:none;padding:0}ul.related_viewpoints li{display:inline}ul.related_viewpoints a{display:inline-block;border:1px solid #bbb;background-color:#fff;text-decoration:none;color:#999;padding:5px 10px;margin-bottom:5px;margin-left:5px;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px rgba(50,50,50,.25);-moz-box-shadow:0 0 5px rgba(50,50,50,.25);box-shadow:0 0 5px rgba(50,50,50,.25)}ul.related_viewpoints a:hover{border:1px solid #999;color:#666}ul.related_viewpoints a.active{border:1px solid #007f33;color:#007f33}