﻿
.worldMapWrapper{
    width: auto;margin-right:27px; height: 550px; top:0px ;left:0px;
    border:solid 1px #ccc;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    height:690px;
}
.worldMapNavigation
{
/* Fallback for web browsers that doesn't support RGBa */ 
/*background: rgb(0, 0, 0) transparent;*/ 
/* RGBa with 0.6 opacity */ 
/*background: rgba(0, 0, 0, 0.1);*/ 
/* For IE 5.5 - 7*/ 
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/ 
/* For IE 8*/ 
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/ 

  overflow: hidden;
    background-color:#E5E5E5;
    height:690px;
    width:186px;
}
.markersGuide { 
    background-color: #E5E5E5;
    float: left;
    font-size: 16px;
    min-width: 120px;
    text-transform: uppercase;
    width: 154px;
    margin:0 1px;
    padding: 15px;
}
#pagecontainer #content .markersGuide h3 { 
    font-size:20px;
    color:#666465;
    font-weight:normal;
    font-family: Gill Sans MT,Arial;
    margin-bottom:15px;
    margin-top:5px;
}
.headOffice, .regionalOffice, .localOffice { 
    padding-left:30px;
    background:url("../images/icons/tag_transparent.png") no-repeat left center transparent;
}
.headOffice div, .regionalOffice div, .localOffice div { 
    color: #666465;
    cursor:pointer;
    padding-left:30px;
    height:30px;
    line-height:30px;
}

.headOffice div {background:url("../images/icons/map_icon_head_mini.png") no-repeat left center transparent;}
.regionalOffice div {background:url("../images/icons/map_icon_regional_mini.png") no-repeat left center transparent;}
.localOffice div {background:url("../images/icons/map_icon_local_mini.png") no-repeat left center transparent;}

.worldMapButton
{
    background-color: #E5E5E5;
    float: left;
    font-size: 15px;
    min-width: 120px;
    text-transform: uppercase;
    width: 99%;
    margin:0 1px;
}
.worldMapButton div 
{
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #FFFFFF;
    color: #666465;
    padding: 15px;
    text-decoration: none;
    width: auto;
    cursor:pointer;
}
.worldMapButton.active 
{

}
.worldMapButton.active div 
{color:#0048A2;
        background: none repeat scroll 0 0 #FFFFFF !important;
    border-bottom: medium none;
}
    