/* Earthquake Map default style by Dawn Endico - endico@gmail.com 
   Released under Creative Commons License
   http://creativecommons.org/licenses/by-sa/2.5/
*/

html, body {
    width: 99%;
    font-family: verdana, arial, sans-serif;
    background-color:#FFFFFF;
    }

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

body h1 {
    font-size: large;
}
#map {
    position: absolute;
    width:  99%;
    border: 4px groove #060;
    background-color: #abb;
    z-index: 1;
}

#errmsg {
    width:  50%;
    height: 20%;
    margin-top: 10%;
    margin-left: auto;
    margin-right:auto;
    visibility: hidden;
}

#loading {
    position: relative;
    width:  10em;
    text-align: center;
    padding: 2em;
    border: 4px groove #060;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    opacity: .75;
    filter: alpha(opacity=75);
}

#loadingMessage{
}

#legend {
    float: left;
    width: 260px;
    padding-top: 1em;
}
#legend td {
    padding-right: 4px;
}
.pin {
    text-align: right;
}

#caption {
    margin-left: 280px;
}

#credits {
    margin-left: 280px;
    font-size: smaller;
}

#coordinates {
    margin-left: 280px;
    font-size: smaller;
}

#marker {
    font-size:smaller;
}

#tabs {
    font-size: smaller;
    font-variant: small-caps;
    background-color:#000000;
    border-collapse: collapse;
}
#tabs td {
    width: 6em;
    padding-left: 4px;
    text-align: left;
    border-width: 2px;
    border-style: groove;
}
#tabs a:link,
#tabs a:visited
{
display: block;
text-decoration: none;
color: #000;
background: #c0c0c0;
padding: 2px;
}

#tabs a:hover
{
background: #ffcc99;
}

#tabs a:active
{
background: #c0c0c0;
}

#linkto {
    text-align: right;
    font-size: smaller;
    font-variant: small-caps;
    padding-right: 4px;
display: block;
text-decoration: none;
}

.debug {
    visibility: hidden;
}