<!--
html, body
{
 height: 100%;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
}

v\:*
{
 behavior: url(#default#VML);
}

/* Override the new default style in GM v3.14+ */
.gm-style div, .gm-style span, .gm-style label, .gm-style a
{
 font-family: Verdana, Arial, Helvetica, sans-serif !important;
 font-size: 7pt !important;
 font-weight: bold !important;
}

div#map
{
 height: 100%;
 margin: 0;
 background: lightgray;
}

#loading
{
 position: absolute;
 width: 10em;
 text-align: center;
 padding: 2em;
 margin-left: 48%;
 margin-top: 20%;
 border: 4px groove #006600;
 background-color: #CCDDDD;
 opacity: 0.75;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 filter: alpha(opacity=75);
 z-index: 100000;
}

#latlonCoord
{
 position: absolute;
 top: 0px;
 left: 5px;
 background: #336699;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#latlonInfo
{
 position: absolute;
 top: 14px;
 left: 5px;
 background: #DDAD08;
 text-align: center;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#websiteLink
{
 position: absolute;
 top: 28px;
 left: 5px;
 background: #339966;
 text-align: center;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#helpLink
{
 position: absolute;
 top: 28px;
 left: 154px;
 background: #DD3333;
 text-align: center;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#helpMVTLink
{
 position: absolute;
 top: 28px;
 left: 186px;
 background: #DD3333;
 text-align: center;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#copyrightXMJ
{
 position: absolute;
 top: 30px;
 right: 10px;
 background-color: #F2EFE9;
 color: black;
 font-size: 10px;
 text-align: center;
 white-space: nowrap;
 padding: 2px;
 opacity: 0.7;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 filter: alpha(opacity=70);
 z-index: 2;
}

#eclipseData
{
 position: absolute;
 top: 42px;
 left: 200px;
 background: #FF7F7F;
 text-align: right;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#elevationInfo
{
 position: absolute;
 top: 52px;
 left: 5px;
 background: #993333;
 text-align: left;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#timeZoneInfo
{
 position: absolute;
 top: 72px;
 left: 5px;
 background: #996633;
 text-align: left;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#elevationChart
{
 position: absolute;
 top: 90px;
 left: 5px;
 width: 300px;
 height: 150px;
 background: #FFFFFF;
 text-align: left;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 visibility: hidden;
 z-index: 2;
}

#geographicalSearch
{
 position: absolute;
 top: 14px;
 left: 230px;
 width: 300px;
 height: 24px;
 background: #FFFFFF;
 font-size: 7pt;
 font-weight: 300;
 margin-top: 2px;
 margin-left: 2px;
 border: 1px solid transparent;
 border-radius: 2px 0 0 2px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 outline: none;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 text-align: left;
 padding: 0 2px 0 4px;
 text-overflow: ellipsis;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 1;
}

#geographicalSearch:focus
{
 border-color: #4D90FE;
}

#kmlLayer
{
 position: absolute;
 top: 44px;
 left: 232px;
 background: #FFFFFF;
 text-align: left;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#donateButton
{
 position: relative;
 top: 0px;
 width: 180px;
 margin-left: auto;
 margin-right: auto;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

#creditmsg
{
 position: relative;
 top: 0px;
 width: 390px;
 margin-left: auto;
 margin-right: auto;
 background: #000000;
 color: white;
 font-size: 7pt;
 font-weight: bold;
 text-align: center;
 opacity: 0.4;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
 filter: alpha(opacity=40);
 z-index: 2;
}

#glassesmsg
{
 position: relative;
 top: 0px;
 width: 500px;
 margin-left: auto;
 margin-right: auto;
 background: #000000;
 color: white;
 font-size: 7pt;
 font-weight: bold;
 text-align: center;
 opacity: 0.4;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
 filter: alpha(opacity=40);
 z-index: 2;
}

#glassesButton
{
 position: relative;
 bottom: 0px;
 width: 420px;
 margin-left: auto;
 margin-right: auto;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

.closebutton
{
 background-color: transparent;
// position: absolute;
 position: relative;
 float: right;
 margin: -50px -6px 0px 0px;
/* right: 7px;
 top: 7px;
 bottom: 8px;*/
}

.closebuttontablet
{
 background-color: transparent;
// position: absolute;
 position: relative;
 float: right;
 margin: -50px -6px 0px 0px;
/* right: 7px;
 top: 7px;
 bottom: 8px;*/
}

#errorLog
{
 position: absolute;
 top: 70px;
 left: 70px;
}

#mapLoading
{
 position: absolute;
 width: 100%;
 padding-top: 30%;
 font-size: 16pt;
 font-weight: bold;
 color: red;
 text-align: center;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 1000000;
}

#timeInfo
{
 position: absolute;
 top: 46px;
 left: 5px;
 background: #FFFFFF;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
 text-align: left;
 color: #000000;
 text-decoration: none;
}

a.timeInfo
{
 color: #000000;
 text-align: left;
 text-decoration: none;
 border-bottom: 1px dotted black;
}

a.timeInfo:hover
{
 color: #000000;
 text-align: left;
 text-decoration: none;
 border-bottom: 1px solid black;
}

a.ShowGoogle
{
 font-size: 7pt; font-weight: bold;
 color: #006699; text-decoration: underline;
}

a.ShowGoogle:visited
{
 font-size: 7pt; font-weight: bold;
 color: #6699CC; text-decoration: underline;
}

a.ShowGoogle:hover
{
 font-size: 7pt; font-weight: bold;
 color: #0099CC; text-decoration: underline;
}

a.GMWebHome
{
 font-size: 7pt; font-weight: bold;
 color: #FFFFFF; text-decoration: underline;
}

a.GMWebHome:visited
{
 font-size: 7pt; font-weight: bold;
 color: #FFFFFF; text-decoration: underline;
}

a.GMWebHome:hover
{
 font-size: 7pt; font-weight: bold;
 color: #333333; text-decoration: underline;
}

a.GMCopyright
{
 font-size: 10px; font-weight: bold;
 color: black; text-decoration: underline;
}

a.GMCopyright:visited
{
 font-size: 10px; font-weight: bold;
 color: black; text-decoration: underline;
}

a.GMCopyright:hover
{
 font-size: 10px; font-weight: bold;
 color: #333333; text-decoration: underline;
}

a.watts
{
 font-size: 7pt; font-weight: bold;
 color: #000000; text-decoration: none;
}

a.watts:visited
{
 font-size: 7pt; font-weight: bold;
 color: #000000; text-decoration: none;
}

a.watts:hover
{
 font-size: 7pt; font-weight: bold;
 color: #006699; text-decoration: underline;
}

a.EclipseHelp
{
 font-size: 7pt; font-weight: bold;
}

a.EclipseGlasses
{
 font-size: 7pt; font-weight: bold;
 color: white; text-decoration: underline;
}

span.EclipseGlasses
{
 font-size: 7pt; font-weight: bold;
 color: white; text-decoration: none;
}

select.GMEclipse
{
 font-size: 8pt; font-weight: bold;
 color: #000000;
 text-align: left;
 opacity: 0.8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 z-index: 2;
}

td.Eclipse, th.Eclipse
{
 font-size: 7pt; font-weight: bold;
 text-align: center;
 white-space: nowrap;
}

td.EclipseLeft, span.EclipseLeft, div.EclipseLeft
{
 font-size: 7pt; font-weight: bold;
 text-align: left;
 white-space: nowrap;
}

td.EclipseRight, span.EclipseRight, div.EclipseRight
{
 font-size: 7pt; font-weight: bold;
 text-align: right;
 white-space: nowrap;
}

td.EclipseLatLon
{
 font-size: 7pt; font-weight: bold;
 text-align: right;
 white-space: nowrap;
}

td.EclipseCenter, span.EclipseCenter, div.EclipseCenter
{
 font-size: 7pt; font-weight: bold;
 text-align: center;
 white-space: nowrap;
}

td.EclipseJustify
{
 font-size: 7pt; font-weight: bold;
 text-align: justify;
 white-space: nowrap;
}

div.jsError
{
 margin: 0px;
 padding: 10px 0px 10px 0px;
 width: 100%;
 position: absolute; top: 25%;
 font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
 font-size: 3em; font-weight: bold;
 color: red;
 text-align: center;
 background-color: #FFFF00;
 opacity: 0.7;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
}
-->