html{
}

body{
  font-family: Lato, sans-serif;
  margin: 0;
  padding: 0;
  color: #222;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 200;
  color: #333;
}

h2{
  margin-top: 0px;
}

a{
  text-decoration: none;
  color: #A20007;
}

#demo_warning{
  display: none;
}

#main{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px;

}

/* ============================================================
    MOBILE DESIGN 
   ============================================================ */

#letterhead_corner{
  padding: 20px 0px 16px 0px;
  text-align: center;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

#letterhead_corner img{
  width: 250px;
}

#letterhead_corner .left{
  display: none;
}

.imgreplacement{
  display: none;
}

.header_right_link span, .header_right_link span a{
  font-weight: 100;
  color: #A20007;
  text-decoration: none;

}

#main-menu {
  overflow:hidden;
}
#main-menu p{
  display:block;
  background-color: #D2232A;
  width: 50px;
  height: 43px;
  margin: 0;
  float:right;
  margin-right: 20px;
  margin-bottom: 20px;
  font: normal normal normal 14px/1 FontAwesome;

}

#main-menu p:before{
  content:"\f0c9";
  color: white;
  font-size: 3.0em;
  text-align:center;
  margin-left: 7px;
}



#search-form-menu{
  background-color: #333;
  padding: 10px;
}

#sub_menu_items{
  display: none;
}

#user-bar{
  background: #333;
  padding: 10px;
  color: white;
}

#user-bar a{
  color: white;
  text-decoration: none;
}

#search-form-menu #search{
  border: 1px solid #DDDDDD;
  padding: 5px 2%;
  width: 78%;
}

#search-form-menu input[type="submit"]{
  width: 10%;
  padding: 5px 2%;
  border: 1px solid #DDDDDD;
  margin-left: 4%;
}

.mobile-only{
  display: block;
}

.no-mobile{
  display: none;
}

.list{
  border-collapse: collapse;
  width: 99.9999%;
  border: 1px solid #DDDDDD;
  margin-bottom: 20px;
}

.dashboard_module .list{
  width: 94%;
  margin: 3%;
}

.dashboard_module .module_property_row{
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}

.dashboard_module .module_property_row .left{
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}

.dashboard_module .module_property_row .left img{
  width: 100%;
}

.dashboard_module .module_property_row .right{
  margin-left: 10px;
}
.dashboard_module .module_property_row .right p{
  margin: 0;
  margin-top: 5px;
}

.dashboard_module .module_property_row .right p a{
  color: #A20007;
  text-decoration: none;
}

table.list tr th{
  text-align: left;
  padding: 10px 5px;
  background-color: #F4EEEE;
}

.list td{
  padding: 5px;
}

.list td a{
  color: #A20007;
  text-decoration: none;
}

#documents_holder select{
  padding: 5px;
  width: 94%;
  margin: 10px 3%;
  border: 1px solid #DDDDDD;
  background: white;
}

#documents_holder p{
  margin: 10px 3%;

}

.text{
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  padding: 20px;
}

a.landlord{
  color: #A20007;
  text-decoration: none;
  font-weight: 100;
}

div.landlord{
  
}

div.landlord fieldset, form.new_message fieldset, form#new_property fieldset{
  border: 1px solid #DDDDDD;
  background: #F9F9F9;
  margin-top: 15px;
}

div.landlord fieldset legend, form.new_message fieldset legend, form#new_property fieldset legend{
  font-size: 1.5em;
  font-weight: 100;
}

div.landlord fieldset p{
  margin: 5px 0px;
  padding: 0;
}

div.landlord fieldset p label{
  font-weight: bold;
}

div.landlord fieldset p a, div.landlord fieldset ul li a{
  text-decoration: none;
  color: #A20007;
  font-weight: 100;
}

div.landlord fieldset ul{
  list-style-type: none;
  padding-left: 0px;
}

form.new_message fieldset p label, form#new_property fieldset p label{
  display:block;
  margin-bottom: 5px;
}

form.new_message fieldset p input[type="text"], form.new_message fieldset p textarea, form.new_message fieldset p select, form#new_property fieldset p select{
  width: 98%;
  border: 1px solid #DDDDDD;
  padding: 5px 1%;
  background: white;
}

form.new_message fieldset p select, form#new_property fieldset p select{
  width: 100%;
}

form.new_message fieldset .chooser tr td a.select_link{
  display: none!important;
}

form.new_message fieldset .chooser tr td a.select_new_link{
  color: #A20007;
  text-decoration: none;
}

form.new_message fieldset .chooser tr td a.destroy{
  font: normal normal normal 14px/1 FontAwesome;
  display:block;
  height: 15px;
  width: 15px;
  color: #D2232A;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease;
}

form.new_message fieldset .chooser tr td a.destroy:hover{
  color: #A20007;
}

