html {
    min-height: 100%;
    position: relative;
}
body {
    margin-bottom: 60px;
}

.graphTitle {
	font-size: 16px;
	font-weight: normal;
}

.data-icon {
    margin-left: 5px;
    margin-right:10px;
}

#siteMap {
    width: 100%;
    height: 300px;
}

.data-header {
    font-weight: bold;
}

#buglist 
{
    padding-left: 20px;
    list-style: none;
}

#buglist > li {
    margin-bottom: 10px;
}

#buglist > li:before {
    font-family: 'Data';
    font-size:  1.2em;
    content: '\f027';
    margin: 0 5px 0 -15px;
}

h5#StationName, h5#dailyTitle, h5#monthTitle, h5#yearlyTitle, h5#monthYearTitle {
    float: left;
}

#datadownloadicon {
    visibility: hidden;
}

#info-station_name {   
    margin-left: 10px;
    vertical-align: bottom;
    padding-top: 10px;
}

#info-dailyTitle
{
    visibility:hidden;
    margin-left: 10px;
    vertical-align: bottom;
    padding-top: 10px;
}

#info-monthTitle {
    visibility:hidden;
    margin-left: 10px;
    vertical-align: bottom;
    padding-top: 10px;
}

#info-yearlyTitle {
    visibility:hidden;
    margin-left: 10px;
    vertical-align: bottom;
    padding-top: 10px;
}

#info-monthYearTitle {
    visibility: hidden;
    margin-left: 10px;
    vertical-align: bottom;
    padding-top: 10px;
}

#divgraphs {
    visibility:hidden;
}

.blue-tooltip + .tooltip > .tooltip-inner {background-color: #edf9ff; color:black;}
.blue-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#edf9ff; color:black; }

.gm-style-iw {
    width: 175px !important;
    min-height: 75px;
}

/* Tablet portrait (768x1024) / Small tablet landscape (800x600) STYLING */
@media (min-width:768px) 
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 130px;
	}
	header .header-main {
		height: 100%;
		padding: 10px 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 120px;
		left: 0;
		position: absolute;
		text-indent: 0;
		top: 20px;
		width: 21%;
	}
	header .logo a {
		height: 120px;
		left: 3px;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 156px;
	}
	header .banner {
		background: rgba(0, 0, 0, 0) url("../img/header-background.jpg") no-repeat scroll 0 0;
		display: block;
		height: 100%;
		max-width: 100%;
		position: absolute;
		right: 0;
		text-indent: 0;
		top: 30px;
		width: 66%;
	}
	header .info {
		height: 20px;
		right: 0;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 100%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}	
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */

	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}
	.graphTitle {
		font-size: 16px;
		font-weight: normal;
	}
	#chartdiv {
		width: 100%;
		height: 300px;
	}
	#chartdivHourly {
		width: 100%;
		height: 300px;
	}
	#chartdivDaily {
		width: 100%;
		height: 300px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
	#chartdivMonthYear {
		width: 100%;
		height: 300px;
	}	
	/* Footer Styling */
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 60px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 98%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 40%;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}	
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

/* Tablet landscape (1024x768) STYLING */
@media (min-width:992px) 
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 130px;
	}
	header .header-main {
		height: 100%;
		padding: 10px 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 120px;
		left: 0;
		position: absolute;
		text-indent: 0;
		top: 20px;
		width: 17%;
	}
	header .logo a {
		height: 120px;
		left: 3px;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 156px;
	}
	header .banner {
		background: rgba(0, 0, 0, 0) url("../img/header-background.jpg") no-repeat scroll 0 0;
		display: block;
		height: 100%;
		max-width: 100%;
		position: absolute;
		right: 0;
		text-indent: 0;
		top: 30px;
		width: 66%;
	}
	header .info {
		height: 20px;
		right: 0;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 100%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */
	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}
	#chartdiv {
		width: 100%;
		height: 280px;
	}
	#chartdivHourly {
			width: 100%;
			height: 280px;
	}
	#chartdivDaily {
		width: 100%;
		height: 280px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
	#chartdivMonthYear {
		width: 100%;
		height: 280px;
	}
	/* Footer Styling */
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 60px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 100%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 40%;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

