html{
    height:100%;
}
body{
    height:100%;
    margin:0;
    padding:0;
}
#map-canvas{
    height:100%;
}
@media screen and (min-width: 800px) {
	#adSidebar{
		position:absolute;
		top:calc(50% - 225px);
		left:10px;
		height:400px;
		width:200px;
		z-index:99;
		background-color:#FFFFFF;
	}
	#sidebar{
		position:absolute;
		top:calc(50% - 225px);
		right:10px;
		height:25px;
		width:200px;
		z-index:99;
	}
	#mapElementsSideBarHeader{
		position:relative;
		height:25px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/headerbackground.png);
		color:#FFF;
		font-weight:700;
		padding-top:3px;
	}
	#mapElementsSideBar{
		position:relative;
		height:400px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/background.png);
	}
	#instagramElementsSideBarHeader{
		position:relative;
		height:25px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/headerbackground.png);
		color:#FFF;
		font-weight:700;
		padding-top:3px;
	}
	#instagramElementsSideBar{
		position:relative;
		height:400px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/background.png);
	}
	#twitterElementsSideBarHeader{
		position:relative;
		height:25px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/headerbackground.png);
		color:#FFF;
		font-weight:700;
		padding-top:3px;
	}
	#twitterElementsSideBar{
		position:relative;
		height:320px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/background.png);
	}
	#otherElementsSideBarHeader{
		position:relative;
		height:25px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/headerbackground.png);
		color:#FFF;
		font-weight:700;
		padding-top:3px
	}
	#otherElementsSideBar{
		position:relative;
		height:375px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/background.png)
	}
	#aboutUsSideBarHeader{
		position:relative;
		height:25px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/headerbackground.png);
		color:#FFF;
		font-weight:700;
		padding-top:3px
	}
	#aboutUsSideBar{
		position:relative;
		height:450px;
		width:200px;
		background-image:url(https://www.hail-reports.com/images/background.png)
	}
	#logo{
		position:absolute;
		bottom:20px;
		left:0;
		z-index:99
	}


	#emailTop{
		background: #f85032; /* Old browsers */
		background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
		font-size:24px; 
		padding-top:3px;
		text-align:center; 
		display:none; 
		width:524px; 
		height:30px; 
		z-index:99; 
		position:absolute; 
		top:0px; 
		margin-left: -262px; 
		color:white; 
		left: 50%;
	}

	#emailTop a:link{
		color:white;
		text-decoration: none;
	}
	#emailTop a:visited{
		color:white;
		text-decoration: none;
	}
	#emailTop a:hover{
		color:white;
		text-decoration: none;
	}
	.mobile_menu_button{
		display: none;
	}
	.closebtn {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	#adSidebar{
		display: none;
	}

	#mapElementsSideBarHeader{
		display: none;
	}

	#instagramElementsSideBarHeader{
		display: none;
	}
	#instagramElementsSideBar{
		display: none;
	}
	#twitterElementsSideBarHeader{
		display: none;
	}
	#twitterElementsSideBar{
		display: none;
	}
	#otherElementsSideBarHeader{
		display: none;
	}
	#otherElementsSideBar{
		display: none;
	}
	#aboutUsSideBarHeader{
		display: none;
	}
	#aboutUsSideBar{
		display: none;
	}
	#logo{
		display: none;
	}
	#emailTop{
		display: none;
	}

	#emailTop a:link{
		display: none;
	}
	#emailTop a:visited{
		display: none;
	}
	#emailTop a:hover{
		display: none;
	}
	.mobile_menu_button{
		position:absolute; 
		z-index: 99;
		background-color: #000000;
		height: 45px;
		width: 145px;
		color: #ffffff;
		font-size:30px;
		cursor:pointer;
	}
	#sidebar{
		color: #FFFFFF;
	}
	label{
		color: #FFFFFF;
	}
	td{
		color: #FFFFFF;
	}
	#mapElementsSideBar {
		padding-top: 100px;
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
		color: #FFFFFF;
	}

	#mapElementsSideBar .closebtn {
		position: absolute;
		color: #FFFFFF;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}
	div.ui-datepicker{
	 font-size:10px;
	}

}