.mpft-map-summary .map {
  border: 1px solid #d8d8d8;
  padding: 3px;
  background: #FFF;
  height: 68px;
  width: 118px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
}

.mpft-map-summary .map img {
  width: 100%;
  height: 100%;
}


/* ----- UI ------- */

.mpft-map-ui .location {
  margin-top: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 12px 0px 9px;
  max-width: 520px;
  background-color: #dddddd;
  min-height: 26px;
}

.mpft-map-ui .location i {
  float: left;
  background-repeat: no-repeat;
  background-position: -8px -8px;
  background-image: url(images/icon-globe.png);
  background-size: 32px auto;
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.mpft-map-ui .location .no-location {
  color: #666;
  display: none;
  float: left;
}

.mpft-map-ui .location .buttons {
  float: right;
  margin-top: -2px;
}

.mpft-map-ui .location .buttons button {
  float: left;
  clear: none;
  margin-bottom: 8px;
}

.mpft-map-ui .location .buttons button.clear {
  margin-left: 6px;
}

.mpft-map-ui .location .buttons button.restore {
  display: none;
}

.mpft-map-ui .location li {
  float: left;
  margin-right: 10px;
  margin-bottom: 8px;
}

.mpft-map-ui .location li span {
  display: block;
}

.mpft-map-ui .location li b {
  padding-left: 4px;
}

.mpft-map-ui .location li.lng,
.mpft-map-ui .location li.lat {
}

.mpft-map-ui .location li.lng,
.mpft-map-ui .location li.zoom {
  padding-left: 18px;
  background: url(images/bevel-dot.png) 0 5px no-repeat;
  background-size: 8px 8px;
}

/* --- Instructions and Search --- */

.mpft-map-ui .map-search {
  padding: 14px 0px 0 0px;
}

.mpft-map-ui .map-search input {
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	max-width: 468px;
  padding: 4px 5px 3px 5px;
  margin-bottom: 7px;
  font-family: sans-serif;
}

.mpft-map-ui .map-search .label-search,
.mpft-map-ui .map-search .label-search-empty {
  display: block;
  padding-bottom: 7px;
  padding-left: 2px;
  margin: 0 !important;
  line-height: 1em;
}

.mpft-map-ui .map-search .label-search-empty {
  display: none;
}

/* ---- Google maps Canvas ----- */

.mpft-map-ui .map-wrap {
  position: relative;
}

.mpft-map-ui .map-canvas-wrap {
  border-bottom: 1px solid #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.mpft-map-ui .map-canvas {
  height: 400px;
  border: 1px solid #ccc;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 8px;
}

.mpft-map-ui a.map-begin,
.mpft-map-ui .map-obscure {
  position: absolute;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  border: 1px solid #ccc;
  height: 400px;
  display: none;
  left: 0;
  top: 0;
}

.mpft-map-ui .map-obscure {
  display: block;
  background: rgba(255, 255, 255, 0.3);
}

.mpft-map-ui a.map-begin span {
  position: absolute;
  display: block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #FFF;
  border: 2px solid #AFAFAF;
  color: #AFAFAF;
  font-size: 24px;
  left: 50%;
  width: 160px;
  padding: 25px 70px;
  text-align: center;
  top: 160px;
  margin-left: -150px;
}


/* ---- UI States ------ */


/* ---- Changed ---->    */

.mpft-map-ui .changed .location li b {
  color: #D54E21;
}

.mpft-map-ui .changed .location .buttons button.restore {
  display: block;
}
   
/* ---- Empty ---->    */

.mpft-map-ui .empty .location li b {
  color: #D54E21;
}

.mpft-map-ui .empty .location ul {
  display: none;
}

.mpft-map-ui .empty .location .no-location {
  display: block;
}

.mpft-map-ui .empty .location .buttons button.clear {
  display: none;
}

.mpft-map-ui .empty .map-search .label-search {
  display: none;
}

.mpft-map-ui .empty .map-search .label-search-empty {
  display: block;
}

.mpft-map-ui .empty a.map-begin {
  display: block;
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

  .mpft-map-ui .location i {
    background-image: url(images/icon-globe.2x.png);
  }

  .mpft-map-ui .location li.lng,
  .mpft-map-ui .location li.zoom {
    background-image: url(images/bevel-dot.2x.png);
  }


}

