
			.hide-mobile{
				display: none;
			}
				.mobile-format{
					 margin-left: auto;
				    margin-right: auto;
				    width: 70%;
				}
			@media(min-width: 500px){
				.hide-mobile{
					display: block;
				}
			}
			h4{margin:0px;}
			body { 
				margin: 0;
				padding: 0; 
				font-family: 
				Arial, sans-serif; 
				width: 100%;
				overflow-x: hidden;
		    }
			#more-options h4{margin:0px;}
			#more {
				display: inline-block;
				width: 20px;
				height: 20px;
				line-height: 20px;
				vertical-align: text-top;
				background-image: url("/img/share.png");
				background-repeat: no-repeat;
			}
			#close{float:right;margin-right: 20px;}
			#close a{  color: #eee; height:50px;}
			#more-options { float: right;z-index: 2000;margin-top:0px;  }
			#map-container { position: relative; background-color: #777;}
			#top-bar {left:0; z-index: 1000;position: absolute;  width: 100%;  padding: 7px 0px 2px; border-top-left-radius: 5px;
			 border-top-right-radius: 5px; font-size: .8em; height: 30px; }
			#title { position:fixed;
						top:30px;
					width:100%;
					background-color:#FFFFFF;
					font-size: 100%;

					 }
			#title h5{margin:0;}
			#full-screen { float: right; margin-right: 10px; background-position: -5px -5px; }
			.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
	
			.dark{ background-color: #333; color: #eee;}
			.dark a{  color: #eee; height:50px;}
			.zindex{ margin-left: 10px;z-index: 300; background-color: #ffffff; bottom:0px;position: absolute;}
			.zindex{ margin-left: 10px;z-index: 300; background-color: #ffffff; bottom:0px;position: absolute;}
			.zindex h5{margin:0px;}
			.fade{
				opacity: 0.75;
			}
			.fade:hover{
				opacity: 1.0;
			}
			#options-overlay {

				position: absolute;
				top:30px;
				bottom: 0px;
				left: 0;
				right: 0;
				z-index: 1000;
				background-color: #333;
				opacity: 0.9;
				z-index: 1000;
			}
				#options {
				position: absolute;
				top: 20%;
				left: 15%;
				width: 70%;
				color: #eee;
			}
			#options .icon-link {
				display:inline-block;
				width:30px;
				height:30px;
				text-align:center;
			}
			#options .icon-link img {
				outline: none;
				border: 0;
			}
			#options .text-link {
				color: #000000;
			}
			.hide { display: none; }
			.show { display: block; }
			.share{
				position: absolute;
			}
			.click :hover{cursor: pointer}
			#controls {z-index: 1000; float: left; width: 100%; padding: 3px 0; bottom:5%; margin-left:2%; 
				position: absolute;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;height: 35px; }
			#name{margin-left: 2%;margin-top:1%;}
			.control h4{  no-repeat; width: 24px; height: 35px;bottom:5px; }
			
				@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
			@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
			@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
			@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}
			#options-overlay {-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
			#options-overlay.show {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
			#options-overlay.hide {-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
			#map-canvas{bottom:0px;top:45px;width:100%; color:#FFFFFF;}
			.hide-back { background-color:#FFFFFF;   border: 0; top:0px; z-index: 10000;position: absolute;    padding: 7px 10px 2px; border-top-left-radius: 5px;
			 border-top-right-radius: 5px; font-size: .8em; height: 30px;}
			 #map{
			 	top:45px;
			 	position: fixed;
			 }
			 .cacher-footer{
			 	z-index: 1000; 
			 	float: left;
			 	 width: 100%;
			 	  padding: 3px 0;
			 	   bottom:0%;
			 	    margin-left:2%; 
				position: absolute;
				border-bottom-right-radius: 5px; 
				border-bottom-left-radius: 5px;height: 35px; 
			 }
			 .point-cacher-title{
				margin-left: 2%;
				margin-top: 0%;
				top: 10px;
				position: fixed;
			 }
		

