body {
  text-align: left;
}

.mappopup{
  z-index: 1000;
}
.resultbody.interest { /* ===== */
}
.resultbody.newinterest  {
  background:none;
}
.resultbody.newinterest .inner-wrap {
  padding: 0 12px 6px 12px;
  background: transparent url('../img/city-header-bg.png') no-repeat;
}
.resultbody.newinterest .titlebox {
  padding-top: 22px;
  width: 500px;
}
.resultbody.newinterest a.banner {
  position: absolute;
  top: 20px;
  right: 12px;
}
.resultbody.newinterest a.banner img:hover {
  filter: alpha(opacity=70);
  opacity: 0.70;
}

div.newpropertylist {
    margin-top:20px;
}

.newpropertylist.resultbody .inner-wrap {
  margin-bottom: 20px;
  padding: 0px;
  background: none;
}
.newpropertylist.resultbody h3.headline {
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #6d6d6d;
}

.newpropertylist.resultbody .browsing {
  position: relative;
  clear: both;
  width: 775px;
  height: 2.6em;
  z-index: 3 !important;
  font-size: .9em;
  background: #00549a;
  color: white;
}

.newpropertylist.resultbody .browsing a {
  font-weight: bold;
  color: white;
}

.newpropertylist.resultbody .browsing .pages {
  position: absolute;
  top: .8em;
  left: 8px;
}
.newpropertylist.resultbody .browsing .pages  .unselected{
  color: #ff9900;
}
.newpropertylist.resultbody .browsing .sorting {
  position: absolute;
  top: .5em;
  right: 8px;
}

.newpropertylist.resultbody .browsing .sorting .sorting-label {
  float:right;
  margin-top:2px;
  margin-right:4px;
}

.newpropertylist.resultbody .browsing .sorting .sorting-select {
  width:200px;
  float:right;
}

.newpropertylist.resultbody ul.result-list {
  margin: 0;
  padding: 10px 12px 0 12px;
  font-size: 100%;
  line-height: 1;
  list-style-type: none;
  z-index: 2 !important;
}
.newpropertylist .result-list .item {
  position: relative;
  margin: 15px 6px 15px 5px;
  padding: 0;
  height: 135px;
}
.newpropertylist .item h4 {
  margin: 0 0 6px 0;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #CDE3FB;
  font-size: 1.2em;
  color: #537bbd;
}

.newpropertylist .item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.newpropertylist .item ul li {
  margin: 0;
  padding: 0;
}

.newpropertylist .item ul.basic-info {
  width: 400px;
  float:left;
  padding-left:35px;
}
.newpropertylist .item ul li.address ,
.newpropertylist .item ul li.distance, 
.newpropertylist .item ul li.range{
  margin-bottom: 12px;
}
.newpropertylist .item ul li.range {
  font-weight: bold;
  color: #CFA041;  
}
.newpropertylist .item ul li.address {
  color: #666666;
}
.newpropertylist .item ul li.distance {
  font-weight: bold;
  color: #333333;
}
/**** for mappopup ***********************************************************/
.mappopup .item {
  position: relative;
  margin: 15px 6px 15px 5px;
  padding: 0;
  height: 135px;
}
.mappopup .item h4 {
  margin: 0 0 6px 0;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #CDE3FB;
  font-size: 1.2em;
  color: #537bbd;
}

.mappopup .item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mappopup .item ul li {
  margin: 0;
  padding: 0;
}

.mappopup .item ul.basic-info {
  width: 400px;
  float:left;
  padding-left:35px;
}
.mappopup .item ul li.address ,
.mappopup .item ul li.distance, 
.mappopup .item ul li.range{
  margin-bottom: 12px;
}
.mappopup .item ul li.range {
  font-weight: bold;
  color: #CFA041;  
}
.mappopup .item ul li.address {
  color: #666666;
}
.mappopup .item ul li.distance {
  font-weight: bold;
  color: #333333;
}
.mappopup ul.result-list li.item ul li.link-map,
.mappopup ul.result-list li.item ul li.link-details {
  float: left;
  margin-right: 12px;
  margin-top: 5px;
}
.mappopup ul.result-list li.item ul li.photo {
  position: absolute;
  left: -113px;
  top: 0;
}

