body           { font-family: Lucida Sans, Copperplate Gothic, Georgia, Comic Sans MS, Arial, Helvetica, sans-serif;
		 background-color: #000030;
                 background-attachment: fixed; }


h1             { color: #ffffff;
                 font-size:13px;
                 font-weight: normal; }
a              { color: #ffffff; 
                 font-weight: normal; }
table	       { border-color: #555555;
	       }
table.main     { border-width: 0px;
                 border-spacing: 1px;
                 border-style: solid;
                 border-color: yellow;
                 border-collapse: collapse;
		 color: #ffffff;
 }
table th.main  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 color: #ffffff;
                 font-size:2vw;
                 align:center; }
table th.mainhead
               { border-width: 0px;
                 border-spacing: 0px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 color: #ffffff;
                 font-size:18px;
		 align:center;
                 background-color: #000030; }
table td.main  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:center;
                 color: #ffffff;
                 font-size:1.7vw;
                 align:center; }

table td.logo  { border-width: 0px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:center;
                 color: #000030;
                 align:center;
                 background-attachment: scroll; }

table td.navigation  { border-width: 0px;
                 background-color: #000030;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 color: #ffffff;
                 align:left;
                 font-size:1.4vw;
                 height:2px; }

table td.placemarks  { border-width: 0px;
                 background-color: #000030;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:right;
                 color: #ffffff;
                 font-size:1.4vw;
                 height:2px; }


table td.changeradius  { border-width: 1px;
                 background-color: #dddddd;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:center;
                 color: #000000;
                 align:left;
                 font-size:13px;
                 height:2px; }

table td.copyright  { font-size:12px;
                 text-align:center;
                 color: #aaaaaa;
                 align:center; }





table td.mainleft1:hover { background-color: #aaffaa; }
table td.mainleft2:hover { background-color: #ffff79; }
table td.mainleft3:hover { background-color: #ffaaaa; }
table td.mainleft5:hover { background-color: #0000ff; }





table td.mainleft  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:1.7vw;
                 align:left; }




table td.mainleft1  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:1.7vw;
                 align:left; }
table td.mainleft2  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:1.7vw;
                 align:left; }
table td.mainleft3  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:1.7vw;
                 align:left; }
table td.mainleft5  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:1.7vw;
                 align:left; }


table.rank     { border-width: 3px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 font-size:13px;
                 color: #000000;
                 border-collapse: collapse; }
table th.rank  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 font-size:13px;
                 color: #000000;
                 align:center; }
table td.rank  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: #555555;
                 border-collapse: collapse;
                 text-align:center;
                 font-size:13px;
                 color: #000000;
                 align:center; }


#location      { width:225px }
#usages        { width:225px }
#heightetc     { width:225px }
#rightphotos   { width:225px }


table.infront  { z-index: 3; 
                 background-image:url('greenwhite.jpg');
                 width:100%;
                 position: relative; }
table td.popup { color:000000; 
                 font-size:14px;
                 font-weight: normal; }
b              { color:660000 }



a span.earthheight { display: none; color: #000000;}

a:hover span.earthheight { 
position: absolute;
top: -28px;
left: 45px;
width: 80px;
padding: 3px;
color: #009900;
font-weight: normal;
font-size: 1.4vw;
text-align: center;
border: 1px solid #666;
background-color: #ffffff;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}

a span.earthheightbig { display: none; color: #000000;}

a:hover span.earthheightbig { 
position: absolute;
top: 25px;
left: -20px;
width: 80px;
padding: 3px;
color: #009900;
font-weight: normal;
font-size: 12px;
text-align: center;
border: 1px solid #666;
background-color: #ffffff;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}

a span.earthname { display: none; color: #000000;}

a:hover span.earthname { 
position: absolute;
top: -28px;
left: 45px;
width: 80px;
padding: 3px;
color: #0000ee;
font-weight: normal;
font-size: 1.4vw;
text-align: center;
border: 1px solid #666;
background-color: #ffffff;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}

a span.earthnamebig { display: none; color: #000000;}

a:hover span.earthnamebig { 
position: absolute;
top: 25px;
left: -20px;
width: 80px;
padding: 3px;
color: #0000ee;
font-weight: normal;
font-size: 12px;
text-align: center;
border: 1px solid #666;
background-color: #ffffff;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}


#popup { color: #000000;}

#popup a, #popup a:visited {
position: relative;
text-decoration:none;
color: #aaffff;

}

#popup a span.pop { display: none; color: #000000;}

#popup a:hover { text-indent: 0; color: #ffffff; }

a span.earth { display: none; color: #000000;}

a:hover span.earth { 
position: absolute;
top: -8px;
left: 45px;
width: 90px;
padding: 3px;
color: #0000ee;
font-weight: normal;
font-size: 12px;
text-align: center;
border: 1px solid #666;
background-color: #ffffff;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}

#popup a:hover span.pop {
 
position: absolute;
top: 25px;
left: 30px;
width: 240px;
padding: 0px;
color: #335500;
font-weight: normal;
text-align: left;
border: 1px solid #666;
margin: 0;
display: block;
z-index:4; // important for Opera Browser
}

.camera-icon {
	cursor: pointer;
	display: inline-block;
}

.preview {
	position: absolute;
	display: none;
	border: 1px solid #aaa;
	background: #eee;
	padding: 4px;
	z-index: 1000;
}

.preview img {
	max-width: 120px;
	height: auto;
	display: block;
}

.leaflet-container a.leaflet-popup-close-button a:visited.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
                 font-weight: normal; }