/* general, preparatory, non-map stuff */

#instructions { font-weight: bold; margin: 30px auto 30px auto; }


/* panels */

#leftWrapper #left, #right { border: solid 1px #ddd; padding: 10px 20px; background: #fafafa; position: relative; top: 0; left: 0; margin: 0 15px; }
#leftWrapper { width: 575px; float: left; position: relative; }
#right { float: right; width: 250px; }
    #leftWrapper #left input { margin-top: 15px; display: block; }
    #leftWrapper #left #pct { width: 350px; border: solid 1px #aaa; padding: 6px; } /* text field */

    /* result returned from PCT look-up */

    #bdm_result { padding-left: 75px; }
    .contactDetails { font-size: 1.2em; position: relative; }
    .contactDetails span { position: absolute; width: 35px; height: 90px; left: -50px; background-repeat: no-repeat; background-position: left center; display: block; }


/* ---------- CLICKABLE MAP ----------- */

/* the map itself */

#map { width: 211px; background-repeat: no-repeat; background-position: left top; width: 211px; height: 251px; position: relative; margin: auto auto; }

/* links, down state */

#map a {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    background: #eee;
    height: 10px;
    width: 10px;
    border: solid 1px #444;
    vertical-align: middle;
    line-height: 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    z-index: 1;
    overflow: hidden;
}


/* hover states (not only of img but also nested span and img) KILLED */

#map a:hover { border-color: #fff; background: #444; }


/* coords for each pct area link (numbers at end relate to BDM ID) */

#map a { left: -50%; top: -50%; }

#map #map_link-pctterrnum6 { left: 47%; top: 19%; }
#map #map_link-pctterrnum2 { left: 70%; top: 48%; }
#map #map_link-pctterrnum1 { left: 58%; top: 48%; }
#map #map_link-pctterrnum8 { left: 80%; top: 67%; }
#map #map_link-pctterrnum4 { left: 83%; top: 77%; }
#map #map_link-pctterrnum3 { left: 81%; top: 84%; }
#map #map_link-pctterrnum7 { left: 60%; top: 86%; }
#map #map_link-pctterrnum5 { left: 58%; top: 70%; }
#map #map_link-pctterrNI { left: 26%; top: 46%; }


/* technical contact */

#leftWrapper #techContact { margin-top: 50px; }