body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #c4c4c4;
    background-position: center;
    background-repeat: no-repeat;
}

#map {
    margin: 0;
    padding: 0;
    border: 0;
}

#noscript {
    border: 1px solid #dd1111;
    display: block;
    font-size: 200%;
    font-weight: bold;
    margin: 20% 20%;
    padding: 4px;
    text-align: center;
}


/* service section */
#serviceSection {
    position: absolute;
    top: 70px;
    left: 4px;
    background-color: #fff;
    margin: 0;
    margin-top: 2ex;
    padding: 3px;
    font-size: x-small;
    border: 1px solid #999;
    opacity: 0.6;
    z-index: 20001;
    vertical-align: top;
    display: none;
}

#serviceSection a,
#serviceSection a:link,
#serviceSection a:visited,
#serviceSection a:active {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

#serviceSection a:hover {
    font-weight: bold;
    text-decoration: underline;
}

/*
 * changed zoom stuff
 */
.zoomPanel {
    top: 11px;
    left: 14px;
} 

.zoomPanel div {
    background-image: url("./pix/ui/zoom-panel.png");
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.zoomPanel .olControlZoomInItemInactive {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

.zoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0px;
    background-position: 0px -18px;
}

.zoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0px;
    background-position: 0px 18px;
}

/* popup windows */
.olFramedCloudPopupContent .WPname {
    font-weight: bold;
}

.olFramedCloudPopupContent .WPdesc {
    font-size: smaller;
}

/* attribution line */
.olControlAttribution {
    bottom: 1ex !important;
}