.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 520px;
  margin: 20px auto;
}

.portrait{
  max-width:214px;
  position:relative;
  float:left;
  margin:0 2% 2% 0;
  width:23%;
}

.portrait:hover{
  cursor:pointer;
}


.portrait .ward{
  background:none repeat scroll 0 0 #004c93;
  color:#fff;
  font-size:0.85em;
  font-weight:600;
  padding:1px 5px;
  position:absolute;
  right:-3px;
  top:-3px;
}


.infopop {
  background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  bottom:0;
  color:white;
  max-height:4.5ex;
  min-height:4.5ex;
  padding:1.1ex .5em;
  position:absolute;
  transition:max-height 1s ease 0s,height 1s ease 0s;
  width:100%;
}

.infopop p{
  margin:0;
}


.infopop p.name{
  font-size:13px;
}


.infopop .email{
  font-size:.875em;
}


.infopop a{
  color:white;
}

.ward-info .image img {
  max-width:100%;
}

.ward-info .image{
  width:120px;
}

.ward-info {
  float:none;
  height: 280px;
  /*max-height: 260px;*/
}

.ward-info h4,.ward-info-fancybox h4{
  font-size:1.1em;
}


.ward-info .image {
  float:left;
  margin:0 10px 30px 0;
  max-width:150px;
}


.ward-info .description *,.ward-info-fancybox .description *{
  margin:0;
}


.ward-info .description h3,.ward-info-fancybox .description h3{
  font-size:1.2em;
}


.ward-info .description .more-info,.ward-info-fancybox .description .more-info{
  margin-top:1ex;
}

.ward-info .description .more-info p,.ward-info-fancybox .description .more-info p{
  margin:0;
}