@import url(https://fonts.googleapis.com/css?family=Source+Sans+3:400,700);
body { font-family:"Source Sans 3",Tahoma, Geneva, sans-serif; font-size:1em; margin:0 auto; border:0px; width:100%; background:url(../img/background.jpg) top repeat-x; background-color:#339933; }
/* HEADER */
.top-banner { margin:0 auto; padding:0px; border:0px; width:980px; display:block; }
/* LOADING */
#loading { position:absolute; margin:333px 0px 0px 0px; padding:0px; border:0px; display:block; width:100%; height:100%; }
#loading .message { margin:0 auto; padding:10px; border:1px solid #cccccc; background-color:#eeeeee; text-align:center; width:200px; }
/* TOP INFO */
.top-info { margin:0 auto; padding:0px; border:0px; width:980px; height:195px; display:block; background:url(../img/tint.png) bottom no-repeat; /* visibility:hidden; */ } /* hidden on page load */
.top-info div.item { margin:20px 0px 0px 0px; padding:10px 95px 0px 15px; border:0px; min-height:100px !important; background:url(../img/top-info-sep.png) top right no-repeat; float:left; }
.top-info div.item .date { padding-top:10px; font-size:0.8em; color:#ffffff; }
.top-info span.time { color:#ffcc00; font-weight:bold; }
.top-info div.item .heading { padding-right:55px; min-height:40px !important; float:left; }
.top-info div.no-bkg { background:none; }
.top-info div.item .heading h2 { margin:0px; padding:5px 0px 0px 0px; font-size:1.3em; font-weight:normal; line-height:1.5em; color:#66ccff; }
.top-info div.item .result { margin:0px; padding:0px; border:0px; font-size:0.8em; color:#ffffff; line-height:normal; clear:left; }
.top-info div.item .result span.mw { font-size:2.2em; font-weight:bold; }
/* MAP CONTENT */
.wind-map-content { position:relative; margin:0 auto; margin-top:-60px; padding:0px; border:0px; width:980px; display:block; }
.wind-map-content .map-container { position:relative; margin:0px; padding:0px; border:0px; width:880px; height:602px; float:right; }
.wind-map-content .map-data { position:absolute; top:80px; margin:0px; padding:0px; border:0px; width:364px; height:446px; background:url(../img/map/map-data-bkg.png) no-repeat; z-index:1000; } /* hidden on page load */
.wind-map-content .map-data .regions { position:absolute;  margin:0px; padding:0px; border:0px; display:block; }
.wind-map-content .map-data .regions ul.region { margin:0px; padding:25px 0px 0px 10px; border:0px; list-style:none; display:block; float:left; }
.wind-map-content .map-data .regions ul.region li { margin:0px; padding:7px 7px 9px 9px; width:86px; border:0px; list-style:none; display:block; text-transform:capitalize; }
.wind-map-content .map-data .regions ul.region li.active { background:url(../img/map/map-region-active.png) left no-repeat; }
.wind-map-content .map-data .regions a,
.wind-map-content .map-data .regions a:link,
.wind-map-content .map-data .regions a:visited,
.wind-map-content .map-data .regions a:active,
.wind-map-content .map-data .regions a:hover { text-decoration:none; color:#333333; font-size:0.8em; font-weight:bold; }
/* MAP TABLE DATA */
.map-table-data { margin:15px 15px 0px 0px; padding:0px; width:239px; height:413px; background:url(../img/map/map-data-table.png) no-repeat; float:right; }
.map-table-data .item { margin:0px; padding:0px; border:0px; display:block; }
.map-table-data .item h1 { margin:0px; padding:0px; border:0px; font-size:2em; font-weight:normal; }
.map-table-data .item h4 { margin:0px; padding:0px; border:0px; font-size:0.8em; font-weight:normal; }
.map-table-data .item small { margin:0px; padding:0px; border:0px; font-size:0.7em; font-weight:normal; }
.map-table-data .item .table-container { margin:0px; padding:0px; border:0px; width:215px; height:330px; overflow:auto; display:block; }
.map-table-data .item table { margin:0px; padding:0px; border:0px; width:190px; }
.map-table-data .item table td { padding:3px 0px 2px 0px; font-size:0.7em; border-bottom:1px solid #dcdcdc; width:33%; color:#333333; }
.map-table-data .item table.table-head { border-top:2px solid #dcdcdc; border-bottom:2px solid #dcdcdc; margin-top:9px; }
.map-table-data .item table.table-head td { padding:2px 0px 3px 0px; border:0px; border-top:1px solid #dcdcdc; }
.map-table-data .item table.table-head td h3 { margin:0px; padding:0px 0px 2px 0px; border:0px; font-weight:normal; }
ul.map-table-items { margin:0px; padding:6px 0px 0px 15px; border:0px; list-style:none; display:block; float:left; }
ul.map-table-items li { margin:0px; padding:0px; border:0px; list-style:none; display:none; }
ul.map-table-items li.active { display:block; }
/* MAP CONTENT DIV ( when not using canvas ) */
.map-content { position:relative; margin:0px; padding:0px; border:0px; width:880px; height:602px; display:block; background:url(../img/map/map-1.png) no-repeat; }
.map-content .wind-farm { position:absolute; margin:0px; padding:0px; border:0px; width:24px; height:39px; cursor:pointer; }
.map-content .info-box { position:absolute; margin:0px; padding:0px; border:0px; width:170px; height:114px; background:url(../img/map/infobox-point.png) bottom no-repeat; }
.map-content .info-box:focus {outline: none; box-shadow: none;}
.map-content .info-box .info-box-content { position:relative; margin:0px; padding:7px 7px 0px 7px; border:0px; width:156px; height:93px; background-color:#ffffff; }
.map-content .info-box .info-box-content h2 { margin:0px; padding:0px 0px 5px 0px; border:0px; line-height:normal; color:#339933; font-size:0.8em; }
.map-content .info-box .info-box-content p { margin:0px; padding:0px 0px 3px 0px; border:0px; line-height:normal; color:#333333; font-size:0.8em; }
.map-content .info-box .info-box-content hr { margin:0px 0px 7px 0px; padding:0px; border:0px; border-bottom:1px solid #dcdcdc; }
.map-content .info-box .info-box-content a,
.map-content .info-box .info-box-content a:link,
.map-content .info-box .info-box-content a:visited,
.map-content .info-box .info-box-content a:active,
.map-content .info-box .info-box-content a:hover { text-decoration:none; color:#0879ba; }
.map-content .info-box .info-box-content .close { position:absolute; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; border:0px; width:25px; height:25px; cursor:pointer; top:0; right:0; }
/* MAP IMAGES */
.farmicon { margin:0px; padding:0px; border:0px; cursor:pointer; }
/* FOOTER */
.footer { margin:0 auto; padding:25px 0px 25px 0px; border:0px; width:980px; height:100px; display:block; font-size:0.8em; color:#ffffff; }
.footer .footer-content { width:879px; float:right; }
.footer .copyright { margin:0px; padding:0px; border:0px; float:left; }
.footer ul.share { margin:0px; padding:0px; border:0px; list-style:none; float:right; }
.footer ul.share li { margin:0px; padding:0px 0px 0px 15px; border:0px; list-style:none; float:left; line-height:1.5em; }
/* TOOLS */
.grey { color:#666666; }
.clear { margin:0px; padding:0px; border:0px; width:0px; height:0px; clear:both; }
.wind-farm {
    position: absolute;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
.wind-farm:focus,
.wind-farm:focus-visible {
    outline: 3px solid #003366;
    outline-offset: 0px;
}