body
{
  font-family:verdana,arial;
  font-size:11px;
}
h1
{
  margin:0;
  padding:3px 0px 3px 0px;
  display:block;
  font-size:18px;
}
h2
{
  margin:0;
  padding:2px 0px 2px 0px;
  display:block;
  font-size:16px;
}
h3
{
  margin:0;
  padding:2px 0px 2px 0px;
  display:block;
  font-size:14px;
}
h4
{
  margin:0;
  padding:2px 0px 2px 0px;
  display:block;
  font-size:12px;
}
select
{
  font-family:verdana,arial;
  font-size:11px;
}
input
{
  font-family:verdana,arial;
  font-size:11px;
}
a
{
  text-decoration:none;
  color:#0066CC;
}
a:hover
{
  color:#DF7E00;
  text-decoration:underline;
}
.photo_label
{
  padding:0px 0px 0px 10px;
  font-size:16px;
  font-weight:bold;
}
/* marker on the graph */ 
.graph_point_img
{
  border:0px;
  width:10px;
  height:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
  cursor:pointer;
}
/* graph canvas */
.graph_canvas
{
  border-left:1px solid black;
  border-bottom: 1px solid black;
  border-right: 0px;
  border-top:0px;
  background-color: white;
  position:relative;
  left:0;
  top:0;
}
/* container for graph canvas */
.graph_container
{
  margin:30px 10px 10px 20px;
  padding:0px 0px 0px 0px;
  clear:both;
  float:left;
}
/* text above graph */
.graph_status
{
  clear:both;
  float:left;
  width:900px;
  vertical-align:middle;
  display:block;
  margin:20px 0px 20px 15px;
  background-color: #FFFFCC;
  padding:5px 0px 10px 10px;
}
/* graph form */
.graph_controls
{
  clear:both;
  float:left;
  width:900px;
  height:12px;
  margin-left:10px;
}
/* floating info window */
.graph_info_floating
{
  position:absolute;
  border:1px solid grey;
  width:250px;
  height:auto;
  display:block;
  left:0;
  top:0;
  background-color:#FFFFFF;
  padding:10px;
  z-index:12;
}
/* main info window docked next to the graph */
.graph_info_docked_top
{
  position:relative;
  top:0;
  left:0;
  width:440px;
  background-color:white;
  border:1px solid grey;
  padding:5px;
  overflow:auto;
}
/* second info window docked next to the graph */
.graph_info_docked_bottom
{
  position:relative;
  top:0;
  left:0;
  width:440px;
  background-color:white;
  border:1px solid grey;
  padding:5px;
  overflow:auto;
  margin-top:10px;
}
/* Flickr box below graph */
.graph_slideshow_docked
{
  position:relative;
  top:0;
  left:0;
  min-height:155px;
  height:155px;
  padding-top:10px;
  background-color:white;
  border:1px solid grey;
  overflow:auto;
}
/* flickr picture */
.slideshow_img
{
  padding:5px;
  border:0px;
}
/* box around flickr picture and link to photostream */
.photostream_photo_container
{
  float:left;
  width:120px;
  margin-right:10px;
  padding:3px;
  text-align:center;
}
/* container for photostream link below picture */
.photostream_link_container
{
  font-size:10px;
  clear:both;
  float:center;
  text-align:center;
}
/* watermark on graph, or logo */
.graph_watermark
{
  color:#DBF5A1;
  font-size:14px;
  position:absolute;
  z-index:2;
}
#wait
{
  float:left;
  clear:both;
  padding-top:5px;
  padding-bottom:5px;
  color:green;
}
.no_data
{
  padding:10px;
  text-align:center;
  font-size:12px;
  color: #000000;
  background-color:#FFFFCC;
  width:130px;
  height:20px;
  float:left;
  clear:both;
  z-index:200;
}
.legend_label
{
  position:absolute;
  top:0;
  left:0;
  font-size:9px;
  color:green;
}
.legend
{
  position:absolute;
  top:0;
  left:0;
  font-size:11px;
  color:green;
}
.form_label
{
  font-size:14px;
  font-weight:bold;
  color: #336699;
  padding-right:5px;
  padding-left:5px;
}
#more_info_label
{
  font-size:16px;
}
.definitions
{
  font-size:10px;
  padding:10px;
  clear:both;
  float:left;
  width:800px;
  margin-left:10px;
}
.hint
{
  clear:both;
  float:left;
  font-size:10px;
}
.disclaimer
{
  font-size:9px;
  color:#CCCCCC;
  padding:10px;
  clear:both;
  float:left;
  width:800px;
  margin-left:10px;
}
.disclaimer a:link
{
  color: #6699CC;
}
.disclaimer_data
{
  font-size:10px;
  color:#000000;
  background-color:#FFFFCC;
  padding:10px;
  clear:both;
  float:left;
  width:800px;
  margin-left:10px;
}
.answer
{
  font-size:16px;
  font-weight: bold;
}
.yes
{
  color:#FF9A31;
}
.no
{
  color:#4AAAEF;
}
.weak
{
  color:#FFCC00;
}
.more_info
{
  cursor:pointer;
  color:#0066CC;
  font-weight:bold;
  font-size:12px;
}
.more_info_layer
{
  position:absolute;
  border:1px solid black;
  padding:5px;
  font-size:10px;
  color: #000000;
  font-weight:normal;
  width:300px;
  height:auto;
  background-color:white;
  z-index:12;
}
.listings_table table, td, tr
{
  font-size:9px;
}
.stats_table table, td, tr
{
  font-size:10px;
}
.footer
{
  clear:both;
  float:left;
  font-size:10px;
  margin-top:30px;
  margin-left:10px;
  width:800px;
}
#header
{
  font-size:12px;
  margin-bottom:10px;
}
.link_to_me
{
  clear:both;
  float:left;
  font-size:11px;
  margin-top:10px;
  margin-left:20px;
}
.link_to_me_bottom
{
  clear:both;
  float:left;
  font-size:11px;
  margin-top:10px;
  margin-left:20px;
}
.examples
{
  font-size:11px;
  padding:10px;
  clear:both;
  float:left;
  width:800px;
  margin-left:10px;
}
.examples table, td, tr
{
  font-size:11px;
  vertical-align:top;
}
.examples td
{
  padding:5px 10px 5px 0px;
  width:33%;
}
dt
{
  font-weight:bold;
}
.offset_list
{
  clear:both;
  float:left;
  margin:5px 0px 5px 15px;
}
/* 
social bookmarking
borrowed from http://www.futureofrealestatemarketing.com/ with thanks
*/
.sociable
{
  clear:both;
  float:left;
  margin:0px 0px 10px 20px;
  width:300px;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}