/*html,body {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  background-color: #E6D5AF;
  margin: 0;
}
*/
body #page {
  width: 870px;
  margin: auto;
  margin-bottom: 3em;
}

#page #header_tpl { }

#page #content {
  border-left: 1px solid #3b1606;
  border-right: 1px solid #3b1606;
}

#page #footer { }

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}

h1 {
  font-size: 12px;
}

a:link    { color: #993300; }
a:visited { color: #993300; }
a:active  { color: #FFFFCC; }

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.listing { vertical-align: top; }

.listing .header_tpl {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 14px;
  color: #193834;
  font-weight: bold;
  padding-top: 1em;
}

.listing .description {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 12px;
  color: #3b1606;
}

.details {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 14px;
  color: #193834;
  font-weight: bold;
  text-align: center;
  margin: 1em 0;
}

.paginator {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 14px;
  color: #193834;
  font-weight: bold;
}

.paginator div {
  float: left;
  height: 2em;
  line-height: 2em;
  cursor: default;
}

.paginator .label {
  margin: auto 1em;
  color: #3b1606;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.paginator .current {
  background-color: #193834;
  color: #e7d5ad;
  padding: 0 1em;
}

.paginator .link a {
  display: block;
  padding: 0 1em;
  color: #193834;
  text-decoration: none;
}

.property_description {
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 12px;
  color: #e7d5ad;
}

.stats {
  font-size: 12px;
  color: #193834;
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
}

.contact {
  font-size: 12px;
  color: #193834;
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-weight: bold;
}

.agent_description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #EEE4C4;
}

.representation {
  font-family: Arial, Helvetica, sans-serif;
  color: #622529;
  font-size: 14px;
}

.paragraphs {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5A3924;
  line-height: 2;
  left: auto;
  margin: 5;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-top: 0px;
}

.phone {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #5A3924;
  line-height: 2;
  left: auto;
  margin: 5;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-top: 0px;
  font-weight: bold;
}

#contact_form {
  margin: 0 0 2em 0;
}

#contact_form label {
  display: block;
  clear: left;
  float: left;
  width: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #522a28;
} 

#contact_form input[type="text"],
#contact_form textarea {
  display: block;
  background-color: white;
  margin-left: 150px;
  margin-bottom: 5px;
  width: 16em;
}

#contact_form input[type="image"] {
  display: block;
  margin-left: 150px;
}

#contact_form #errors {
  border: 1px solid #A00;
  background-color: #e7d5ad;
  padding: 0.5em;
  margin-bottom: 1em;
}

#contact_form #success {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #C9BC72;
}

#error404 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #5F260e;
  color: #C9BC72;
  padding: 1em 2em;
}

#error404 h1 {
  font-size: 16px;
}

#errors {
  margin-bottom: 0.5em;
}

.error {
  color: #A00;
}

.admin_content {
  background-color: #5F260e;
  color: #e7d5ad;
  padding: 1em;
  font-size: 11pt;
}

.admin_content h1 {
  font-size: 14pt;
  margin-top: 0;
}

.admin_content h1 a {
  color: #bd9950;
  text-decoration: none;
}

.admin_content h1 a:hover {
  text-decoration: underline;
}

.admin_content h1 .arrow {
  color: #bd9950;
}

.admin_content a {
  color: #193834;
}

.admin_content form { 
  display: block;
  background-color: #bd9950;
  color: #3b1606;
  border: 1px solid #3b1606;
  padding: 1em;
  margin: 0;
}

.admin_content form .input_row {
  clear: left;
  margin-bottom: 0.25em;
}

.admin_content form .input_row label {
  display: block;
  float: left;
  font-size: 10pt;
}

.admin_content form .input_row .label {
  display: inline;
  font-size: 10pt;
}

.admin_content form .input_row textarea {
  display: block;
}

.admin_content form .button_row {
  margin-top: 0.5em;
  border-top: 1px solid #8a6f3a;
  border-right: 1px solid #f0c265;
  border-bottom: 1px solid #f0c265;
  border-left: 1px solid #8a6f3a;
}