.mappopup .item ul.icons {
  position: absolute;
  right: 0px;
  top: 9em;
}
.mappopup .item ul.icons li, .googleMapPropertyView .item div.icons div {
  display: inline;
  margin: 0 3px 0 0;
}
.mappopup .item h5 {
  position: absolute;
  right: 0px;
  top: 4px;
  margin: 0;
  padding: 0;
  font-size: .9em;
}


.mappopup li.item ul.availability {
  position: absolute;
  right: 0px;
  top: 2.3em;
  text-align: right;
}

.mappopup .item  .price{
  margin-top:2px;
  font-weight: bold;
  font-size: 14px;
  color: #333333
}


.mappopup .item div.photo{
  float: left;
  font: 10px/1 arial;
  max-height: 110px;     /* for to high images (but zoom icon not visible)*/
  overflow:hidden; /* for to high images (but zoom icon not visible)*/
  position: relative;
}

.mappopup div.photo .thumbnail {
  width: 145px;
  display:block;
}

/*****************************************************************************/
.newpropertylist.resultbody ul.result-list li.item ul li.link-map,
.newpropertylist.resultbody ul.result-list li.item ul li.link-details {
  float: left;
  margin-right: 12px;
  margin-top: 5px;
}
.newpropertylist.resultbody ul.result-list li.item ul li.photo {
  position: absolute;
  left: -113px;
  top: 0;
}

.newpropertylist .result-list .item ul.icons {
  position: absolute;
  right: 0px;
  top: 9em;
}
.newpropertylist .item ul.icons li, .googleMapPropertyView .item div.icons div {
  display: inline;
  margin: 0 3px 0 0;
}
.newpropertylist .item h5 {
  position: absolute;
  right: 0px;
  top: 4px;
  margin: 0;
  padding: 0;
  font-size: .9em;
}
/* Good Availability */
.newpropertylist .item h5 span.good, #mapview .good {
  color: #339900;
}
/* Limited Availability */
.newpropertylist .item h5 span.limited, #mapview .limited {
  color: #cc9933;
}
/* Last Few Rooms Remaining */
.newpropertylist .item h5 span.last, #mapview .last {
  color: #cc5e1e;
}
/* Sold Out */
.newpropertylist .item h5 span.sold , #mapview .sold{
  color: #c1001f;
}

.newpropertylist li.item ul.availability {
  position: absolute;
  right: 0px;
  top: 2.3em;
  text-align: right;
}

.newpropertylist .item  .price{
  margin-top:2px;
  font-weight: bold;
  font-size: 14px;
  color: #333333
}

.newpropertylist.resultbody div.google-map {
  padding: 10px 0;
}

.noresults .browsing .sorting  {
display:none;
}

.newpropertylist .item div.photo{
  float: left;
  font: 10px/1 arial;
  max-height: 110px;     /* for to high images (but zoom icon not visible)*/
  overflow:hidden; /* for to high images (but zoom icon not visible)*/
  position: relative;
}

.newpropertylist div.photo .thumbnail {
  width: 145px;
  display:block;
}
.captionContainer{
  width: 145px;
  position: absolute;
  bottom: 0px;
  margin-top: -18px;
  height: 18px;
}
.captionContainer .caption,
.captionContainer .zoom-icon-container{
  cursor: pointer;
  background-image: url('../img/caption-container-background.png');
}
.captionContainer .zoom-icon-container{
  float: left;
  padding: 0;
  margin: 0;
}
.captionContainer .caption{
  color: white;
  float: right;
  padding: 4px;
}
.captionContainer .zoom-icon{
  float: left;
  background-image: url('../img/zoom.png');
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px;
  width: 18px;
  height: 18px;
}

/* property view in googlemap*/
.googleMapPropertyView{
  margin: 0;
  font-size: 100%;
  line-height: 1;
  list-style-type: none;
}
.googleMapPropertyView ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.googleMapPropertyView .item div.icons {
  width: 160px;
  margin-top: 5px;
}
.googleMapPropertyView .item ul.basic-info {
  width: 300px;
  padding-left: 15px;
}
.googleMapPropertyView .item  .photo{
  float: none;
}
.googleMapPropertyView .item  .price{
  margin-top:5px;
}
.googleMapPropertyView #legend{
  background-color: white;
  padding:10px; 
  border: 1px solid gray; 
  padding-right: 20px; 
  font-size:12px;
  font-weight: bold;
  line-height: 16px;
}
.googleMapPropertyView #legend-availability{
  border-color:gray; 
  border-style:solid; 
  border-width:0 0 2px;
  margin-bottom: 3px;
  font-size:14px;
}