/* Clean start */
* {
    margin: 0;
    padding: 0;
}

body, p, blockquote {
    margin: 0;
    padding: 0 10px;
}

p {
    margin-bottom: 10px;
}

a img, iframe {
    border: 0;
}

ul, ol, dl, dt, dd {
    margin: 0;
    padding: 0 10px;
    margin-left: 10px;
}

li {
    margin: 0 26px;
    padding: 0;
}

ul {
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    padding: 0 10px;
}

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 10px;
}

td, th {
    padding: 1px 5px;
    margin: 0;
    text-align: left;
    vertical-align: top;
}

#content {
    margin: 10px 0;
}

#header {
    margin: 10px 0;
}

#footer {
    margin: 10px 0;
}

/* Common styles */
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 83%;
}

h1, h2, h3 {
    color: #3366CC;
    font-family: "Trebuchet MS","Geneva CE",lucida,sans-serif;
}

th {
    font-weight: bold;
    background-color: #E5ECF9;
    border-top: 1px solid #3366CC;
}

td.n {
    text-align: right;
    white-space: nowrap;
}

tr.odd {
    background-color: #EDF3FE;
}

tr.even {
    background-color: #FFFFFF;
}

.today {
    color: #FF0000;
}

/* Layout */
div#content {
    position: relative;
}

/* main navigation */
div#nav {
    position: absolute;
    left: 220px;
    top: -52px;
    font-size: 130%;
}

div#nav ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E5ECF9;
    white-space: nowrap;
}

div#nav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

div#nav a:link, div#nav a:visited {
    font-weight: bold;
    margin: 0 10px 4px 10px;
    text-decoration: none;
    color: #999;
}

a:link.current, a:visited.current {
    font-weight: bold;
}

div#nav a:link.current, div#nav a:visited.current, div#nav a:hover {
    border-bottom: 4px solid #3366CC;
    color: #000;
}

/* sub content */
#main.withFilter {
    margin-right: 260px;
}

#main.toggleFilter {
    margin-right: 0;
}

#sub.toggleFilter #showFilter {
    display: block;
    font-weight: bold;
}

#sub.toggleFilter #hideFilter {
    display: none;
    font-weight: bold;
}

#sub.toggleFilter #filter {
    display: none;
}

#sub {
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
}

/* footer */
#footer {
    font-size: 75%;
    text-align: center;
    width: 100%;
}

/* Map */
#map {
    width: 100%;
    /* Height is resized by JS */
    height: 300px;
}

#mapPreview {
    width: 100%;
    height: 100%;
}

/* table inside map info window */
#map table {
    margin: 0;
}

/* Hompage links */
div.link h2 {
    margin-bottom: 2px;
    font-size: 160%;
}

div.link h2 a {
    text-decoration: none;
}

div.link h2 a:hover {
    text-decoration: underline;
}

div.link {
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 26px;
    margin-left: 10px;
    margin-bottom: 36px;
}

/* Making part of the icon clickable too. */
div.link a {
    position: relative;
    left: -36px;
    padding-left: 36px;
}

#linkHomes {
    background-image: url(/static/img/homes.png);
}

#linkMap {
    background-image: url(/static/img/marker.png);
}

#linkChart {
    background-image: url(/static/img/chart.png);
}

/* changelog */
.changelog li {
    margin-top: 10px;
}

/* scale */
.scale {
    width: 200px;
    font-weight: bold;
    color: white;
    padding: 10px 0px 2px 10px;
    margin-left: 10px;
}

/* filter */
#filter fieldset {
    padding: 0px;
    background-color: white;
}

#filter legend {
    padding: 0 5px 5px 5px;
    margin-left: 5px;
    font-weight: bold;
}

#filter .options td {
    padding: 0;
    padding-bottom: 2px;
    padding-right: 5px;
    white-space: nowrap;
    width: 120px;
}

#filter .options select {
    width: 120px;
}

#filter input {
    padding: 0 10px;
}

#filter .submit td {
    padding: 5px 0 2px 0;
    vertical-align: bottom;
}

#filter .loading {
    visibility: hidden;
    padding-right: 5px;
}

#filter.sent .loading {
    visibility: visible;
}

#filter div.localities {
    margin-left: 10px;
    margin-bottom: 10px;
}

#filter .localities table {
    margin-left: 13px;
}

#filter .localities td {
    white-space: nowrap;
    line-height: 1.4em;
}

/* chart */
div.display {
    margin-left: 10px;
    margin-bottom: 5px;
}

p.caption {
    margin-bottom: 2px;
}

#chart_container, #chart_container1, #chart_container2 {
    width: 630px;
    height: 400px;
}

table.homes td {
    padding-top: 3px;
    padding-bottom: 2px;
}