BODY     {
  background-color: #696969;
  color: #696969;
  font-family:  "Gill Sans", GillSans, "Trebuchet MS", Helv, Helvetica, Arial, sans-serif;
  font-size  : 10pt;
  padding    :    0;
  margin     :    0;
  }
H2       {
  line-height: 16pt;
  font-size  : 14pt;
  font-weight: bold;
  }
HR {
  border-style: dotted;
  border-color: #579;
  border-width: 3px 0 0 0;
  }
#wrap    {
  border-right: 3px solid #579;
  margin: 0px auto auto 0px;
  padding: 0;
  width: 735px
  }
#wrap    {
  border-color:   #579;
  border-style:  solid;
  border-width: 0  3px;
  margin      : 0 auto;
}
#head         { display: none }
#head2        {
  margin :     0;
  border :     0;
  padding:     0;
  height : 150px;
  border-bottom: 3px solid #579;
  background: #9BD url('/realestate/gfx/header.jpg') no-repeat top left;
  }
DIV#head2 H4     {
  display   :  none;
  }

/* ------------------------- main page area */
#page        {
  clear      :  both;
  border     :     0;
  line-height:  120%;
  min-height : 350px; /* 650 */
  padding    :   5px 10px 7px 10px;
  background : #DEF;
  color      : #000;
  }
P {
  margin: 10px
  }
A {
  text-decoration: none
  }
P A,
P A:visited,
P A:link       {
  color: Black;
  border-bottom: 1px dotted  gray;
  text-decoration: none;
  }
P A:hover      {
  color: Black;
  border-bottom: 1px dotted white;
  text-decoration: none;
  }
div.spacer,
div.endSpacer  {
  clear: both
  }
H4 {
  margin: 0;
  }
/* ---------------------------- page footer */
#foot {
  border: 0;
  padding:  10px 10px 8px 10px;
  border-top: 1px solid #579;
  height: 15px;
  color: #444;
  background: #9BD;
  text-align: right;
  clear: both;
  line-height: 10pt;
  }
#foot H5 {
  margin : 0;
  padding: 0;
  border : 0;
  line-height: 10pt;
  font-size  :  8pt;
  font-weight: normal;
  }
#foot H5:after {
  /* clear: both; */
  }
#foot H5 BR {
  clear: both;
  }
#foot A,
#foot A:visited,
#foot A:link   {
  color: #444;
  text-decoration: none;
  }
#foot A:hover  {
  text-decoration: underline
  }
#foot span.left  {
  float     :  left;
  text-align:  left;
  }
#foot span.right {
  float     : right;
  text-align: right;
  }
    
/* -- Result Display -- */
    .result,
.premResult {
  position: relative;
  border: 2px solid #579;
  background-color: #9BD;
  color: #000;
  width: 691px;
  margin: 10px;
  font-size  : 10pt;
  line-height: 12pt;
  cursor: pointer;
  height: 132px;
  /* cursor:    hand; */
}
.premResult {
  height: 284px;
}
    .result .spacer,
.premResult .spacer {
  clear      :  both;
  line-height:     0;
  height     :   0px;
}
    .result .thumb,
.premResult .thumb {
  background :  #234;
  margin     :   0px;
  padding    : 0 5px 5px 5px;
  width      : 150px;
  height     : 100px;
  line-height:     0;
}
    .result .head,
.premResult .head {
  background: #234;
  color     : #FFF;
  padding   :  4px 5px;
  height    : 19px; /* plus padding */
}
    .result .head SPAN.city,
.premResult .head SPAN.city {
  display: inline;
}
    .result IMG,
.premResult IMG     {
  width: 150px;
  margin : 0;
  padding: 0;
  border : 0;
}
    .result .head H1,
    .result .head H2,
.premResult .head H1,
.premResult .head H2      {
  font-size  : 12pt;
  line-height: 19px;
  margin     :    0;
  padding    :    0;
}
    .result .head H1,
.premResult .head H1 {
  float: left;
}
    .result .head H2,
.premResult .head H2      {
  float: right;
  text-align: right;
}
    .result .head A,
.premResult .head A {
  background-color: #234;
  color  : #FFF;
  text-decoration: none;
}
    .result .main,
.premResult .main {
  position: absolute;
  top    :  27px;
  left   : 160px;
  padding:   3px 5px;
  width  : 521px;
}
    .result .left,
.premResult .left {
  float: left;
  text-align: left;
}
    .result .right,
.premResult .right {
  float: right;
  text-align: right;
}
    .result .agent,
.premResult .agent {
  position: absolute;
  top       :  95px;
  right     :   0px;
  height    :  32px;
  text-align: right;
  padding   : 3px 5px 2px 10px;
  margin    :     0;
  background:  #6A8EB5;
  color     :  #000;
  z-index   :     2;
}
    .result .features,
.premResult .features {
  background :  #234;
  color      :  #FFF;
  position   : absolute;
  left       : 160px;
  top        : 115px;
  width      : 526px;
  padding    :   3px 5px 4px 0px;
  font-size  :  10px;
  line-height:  10px;
  z-index    :     1;
}
DIV.formWrap {
  margin: 5px auto;
  border: 2px solid #579;
  background: #9BD;
  color: #234;
  width: 500px;
  }
#loginForgot {
  width: 400px;
  }
DIV.formWrap H3 {
  margin: 0;
  font-size  :  1.3em;
  line-height:  1.0em;
  padding    :    3px 5px 2px 5px;
  background :   #579;
  color      :  White;
  text-align : center;
  border-bottom: 2px solid #579;
  }