/* Large screen desktop STYLING */
@media (min-width:1200px) 
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 130px;
	}
	header .header-main {
		height: 100%;
		padding: 10px 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 120px;
		left: 15px;
		position: absolute;
		text-indent: 0;
		top: 20px;
		width: 14%;
	}
	header .logo a {
		height: 120px;
		left: 3px;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 156px;
	}
	header .banner {
		background: rgba(0, 0, 0, 0) url("../img/header-background.jpg") no-repeat scroll 0 0;
		display: block;
		height: 100%;
		max-width: 100%;
		position: absolute;
		right: 0;
		text-indent: 0;
		top: 30px;
		width: 66%;
	}
	header .info {
		height: 20px;
		right: 0;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 100%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */

	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}
	#chartdiv {
		width: 100%;
		height: 300px;
	}
	#chartdivHourly {
			width: 100%;
			height: 300px;
	}
	#chartdivDaily {
		width: 100%;
		height: 300px;
	}
	#chartdivMonthYear {
		width: 100%;
		height: 300px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
	#chartdivMonthYear {
		width: 100%;
		height: 300px;
	}
	/* Footer Styling */
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 60px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 100%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 50%;
	}
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		height: 60px;
		margin-top: 20px;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

/* Tablet portrait (min 736) / Small tablet landscape (800x600) STYLING */
@media (min-width:736px) 
{
    .wrapper {
        min-height: 100%;
        margin-bottom: -40px; /* equal to footer height */
    }
	.wrapper:after {
        content: "";
        display: block;
        height: 40px; /* must be the same height as footer */
    }
    /* Header Styling */
    header {
        display: block;
        height: 130px;
    }
	header .header-main {
        height: 100%;
        padding: 10px 0;
        position: relative;
    }
	header .logo {
        background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
        height: 120px;
        left: 0;
        position: absolute;
        text-indent: 0;
        top: 20px;
        width: 21%;
    }
	header .logo a {
        height: 120px;
        left: 3px;
        opacity: 0;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: 156px;
    }
	header .banner {
        background: rgba(0, 0, 0, 0) url("../img/header-background.jpg") no-repeat scroll 0 0;
        display: block;
        height: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        text-indent: 0;
        top: 30px;
        width: 66%;
    }
	header .info {
        height: 20px;
        right: 0;
        position: absolute;
        text-indent: 0;
        top: 10px;
        width: 100%;
    }
	header .menu-top {
        float: right;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: right;
    }
	header .menu-top li {
        float: left;
        font-family: "open sans", arial, sans-serif;
        font-size: 11px;
        list-style: outside none none;
    }
	header .menu-top li.divider a {
        border-right: 1px solid #c3c3c3;
    }
	header .menu-top li a {
        color: #777777;
        display: inline-block;
        padding: 0 10px;
    }
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
        text-transform: uppercase;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
        padding: 0;
        margin: 0;
        float: right;
    }
    /* Menu Styling */
    nav {
        background: #005983 none repeat scroll 0 0;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        margin-bottom: 15px;
    }
	.main-nav .nav .nav-item.active {
        position: relative;
    }
	.main-nav .nav .nav-item {
        font-family: "open sans", arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        z-index: 100;
    }
    /* Content Styling */
	h1.page-heading.clearfix {
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 10px;
    }
    /* Map Styling */
    .nav-tabs {
        border-bottom: medium none;
        margin-bottom: -1px;
        position: relative;
    }
    .tab-content {
        border: 1px solid #e8e8e8;
        height: 100%;
        margin-bottom: 30px;
        min-height: 732px;
        padding: 15px;
    }
    #map, #map *, #map *::before, #map *::after {
        box-sizing: content-box;
    }
    #map {
        height: 300px;
    }    #map-canvas {
        background-color: #e5e3df;
        overflow: hidden;
        position: relative;
        height: 700px;
        margin: 0;
        padding: 0;
    }
    .graphTitle {
        font-size: 16px;
        font-weight: normal;
    }
    #chartdiv {
        width: 100%;
        height: 300px;
    }
	#chartdivHourly {
        width: 100%;
        height: 300px;
	}
    #chartdivDaily {
        width: 100%;
        height: 300px;
    }
    #chartdivAnnual {
        width: 100%;
        height: 70px;
    }
    #chartdivMonthYear {
        width: 100%;
        height: 300px;
    }
    /* Footer Styling */
    .footer {
        background: #e7e8e9 none repeat scroll 0 0;
        color: #005983;
        display: block;
        bottom: 0;
        height: 60px;
        position: absolute;
        margin-top: 20px;
        width: 100%;
    }

    footer.footer .bottom-bar .container .row {
        width: 98%;
    }
    .footer .bottom-bar {
        padding: 10px 0 0;
    }
    .footer .bottom-bar .copyright {
        font-size: 14px;
        line-height: 3;
    }
    footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
        width: 40%;
    }
    .footer .bottom-bar .social {
        margin: 0;
    }
    .footer ul {
        padding-left: 0;
    }
    .footer .bottom-bar .social li {
        float: right;
        font-size: 24px;
        list-style: outside none none;
        line-height: 2;
        margin-left: 10px;
        text-align: center;
    }
    .footer .bottom-bar .social li a {
        color: #005983;
        padding: 0 5px;
    }
    .footer .bottom-bar .social li a:hover {
        color: #67b462;
        text-decoration: none;
    }
    /* Back to top */
    #topcontrol {
        background: #63b560 none repeat scroll 0 0 padding-box;
        border: medium none;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        font-size: 24px;
        height: 35px;
        text-align: center;
        transition: all 0.4s ease-in-out 0s;
        width: 35px;
    }
}

