body { padding: 0; margin: 0; color: #404040; font-family: helvetica, arial, sans-serif; font-size: 4.5vw; }
p.mobile-instructions { display: none; }
#map-outer { width: 100%; height: 480px; position: relative; }
#map { width: 100%; height: 480px; background: url(../img/background-map-full.png) 50% 0 no-repeat; background-size: 2001px 480px; position: relative; }
.map-container { width: 628px; height: 480px; margin: 0 auto; background: url(../img/background-map.png) 0 0 no-repeat; background-size: 628px; position: relative; }
/* -- Filter -- */
	
#filter { width: 100%; background: #fff; border: #ddd; position: relative; }
#filter-container { width: 628px; padding: 20px 0; margin: 0 auto; overflow: hidden; }
#filter .col1 { width: 250px; overflow: hidden; float: left; }
#filter .col2 { width: 240px; overflow: hidden; float: left; }
#filter .col3 { width: 135px; overflow: hidden; float: left; }
#filter span { font-family: "Arial", Helvetica, Sans-Serif; font-size: 15px; color: #404040; margin-left: 5px; position: absolute; left: 20px; }
#filter input[type=checkbox] { display: none; }
#filter label { margin-bottom: 20px; }
#filter label:last-child { margin-bottom: 0; }
#mobile-filter { display: none; }
#apply { display: none; }
.source { font-family: "Arial", Helvetica, Sans-Serif; font-size: 12px; line-height: 18px; color: #404040; position: relative; margin: 1vh 1vw 5vh 0; left: 0; z-index: 999; text-align: right; background: url(../img/map_scale.png) no-repeat 1vw 0px; background-size: 123px; height: 50px; }
.mini-map { width: 175px; height: 200px; background: url(../img/mini-map.png) no-repeat 0 0; background-size: 175px; display: block; border: #ddd 1px solid; position: absolute; top: 30px; left: 30px; z-index: 999; }


/* -- Antropical Spotted Dolphin -- */
	
#filter input[type=checkbox]#antropical-dolphin + label { background: url(../img/filter-antropical-spotted-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#antropical-dolphin:checked + label { background: url(../img/filter-antropical-spotted-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#antropical-dolphin-group li { list-style-type: none; }
ul#antropical-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#antropical-dolphin-group.active { display: block; }
ul#antropical-dolphin-group.inactive { display: none; }
ul#antropical-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-antropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 215px; left: 500px; }
/* -- Atlantic Spotted Dolphin -- */
	
#filter input[type=checkbox]#atlantic-dolphin + label { background: url(../img/filter-atlantic-spotted-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#atlantic-dolphin:checked + label { background: url(../img/filter-atlantic-spotted-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#atlantic-dolphin-group li { list-style-type: none; }
ul#atlantic-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#atlantic-dolphin-group.active { display: block; }
ul#atlantic-dolphin-group.inactive { display: none; }
ul#atlantic-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 190px; left: 305px; }
ul#atlantic-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 190px; left: 305px; }
ul#atlantic-dolphin-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 300px; left: 435px; }
ul#atlantic-dolphin-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 320px; left: 455px; }
ul#atlantic-dolphin-group li.four { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 350px; left: 465px; }
ul#atlantic-dolphin-group li.five { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 300px; left: 465px; }
ul#atlantic-dolphin-group li.six { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 310px; left: 475px; }
ul#atlantic-dolphin-group li.seven { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 298px; left: 480px; }
ul#atlantic-dolphin-group li.eight { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 315px; left: 487px; }
ul#atlantic-dolphin-group li.nine { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 307px; left: 530px; }
ul#atlantic-dolphin-group li.ten { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 230px; left: 510px; }
ul#atlantic-dolphin-group li.eleven { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 245px; left: 540px; }
ul#atlantic-dolphin-group li.twelve { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 268px; left: 570px; }
ul#atlantic-dolphin-group li.thirteen { width: 10px; height: 10px; display: block; background: url(../img/icon-atlantic-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 97px; left: 284px; }
/* -- Bottlenose Dolphin -- */
	
#filter input[type=checkbox]#bottlenose-dolphin + label { background: url(../img/filter-bottlenose-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#bottlenose-dolphin:checked + label { background: url(../img/filter-bottlenose-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#bottlenose-dolphin-group li { list-style-type: none; }
ul#bottlenose-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#bottlenose-dolphin-group.active { display: block; }
ul#bottlenose-dolphin-group.inactive { display: none; }
ul#bottlenose-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 210px; left: 35px; }
ul#bottlenose-dolphin-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 110px; left: 265px; }
ul#bottlenose-dolphin-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 110px; left: 294px; }
ul#bottlenose-dolphin-group li.four { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 339px; left: 455px; }
ul#bottlenose-dolphin-group li.five { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 360px; left: 495px; }
ul#bottlenose-dolphin-group li.six { width: 10px; height: 10px; display: block; background: url(../img/icon-bottlenose-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 375px; left: 495px; }
/* -- Pantropical Spotted Dolphin -- */
	
#filter input[type=checkbox]#pantropical-dolphin + label { background: url(../img/filter-pantropical-spotted-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#pantropical-dolphin:checked + label { background: url(../img/filter-pantropical-spotted-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#pantropical-dolphin-group li { list-style-type: none; }
ul#pantropical-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#pantropical-dolphin-group.active { display: block; }
ul#pantropical-dolphin-group.inactive { display: none; }
ul#pantropical-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 140px; left: 155px; }
ul#pantropical-dolphin-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 150px; left: 185px; }
ul#pantropical-dolphin-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 185px; left: 220px; }
ul#pantropical-dolphin-group li.four { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 193px; left: 235px; }
ul#pantropical-dolphin-group li.five { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 133px; left: 277px; }
ul#pantropical-dolphin-group li.six { width: 10px; height: 10px; display: block; background: url(../img/icon-pantropical-spotted-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 410px; left: 385px; }
/* -- Rough-toothed Dolphin -- */
	
#filter input[type=checkbox]#rough-toothed-dolphin + label { background: url(../img/filter-rough-toothed-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#rough-toothed-dolphin:checked + label { background: url(../img/filter-rough-toothed-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#rough-toothed-dolphin-group li { list-style-type: none; }
ul#rough-toothed-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#rough-toothed-dolphin-group.active { display: block; }
ul#rough-toothed-dolphin-group.inactive { display: none; }
ul#rough-toothed-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-rough-toothed-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 130px; left: 265px; }
ul#rough-toothed-dolphin-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-rough-toothed-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 285px; left: 467px; }
ul#rough-toothed-dolphin-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-rough-toothed-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 300px; left: 495px; }
/* -- Sei Whale -- */
	
#filter input[type=checkbox]#sei-whale + label { background: url(../img/filter-sei-whale-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#sei-whale:checked + label { background: url(../img/filter-sei-whale-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#sei-whale-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#sei-whale-group.active { display: block; }
ul#sei-whale-group.inactive { display: none; }
ul#sei-whale-group li { list-style-type: none; }
ul#sei-whale-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-sei-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 337px; left: 468px; }
/* -- Short-finned Pilot Whale -- */
	
#filter input[type=checkbox]#short-finned-pilot-whale + label { background: url(../img/filter-short-finned-pilot-whale-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#short-finned-pilot-whale:checked + label { background: url(../img/filter-short-finned-pilot-whale-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#short-finned-pilot-whale-group li { list-style-type: none; }
ul#short-finned-pilot-whale-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#short-finned-pilot-whale-group.active { display: block; }
ul#short-finned-pilot-whale-group.inactive { display: none; }
ul#short-finned-pilot-whale-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-short-finned-pilot-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 143px; left: 139px; }
ul#short-finned-pilot-whale-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-short-finned-pilot-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 154px; left: 152px; }
ul#short-finned-pilot-whale-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-short-finned-pilot-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 139px; left: 177px; }
/* -- Sperm Whale -- */
	
#filter input[type=checkbox]#sperm-whale + label { background: url(../img/filter-sperm-whale-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#sperm-whale:checked + label { background: url(../img/filter-sperm-whale-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#sperm-whale-group li { list-style-type: none; }
ul#sperm-whale-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#sperm-whale-group.active { display: block; }
ul#sperm-whale-group.inactive { display: none; }
ul#sperm-whale-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-sperm-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 95px; left: 185px; }
ul#sperm-whale-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-sperm-whale.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 357px; left: 510px; }
/* -- Spinner Dolphin -- */
	
#filter input[type=checkbox]#spinner-dolphin + label { background: url(../img/filter-spinner-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#spinner-dolphin:checked + label { background: url(../img/filter-spinner-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#spinner-dolphin-group li { list-style-type: none; }
ul#spinner-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#spinner-dolphin-group.active { display: block; }
ul#spinner-dolphin-group.inactive { display: none; }
ul#spinner-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 110px; left: 277px; }
ul#spinner-dolphin-group li.two { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 119px; left: 273px; }
ul#spinner-dolphin-group li.three { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 124px; left: 280px; }
ul#spinner-dolphin-group li.four { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 129px; left: 287px; }
ul#spinner-dolphin-group li.five { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 116px; left: 284px; }
ul#spinner-dolphin-group li.six { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 121px; left: 291px; }
ul#spinner-dolphin-group li.seven { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 149px; left: 321px; }
ul#spinner-dolphin-group li.eight { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 166px; left: 219px; }
ul#spinner-dolphin-group li.nine { width: 10px; height: 10px; display: block; background: url(../img/icon-spinner-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 360px; left: 482px; }
/* -- Striped Dolphin -- */
	
#filter input[type=checkbox]#striped-dolphin + label { background: url(../img/filter-striped-dolphin-inactive.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#striped-dolphin:checked + label { background: url(../img/filter-striped-dolphin-active.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


ul#striped-dolphin-group li { list-style-type: none; }
ul#striped-dolphin-group { width: 100%; height: 480px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
ul#striped-dolphin-group.active { display: block; }
ul#striped-dolphin-group.inactive { display: none; }
ul#striped-dolphin-group li.one { width: 10px; height: 10px; display: block; background: url(../img/icon-striped-dolphin.png) no-repeat 0 0; background-size: 10px; position: absolute; bottom: 325px; left: 498px; }
/* -- Show/Hide All -- */
	
#filter input[type=checkbox]#show-hide + label { background: url(../img/filter-selectall.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }
#filter input[type=checkbox]#show-hide:checked + label { background: url(../img/filter-deselectall.png) no-repeat 0 50%; background-size: 16px; height: 20px; width: 100%; display: block; padding: 0; cursor: pointer; float: left; position: relative; }


label.active span { border: solid 1px black; }