/* ----------------- Rails --------------------- */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.row{display:block;width:100%;clear:both; margin-bottom:10px;}
.row h3, .row h4{margin-top:0;}
.row .left{float:left;display:block;width:48%;}
.row .right{float:right;display:block;width:48%;}
#property{
   display:block;
   float:left;
   width:100%;
   background-color:#fff;

}
#photobar ul, #roomsprice ul{list-style:none;margin:0px;padding:0;}
#photobar ul li, #roomsprice ul li {background-color:#ffe;display:block; width:230px; margin-right:15px;text-align:center;border:1px solid #000; float:left;}
#photobar ul li a{text-decoration:none;}
#photobar, #roomsprice {
  display:block;
  width:500px;
  float:left;
  font-size:12pt;font-weight:bolder;
  
}

#photos{width:100%;display:block;float:left;}


#photos .primary, #metadata .left{float:left; display:block; width:540px;}
#photos .secondary, #metadata .right{float:right; display:block; width:240px; margin-bottom:10px;}
#photos .primary img, .secondary img{border:1px solid #000;}
#amenities ul{margin:2px; padding-left:10px;}

table{
   width:97%;
   margin-top:10px;
   display:table;
   border-spacing:1px;
   
}
table th{
  text-align:left;
  background-color:#928B7A;
  color:#fff;
  
}
table tr{
  background-color:#DBD4C0;
}

table tr td.center{text-align:center;}


#contactform{
  display:block; float:right; width:48%;
}
#contactinfo{
  display:block; float:left; width:45%;
}

#contactform form{
  border:1px solid #000; padding:1%;
  background-color:#ffe
}

#contactform form input, #contactform textarea{
  border:1px solid #000;
}

#mapContainer {
    height: 300px;
    width: 600px;
} 

.button-to{
  margin:0px; padding:0px; float:left; display:inline;margin-right:10px;
}
.button-to input{
  border:1px solid black;
  font-size:10px;font-weight:bolder;
  background-color:#928B7A;
  color:#fff;
}

#important{
  padding:2px;
  border: 1px solid #991603;
  background-color: #FFBEBA;
  
}

label{width:130px; display:block; float:left; margin-right:5px;}