table.gallery
{
  height: 100%;
  width: 100%;
}

td.properties
{
  padding: 0px 10px 0px 0px;
  vertical-align: top;
}

a.property
{
  font-weight: bold;
  white-space: nowrap;
}

a.propertySelected,
a.propertySelected:link,
a.propertySelected:hover,
a.propertySelected:visited
{
  color: rgb(24, 35, 78);
}

span.propertiesHeading
{
  color: rgb(24, 35, 78);
  font-weight: bold;
  font-size: 11pt;
}

span.propertiesHeading2
{
  color: rgb(24, 35, 78);
  font-weight: bold;
  font-size: 11pt;
}

td.thumbnailInstruct
{
  padding-bottom: 4px;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}

td.thumbnailHeaderLeft
{
  padding: 0px 4px;
  vertical-align: top;
  text-align: center;
}

td.thumbnailHeaderRight
{
  padding: 0px 4px 0px 6px;
  border-left: solid black 1px;
  vertical-align: top;
  text-align: center;
}

td.thumbnails
{
  padding: 0px 10px;
  vertical-align: top;
}

img.thumbnail
{
  margin: 2px;
  cursor: pointer;
  border: solid rgb(24, 35, 78) 1px;
}

td.propertyPopupLinks
{
  padding-top: 4px;
  text-align: center;
}

a.propertyPopupLink
{
  color: rgb(24, 35, 78);
  white-space: nowrap;
  text-decoration: underline;
}

td.photo
{
  width: 100%;
  padding: 40px 0px 0px 10px; 
  vertical-align: top;
}

img.photo
{
  border: solid rgb(24, 35, 78) 1px;
}

div.propertyPopup
{
  position: absolute;
  width: 350px;
  height: 160px;
  z-index: 2;
  padding: 4px;
  visibility: hidden;
  border: solid black 1px;
  background: rgb(206, 189, 178);
}

span.propPopupTitleBar
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 21px;
  width: 348px;
  padding: 5px 0px 0px 10px;
  border-bottom: solid black 1px;
  background-color: rgb(123, 113, 106);
  color: white;
  font-size: 14px;
  font-weight: bold;
}

span.closeButton
{
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 3;
  border: solid black 1px;
  padding: 1px 3px;
  cursor: pointer;
  background-color: white;
}

span.propertyPopupText
{
  position: absolute;
  top: 30px;
  padding: 2px 0px 0px 6px;
}