/* Small tablet portrait (600x800) STYLING */
@media only screen and (max-width: 650px) 
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 120px;
	}
	header .header-main {
		height: 100%;
		padding: 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 110px;
		left: 10px;
		position: absolute;
		text-indent: 0;
		top: 7px;
		width: 22%;
	}
	header .logo a {
		height: 110px;
		left: 0;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 130px;
	}
	header .banner {
		background: rgba(0, 0, 0, 0) url("../img/header-background-600x800.jpg") no-repeat scroll 0 0;
		display: block;
		height: 51px;
		max-width: 100%;
		position: absolute;
		right: 0;
		text-indent: 0;
		top: 44px;
		width: 70.5%;
	}
	header .info {
		height: 20px;
		right: 0;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 100%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
    /* Removed for legend fix show/hide
	.hidden-xs {
		display: inherit !important;
	}
    */
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */

	.container {
		padding-left: 8px;
		padding-right: 8px;
	}
	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}
	#chartdiv {
		width: 100%;
		height: 300px;
	}
	#chartdivHourly {
		width: 100%;
		height: 300px;
	}
	#chartdivDaily {
		width: 100%;
		height: 300px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
    #chartdivMonthYear {
        width: 100%;
        height: 300px;
    }
	/* Footer Styling */
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 60px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 100%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 40%;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