form.new_message fieldset .chooser tr td a.destroy:before{
  content:"\f00d";
}


.actions {
  margin: 30px 0px;
}

.actions .folder, .actions .new{
  font-weight: 100;
  font-size: 1.2em;
  color: #D2232A;
  text-decoration: none;
}
.actions .edit, .buttons #message_submit, #properties .actions .new, #properties .property .info p.links a.grey-button{
  color: white;
  background: #D2232A;
  padding: 10px 15px;
  text-decoration: none;
  border: none;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease;
}

.actions .edit:hover, .buttons #message_submit:hover, #properties .actions .new:hover, #properties .property .info p.links a.grey-button:hover{
  background: #A20007;
}

.text p{
  margin: 0;
  padding: 0;
}

.odd{
  background-color: white;
}

.even {
  background-color: #F4EEEE;
}

.dashboard_module h2 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 15px;
}

.dashboard_module a{

}

.dashboard_corner_link{
  display: none;
}

/* MENU */

.tabs_holder{
  width: 100%;
  background: #D2232A;
  overflow: hidden;
  display:none;
  /*padding: 10px;*/
}

.tabs_holder a{
  color: white;
  padding: 0.85rem 1.25rem;
  display: block;
  text-decoration: none;
  font-weight: 100;
  text-transform: uppercase;
}

.tabs_holder a.selected, .tabs_holder a:hover{
  background-color: #A20007;
}

/* flashes box */
#info{
  clear: both;

}

#info #flashes .error{
  color: #880000;
  border: 1px solid #880000;
  background-color: #FFDDCC;
  padding: 15px 20px;
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 40px;
  position: relative;

}

#info #flashes .close_notif{
  position: absolute;
  right: 0px;
  top: 30%;
  padding: 0px 15px;
  text-decoration: none;
  color: inherit;
}


/* Footer */
#footer{
  background: #A20007;
  color: white;
  font-weight: 100;
  padding: 10px 0px 20px 0px;
}

#footer .fcontent{
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

#footer .fcontent .fcolumn{
  /*float: left;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer .fcontent .fcolumn li{
  list-style: none;
  display: inline;
}

#footer .fcontent .fcolumn li a{
  text-decoration: none;
  color: white;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
#footer .fcontent #copyright {
  /*float: right;*/

}

.dashboard_module{

  background-color: #f9f9f9;
  margin: 30px 0px;
  /*margin-right: 20px;*/
  /*padding: 15px 10px;*/
  border: 1px solid #DDDDDD;
}

.third_module .dashboard_module{
  margin-right: 0px;
}


/* Properties Listing layout */

#property_search_sidebar{
  display: none;
}

#properties{
  width: 100%;
}

#properties div.property{
  border: 1px solid #DDDDDD;
  padding: 20px;
  background-color: #F9F9F9;
  margin-bottom: 20px;
  overflow:hidden;
}

#properties .property .photos{
  float: left;
  width: 20%;
  margin-right: 2%;
}

#properties .property .photos img{
  width: 100%;
}

#properties .property .not_advertised{
  position: absolute;
  width: 10%;
}

#properties .property .info{
  float: right;
  width: 75%
}

#properties .property .info p{
  margin: 5px 0px;
}

#properties .property .info p.links{
  margin-top: 25px;
}

#properties .property .info p a{
  color: #A20007;
  text-decoration: none;
}

#properties .actions .back{
 display: none;
}

/****************************************/

/* Property show page */

#property_display{
  border: 1px solid #DDDDDD;
  padding: 20px;
  margin-top: 20px;
}

.top{
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;

}

.top .rent-info{
  float: right;
  margin-right: 20px;
}

.top .bed-info{
  display: none;
}

.top h1{
  float: left;
  margin: 0px;
  margin-left: 20px;
}

#property_display #photos_area{
  padding-right: 10px;
}

#property_display #photos_area #gmap{
  display: none;
}

#property_display #photos_area #main_photo img{
  max-width: 100%;
}

#property_display #photos_area .thumbnails{
  overflow: hidden;
}

#property_display #photos_area .thumbnails .thumbnail{
  float: left;
  margin-right: 5px;
}

#property_display #photos_area .thumbnails .thumbnail a img{
  height: 120px;
}

#property_display #photos_area .user_actions{
  display: none;
}

#property_display #photos_area #brief_description{
  display: none;
}

/*#property_display #details #room_list{
  float: left;
}

#property_display #details .feature_list:first-child{
  float: left;
  width: 45%;
  margin-right: 5%;

}

#property_display #details .feature_list:last-child{
  clear:both;
}*/

#property_display #details .feature_list ul {
  list-style-type: none;
  padding-left: 0px;
}

#property_display .actions a.back{
  color: #A20007;
  text-decoration: none;
  display:inline;
}


