#map{
  position: relative;
  width: 813px;
  height: 405px;
  overflow: hidden; }

#returnlink{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: #000000;
  padding: 3px 10px;
  opacity: .7;
  font-weight: bold;
  }

#map a.bullet{
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  /* DEVELOPMENT STYLES
  background: yellow;
  text-decoration: none;
  border: 1px solid red;
  opacity: .7;
  */
  z-index: 2; }

#map a.bullet:hover{
  background-image: url(images/play-button.png);
  background-repeat: no-repeat;
  background-position: center center;


}


#map img.zoomable { }

#map div.popup{
  display: none;
  position: absolute;
  width: 290px;
  height: 214px;
  top: 90px;
  left: 50px;
  z-index: 3;
  background: url(images/popup-bg.png);
  background-repeat: no-repeat;
 }

#map div.popup-inner{
  padding: 10px;
  border: 2px solid #f1292b;
  width: 253px;
  height: 173px;
  background: white;
}


#map div.popup a.close{
  display: block;
  position: absolute;
  bottom: 25px;
  right: 25px; }

#map .lytebox-images{
  display: none;
}


.popup{
  color: #000000;
  font-family: arial;
}

.popup p{
  margin-top: 0px;
}


.popup h3{
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  font-family: arial;
  margin-top: 0px;
  margin-bottom: 10px;
}

.popup .sub-title{
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
  line-height: 22px;
  margin-bottom: 5px;
}

#map #mgh-main{
  height: 27px;
  width: 29px;
}


/* BOSTON CAMPUS STYLES */
#map #white-building{
  height: 45px;
  width: 29px;
}

#map #wang-amb-care{
  height: 60px;
  width: 32px;
}

#map #warren-building{
  height: 31px;
  width: 45px;
}

#map #emmerson-building{
  height: 20px;
  width: 27px;
}

#map #blake-building{
  height: 40px;
  width: 33px;
}

#map #bulfinch-building{
  height: 37px;
  width: 86px;
}

#map #yawkey-center{
  height: 87px;
  width: 59px;
}

#map #west-end{
  width: 22px;
  height: 24px;
}

#map #simches-building{
  height: 45px;
  width: 129px;
}

#map #staniford-50{
  height: 34px;
  width: 48px;
}

#map #merrimac-101{
  height: 55px;
  width: 70px;
}

#map #merrimac-151{
  width: 73px;
  height: 60px;
}

#map #bowdoin-1{
  height: 47px;
  width: 45px;
}

#map #staniford-60{
  height: 35px;
  width: 32px;
}

#map #longfellow-5{
  height: 44px;
  width: 32px;
}

#map #longfellow-2{
  height: 45px;
  width: 36px;
}


