/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font - weight: inherit;
    font - style: inherit;
    font - size: 100 % ;
    font - family: inherit;
    vertical - align: baseline;
}
body {
    line - height: 1.5;
}

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

table {
    border - collapse: separate;
    border - spacing: 0;
}
caption, th, td {
    text - align: left;
    font - weight: normal;
}
table, td, th {
    vertical - align: middle;
}
blockquote: before,
blockquote: after,
q: before,
q: after {
    content: "";
}
blockquote,
q {
    quotes: ""
    "";
}
a img {
    border: none;
}

/**
 * Basic Typography
 */
pre,
code {
    margin: 1.5em 0;
    white - space: pre;
}
pre,
code {
    line - height: 1.5;
}
a[href] {
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    color: # 003a6b;
    background - color: transparent;
    font: 100 % 'Lucida Grande',
    Verdana,
    Geneva,
    Lucida,
    Arial,
    Helvetica,
    sans - serif;
    margin: 0;
    padding - top: 0.5em;
}
h1 {
    font - size: 130 % ;
    margin - bottom: 0.5em;
    border - bottom: 1px solid # fcb100;
}
h2 {
    font - size: 120 % ;
    margin - bottom: 0.5em;
    border - bottom: 1px solid # aaa;
}
h3 {
    font - size: 110 % ;
    margin - bottom: 0.5em;
    text - decoration: underline;
}
h4 {
    font - size: 100 % ;
    font - weight: bold;
}
h5 {
    font - size: 100 % ;
    font - weight: bold;
}
h6 {
    font - size: 80 % ;
    font - weight: bold;
}


.olControlAttribution {
    bottom: 5px;
}

.olMapTileAnim .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 759px;
    height: 512px;
    border: 10px solid # ccc;
    position: absolute;
}
# tags {
    display: none;
}

# docs p {
    margin - bottom: 0.5em;
}
/* mobile specific */
@media only screen and(max - width: 600px) {
    body {
        height: 100 % ;
        margin: 0;
        padding: 0;
        width: 100 % ;
    }
    # map {
        background: #000000;
        width      : 100%;
    }
    # map {
            border: 0;
            height: 250px;
        }
        # title {
            font - size: 1.3em;
            line - height: 2em;
            text - indent: 1em;
            margin: 0;
            padding: 0;
        }
        # docs {
            bottom: 0;
            padding: 1em;
        }
        # shortdesc {
            color: # aaa;
            font - size: 0.8em;
            padding: 1em;
            text - align: right;
        }
        # tags {
            display: none;
        }
    }@media only screen and(orientation: landscape) and(max - width: 600px) {
        # shortdesc {
            float: right;
            width: 25 % ;
        }
        # map {
            width: 70 % ;
        }
        # docs {
            font - size: 12px;
        }
    }
    body {
        -webkit - text - size - adjust: none;
    }