.map {margin: 0 auto;max-width: 1024px;padding: 0px;}
.map-wrap {background: #4e7cad url(~/_SiteCommon/Images/timezone-map-selectors/bg.png);padding: 1px;border-radius: 3px;position: relative;}
.map-inset {padding-bottom: 50%;background: url(~/_SiteCommon/Images/timezone-map-selector/world.png) 50% 50%;background-size: cover;position: relative;border-radius: 2px;}
.map-inset span {width: 6px;height: 6px;margin: -3px 0 0 -3px;background: #fff;position: absolute;border-radius: 3px;border: 1px solid #4e7cad;box-sizing: border-box;}
.map-inset .map-axis-x {position: absolute;top: 0;bottom: 0;border-left: 1px solid rgba(78,124,173,0.5);width: 0;transition: left 50ms ease-out;}
.map-inset .map-axis-y {position: absolute;left: 0;    right: 0;border-top: 1px solid rgba(78,124,173,0.5);height: 0;transition: top 50ms ease-out;}
.map-label {width: 100%;color: #2196F3;text-align: center;}
.map-label .map-label-name {margin-right: 10px;}