/* Tablet portrait (min-width 650) / Small tablet landscape (800x600) STYLING */
@media (min-width:650px) 
{
    .wrapper {
        min-height: 100%;
        margin-bottom: -40px; /* equal to footer height */
    }
    .wrapper:after {
        content: "";
        display: block;
        height: 40px; /* must be the same height as footer */
    }
    /* Header Styling */
    header {
        display: block;
        height: 130px;
    }
    header .header-main {
        height: 100%;
        padding: 10px 0;
        position: relative;
    }
	header .logo {
        background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
        height: 120px;
        left: 0;
        position: absolute;
        text-indent: 0;
        top: 20px;
        width: 21%;
    }
	header .logo a {
        height: 120px;
        left: 3px;
        opacity: 0;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: 156px;
    }
    header .banner {
        background: rgba(0, 0, 0, 0) url("../img/header-background.jpg") no-repeat scroll 0 0;
        display: block;
        height: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        text-indent: 0;
        top: 30px;
        width: 66%;
    }
	header .info {
        height: 20px;
        right: 0;
        position: absolute;
        text-indent: 0;
        top: 10px;
        width: 100%;
    }
	header .menu-top {
        float: right;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: right;
    }
	header .menu-top li {
        float: left;
        font-family: "open sans", arial, sans-serif;
        font-size: 11px;
        list-style: outside none none;
    }
	header .menu-top li.divider a {
        border-right: 1px solid #c3c3c3;
    }
	header .menu-top li a {
        color: #777777;
        display: inline-block;
        padding: 0 10px;
    }
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
        text-transform: uppercase;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
        padding: 0;
        margin: 0;
        float: right;
    }
    /* Menu Styling */
    nav {
        background: #005983 none repeat scroll 0 0;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        margin-bottom: 15px;
    }
    .main-nav .nav .nav-item.active {
        position: relative;
    }
    .main-nav .nav .nav-item {
        font-family: "open sans", arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        z-index: 100;
    }
    /* Content Styling */
    h1.page-heading.clearfix {
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 10px;
    }
    /* Map Styling */
    .nav-tabs {
        border-bottom: medium none;
        margin-bottom: -1px;
        position: relative;
    }
    .tab-content {
        border: 1px solid #e8e8e8;
        height: 100%;
        margin-bottom: 30px;
        min-height: 732px;
        padding: 15px;
    }
    #map, #map *, #map *::before, #map *::after {
        box-sizing: content-box;
    }
    #map {
        height: 300px;
    }
    #map-canvas {
        background-color: #e5e3df;
        overflow: hidden;
        position: relative;
        height: 700px;
        margin: 0;
        padding: 0;
    }
    .graphTitle {
        font-size: 16px;
        font-weight: normal;
    }
    #chartdiv {
        width: 100%;
        height: 300px;
    }
	#chartdivHourly {
        width: 100%;
        height: 300px;
	}
    #chartdivDaily {
        width: 100%;
        height: 300px;
    }
    #chartdivAnnual {
        width: 100%;
        height: 70px;
    }
    #chartdivMonthYear {
        width: 100%;
        height: 300px;
    }
    /* Footer Styling */
    .footer {
        background: #e7e8e9 none repeat scroll 0 0;
        color: #005983;
        display: block;
        bottom: 0;
        height: 60px;
        position: absolute;
        margin-top: 20px;
        width: 100%;
    }
    footer.footer .bottom-bar .container .row {
        width: 98%;
    }
    .footer .bottom-bar {
        padding: 10px 0 0;
    }
    .footer .bottom-bar .copyright {
        font-size: 14px;
        line-height: 3;
    }
    footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
        width: 40%;
    }
    .footer .bottom-bar .social {
        margin: 0;
    }
    .footer ul {
        padding-left: 0;
    }
    .footer .bottom-bar .social li {
        float: right;
        font-size: 24px;
        list-style: outside none none;
        line-height: 2;
        margin-left: 10px;
        text-align: center;
    }
    .footer .bottom-bar .social li a {
        color: #005983;
        padding: 0 5px;
    }
	.footer .bottom-bar .social li a:hover {
        color: #67b462;
        text-decoration: none;
    }
    /* Back to top */
    #topcontrol {
        background: #63b560 none repeat scroll 0 0 padding-box;
        border: medium none;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        font-size: 24px;
        height: 35px;
        text-align: center;
        transition: all 0.4s ease-in-out 0s;
        width: 35px;
    }
}

/* Mobile landscape (480x320) STYLING */
@media only screen and (max-width: 520px) 
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 120px;
	}
	header .header-main {
		height: 100%;
		padding: 10px 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 110px;
		left: 10px;
		position: absolute;
		text-indent: 0;
		top: 6px;
		width: 35%;
	}
	header .logo a {
		height: 99px;
		left: 3px;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 156px;
	}
	header .banner {
		display: none;
	}
	header .info {
		height: 20px;
		right: 10px;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 40%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */
	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}

	#chartdiv {
		width: 100%;
		height: 300px;
	}
	#chartdivHourly {
			width: 100%;
			height: 300px;
	}
	#chartdivDaily {
		width: 100%;
		height: 300px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
	/* Footer Styling */
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 60px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 98%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 40%;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

