﻿/* MAPS STYLE SHEET - 2009-01-27 [Steve N: Design Haus] */


/* Map 1of2 - UK (area)
---------------------------------------------------------------*/

.map-region
{
    display:inline;
    margin-top:20px;
    background: #fff url(images/regions-uk-maps.gif) 0px 0px no-repeat;
    /*border: 1px solid green;*/
}
p.map-copyright
{
    float:left;
    position:relative;
    width:100%;
    clear:both !important;
    /*border: 1px solid hotpink;*/
}

/* Map 1of2 - UK (area) - NAVIGATION
---------------------------------------------------------------*/

ul.map-area-nav
{
    float:right;
    display:inline;
    width:147px;
    margin-top:20px !important; /* to match .map-region seen above */
    /*background-color:purple;*/
}
ul.map-area-nav li
{
    float:left;
    display:inline;
    margin:0 !important; /* overrides global css on <li>'s */
    padding:0 !important; /* overrides global css on <li>'s */
    background-image:none !important; /* overrides global css on <li>'s */
    margin-bottom:10px;
    /*background-color:red;*/
}
ul.map-area-nav li a
{
    float:left;
    display:inline;
    width:147px !important;
    text-decoration:underline;
    padding:3px;
    /*background-color:hotpink;*/
}
ul.map-area-nav li a:hover
{
    text-decoration:none;
    background-color:#D5EDF4;
}

/* Map 2of2 - Counties Map Section Specifics
---------------------------------------------------------------*/

#tab-results-wrapper
{
    background: transparent url('images/search-results-background.jpg') 0 0 repeat-x;
    min-height: 280px;
    float: left;
    width: 460px; /* minus the padding below */
    padding: 0 10px 0 10px !important;
}
#tab-results-wrapper p
{
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    /*border: 1px solid pink;*/
}

.counties-map
{
    border: 1px solid #D5EDF4; /* faint blue */
    width: 232px;
    height: 232px;
    background-image: url('images/regions-counties-maps.gif');
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.reposition-one{    background-position: 0 0;}
.reposition-two{    background-position: -900px 100px;}
.reposition-three{  background-position: 220px 220px;}
.reposition-four{   background-position: -500px -920px;}
.reposition-five{   background-position: -40px 140px;}
.reposition-six{    background-position: 50px 50px;}

.floatedrightcol
{
    float: right;
    display: inline;
    width: 234px;
    margin-left: 10px;
    margin-bottom: 10px;
    /*border: 1px solid green;*/
}

.MSVE_MapContainer
{
    z-index: 1;
}