DIV.formWrap H4 {
  color       :   #234;
  text-align  : center;
  font-size   :  1.0em;
  line-height :  1.2em;
  border-style:  solid;
  border-color:   #579;
  border-width:    2px 0 1px 0;
  padding     :    2px 5px;
  margin      :   20px 0px 5px 0px;
  }
DIV.formWrap FORM {
  padding: 5px 10px;
  text-align: center;
  margin: 0;
}
DIV.formWrap LABEL {
  float  :  left;
  padding: 3px 0;
}
DIV.formWrap INPUT {
  float  : right;
  width  : 197px;
  padding-left : 3px;
  margin-bottom: 3px;
}
DIV.formWrap INPUT[type=file] {
  width: auto;
}
DIV.formWrap INPUT.file {
  width: auto;
}
DIV.formWrap INPUT[type=checkbox] {
  width: auto;
}
DIV.formWrap INPUT.ck {
  width: auto;
}
DIV.formWrap INPUT[type=radio] {
  width: auto;
  float: left;
}
DIV.formWrap INPUT.radio {
  width: auto;
  float: left;
}
DIV.formWrap INPUT[type=submit] {
  margin-top: 3px;
  float: none;
}
DIV.formWrap INPUT.submit {
  margin-top: 3px;
  float: none;
}
DIV.formWrap TEXTAREA {
  margin-bottom: 3px;
}
DIV.formWrap SELECT {
  float  : right;
  width  : 204px;
  margin-bottom: 3px;
}
DIV.formWrap BUTTON {
  width: 150px;
}
DIV.formWrap BR {
  clear  :  both;
}
DIV.formWrap .row {
  margin: 4px 0;
}
DIV.formWrap .row INPUT[type=checkbox] {
  float: left;
}
DIV.formWrap .row INPUT.ck {
  float: left;
}
DIV.formWrap .row LABEL {
  float: left;
  padding: 1px 0 0 0;
}

DIV#randomTrioWrap {
  clear        :      both;
  margin       : 0px -10px;
  border-top   : 3px solid #579;
  border-bottom: 3px solid #579;
  line-height  : 0;
}
DIV#randomTrioWrap BR {
  clear :  both;
}
DIV.randomTrio {
  float :  left;
  margin:     0;
}
DIV.randomTrio IMG {
  border:     0;
  width : 245px;
  height: 163px;
}


DIV#randomStripWrap {
  margin: 0;
  line-height: 0;
  border-bottom: 3px solid #579;
}
DIV#randomStripWrap BR {
  clear: both;
}
DIV.randomStripItem {
  margin: 0;
  float: left;
}
DIV.randomStripItem IMG {
  border: 0;
  width:49px;
}

.detailBox {
  border     :   1px solid #579;
  width      : 652px; /* 150*4 + 5*2 + 1*2 */
  margin     :  10px 10px 10px 0;
  /* clear      :  both; */
}
.detailBox H2 {
  font-size  :  10pt;
  line-height:  12pt;
  background :  #579;
  color      : White;
  margin     :   1px;
  padding    :   2px 5px;
}
.detailBox .content {
  font-size  :   8pt;
  margin     :   1px;
  padding    :   2px 5px;
  background :  #9BD;
  color      :  #444;
}


#randomListings {
  clear      : right;
  float      : right;
  width      : 250px;
  margin     :   5px 5px 10px 5px;
}
#randomListings .content {
  padding-top:   5px;
}
#randomListings A {
  color      :  #222;
  font-weight:  bold;
  display    : block;
  padding    :   2px 2px 2px 2px;
  font-size  :   8pt;
  line-height:  10px;
}
#randomListings A:hover {
  color      :  #222;
  background : White;
}
#randomListings A DIV {
  cursor     : pointer;
}
#randomListings EM {
  margin-left:  10px;
}
#randomListings BR {
  clear      :  both;
}
#randomListings .left {
  float      :  left;
}
#randomListings .right {
  float      : right;
}

#container {
  width     :  761px;
  margin    : 0 auto;
  padding   :      0;
  border    :      0;
  background: transparent url('/realestate/gfx/fade-center.gif');
}
#container #wrap {
  padding: 0;
  background : #696969;
  margin: 0 10px;
  border-bottom-width: 3px;
}
#container #shadowBottom {
  height     : 12px;
  padding    :    0;
  margin     :    0;
  background : #696969 url('/realestate/gfx/fade-bottom2.gif') no-repeat top left;
}

/* --------------------------------------------- browse view */
DIV.browse IMG,
#randomListing IMG {
  margin:  5px;
  margin-bottom: 3px;
  border: none;
  }
DIV.browse DIV.float,
#randomListing {
  float : left;
  background: #234;
  margin:    10px;
  width :   310px;
  color :    #FFF;
  border: 2px solid #579;
  cursor: pointer;
  margin-left:   10px;
  line-height:      0;
  }
#randomListing {
  float  : right;
  margin :   5px;
  }

DIV.browse DIV.float H1,
DIV.browse DIV.float H2,
#randomListing H1,
#randomListing H2  {
  border : 0;
  margin : 0;
  padding: 3px 5px 5px 5px ;
  color  : #FFF;
  font-size  : 10pt;
  line-height: 10pt;
  font-weight: bold;
  }
DIV.browse DIV.float H1,
#randomListing H1 {
  float     :   left;
  text-align:   left;
  }
DIV.browse DIV.float H2,
#randomListing H2 {
  float     : right;
  text-align: right;
  }
DIV.browse DIV.float BR,
#randomListing BR {
  clear: both;
  }
DIV.browse DIV.float A,
DIV.browse DIV.float A:visited,
DIV.browse DIV.float A:link     {
  color: Black
  }
#browseResults {
  font-size: 8pt;
  text-align: center;
}