@CHARSET "UTF-8";

html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px; font-family: sans-serif }


#header-links { 
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	background-color: lightgrey; color: darkgrey; 
	padding: 10px 10px 10px 10px;
}
#header-links a, #header-links a:link, #header-links a:visited {
	text-decoration: none; font-size: 0.9em; color: #444; padding: 2px 10px 2px 10px;
}
#header-links a:active, #header-links a:hover {
	text-decoration: none; font-size: 0.9em; color: #fff; padding: 2px 10px 2px 10px;
}

#tokenpanel { 
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	background-color: black; color: white; opacity: 0.8; font-size: .8em;
	padding: 10px 10px 2px 10px; margin: 5px 5px 5px 5px
}

#tokenpanel a, #tokenpanel a:link, #tokenpanel a:visited {
        text-decoration: none; font-size: 1em; color: #fff; background-color: #49929e;
        -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px 2px 10px;
}
#tokenpanel a:active, #tokenpanel a:hover { color: #366d7c; background-color: #cce2ef; }

#tokenpanel a.find-pin, #tokenpanel a.find-pin:link, #tokenpanel a.find-pin:visited { background-color: #000;   }
#tokenpanel a.find-pin:active, #tokenpanel a.find-pin:hover { background-color: #000;  }

#tokenpanel a.find-me, #tokenpanel a.find-me:link, #tokenpanel a.find-me:visited { display: none; }
#tokenpanel a.find-me:active, #tokenpanel a.find-me:hover { }

#tokenpanel a.view-street, #tokenpanel a.view-street:link, #tokenpanel a.view-street:visited { display: none; }
#tokenpanel a.view-street:active, #tokenpanel a.view-street:hover { /* color: #fff; background-color: #49929e; border: 1px solid #fff; */ }

#share { font-size: .8em; }
#share a, #share a:link, #share a:visited {
        text-decoration: none; font-size: 1em; color: #fff; background-color: #49929e;
        -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 10px 3px 10px;
}
#share a:active, #share a:hover { color: #366d7c; background-color: #cce2ef; }

#share a.find-route, #tokenpanel a.find-route:link, #tokenpanel a.find-route:visited { display: none; }
#share a.find-route:active, #tokenpanel a.find-route:hover { }

#map-progress, #map-alert {
	position: absolute; left: -3000px; z-index: 100000; display: none; width: 300px; opacity: 0.9; 
	padding: 24px 20px 20px 20px; font-size: .8em; line-height: 1.1em; color: #fff; background-color: #366d7c;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left;
}

#map-progress .find-location { float: right; margin-top: -6px; margin-right: 140px; padding-bottom: 16px }
#map-progress .searching-location { font-weight: bold; font-size: 1.4em; margin-bottom: 8px; display: inline-block }
#map-progress .share-location { width: 260px; display: inline-block; }

#map-alert { font-size: 0.95em; }
#map-alert span { display: block; margin-bottom: 8px; font-weight: bold; }
#map-alert a, #map-alert a:visited, #map-alert a:link
	{
		float: right; text-decoration: none; font-size: .8em; color: #fff; background-color: #49929e;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 1px 10px 2px 10px;
	}
#map-alert a:hover, #map-alert a:active { color: #366d7c; background-color: #cce2ef; }