#property_display #details .feature_list p.title{
  font-size: 1.3em;
  font-weight:100;
}


/* TERM AND CONDITION ACCEPT PAGE */

form.edit_landlord{
  border: 1px solid #DDDDDD;
  margin-bottom: 40px;
}

form.edit_landlord fieldset{
  border: none;
}

form.edit_landlord input[type="submit"] {
  color: white;
  background: #D2232A;
  padding: 10px 15px;
  text-decoration: none;
  border: none;
  margin: 0px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease;
}

form.edit_landlord input[type="submit"]:hover {
  background: #A20007;
}

/***********************************/


.col-xs-1{
  width: 8.33333333%;
}
.col-xs-2{
  width: 16.66666667%;
}
.col-xs-3{
  width: 25%;
}
.col-xs-4{
  width: 33.33333333%;
}
.col-xs-5{
  width: 41.66666667%;
}
.col-xs-6{
  width: 50%;
}
.col-xs-7{
  width: 58.33333333%;
}
.col-xs-8{
  width: 66.66666667%;
}
.col-xs-9{
  width: 75%;
}
.col-xs-10{
  width: 83.33333333%;
}
.col-xs-11{
  width: 91.66666667%;
}
.col-xs-12{
  width: 100%;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {

  /* HEADER */

  #letterhead_corner{
    text-align: left;
  }

  #letterhead_corner img{
    float:left;
    width: 250px;
  }


  #letterhead_corner .right .header_right_link{
    font-size: 1.375rem;
    margin-bottom: 5px;
    font-weight: 100;
  }

  #letterhead_corner .right .header_right_link span{
    color: #D2232A;
  }

  #letterhead_corner .right .header_right_link a{
    color: #D2232A;
    text-decoration: none;
  }

  #letterhead_corner .left{
    float: left;
  }

  #letterhead_corner .right{
    float: right;
  }

  #main-menu p {
    display: none;
  }
  
  .tabs_holder {
    display: block!important;
    background-color: white;
  }

  .tabs_holder a {
    background-color: #D2232A;
    margin-right: 10px;
  }

  #sub-menu{
    background-color: #A20007;
    height: 58px;
  }

  #sub_menu_items{
    display:block;
    margin: 0;
    padding: 20px;
    list-style-type:none;
    overflow: hidden;
  }

  #sub_menu_items li{
    list-style: none;
    height: 100%;
  }

  #sub_menu_items li.folder a{
    font-weight: 100;
  }

  #sub_menu_items li.folder.current a{
    font-weight: 700;
  }

  #sub_menu_items li a {
    color: white;
    text-decoration: none;
    font-weight: 100;
    float: left;
    margin-right: 25px;
  }

  #search-form-menu{
    float:right;
    margin-top: 15px;
    margin-right: 20px;
    background-color: transparent;
    padding: 0;
  }

  #search-form-menu input{
    padding: 5px;
    border: none;
  }
  
  #search-form-menu input[type="submit"]{
    padding: 5px;
    border: none;
    width: auto;
    margin-left: 0px;
  }

  #user-bar{
    float:right;
    background-color: #333;
    color: white;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: 100;
  }

  #user-bar a{
    color: white;
    text-decoration: none;

  }
  
  .dashboard_module {
    margin-right: 20px;
  }

  .mobile-only{
    display: block;
  }

  .no-mobile{
    display: none;
  }

  /******************************/

  /********* DASHBOARD **********/

  #dashboard a{
    color: #A20007;
    font-weight: 100;
    text-decoration: none;
  }
  /* module */
  .module_property_row{
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0px!important;
    border: 0px!important;
    
  }

  .module_property_row .left{
    float: left;
    text-align: center;
    width: 35%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 0px!important;
  }

  .module_property_row .left img{
    width: 100%;
  }

  .module_property_row .right{
    float:right;
    width : 58%;
    margin-right: 2%;
    margin-left: 0px!important;
  }

  .module_property_row .right p{
    margin: 0;
  }


  /*======== Messages =========*/

  /* new */
  form.new_message fieldset p input[type="text"], form.new_message fieldset p textarea, form.new_message fieldset p select, form#new_property fieldset p textarea, form#new_property fieldset p select{
    width: 50%;
    border: 1px solid #DDDDDD;
    padding: 5px 1%;
    background: white;
  }

  form.new_message fieldset p select, form#new_property fieldset p select{
    width: 52%;
  }

  /*******************************************/

  /* Footer after tablet */

  #footer .fcontent{
    text-align: left;
  }
  #footer .fcontent .fcolumn {
    float: left;
  }
  #footer .fcontent #copyright {
    float: right;
  }
  .col-md-1{
    width: 8.33333333%;
  }
  .col-md-2{
    width: 16.66666667%;
  }
  .col-md-3{
    width: 25%;
  }
  .col-md-4{
    width: 33.33333333%;
  }
  .col-md-5{
    width: 41.66666667%;
  }
  .col-md-6{
    width: 50%;
  }
  .col-md-7{
    width: 58.33333333%;
  }
  .col-md-8{
    width: 66.66666667%;
  }
  .col-md-9{
    width: 75%;
  }
  .col-md-10{
    width: 83.33333333%;
  }
  .col-md-11{
    width: 91.66666667%;
  }
  .col-md-12{
    width: 100%;
  }
  
  .tabs_holder{
  
  }

  .tabs_holder a{
    float: left;
  }

