.camera-container{display:block;text-align:center}.camera-main{display:inline-block;vertical-align:top;margin:0 auto;text-align:center;width:1200px;max-width:100%;padding:0 5px}.camera-contents{display:inline-block;margin-left:160px;text-align:center;max-width:800px}.camera-main-wx{margin:10px 20px 20px;padding:10px 0;border:1px solid #000;border-radius:17px;background-image:url(https://www.cruisingearth.com/images/weather/weather-links-background.jpg);overflow:hidden}.camera-line-index-container,.camera-line-container,.camera-region-index-container,.camera-region-container,.port-webcams-map-container{width:1200px;max-width:100%;margin:20px auto;background-color:#fff;border:2px solid #000;padding:0 5px 10px}.camera-port-nearby-container,.camera-ship-additional-container{margin:20px auto;max-width:550px;background-color:#edf6fd;border:1px solid #000;padding:0 5px}.camera-port-nearby,.camera-ship-additional{text-align:left;padding:0 10px}.camera-port-nearby-title,.camera-ship-additional-title{font-size:16px;font-weight:700;text-align:center;margin:10px 5px}.camera-legend{text-align:center;margin:0 10px}.camera-legend .rwd-block{margin-left:4px}.camera-region-cities{text-align:left;padding:10px;-moz-columns:350px 2;-webkit-columns:350px 2;columns:350px 2}.camera-line-lines,.camera-line-shipcams,.camera-region-regions{text-align:center}.camera-line-lines ul,.camera-line-shipcams ul,.camera-region-regions ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.camera-region-cities ul,.camera-port-nearby ul,.camera-ship-additional ul{text-align:left;list-style:none;margin:0;padding:0;padding-left:10px;text-indent:-10px}.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{text-align:center;padding:10px 5px;font-weight:700;background:#dceaff;border:1px solid #000;break-inside:avoid-column;display:inline-block;vertical-align:top;width:220px;margin:10px 5px}.camera-line-lines li img,.camera-line-shipcams li img,.camera-region-regions li img{width:200px;height:auto;border:1px solid #2577b1;border-radius:8px;box-shadow:0 8px 6px -6px #000;margin-bottom:5px}.camera-line-lines li a:active img,.camera-line-shipcams li a:active img,.camera-region-regions li a:active img,.camera-tracker-container a:active img{box-shadow:none;border:2px solid #333;margin-bottom:4px}.camera-search-title{margin:10px 10px 5px}.camera-search-description{margin:5px 10px}.camera-sidebar{display:inline-block;text-align:center;margin-left:-8px;margin-right:5px}.camera-sidebar-right{display:inline-block;vertical-align:top;margin-left:-3px;margin-right:5px}@media all and (min-width:518px){#imperial,#metric{margin:0 -42px 0 -48px}}@media all and (max-width:517px){#imperial,#metric{margin:-40px -42px -30px -48px}}.camera-header-image,.camera-tracker-container{max-width:95%;margin:0 auto}.camera-tracker-container a img,.camera-header-image img{max-width:320px;height:auto;border:2px solid #000;border-radius:8px}@media all and (max-width:359px){.camera-tracker-container a img,.camera-header-image img{max-width:unset;height:unset;width:auto;max-height:130px}}.camera-image-container{position:relative;padding-top:56.25%;margin:0 auto;background-color:#000;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid #000;-webkit-box-shadow:0 10px 10px -6px #777;-moz-box-shadow:0 10px 10px -6px #777;box-shadow:0 10px 10px -6px #777}.camera-image{position:absolute;left:0;top:0;z-index:1;min-width:100%}.camera-image img{vertical-align:middle}.camera-issue-note{border:5px double red;margin:10px;padding:10px}.camera-issue-note-title{font-weight:700;color:red}.camera-tracker-container,.camera-map-container{margin:20px auto;text-align:center;max-width:1000px;background-color:#fff;border:1px solid #000;padding:10px}.camera-tracker-title{font-size:16px;margin:5px 5px 10px}.camera-tracker-note{margin:10px}.camera-loading{position:absolute;z-index:2;left:calc(50% - 50px);top:calc(50% - 50px)}.camera-external-link a{font-family:Tahoma,Verdana,Geneva,sans-serif;font-weight:700;font-size:18px}.camera-external-link img{height:20px;width:20px}.camera-details-container{padding:14px 5px 5px;margin:0 auto;border:1px solid #000;background:#c4d0dd}.camera-details-head{text-align:center;vertical-align:middle;border:1px solid #000;border-bottom:3px solid #000;border-radius:10px;font-size:14px;color:#fff;background-color:#6484a4;margin-bottom:15px;padding:5px;-webkit-box-shadow:0 10px 10px -6px #777;-moz-box-shadow:0 10px 10px -6px #777;box-shadow:0 10px 10px -6px #777}.camera-description-title,.camera-date-time-title{font-weight:700}.camera-date-time,.camera-description{display:inline-block}.camera-date-time i{padding-left:5px}.camera-details{margin:10px}.camera-copyright{margin-top:20px;font-size:12px;font-style:italic}.camera-map iframe{width:100%;height:450px;border:1px solid #000}.camera-location-map-note{margin-top:5px}.camera-ports-map-container{margin:0 5px}.camera-ports-map-header{margin-bottom:5px}.camera-ports-map-buttons{display:block;text-align:center;margin-top:10px}#camera-ports-map{min-height:600px;width:100%}.camera-port-map-insert,.camera-port-traffic,.camera-page-info{margin:0 auto}.camera-refresh-note-mobile,#imgERROR{display:none}.camera-report-button{border:unset;padding:unset;color:unset;background-color:unset;cursor:pointer}.camera-report-button:hover{text-decoration:underline}.camera-report-note{font-style:italic}.camera-report-note a{font-weight:700;color:#1c5b87}.port-weather{background-color:#1763ad;border-bottom-left-radius:15px;border-bottom-right-radius:15px;width:160px;text-align:center;font-size:12px;margin-top:-3px;padding-bottom:5px}@media all and (max-width:767px){.camera-contents,.camera-details-container,.camera-refresh-note-mobile{display:block}.camera-below-ad{margin:10px auto}}@media all and (max-width:1150px){.camera-contents{max-width:700px}}@media all and (max-width:1050px) and (min-width:768px){.camera-contents{max-width:600px}}@media all and (max-width:950px){.camera-contents{margin:0 auto}}@media all and (max-width:800px) and (min-width:768px){.camera-contents{max-width:580px}}@media all and (min-width:441px) and (max-width:505px){.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{width:195px}}@media all and (min-width:406px) and (max-width:440px){.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{width:180px}}@media all and (min-width:375px) and (max-width:405px){.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{width:165px}}@media all and (min-width:335px) and (max-width:374px){.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{width:145px}}@media all and (min-width:320px) and (max-width:334px){.camera-line-lines li,.camera-line-shipcams li,.camera-region-regions li{width:130px}}