html { height:100%; }

body {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 10px;
  text-align: left;
  margin: 0px;
  height: 100%;
  width: 100%;
}

td,th {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  color: #000000;
}

a {
  text-decoration: none;
  color: #990000;
  cursor: pointer;
}

a:hover {
  color: #333333;
  text-decoration: underline;
}

a img {
  border: none;
}

div.error_msg {
  border: 1px solid red;
  font-size: 10px;
  color: red;
  width: 200px;
  visibility: hidden;
  padding: 5px;
  text-align: center;
}

td.contactForm {
  font-size: 12px;
}

.pageHeader {
  border: 1px solid #666666;
  background-image: url( /cgi-bin/getPic.pl );
  height: 125px;
  width: 450px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding-left: 0px; 
  padding-right: 0px;
}

div.insideHeader h1.pageHeader {
  border: none;
  background-image: url( /cgi-bin/getPic.pl );
  height: 125px;
  width: 450px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.trendForm {
  font-size: 12px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.contactRequired {
  font-size: 10px;
  color: red;
}

.copyright {
  font-size: 10px;
  color: #999999;
  text-align: center;
}

.trend_footer {
  font-size: 12px;
  color: #990000;
  text-align: center;
}

.page_caption {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}

h1 {
  font-size: 24;
  font-weight: bold;
}

h2, .page_list {
  font-size: 14px;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 450px;
  text-align: left;
}

img.middle {
  vertical-align: middle;
}

.nav_links {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.altos_graph_header {
  font-size: 12px;
  font-weight: bold;
  color: #999999;
  text-align: center;
}

.altos_graph {
  text-align: center;
}

.trend_title, .voices_title, .yelp_title {
  width: 200px;
  overflow: auto;
  background-color: #990000;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #666666;
  margin: 0px;
  padding: 5px;
}

.trends_container {
  width: 250px;
  margin: 0px;
  padding: 5px;
  border: 1px solid #666666;
}

.trends_title {
  width: 250px;
  background-color: #990000;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #666666;
  margin: 0px;
  padding: 5px;
}

.trends {
 width: 300px;
 align: center;
 font-size: 14px;
 text-align: justify;
 padding-top: 15px;
}

.trend {
  font-size: 12px;
  text-align: center;
  padding: 3px;
}

.content_container {
  width: 450px;
  margin: 0px;
  padding: 5px;
  border: 1px solid #666666;
}

.content_title {
  width: 450px;
  background-color: #990000;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #666666;
  margin: 0px;
  padding: 5px;
}

.box-title {
  background-color: #990000;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  margin: 0px;
  padding: 5px;
}

.content {
 width: 400px;
 align: center;
 font-size: 14px;
 text-align: justify;
 padding-top: 0px;
}

.listing_title {
 width: 425px;
 align: center;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 border: 1px solid #666666;
 margin: 0px;
 padding: 5px;
 background-color: #CCCCCC;
}

.listing_container {
 align: center;
 width: 425px;
 margin: 0px;
 padding: 5px;
 border: 1px solid #666666;
}

.listing_category {
 font-size: 12px;
 font-weight: bold;
}

.listing_value {
 font-size: 12px;
}

.listing_agent {
 font-size: 10px;
 color: #999999;
 text-align: center;
 width: 425px;
}

.listing_image {
 text-align: justify;
}

.voices_question, .yelp_review {
  font-size: 12px;
}

.voices_date, .yelp_date {
  font-size: 10px;
  color: #666666;
}

.voices_container, .yelp_container {
  width: 200px;
  height: 200px;
  overflow: auto;
  margin: 0px;
  padding: 5px;
  border: 1px solid #666666;
}

.trend_container {
  width: 200px;
  height: 240px;
  overflow: auto;
  margin: 0px;
  padding: 5px;
  border: 1px solid #666666;
  overflow: no;
}

.AskTheAgent_Text {
  width: 195px;
  padding: 2px;
  font-size: 10px;
  color: #999;
  text-align: center;
}

.PreOrder_Text {
  width: 195px;
  padding: 2px;
  font-size: 12px;
  color: #990000;
  text-align: center;
}

.AskTheAgent_Img {
}

.dark_grey_border {  border: 1px solid #999999;  }
.light_grey_border {  border: 1px solid #CCCCCC;  }
.grey_border { border: 1px solid #EDEFF2; }

.grey_container, .gray_container { background-color:#EDEFF2; }
.light_grey_container { background-color:#efefef; }