html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }


#upload { padding:10px 20px; background:#000; color:#fff; float:right; opacity:0.5; position:relative; margin:-100px 20px 0px 0px; font-size:40px; z-index:10; }


/*FONT & BACKGROUND*/
body { font-family: "Helvetica-Neue", Helvetica, Arial, Sans-serif; font-size:11px; }



/*LOGO IMAGE*/

#logo { clear:both; margin-top:10px; width:790px; height:300px; margin-left:-10px; margin-right:-10px; border:5px solid #fff; background-image:url('images/logo.png'); }


span.link { cursor:pointer; }
span.link:hover { cursor:pointer; color:#ccc; }

i.link {cursor:pointer; position:relative;}
i.link:hover { cursor:pointer; opacity:0.7; }

/*span.link:hover { cursor:pointer; text-decoration:underline; color:#888; }
*/

.current{color:#119bf1!important; font-weight:bold;}
.current:hover{color:#91d3ec!important; font-weight:bold;}

ul { list-style:none; margin:0; padding:0; }
li { margin-bottom:10px; }

#header { padding:10px 10px 5px 10px; }

#content { padding:10px; margin-top:5px; background:#f0ffff; }

#footer { clear:float; background:#f0ffff; color:#000; padding:10px; margin-top:10px; margin-bottom:10px; }

#map { height: 100%; width:100%; }

#top { position:fixed; padding:7px 10px 5px 10px; top:0px; left:0px; width:100%; min-width:800px; color:#fff; line-height:13px; height:14px; background:rgba(0,0,0,0.7); }
/*#top { position:fixed; padding:7px 10px 5px 10px; top:0px; left:0px; width:100%; min-width:1000px; opacity:0.7; color:#000; height:14px; background:#fff;}*/

/*#top:hover { opacity:0.7; }*/



	#top a { color:#fff; text-decoration:none; }
	#top a:hover { color:#ccc; }

/*#top a { color:#000; text-decoration:none; }*/
/*#top a:hover { color:#888;  }*/


	#top ul { list-style-type:none; }

	.dropdownMenu {  float:right; font-family: "Helvetica-Neue", Helvetica, Arial, Sans-serif; font-size:11px; letter-spacing:2px; padding-right:10px;}
	.dropdownMenu li { display:inline; float:left; padding:6px 12px; margin:-6px 0px; }
	.dropdownMenu li a:link, .dropdownMenu li a:visited {   }
	.dropdownMenu li a:hover {  } 
/*	.dropdownMenu li ul { font-size:9px; position:absolute; visibility:hidden; color:#000; margin:6px 0px 0px -12px; padding:0px; background:#fff;}*/
	.dropdownMenu li ul { font-size:9px; position:absolute; visibility:hidden; color:#fff; margin:5px 0px 0px -12px; padding:0px; background:rgba(0,0,0,0.7);}
	.dropdownMenu li ul li { clear:both; margin:1px 0px; }


	


	#browser { color:#fff;  width:270px; height:19px; letter-spacing:2px; padding:0px 20px; margin:0;}
/*#browser { float:right; position:absolute; top:40px; right:20px; padding:10px 20px 10px 10px; opacity:0.7; color:#000;  width:220px; letter-spacing:2px; background:#fff;}*/

/*#browser:hover { opacity:0.7; }*/


	#browserList { margin-left:0px; margin-top:3px; background:rgba(0,0,0,0.7); letter-spacing:2px; font-size:10px; overflow:auto; outline: none;  width:270px; }

	#browser ul { line-height:13px; }

	
/*	ul.square { list-style:square; }*/
	#browser li { margin-left:0px; padding:2px 0px 2px 10px; }


h1 { letter-spacing:-1px; margin:10px 0px; padding:0; font-weight:normal; }
h2 { letter-spacing:-0.5px; margin:10px 0px; padding:0; text-decoration:underline; font-weight:normal; }

p { margin:10px 0px; padding:0; letter-spacing:0.25px; line-height:22px; text-align:justify; }

a { color: #000; text-decoration:underline; }
a:hover { text-decoration:none; }





#title { float:left; }


#footer a { text-decoration:none; }

.selected { background:#f0ffff; color:#000; text-decoration:none; border:1px solid black; padding:4px; }



/*NAVBAR*/

#mainnav { margin-top:5px; margin-left:-10px; margin-right:-10px; background:#f0ffff; color:#000; padding:10px 5px 10px 5px; text-align:right; }

#mainnav ul { list-style:none; margin:0; padding:0; }

#mainnav li { display:inline; }

#mainnav li a { background:#f0ffff; color:#000; text-decoration:none; padding:5px; }

#mainnav li a:hover { background:#f0ffff; color:#000; text-decoration:underline; padding:5px; }


/*UPLOAD*/

.error { font-weight: bold; color: #C00 }


label { height:20px; width: 125px; float: left; text-align: right; margin-right: 0.5em; display: block; letter-spacing:0px;  }

input { height:20px; background:#f0fff0; color: #000; border: 1px solid #000; padding:2px 2px 2px 2px; margin-bottom:1px; margin-top:1px; }

input.submit { padding-bottom:2px; color: #000; border: 1px solid #000; background:#f0fff0; }

input.file  { height:30px; font-size:11px; color: #000; border: 1px solid #000; background:#f0fff0; }

input.checkbox { border: 1px solid #000; background:#f0fff0; }

select { color: #000; border: 1px solid #000; background:#f0fff0; }

option { background:#f0fff0; padding:0px 4px 0px 3px; }

textarea { color: #000; border: 1px solid #000; background:#f0fff0; }

fieldset { border: 1px solid #000; padding-left:10px; padding-bottom:15px; margin-bottom:10px; margin-top:10x; padding-top:5px; }

legend { border: 1px solid #000; padding: 2px 4px 4px 6px; }

#upload_map_static { width: 400px; height: 300px; border:1px solid black; }
#upload_map_mobile { width: 400px; height: 300px; border:1px solid black; }


.static{display:none;}
.mobile{display:none;}

	#clearPaths{
		 width:24px; height:24px; position:absolute; left:200px;
		top:6px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	 background-color: rgb(255, 255, 255);
	border: 1px solid rgb(113, 123, 135); -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
}



/*sound map*/

/*
#map_main { position:relative; padding-top:0px; padding-bottom:0px; width:250px; margin:10px; font-size:10px; }

#map_media { position:relative; margin-bottom:10px;}

#map_title { position:relative; font-size:11px; font-weight:bold; margin-bottom:10px; }

#map_audio { position:relative; top:2px; left:0px; width:250px; height:188px; }

#map_photos { position:relative; top:2px; left:0px; width:250px; height:188px; padding-bottom:13px; }

#map_video { position:relative; top:2px; left:0px; width:275px; height:200px; }

#map_info { position:relative; top:2px; width:250px; left:0px; }

#map_image_links { margin-top:5px; position:relative; top:0px; left:0px; font-size:10px; width:250px; }

#map_download { position:relative; top:2px; left:0px; padding-bottom:3px; font-size:10px; }

*/


#map_main { position:relative; padding-top:0px; padding-bottom:0px; width:250px; margin:0px 10px 0px 10px; font-size:11px; letter-spacing:0.2px; line-height:14px; }

#map_title { position:relative; font-size:11px; font-weight:bold; padding-bottom:7px; z-index:10; background:#fff;}

#map_image { position:relative; margin-bottom:-5px; z-index:20;}

#map_media { position:relative; margin-bottom:5px;}

#map_info { position:relative; top:2px; width:250px; left:0px; }

#map_info li { padding:0; margin:5px 0px 5px 0px; }

#map_download { margin:5px 0px 0px 0px; text-align:center;}

.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div{
	font-size:11px; letter-spacing:0.2px; line-height:15px;  font-family:'Helvetica Neue','Helvetica','Arial','sans-serif';
}

.gm-style div, .gm-style span, .gm-style label, .gm-style a{
		font-size:11px; letter-spacing:0.2px; line-height:15px; font-family:'Helvetica Neue','Helvetica','Arial','sans-serif';
}



/*sound map installation*/

/*sound map*/

#soundPlayer { height:24px; width:250px; z-index:20;}

#inst_main { position:relative; padding-top:0px; padding-bottom:0px; width:250px; margin:0px 10px 10px 10px; font-size:11px; letter-spacing:0.2px; line-height:15px; }

#inst_title { position:relative; font-size:12px; font-weight:bold; margin-bottom:10px; }

#inst_image { position:relative; margin-bottom:-5px; z-index:20px;}

#inst_media { position:relative; margin-bottom:10px;}

#inst_info { position:relative; top:2px; width:250px; left:0px; }

#inst_info li { padding:0; margin:5px 0px 5px 0px; }

.justify {text-align:justify;}

#topTitle{ font-family:'Helvetica','Arial','sans-serif' font-size:12px; letter-spacing:2px}

#search{margin-left:10px; margin-top:-4px; height:12px;}

@media (max-width: 1150px) {
	.dropdownMenu{float:right; font-family: "Helvetica-Neue", Helvetica, Arial, Sans-serif; font-size:11px; letter-spacing:0px; padding-right:2px; }
	
	#browser { color:#fff;  width:230px; height:19px; letter-spacing:2px; padding:0px 10px; margin:0;}
	
	#browserList { margin-left:0px; margin-top:3px; letter-spacing:1px; font-size:10px; overflow:auto; outline: none;  width:230px; }

	#topTitle{font-family:'Helvetica'; font-size:11px; letter-spacing:1px}

}

@media (max-width: 950px) {
	
	#top { position:fixed; padding:6px 10px 5px 10px; top:0px; left:0px; width:100%; min-width:800px; color:#fff; line-height:13px; height:14px; background:rgba(0,0,0,0.7); }
	
	.dropdownMenu{float:right; font-family: "Helvetica-Neue", Helvetica, Arial, Sans-serif; font-size:10px; letter-spacing:0px; padding-right:2px; }
	
	.dropdownMenu li { display:inline; float:left; padding:6px 10px; margin:-6px 0px; }
	
	#browser { color:#fff;  width:160px; height:19px; letter-spacing:2px; padding:0px 0px 0px 5px; margin:0;}
	
	#browserList { margin-left:0px; margin-top:3px; letter-spacing:1px; font-size:10px; overflow:auto; outline: none;  width:276px; }

	#search{margin-left:5px; margin-top:-4px; height:12px; width:70px;}
	
	#topTitle{font-family:'Helvetica'; font-size:11px; letter-spacing:0px}

}