.admin_content fieldset {
  border-top: 1px solid #8a6f3a;
  border-right: 1px solid #f0c265;
  border-bottom: 1px solid #f0c265;
  border-left: 1px solid #8a6f3a;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

.admin_content legend {
  background-color: #8a6f3a;
  color: #f0c265;
  font-weight: bold;
  padding: 0.2em 0.4em;
}

input[type="text"],
input[type="password"],
textarea,
select {
  background-color: #e7d5ad;
  border: 1px solid #3b1606;
  font-family: Arial, Helvetica, Luxi Sans, sans-serif;
  font-size: 10pt;
  padding-left: 0.25em;
}

.link_button {
  display: block;
  height: 20px;
  line-height: 19px;
  outline: 0;
  margin: 0;
  margin-bottom: 2px;
  padding: 0 30px 0 10px;
  border: 1px solid #2c1500;
  background-color: #bd9950;
  background-image: url('/images/btn_rarrow.gif');
  background-repeat: no-repeat;
  background-position: center right;
  color: #5f260e;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

input.link_button { height: 22px; line-height: 22px; }

#admin_index .link_button { background-color: #e7d5ad; width: 12em; margin-bottom: 0.5em; }

#login_form { width: 20em; } 
#login_form #errors { margin-top: 0; margin-bottom: 1em; }
#login_form .input_row label { width: 20%; }
#login_form .input_row input { margin-left: 5%; width: 72%; }
#login_form .button_row { border: 0; text-align: right; }

#property_listing { margin-bottom: 1em; }

#property_listing .listing_header_tpl {
  clear: left;
  background-color: #8a6f3a;
  color: #f0c265;
  font-weight: bold;
  padding: 0.2em 0.4em;
}

#property_listing .listing_row       { padding: 2px; }
#property_listing .light             { background-color: #e7d5ad; }
#property_listing .dark              { background-color: #d9ba77; }
#property_listing .photo             { float: left; width: 15%; }
#property_listing .info              { float: left; width: 65%; }
#property_listing .info .address     { float: left; font-weight: bold; }
#property_listing .info .price       { float: right; }
#property_listing .info .description { clear: left; padding-top: 0.25em; font-size: 0.8em; }
#property_listing .listing_footer    { text-align: right; background-color: #8a6f3a; }
#property_listing .actions           { margin-left: 80%; text-align: right; }
#property_listing .actions a.link_button { float: right; width: 4em; }
#properties .button_row .link_button { float: left; background-color: #e7d5ad; margin-right: 1em; }

#add_property #left_column { float: left; width: 50%; padding-right: 1em; }
#add_property #left_column .input_row label { width: 20%; }
#add_property #left_column .input_row input { margin-left: 5%; width: 72%; }
#add_property #left_column .input_row textarea { margin-left: 25%; width: 72%; }
#add_property #left_column .input_row #bathrooms { float: left; margin-left: 5%; width: 60%; }
#add_property #left_column .input_row #half_button { display: block; margin-left: 1em; width: 2.5em; }

#add_property #right_column .input_row { margin-bottom: 0.5em; }
#add_property #right_column .input_row label { width: 20%; }
#add_property #right_column .input_row input { margin-left: 5%; width: 72%; }

#add_property #right_column #lot_box label { width: 100px; vertical-align: middle; }
#add_property #right_column #lot_box label.inline { display: inline; float: none; margin-right: 68px; }
#add_property #right_column #lot_box img { vertical-align: middle; margin-right: 1em; }
#add_property #right_column #lot_box input { display: inline; margin: 0; width: auto; }

#add_property .link_button { float: left; background-color: #e7d5ad; margin-right: 1em; }
#add_property #save { width: 14em; }
#add_property #cancel { width: 8em; }

#edit_property #left_column { float: left; width: 50%; padding-right: 1em; }
#edit_property #left_column .input_row label { width: 20%; }
#edit_property #left_column .input_row input { margin-left: 5%; width: 72%; }
#edit_property #left_column .input_row textarea { margin-left: 25%; width: 72%; }
#edit_property #left_column .input_row #bathrooms { float: left; margin-left: 5%; width: 60%; }
#edit_property #left_column .input_row #half_button { display: block; margin-left: 1em; width: 2.5em; }

#edit_property #right_column .input_row { margin-bottom: 0.5em; }
#edit_property #right_column #photos label { width: 20%; }
#edit_property #right_column #photos label.inline { display: inline; float: none; margin-right: 2em; }
#edit_property #right_column #photos img { vertical-align: middle; margin-right: 1em; }
#edit_property #right_column #photos label.move { display: inline; float: none; margin: 0; }
#edit_property #right_column #photos select { display: inline; margin-right: 1em; }
#edit_property #right_column #photos input { display: inline; margin: 0; width: auto; }

#edit_property #right_column #lot_box label { width: 100px; vertical-align: middle; }
#edit_property #right_column #lot_box label.inline { display: inline; float: none; margin-right: 68px; }
#edit_property #right_column #lot_box img { vertical-align: middle; margin-right: 1em; }
#edit_property #right_column #lot_box input { display: inline; margin: 0; width: auto; }

#edit_property .link_button { background-color: #e7d5ad; }
#edit_property #right_column #photos .link_button { font-size: 11px; width: 9em; }
#edit_property .button_row .link_button { float: left; margin-right: 1em; }
#edit_property .button_row #save { width: 14em; }
#edit_property .button_row #cancel { width: 8em; }