/* 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:#FFF7E6;
    }

body h1 {
    font-size: large;
}

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

#mapcontainer {
    position: relative;
    text-align: center;
}

#map {
    width: 99%;
    border: 1px solid #000;
    background-color: #807C73;
    z-index: 4;
}

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

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

#loadingMessage{
}

#bottom {
    width: 99%;
    position: relative;
}

.leftcol {
    position: absolute;
    width: 135px;
    top: 10px;
    left: 0px;
    z-index: 2;
}
.legend {
    border:1px solid black;
    background-color: white;
    font-size: smaller;
    padding: 2px;
}

.pin {
    text-align: right;
}
.firefoxad {
    position: relative;
    width: 300px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    float: left;
}

.adsense {
    position: absolute;
    width: 300px;
    top: 10px;
    right: 0px;
    z-index: 1;
    padding: 0px;
    margin: 0px;
    float: right;
}
.caption {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    top: 10px;
    min-width:120px;
    z-index: 3;
    margin:0px 310px 20px 145px;
    border:1px solid black;
    background-color:white;
    padding:10px;
}

#credits {
    font-size: smaller;
}

#coordinates {
    font-size: smaller;
}
 
#marker {
    font-size: smaller;
    width: 250px;
    text-align: left;
}

#tabs {
    font-size: smaller;
    font-variant: small-caps;
    background-color:#fff;
    border-collapse: collapse;
}
td.tab {
    width: 6em;
    padding-left: 4px;
    text-align: left;
    border:1px solid black;
    border-bottom: none;
}
td.tabgap {
    width: 1px;
    background-color:#FFF7E6;
    border-top: none;
}

#tabs a:link,
#tabs a:visited
{
    display: block;
    text-decoration: none;
    color: #000;
    background: #D9D2C3;
    padding: 2px;
}

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

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