/*
* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
* http://jquerymobile.com
* Copyright 2011 (c) jQuery Project
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*/

/***** LAYOUT  *****/
.shadow { -moz-box-shadow: 5px 5px 5px #ccc;  -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }
.opacityHover:hover{opacity: 0.75; cursor: pointer; }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; background-color: #F0F0E8; }
div#map { height:100%; }
div#sidenav { height:100%; }
.header {
	padding: 10px 15px 0px 0px;
	line-height:0px;
	font-family:Times;
}
.paragraph {
	font-family: Times;
	font-size: 1.3em;
}
.sidenav {
    width: 0; /* 0 width - change this with JavaScript */
    height: 100%;
    position: fixed; /* Stay in place */
    z-index: 900; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #00533E; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    padding-bottom: 0px;
    margin-bottom: 0px;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    transition: 0.3s
}
 
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav h3 {
	color: #f9d405;
	text-align: center;
	font-size: 25px;
}

.sidenav h2 {
	color: #ffffff;
	text-align: center;
	font-size: 30px;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #00533E;
    overflow: hidden;
    z-index:890;
    position:absolute;
    width:100%;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.data {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.legend {
    line-height: 18px;
    color: #555;
}

label {
	color: #ffffff;
}

.links {
	line-height: 18px;
    background-color: #00533E;
}