/* Mobile portrait (320x480) STYLING */
/*@media only screen and (max-width: 370px) */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
{
	.wrapper {
		min-height: 100%;
		margin-bottom: -40px;/* equal to footer height */
	}
	.wrapper:after {
		content: "";
		display: block;
		height: 40px;/* must be the same height as footer */
	}
	/* Header Styling */
	header {
		display: block;
		height: 113px;
	}
	header .header-main {
		height: 100%;
		padding: 10px 0;
		position: relative;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("../img/Sepa-logo.jpg") no-repeat scroll 0 0;
		height: 99px;
		left: 13px;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 50%;
	}
	header .logo a {
		height: 99px;
		left: 3px;
		opacity: 0;
		position: absolute;
		text-decoration: none;
		top: 0;
		width: 156px;
	}
	header .banner {
		display: none;
	}
	header .info {
		height: 20px;
		right: 10px;
		position: absolute;
		text-indent: 0;
		top: 10px;
		width: 40%;
	}
	header .menu-top {
		float: right;
		list-style: outside none none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	header .menu-top li {
		float: left;
		font-family: "open sans", arial, sans-serif;
		font-size: 11px;
		list-style: outside none none;
	}
	header .menu-top li.divider a {
		border-right: 1px solid #c3c3c3;
	}
	header .menu-top li a {
		color: #777777;
		display: inline-block;
		padding: 0 10px;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.beta {
		text-transform: uppercase;
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	header ul.menu-top.navbar-right.hidden-xs li span.betatext {
		padding: 0;
		margin: 0;
		float: right;
	}
	/* Menu Styling */
	nav {
		background: #005983 none repeat scroll 0 0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
		margin-bottom: 15px;
	}
	.main-nav .nav .nav-item.active {
		position: relative;
	}
	.main-nav .nav .nav-item {
		font-family: "open sans", arial, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		z-index: 100;
	}
	/* Content Styling */
	h1.page-heading.clearfix {
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 10px;
	}
	/* Map Styling */
	.nav-tabs {
		border-bottom: medium none;
		margin-bottom: -1px;
		position: relative;
	}
	.tab-content {
		border: 1px solid #e8e8e8;
		height: 100%;
		margin-bottom: 30px;
		min-height: 732px;
		padding: 15px;
	}
	#map, #map *, #map *::before, #map *::after {
		box-sizing: content-box;
	}
	#map {
		height: 300px;
	}
	#map-canvas {
		background-color: #e5e3df;
		overflow: hidden;
		position: relative;
		height: 700px;
		margin: 0;
		padding: 0;
	}
	#chartdiv {
		width: 100%;
		height: 300px;
	}
	#chartdivHourly {
		width: 100%;
		height: 300px;
	}
	#chartdivDaily {
		width: 100%;
		height: 300px;
	}
	#chartdivAnnual {
		width: 100%;
		height: 70px;
	}
	/* Footer Styling */
	body {
		margin-bottom: 107px;
	}
	.footer {
		background: #e7e8e9 none repeat scroll 0 0;
		color: #005983;
		display: block;
		bottom: 0;
		height: 107px;
		position: absolute;
		margin-top: 20px;    
		width: 100%;
	}
	footer.footer .bottom-bar .container .row {
		width: 98%;
	}
	.footer .bottom-bar {
		padding: 10px 0 0;
	}
	.footer .bottom-bar .copyright {
		font-size: 14px;
		line-height: 3;
	}
	footer.footer .bottom-bar .container .row small.copyright.col-md-6.col-sm-12.col-xs-12, footer.footer .bottom-bar .container .row ul.social.pull-right.col-md-6.col-sm-12.col-xs-12 {
		width: 40%;
	}
	.footer .bottom-bar .social {
		margin: 0;
	}
	.footer ul {
		padding-left: 0;
	}
	.footer .bottom-bar .social li {
		float: right;
		font-size: 24px;
		list-style: outside none none;
		line-height: 2;
		margin-left: 10px;
		text-align: center;
	}
	.footer .bottom-bar .social li a {
		color: #005983;
		padding: 0 5px;
	}
	.footer .bottom-bar .social li a:hover {
		color: #67b462;
		text-decoration: none;
	}
	/* Back to top */
	#topcontrol {
		background: #63b560 none repeat scroll 0 0 padding-box;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		font-size: 24px;
		height: 35px;
		text-align: center;
		transition: all 0.4s ease-in-out 0s;
		width: 35px;
	}
}

#legend {
	margin-left:2px;
}

#mapHeader {
	margin-right:4px;
	margin-top:4px;
	padding:5px;
	background-color:ghostwhite;
}

.blueicon{
	color:#337ab7;
}

.bs-callout-info {
	border-left-color: #1b809e !important;
}

.bs-callout {
	padding: 5px;
	padding-left:20px;
	border: 1px solid #eee;
	border-left-width: 3px;
}

#disclaimer h4 {
	font-size:1.0em;
	font-weight:600;
}

#disclaimer  p {
	font-size:0.8em;
}

#floodboxsurvey {
	border: 2px solid #005983;
	padding:10px;
}