/* ====================
    WIDE: CSS3 Effects
   ==================== */
}
@media only screen and (min-width: 1140px) {
/*===============
    Maximal Width
  =============== */
  .dashboard_module{
    /*height: 300px;*/
    /*padding: 15px 10px;*/
  }
  .col-lg-1{
    width: 8.33333333%;
  }
  .col-lg-2{
    width: 16.66666667%;
  }
  .col-lg-3{
    width: 25%;
  }
  .col-lg-4{
    width: 33.33333333%;
  }
  .col-lg-5{
    width: 41.66666667%;
  }
  .col-lg-6{
    width: 50%;
  }
  .col-lg-7{
    width: 58.33333333%;
  }
  .col-lg-8{
    width: 66.66666667%;
  }
  .col-lg-9{
    width: 75%;
  }
  .col-lg-10{
    width: 83.33333333%;
  }
  .col-lg-11{
    width: 91.66666667%;
  }
  .col-lg-12{
    width: 100%;
  }


}

/* RESPONSIVE DESIGN FOR LAYOUT */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  position: relative;
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;*/
  float: left;
}

/* the user-notifications block styles */
div#flashes {
  position: relative;
}

#info #flashes .close_notif{
  position: absolute;
  right: 0px;
  top: 30%;
  padding: 0px 15px;
  text-decoration: none;
  color: inherit;
}

div#flashes div.notice, div#flashes div.error, div#flashes div.info, p.error_message {
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 10pt center;
}
div#flashes div.notice {
  border-color: #080;
  color: #080;
  background-color: #DFD;
  background-image: url(/../assets/icons/16/tick_circle_frame.png);
}
div#flashes div.error, p.error_message {
  border-color: #800;
  color: #800;
  background-color: #FDD;
  background-image: url(/../assets/icons/16/minus_circle_frame.png);
}
div#flashes div.info {
  border-color: #008;
  color: #008;
  background-color: #DDF;
  background-image: url(/../assets/icons/16/information_frame.png);
}

/* COMMENTS */

div.comment, div#new_comment {
        border: 1px solid gray;
	padding: 9px;
	margin: 4px;
	width: 285px;
	float: left;
}

div.comment p, div#new_comment textarea, div.comment textarea {
	font-size: 9pt;
	color: #222;
	padding: 0;
	margin: 0;
}

div.comment .meta {
	font-size: 8pt;
	text-align: left;
	color: #777;
	border-top: 2px dotted #ffffdf;
	margin-top: 4px;
}

div.comment .meta .buttons {
	float: right;
}

div.comment .meta .buttons a.edit, div.comment .meta .buttons a.destroy {
	width: 0px;
	display: block;
	overflow: hidden;
}

div#new_comment textarea, div.comment textarea {
	height: 150px;
	width: 285px;
}
/* END COMMENTS */

/* INVENTORY ITEMS */

div.inventory_item {
	clear: left;
	border: 1px solid #ccc;
	font-size: 9pt;
}

div.inventory_item div {
	float: left;
	border: 1px solid #ccc;
	width: 100px;
	min-height: 15pt;
	line-height: 12pt;
	height: 38px;
	overflow: hidden;
	padding: 2px;
	white-space: nowrap;
}
div.inventory_item br {
	clear: left;
}

div.inventory_item div.description {
	width: 150px;
}
div.inventory_item div.description input {
	width: 145px;
}
div.inventory_item div.value, div.inventory_item div.quantity {
	width: 50px;
}
div.inventory_item div.condition {
	width: 60px;
}
div.inventory_item div.agreed {
	width: 40px;
}
div.inventory_item div.value input, div.inventory_item div.quantity input {
	width: 40px;
}
div.inventory_item div.details {
	width: 200px;
}
div.inventory_item div.details input {
	width: 190px;
}
div.inventory_item div.user {
	width: 75px;
}
div.inventory_item div.user input {
	width: 70px;
}
div.inventory_item div.comments {
	width: 866px;
}
div.inventory_item div.comments input {
	width: 830px;
}
div.inventory_item div.date {
	width: 120px;
}
div.inventory_item div.date_form {
	width: 248px;
}
div.inventory_item div.removed {
	width: 120px;
}
div.inventory_item div.buttons {
	width: 160px;
}