/* ui_elements.css */

.btn {
	display: block;
	position: relative;
	overflow: hidden;
}

.btn img {
	position: absolute;
	top: 0;
	left: 0;
}

.btn:hover {
	background: transparent;
}

/* buttons */

.tabNav .btn {
  width: 92px;
  height: 32px;
  margin-left: 1px;
  float: left;
}

.tabNav .btn:hover img {
  top: -33px;
}

.showOverview .btn.over img {
  top: -33px;
}

.showPhotos .btn.photo img {
  top: -33px;
}

.showMaps .btn.maps img {
  top: -33px;
}

#hideText #overviewText { display: block; }
#hideText #enlargedPhoto { display: none; }
#hideText #enlargedMap {  display: none; }
#hideText.showPhotos #overviewText { display: none; }
#hideText.showPhotos #enlargedPhoto { display: block; }
#hideText.showMaps #overviewText { display: none; }
#hideText.showMaps #enlargedMap { display: block; }


#hideText {
  border-top: 3px solid #3080d5;
}

#hideText.showPhotos {
  border-top: 3px solid #479ebe;
}

#hideText.showMaps {
  border-top: 3px solid #aa8254;
}