/*
 $Log: gtmlsdisplay.css $
 Revision 1.2  2009-04-07 20:11:50-04  Battersby
 - grouped common configurable things together

 Revision 1.1  2009-03-11 13:31:04-04  Battersby
 Initial revision

*/
/* ---------- CUSTOMIZE ------------ */

.gtMlsRange, .gtMlsRange td, #gtMlsDetails, .gtMlsAgentBox, .gtMlsSummary, .gtMlsSummary td {
  color : #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
}

.gtMlsRange a {
  color : #000000;
}

.gtMlsSummary, #gtMlsDetails, .gtMlsAgentBox {
  background-color : #eeeeee;
  border : 1px solid #a2a2a2;
}

.gtMlsSummary .title, #gtMlsDetails .title, #gtMlsDetails .price {
  background-color : #21519c;
  border : 1px solid #ffffff;
}

.gtMlsSummary .title, #gtMlsDetails .title {
  color : #ffffff;
  padding : 2px 2px 2px 2px;
  font-size : 12px;
  font-weight: bold;
}

.gtMlsSummary .noImg,
#gtMlsDetails .noImg,
.gtMlsMissingAgentThumb,
.gtMlsAgentImageMissing,
.gtMlsMissingAgent,
.gtMlsSummary .sold {
  background-color : #f7f7f7;
  border : 1px solid #000000;
}

#gtMlsDetails .price {
  color : #ffffff;
}

#gtMlsDetails .thumbs img {
  border : 1px solid #000000;
}

#gtMlsDetails .img {
  background-color : #ffffff;
  border : 1px solid #000000;
}

/* ------- RANGE ------------ */
.gtMlsDisplaySortByCell {
}

.gtMlsDisplayPagingLinksCell {
}

.gtMlsRange {
  padding : 6px 6px 6px 6px;
  background-color : #eeeeee;
  border : 1px solid #a2a2a2;
  margin-bottom : 10px;
  text-align : left;
}

/*
.gtMlsRange .button {
  border : 1px solid #000000;
  padding-left : 4px;
  padding-right : 4px;
  margin-left : 4px;
  margin-right : 4px;
  text-align : center;
  width : 60px;
}

.gtMlsRange .text {
  padding-left : 10px;
  padding-right : 10px;
}

.gtMlsRange a:link, .gtMlsRange a:visited {
  text-decoration : none;
}

.gtMlsRange a:hover {
  text-decoration : underline;
}
*/

a.gtMlsPagingLink:link, a.gtMlsPagingLink:visited {
  text-decoration : underline;
}

a.gtMlsPagingLink:hover {
  text-decoration : underline;
}

.gtMlsCurrPage {
}

/* ------- SUMMARY ---------- */
.gtMlsSummary {
  /* without this, the margin top of the title doesn't work */
  /* see google "nested margins" */
  padding : 6px 6px 6px 6px;
  margin-bottom:10px;
}

.gtMlsSummary td {
  text-align : left;
}

.gtMlsSummary a {
  color : #000000;
}

.gtMlsSummary a:link, .gtMlsSummary a:visited {
  text-decoration : none;
}

.gtMlsSummary a:hover {
  text-decoration : underline;
}

.gtMlsSummary .title {
  margin-bottom : 8px;
}

.gtMlsSummary .img {
  background-color : #ffffff;
  padding-left  : 2px;
  padding-right : 2px;
  width : 250px;
}

.gtMlsSummary .noImg {
  margin-top  : 2px;
  width : 250px;
  height : 198px;
  text-align : center;
  cursor : pointer;
}

.gtMlsSummary .noImg span {
  position:relative;
  top : 90px;
}

.gtMlsSummary .sold {
  position: relative;
  z-index : 2;
  top : -70px;
  left : 2px;
  text-align : center;
}

.gtMlsSummary .summaryItems li {
  list-style-type : circle;
}

.gtMlsSummary .mls {
  font-weight : bold;
}

.gtMlsSummary .shortDesc {
  margin-top : 6px;
}

/* ------- DETAILS ---------- */

#gtMlsDetails {
  /* without this, the margin top of the title doesn't work */
  /* see google "nested margins" */
  padding : 6px 6px 6px 6px;
}

#gtMlsDetails .img {
  padding-left  : 6px;
  padding-right : 4px;
  height : 400px;
}

#gtMlsDetails .noImg {
  margin-left  : 6px;
  padding-left  : 6px;
  padding-right : 4px;
  margin-bottom : 4px;
  width : 500px;
  height : 300px;
  text-align : center;
}

#gtMlsDetails .noImg span {
  position:relative;
  top : 130px;
}

#gtMlsDetails .title {
  margin-bottom : 2px;
}

#gtMlsDetails .detailsTable th {
  vertical-align : top;
  text-align : left;
  font-weight : bold;
}

#gtMlsDetails .detailsTable td {
  vertical-align : top;
}

/* class used by the detailsHtmlBlock */
#gtMlsDetails .detailsRight {
  position : relative;
  top : -30px;
}

#gtMlsDetails .thumbs img {
  cursor : pointer;
}

#gtMlsDetails .price {
  width : 200px;
  margin-top : 10px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-size : 20px;
  font-weight: bold;
  text-align : center;
}

/* if no htmlBox is to be used */
#gtMlsDetails .text {
  padding-bottom : 12px;
}

/* if no htmlBox is to be used */
#gtMlsDetails .textHalf {
  float : left;
  width : 320px;
  padding-bottom : 12px;
}

#gtMlsDetails .detailsHtmlBlock {
  float : right;
  width : 260px;
  font-size : 11px;
  position : relative;
  top : -10px;
}

/* this is for use if a field set surrounds */
/* the optional details block               */
.gtMlsBlockFieldset {
  padding : 5px 5px 5px 5px;
}

/* used when an agent's image is missing */
.gtMlsMissingAgentThumb {
  width  : 55px;
  padding-top : 20px;
  height : 55px;
  font-size : 11px;
  text-align : center;
}

.gtMlsMissingAgent {
  width : 125px;
  padding-top : 20px;
  height : 136px;
  font-size : 14px;
  text-align : center;
}

/* ------- AGENT INFO ---------- */
.gtMlsAgentBox {
/*  height : 160px; */
  padding : 3px 3px 3px 3px;
  overflow : hidden;
  margin-bottom : 10px;
  text-align:left;
}

.gtMlsAgentInfoBox {
  float : left;
  width  : 375px;
  padding-left : 10px;
}

.gtMlsAgentImage {
  float  : left;
  width  : 125px;
}

.gtMlsAgentImageMissing {
  float  : left;
  width  : 124px;
  height : 106px;
  text-align : center;
  padding-top : 40px;
}

.gtMlsAgentName {
  font-weight : bold;
}

.gtMlsAgentTitle {
  font-size : 11px;
  padding-bottom : 5px;
}

.gtMlsOfficeInfo {
  font-weight : bold;
}

.gtMlsAgentInfoLabel {
  vertical-align : top;
  font-weight : bold;
}

.gtMlsAgentInfo {
  padding-left : 5px;
}