.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; }
.worldmap_canvas { width: auto; margin-right: 27px;  margin-bottom: 27px; height: 550px; top: 0px; left: 0px; }

.worldMapNavigation { overflow: hidden; background-color: #E5E5E5; height: 690px; width: 186px; }
.markersGuide { background-color: #E5E5E5; float: left; font-size: 14px; 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: 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; }
.unchecked { padding-left: 30px; background: url("../images/icons/untag_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; }