body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 76%; border-width: 0 20px; border-color: white; border-style: solid}
a:hover {text-decoration: underline;}
a {text-decoration: none;}

h2 { color: #036; border-bottom: 1px solid orange; font-size: 1.3em;}
h3 { color: #036; font-size: 1.2em;}
h3 a { color: #036; text-decoration: none;}
img { border: none; }
#header {
        height: 77px;
        padding: 1px;
        background:  url("/static/images/header.png") no-repeat #036;}
#header h1 { float:left; margin: 0; color: orange; padding: 5px;}
#search { float:right;}
#header h1 a {
        text-indent: -5000px;
        display: block;
        width: 250px;
        height: 60px;
        text-decoration: none;
        }

#subheader a { text-decoration: none; line-height: 1.5em; font-weight: bold; color:#036; }
#subheader {margin-bottom: 10px; padding: 1px; background: #ddf;}



#categories {padding-left: 10px; float: left; }
#options { padding-right: 10px; float:right; }

#picker {
    width: 20%;
    border: 1px solid orange;
    background: white;
    margin-right: 20px;
    float:left
}
#picker select {
    width: 7em;
}
#picker label.radio_pick {
    display: block;
}
#picker div {
    float: none;
}
#picker .full {
    width: 100%;
    float: none;
    text-align: center;
}
#picker .full select {
    width: 100%;
}
#picker label {
    margin-right: 5px;
    text-align: right;
}
#picker ul.check label {
    float: none;
    text-align: left;
    list-style: none;
}
#picker ul.check input{
    margin-right: 5px;
}
#picker ul.check {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
#picker ul.check li {
    margin-top: 4px;
}

#picker legend {
    color: #339;
}
#picker fieldset {
    padding: 4px;
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: right;
}

.property {
    border-bottom: 1px solid blue;
}

.property_count {
    background: blue;
}
.property_count a {
    text-decoration: none;
    font-size: 1.3em;
    color: white;
    font-weight: bold;
}

.error-message {
    color: red;
    display: block;
    float: left;
    padding: 3px;
}

#flash {
    padding: 5px;
}

.ok {
    background: #cfc;
}

.error {
    background: #fcc;
}
#property_form {
    float: left;
}
#property_form fieldset {
    margin-bottom: 10px;
    border:1px solid orange;
    padding: 7px;
}
#property_form legend {
    size: 1.2em;
    font-weight: bold;
    padding: 3px;
    color: black;
    border: 1px solid orange;
    background: #eee;
}
#property_form label {
    display: block;
    margin: 3px;
}
#property_form label.required {
    font-weight: bold;
}
#property_form input, #property_form textarea {
    border: 1px solid grey;
    width: 14em;
    margin: 3px;
}
#property_form select {
    margin: 3px;
}
#property_form .price_entry input {
    width: 10em;
}
#property_form .check {
    width: auto;
}
#photos .photo {
    float: left;
    width: 200px;
    text-align: center;
    background: #ffd;
    margin: 5px;
    height: 140px;
}
#photos input {
    float: none;
}
.submit {
    font-weight: bold;
}

#property_form ul.extras label {
    float: none;
    text-align: left;
    width: auto;
    list-style: none;
}
#property_form ul.extras input{
    margin-right: 5px;
    width: auto;
}
#property_form ul.extras {
    list-style: none;
}
#property_form ul.extras li {
    margin-top: 4px;;
}



#search_map_canvas {
    float: left;
    width: 100%;
    height: 600px;
}
#search_map {
    margin-top: 10px;
    padding: 3px 10px;
    width: 72%;
    float: left;
}

#post_map_canvas {
    float: left;
    width: 400px;
    height: 400px;
}
#post_map {
    margin-top: 10px;
    padding: 3px 10px;
    float: left;
}
#post_map_desc {
    background: #ffd;
    border: 1px solid orange;
    width: 200px;
    margin: 10px;
    padding: 3px 10px;
    float: left;
}

#property_list {
    border-collapse: collapse;
    width: 75%;
    max-width: 800px;
}
#property_list th {
    text-align: right;
    font-size: 1.1em;
    color: #339;
}
#property_list th.sale {
    text-align: left;
}
#property_list th.photo {
    text-align: center;
}
#property_list th.category {
    text-align: left;
}
#property_list td {
    text-align: right;
    border-bottom: 1px solid #ccf;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
}
#property_list td.category {
    text-align: left;
}
#property_list td.photo {
    text-align: center;
    border: 1px solid #ccf;
    width: 124px;
}
#property_list td.rent {
    color: #339;
    width: 4em;
}
#property_list td.sale {
    width: 6em;
    text-align: left;
    color: #339;
}
#property_list td.size {
    width: 6em;
}
#property_list .price_desc {
    font-size: .8em;
    color: grey;
}
#property_list dl.small_details {
    margin-top: 5px;
    font-size: .9em;
    color: grey;
}
#property_list dl.small_details dt {
    padding-right: 5px;
    float: left;
}

tr.property_row:hover {
    background: #ddf;
}

.picture_cats {
}
.picture_cats li {
    list-style: none;
    display: inline;
    float: left;
}
.picture_cats li a {
    padding: 10px;
}
.picture_cats li.house a {
    display: block;
    width: 200px;
    height: 110px;
    background:  url("/static/images/house.png") bottom no-repeat;
}
.picture_cats li.work a {
    display: block;
    width: 200px;
    height: 110px;
    background:  url("/static/images/work.png") bottom no-repeat;
}
.picture_cats li.land a {
    display: block;
    width: 200px;
    height: 110px;
    background:  url("/static/images/land.png") bottom no-repeat;
}
#contact_form fieldset{
    background: #ccf;
    width: 40em;
}
#contact_form label {
    display: block;
}
#photo_details .thumb {
    width: 130px;
    text-align: center;
    float: left;
    }
#photo_details {
 float: right;
 text-align: center;
 width: 650px;
 }