@import url("bootstrap-modal.css");
@import url("font-awesome.css");
@import url("bootstrap3-grid.css");

/* added for accessibility requirement */
:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
}
body:focus { 
	outline: 0px none !important;   
}
 
.borderstylebottom1{border-bottom:1px solid #cccccc;}

/* loading class css */
#page_loading {z-index: 99999;top: 0px;}
#page_loading_shield {background: white; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); z-index: 99998}
/*#loading_throbber {left: 50%; width: 50%; position: relative; margin: 5px 0px}*/ 
#page_loading.non-modal {position: fixed; top: 0px; line-height: 2em;}
/* end of loading class css */

/* -----------   Bootstrap Modal Styles -----------  */
.modal{
	max-width:98%;
	left:0;
	right:0;
	margin:0 auto;
}
@media (min-width: 768px) {
	.modal-mini{
		width:300px;
	}
	.modal-small{
		width:400px;
	}
	.modal-large{
		width:800px;
	}
	.modal-xlarge{
		width:1000px;
	}
}
/* End Bootstrap Modal Styles */


/* ----------- Add Margin for Custom Message Content ----------- */
#CustMsgDiv {
	margin: 20px 0;
}

i {text-decoration: none!important;}

/* -----------   Google Map fix to override bootstrap img max-width interference -----------  */

#map, #ebrochureMap {
	width: 100%; 
	min-height:400px;
}
/* In Home Decor Planner, to make sure the image doesn't overflow the container */
#pano img, #dialogContainer #DecorImage {
	max-width: 90%;
}
/* Fix vertical gaps for google maps on property sites the above 90% max-width creates */
#map .gm-style img{
	max-width: none;
}
/* ----------- Fix Carousel Inner Image Width to 100 percent for Photo Gallery ----------- */
.carousel-inner img
{
  width: 100%;
}
/* ----------- Map, Directions output.  Add 25 pixel margin to prevent placemark overlap in chrome ----------- */
#adp-placemark img, .adp-placemark img {
   min-width:24px; margin-right:25px;
}

/* ---------- Map, Add to favourite and cance guest button ------------*/
.mapballoonfavbutton { width: 130px !important; }

/* ----------- Button Group Adjustment for mobile sizes -- eg.  map views buttons on google map page. ----------- */
@media only screen and (max-width : 1000px) {
    .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
    }
}
@media only screen and (max-width : 480px) {
    .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 11px;
    }
}
/* -----------  ----------- */

/* chosen dropdown list */
div.chzn-container {font-size: 13px;position: relative;}
div.chzn-container input {background: #fff;background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  border: 1px solid #aaa;font-family: sans-serif;font-size: 1em;margin: 0px;padding: 4px 5px;outline: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;
  -o-border-radius: 3px;-ms-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
div.chzn-container textarea:focus {border-color: #058cf5;-moz-box-shadow: 0px 0px 3px #aaa;-webkit-box-shadow: 0px 0px 3px #aaa;box-shadow: 0px 0px 3px #aaa;}
div.chzn-container div.chzn-drop { background: #FFF; border: 1px solid #aaa; border-width: 0 1px 1px; left: 0;
  position: absolute; top: 29px; -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);z-index: 20;}
div.chzn-container-single div.chzn-drop {-moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;-o-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;-khtml-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
/* SINGLE */
div.chzn-container a.chzn-single.error {background: #FBEBED !important; border: 1px solid #D8888E !important;}
div.chzn-container a.chzn-single {
  background: #FFF;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 50%);
  border: 1px solid #aaa; display: block; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
  -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; height: 25px; color: #444; line-height: 26px; padding: 0px 0px 0px 8px;
  position: relative; text-decoration: none; z-index: 19; white-space: nowrap;}
div.chzn-container a.chzn-single span { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; }
div.chzn-container a.chzn-single div { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;   background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  border-left: 1px solid #aaa; display: block; height: 100%;position: absolute;right: 0;top: 0;width: 18px;}
div.chzn-container a.chzn-single div b { background: url('../images/chosen-sprite.png') no-repeat 0 1px; display: block; width: 100%; height: 100%;}
div.chzn-container div.chzn-search {padding: 3px 4px; margin: 0px; white-space: nowrap; }
div.chzn-container div.chzn-search input { background: url('../images/chosen-sprite.png') no-repeat 97% -35px, #ffffff;
  background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); -moz-border-radius: 0px; -webkit-border-radius: 0px;
  -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; margin: 1px 0; outline: 0; }
/* Multi */
div.chzn-container ul.chzn-choices.error {background: #FBEBED !important; border: 1px solid #D8888E !important; }
div.chzn-container ul.chzn-choices {background: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  margin: 0;cursor: text;border: 1px solid #aaa;overflow: hidden;height: auto !important;height: 1%;padding: 0;position: relative;}
div.chzn-container ul.chzn-choices:focus {border-color: #058cf5;-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999;}
div.chzn-container ul.chzn-choices li {float: left;list-style-type: none;margin: 0px;}
div.chzn-container ul.chzn-choices li.search-field {margin: 0px;white-space: nowrap;padding: 0px;}
div.chzn-container ul.chzn-choices li.search-field input {color: #666;background: transparent !important;border: 0px !important;padding: 5px; margin: 1px 0;
  outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
div.chzn-container ul.chzn-choices li.search-field input.default {color: #999;}
div.chzn-container ul.chzn-choices li.search-choice {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #e4e4e4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee)); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%); color: #333; border: 1px solid #b4b4b4; line-height: 13px; padding: 3px 19px 3px 6px; position: relative; margin: 3px 0px 3px 5px;}
div.chzn-container ul.chzn-choices li.search-choice span { cursor: default; }
div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus { background: #d4d4d4; }
div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close { position: absolute; right: 5px; top: 6px; display: block; width: 8px; height: 9px; font-size: 1px; background: url(../images/chosen-sprite.png) right top no-repeat;}
div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close:hover { background-position: right -9px; }
div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus a.search-choice-close { background-position: right -9px; }
/* Results */
div.chzn-container ul.chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; z-index: 20; }
div.chzn-container-multi ul.chzn-results { margin: -1px 0 0; padding: 0;}
div.chzn-container-multi ul.chzn-results li { border-left: 0px !important; border-right: 0px !important; }
div.chzn-container ul.chzn-results li { line-height: 80%; padding: 7px 7px 8px; z-index: 22; margin: 0; list-style-type: none; }
div.chzn-container ul.chzn-results li.active-result {cursor: pointer; }
div.chzn-container ul.chzn-results li em {font-style: normal; background: #FEFFDC;}
div.chzn-container ul.chzn-results li.highlighted {background: #3875d7; color: #fff; }
div.chzn-container ul.chzn-results li.highlighted em {background: transparent; }
div.chzn-container ul.chzn-results li.no-results { background: #F4F4F4;}
div.chzn-container ul.chzn-results li.group-result {cursor: default; color: #999; font-weight: bold; }
div.chzn-container ul.chzn-results li.group-option {padding-left: 20px; }
div.chzn-container-multi div.chzn-drop li.result-selected {display: none;}
/* Active */
div.chzn-container-active a.chzn-single {-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; }
div.chzn-container-active a.chzn-single-with-drop {border: 1px solid #aaa; border-width: 1px 1px 1px; -moz-box-shadow:  0px 1px 0px #FFF inset; -webkit-box-shadow:  0px 1px 0px #FFF inset;
  box-shadow: 0px 1px 0px #FFF inset; background: #EEE; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
div.chzn-container-active a.chzn-single-with-drop div { background: transparent; border-left: none; }
div.chzn-container-active a.chzn-single-with-drop div b {  background-position: -18px 1px; }
div.chzn-container-active ul.chzn-choices { z-index: 21; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb;}
div.chzn-container-active ul.chzn-choices input { color: #111 !important; }
/* end of chosen dropdown list */ 

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/* end of bootstrap datepicker  */

/* datatable boostratp css */

div.dataTables_length label {
	float: left;
	text-align: left;
}

div.dataTables_length select {
	width: 75px;
}

div.dataTables_filter label {
	float: right;
}

div.dataTables_info {
	padding-top: 8px;
}

div.dataTables_paginate {
	float: right;
	margin: 0;
}

table.table {
	clear: both;
	margin-bottom: 6px !important;
	max-width: none !important;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}

table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
	outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	border-top: none;
}




/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
	background-color: #0075b0 !important;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

div.DTTT .btn {
	color: #333 !important;
	font-size: 12px;
}

div.DTTT .btn:hover {
	text-decoration: none !important;
}


ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}

/* TableTools information display */
div.DTTT_print_info.modal {
	height: 150px;
	margin-top: -75px;
	text-align: center;
}

div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
table.DTFC_Cloned tr.even {
	background-color: white;
}

div.DTFC_LeftHeadWrapper table {
	margin-bottom: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.DTFC_LeftBodyWrapper table {
	border-top: none;
	margin-bottom: 0 !important;
}

div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
	border-top: none;
}

div.DTFC_LeftFootWrapper table {
	border-top: none;
}

/* datatable boostrap css end */

/* Res Dashboard */

#resBoard {
   
}

#resBoard .send-email {
    float: right;
    line-height: 28px;
    margin-right: 5px;
}


#bulletinBoardHeader {
    margin: 0px 0px 10px 0px; 
    padding: 0px 0px 6px 0px; 
    font-weight: bold; 
    font-size: 18px; 
    color: #000; 
    border-bottom: 2px solid #ccc;
}

#postToWallAction {
    margin-bottom: 20px;
	padding: 20px 20px 1px 20px;
	background-color: #f1f1f1;

}

#recentPostsHeader {
    margin: 0px 0px 25px 0px; 
    padding: 0px 0px 5px 0px; 
    border-bottom: 2px solid #ccc;
	font-size: 18px;
}

.wallPost {
    margin: 0px 10px 15px 10px;
    padding: 0px 0px 20px 0px;
    border-bottom: 2px solid #ccc;
}

.wallPostPM {
	background-color: #EBEBEB;
	padding: 5px 5px 5px 5px; 
}

.wallPostMeta {
    margin: 0px 0px 10px 0px;
}

.wallPostAuthor {
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
	color: #333333;
    padding: 4px 0 0 0;
}

.wallPostAuthor span {
    color: #999;
}

.wallPostDeletedLabel {
    margin: 5px;
}

.postStatus {
    display: inline;
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 4px;
}

.postDateTime {
    display: inline;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px;
    background-color: #f1f1f1;
}

.wallPostActions {
    margin: 0px 0px 0px 0px;
}

li.wallPostAction {
    display: inline;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 2px;
    /*background-color: #69A74E;*/
}

.wallPostAction  a {
    display: block;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}

.toggleCommentForm {
	text-decoration: none!important;
	}
.toggleCommentForm:after {
	content: " Reply"
	}


.wallPostComments {
    margin: 8px 0px 0px 0px;
}

.comment {
    margin: 0px 0px 2px 0px;
   padding: 12px;
}

.commentMeta {
    margin: 0px 0px 5px 0px;
}

.commentAuthor {
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
	color: #333333;
    padding: 4px 0 0 0;
}

.commentAuthor span {
    color: #999;
}

.wallPostBody {
background-color: #f7f7f7;
border: 1px solid #d8d8d8;
margin: 10px 0 20px 0;
position: relative;
	 padding: 6px 5px 6px 40px;
	 position: relative;
	 line-height: 20px;
}
.wallPostBody:before {
    content: "\f075"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #0E82AF;
    font-size: 30px;
    padding-left: 0.5em;
    position: absolute;
    top: -5px;
    left: -5px;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	 -ms-transform: scaleX(-1);
}
.commentBody {
	 background-color: #f7f7f7;
	 padding: 6px 10px 6px 40px;
	 position: relative;
}

.commentBody:before {
    content: "\f075"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #cccccc;
    font-size: 30px;
    padding-left: 0.5em;
    position: absolute;
    top: -5px;
    left: -5px;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	 -ms-transform: scaleX(-1);
}

.commentStatus {
    display: inline;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px;
}

.commentDateTime {
    display: inline;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px;
    background-color: #f1f1f1;
}

.dashboardModule {
	margin: 0px 0px 15px 0px;
}

#rsLeftSection {
	display: inline;
	float: left;
	margin: 10px 0px 0px 0px;
}

#eventCalendarModule {
	overflow: hidden;
}

#eventCalendarModule > div {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#coreActionButtons {
	max-width: 269px;
    padding: 10px;
	overflow: hidden;	
	background-color: #fff;
	border: 1px solid #ccc;	
}


#coreActionButtonsModule {
	max-width: 291px;
}

#coreActionButtons .tool-button {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color: #ffffff;
	width: 240px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 14px;
	font-size: 13px;
	text-decoration: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 1px 1px 2px #6b6a6b;
	-moz-box-shadow: 1px 1px 2px #6b6a6b;
	box-shadow: 1px 1px 2px #6b6a6b;
	text-shadow: 1px 1px 1px #6d6d6d;
	border-top: solid #5eb3e7 1px;
	border-right: solid #2375a9 1px;
	border-bottom: solid #166ca2 1px;
	border-left: solid #429dd6 1px;
	background:#1FA9D6;
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#3AA8EB), to(#2389C9));
	background: -moz-linear-gradient(top, #3AA8EB, #2389C9);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3AA8EB, endColorStr=#2389C9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3AA8EB, endColorStr=#2389C9);*/
	display:inline-block;
	margin: 5px;
}

#coreActionButtons .tool-button:hover {
	background: #2085C4;
}

#coreActionButtons .tool-button a, #coreActionButtons .too-button a {
	color:#FFFFFF;
	text-decoration:none;
}

#coreActionButtons .arrows {
	display:inline;
	margin-right:14px;
	vertical-align:middle;
	float:right;
	margin-top: -3px;
}

#rsBulletin {
	display: inline;
}

#socialMediaItems {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#rsSocialMediaIcons {
	width: 274px;
	height: 43px;
	margin: 0px 0px 15px 0px;
	padding: 7px;
	background-color: #505050;
}

#rsSocialMediaIcons a {
	display: block;
	width: 43px;
	height: 43px;
	text-indent: -4000px
}

#rsSocialMediaIcons li {
	display: inline;
	float: left;
	margin: 0px 10px 0px 0px;
}

li#facebookIcon {
	background: url(../images/facebook_icon_m.png) no-repeat top left;
}

li#twitterIcon {
	background: url(../images/twitter_icon_m.png) no-repeat top left;
}

li#pinterestIcon {
	background: url(../images/pinterest_icon_m.png) no-repeat top left;
}

#rsFacebookLikeBox {
	width: 283px;
	height: 227px;
	padding: 6px 3px;
	overflow: hidden;
}

#rsCampaignModuleAd {
	width: 289px;
	overflow: hidden;
}

#campaignModuleAd div {
	width: 300px;
	height: 200px;
	background: url(../images/campaign_module_ad.jpg) no-repeat top left;
}

#rewardAdCopyHidden {
	display: block;
	width: 300px;
	height: 133px;
	text-indent: -4000px;
}

#rewardAdCopy {
	display: block;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
}

#rewardAdCopy  span {
	padding: 0px 0px 0px 174px;
	color: #ffdd00;
}

/* End res dashboard */


#WFSteps{
    margin-bottom: 15px;
}

.paymentWorkflowArrow, .paymentWorkflowItem {
    display: inline-block;
    margin: 3px;
}

/* --------------------------------- Resident Portal and Online Leasing Menu Style --------------------------------- */

#ResidentRegistrationButton {
	margin-left: -180px;
}

#rentcafe_onlineleasing #ctmcontentcontainer#nav, #rentcafe_residentportal #ctmcontentcontainer #nav, #rentcafe_landlordportal #ctmcontentcontainer #nav, #rentcafe_studentguarantorportal #ctmcontentcontainer #nav {
    width: auto;
}

#rentcafe_onlineleasing .navbar, #rentcafe_residentportal .navbar, #rentcafe_landlordportal .navbar, #rentcafe_studentguarantorportal .navbar {
  margin-bottom: 20px;
  overflow: visible;
}

#MultiLoginCurrentLoginBar
{
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

#rentcafe_residentportal #MultiLoginCurrentLoginBar, #rentcafe_onlineleasing #MultiLoginCurrentLoginBar, #rentcafe_landlordportal #MultiLoginCurrentLoginBar, #rentcafe_studentguarantorportal #MultiLoginCurrentLoginBar{
    margin-top: -20px;
}

#rentcafe_onlineleasing .navbar .nav, #rentcafe_residentportal .navbar .nav, #rentcafe_landlordportal .navbar .nav, #rentcafe_studentguarantorportal .navbar .nav {
  display:block;
  margin: 0 10px 0 0;
  position:relative;
}

#rentcafe_onlineleasing .navbar ul.nav  i, #rentcafe_residentportal .navbar ul.nav  i, #rentcafe_landlordportal .navbar ul.nav  i, #rentcafe_studentguarantorportal .navbar ul.nav  i {
	font-size: 19px;
	
}

#ResMenu .noti_bubble { 
    background-color:#ffffff; 
    color:#e0662c ;
    position: relative;
    right: -5px;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    z-index: 10;
    margin-top:-42px;
}


@media (max-width: 979px) {
	#rentcafe_onlineleasing .navbar ul.nav.floatright, #rentcafe_residentportal .navbar ul.nav.floatright, #rentcafe_landlordportal .navbar ul.nav.floatright, #rentcafe_studentguarantorportal .navbar ul.nav.floatright {
		float: none !important;
	}
}


@media (max-width: 1023px) {

#rentcafe_residentportal #MultiLoginCurrentLoginBar, #rentcafe_onlineleasing #MultiLoginCurrentLoginBar, #rentcafe_landlordportal #MultiLoginCurrentLoginBar, #rentcafe_studentguarantorportal #MultiLoginCurrentLoginBar
{    margin-top: 5px;}
#rentcafe_residentportal #nav .nav-btn, #rentcafe_landlordportal #nav .nav-btn, #rentcafe_studentguarantorportal #nav .nav-btn {
	background: #999999;
	color:#ffffff;
	padding:6px;
}
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar-inner, #rentcafe_residentportal #ctmcontentcontainer .navbar-inner, #rentcafe_landlordportal #ctmcontentcontainer .navbar-inner, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar-inner {

  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  padding-right: 0px;
  padding-left: 0px;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li {
    line-height:20px;
	float:left;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #f2f2f2;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li:first-child{
	border-left-width:0;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li:last-child{
	border-right-width:0;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
	font-family:arial;
	font-size:12px;
	float: none;
	line-height:19px;
	padding: 12px 12px 8px;
	color: #777777;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a:focus,
#rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a:focus,
#rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a:focus,
#rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a:focus{
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}

#rentcafe_onlineleasing #ctmcontentcontainer .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .nav > li > a  {
    display: block;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
  float: none;
  padding: 12px 7px 9px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > .active > a,
#rentcafe_onlineleasing #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
#rentcafe_onlineleasing #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
#rentcafe_residentportal #ctmcontentcontainer .navbar .nav > .active > a,
#rentcafe_residentportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
#rentcafe_residentportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
#rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > .active > a,
#rentcafe_landlordportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
#rentcafe_landlordportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
#rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > .active > a,
#rentcafe_studentguarantorportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
#rentcafe_studentguarantorportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus{
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

/* End Resident Portal and Online Leasing Menu Style */

/* My Accounts Page */

.detailsWrap, .amenitiesWrap {
    margin-top: 15px;
}

.addressWrap, #FavoritesSelectContainer .detailsWrap {
    border-right: 1px solid #d5d8d9;
}

#ResSelectContainer .action-items, #OleAppSelectContainer .action-items, #FavoritesSelectContainer .action-items {
    background-color: #ecebeb;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid #E3E3E3;
}

.section-background {
    background-color: #f5f5f5;
    border: 1px solid #E3E3E3;
    padding: 20px;
}

.application-actions {
    display: inline;
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px solid #d7d7d7;
}

.cancel-application {
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {

    .addressWrap, #FavoritesSelectContainer .detailsWrap {
        border-right: none;
    }

    .detailsWrap {
        margin-top: 20px;
    }

    .price {
        float: left;
        text-align: left;
        margin-top: 20px;
    }

    .application-actions {
        margin-bottom: 15px;
        border-right: none;
        float: left;
    }

    .cancel-application {
        margin-left: 0px;
    }
}

/* End My Accounts Page */

/* Begin Check Existing Account Widget */

#ExistingAccountWarningDiv .tooltip {
	font-size: 12px;
}

#ExistingAccountWarningDiv .multiaccount-option {
	padding:15px 5px 40px 5px; 
}

#ExistingAccountWarningDiv .multiaccount-option .btn {
	margin-top:15px;
}

#ExistingAccountWarningDiv .multiaccount-option i {
		font-size: 30px;
		line-height: 50px;
}

#ExistingAccountWarningDiv .submit-application{
	background: url(submit-application-icon.png) no-repeat;
	width: 80px;
	height:61px;
	display:inline-block;
	padding-bottom:25px;
	float:right;
}

#ExistingAccountWarningDiv .check-status-icon{
	background: url(check-status-icon.png) no-repeat;
	width: 80px;
	height:69px;
	display:inline-block;
	padding-bottom:25px;
	float:right;
}

#ExistingAccountWarningDiv .secure-info-icon{
	background: url(secure-info-icon.png) no-repeat;
	width: 80px;
	height:53px;
	display:inline-block;
	padding-bottom:25px;
	float:right;
}

#ExistingAccountWarningDiv #multi-profile-user h4{
	margin-top: 0;
}
	
#ExistingAccountWarningDiv .alert i{
	font-size: 34px;
	display: table-cell;
	margin-right: 10px;
	float: left;
}
	
#ExistingAccountWarningDiv p{
	display: table-cell;
}
	
#ExistingAccountWarningDiv .form-horizontal .control-label{
	text-align: left;
	width: 80px;
}
	
#ExistingAccountWarningDiv .form-horizontal .controls{
	margin-left: 80px;
}
	
#ExistingAccountWarningDiv .form-horizontal .controls a{
	margin-left: 10px;
}
	
#ExistingAccountWarningDiv .block-small{
	margin-bottom:15px;
}
	
#ExistingAccountWarningDiv .accordion-heading{
	background-color: #edebeb;
}
	
#ExistingAccountWarningDiv .accordion-inner{
	background-color: #FFFFFF;
}
	
/* iPhone Landscape */
@media screen and (max-width: 767px) {
	#ExistingAccountWarningDiv .form-horizontal .controls{
		margin-left: 0;
	}
	#ExistingAccountWarningDiv .form-horizontal .controls a{
		display:table-cell;
		padding-top: 10px;
	}
}

/* End Existing Account Widget */

/* Start Existing SM account Widget */

.alert-with-icon.alert i{
	font-size: 34px;
	display: table-cell;
	margin-right: 10px;
	float: left;
}
	
.alert-with-icon.alert p{
	display: table-cell;
}

/* End Existing SM account Widget */


/*********** Resident Portal Breadcrumbs *****************/

#rentcafe_onlineleasing .breadcrumb > li, #rentcafe_onlineleasing .breadcrumb > li a {
    font-weight: bold;
	text-decoration:none;
}


.breadcrumb > li {
  margin-right: 1px;
}

/* dropdown resident portal */

#rentcafe_residentportal .dropdown-menu, #rentcafe_onlineleasing .dropdown-menu, #rentcafe_landlordportal .dropdown-menu, #rentcafe_studentguarantorportal .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #687074;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-color: #687074;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: solid;
    border-top-width: 2px;
    margin-top: -1px;
    min-width: 200px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    z-index: 9999 !important;
}

#rentcafe_residentportal .dropdown-menu, #rentcafe_onlineleasing.dropdown-menu, #rentcafe_landlordportal.dropdown-menu, #rentcafe_studentguarantorportal.dropdown-menu{
	background-color: none;
}
#rentcafe_onlineleasing .dropdown-menu{
	margin-left:-140px;
}
@media (max-width: 736px){
	#rentcafe_onlineleasing .dropdown-menu{
	margin-left:-45px;
}
}
#rentcafe_residentportal .dropdown-menu li a, #rentcafe_onlineleasing .dropdown-menu li a, #rentcafe_landlordportal .dropdown-menu li a, #rentcafe_studentguarantorportal .dropdown-menu li a  {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #000000;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
	border-bottom-color: #cccccc;
}
#rentcafe_residentportal .dropdown-menu li > a:hover, #rentcafe_residentportal .dropdown-menu li > a:focus, #rentcafe_residentportal .dropdown-submenu:hover > a, #rentcafe_onlineleasing .dropdown-menu li > a:hover, #rentcafe_onlineleasing.dropdown-menu li > a:focus, #rentcafe_onlineleasing .dropdown-submenu:hover > a,
#rentcafe_landlordportal .dropdown-menu li > a:hover, #rentcafe_landlordportal .dropdown-menu li > a:focus, #rentcafe_landlordportal .dropdown-submenu:hover > a, #rentcafe_studentguarantorportal .dropdown-menu li > a:hover, #rentcafe_studentguarantorportal .dropdown-menu li > a:focus, #rentcafe_studentguarantorportal .dropdown-submenu:hover > a{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #b0b0b0;
    background-image: none ;
    background-origin: padding-box ;
    background-position: 0 0 ;
    background-repeat: repeat;
    background-size: auto auto ;
    color: #FFFFFF;
    filter: none;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
#rentcafe_residentportal .dropdown-menu .active > a, #rentcafe_onlineleasing .dropdown-menu .active > a, #rentcafe_landlordportal .dropdown-menu .active > a, #rentcafe_studentguarantorportal .dropdown-menu .active > a{
    background-attachment: scroll;
    background-clip: border-box ;
    background-color: #687074 ;
    background-image: none ;
    background-origin: padding-box ;
    background-position: 0 0 ;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    filter: none;
}


#rentcafe_residentportal .navbar .nav > li > .dropdown-menu:before , #rentcafe_onlineleasing  .navbar .nav > li > .dropdown-menu:before, #rentcafe_landlordportal .navbar .nav > li > .dropdown-menu:before, #rentcafe_studentguarantorportal .navbar .nav > li > .dropdown-menu:before{
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    left: 18px;
}
#rentcafe_residentportal .navbar .nav > li > .dropdown-menu:after, #rentcafe_onlineleasing .navbar .nav > li > .dropdown-menu:after, #rentcafe_landlordportal .navbar .nav > li > .dropdown-menu:after, #rentcafe_studentguarantorportal .navbar .nav > li > .dropdown-menu:after {
    border-bottom-color: #687074;
    border-top-color: #687074;
    left: 19px;
}


/* end drop down*/

/* Resident Portal sticky footer fix to remove the unnecessary margin */
#rentcafe_residentportal #form1, #rentcafe_landlordportal #form1, #rentcafe_studentguarantorportal #form1{margin-bottom:0px}


/* Pinterest Icon fix for IE */
#pinteresticon{ max-width: 20px; width: 20px; height: 20px; }
/* Pinterest Icon fix for IE */


/* Res Portal tabbed navigation and tab content container */
#ResServicesContent div.tab-content {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 15px;
	background-color: #fff;
}
#ResServicesContent ul.nav {
	margin-bottom: 0px;
}

#ResServicesContent ul.nav li{
	margin-bottom: 0px;
	background: #f5f5f5;

}
#ResServicesContent ul.nav li:hover {
	background: #ffffff;

}




/* End Res Portal tabbed navigation and tab content container*/

/* photo gallery navigation arrows */
.carousel-control i {
	width:100%;
    color: #fff !important;
	font-size: 40px;
	line-height:29px!important;
	text-decoration: none!important;
	text-align: center;
}
.carousel-control.left i {
	margin-left:-5px;
}
.carousel-control.right i {
	margin-right:-5px;
}
.carousel-control {
	line-height:25px;
}
.carousel-thumbnails {
	margin: 0;
	padding: 0;
}
.carousel-thumbnails li {
	float: left; 
	display: inline;
	width: 100px;
	margin: 5px 5px 0 0;
}

/* photo gallery navigation arrows END */

#OLESummaryLinks a {
	padding: 0 10px;
	border-right: 1px solid #aaa;
}


#OLESummaryLinks a:last-child, #OLESummaryLinks ul.nav a {	
	border-right: 0px;
}



#OLESummaryLinks #SummaryBtn:after, #OLESummaryLinks li.open #welcomeMessage:after{
	font-family: fontawesome;
	padding-left:5px;
	content: "\f0d8";
}
#OLESummaryLinks #SummaryBtn.collapsed:after, #OLESummaryLinks li #welcomeMessage:after{
	font-family: fontawesome;
	padding-left:5px;
	content: "\f0d7";
}

/*	sitebar	*/
#flyout_menu {
	background:rgba(0,0,0, .5);
	background: url('../images/sitebar/flyout_bg.png') repeat;
	width:45px;
	height:auto;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	z-index:12;
	right:0;
	top: 10%;
	position:fixed;
	z-index: 999999; 
}
#flyout_menu ul {
	display:block;
	margin-left:0px;
	z-index:13;
	position:relative;
	margin: 0px;
}
#flyout_menu ul li {
	display:block;
	padding: 7px;
	z-index:14;
}	

#flyout_menu ul li a {
		color: #D0D0D0;
		text-decoration:none;
		font-size: 27px;
	}
#flyout_menu ul li a:hover, #flyout_menu ul li a:active {
	color: #FFF;
}
.flyout_containerbg {
	background:rgba(0,0,0,.5);
	background: url('../images/sitebar/flyout_bg.png') repeat;
	min-width:590px;
	min-height:330px;
	float:right;
	margin:0px -50px 0px 0px;
	z-index:1000;
	position:fixed;
	padding:15px;
	display: none;
	right: 0px;
	top: 10%;
}
.flyout_content {
	background-color:#efefef;
	width:550px;
	min-height:300px;
	float:right;
	padding:20px;
	z-index:11;
	position:relative;
}

@media (max-width: 480px)
{
    .flyout_containerbg {
	    min-width: 260px;
		margin-right: 10px;
		top: 0px;
    }
    .flyout_content, #ContactSlideContent {	
	    width: 260px;
	    margin-right: 10px !important;
    }
	
	#ContactSlideContent #divPropWrap {
		display:none;
	}
}

.flyout_containerbg >.closebtn{
	position: absolute;
	right:20px;
	top: 20px;
	z-index: 12;
	cursor: pointer;
}
#flyout_menu ul li div.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
#flyout_menu ul li div.tooltip.left .tooltip-arrow  { top: 50% !important; border-width: 5px 0 5px 5px !important; margin-top: -5px !important;}
#flyout_menu ul li div.tooltip .tooltip-inner{ background-color: #34495e; line-height: 18px; padding: 12px 12px; text-align: center; width: 183px;
  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } 
#flyout_menu ul li div.tooltip.left   { margin-left: -12px; }


#AnnouncementSlideContent, #CommunityCalendarSlideContent, #HelpTooltipSlideContent, #ContactSlideContent, #ApartmentSummary {
	margin-right:50px;
}

#AnnouncementSlideContent i, #CommunityCalendarSlideContent i, #HelpTooltipSlideContent i, #ContactSlideContent i, #ApartmentSummary i {
	font-size:24px;
}

.flyout_content #divPropWrap {
	margin-bottom:20px;
}

/* end of sitebar	*/

/* minimum height of any given page that has ctmcontentcontainer in OLE and RP*/
#rentcafe_onlineleasing #ctmcontentcontainer, #rentcafe_residentportal #ctmcontentcontainer, #rentcafe_landlordportal #ctmcontentcontainer, #rentcafe_studentguarantorportal #ctmcontentcontainer{
	min-height: 400px;
}
/* minimum height of any given page that has ctmcontentcontainer END */

/* fix for maps/bootstrap conflict */
#mapContainer img, #pano img, #myMap img {
    max-width: none;
}
/* end fix for maps/bootstrap conflict */

/* adding space above facepile and testimonials */

.widgets {
	margin-top:30px;
	padding-top:15px;
	border-top:1px solid #f0f0f0;
	background: url("../images/widgets_divider.png") no-repeat scroll 0 0 transparent;
	background-size: contain;
}

#testimonial-carousel i, #testimonial-carousel p{
    font-size:16px;
    line-height:20px;
}

#testimonial-carousel i {
     color: #cccccc;
}

#testimonial-carousel {
    padding:0 30px;
}

#ResQuotesWidget h2, #ResQuotesWidget h1 {
    margin-left:30px;
}

#ResQuotesWidget button {
    margin-left: 30px;
    margin-top: 10px;
}

/* end - adding space above facepile and testimonials */
/* set the photo gallery container to a fixed size. */
#ctmcontentcontainer #gallery.carousel {
	width: 580px;
	overflow:hidden;    
	height: 385px;
}
@media screen and (max-width: 760px)
{
    #ctmcontentcontainer #gallery.carousel {  
	    height: auto;
    }
}

#ctmcontentcontainer #gallery img {
	max-height:385px;
	height:auto;
	width: auto;
	margin:0 auto;
}
/* end - adding space above facepile and testimonials */
#ApartmentSummary {min-width: 490px;}
#ApartmentSummary .flyout_content {min-width: 400px;}
#ApartmentSummary .flyout_content table td { width: 150px;padding: 3px;line-height: 10px;vertical-align: top;text-align: left;border: none;}
/* application summary headings styles */
/*#ApplicantInformation .ApplicantInfoHeader, #ApplicantInformation  .ApplicantInfoSection h2, #Emergencyinfodiv h2, #PetsInformationDiv h2, #VehicleInformationDiv h2, #CustomSetupDiv h2 {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px ;
  margin: 40px 0 30px 0 !important;
	padding: 6px 10px !important;
	background-color: #eaeaea;
	font-size: 18px;
	display:block !important;
	position: relative !important;
}*/
/* added class to defiene application summary heading irrespective of the Id defined*/
.ApplicantInfoHeader, .ApplicantInfoSection h2{
    border-bottom: 1px sollid #CCCCCC !important;
    margin: 40px 0 30px 0 !important;
    padding: 6px 10px !important;
    background-color: #eaeaea !important;
    font-size: 18px;
    display:block !important;
    position: relative !important;
    color: #414141 !important;
}

#ApplicantInformation .ApplicantInfoSection h2 span.icon-caret-down {
	position: absolute;
	right: 10px;
	top: 10px;
}
#AdditionalInformationWrap h2 { 
	cursor: pointer;
}
/* add default padding for the content in all themes, this can be overwritten at the theme level */
#ctmcontentcontainer{
    padding: 15px;
}

.newsPost .thumbnail {
	margin-right: 15px;
	float: left;
}

/* styling for pet policy */
.petPolicy {
	padding-top: 10px;
	list-style: none;
	list-style-image: none;
	line-height: 20px;
}


.petPolicy ul{
	margin: 10px 0;
	padding: 5px 10px;
	width: 80%;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	list-style-image: none!important;
}
.petPolicy ul li{
	list-style: none!important;
	list-style-image: none!important;
	list-style-type: none!important;
	background-image: none!important;
}

/* apartment search */



#refineunitsearch ul li input {
	width: 80px;
}

#refineunitsearch  ul.unstyled li  input {
	width: auto;
}

#refineunitsearch  ul.unstyled li  label.checkbox {
	padding: 2px 10px;
}


/* Resident Services */
#ResServicesContent h1 { margin:20px 0 }

#ResServicesContent #marketingWrapper { padding:0 5% 5% 5%; }


/* User Registration */
#Registration  h2 {
    margin-top: 30px;
}

.box {
    background-color:#ffffff;
	box-shadow: 0 0 2px #CCCCCC;
    padding: 20px;
}

.box-grey {
	background-color: #FAFAFA;
}

#RegistrationInfo i, #LoginInfo i  {
    color: #0489b4;
    margin-right: 10px;
}

#Registration .accept-terms ,#UserRegistration .accept-terms{
    margin-bottom: 15px;
    margin-top: 30px;
}

#LoginBox h1 {
	display:none;
}

#Login .forgot-password {
    margin-top: 20px;
}
/* end User Registration */


/* processing request message style */
#page_loading {background-color: #fcf8e3;  color:#c09853;  padding:10px; border-radius:4px; border:1px solid #fbeed5;}



/* darkening the color of the breadcrumb arrows */
.breadcrumb > li > .divider {
	color:#777777;
}

#marketingWrapper div i {
font-size: 48px;
}


/* Remove background image icon and replace with font-awesome  Adjust #phonenumber:before in theme.css to customize this element on a per theme basis.  Okay to delete image reference in theme css files.*/
#phonenumber {background-image: none!important; padding-left: 0px!important; } 
#phonenumber:before {
    content: "\f095"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: inherit;
	padding: 0 5px;
}

#logonLinks {margin-top:20px; line-height: 20px;}
#logonLinks a {line-height: auto;}

/* Adding space below the property address and office hours on contact us page */
#contactus #PropertyAddress {
    margin-bottom: 20px;
}

/* Applicant Login Marketing Verbiage */
#applicantloginmkt h2, #applicantloginmkt ul { margin-bottom: 20px;}
#applicantloginmkt li { list-style-type: none; line-height: 20px;}
#applicantloginmkt li:before {
    content: "\f00c";
    font-family: fontawesome;
    padding-right: 5px;
}


#applicantloginmkt > a:before {
    content:  "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}
#applicantloginmkt > a {
	text-decoration: none;
	font-weight:bold;
}


/*****************************************************************************
******************************************************************************
5162013 - Resident Dashboard Global Styles -Jonathan Weisberg's Modifications
******************************************************************************
*****************************************************************************/

.widgettitle { 
	color: #999; text-transform: uppercase; text-transform: uppercase; margin-bottom: 15px; 
	text-shadow: 1px 1px rgba(255,255,255,0.3); border: 1px solid #bbb; position: relative;
}
h4.widgettitle { font-size: 14px; padding: 2px 10px; line-height: 26px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h4.ctitle { border: 1px solid; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); }
h3.widgettitle { font-size: 14px; padding: 5px 10px; }
h3.ctitle { border: 1px solid; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); }


.widgetcontent { margin-bottom: 20px; position: relative; line-height: 20px!important;}
.widgetcontent.bordered { padding: 15px; border: 1px solid #bbb; border-top: 0; background: #fcfcfc; }
.widgetcontent.nopadding { padding: 0; }
.widgetsource { display: none; }
.widgetsource.show { display: block; }


.list-inline li { display: inline-block; margin: 0 5px 10px 0; }

.loaders img { float: left; margin-right: 10px; vertical-align: middle; }

/* Animations Sample */
.animatesample { position: absolute; top: 15px; left: 15px; width: 220px; z-index: 100; }
.animatesample li { padding: 7px 10px; border: 1px solid #bbb; background: #ddd; }
.animatebuttonlist li { list-style: none; display: inline-block; margin-right: 10px; margin-bottom: 10px; }



/***** ICONS *****/
/*****************/

a [class^="icon-"], a [class*=" icon-"] {
text-decoration: none!important;
}

/*dashboard*/
.widgeticons { list-style: none; margin: 0 0 10px 0; }
.widgeticons li { margin-bottom: 15px; }
.widgeticons li a { display: block; border: 1px solid #ccc; background: #fcfcfc; text-align: center!important; text-decoration:none!important;}
.widgeticons li a:hover { text-decoration: none; background-color: #fff; text-decoration:none;}
.widgeticons li a span { display: block; padding: 2px; margin-bottom: 5px; }
.widgeticons li a img { margin: 15px auto 5px auto; }




/***** ANNOUNCEMENT STYLES *****/
.CloseResServicesWidget {	
    position: relative;
    margin-top: -39px;
    padding-right: 5px;
    top: -2px;
    float: right;
}

.CloseResServicesWidget i {
    margin: 0px -15px 0px 0px;
}

#announcementsModule .label {
	display: inline-block;
padding: 6px 7px;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: #ffffff;
background-color: #eb6d31;
text-shadow: none;
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-top: 5px;
	}

/***** EVENT STYLES *****/
.event_heading {border-bottom:1px solid #DDD;padding-bottom:1px; }
.event_title {font-weight:bold;font-size:16px;text-align:left; color:#999999; display:inline; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.event {margin:10px 0px 10px 0px;}
.date {font-size:30px; color:#0E82AF; font-weight:bold; text-transform:uppercase;  width:auto; padding: 0px 0px 0px 10px; text-align: right; line-height: 20px!important;}

.event_heading .icon-calendar {
color:#0E82AF; margin-right: 5px; font-size: 24px;
}



/***** FACEBOOK CONNECT STYLES *****/

h4.facebookConnectTitle { font-size: 14px; color: #ffffff; padding: 4px 10px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	background-color: #6e84b5;
	border:1px solid #50669f;
	}

.facebookConnectBtn { clear: both; display:block; margin: 10px 0px 4px 0px;} 
.facebookConnectWidgetcontent { margin-bottom: 20px; padding: 15px; border: 1px solid #bbb; border-top: 0; background: #fcfcfc; position: relative;
background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: linear-gradient(to top,#ececec,#f9f9f9);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 }
 
.facebookConnectWidgetcontent  p {
margin: 0px;
text-align: left!important;
width: 90%;
}

.facebookConnectWidgetcontent:before { 
	content: "\f09a"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #cad0dc;
    font-size: 100px;
    padding-right: 0.1em;
    position: absolute;
    bottom: 32px;
    right: 0;
	line-height: 20px!important;
}





/***** FONT *****/
/****************************/

 .logopanel h1, h3.widgettitle,
 .widgeticons li a span { font-family:  Arial, sans-serif; }
.welcome_title {font-weight:bold;font-size:16px;text-align:left; color:#999999; }






/***** BOX SHADOW *****/
/**********************/

/* Inset White */
/* Opacity: 0.3 */
.widgettitle{ 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
/* Opacity: 0.2 */
.ctitle { 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}





/***** GRADIENT BACKGROUNDS *****/
/********************************/

.widgettitle {
	background: #f1f1f1;
background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: linear-gradient(to top,#ececec,#f9f9f9);
}




/***** TRANSITIONS *****/
/***********************/

.widgeticons li a { 
	-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; 
}



/***** OTHER STYLES *****/
/************************/

.separator { border-bottom: 1px solid #f1f1f1; border-top: 1px solid #c7c7c7; }

.bordetop0 { border-top: 0; }
.borderbottom0 { border-bottom: 0; }
.nomargin { margin: 0; }
.clearall { clear: both; }
.aligncenter { text-align: center; }


/***** MEDIA QUERIES *****/
/*************************/

@media screen and (max-width: 1024px) {
	
	/* dashboard */
	.content-dashboard .row-fluid > .span8,
	.content-dashboard .row-fluid > .span4 { display: block; width: auto; float: none; }
	.content-dashboard .row-fluid > .span4 { margin-left: 0; }
	.widgeticons li.span2 { width: 18.2%; }
	
	/* animations */
	.content-animations .row-fluid .span9 { margin-left: 40%; margin-top: -30px; width: 59%; }
	

}

/* iPad Portrait */
@media screen and (max-width: 959px) {
	
	.rightpanel { 
		width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
	.social-headerright { float: right;  margin-top: 0px;}
	
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	
	.pagetitle h1 { line-height: normal; }
	.pagetitle span { display: block; margin-left: 0; }
	.widgeticons .one_third { width: 31.16%; }
	.searchwidget input.search-query { width: 200px; }
	.social-headerright { float: right;  margin-top: -25px;}
	
}

@media screen and (max-width: 479px) {
	
	
	/* dashboard */
	.content-dashboard .ui-tabs-nav li a span { display: none; }
	.content-dashboard .ui-tabs-nav li a { padding: 7px 10px; }
	.notification .dropdown-menu { right: -100px; }
	
}
/*****************************************************************************
******************************************************************************
				END Jonathan Weisberg's Modifications
******************************************************************************
*****************************************************************************/

.writeReview {
	margin: 10px 0px;
}
.writeReview a {
	text-decoration:none;
	padding: 5px;
	font-weight: bold;
}

.writeReview a:after{
	font-family: fontawesome;
	padding-left:5px;
	content: "\f054";
}



 
.AdditionalOccupantWrap .header { padding: 10px;}
.AdditionalOccupantWrap .header h5 { margin: 2px 0;}



/***************************************************************************** 
/**************************** Common Theme Classes ***************************/
/***************************************************************************** 

/*This is for the bootstrap image slider*/
#background_slider{
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -999;
}

#background_slider img{
	left: 0;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
}

/*This is to prevent the background image from stretching vertically*/
@media (max-width: 768px) {
	#background_slider img{
  	min-height: 100px;
  }
}  


#homepage_slider.carousel, #banner_slider.carousel {
	margin-bottom:0;
}

/* end Common Theme Classes */


/* jsTree CSS */
/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-default li, 
.jstree-default ins { background-image:url("../images/d.png"); background-repeat:no-repeat; background-color:transparent; }
.jstree-default li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-default li.jstree-last { background:transparent; }
.jstree-default .jstree-open > ins { background-position:-72px 0; }
.jstree-default .jstree-closed > ins { background-position:-54px 0; }
.jstree-default .jstree-leaf > ins { background-position:-36px 0; }

.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
.jstree-default a .jstree-icon { background-position:-56px -19px; }
.jstree-default a.jstree-loading .jstree-icon { background:url("../images/throbber.gif") center center no-repeat !important; }

.jstree-default.jstree-focused { background:#ffffee; }

.jstree-default .jstree-no-dots li, 
.jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-default .jstree-no-icons a .jstree-icon { display:none; }

.jstree-default .jstree-search { font-style:italic; }

.jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-default ins { background:transparent !important; }
#vakata-dragged.jstree-default .jstree-ok { background:url("../images/d.png") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-default .jstree-invalid { background:url("../images/d.png") -18px -53px no-repeat !important; }
#jstree-marker.jstree-default { background:url("../images/d.png") -41px -57px no-repeat !important; text-indent:-100px; }

.jstree-default a.jstree-search { color:aqua; }
.jstree-default .jstree-locked a { color:silver; cursor:default; }

#vakata-contextmenu.jstree-default-context, 
#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-default-context li { }
#vakata-contextmenu.jstree-default-context a { color:black; }
#vakata-contextmenu.jstree-default-context a:hover, 
#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }

/* IE6 BEGIN */
.jstree-default li, 
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid, 
#vakata-dragged.jstree-default .jstree-ok, 
#jstree-marker.jstree-default { _background-image:url("../images/d.gif"); }
.jstree-default .jstree-open ins { _background-position:-72px 0; }
.jstree-default .jstree-closed ins { _background-position:-54px 0; }
.jstree-default .jstree-leaf ins { _background-position:-36px 0; }
.jstree-default a ins.jstree-icon { _background-position:-56px -19px; }
#vakata-contextmenu.jstree-default-context ins { _display:none; }
#vakata-contextmenu.jstree-default-context li { _zoom:1; }
.jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
.jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
.jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
/* IE6 END */
/* end of jsTree CSS */


.AdditionalOccupantWrap .header {
    background-color: #EEEEEE;
    padding:5px 15px;
}
.AdditionalOccupantWrap .header h2 {
	font-size:22px;
	margin:0;
	padding:0;
}
.AdditionalOccupantWrap .header .remove{
	line-height:inherit;
	font-size: 13px;
}
.AdditionalOccupantWrap .header  a.remove:before{
	font-family: FontAwesome;
	content: "\f014";
	margin-right:3px;
}
.AdditionalOccupantWrap .body {
    padding: 15px;
}


.AdditionalOccupantWrap .header h4, .AdditionalOccupantWrap .header a {
    margin: 2px 0;
}

.AdditionalOccupantWrap {
    border:1px solid #ccc;
	margin-bottom: 15px;
}
#ApplicantInformation {
	margin-top: 20px;
}

@media (min-width: 480px) {
    #recaptcha_widget {
        width: 330px;
    }
}
@media (max-width: 480px) {
    #recaptcha_widget, #recaptcha_image {
        width: 100% !important;
    }
    #recaptcha_reload, #recaptcha_switch_audio, #recaptcha_whatsthis {
        width: 25px !important;
        max-width: 25px !important;
        min-width: 25px !important;
    }
}
#recaptcha_image  img{ width: 100%; }        


#QuickLinksMenu {
	margin: 0;
}
#TitleWrap {
	margin-bottom: 10px;
}
#AptSummaryMegaMenu {
	font-size: 12px;
	white-space:normal;
	margin: 20px 0;
	clear:both;
	border-top: 1px solid #ddd;
}
#AptSummaryMegaMenu.in {
	border: 1px solid #eee;
	padding: 1%;
	width: 98%;
}
@media (min-width: 770px) {
	#AptSummaryMegaMenu .span4 {
		border-right: 1px solid #eee;
		min-height: 280px;
	}
}
#AptSummaryMegaMenu .span4:last-child {
	border-right: 0px;	
}

#AptSummaryMegaMenu .btn-edit { margin-right: 10px; min-width: 60px; }


#AptSummaryMegaMenu .table th, #AptSummaryMegaMenu .table td {
    border-width: 0;
	line-height:14px;
}

#AptSummaryNarrative {
    margin-top: 20px;
}

#ApplicationsContainer {
	padding:15px !important;
	width: 400px;
}
#ApplicationsContainer button {
	margin-top: 5px;
}

.infolist ul {
	margin:0;
}
.infolist li:before {
    content: "\f05a";
    font-family: fontawesome;
    padding-right: 5px;
	font-size:14px;
}
.infolist li {
    list-style-type: none;
}

#PropMgrMessagediv  strong:before {
	 content: "\f06a";
    font-family: fontawesome;
    padding-right: 5px;
	font-size:14px;
}

#CustomTextHeader, #CustomTextFooter {
	padding: 10px 0;
}
th.description {
	width: 50%;
}
th.monthly-fee {
	width: 20%;
}
th.quantity, th.amount {
	width: 15%;
}

#ebrochure #ehlicon 
{   
    background: url("../images/equalhousing_ebrochure.png") left top no-repeat;
	height:13px;
    width:16px;
    padding:3px 5px 0 0;
    margin-top:6px;
    float:left;
}

.navbar .btn-group {
    margin: 5px 0px 0px 8px !important;
}

.applications-title{
float: left;
line-height: 19px;
padding: 13px 5px 9px 7px;
text-transform: uppercase;
color: #777;
}

.searchResult .resultHeader {
	color: #333333!important;
background-color: #d9d9d9;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
min-height: 22px;
border-radius: 4px;
position: relative;
}


.searchResult .resultHeader .price {
padding-right: 15px;
}

.searchResult .resultHeader .specialIcon {
position: absolute;
top: 0px;
right: 0px;
}
	
.searchResult .resultFooter 
{
    margin-top: 10px;
}
.searchResult .resultFooter [class*=span]  
{
    min-height: 0px;
}

a.btn.btnApplyNow {color:#ffffff!important;}

/* Property Site Review Page */

.ReadReviews .PropMgrResponse 
{
    margin: 10px 0px 0px 0px;
}

/***** Responsive Menu *********/

body {
  position: relative;
  width: 100%;
  min-width: 20em;
}

.offcanvas_navbar-inner {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  max-width: 60em;
}

.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: url("../images/close-btn.svg") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("../images/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
}

.nav-btn:before {
    content: "\f0c9" !important;
    font-family: FontAwesome;
    font-size: 19px;
    padding-right: 5px;
}

#offcanvas_outer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#offcanvas_inner 
{
    position: relative;
    width: 100%;
}

.offcanvas_navbar {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
}
.offcanvas_navbar .close-btn {
  display: none;
}
.offcanvas_navbar .offcanvas_navbar-inner-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.offcanvas_navbar .offcanvas_navbar-inner {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #333333;
}

.offcanvas_navbar ul {
  float: none;
}

.offcanvas_navbar ul:not(.dropdown-menu) {
  *zoom: 1;
  display: block;
  margin: 0;
  padding: 0;
}
.offcanvas_navbar ul:before, .offcanvas_navbar ul:after {
  content: "";
  display: table;
}
.offcanvas_navbar ul:after {
  clear: both;
}
.offcanvas_navbar li {
  display: block;
}
.offcanvas_navbar li a {
  display: block;
  color: #ccc;
  font-size: 0.875em;
  line-height: 1.28571em;
  font-weight: bold;
  font-family: sans-serif;
  outline: none;
  font-size: 14px;
}
.offcanvas_navbar li a:focus, .offcanvas_navbar li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.offcanvas_navbar li.active:not(.hasActiveChild)>a {
  color: #fff;
}

.responsiveDummy {
  visibility: hidden;
  display: none;
}

#offcanvas_inner .offcanvas_navbar {
  margin: 0px;
  position: absolute;
  top: 0;
  padding-top: 5.25em;

}
.offcanvas_navbar:not(:target) {
  z-index: 1;
  height: 0;
}
.offcanvas_navbar:target .close-btn {
  display: block;
}
.offcanvas_navbar .close-btn {
  position: absolute;
  top: -3.75em;
  left: 1.875em;
}
.offcanvas_navbar .offcanvas_navbar-inner {
  position: relative;
  padding: 0;
}
.offcanvas_navbar li {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas_navbar ul.pull-right li:first-child {
  border-top: none;
}

.offcanvas_navbar li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.offcanvas_navbar li.active:not(.hasActiveChild):after {
  z-index: 50;
  display: block;
  content: "";
  position: absolute;
  top: 1.5em;
  left: -0.03125em;
  margin-top: -0.625em;
  border-top: 0.625em transparent solid;
  border-bottom: 0.625em transparent solid;
  border-left: 0.625em white solid;
}

.offcanvas_navbar .offcanvas_dropdown li.active:not(.hasActiveChild):after {
  left: 2em;
}

.offcanvas_navbar li a {
  padding: 0.85714em 2.14286em;
}

.offcanvas_navbar li ul:not(.offcanvas_dropdown) {
  display: block !important;
}

.offcanvas_navbar li ul li a {
  font-size: 12px;
  margin-left: 30px;
}

.js-ready .offcanvas_navbar {
  height: 100%;
  width: 70%;
  background: #333333;
  /*-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);*/
 
}
.js-ready .offcanvas_navbar .offcanvas_navbar-inner {
  background: transparent;
}
.js-ready .offcanvas_navbar .close-btn {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.js-ready .offcanvas_navbar .close-btn:focus, .js-ready .offcanvas_navbar .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.js-ready .offcanvas_navbar {
  left: -70%;
}
.js-ready #offcanvas_inner {
  left: 0;
}

.offcanvas_navbar .dropdown .offcanvas_dropdown {
  display: none;
}

.offcanvas_navbar .dropdown.open .offcanvas_dropdown {
  display: block;
}

@media screen and (min-width: 769px) {

  .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .navbar .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (max-width: 768px) {

  body {
    padding: 0px !important;
  }
  .navbar.responsiveNavBar {
    display: none;
  }
  .responsiveDummy {
    display: block;
  }

  .js-nav #offcanvas_inner {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready .offcanvas_navbar {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #offcanvas_inner {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #offcanvas_inner {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready .offcanvas_navbar .offcanvas_navbar-inner {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav .offcanvas_navbar .offcanvas_navbar-inner {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*********** End Responsive Menu ************/


/*********** Start OLE Lease Summary ************/

.pdf-icon:before{
	content: url(pdf-icon.png);
	width:59px;
	height:63px;
	margin-top:6px;
	float:left;
}
@media (min-width: 481px) {
	.summary-details{
		margin-left:70px;
	}
}
@media (max-width: 480px) {
    .summary-icon{ display: none;}
	.summary-details { margin: 0; }
}
#lease-summary .table td {
	background-color: #FFF;
}
#lease-summary .separator {
	margin:10px 0;
	padding:5px 0;
}

#lease-summary [class^="icon-"]{
	margin-top:14px !important;
}

#lease-summary  .icon-user{
    float: left;
    font-size: 56px;
	line-height: 20px;
	color:#d0cdcd;
}

#lease-summary  .icon-list-ol{
    float: left;
    font-size: 48px;
	color:#d0cdcd;
}

#lease-summary  .icon-file{
    float: left;
    font-size: 58px;
    line-height: 20px;
    margin-right: 22px;
    margin-top: 22px;
	color:#d0cdcd;
}
#lease-summary  .icon-usd{
    float: left;
    font-size: 70px;
	color:#d0cdcd;
}
#lease-summary  .icon-calendar{
    float: left;
    font-size: 50px;
    line-height: 20px;
    margin-right: 22px;
    margin-top: 22px;
	color:#d0cdcd;
}
#lease-summary p > i {
	margin-right: 7px;
}


/* adding space below waitlist button on floor plans page */
#WaitlistMsg {
    margin-bottom: 20px;
}

/***** Sister Properties Page *********/
/* Sister properties page thumbnail image size fix. Giving it fixed height and width. Otherwise, it gets larger and looking blurry. */
#RentCafeContent .searchResult .thumbnail {
    max-height: 100px;
    max-width: 130px;
	position:relative;
}


.block{
	margin-bottom:30px;
}

.block-small{
	margin-bottom:15px;
}

/***** Marketing Site Media Queries *********/ 

@media (max-width: 768px) {
	
	/* Floor Plans Page: Home decor planner won't work on tablets and phones */
	#homeDecorPlanner{
		display:none;
	}
	
	/* Floor Plans Page: Refine Search Area: better ux for mobile to have the check boxes bigger */
	#TopSearchNewDesign>li:first-child {
		width:100%; 
		display:block;
		padding-left:0;
	}
	#TopSearchNewDesign>li>label {
	    display: block;
	    padding: 10px 0px 0px 10px;
	    text-indent: 5px;
	}
	
	#TopSearchNewDesign #btnUpdateFilter {
		margin-top:4px;
	}
	
	/* Floor Plans Page: Making the floor plan image fit in the screen */
	#ImgWindow{
		left:15%!important; 
		width: 75%; 
	}
	
	/* Basic Lease Info: Making the label and values for the pricing info in single row */
	#divPricingInfo .row-fluid .span5 {
	    float: left;
	    width: 100px;
	}
	#divPricingInfo .span6 {
    float: right;
    width: 100px;
  }
  
  /* Bigger Checkboxes  and Radio Buttons*/
	input[type=checkbox], input[type=radio]
	{ 
	  -ms-transform: scale(1.5); /* IE */
	  -moz-transform: scale(1.5); /* FF */
	  -webkit-transform: scale(1.5); /* Safari and Chrome */
	  -o-transform: scale(1.5); /* Opera */
	  padding: 5px;
	  margin-top: 3px;
		margin-right:20px;
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
		left:0 !important;
 		width: 96% !important;
		margin:0 2%;
	}
}

@media (max-width: 568px) {
	
	/* Unit Availability: Making the refine search option fields look better at phone level */
	#refineunitsearch #FtxtMaxRent, #refineunitsearch #FtxtMoveInDate, #refineunitsearch #FtxtUnitCode {
		width:94px;
		margin-bottom: 4px;
	}
	#refineunitsearch .btn.dropdown-toggle, #refineunitsearch .btn.dtropdown-toggle {
		width: 82px;
		margin-bottom: 4px;
	}
	#refineunitsearch ul.unstyled li label.checkbox {
    text-indent: 8px;
	}

	
	
	
	/* The have the pop-ups fits inside screen */
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
 		width: 90% !important;
		margin:0 5%;
	}
	
	/* Floor Plans Page: For the floor plan image in the pop-up to be bigger */
	#dialogContainer img {
		width:420px;
	}
	
	/* Sister Properties Page: hiding the links Bird's Eye View, Street View, Neighborhood */
	.searchResult ul.inline.span9 {
		display:none;
	}
	
	/* Sister Properties Page: making the price range in the same line as the property name */
	.searchResult .price.span4.text-right {
		margin-top:-30px;
	}
	
	.searchResult .btn-primary {
		margin-top:5px;
	}
	
	/* Hiding the Start Application button on Basic Lease Info Page of the marketing site, until we have OLE fully responsive */
	#innerpage #termsandotheritems #btnStart {
	    /*display: none;*/
	}
	
}

/*   fixes price overlap on search results on iphone6  */
@media (min-width: 320px) and (max-width: 767px){

    .searchResult .price.span4.text-right {
    text-align: left !important;
    margin-top: 0px;
    }
	/* Map & Directions: unhiding the button group: Bird's Eye View, Street View, Neighborhood */

	#MapBtnHolder.btn-group {
		float: left;
		margin-bottom: 20px;
		white-space: normal;
	}
	#DirectionControls .btn.mapOverlayButton {
		display: inline-block !important;
    		font-size: 13px;
    		line-height: 12px;
    		margin-bottom: 4px;
    		padding: 8px 12px !important;
	}

	
}

@media (min-width: 768px) and (max-width: 1024px){
#divOverlayLinks{
	width:100%;
	margin:0;
}
#MapBtnHolder{
	float:left;
	margin-bottom:10px;
}

}
@media (max-width: 320px) {
	
	/* The have the pop-ups fits inside screen */
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
	  left: 0 !important;
	 	width:285px !important;
	}
	
	/* Floor Plans Page: For the floor plan image in the pop-up to be bigger */
	#dialogContainer, #dialogContainer img {
		width:250px !important;
	}
	
	/* Sister Properties Page: making the price range to be underneath the property name */
	.searchResult .price.span4.text-right {
		text-align:left !important;
		margin-top:0;
	}
}


/***** Online Leasing Media Queries *********/ 

@media (max-width: 980px) and (min-width:769px) {
	#rentcafe_onlineleasing .summary-details .span12 .table {
  	font-size: 12px;
	}
}


@media (max-width: 768px) {

	/* Navbar */ 
	#rentcafe_onlineleasing #ctmcontentcontainer .navbar {
    margin-bottom: 10px;
  } 
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .btn.btn.dropdown-toggle {
  	margin-left:5px;
  } 
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner {
  	height:42px;
  } 
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
    font-size: 11px !important;
  }  
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar #welcomeMessage li:first-child {
		display:none;
	}	
	#rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .applications-title {
		display:none;
	}	
 	#rentcafe_onlineleasing #ApplicationsContainer {
		width:340px;
	}	
	#rentcafe_onlineleasing #ApplicationsContainer .propertyThumb {
		display:none;
	}	
	#rentcafe_onlineleasing #ApplicationsContainer a {
		padding:0 !important;
	}
	
	/* Navbar */ 
	#rentcafe_onlineleasing #ctmcontentcontainer .alert {
		font-size:12px;
  }
  
  /* Summary Dropdown */
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .btn-group,
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .applications-title {
    margin-bottom:15px;
    margin-left:0;
  }
  
  
  /* Account Fees - making check image smaller */ 
  #rentcafe_onlineleasing #ctmcontentcontainer #AchInfo #sampleCheck {
    background-size: 350px auto !important;
	}
	
	/* Quote Sheet - making print and email icons smaller */
	#formquotesheetdataholder #PrintImage, #formquotesheetdataholder #mailImage {
		width:auto;
	}
	
	/* My Profile Page - making the labels and values into single row */
	#rentcafe_onlineleasing #NameDiv .span2, #rentcafe_onlineleasing #LastNameDiv .span2, 
	#rentcafe_onlineleasing #PhoneForm .span2, #rentcafe_onlineleasing #AltPhoneForm .span2, 
	#rentcafe_onlineleasing #EmailForm .span2 {
		width:30%;
		float:left;
	}
	#rentcafe_onlineleasing #NameDiv .span6, #rentcafe_onlineleasing #LastNameDiv .span6, 
	#rentcafe_onlineleasing #PhoneForm .span6, #rentcafe_onlineleasing #AltPhoneForm .span6, 
	#rentcafe_onlineleasing #EmailForm .span6 {
		width:60%;
		float:right;
	}
}

@media (max-width: 480px) {
	#rentcafe_onlineleasing .navbar .btn-group .btn {
		font-size:11px;
	}
	
	#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
    font-size: 10px !important;
  }
	
	/* On Applicant Info page, adding space between City and Zip textfields, since they are on separate rows */
	#rentcafe_onlineleasing #ApplicantInformation #CurrentZip20084, #rentcafe_onlineleasing #ApplicantInformation #EmpZip20084, 
	#rentcafe_onlineleasing #ApplicantInformation #EmergencyZip, #rentcafe_onlineleasing #ApplicantInformation #ProspectMiddleName {
		margin-top:8px;
	}
}

@media (max-width: 320px) {

	/* Alert */
  .alert {
  	padding:1px 5px;
  }
  
  /* Navbar */
	#rentcafe_onlineleasing #ctmcontentcontainer .navbar #welcomeMessage {
  	float:left !important;
  	width:100%;
  	margin-top:-15px;
  	margin-bottom:15px;
  } 
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner {
  	box-shadow:none;
  	background-image:none;
  	border-width:0;
  	background-color:transparent;
  }  
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li {
  	border-width:0;
  } 
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
    font-size: 10px !important;
    line-height: 13px !important;
    padding: 15px 0 0 5px;
  }
  #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .btn.btn.dropdown-toggle {
		margin-bottom:15px;
		margin-left:0;
	}
  #rentcafe_onlineleasing #ApplicationsContainer {
		width:250px;
		font-size:12px;
		line-height:15px;
	}
  
  

	/* Summary Dropdown */
  #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu {
    width: 260px;
    font-size:12px;
    line-height:15px;
	background-color: #f5f5f5;
  }  
  #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu .span6 .btn-small {
    margin-top: -45px;
  }
  
  #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu table {
    margin-top: -40px;
  }
  
  /* Account Fees - making check image smaller */
	#rentcafe_onlineleasing #ctmcontentcontainer #AchInfo #sampleCheck {
    background-size: 250px auto !important;
	}
}


/***** Resident Portal Media Queries *********/ 

@media (max-width: 768px) {
	
	/* Dashboard */
  #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a img, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a img, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a img{
    height: 50px;
    margin-top: 10px;
    margin-left: 0;
    float: none;
  }
  #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
    margin-bottom: 5px;
    margin-left: 100px;
    padding: 12px 0;
    text-align: left;
  }
  
  /* Maintenance */
  #rentcafe_residentportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription, #rentcafe_landlordportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription, #rentcafe_studentguarantorportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription {
    width: 205px !important;
    height: 67px !important;
  }
  
  /* Flyout Menu */
  #rentcafe_residentportal #flyout_menu, #rentcafe_landlordportal #flyout_menu, #rentcafe_studentguarantorportal #flyout_menu {
		display:none;
	} 
	
	/* Nav tabs */
	#rentcafe_residentportal .nav-tabs > li > a,
	#rentcafe_residentportal .nav-tabs > li > a:hover,
	#rentcafe_residentportal .nav-tabs > li > a:focus,
	#rentcafe_landlordportal .nav-tabs > li > a,
	#rentcafe_landlordportal .nav-tabs > li > a:hover,
	#rentcafe_landlordportal .nav-tabs > li > a:focus,
	#rentcafe_studentguarantorportal .nav-tabs > li > a,
	#rentcafe_studentguarantorportal .nav-tabs > li > a:hover,
	#rentcafe_studentguarantorportal .nav-tabs > li > a:focus{
		border:none;
		padding:5px 10px;
	}
	/* This needs to be removed once we have the tabs turn into dropdown at the phone level */
	#rentcafe_residentportal #tabs .nav-tabs > .active > a, 
	#rentcafe_residentportal #tabs .nav-tabs > .active > a:hover, 
	#rentcafe_residentportal #tabs .nav-tabs > .active > a:focus,
	#rentcafe_landlordportal #tabs .nav-tabs > .active > a, 
	#rentcafe_landlordportal #tabs .nav-tabs > .active > a:hover, 
	#rentcafe_landlordportal #tabs .nav-tabs > .active > a:focus,
	#rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a,
	#rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a:hover,
	#rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a:focus{
		background-color: #666666 !important;
		color:#ffffff;
		padding:5px 10px;
		border-radius:6px;
	} 
	
	
	#rentcafe_residentportal #ResServicesContent ul.nav, #rentcafe_landlordportal #ResServicesContent ul.nav, #rentcafe_studentguarantorportal #ResServicesContent ul.nav {
		padding-bottom:20px;
	}
	#rentcafe_residentportal #ResServicesContent ul.nav > li, #rentcafe_landlordportal #ResServicesContent ul.nav > li, #rentcafe_studentguarantorportal #GuarantorServicesContent ul.nav > li {
		background-color:transparent;
	}	
	
	/* Expanded submenu caret color changed from black to grey */
	#rentcafe_residentportal .caret, #rentcafe_landlordportal .caret, #rentcafe_studentguarantorportal .caret { 
		border-top: 4px solid #ffffff;
	}
	
	.nav-tabs > li, .nav-pills > li {
        float: left;
        width: 49.6%;
        text-align: center;
     }
	 
/* Added classes for off canvas menu  */

#rentcafe_residentportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_residentportal .offcanvas_navbar .nav > li > a:focus,
#rentcafe_landlordportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_landlordportal .offcanvas_navbar .nav > li > a:focus,
#rentcafe_studentguarantorportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_studentguarantorportal .offcanvas_navbar .nav > li > a:focus{
	background-color: #454545;
}
	
#rentcafe_residentportal .offcanvas_navbar .nav .open > a, #rentcafe_residentportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_residentportal .offcanvas_navbar .nav .open > a:focus,
#rentcafe_landlordportal .offcanvas_navbar .nav .open > a, #rentcafe_landlordportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_landlordportal .offcanvas_navbar .nav .open > a:focus,
#rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a, #rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a:focus{
	background-color: #454545;
}	 
	 
}

/* iPad portrait · width: 768px */
@media (width: 768px) {
#rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
margin-bottom: 5px;
margin-left: 0px;
padding: 12px 0;
text-align: center;
min-height: 0;
}
}

/* iPad portrait · width: 767px */
@media (max-width: 767px) {
#rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
    margin-left: 0px;
    text-align: center;
    }
}


@media (max-width: 480px) {
	#rentcafe_residentportal #ResidentRegistrationButton, #rentcafe_landlordportal #ResidentRegistrationButton, #rentcafe_studentguarantorportal #ResidentRegistrationButton {
    margin-left: 0;
	}
}

/***** Amazon style OLE Payments *********/
.table-footer 
{
	background: none repeat scroll 0% 0% rgb(246, 246, 246);
} 
.payment-creditcard{
	background: url(../images/credit-generic-icon.png) no-repeat;
	width: 50px;
	height:40px;
	display:block;
	margin-right:20px;
}

#creditcard{
	padding: 10px;
}

#creditcard:hover{
	background: #f4f4f4;
}

.payment-bankaccount{
	background: url(../images/bank-account-generic-icon.png) no-repeat;
	width: 78px;
	height:35px;
	display:block;
	margin-right:20px;
}

#bankaccount{
	padding: 10px;
}

#bankaccount:hover{
	background: #f4f4f4;
}

#debitcard{
	padding: 10px;
}

#debitcard:hover{
	background: #f4f4f4;
}

.payment-check{
	background:url(../images/check-image.png) no-repeat;
	height:148px;
	width:242px;
	display:block;
}

.GB{
	background:url(../images/check-image-GB.png) no-repeat;
}

@media (max-width: 767px) {
	.payment-creditcard{
		float: left;
	}
	.payment-bankaccount{
		float: left;
	}

}

#PaymentApplicationChargeStep1 .icon-check{
	color: #999999;
}

/* Res Services Payment Manager CSS */
.RecurringPaymentGrid .showOnEdit
{
    display: none;   
}

.RecurringPaymentGrid .editMode .hideOnEdit
{
       display: none;
}

.RecurringPaymentGrid .editMode .showOnEdit
{
    display: inherit;
}

.RecurringPaymentGrid select { width: auto; }
@media only screen and (max-width: 800px) {
    .RecurringPaymentGrid select { width: 90% !important; }
}
.RecurringPaymentGrid input[type="text"] { width: 75px; }

a:hover {
    cursor:pointer;
}
#paymentrecurringfixedandvariable .icon-info-sign 
{
    font-size: 20px;
    padding: 5px
}
#paymentrecurringfixedandvariable button 
{
    margin-left: 10px;
}
#paymentrecurringfixedandvariable .table th, .table td {
    text-align: left;
}
.accordion-heading {
    background-color: #F5F5F5;
}

#PaymentAccountBank .row-fluid:nth-of-type(2n+1) {
    padding-top: 10px;
}
/* End Res Services Payment Manager CSS */
/* BEGIN RESULTS CSS FOR SISTER PROPERTIES */


#mapContainer img {
    max-width: none;
}

#mapContainer img.mapballoonimage 
{
    width: 130px;
    max-width: 130px !important;   
}

.legend {
	width: 14px; height: 14px;  margin: 0; padding:0;
}

.legend-pink { background-color: #fa6eb9;}
.legend-blue { background-color: #1c66ed;}
.legend-yellow { background-color: #f0bd30;}
.legend-orange { background-color: #ff7b47;}
.legend-purple { background-color: #a857e6;}

li.LegendColor, li.LegendRentRange { margin: 0; padding-left: 2px !important; padding-right: 2px !important; }

.mapballoonWrap { 
height: 250px;
min-width: 300px;
  }
  
.mapballoonAddressWrap { 
font-size: 11px;
 }
 
.mapballoonAmenities li{ 
font-size: 11px;
 } 

#advancedOptionsWrap label.header { 
font-weight:400;
font-size: 16 px;
padding: 5px; 
}


#mapContainer {
	height: 600px;
	width: 100%;
}

.badge.pink  { background-color: #ff6bbc; }
.badge.blue { background-color: #2565fa; }
.badge.yellow { background-color: #fac746; }
.badge.orange { background-color: #f77e52; }
.badge.purple { background-color: purple; }


#advancedOptionsWrap label.header { 
font-weight:400;
font-size: 14px;
padding: 0px;
 
}


#advancedOptionsWrap ul.amenities , #advancedOptionsWrap ul.unstyled {
padding: 15px;
margin: 0px 0px 10px 0px;

}


#resultHeader {
width: 100%;	
z-index: 2;
}

.resultHeader { position: relative; }

.specialIcon { position: absolute; top: 5px; }

#mapWrap {
overflow: auto;
}


@media (min-width: 767px) {
	.resultBody .thumbnail img { max-width: 130px; }
}

@media (max-width: 767px) {
	.resultBtnWrap  { margin: 10px 0 ; }
	.resultBtnWrap .btn { display: block; }
	.resultBody .addressLabel { float: left;  }
	.resultBody .value { float: right; text-align: right; }
	.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 0px; }
	label { margin: 10px 0 0 0; }
	.controls select { margin: 0 0 10px 0 }
	.favoriteLabel { width:100% !important; }
}

#resultHeader  .pagination  {
	margin: 0;
	min-height:0px;
}

#resultHeader  .pagination  ul li a{
	padding: 0 5px;
	margin: 0px;
	background: #fff;
	border: none;
}
#numResultWrap {
	min-height: 0px;
	background-color: #eb6d31;
	padding: 10px 0 0 10px;
}


#resultHeader  .pagination  ul li a{
	padding: 5px 10px;
	margin: 0px;
	color: #fff;
	background-color: #eb6d31;
	border: none;
}

#resultHeader  .pagination  ul li a:hover{
	color: #ffceb6;
}

@media (max-width: 980px) and (min-width: 770px) {
	#resultHeader  .pagination  ul li a{
		padding: 5px;
	}
}
/* END RESULTS CSS FOR SISTER PROPERTIES */

/* hidden class attributes need to be important, for the rp and ole links configuration on the property sites */
.hidden {
    display: none !important;
    visibility: hidden;
}

body.olemenubody {
	margin-left: 60px !important;
	width: auto !important;
	min-width: 0 !important;
}

body.olemenubody .contentwrap { width: 100%;}

#workflowStepsWrap .ole-menu-main,
#workflowStepsWrap .ole-menu-main ul {
		margin: 0;
		padding: 0;
		background: white;
		color: #48a770;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		line-height: 60px;
		z-index: 999;
}

#workflowStepsWrap .ole-menu-main {
		position: fixed;
		top: 0;
		left: 0px;
		width: 58px;
		height: 60px;
		font-size: 13px;
}

#workflowStepsWrap .ole-menu-main a {
		display: block;
		height: 100%;
		color: #666666;
		text-decoration: none;
		cursor: pointer;		
		line-height: 40px;
}

#workflowStepsWrap .ole-menu-main a:hover,
#workflowStepsWrap .ole-menu li.ole-search-item:hover,
#workflowStepsWrap .ole-menu li.ole-search-item:hover a {
		background: #c6d0da;
		color: #666;
		text-decoration: none;
}


#workflowStepsWrap .current,#workflowStepsWrap .current a,#workflowStepsWrap  .current a:hover{
		background: #666666;
		color: white;
		position:relative;
		text-decoration: none;
}


#workflowStepsWrap .current:after {
    content: "\f105"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    right: 5px;
}



#workflowStepsWrap .permanent,#workflowStepsWrap .permanent a{
		background: #cccccc;
		color: #333333;
		position:relative;
}

#workflowStepsWrap  .ole-menu-main .permanent:hover, #workflowStepsWrap .ole-menu-main .permanent a:hover{
		background: #333333;
		color: #cccccc;
		position:relative;
		cursor:default;
}

#workflowStepsWrap .permanent:after {
    content: "\f007"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #666666;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    right: 5px;
}


#workflowStepsWrap .done,#workflowStepsWrap .done a{
		color: #666666;
		position: relative;
}

#workflowStepsWrap .done:after{
		color: #666666;
		content: "\f00c"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: 5px;
}

#workflowStepsWrap .done:hover:after{
		color: #333;
}

#workflowStepsWrap .ole-menu-main .tbd a:hover {
	display: block;
		height: 100%;
		color: #666;
		background-color: #f3f3f3;
		text-decoration: none;
		cursor: default;
	}

#workflowStepsWrap .ole-menu-main > li {
		display: block;
		float: right;
		height: 100%;
		border-right: 1px solid #c6d0da;
		text-align: center;
		
}

/* icon-only trigger (menu item) */

#workflowStepsWrap .ole-menu-main li.ole-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		box-shadow: 0 0 5px #c6d0da;
}

#workflowStepsWrap .ole-menu-main > li.ole-trigger > a {
max-height: 20px;
}

#workflowStepsWrap .ole-menu-main > li:last-child {
		float: right;
		border-right: none;
		border-left: 1px solid #c6d0da;
}

#workflowStepsWrap .ole-menu li {
line-height: 40px;
}
#workflowStepsWrap .ole-menu-main > li > a {
		padding: 20px 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		
}

#workflowStepsWrap .ole-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

#workflowStepsWrap .ole-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 58px;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		-ms-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
		border-left: 1px solid #c6d0da;
		box-shadow: 0 0 5px #c6d0da;
}

#workflowStepsWrap.ie8 .ole-menu-wrapper {
    left: 0px\0/IE8+9; /* IE8+9  */
}

:root #workflowStepsWrap.ie8 .ole-menu-wrapper {
	left: 58px\0/IE9; /* IE9 */
}

#workflowStepsWrap .ole-scroller {
		position: absolute;
		overflow-y: auto;
		width: 270px;
		height: 100%;
}

#workflowStepsWrap .ole-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 14px;
}

#workflowStepsWrap .ole-menu li:not(:first-child),
#workflowStepsWrap .ole-menu li li {
		box-shadow: inset 0 1px #c6d0da
}



#workflowStepsWrap .ole-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

#workflowStepsWrap .ole-submenu li a {
		color: #c1c9d1
}



#workflowStepsWrap  .ole-menu li.ole-search-item:hover .ole-search:-webkit-input-placeholder {
		color: white
}

#workflowStepsWrap  .ole-menu li.ole-search-item:hover .ole-search:-moz-placeholder {
		color: white
}

#workflowStepsWrap  .ole-menu li.ole-search-item:hover .ole-search:-moz-placeholder {
		color: white
}

#workflowStepsWrap  .ole-menu li.ole-search-item:hover .ole-search:-ms-input-placeholder {
		color: white
}



#workflowStepsWrap .ole-icon:before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'FontAwesome';
		line-height: 14px;
		font-weight:100;
		font-size: 20px;
		speak: none;
		-webkit-font-smoothing: antialiased;
		
}



#workflowStepsWrap .ole-icon-num:before {
		 content: attr(data-number);
}


/* if an icon anchor has a span, hide the span */

#workflowStepsWrap .ole-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

#workflowStepsWrap .ole-icon-menu:before {
		margin-left: -20px;
		vertical-align: -2px;
		width: 30px;
		font-family: FontAwesome;
		content: '\f0cb';
		font-weight: 100;
		font-size: 40px;	
}



/* styles for opening menu */

#workflowStepsWrap .ole-menu-wrapper.ole-open-all,
#workflowStepsWrap .ole-menu-wrapper.ole-open-part {
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
}

#workflowStepsWrap .ole-menu-wrapper.ole-open-all {
width: 270px;
}

#workflowStepsWrap .ole-menu-wrapper.ole-open-all .ole-submenu li {
		height: 60px
}


@media screen and (max-height: 768px) { 
	
	#workflowStepsWrap .ole-menu li {
line-height: 45px;
}
}

@media screen and (max-height: 480px) { 
	
	#workflowStepsWrap .ole-menu li {
line-height: 40px;
}
}
@media (max-width: 768px) { 
    #offcanvas_inner {
        padding-left: 0px;
    }

    body.olemenubody {
	    margin-left: 0px !important;
    }

    #workflowStepsWrap .ole-menu-wrapper {
        width: 0px;
    }

    #workflowStepsWrap .container {
        padding-left: 15px;
    }
}



@media screen and (max-width: 568px) { 

/**classes to adjust menu size *****/
#workflowStepsWrap .ole-icon-menu:before
{
font-size:30px;
 margin-left: -9px;
    vertical-align: 8px;

}
#workflowStepsWrap .ole-menu-main{
width:45px;
height:50px;
}

#workflowStepsWrap .ole-menu-main > li > a {
height:11px;
}

/*#workflowStepsWrap .ole-menu-main a:hover, #workflowStepsWrap .ole-menu li.ole-search-item:hover, #workflowStepsWrap .ole-menu li.ole-search-item:hover a
{height:10px}*/

#workflowStepsWrap .ole-menu-wrapper{
top:50px
}

}


/* responsive RP fixes */
@media (max-width: 767px) { #flyout_menu {display:none;} }

@media (max-width: 530px) {  
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav li a 
    {
        width: 19px;
        height: 19px;
        overflow:hidden;
    }
}

/* On marketing sites, for the map on the homepage */
#googleMap {
height: 100%;
width: 100%;
}


/* Responsive Navigation fix for width issue on resident portal menu */
@media only screen and (max-width: 979px) and (min-width: 769px) {

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
padding: 12px 6px 9px;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
text-transform: capitalize;
}

}
/* Social Media icons css */

.social-media-sharer {text-align:right;width:100%;padding: 10px 0; min-height:30px;}

#rentcafe_onlineleasing .social-media-sharer, #rentcafe_residentportal .social-media-sharer, #rentcafe_landlordportal .social-media-sharer, #rentcafe_studentguarantorportal .social-media-sharer{
    display: none;
}

#otherSocialWrap ul li{
	padding: 0 2px;
}
.socialmedia-icons{
	margin-left:0;
}
.socialmedia-icons a, .socialmedia-icons-vertical a{
	font-size:22px !important;
	line-height:24px;
	font-family: FontAwesome !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	text-decoration:none !important;
}
.facebook-icon,.twitter-icon,.googleplus-icon,.pinterest-icon, .popcard-icon{
	display:table;
}
.facebook-icon:before,.twitter-icon:before,.googleplus-icon:before,.pinterest-icon:before, .popcard-icon:before{ 
	width:30px;
	height:30px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.socialmedia-icons li{
	line-height: 0;
	vertical-align:middle;
	display: inline-block;
	padding-right:5px;
}
.socialmedia-icons-vertical {
    margin: 0px;
}
.socialmedia-icons-vertical li{
	display: table !important;
	padding-bottom:5px;
}
.facebook-icon:before {
	content:"\f09a";
	background:#3B5998;
	color:#fff;
}
.facebook-icon:hover:before {
	background:#193e8c;
}
.twitter-icon:before {
	content:"\f099";
	background:#00aced;
	color:#fff;
}
.twitter-icon:hover:before {
	background:#0189be;
}
.googleplus-icon:before {
	content:"\f0d5";
	background:#dd4b39;
	color:#fff;
}
.googleplus-icon:hover:before {
	background:#ba2e1f;
}
.pinterest-icon:before { 
	content:"\f0d2";
	background:#CB2027;
	color:#fff;
}
.pinterest-icon:hover:before {
	background:#b3060d;
}

.socialmedia-icons-dark a:before {
	color: #666666;
	background:none;
}
.socialmedia-icons-dark a:hover:before {
	color: #444444;
	background:none;
}
.socialmedia-icons-light a:before {
	color: #c8c8c8;
	background:none;
}
.socialmedia-icons-light a:hover:before {
	color: #f0f0f0;
	background:none;
}

.popcard-icon:before {
	content:"\f086";
	background:#eb6d31 ;
	color:#fff;
}

.popcard-icon:hover:before {
	background:#DD5412;
}

@media (max-width: 768px){
	.socialmedia-icons-vertical li{
		display: inline-block !important;
	}
}

/* photo gallery navigation styling */

.photogallery #gallery a, .photogallery #gallery a:active, .photogallery #gallery a:focus{
	outline:0 none !important; border:0px !important;
}
                                            
                                            
.photogallery #gallery a:focus i{
	outline:2px solid rgb(77,144,254) !important;
	width:28px;
	height:29px;
	top: calc(50% - 36px);
	box-sizing: border-box
}
.photogallery #gallery a:active:focus i{
	outline:5px solid transparent !important;
}
                                            
.photogallery #gallery a.left:focus i{
	left:0;
}
.photogallery #gallery a.right:focus i{
	right:0;
}

#ctmcontentcontainer #gallery{ /*this class is added for align gallery horizontally center for older themes*/
    margin:0 auto;
}
#ctmcontentcontainer #gallery .carousel-inner {
    background: #F2F2F2; /*It should be default css background color for all the themes, I have added lighter grey color*/
    height:100%;
}    
#ctmcontentcontainer #gallery .carousel-inner > .item {
    height:100%;
}    
#ctmcontentcontainer #gallery .carousel-control {
    top:0;
    margin:0;
    height:100%;
    border:0;
    border-radius:0;
    filter:alpha(opacity=10);
    opacity: 0.5; 
	background:none;   
}
#ctmcontentcontainer #gallery .carousel-control.left {
    left:0;
	width: calc(50% - 15px);
	margin-left: 15px;
}
#ctmcontentcontainer #gallery .carousel-control.right {
	width: calc(50% - 15px);
   	right:0;
	margin-right:15px;
}
#ctmcontentcontainer #gallery .carousel-control i {
    	position:absolute;
    	margin:0;
    	top:45%;
    	display:block;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		/*color:#000 !important;*/
}


#ctmcontentcontainer #gallery .icon-angle-right:before{
	display:inline-block;
	text-align:center;
	margin-right:0;
	background:#000000;
	width:28px;
	float:right;
}
#ctmcontentcontainer #gallery .icon-angle-left:before{
	
	background:#000000;
	display: inline-block;
    margin-left:0;
    text-align: center;
	background:#000000;
	width:28px;
	float:left;
}  
#ctmcontentcontainer #gallery .carousel-control.left:focus {
	opacity: 0.9;
}
 
#ctmcontentcontainer #gallery .carousel-control.right:focus {
	opacity: 0.9; 
}   

#ctmcontentcontainer #gallery:hover .carousel-control {
    filter:alpha(opacity=25);
    opacity: 0.25;
}
#ctmcontentcontainer #gallery:hover .carousel-control:hover {
    filter:alpha(opacity=90);
    opacity: 0.9;
}
#ctmcontentcontainer #gallery .carousel-indicators {
    right:50px;
}
#ctmcontentcontainer #gallery.carousel {
    min-height:100px;
}

#ctmcontentcontainer #gallery .caption { /*This class is for caption text*/
    display: block;
    position: absolute;
    bottom: 0;
    background:rgba(255, 255, 255, 0.8);
    max-height: 50%;
    overflow: hidden;
    text-align:center;	
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;
}


@media (max-width: 480px) {

    #ctmcontentcontainer #gallery .carousel-control.right {
		width: calc(50% - 15px);
		right:0;
		margin-right: 15px;
   }
   
   #ctmcontentcontainer #gallery .carousel-control.left{
       left: 0;
       width: calc(50% - 15px);
	   margin-left: 15px;
	}
}

/* end of photo gallery navigation styling */

/* Favorites page */

#MyListManageFavorites .FavoriteRow {
    position: relative;
}

#MyListManageFavorites .deleteFavoriteButton {
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 3px 0px 3px;
    color: #9F9F9F;
}

#MyListManageFavorites .deleteFavoriteButton:hover {
    color: #6F6F6F;
    background: #BFD4FF;
}

/* End Favorites page */

/* User Alert Messages */
#myUserAlertMessage.modal.fade.in {
    margin-top: 0 !important;
    top: 25%;
}

#myUserAlertMessage.modal .modal-body{
    max-height:400px !important;
    overflow-y:auto !important;
}

#myUserAlertMessage.modal {
    width: 560px;
}

@media (max-width: 480px) {
    #myUserAlertMessage.modal .modal-body{
        max-height:280px !important;
    }
}

/* End User Alert Messages */

/* Payment failure details modal */
#myPaymentFailureDetails.modal {
    width: 650px;
}

#myPaymentFailureDetails.modal .modal-body{
    max-height:600px !important;
    overflow-y:auto !important;
}
/* End Payment failure details modal */

/* International one-time payment set installments */
#Installments_info{display:none;}

#divInstTotal {
margin-left: 355px;
margin-top: -28px;
position: absolute;
width: auto;
}


#divInstTotal > label {
float: left;
padding-right: 15px;
}

#divInstBalance > label {
    float: left;
}
/* End International one-time payment set installments */
/* Added for Summary link drop down on lease terms page*/
#OLESummaryLinks{
	padding-bottom:5px;
}
/* Added for Summary link drop down on lease terms page*/

/* Added for Social Media icons <a> link color*/
.socialmedia-icons a, .socialmedia-icons-vertical a, .socialmedia-icons a:hover, .socialmedia-icons-vertical a:hover{
	color:#ffffff;
}
.socialmedia-icons-dark a{
	color: #666666;
}
.socialmedia-icons-dark a:hover{
	color: #444444;
}
.socialmedia-icons-light a{
	color: #c8c8c8;
}
.socialmedia-icons-light a:hover{
	color: #f0f0f0;
}
/* Added for Social Media icons <a> link color*/

#svgWrap { position: relative; min-height: 655px; overflow: hidden; }
#svgWrap  .svgPane .wrapper{
	background-color: #fff;
	border: 1px solid #ddd;
	height: 600px;
	overflow: hidden;
}
#svgWrap .svgPane .popover {
	position: relative;
	width: 90%;
	margin: 40px auto 0;
	max-width: none;
}
#svgWrap h2 { float: left; font-size:18px; line-height:20px;}
#svgWrap .zoomControl { float: right; }
#svgWrap .zoomControl a { background-color: #fff; border: 1px solid #ccc; padding: 2px 4px; font-size: 1.2em; margin: 0 0 0 2px; display: block; float: left; }
#svgWrap .svgPane.left { margin-left: 0; }
#svgWrap #propertySVGWrap.left, #svgWrap #buildingSVGWrap.left { width : 56% !important; }
#svgWrap #propertySVGWrap.right, #svgWrap #buildingSVGWrap.right, #svgWrap #floorSVGWrap.right { width : 40.17094017094017% !important; }

#svgWrap .alert {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin :0px;
}

#svgWrap svg { cursor: move; cursor: -webkit-grab;}
#svgWrap svg polygon, #svgWrap svg image.point { cursor: pointer; }

#svgBreadCrumbs li { padding: 0px; }
#svgBreadCrumbs li:after {
	content: '>';
	padding: 0 0 0 5px;
}
#svgBreadCrumbs li:last-child:after {
	content : '';
}


#maintenanceDiv { 
    position: fixed;
     width: 100%;
    height: 100%; 
    top: 0;
    z-index: 999999999;
}

#maintenanceDiv p {
color: #000 !important;
}

#maintenanceDiv .bg {
    background-color: #000;
    opacity: .4;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

#maintenanceDiv div.title {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    position: relative;
}

#maintenanceDiv div.inner {
    width: 600px;
    height: auto;
    background-color: #eee;
    margin: 10% auto;
    padding: 10px;
	color: #222;
}

#maintenanceDiv .alert { border-radius: 0; moz-border-radius: 0; }

#maintenanceDiv a.close { position: absolute; right: 10px; top: 6px; color: #111;font: normal 22px arial; }
#maintenanceDiv .clearfix { margin: 10px 0 0;}
@media(max-width:768px) {
    #maintenanceDiv div.inner {
        width: 94%;
    }
}



/* fixed for safari browser heading text */
#offcanvas_inner h1, #offcanvas_inner h2, #offcanvas_inner h3, #offcanvas_inner h4, #offcanvas_inner h5, #offcanvas_inner h6 {
	text-rendering: optimizeSpeed;
}
/* fixed for safari browser heading text */

/* Added for floor plan image stretching issue*/
[id^="defaultpagefloorplan"] img, [id*="defaultpagefloorplan"] img, #dialogContainer #gallery div.item img{
	margin: 0 auto;
	width: auto;
	max-height: 750px;
}
/* Added for floor plan image stretching issue*/

/* Added new CSS for New Resident Portal Design*/

#rentcafe_residentportal #leaseAgreeNote:before, #rentcafe_landlordportal #leaseAgreeNote:before, #rentcafe_studentguarantorportal #leaseAgreeNote:before {
    content: "\F05A";
    float: left;
    font-size: 16px;
    margin-right: 8px;
    color: #0378af;
    font-family: fontAwesome;
    min-height: 32px;
    display: inline-block;
}
#rentcafe_residentportal #TermsAndConditionsInnerDiv.block, #rentcafe_landlordportal #TermsAndConditionsInnerDiv.block, #rentcafe_studentguarantorportal #TermsAndConditionsInnerDiv.block {
    margin-top: 40px;
    margin-bottom: 0;
}
#rentcafe_residentportal #leaseAgreeNote.block, #rentcafe_landlordportal #leaseAgreeNote.block, #rentcafe_studentguarantorportal #leaseAgreeNote.block  {
    margin-bottom: 20px;
}


#MyProfile .well{
	padding:0;
	box-shadow:none;
	border:1px solid #d1d1d1;
}

#MyProfile #profile-buttons{
	margin-top:24px;
	margin-bottom:5px;
}

#MyProfileHeaderInner{
	height:100%;
	width:97%;
	position:relative;
	padding:1.5%;
}

.user-left-info ul, .user-right-info ul{
	margin-top:8px;
}

.user-left-info-inner{
	padding-left:15px;
	padding-right:15px;
}

.user-left-info-inner li{
	line-height:26px;
}

.user-right-info .divider ul.list-inline li{
	width:48%;
	margin-top:2px;
	margin-bottom:2px;
}

#MyProfileHeader .user-icon{
	position:absolute;
	width:9%;
	height:101%;
	margin:0;
	left:-1px;
	top:-1px;
}

#MyProfileHeader .user-icon i{
	background:#ffffff;
	border-radius:100%;
	display:block;
	width:55px;
	height:55px;
	margin:0% auto;
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	top:32%;
	color:#555555;
	font-size:26px;
	line-height:54px;
}

#MyProfileHeader .user-name{
	font-size:22px;
	text-transform:uppercase;
}

#MyProfileHeader .user-type{
	font-size:14px;
	color:#555555;
}

.section-top-border{
	height:2px;
}

.vehicle-info-box{
	padding:10px 0;
}

.vehicle-info-box:not(:last-child) {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 5px;
}

#rentcafe_residentportal .box-content, #rentcafe_landlordportal .box-content, #rentcafe_studentguarantorportal .box-content{
	border:1px solid #d1d1d1;
	border-top:0;
	padding:5px 20px;
	margin-bottom: 20px;
}

#rentcafe_residentportal .box-content .icon-usd, #rentcafe_landlordportal .box-content .icon-usd, #rentcafe_studentguarantorportal .box-content .icon-usd{
	display: none;
}


#rentcafe_residentportal .box-content .row-fluid div:last-child, #rentcafe_landlordportal .box-content .row-fluid div:last-child, #rentcafe_studentguarantorportal .box-content .row-fluid div:last-child {
	text-align: right;
}

.vehicle-description{
    border-left: 1px solid #D1D1D1;
    padding-left: 20px;
	min-height:60px;
}

.vehicle-name{
	font-size:18px;
	text-transform:uppercase;
	word-wrap:break-word;
}

.vehicle-name .year{
	font-size:15px;
}

.vehicle-name small{
	font-size:14px;
	color:#555555;
	text-transform:none;
}

.vehicle-name, .vehicle-description{
	padding-top:10px;
	padding-bottom:10px;
}

/*#user-settings .box-content{
	padding: 0px 15px;
}

#user-settings .table{
	margin-bottom:0 !important;
}

#user-settings .table th, #user-settings .table td{
	border-top:0;
	border-left:1px solid #d1d1d1;
	padding-left:20px;
}

#user-settings .table th:first-child, #user-settings .table td:first-child{
	border:0;
	padding-left:5px;
}

#user-settings .table tr:first-child td{
	padding-top:20px;
}

#user-settings .table tr:last-child td{
	padding-bottom:20px;
}

*/
.table-style1 .box-content{
	padding: 0px 15px;
}

.table-style1 .table{
	margin-bottom:0 !important;
}

.table-style1 .table th, .table-style1 .table td
{
	border-top:0;
	border-left:1px solid #d1d1d1;
	padding-left:20px;
}

.table-style1 .table th:first-child, .table-style1 .table td:first-child
{
	border:0;
	padding-left:5px;
}

.table-style1 .table tr:first-child td
{
	padding-top:20px;
}

.table-style1 .table tr:last-child td
{
	padding-bottom:20px;
}

.primary-color-background {
    background-color: #d1d1d1;
    color: #ffffff;
}
    .primary-color-background .popover-content {
        color: #000;
    }/* iPad Portrait */
@media screen and (max-width: 989px) {
	#MyProfileHeader .user-icon{
		width:10%;
	}
	#MyProfileHeader .user-left-info{
		width:50%;
	}
	#MyProfileHeader .user-right-info{
		width:47%;
	}
	.user-left-info-inner{
		padding-left:0;
	}
	.user-right-info .divider ul.list-inline li{
		width:auto;
		display:block;
	}
	.vehicle-name{
		font-size:14px;
	}
	.vehicle-name .vehicle{
		font-weight:bolder;
		display:block;
	}
}

@media(min-width:768px) {
	#MyProfileHeader .divider{
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 5px;
    }
	.user-left-info {
        border-right: 1px solid #d1d1d1;
	}
    .user-right-info-inner {
        padding-left: 10px;
    }
}

@media(max-width:767px) {
    .user-right-info-inner {
        padding-left: 15px;
    }
	#MyProfileHeaderInner{
		width:85%;
		padding:15px 20px;
	}
	#MyProfileHeader .user-left-info .span3{
		display:none;
	}
	#MyProfileHeader .user-left-info, #MyProfileHeader .user-right-info{
		width:100%;
	}
	.user-right-info-inner{
		padding-left:0;
	}
	#VehicleInformationDiv .vehicle-name{
		width:40%;
		float:left;
	}
	#VehicleInformationDiv .vehicle-description{
		width:59%;
		float:left;
	}
	
}

/* Added new CSS for New Resident Portal Design*/

/* Added for Resident Portal Payment Page */

#mastercard-banner{
	margin-bottom:30px;
}

#payment-options img {
    margin-top: 20px;
}

#MakePayments .due-date{
	font-size: 0.9em;
	line-height: 0;
	margin-top: 12px;
}

#PP2MakePayments .sidebar-box, .sidebar-box.well{
	margin-bottom:30px !important;
}

#PP2MakePayments .sidebar-box-header {
	padding-bottom:5px;
}

#PP2MakePayments #MyAccountBalanceView hr{
	margin:10px 0;
}

#rentcafe_residentportal #PP2MakePayments .row-fluid.well, #rentcafe_landlordportal #PP2MakePayments .row-fluid.well, #rentcafe_studentguarantorportal #PP2MakePayments .row-fluid.well{
	border:0;
}

#rentcafe_residentportal #PP2MakePayments .well hr, #rentcafe_landlordportal #PP2MakePayments .well hr, #rentcafe_studentguarantorportal #PP2MakePayments .well hr{
	border-top: 1px solid #d1d1d1;
	border-bottom: 0;
}

#PP2MakePayments .payment-sidebar .box-content{
	padding-top:15px;
}

#PP2MakePayments #MyAccountBalanceView .box-content{
	position:relative;
	overflow:hidden;
}

#PP2MakePayments #MyAccountBalanceView i.icon-usd{
    color: #D5D5D5;
	text-shadow: -1px -1px 0px #fff;
    float: right;
    font-size: 35px;
    right: 15px;
    bottom: 5px;
	position:absolute;
}

#PP2MakePayments .row-partition .row-spacing{
	padding:10px 0 30px 0;
}

#PP2MakePayments .total-balance{
	font-size:1.2em;
}

#OneTimePaymentReview .review .total-balance{
	font-size:1.2em;
}

#PP2MakePayments .payment-sidebar .divider{
	margin-bottom:15px;
	padding-bottom:5px;
}

#PP2MakePayments .sidebar-box-title {
	font-size: 1.15em;
	line-height: 0;
}

#PP2MakePayments .divider.box-content{
	margin-bottom:0;
}

#PP2MakePayments .total-amount{
	color:#fff;
	background-color:#d9574a;
	border-color:#bf4c41;
	margin-top:-1px;
}

#PP2MakePayments .total-amount .total-balance{
	color:#fff;
}

#PP2MakePayments #MyAccountBalanceView .total-amount i.icon-usd{
	color:#BA463E;
	text-shadow:none;
	position:static;
	margin-top:3px;
	font-size:45px;
	
}

#PP2MakePayments #MyAccountBalanceView:hover .total-amount i.icon-usd{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	color:#fff;
	font-size:50px;
	margin-top:0;
	margin-right:10px;
}

#payment-options .payment-type-icon img {
    border: 2px solid #DEDEDE;
    border-radius: 50% 50% 50% 50%;
    max-height: 50px;
    padding: 15px 13px;
}

#payment-options .row-spacing{
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

#payment-options .text-center i{
	display:block;
	margin-top:15px;
	color:#666;
}

#payment-options .row-spacing, #payment-options .payment-type-icon img{
	transition:all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
}

#payment-options .row-spacing:hover{
	background-color:#f3f3f3;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#payment-options .row-spacing:hover .payment-type-icon  img {
	background-color:#fff;
	border-color: #999;
}

#pay-credit-card{
	padding: 10px 0px;
}

.answer{
	margin-bottom: 20px;
}

.confirmation h5{
	display: inline;
}

#payment-account-detail{
	margin-right: 60px;
	float: left;
}

.total-amount-divider{
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#PP2MakePayments .section-top-border{
	height:2px;
}

#confirmation-details .section-top-border{
	height:2px;
}

#OneTimePaymentReview .review .section-top-border{
	height:2px;
}

#rentcafe_residentportal #PP2MakePayments .well, #rentcafe_landlordportal #PP2MakePayments .well, #rentcafe_studentguarantorportal #PP2MakePayments .well{
	padding:0;
	box-shadow:none;
	border:1px solid #d1d1d1;
	margin-bottom:20px;
}

#PP2MakePayments .divider{
	border-bottom:1px solid #d1d1d1;
	margin-bottom:5px;
}

#paymentrecurringfixedandvariable table td, #paymentrecurringfixedandvariable table th{
	min-width: 70px;

}

/* iPad Portrait */
@media screen and (max-width: 959px) {
	
	.rightpanel { 
		width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
	.social-headerright { float: right;  margin-top: 0px;}
	
	.box-content .icon-usd:before {
    	display: none;
	}
	
	#payment-options .payment-type-icon img {
		border: 2px solid #DEDEDE;
		border-radius: 50%;
		max-height: 44px;
		padding: 8px 7px;
	}
	
	.due-date {
		margin: 12px 0px;
	}
	
	#SetupAuto-Pay {
    	margin: 6px 0;
	}
	
}

@media (max-width:1199px) {
    .TextToPayFormLabel {
        width:200px;
        display:inline-block;
    }
}
/* Added for Resident Portal Payment Page */

/* Added new CSS for MC Card Promotion */
#mastercard-banner{
	background: #ebebeb;
	border: 1px solid #d4d4d4;
}

.mc-logo{
	padding: 10px;
}

.mc-logo p{
		padding-top: 10px;
		padding-top: 0px \9; /* IE 8 and below */
		font-family: 'Lato', Arial, sans-serif;
		font-size: 1.16em;
	}

.mc-logo:before{
	content: url(../images/mc-logo.png);
	width: 75px;
	height: auto;
	float: left;
	padding-right: 20px;
}

.mc-logo:after{
	content: url("../images/gift-image.png");
	display: none \9; /* IE 8 and below */
    float: right;
    height: auto;
    margin-top: -49px;
    width: 85px;
}

.mc-logo .text-error{
	font-size: 1.4em;
}

.mc-button{
	background: #dcdcdc;
	padding: 19px;
    text-align: center;
}

#confirmation-details .print-button{
	margin: 10px 0px;
}

/* iPad Landscape */
@media screen and (max-width: 1024px) {

	.mc-logo:after{
		display: none;
	}

}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	
	.mc-logo:before{
		display: none;
	}

}


#divMI {
	margin-top: 40px;
	margin-bottom: 30px;
}

#divlblMI {
	width: auto;
	margin-right: 20px;
}

input#FltxtMoveInDate {
	width: 160px;
}


/* Added for Resident Portal contact popup on Mobile devices START */
@media screen and (max-width: 767px) {
	#ContactSlideContent .flyout_content, #ContactSlideContent{
		margin:0 !important;
		width:96%;
		padding:2%;
		min-height:inherit;
		min-width:inherit;
		top:0;
	}
	#ContactSlideContent .flyout_content{
		max-height:100%;
		overflow:auto;
	}
}

@media screen and (min-width: 480px) and (max-width: 568px) {
	#ContactSlideContent .flyout_content{
		max-height:282px;
	}
}
@media screen and (max-width: 320px) {
	#ContactSlideContent .flyout_content{
		max-height:455px;
	}
}
/* Added for Resident Portal contact popup on Mobile devices END */


/* CSS ADJUSTMENTS FOR PRINT ONLY */
@media print {
body{margin: 20mm auto;}
#background-image, #banner, #background-slider, #image-slider, #navwrapper, #left-image, #right-image, #login-links, #apldiv, #rpdiv, #footer-links1, #footer-links2, #footer-links3, #apt-search, #facepile, #social-media, #workflowStepsWrap,  #eBrochure #emailPrintButtons  {display: none !important;}
    #ebrochure #ehlicon {
        background: transparent url("../images/equalhousing_ebrochure.png") left top no-repeat !important;
    }
}


/* Move-In Date css start */

.floorplans ul.breadcrumb {
  background-color: transparent;
  padding-left: 0;
  font-size: 0.95em;
}

#refineunitsearch.well {
  box-shadow: none;
  background-color: #FAFAFA;
}

#refineunitsearch .span4{
	width: 26%;
}

#refineunitsearch .span8{
	width: 71%;
	margin-left: 0;
}

#move-in-outer-container .well-small{
	padding: 0px;
}

#move-in-date{
	padding: 6px 18px;
	background-color: #f5f5f5;
	float: left;
	border-right: 1px solid #d5d5d5;
}

#move-in-date i{
	margin-right:5px;
}


#move-in-date h4{
  float: left;
  display: flex;
  color: inherit;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  margin-top: 15px;
}

#move-in-date .input-small.hasDatepicker {
    float: left;
    margin-left: 10px;
    margin-top: 7px;
}

#refineunitsearch .btn.dropdown-toggle {
  background-image: none;
  background-color: #ffffff;
  box-shadow: none;
  border-bottom-color: #cccccc;
}

#new-search-unit{
	float: left;
	margin-top: 15px;
}

#new-search-unit ul li {
    padding-bottom: 5px;
}

#new-search-unit ul li input{
	width: 80px;
}

#no-apts-found h5{
	margin: 10px 0 0;
}

#other-floorplans #CustMsgDiv{
	margin: 0;
}

#other-floorplans h3{
	margin-bottom: 0;
}

#links .e-brochure, #links .view-floor-plan, #links .divider{
	margin-top: 15px;
	float: right;
}

#links .divider{
	margin: 15px;
}

#WaitlistMsg p{
	margin: 5px;
}
#WaitlistMsg.well {
  box-shadow: none;
  background-color: #fafafa;
}
#WaitlistMsg label {
  float: left;
}
#WaitlistMsg div input {
  margin-left: 20px;
  padding: 1px 8px;
  font-size: 0.85em;
}

#topcontentholder.well {
  background-color: #fafafa;
  box-shadow: none;
 }
 
@media (min-width: 768px) and (max-width: 1024px){
	#refineunitsearch .span4{
		width: 33%;
	}
	#refineunitsearch .span8{
		width: 67%;
		background:#f5f5f5;
	}
	#new-search-unit{
		margin:0;
		border-left: 1px solid #d5d5d5;	
		min-height:82px;
	}
	#new-search-unit ul{
		padding:10px 10px 0px 10px;
	}
	#refineunitsearch{
		background:#e7e7e7;
	}
	#move-in-date{
		border:0px;
		float:none;
	}
	#move-in-date h4{
		float:none;
		display:block;
		text-align:center;
	}
	#move-in-date .input-small.hasDatepicker{
		display: block;
    		float: none;
    		margin: 0 auto;
	}
}
/* iPad Landscape */
@media screen and (max-width: 1024px) {
	#move-in-date{
		padding:6px 15px;
	}
	#new-search-unit ul.inline > li, ol.inline > li{
		margin-bottom: 10px;
	}
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	
	#refineunitsearch .span4{
		width: 100%;
	}

	#refineunitsearch .span8{
		width: 100%;
	}
	
	#move-in-date{
		width:100%;
		padding-left: 0;
    	padding-right: 0;
	}
	
	#move-in-date h4{
		margin-right:10px;
		margin-left:15px;
	}
	
	#refineunitsearch .btn.dropdown-toggle, #refineunitsearch .btn.dtropdown-toggle{
		width: 100px;
	}
	
}
@media screen and (max-width: 414px){

#refineunitsearch ul.inline > li, ol.inline > li{
		width: 45%;
	}
}
/* Move-In Date css end */

/* RP public dashboard css start */
	
	.sidebar-content{
		display: table-cell !important;
		width: 320px;
		padding-top:50px;
	}
	.page-column-divider{
		border-left: 1px solid #d1d1d1;
		border-right: 1px solid #d1d1d1;
		width: 8px;
		background-color: #f4f4f4;
		display: table-cell !important;
	}
	.page-content-wrapper{
		padding: 20px 20px 0 20px;
		display: table-cell !important;
	}
	.border-list li{
		border-top: 1px solid #dadada;
		padding: 10px;
	}
	.comunity-specials-list li a, .resident-services-list li a{
		color: #656464;
	}
	.comunity-specials-list li a:hover, .resident-services-list li a:hover{
		color: #3a3a3a;
	}
	.comunity-specials-list i, .resident-services-list i{
		padding-right: 10px;
	}
	.sidebar-content #connect-utilies-banner, .sidebar-content #facebook-widget{
		text-align: center;
	}
	#welcome-paragraph h1{
		padding: 10px 0 0;
	}
	
	/* Panel classes */
	
	.panel{
		margin-bottom:30px;
		background:#fff;
	}
	.panel-icon{
		margin-top:30px;
		text-align:center;
	}
	.panel-icon > i{
		background: #D9EDF7;
		border-radius: 90px 90px 0 0;
		height: 40px;
		width: 80px;
		margin:0 auto;
		display:block;
		text-align:center;
		margin-top:-40px;
		color:#575A59;
		font-size:26px;
		line-height:50px;
	}
	.panel-icon > i:before{
		background: #fff;
		border-radius: 90px 90px 0 0;
		height: 36px;
		width: 72px;
		margin:4px auto 0 auto;
		display:inline-block;
		
	}
	.panel-icon .panel-heading{
		padding-top:10px;
		padding-bottom:0;
	}
	.tab-content.panel{
		padding:12px;
	}
	.panel-simple{
		border:1px solid #d5d5d5;
	}
	.panel-simple .panel-heading{
		background:#E5E5E5;
	}
	.panel-highlight{
		border-top:9px solid #D9EDF7 !important;
	}
	.panel-heading, .tab-heading{
		padding:5px 10px 5px 12px;
	}
	
	.panel-heading:after, .tab-heading:after {
		content: "";
		display: table;
		clear: both;
	}
	.panel-title{
		display: block;
		margin: 0;
	}
	.panel-body {
		padding: 12px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box
	}
	.panel-footer {
		background-color: #F5F5F5;
		border-top: 1px solid #DDDDDD;
		padding: 10px 15px;
	}
	.panel .panel-body .panel:last-child {
	  margin-bottom: 0;
	}
	.panel-heading .panel-title i, .tab-heading .tab-title i{
		color: #575a59;
		margin-right: 7px;
	}
	.block .panel{
		margin-bottom:0;
	}
	.tab-heading{
		margin-bottom:-40px;
	}
	.tab-title {
		margin-top: 0;
		margin-bottom:0;
	}
	#resident-page-content .tab-content{
		clear:both;
	}
	#resident-page-content .tab-content hr{
		margin:12px 0;
	}
	.panel-body .carousel{
		margin-bottom:0;
		line-height:inherit;
	}
	.panel-body .carousel-control{
		background: none;
		border-radius: 0;
		border: none;
		opacity: 1;
		top:50%;
		font-size: 30px;
	}
	.panel-body .carousel-control.right{
		right:0;
		text-align:right;
	}
	.panel-body .carousel-control.left{
		left:0;
		text-align:left;
	}
	.panel-body .carousel-inner{
		padding:0 30px;
		width:auto;
	}
	.panel-body .carousel-control i{
		color:#575A59 !important;
	}
	.panel-body .carousel-control:hover i{
		color:#333 !important;
	}
	.panel-body .carousel-control:hover, .panel-body .carousel-control:focus{
		color: #222222;
	}
	.page-tabs .nav-tabs{
		padding-top: 10px;
	}
	.page-tabs .tab-heading ~ .nav-tabs{
		padding-top:0;
	}
	.page-tabs .nav-tabs li{
		margin-left: 1px;
		border-top: 1px solid transparent;
	}
	.page-tabs  .nav-tabs{
		border-bottom: none;
	}
	.page-tabs .nav{
		margin-bottom: 0;
	}
	.page-tabs .nav-tabs .active > a, .page-tabs .nav-tabs .active > a:hover, .page-tabs .nav-tabs .active > a:focus{
		border-color: #d5d5d5 #d5d5d5 transparent;
		
	}
	.page-tabs .nav-tabs a:hover{
		border-color: #e5e5e5;
		background-color: transparent;
	}
	.page-tabs .nav-tabs > li > a, .page-tabs .nav-pills > li > a{
		margin:0;
		border-radius: 0;
		color:#757575;
	}
	.page-tabs .nav-tabs > li.active > a, .page-tabs .nav-tabs > li.active > a:hover, .page-tabs .nav-tabs > li.active > a:focus{
		border-top: 1px solid #383838;
		border-bottom:0;
	}
	.page-tabs .nav-tabs > li > a{
		border-top: 1px solid transparent;
	}
	
	.nav-tabs .label-text{
		font-weight:600;	
	}
	
	
	/* Events css */
	
	.calendar-date{
		border: 1px solid #c4d7e0;
		text-align: center;
	}
	.calendar-date .month{
		background-color: #d9edf7;
	}
	.calendar-date p{
		margin:0;
	}
	
	/* Media css for Bulletin Board */
	
	#bulletin-board .media-body{
		background-color: #f6f6f6;
		border: 1px solid #ededed;
		padding: 6px 12px;
	}
	#bulletin-board .media-body:before{
		content: "\f0d9"; 
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #ededed;
		font-size: 22px;
		position: absolute;
		margin-left: -20px;
		margin-top: 13px;
	}
	#bulletin-board .media-list .media a{
		border: 1px solid #a3a3a3;
		border-radius: 50px;
		padding: 5px 10px;
		margin-top: 12px;
	}
	
	/* iPhone Landscape */
	@media screen and (max-width: 767px) {
		.page-tabs .nav-tabs li{
			width: auto;
		}
		.calendar-date{
			margin-bottom: 10px;
		}
		.sidebar-content{
			display: none !important;
		}
		.page-column-divider{
			display: none !important;
		}
		.page-content-wrapper{
			padding:20px 0;
		}
	}


/* RP public dashboard css ends */

/*sub menu position */
#homepage .mainnav ul li ul, #innerpage .mainnav ul li ul 
{
    top:auto !important;
}

/*footer image adjustments*/

#footer-image{
margin: 10px 0;
}

#footer-image img{
	max-height: 50px;
	max-width: 250px;
	width: auto;
	height: auto;
}

/* address block token styling */

.horizontal#address span[itemprop="name"]:after,  .horizontal#address span[itemprop="address"]:after,  .horizontal#address span[itemprop="telephone"]:after {
content: "|";
padding: 0 10px;
}

/* end address block token styling */
 
/* News and Updates starts */

@media screen and (min-width: 768px) {
    #blogContent {
        border-right: 1px solid #dfdfdf;
        padding-right: 20px;
    }
}

#newsMainColumn .pagination {
    margin: 6px 0 20px;
}

#newsMainColumn .pagination ul{
	box-shadow: none;
}

#newsMainColumn .pagination ul > li > a{
	margin-left: 10px;
	border-width: 1px;
}

#newsMainColumn .pagination ul > li:first-child > a, #newsMainColumn .pagination ul > li:last-child > a{
	border: 0;
}

#newsMainColumn .pagination ul > li:first-child > a:hover, #newsMainColumn .pagination ul > li:last-child > a:hover, #newsMainColumn .pagination ul > li:first-child > a:focus, #newsMainColumn .pagination ul > li:last-child > a:focus{
		background-color: transparent;
}

/* News and Updates ends */

/*****classes to style pop up/ Model*******/


.ui-dialog{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.ui-dialog .ui-widget-header{
	background:#fff !important;
	border-radius:0;
	border:0;
	color:#333 !important;
	font-weight:normal;
	border-bottom:1px solid #eee !important;
	padding-bottom:8px;
	padding-top:10px;
}

.ui-dialog .ui-widget-content{
	background:#fff;
}

.ui-dialog.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-radius:6px;
	border:0;
	padding:0;
}

.ui-widget-overlay{
	opacity: .50;filter:Alpha(Opacity=50);
}

.ui-dialog .ui-dialog-title {
    font-size:15px;
    margin-top:0;
}

.ui-dialog .ui-dialog-titlebar-close{
	background:none !important;
	border:0;
	margin-top:-12px;


	padding:0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text{
	display:none;
}

.ui-dialog .ui-dialog-titlebar-close span{
	background: none;
	text-indent:50px;
	left:0;
	top:0;
	margin:0;
	height:19px;
}

button.ui-dialog .ui-dialog-titlebar-close span{
	text-indent:30px;
}

.ui-dialog .ui-dialog-titlebar-close span:before{
	content:"\f00d";
	font-family:fontAwesome;
	color:#ccc;
	display:inline-block;
	padding-left:3px;
	text-indent:-50px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span:before{
	color:#999;
}

.ui-dialog .ui-state-hover{
	background: none;
    border: 0;
    border-radius: 0;
}

/* classes to style popup/model ends*/


/* List Group START */
.list-group {
	padding-left: 0;
	margin-bottom: 20px;
}

.list-group-item:before, .list-group-item:after {
    content: "";
    display: table;
    line-height: 0;
}
.list-group-item:after {
    clear: both;
}
  
.list-group-item, .list-group.simple .list-group .list-group-item {
	position: relative;
	display: block;
	padding: 10px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.list-group-item h5 {
	font-size: 14px;
	margin-top:0;
	margin-bottom:4px;
}

.list-group-item-column {
	display:table;
}

.list-group-item-column > span {
	display:table-cell;
	vertical-align:top;
	padding-left:15px;
}

.list-group-item-column > span:first-child {
	padding-left:0;
}

.list-group.simple .list-group-item, .list-group.simple .list-group.simple .list-group-item {
	border-left:0;
	border-right:0;
	padding-left:0;
	padding-right:0;
}

.list-group.small .list-group-item, .list-group.large .list-group.small .list-group-item {
	padding-top: 5px;
	padding-bottom:5px;
}

.list-group.large .list-group-item, .list-group.small .list-group.large .list-group-item  {
	padding-top: 20px;
	padding-bottom:20px;
}

.list-group.hover .list-group-item:hover {
	background:#f5f5f5;
}

a.list-group-item {
	color: #555;
}

a.list-group-item .list-group-item-heading {
	color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
	text-decoration: none;
	background-color: #f5f5f5;
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
	color: inherit;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
	color: #e1edf7;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus, .list-group.hover .list-group-item.disabled:hover {
	color:#777;
	background-color:#eee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
	color:inherit
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
	color:#777
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index:2;
	color:#fff;
	background-color:#428bca;
	border-color:#428bca
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>.small {
	color:inherit
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
	color:#e1edf7
}
.list-group-item-success {
	color:#3c763d;
	background-color:#dff0d8
}
a.list-group-item-success {
	color:#3c763d
}
a.list-group-item-success .list-group-item-heading {
	color:inherit
}
a.list-group-item-success:hover, a.list-group-item-success:focus {
	color:#3c763d;
	background-color:#d0e9c6
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
	color:#fff;
	background-color:#3c763d;
	border-color:#3c763d
}
.list-group-item-info {
	color:#31708f;
	background-color:#d9edf7
}
a.list-group-item-info {
	color:#31708f
}
a.list-group-item-info .list-group-item-heading {
	color:inherit
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
	color:#31708f;
	background-color:#c4e3f3
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
	color:#fff;
	background-color:#31708f;
	border-color:#31708f
}
.list-group-item-warning {
	color:#8a6d3b;
	background-color:#fcf8e3
}
a.list-group-item-warning {
	color:#8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
	color:inherit
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
	color:#8a6d3b;
	background-color:#faf2cc
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
	color:#fff;
	background-color:#8a6d3b;
	border-color:#8a6d3b
}
.list-group-item-danger {
	color:#a94442;
	background-color:#f2dede
}
a.list-group-item-danger {
	color:#a94442
}
a.list-group-item-danger .list-group-item-heading {
	color:inherit
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
	color:#a94442;
	background-color:#ebcccc
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
	color:#fff;
	background-color:#a94442;
	border-color:#a94442
}
.list-group-item-heading {
	margin-top:0;
	margin-bottom:5px
}
.list-group-item-text {
	margin-bottom:0;
	line-height:1.3
}

.list-group-item > .badge {
	float: right;
}

.list-group-item > .badge + .badge {
	margin-right: 5px;
}

@media (max-width: 767px) {
	
	.list-group-item-column > span {
		padding-left:0;
	}
	.list-group-item-column {
		width:100%;
	}
	.list-group-actions {
		width:100%;
		margin: 10px -15px -10px;
		padding: 5px 15px;
		text-align:left;
		background:#fcfcfc;
		border-top:1px solid #ddd;
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.list-group.simple .list-group-item {
		border:1px solid #ddd;
		padding: 10px 15px;
	}
	.list-group.list-group-responsive-block .list-group-item {
		margin-top:5px;
	}

}

/* List Group END */


/* media query for the slider arrows*/
@media (max-width: 767px) {
#homepage_slider .carousel-control {
		border: 1px solid #ffffff!important;
    		border-radius: 0!important;
		font-size: 23px;
		height: 25px;
		width:25px;
		top:55%;
	}
	#homepage_slider .carousel-control i {
		font-size:25px;
		line-height:25px!important;
	}
	#homepage_slider .carousel-control.right i{
		margin-right:0;
	}
	#homepage_slider .carousel-control.left i{
		margin-left:0;
	}
}


/* UI for Table Responsive START */
@media screen and (max-width: 800px) {
	.table-responsive{
		border:0 !important;
	}

	.table-responsive tr{
		margin-bottom:10px;
	}

	.table-responsive td{
		padding:10px 5px 2px 5px !important;
		border-top:1px solid #D6D6D6 !important;
	}

	.table-responsive td:first-child{
		border-top:0 !important;
	}

	table.table-responsive td:before {
		position: relative !important;
		top: 0 !important;
		padding-right: 15px !important;
		width: auto !important;
		float: left !important;
		}
	table.table-responsive td:not(.nonResponsiveRow) {
		padding-top: 15px;
	}
	.table-responsive td input, .table-responsive td img {
		margin-top: -4px;
	}
}
/* UI for Table Responsive END */

.label-inline label{
     display:inline-block;
}

.marginLeft5 {margin-left:5px !important;}

/***** classes added for amenities details pop up on floorplan page****/

table.availableUnits td div{text-align:left; text-decoration:underline; width:30%}

@media (max-width: 768px){
table.availableUnits td div{width:10%;padding-left:6px}
}

@media (max-width: 480px) {
table.availableUnits td div{width:15%;}
}
/* Amenities css */

#amenities-layout-1 #community-amenities, #amenities-layout-1 #apartment-amenities{
	border: 1px solid #c0c0c0;
	padding: 20px;
}

#amenities-layout-1 #community-amenities li, #amenities-layout-1 #apartment-amenities li{
	list-style: outside none none;
	border-bottom: 1px solid #c0c0c0;
	padding: 8px 0 8px 10px;
}

#amenities-layout-1 #community-amenities li:last-child, #amenities-layout-1 #apartment-amenities li:last-child{
	border-bottom: none;
}

#amenities-layout-1 #community-amenities ul, #amenities-layout-1 #apartment-amenities ul{
	margin: 0;
}

#amenities-layout-1 #amenities-toggle i.icon-camera, #amenities-layout-1 #amenities-toggle i.icon-info-sign {
	margin-left:8px;
}

#amenities-layout-1 #amenities-toggle .nav-tabs{
	border: 0;
	text-align: center;
}

#amenities-layout-1 #amenities-toggle .nav-tabs > .active > a, #amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:hover, #amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:focus{
	border:0;
}

#amenities-layout-1 #amenities-toggle .nav-tabs > li > a:hover, #amenities-layout-1 #amenities-toggle .nav-tabs > li > a:focus, #amenities-layout-1 #amenities-toggle .nav-tabs > li > a {
	border:0;
}

#amenities-layout-1 #amenities-toggle .divider{
	border-left: 1px solid #c0c0c0;
	margin: 8px;
}

#amenities-layout-1 #community-amenities li.active, #amenities-layout-1 #apartment-amenities li.active{
	background: #f5f5f5;
}



@media screen and (min-width: 768px) {
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, #amenities-layout-1 #amenities-toggle .nav-pills > li{
		width: auto;
	}
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, #amenities-layout-1 #amenities-toggle .nav-pills > li , #amenities-layout-1 #amenities-toggle .nav > li > a{
		display: inline-block !important;
		float: none;
	}
	#amenities-layout-1 .nav-tabs li a {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	#amenities-layout-1 #community-amenities li, #amenities-layout-1 #apartment-amenities li{
		padding: 8px 0 8px 0;
	}
	#amenities-layout-1 #community-amenities li.active, #amenities-layout-1 #apartment-amenities li.active{
		background: none;
	}
	#amenities-layout-1 #community-amenities li p, #amenities-layout-1 #apartment-amenities p, #amenities-layout-1 #community-amenities #slider, #amenities-layout-1 #apartment-amenities #slider{
		margin-top: 10px;
	}
	
	#amenities-layout-1 .carousel {
	margin-bottom: 0;
	}
	#amenities-layout-1 .carousel img {
		margin-bottom: 20px;
	}	
}

#amenities-layout-1 .nav-tabs .divider {
Padding: 10px 0;
}

#amenities-layout-1 .carousel-inner .meta {
bottom: 0;
position: absolute;
margin: 15px;
}

#amenities-layout-1 .carousel-inner .meta h3 {
background: rgba(22, 22, 22, 0.5);
padding: 5px 10px;
color: #fff;
}

#amenities-layout-1 #community-amenities .carousel-indicators li, #amenities-layout-1 #apartment-amenities .carousel-indicators li{
padding: 0;
}


/* Amenities Layout3 css */


#amenities-layout-3 #amenities-image > img{
                border: 1px solid #8c8c8c;
}

/* Amenities no image css */
.no-img{
		border:1px solid #dbdbdb
} 
/* Amenities Layout2 css for camera icon */

#amenities-layout-2 #tabs li i {
    max-height: 17px;
    line-height: 11px;
} 

#amenities-layout-2 h2, #amenities-layout-3 h2 {
	font-size: 1.6em;
}

/* Logo placement for terms and conditions, and privacy policy pages */
#rentcafe_legal #logowrapper.span3 {
	width: 100%;
	text-align: center;
}

#rentcafe_legal #logowrapper.span3 #logoimg img {
	max-height: 120px;
}

/* fix for property logo to not to overflow the span */
#logo-container img {
	max-width: 100%;
	height: auto;
}


/*Ratings and revies css changes*/

#PropertySiteRatings .reviewsContainer {padding: 15px 15px 15px 0px;}
#PropertySiteRatings .writeReview-cta {padding: 15px 0px; border-bottom: 1px solid #d6d6d6;}
#PropertySiteRatings .writeReview-cta-title {font-size: 20px; color: #666; font-weight: 600;}
#PropertySiteRatings .small-txt {font-size: 12px; color: #666;}
#PropertySiteRatings .reviewContainerRow {padding: 15px 0px; border-bottom: 1px solid #d6d6d6;}
#PropertySiteRatings .ratingsBox {margin-bottom: 5px;}
#PropertySiteRatings .ratingsNum {font-size: 30px; color: #254a71; font-weight:600; font-family: Helvetica; margin:16px 0px;}
#PropertySiteRatings .overall-ratingsNum {font-size: 32px; color: #254a71; font-weight:600; font-family: Helvetica; margin:10px 0px;}
#PropertySiteRatings .ratingsStars {font-size: 14px; width: 100%; position: relative; display: inline-block; white-space: nowrap; }
#PropertySiteRatings .reviewContainerLeft {padding: 10px 45px 0px 0px;}
#PropertySiteRatings .reviewContainerLeft a {text-decoration: none;}
#PropertySiteRatings .reviewContainerLeft .popover {font-size: 14px; min-width: 220px;}
#PropertySiteRatings .reviewDate, #PropertySiteRatings .readmore {font-size: 11px; color: #666; line-height: 14px;}
#PropertySiteRatings .reviewer-name {font-size: 14px;} 
#PropertySiteRatings .verifiedResident, #PropertySiteRatings .pmresponse,#PropertySiteRatings  .reviewer-name{font-size: 11px; line-height: 14px;}

#PropertySiteRatings .overallRatingbox {padding: 10px 30px 20px;}
#PropertySiteRatings .overallRatingTitle {}
#PropertySiteRatings .overallRating {}

#PropertySiteRatings .overallRatingStars {font-size: 20px; position: relative; display: inline-block; white-space: nowrap; }
#PropertySiteRatings .categoryRatingbox {border: 1px solid #d6d6d6; margin-top: -21px; padding: 0px 20px;}
#PropertySiteRatings .categoryRatingbox h4 {margin-bottom:20px;}
#PropertySiteRatings .ratingCategory {}
#PropertySiteRatings .CategoryRatingStars {position: relative; display: inline-block; white-space: nowrap; }
#PropertySiteRatings .categoryRow {margin-bottom: 30px;}
#PropertySiteRatings .poweredBylogo {margin-bottom: 15px;}
.not-rated, a .not-rated, a .not-rated:hover {color: #c3c3c3;}


.cat-rating {
    float:left;
}

.review-readmore.collapse {
	margin-top: -10px;
	}
	
.reviewer-name {margin-top: 10px;
}	



/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.cat-rating:not(:checked) > input {
   display:none; 
    clip:rect(0,0,0,0);
}

.cat-rating:not(:checked) > label{
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    line-height:1.2;
    color:#c3c3c3;
    
}

.cat-rating legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	border: 0;
	border-bottom: 0px solid #e5e5e5;
}

.cat-rating:not(:checked) > label:before{
    content: '★ ';
}

.cat-rating > input:checked ~ label{
    color: #c09853;
}

 .cat-rating:not(:checked) > label:hover, 
.cat-rating:not(:checked) > label:hover ~ label{
    color: #D5AF70;
}

.cat-rating > input:checked + label:hover,
.cat-rating > input:checked + label:hover ~ label,
.cat-rating > input:checked ~ label:hover,
.cat-rating > input:checked ~ label:hover ~ label,
.cat-rating > label:hover ~ input:checked ~ label{
    color: #c09853;
}

.cat-rating > label:active{
    position:relative;
    top:0px;
    left:0px;
}

@media (max-width: 1199px) { 
#PropertySiteRatings .reviewContainerLeft {padding: 10px 30px 0px 0px;}
#PropertySiteRatings .categoryRatingbox {padding: 0px 10px;}
}

@media (max-width: 979px) { 
#PropertySiteRatings .ratingCategory {width:100%; display:block; float: left; text-align:left; }
#PropertySiteRatings .reviewContainerLeft {padding: 10px 0px 0px 0px;}
#PropertySiteRatings .overallRatingStars {font-size: 14px;}
}

.popover {
	max-width: 500px;
}

#ReviewsTable td{
	width:50%;
}

#reviewModal.modal.fade.in {
    margin-top: 0 !important;
    top: 10%;
}

#WriteReview ul li{
	margin:0 50px 0 0;
}
/* end of ratings and revies css changes*/

/* Added for OLE summary links menus */

.notify-arrow{
	position:absolute;
    border-bottom: 6px solid #555555;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	top:-6px;
	left:30px;
}
#OLESummaryLinks .pull-right .notify-arrow{
	position:absolute;
    border-bottom: 6px solid #555555;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	top:-6px;
	right:30px;
	left:auto;
}
#rentcafe_onlineleasing #OLESummaryLinks .dropdown-menu{
	border-bottom:none;
	font-size:13px;
	margin-top:4px;
	text-align:left;
}
#OLESummaryLinks .dropdown-menu > li:last-child a{
	border-bottom:2px solid #555555;
}
#OLESummaryLinks .dropdown-header.primary-color-background{
	padding:10px 16px;
	background:#555555;
	margin-bottom:0;
	font-size:14px;
}
#OLESummaryLinks > ul{
	display:inline-block;
}
#OLESummaryLinks .badge{
	position:relative;
	top:-5px;
	padding:2px 6px;
}
#OLESummaryLinks a{
	padding:0 5px 0 15px;
}
#OLESummaryLinks > ul > li > a:last-child{
	border-right:1px solid #AAAAAA;
}
#OLESummaryLinks .dropdown-menu .external a{
	background-color:#f5f5f5;
	color:#333333;
	text-align:center;
}
#OLESummaryLinks .dropdown-menu > li > a {
	font-weight:inherit;
	padding:5px 15px 7px 15px;
}
#OLESummaryLinks .dropdown-menu > li > a > i{
	padding-right:5px;
}
#OLESummaryLinks .dropdown-menu.messages .from{
	font-weight:500;
}
#OLESummaryLinks .dropdown-menu.messages .time, #OLESummaryLinks .dropdown-menu .small{
	position:absolute;
	font-style:italic;
	right:15px;
}
#OLESummaryLinks .user-links > ul > li{
	text-align:left;
	padding-right:0;
}
#OLESummaryLinks ul > li:first-child a, #OLESummaryLinks ul > li.dropdown a{
	border-left: 0px;
}
#OLESummaryLinks .user-links ul > li.dropdown{
	padding-left:20px;
}
#OLESummaryLinks .user-links ul > li.dropdown ~ li.dropdown{
	padding-left:5px;
}
#OLESummaryLinks ul > li.dropdown > a{
	padding:0 5px 0 5px;
}
#OLESummaryLinks .label-important, #OLESummaryLinks .badge-important{
	background-color:#ff6c62;
}
#rentcafe_onlineleasing .dropdown-menu.notification{
	border-top:0;
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	#OLESummaryLinks li.dropdown{
		position:inherit;
	}
	#OLESummaryLinks li.dropdown .dropdown-menu{
		width:90%;
		margin:0 auto;
		left:0;
		right:0;
		top:auto
	}
	#OLESummaryLinks li.dropdown .dropdown-menu > li > a{
		white-space:normal;
	}
	#OLESummaryLinks a{
		border-left:none;
	}
	#OLESummaryLinks .user-links ul > li.dropdown{
		padding-left:5px;
	}
	#OLESummaryLinks .user-links ul > li.dropdown{
		padding-left:10px;
	}
	.notify-arrow{
		display:none;
	}
	.notification-time{
		text-align:left;
	}
}

/* Added for OLE summary links menus */

/* NOTIFICATIONS DETAILS MODAL START*/
.ui-dialog-scrollable-content{
	max-height:450px;
	overflow:auto;
}

.unread-notification{
	background:#fdfaf0;
}
.unread-notification .notification-text{
	font-weight:600;
}
.notifications-details > ul li.list-group-item{
	padding-left:40px !important;
}
.notifications-details > ul li.list-group-item:before{
	content:"\f0f3";
	font-family:fontAwesome;
	font-size:10px;
	line-height:17px;
	background:#b64a47;
	color:#fff;
	display:inline-block;
	width:17px;
	height:17px;
	text-align:center;
	border-radius:3px;
	vertical-align:top;
	margin:3px 0 0 -30px;
	float:left;
}
.notification-text{
	min-height:inherit !important;
}
.notification-time{
	font-style:italic;
	text-align:right;
	padding-right:10px;
	min-height:inherit !important;
	color:#808080;
}
@media screen and (max-width: 767px) {
	.notification-time{
		text-align:left;
	}
}
/* NOTIFICATIONS DETAILS MODAL END*/

/* FLOOR PLANS TAB LAYOUT */
#FloorPlanContainer h2.floor-plan-name{
font-size: 1.6em;
line-height: 1.3em;
}
#FloorPlanContainer .availability-count {
font-size: 1.3em;
margin: 15px 0 30px
}
@media (max-width: 979px) {
	#FloorPlanContainer h2.floor-plan-name {
		display:none;
	}
}
/* END OF FLOOR PLANS TAB LAYOUT */

/* FLOOR PLANS TABLE TO ACCORDIAN LAYOUT */
.FPimage{display:none}
.visibility-xs{display: none}
@media(max-width:768px){
.hide-xs{display:none}
.visibility-xs{display: block}
#accordionFPTable table.table-responsive td:before {width:30% !important}
#accordionFPTable .table-responsive tr{ border: 0px solid #fff}
#accordionFPTable .table-responsive.table-striped tbody > tr:nth-child(2n+1) > td, .table-responsive.table-striped tbody > tr:nth-child(2n+1) > th{ background-color: transparent}
#accordionFPTable .table-responsive td a{ background-color: transparent; background-image: none; padding: 0px; text-align:left; border-style:none; box-shadow: 0px 0px 0px #ffffff; text-decoration: underline}
#accordionFPTable .tcolumn.text-center { border: 0 none  !important; }
#accordionFPTable .collapsed:before {content: "\f067" !important;float: right;font-family: fontawesome;}
#accordionFPTable .accordion-toggle:before {content: "\f068";float: right;font-family: fontawesome;}
.FPimage{display: block !important; margin-top:10px;}
.FPimage img{width: 100%}
#accordionFPTable.FPName{padding-left:10px;}
}

@media(max-width:480px){
#accordionFPTable table.table-responsive td:before {width:36% !important}
}
@media (max-width: 320px) {
#accordionFPTable table.table-responsive td:before {width: 38% !important;}
}
/* END OF TABLE TO ACCORDIAN LAYOUT */

/* TO BE USED FOR ACCESSIBILITY */
.visually-hidden, .sr-only {
	 border:  0;
	 clip:  rect(0 0 0 0);
	 height:  1px;
	 margin:  -1px;
	 overflow:  hidden;
	 padding:  0;
	 position:  absolute;
	 width:  1px;
}
#PropertySiteRatings .offCanvas-schema {
	position: absolute; left: -9999px;
}









/*********** Floor Plans Accordion Classes Starts**************/

#topcontentholder{
	
    margin: 0 0 30px;
	background-color:#f1eff0;
}

.move-in-date-section{
	background-color:#E7E7E7;
}

.move-in-date-section > label{
	padding-left:10px;
	text-transform:uppercase;
	font-size:15px;
}

#topcontentholder .move-in-date{
	display:block;
	border-right:0;
	padding:15px 8px;
}

.move-in-details-section{
	border-left:1px solid #fff;
	padding:15px 0;
}

#topcontentholder .label-heading{
	text-transform:uppercase;
}

#topcontentholder .min-rent, #topcontentholder .max-rent{
	float:left;
}
#topcontentholder .max-rent{
	margin-left:20px;
}


#top-links li{
	 border-left: 1px solid #817f73;
    display: inline;
	padding:0 5px 0 10px;
	line-height:15px;
}

#top-links li:first-child{
	border-left:0;
}


#top-links ul li{
	display:inline-block;
}


.floorplan-headings{
	text-transform:uppercase;
	color:#a2a2a2;
	border-bottom:1px dotted #cccccc;
	padding-bottom:5px;
	font-size:12px;
}

#topcontentholder #icon-calendar{
	background:url(../images/calendar-icon.png) scroll 95% center no-repeat #fff;
	padding:6px 30px 8px 5px;
}

#topcontentholder #FtxtUnitCode, #topcontentholder .move-in-date input{
	
	width:100px;
} 


#topcontentholder .move-in-date #datepicker{
	width:147px;
	border-right: none;
}

#topcontentholder .move-in-date.input-append .add-on {
  background-color: #FFF !important;
}


.specials-holder .icon-tags:before {
    color: #526B6F;
    font-size: 17px;
    margin-right: 7px;
    transform: rotate(90deg);
}


.icon-building:before, .icon-file-alt:before{
	margin-right:7px;
}

.specials-holder .alert-info {
    background-color: #fcfcfa !important;
    border:1px solid #CBE4A8 !important;
    color: #4E6C6E !important;
	font-size:13px;
}

.specials-holder ul{
	margin-bottom:0px;
}

.specials{
	text-align:left;
}



.specials ul li{
	line-height:24px;
	text-align: left;
	padding-left:30px;
}



.specials-holder ul li{
	background:url(../images/fp-dollar_icon.png) scroll 0% center no-repeat #fcfcfa;
	text-align:left;
}


#FloorPlan1 .modal-body{
	max-height:600px !important;
}


.availability-accordion .table th, .availability-accordion .table td {
    border-top: none;
	text-align:center;
	width:5%;
	font-weight:normal;
	height:0;
}

.dotted-divider{
	border-bottom:1px dotted #cccccc;
}

.availability-accordion .accordion-heading a{
	color:#626262;
	font-family:'Oswald',sans-serif;
	font-weight:300;
	font-size:18px;
	text-decoration:none;
}

.availability-accordion .accordion-heading a:hover, a:focus{
	text-decoration:none !important;
} 


.availability-accordion .accordion-heading a .floorplan-icon:before{
    content: "\f067";
	font-family:FontAwesome;
	color:#626262;
	font-size:15px;
	margin-right:8px;
}

.availability-accordion .accordion-heading.active a .floorplan-icon:before{
    content: "\f068";
	font-family:FontAwesome;
	color:#626262;
}

 .available-fp{
	font-style:italic;
	color:#545454;
	font-size: 12px;
	line-height:15px;
	margin-top:5px;
	text-align:center;
	display:block;
}


.floorplan-img .fp-thumbnail{
	background:none;
	border-radius:0;
	text-shadow:0;
	border-width:0px;
	box-shadow:0;
	position:relative;
}

.floorplan-img .fp-thumbnail img{
	
	border:0px;
	max-width:104px;
	max-height:127px;
	margin:0 auto;
	width:auto;
	height:auto;
}

.floorplan-img .fp-thumbnail:hover, .fp-thumbnail:focus, .fp-thumbnail:active, .fp-thumbnail.active, .fp-thumbnail.disabled, .fp-thumbnail[disabled]{
	background:none;
}


.floorplan-img .floorplan-count{
	position:relative;
	z-index:0;
	bottom:17px;
	right:-43px;
	padding:0 6px;
	background-color:#323232;
	color:#fff;
	font-size:11px;
	text-shadow: none;
}


.floorplan-details .carousel-caption{
	background:none;
}

.floorplan-details .carousel-control {
	font-size:30px;
	background:none;
	color:#000;
	border:0px;
	width:auto;
	height:auto;
}


.floorplan-details{
	color:#545454;
}

.specials{
	text-align:left;
}



.specials-heading{
	text-align:left;
}



.availability-accordion .table tr{
	text-align:left !important;
}



.floorplan-details .carousel{
	text-align:center;
	padding:0px 8px;
	margin-bottom:0px;
}
.floorplan-details .carousel-control.right{
	
	right:0;
}
.floorplan-details .carousel-control.left{
	left:0px;
}

.floorplan-details .carousel-indicators li{
	background:none;
}


.availability-accordion .floorplan-desc{
	font-style:italic;
	color:#a2a2a2;
	text-align:left !important;
	font-size:13px;
	line-height: 18px;
	padding:0 0 0 38px;
}



.availability-accordion .ebrochure-link{
	text-align:left;
	margin:10px 0;
	/*margin-top:20px;
	margin-bottom:10px;*/
}

.availability-accordion .ebrochure-link a{
	text-align:left;
	font-size:13px;
	font-style: normal;
	padding-top:20px;
}

.floorplan-desc p{
	text-align:left;
}
  
 #floorplanlist .accordion .more {
      display: none;
	  }
	  
   .availability-accordion a.showLink, a.hideLink{
      text-decoration: none;
      background: transparent; 
	  font-size:13px;
	  }
	  
   .availability-accordion a.hideLink {
      background: transparent; 
	  font-size:13px !important;
	  }
	  
  .availability-accordion a.showLink:hover, a.hideLink:hover{
	 font-size:13px !important;
	  }



.filter-item .btn{
	background-image:none;
	background-color:#fff;
	border-radius:0;
	border-color:none;
	border-width:0px;
}

.search-by-beds .btn {
  border: 1px solid #ccc;
}


.filter-item .btn .caret {
	margin-left:20px;
}

.filter-item .btn:hover, .filter-item .btn:focus, .filter-item .btn:active, .filter-item .btn.active, .filter-item .btn.disabled, .filter-item .btn[disabled]{
	background-color:#fff;
}

.search-by-apt .btn {
  background-image: none;
  background-color: #E7E7E7;
}

#topcontentholder label, input, button, select, textarea, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	font-size:13px;
}

#topcontentholder .refine-search-area{
	float:left;
	padding:0 20px;
}



 #floorplanlist .accordion{
	margin-bottom:0px;
}

#top-links .icon-file-text-alt:before{
	color:#808080 !important;
	font-size:15px !important;
} 

#top-links .iconm-location4::before{
	color:#808080 !important;
	font-size:15px !important;
}


.floorplan-icons{
	padding: 0px;
	text-align:center;
}

.floorplan-icons li{
	 border-left: 1px solid #C9C9C9;
    display: inline-block;
	padding:0 8px 0 15px;
	line-height:15px;
	font-size:25px;
}

.floorplan-icons li a{
	 color:#999999;
	 font-size:25px;
}


.floorplan-icons li:first-child{
	border-left:0 none;
}

.floorplan-icons ul li{
	text-align:center;
	margin-top:10px;
}


.floorplan-icons .icon-file-text-alt:before{
	color:#999;
}


@media (max-width: 1024px) {
	.dotted-divider{
		display:table-cell;
	 }

	.availability-accordion .floorplan-desc{
		padding:0 0 0 24px 
	}

}



@media (min-width: 768px) and (max-width: 800px){
	.availability-accordion .table th, .availability-accordion .table td
{
		text-align:left;
		height:auto;

	}

	.floorplan-headings{
		border-bottom:none;
	}
	
	.responsive-border{
		display:none !important;
	}
	
	.dotted-divider{
		display:none !important;
	}
		

	.floorplan-img{
		background-color:#f6f4f5;
	}
	
		.floorplan-img img{
			background-color:#fff;
			border:1px solid #cccccc !important;
			padding:8px;
	}
	
	.floorplan-img .floorplan-count{
		right:-45px;
	}
	
	.blank-row-tablet-class{
			display:none !important;
	}
	
	
}


@media (min-width: 769px) and (max-width: 967px){
.availability-accordion .table th, .availability-accordion .table td{
		width:auto;
		text-align:center;
		height:0;
	}
}

@media (min-width: 768px) and (max-width: 979px){
	 
	.availability-accordion .table th, .availability-accordion .table td{
		width:auto;
		height:auto;
		border-top: 0px;
	}
	
	.availability-accordion .table-responsive td a{
		box-shadow:0 0 0 transparent;
		background-image:none;
		border-width:0px;
		background-color:transparent;
		border-color:transparent;
		border-radius:0 0 0 0;
		padding:0px;
	}

	
	.available-fp{
		text-align:left;
		margin-left:5px;
	}
	

	.floorplan-details .carousel-control.right {
		right: 0;
		left:auto;
	}

	
	.floorplan-details .carousel-control{
		top:48%;
		left:-10px;
	}
	
	.floorplan-details .alert{
		margin-bottom:0px;
	}
	
	#top-links{
		float:none;
		text-align:left;
	}
	
		
	.specials-holder ul li{
		background:url("../images/fp-dollar_icon.png") no-repeat scroll left 5px #fff;
	}


}



@media (max-width: 767px){

	#top-links{
		float:none;
		text-align:left;
	}
	
	#top-links li{
		padding:0 0 0 4px;
	}
	
	.floorplans .move-in-date{
		width:auto;
		padding:0;
	}

	 .move-in-details-section{
		border-left:0px;
		padding:0 15px;
	}
	
	.availability-accordion .table th, .availability-accordion .table td{
		width:auto;
		border-top: 1px solid #DDDDDD;
		text-align:left;
		height:auto;
	}
	
	
	.availability-accordion .table-responsive td a{
		box-shadow:0 0 0 transparent;
	}
	
	
	.available-fp{
		text-align:left;
		margin-left:5px;
	}

	.accordion-inner{
		padding:0px !important;
	}
	
	.floorplan-headings{
		border-bottom:none;
	}
	
	
	.floorplan-details .carousel-control.left{
		left:0;
	}
	.floorplan-details .carousel-control.right{
		right:0;
	}


	 #topcontentholder{
		margin: 0 0 15px;
	}

	
	.floorplan-details .alert{
		margin-bottom:0px;
	}
	
	.floorplan-img .fp-thumbnail img td{
	text-align:center !important
}
	
	.accordion-group{
		border:0px !important;
	}
	
	.availability-accordion .table-responsive td a{
		box-shadow:0 0 0 transparent;
		background-image:none;
		border-width:0px;
		background-color:transparent;
		border-color:transparent;
		border-radius:0 0 0 0;
		padding:0px;
	}
	
	.availability-accordion .ebrochure-link .table-responsive td a{
		font-size:13px;
	}
	
	
	.responsive-border{
		display:none !important;
	}
	
	
	.dotted-divider{
		display:none !important;
	}
	
	.floorplan-img{
		background-color:#f6f4f5;
	}

	.floorplan-img img{
		background-color:#fff;
		border:1px solid #cccccc !important;
		padding:8px;
	}

	.floorplan-img .floorplan-count{
		right:-45px;
	}
	
		
	.specials-holder ul li{
		background:url("../images/fp-dollar_icon.png") no-repeat scroll left 5px #fff;
	}
	
	
	
}

/***After implementing this section in Bootstrap3  need to remove these classes**/

@media (min-width: 667px) and (max-width: 736px){
	#move-in-outer-container #move-in-date{
		width:auto;
		padding-right:20px;
	}
	
	#move-in-outer-container #new-search-unit{
		margin-top:-17px;
	}
	
	#move-in-outer-container #new-search-unit ul.inline > li, ol.inline > li{
		margin-bottom:0px;
	}
}

/***After implementing this section in Bootstrap3  need to remove these classes**/


/*********** Floor Plans Accordion Classes Ends **************/
/*************Write A Review Classes******************/
.formHelper {
    font-size: 11px;
    color: #777;
    margin-bottom: -6px;
}
/*************Write A Review Classes Ends******************/


/**camera icon added for unit level floor plans***/
.apartment-picture {
color: inherit;
margin-left: 5px;
}

/*-------------- Tabs to Accordian classes-----------------------------------*/
.visibility-xs{display: none}
#tabsaccordion .collapsed:before {content: "\f067" !important;float: right;font-family: fontawesome;}
#tabsaccordion .accordion-toggle:before {content: "\f068";float: right;font-family: fontawesome;}
#tabsaccordion .accordion-inner .table-bordered{display:none}
@media(max-width:768px){
.hide-xs{display:none}
.visibility-xs{display: block}
#tabsaccordion .collapsed:before {content: "\f067" !important;float: right;font-family: fontawesome;}
#tabsaccordion .accordion-toggle:before {content: "\f068";float: right;font-family: fontawesome;}
}

@media(max-width:480px){
#accordion table.table-responsive td:before {width:36% !important}
}
/*-------------- Tabs to Accordian classes ends-----------------------------------*/
/********** Prospect Registration Classes Starts *************/

/* Reducing the font-size for Terms and Conditions */
#lease-execution-guide.modal .modal-body {
  font-size: 12px;
  line-height: 18px;
  font-family: 'Open Sans', Arial, sans-serif;
}

#lease-execution-guide.modal.fade.in{
    margin-top: 0 !important;
    top: 10%;
}
#lease-execution-guide.modal {
    left: 10%;
	right:10%;
    width: 80%;
	margin:0 auto !important;
}
#lease-execution-guide.modal .close {
    font-size: 25px;
}
#lease-execution-guide .modal-body{
	font-family: 'open sans', Arial, sans-serif;
	font-size: 13px;
	max-height:600px;
	overflow: auto !important;
}
#lease-execution-guide .modal-body h3{
	font-family: 'open sans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #000000;
}
#lease-execution-guide #mainheader{
	text-align:center;
	padding:15px 0;
	border-bottom: 1px solid #eeeeee;
}


/* Callout */ 

.callout { 
  margin: 0 0 35px 0; 
  padding: 15px; 
  border-left: 3px solid #eee; 
}
.callout h5 { 
  margin-top: 0; 
  margin-bottom: 6px; 
  font-weight:600;
  font-family:inherit 
}
.callout p:last-child { 
  margin-bottom: 0; 
}
.callout code { 
  background-color: #fff; 
  border-radius: 3px; 
}

.callout-default { 
  background-color: #f5f5f5; 
  border-color: #ddd; 
}
.callout-default h5 { 
  color: #555; 
}
.callout-danger { 
  background-color: #fdf7f7; 
  border-color: #D65C4F; 
}
.callout-danger h5 { 
  color: #D65C4F; 
}

.callout-warning { 
  background-color: #fcf8f2; 
  border-color: #E7804F; 
}
.callout-warning h5 { 
  color: #E7804F; 
}

.callout-info { 
  background-color: #f2f7f9; 
  border-color: #1992C2; 
}
.callout-info h5 { 
  color: #1992C2; 
}

.callout-success{ 
  background-color: #f4faf5; 
  border-color: #239169; 
}
.callout-success h5 { 
  color: #239169; 
}



 
@media (max-width:980px){
	
	#lease-execution-guide.modal.fade.in{
    	top: 5%;
	}
}


@media (max-width: 979px){
	#lease-execution-guide.modal.fade.in {
		top: 1% !important;
	}
	#lease-execution-guide.modal {
		left: 1% !important;
		width: auto !important;
		right:1%;
		
	}
}
	


/* iPhone level */


@media (max-width: 767px){

	#lease-execution-guide .modal-header{
		padding: 5px 10px !important;
	}
	#lease-execution-guide .modal-header h4{
		margin: 5px 0 !important;
	}
	#lease-execution-guide .modal-footer{
		padding: 8px 10px !important;
	}
}


@media (max-height:1920px){
	#lease-execution-guide .modal-body{
		max-height:800px !important;
		
	}
}
@media (max-height:1024px){
	#lease-execution-guide .modal-body{
		max-height:650px !important;
		
	}
}

@media (max-height:900px){
	#lease-execution-guide .modal-body{
		max-height:550px !important;
	}
	#lease-execution-guide.modal.fade.in{
    	top: 5%;
	}
}
@media (max-height:800px){
	#lease-execution-guide .modal-body{
		max-height: 480px !important;
	}	
}
@media (max-height:736px){
	#lease-execution-guide .modal-body{
		max-height:485px !important;
	}
}
@media (max-height: 680px){
	#lease-execution-guide .modal-body{
		max-height: 400px !important;
	}
}

@media (max-height:667px){
	#lease-execution-guide .modal-body{
		max-height:435px !important;
	}
}
@media (max-height:600px){
	#lease-execution-guide .modal-body{
		max-height:380px !important;
	}
}
@media (max-height:580px){
	#lease-execution-guide .modal-body{
		max-height:320px !important;
	}
}
@media (max-height:480px){
	#lease-execution-guide .modal-body{
		max-height:220px !important;
	}
}
@media (max-height:414px){
	#lease-execution-guide .modal-body{
		max-height:210px !important;
	}
}
@media (max-height:320px){
	#lease-execution-guide .modal-body{
		max-height:130px !important;
	}
}


/*********** Prospect Registration Classes Ends **************/

/*-----------Amenities Section Changes starts here-----------*/

/* Layout-1*/
#amenities-layout-1 #amenities-toggle .divider{
	margin:5px;
}
#amenities-layout-1 .nav{
	margin-bottom: 0;
}
#amenities-layout-1 .nav-tabs > li {
    margin-bottom: 0;
}
#amenities-layout-1 .nav-tabs .divider {
    padding: 0;
}
#amenities-layout-1 #amenities-toggle .nav-tabs {
    margin-bottom: 15px;
}
#amenities-layout-1 #amenities-toggle .nav-tabs > li, 
#amenities-layout-1 #amenities-toggle .nav-pills > li{
	position: relative;
}
#amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:after{
    bottom: 0;
	content: '\f0d8'; 
    font-family: fontAwesome;
    font-size: 30px;
    left: 45%;
    position: absolute;
	line-height: 15px;
	margin-bottom: -17px;
}

/*Layout-2*/
#amenities-layout-2 #my-tab-content .no-img{
	border:0;
}
#amenities-layout-2 #my-tab-content img{
	max-width: 96%;
	margin:0 auto;
}

@media (max-width:768px){
	#amenities-layout-2 .nav-tabs > li,
	#amenities-layout-2 .nav-pills > li {
		text-align: left;
	}
    a.icon-iframe{
	margin-top: 0px;
}
}

/*Layout-3*/
#amenities-layout-3 .block-small img{
	max-width: 96%;
}


@media (max-width:320px){
	#amenities-layout-1 .nav-tabs > li > a, 
	#amenities-layout-1 .nav-pills > li > a{
		padding-left: 0;
		padding-right: 0;
	}
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, 
	#amenities-layout-1 #amenities-toggle .nav-pills > li{
		min-height: 40px;
	}
}
/*-----------Amenities Section Changes ends here-------------*/


/**** ratings for survey*/
.ratingsNum {font-size: 30px; color: #254a71; font-weight:600; font-family: Helvetica; margin:16px 0px;}


/* displaying the phone number on footer for all themes */
#address .phoneNumber {
  display: block !important;
}
#address.horizontal .phoneNumber {
  display: inline-block !important;
}

.carousel-thumbnails {
	height: 70px;
	overflow: hidden;
	position: relative;
}

.carousel-thumbnails li {
	position: absolute;
}
.carousel-thumbnails li .thumbnail{
	border-radius:0;
	padding:0;
}
/* photo gallery navigation styling */

#mediaDiv .carousel.slide, #gallery.carousel.slide{ /*this class is added for align gallery horizontally center for older themes*/
    margin:0 auto;
}
#mediaDiv .carousel.slide .carousel-inner, #gallery.carousel.slide .carousel-inner {
    background: #F2F2F2; /*It should be default css background color for all the themes, I have added lighter grey color*/
    height:100%;
}    
#mediaDiv .carousel.slide .carousel-inner > .item, #gallery.carousel.slide .carousel-inner > .item {
    height:100%;
}    
#mediaDiv .carousel.slide .carousel-control, #gallery.carousel.slide .carousel-control {
    top:0;
    margin:0;
    height:79%;
	/*width:90%;*/
    border:0;
    border-radius:0;
    filter:alpha(opacity=45);
    opacity: 0.45; 
	background:transparent;   
}
#mediaDiv .carousel.slide .carousel-control.left, #gallery.carousel.slide .carousel-control.left{
    left:0;
}
#mediaDiv .carousel.slide .carousel-control.right, #gallery.carousel.slide .carousel-control.right {
    right:0;
}
#mediaDiv .carousel.slide .carousel-control i, #gallery.carousel.slide .carousel-control i {
    position:absolute;
    margin:0;
    top:44%;
	font-size:30px;
    display:block;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3);
}
/*#mediaDiv .carousel.slide .carousel-control.left i, #gallery.carousel.slide .carousel-control.left i{
	text-indent:-25px;
}
#mediaDiv .carousel.slide .carousel-control.right i, #gallery.carousel.slide .carousel-control.right i{
	text-indent:25px;
}*/
#mediaDiv .carousel.slide:hover .carousel-control, #gallery.carousel.slide:hover .carousel-control {
    filter:alpha(opacity=55);
    opacity: 0.55;
}
#mediaDiv .carousel.slide:hover .carousel-control:hover, #gallery.carousel.slide:hover .carousel-control:hover {
    filter:alpha(opacity=90);
    opacity: 0.9;
}
#mediaDiv .carousel.slide .carousel-indicators, #gallery.carousel.slide .carousel-indicators {
    right:50px;
}
#mediaDiv .carousel.slide, #gallery.carousel.slide{
    min-height:100px;
}
#dialogContainer #gallery.carousel.slide{
	margin: 15px;
}
#gallery.carousel.slide .carousel-control{
	height:100%;
}


/* end of photo gallery navigation styling */

/*===== FILTERABLE FLOOR PLANS STARTS =====*/

.filterable-floor-plans #floorplanlist .tab-content {
	overflow: inherit;
}
.owl-carousel {
	overflow: hidden;
}

.owl-carousel .owl-item {
	float: left;
	width:100%;
	min-height:inherit;
}

.floorplan-item {
	margin-right: 10px;
}

ul#fp-filter {
  margin-bottom: 15px;
}

#fpItemWrap{
	display:block;
}
.fp-filter-box {
	margin:20px 0;
	text-align: center;
	position:relative;
	width:100%;
	margin:10px 2% 10px 0 !important;
}
.fp-filter-inner-box {
	border:1px solid #d3d3d3;
	height:auto;
	display:block;
	height:270px;
	max-height:270px;
	padding:10px 10px 15px 10px;
}
.fp-details{
	height:45px;
	overflow:hidden;
	margin:8px -10px 0;
	background:#f5f5f5;
	padding:2px 0 8px;
}
.fp-details-top {
    display: block;
    overflow: hidden;
	padding-bottom:5px;
	height:37px;
}
.fp-details-top > span {
    display: inline-block;
    vertical-align: top;
}
.fp-details-top .fp-filter-title{
    text-align: left;
    width: 49%;
	font-size:15px;
	font-weight:600;
	color: #6C9401;
	float:left;
}
.fp-details-top .fp-filter-title > div {
    height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
	white-space:nowrap;
}
.fp-details-top .fp-filter-detail{
    float: right;
    text-align: right;
    width: 50%;
	font-size:13px;
	line-height: 17px;
	color:#999;
	margin-top: 3px;
	margin-bottom: 5px;
}
.fp-filter-image {
	max-width:95%;
	margin: 0 auto;
	height:180px;
	position:relative;
}
.fp-filter-image img {
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
	width: auto !important;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fp-available-text {
	text-align:center;
	font-size:12px;
	color:#999999;
	text-transform:capitalize;
	min-height:25px;
}
.availableNow {
	color:#749f01;
}
.availableNow:before{
    color: #749f01;
    content: "\ed6f";
    font-family: Icomoon;
    font-size: 12px;
	padding:0 5px 0 0;
}
.fp-rent{
	color:#333;
	font-weight:600;
	font-size:15px;
	line-height: 20px;
}
.fp-available-text.active {
	text-align:center;
	color:#6abb5f;
	text-transform:capitalize;
}
.fp-available-text.active a {
	color:#6abb5f;
}
.fp-available-text.active a:hover {
	color:#2c2922 !important;
	background:transparent !important;
}
.fp-available-text.active a:visited {
	color:#6abb5f;
}
.filterable-floor-plans .nav.nav-pills > li{
	margin-right:10px;
}
.filterable-floor-plans .nav.nav-pills > li a {
	color:#999;
	border:1px solid #e9e9e9;
	margin:2px 0;
	padding: 0px 20px;
	height: 26px;
	line-height: 26px;
	font-size: 13px;
	border-radius: 1000px;
}
.filterable-floor-plans .nav.nav-pills > li.active a {
	background:#4a4a4a;
	color:#fff;
	font-weight: bold;
	border:1px solid #272727;
}
.fp-filter-box-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.0);
	transform:scale(0.8);
	-moz-transform:scale(0.8);
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	color:#fff;
	transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	opacity:0;
	filter: alpha(opacity=0);
	line-height:22px;
	overflow:hidden;
}
.fp-filter-box:hover .fp-filter-box-overlay, .fp-filter-box .fp-filter-box-overlay.active{
	background:rgba(0,0,0,0.7);
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	opacity:1;
	filter: alpha(opacity=100); 
}
.fp-filter-box-overlay-inner > span{
	display:block;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}
.fp-filter-box-overlay-inner > span.fp-filter-title{
	font-size:20px;
	line-height:26px;
	font-weight:600;
	padding:0 20px 5px;
	word-wrap:break-word;
	max-height: 52px;
    overflow: hidden;
}
.fp-filter-box-overlay-inner > span.fp-filter-title:before{
	content:"";
	float: left;
	width: 5px;
	height: 30px;
}
.fp-filter-box-overlay-inner > span.fp-filter-title > *:first-child{
	float: right;
	width: 100%;
	margin-left: -5px;
}
.fp-filter-box-overlay-inner > span.fp-filter-title:after{
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -38px;
	left: 100%;
	width: 10px;
	margin-right: -10px;
	padding-right: 5px;
	text-align: right;
	font-size:15px;
}
.fp-filter-box-overlay a{
	color:#fff;
	text-decoration:none;
}
.fp-filter-box-overlay-inner > span.fp-filter-info{
	font-size:40px;
	text-decoration:none;
	padding:5px 0 25px 0;
	color:#fff;
}
.fp-filter-box-overlay-inner > span.fp-filter-info a:hover{
	color:#3db3cd;
}
.fp-filter-box-overlay-inner{
	top: 50%;
	-webkit-transform: translateY(-55%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	position:relative;
	height:auto;
}
.fp-filter-box .fp-filter-box-overlay-inner > span:not(:first-child) {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
	filter: alpha(opacity=100);
	display:block;
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span:first-child {
	-webkit-transition-delay: 0.02s;
	transition-delay: 0.02s;
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(1) {
	-webkit-transition-delay: 0.02s;
	transition-delay: 0.02s;
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(2) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(3) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(4) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.fp-filter-controller.collapsed{
	overflow:hidden;
}
.fp-filter-inner-controller{
	position:relative;
	overflow: hidden;
	height:320px;
}
.fp-filter-more a{
	margin:15px 0 0 0;
	display:inline-block;
	text-decoration:none;
	color:#07a8c4;
}
.fp-slide-left, .fp-slide-right{
	display:none;
}
.owl-controls{
	padding-top:10px;
}
.owl-prev, .owl-next, .owl-page{
	display:block;
	padding:5px;
}
.owl-pagination{
	width:auto;
	max-width:100%;
	vertical-align:middle;
	white-space:normal;
}
.owl-prev, .owl-next{
	background:#d6d6d6;
	color:#fff;
	font-size:32px;
	line-height:45px;
	width:20px;
	height:50px;
	cursor:pointer;
}
.owl-prev:hover, .owl-next:hover{
	background:#bbb;
}
.owl-page{
	width: 1px;
	height: 1px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: inline-block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-page.active{
	background:#3db5ce;
}
.owl-wrapper{
	position:relative;
}

@media (min-width: 768px){
	.owl-controls, .owl-nav, .owl-prev, .owl-next, .owl-pagination{
		display:none !important;
	}
	.owl-wrapper{
		max-width:100%;
		width:100%;
		transform:none !important;
		-webkit-transform: none !important;
		left:0 !important;
	}
	.owl-carousel .owl-item{
		max-width:255px;
		margin-right:10px;
	}
	.owl-carousel .owl-grab {
	  cursor: default;
	}
}

@media (min-width: 1580px){
	.owl-item{
		margin-right:15px !important;
	}
	.owl-carousel .owl-item {
		max-width: 235px;
	}
}

@media (min-width: 1900px){
	.owl-item{
		margin-right:20px !important;
	}
	.owl-carousel .owl-item {
		max-width: 265px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.owl-carousel .owl-item{
		max-width:236px;
	}
}

@media (max-width: 1199px) {
	.fp-filter-box{
		max-width:234px;
		display:inline-block !important;
		float:none !important;
	}
	.fp-filter-controller{
		clear:both;
		white-space:nowrap;
		width:auto;
	}
	.fp-slide-left, .fp-slide-right{
		display:block;
	}
	.fp-filter-controller.collapsed{
		overflow-x: auto;
		overflow-y: hidden;
	}
	.owl-carousel{
		text-align:center;
	}
}

@media (max-width: 768px) {
	.filterable-floor-plans .fp-filter-box{
		display:inline-block;
		float:none;
		margin:10px 1% 10px 1% !important;
	}
	.filterable-floor-plans .fp-filter-controller{
		text-align:center;
	}
	.filterable-floor-plans .nav.nav-pills > li{
		margin:2px 5px;
		width:31.69%;
	}
}

@media (max-width: 767px) {
	.fp-filter-controller{
		height:auto !important;
	}
	.owl-prev, .owl-next{
		display:inline-block !important;
		position:absolute;
		top:0;
	}
	.fp-filter-more{
		display:none;
	}
	.filterable-floor-plans .fp-filter-controller{
		text-align:center;
	}
	.owl-carousel{
		width:88%;
		margin:0 auto;
		position:initial;
	}
	.owl-carousel.owl-loaded{
		display:inline-block;
	}
	.owl-prev, .owl-next{
		top:35%;
		z-index:1;
	}
	.owl-prev{
		left:0px;
	}
	.owl-next{
		right:0px;
	}
	.fp-filter-inner-controller{
		height:auto !important;
	}
}

@media (max-width: 639px) {
	.filterable-floor-plans .nav.nav-pills > li{
		margin:2px 5px;
		width:auto;
	}
	.filterable-floor-plans .nav.nav-pills > li a{
		font-weight:bold;
	}
	.owl-item > .owl-item{
		max-width:99.4%;
	}
}

@media (max-width: 320px) {
	.fp-filter-box{
		max-width:90%;
	}
}

/*===== FILTERABLE FLOOR PLANS ENDS =====*/

/***added a default cursor for the info icon on amenities layouts******/
.amenities-tip:hover{
	cursor:default;
}

#rentcafe_residentportal footer.sticky-footer, #rentcafe_onlineleasing footer.sticky-footer, #rentcafe_landlordportal footer.sticky-footer, #rentcafe_studentguarantorportal footer.sticky-footer{
	position:fixed;
	z-index:50;
	width:100%;
	bottom:0;
	left:0;
}

.full-height-wrapper {
    background: #fff;
    height: 2000px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: auto;
    z-index: -2;
}

body#rentcafe_residentportal.olemenubody footer.sticky-footer, body#rentcafe_onlineleasing.olemenubody footer.sticky-footer, body#rentcafe_landlordportal.olemenubody footer.sticky-footer, body#rentcafe_studentguarantorportal.olemenubody footer.sticky-footer {
    left: 30px;
}

body.olemenubody .full-height-wrapper{
	left:60px;
}

@media (max-width:768px){
	body#rentcafe_residentportal.olemenubody footer.sticky-footer, body#rentcafe_onlineleasing.olemenubody footer.sticky-footer, body#rentcafe_landlordportal.olemenubody footer.sticky-footer, body#rentcafe_studentguarantorportal.olemenubody footer.sticky-footer {
		left:0;
	}
	
	body.olemenubody .full-height-wrapper{
		left:0;
	}
}




/*-------------------Starts Contact Us abd OLE registration form css---------------------------------*/


/* FORM */
.well.ole_fancy_form_panel{
    border:none;
    box-shadow:none;
}
.ole_fancy_form_panel h1:after{
    content:none;
}
.ole_fancy_form_header h1{
    padding-bottom:25px;
    border-bottom:1px solid #e4e4e4;
    margin-bottom:25px;
}
.ole_fancy_form_panel h2 {
	text-transform: none;
}
.ole_fancy_form_header p{
    font-size:13px;
    text-align:justify;
}
.ole_fancy_form_panel p.divider{
    padding-bottom:25px;
    border-bottom:1px solid #e4e4e4;
    margin-bottom:25px;
}
.ole_fancy_form p.agreement{
    font-size: 12px;
    margin: 15px 0 0;
    padding: 0 25px;
    line-height: 16px;
}
.ole_fancy_form input[type="text"],
.ole_fancy_form input[type="password"],
.ole_fancy_form textarea,
.ole_fancy_form button{
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
.ole_fancy_form input[type="text"],
.ole_fancy_form input[type="password"],
.ole_fancy_form textarea{
    width:100%;
    box-sizing:border-box; /* prevents overflow into parent's padding because of 100% */
    min-height:38px; /* forces height because of box-sizing */
    margin:11px 0;
}
.ole_fancy_form .form-inline{
    width:48%;
    vertical-align:top;
    display:inline-block;
}
#contact-inline label{
	display:block !important;
}
.ole_fancy_form .form-inline input[type="text"]{
    margin-bottom:10px;
}
.ole_fancy_form .form-inline:first-child{
    margin-right:4%;
}
.ole_fancy_form textarea{
    resize:none;
    height:120px;
}
.ole_fancy_form input[type="text"]:first-child,
.ole_fancy_form input[type="password"]:first-child{
    margin-top:0;
}
.ole_fancy_form .btn.btn-fancy {
    padding: 1em;
    width:100%;
    position: relative;
    margin: 0 auto;
    text-transform:uppercase;
    text-shadow:none;
    font-size:22px;
    line-height:28px;
}
.ole_fancy_form .btn.btn-fancy:before {
    background: none;
    border: 6px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.ole_fancy_form .help-inline{
    display:block;
    margin:-8px 0 10px 0;
    padding:0;
}
input[type="text"].offcanvas_field,
textarea.offcanvas_field{
    width:0px !important;
    height:0px !important;
    border:none;
    min-height: 0px;
    padding:0;
    position:absolute;
    left:-9999px;
}
.container-fluid-bs3-nopad{
	padding:0; /* use when nesting in #ctmcontentcontainer to remove double padding */
}

/*      Small change for OLE Facebook windows 10 edge browser       */
@supports (-ms-accelerator:true) {
   #workflowStepsWrap .ole-menu-wrapper {
     position:Absolute;
     min-height:1200px;
   }

   #workflowStepsWrap .ole-scroller{
     position:fixed;
   }
}

/*-------------------Ends Contact Us abd OLE registration form css---------------------------------*/

/*-------------------Starts registration css-------------------------------------------------------*/

/* GLOBAL & TYPOGRAPHY */
span.heavy{
    font-weight:400;
}
h2.normal{
    font-weight:normal;
}

/* HEADER / TOP SECTION */
#logo{
    padding-top:10px;
    max-height:80px;
}

@media (min-width: 768px){
    #logo{
        max-height:60px;
        padding-bottom:10px;
    }
}

/* INFO PANEL */
#info_panel section{
    padding-bottom:30px;
    border-bottom:1px solid #e4e4e4;
    margin-bottom:30px;
}
#info_panel section:last-child{
    margin-top:0; margin-bottom:0; padding: 0; border: none;
}

#info_panel h2{
    color:#555;
    text-transform:none;
}
/* TESTIMONIAL */
#ole_testimonial{
    padding-left:40px;
}
#ole_testimonial:before{
    content:'\eb18';
    font-family: 'icomoon';
    color:#d3d3d3;
    font-size:28px;
    margin-left:-40px;
    padding-right:10px;
}
span.attribution{
    margin-top:8px;
    display:block;
    font-style:italic;
    font-size:0.9em;
    color:#727272;

}
span.attribution::before{
    content:'- ';
}

/* VALUE LIST */
#value_list{
    list-style: none;
    margin:0;
}
#value_list li{
    line-height:40px;
    font-size:1.15em;
}
#value_list li:before{
    content: '\ed6e';
    font-family: 'icomoon';
    padding-right: 10px;
    color: #91b55e;
    font-size:1.25em;
    vertical-align: -4px;
}


/* HAS AN ACCOUNT MESSAGE */
#ole_has_account .popover{
    color:#555;
    font-size:13px;
    line-height:20px;
}
#ole_has_account .alert-headline{
    font-weight:600;
}
#ole_has_account.alert-success .alert-headline:before{
    margin-left:-25px;
    content: '\ed6c';
    font-family: 'icomoon';
     padding-right: 10px; 
    vertical-align: -1px;
}
#ole_has_account.alert-warning .alert-headline:before{
    margin-left:-25px;
    content: '\ed4d';
    font-family: 'icomoon';
     padding-right: 10px; 
    vertical-align: -1px;
}
#ole_has_account > p{
    margin:5px 0 5px 25px;
}
#ole_about_rentcafe{
    cursor:pointer;
}
#reg_login{
    color:#858585;
    font-size:12px;
}

#rentcafe_onlineleasing.v2 #optimised-registration{
	padding-top:50px;
}


/* FOOTER */
#ehlicon{
    display:inline-block;
    margin-right:5px;
}
ul.footer_links{
    list-style: none;
    font-size:12px;
    margin:20px 0 0 0;
    color:#bababa;
}
ul.footer_links a{
    color:#bababa;
}
ul.footer_links a:hover{
    color:#fff;
}

@media (min-width: 992px){

    ul.footer_links li{
        display:inline-block;
        padding-right:10px; 
    }
    ul.footer_links li:before{
        content: '|';
        padding-right:10px;
    }
    ul.footer_links li:first-child:before{
        content: '';
    }
}
/*-------------------Ends registration css-------------------------------------------------------*/
/*-------------------Starts Responsive Typography css--------------------------------------------*/
/* RESPONSIVE TEXT ALIGNMENT CLASSES */

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (max-width:767px) {
    .text-xs-only-left { text-align: left; }
    .text-xs-only-right { text-align: right; }
    .text-xs-only-center { text-align: center; }
    .text-xs-only-justify { text-align: justify; }
}
@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}
@media (min-width: 768px) and (max-width:991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}
@media (min-width: 992px) and (max-width:1199px) {
    .text-md-only-left { text-align: left; }
    .text-md-only-right { text-align: right; }
    .text-md-only-center { text-align: center; }
    .text-md-only-justify { text-align: justify; }
}
@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}
@media (min-width: 1200px) {
    .text-lg-only-left { text-align: left; }
    .text-lg-only-right { text-align: right; }
    .text-lg-only-center { text-align: center; }
    .text-lg-only-justify { text-align: justify; }
}
@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}
/*-------------------Ends Responsive Typography css---------------------------------------------------*/
/*-------------------Starts Contact Us  css-------------------------------------------------*/
/* GLOBAL & TYPOGRAPHY */
span.heavy{
    font-weight:400;
}

/* INFO PANEL */
/*#info_panel{
    margin-top:50px;
}*/
#info_panel section{
    padding-bottom:30px;
    border-bottom:1px solid #e4e4e4;
    margin-bottom:30px;
}
#info_panel section:last-child{
    margin-top:0; margin-bottom:0; padding: 0; border: none;
}

#ole_phone_number{
     margin-left:52px; 
     line-height:10px; 
     font-size:22px;
}
#ole_phone_number:before{
    margin-left:-38px;
    content: '\ea1d';
    font-family: 'icomoon';
     padding-right: 10px; 
    color: #9ca7ad;
    font-size: 1.18em;
    vertical-align: -5px;
}
#info_panel #ole_office_status_ct{
    margin-bottom:25px;
}
#info_panel #ole_office_hours_status{
    font-weight:600;
    font-size:1.1em;
     margin-left:50px; 
}
p#ole_office_title{
    margin: 0px 0 6px 50px;
    text-transform:uppercase;
    font-weight:600;
    line-height:28px;
}
#ole_office_hours.dl-horizontal{
    margin: 0 0 0 50px;
}
#ole_office_hours.dl-horizontal dt{
    width:95px;
    text-align:left;
    font-weight:normal;
	float:left;
}
#ole_office_hours.dl-horizontal dd {
  margin-left: 105px;
}
#ole_office_hours dt.ole_hours_today,
#ole_office_hours dd.ole_hours_today{
    font-weight:bold;
}
#ole_office_address{
    margin-left:50px;
    line-height:10px;
}
#ole_office_address:before{
    margin-left:-38px;
    content: '\ea38';
    font-family: 'icomoon';
    padding-right: 10px;
    color: #9ca7ad;
    font-size:2em;
    vertical-align:-15px;
}
/* this class is added to make the place holders visible into ie*/
.hasPlaceholder {
   color: #777;
   }
/*-------------------Ends Contact Us  css-------------------------------------------------*/
/********** Private Policy Popup Classes Starts *************/

/* Reducing the font-size for Terms and Conditions */
#privacypolicy.modal .modal-body {
  font-size: 12px;
  line-height: 18px;
  font-family: 'Open Sans', Arial, sans-serif;
}

#privacypolicy.modal.fade.in{
    margin-top: 0 !important;
    top: 10%;
}
#privacypolicy.modal {
    left: 10%;
	right:10%;
    width: 80%;
	margin:0 auto !important;
}
#privacypolicy.modal .close {
    font-size: 25px;
}
#privacypolicy .modal-body{
	font-family: 'open sans', Arial, sans-serif;
	font-size: 13px;
	max-height:600px;
	overflow: auto !important;
}
#privacypolicy .modal-body h3{
	font-family: 'open sans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #000000;
}
#privacypolicy #mainheader{
	text-align:center;
	padding:15px 0;
	border-bottom: 1px solid #eeeeee;
}

 
@media (max-width:980px){
	
	#privacypolicy.modal.fade.in{
    	top: 5%;
	}
}


@media (max-width: 979px){
	#privacypolicy.modal.fade.in {
		top: 1% !important;
	}
	#privacypolicy.modal {
		left: 1% !important;
		width: auto !important;
		right:1%;
		
	}
}
	


/* iPhone level */


@media (max-width: 767px){

	#privacypolicy .modal-header{
		padding: 5px 10px !important;
	}
	#privacypolicy .modal-header h4{
		margin: 5px 0 !important;
	}
	#privacypolicy .modal-footer{
		padding: 8px 10px !important;
	}
}


@media (max-height:1920px){
	#privacypolicy .modal-body{
		max-height:800px !important;
		
	}
}
@media (max-height:1024px){
	#privacypolicy .modal-body{
		max-height:650px !important;
		
	}
}

@media (max-height:900px){
	#privacypolicy .modal-body{
		max-height:550px !important;
	}
	#privacypolicy.modal.fade.in{
    	top: 5%;
	}
}
@media (max-height:800px){
	#privacypolicy .modal-body{
		max-height: 480px !important;
	}	
}
@media (max-height:736px){
	#privacypolicy .modal-body{
		max-height:485px !important;
	}
}
@media (max-height: 680px){
	#privacypolicy .modal-body{
		max-height: 400px !important;
	}
}

@media (max-height:667px){
	#privacypolicy .modal-body{
		max-height:435px !important;
	}
}
@media (max-height:600px){
	#privacypolicy .modal-body{
		max-height:380px !important;
	}
}
@media (max-height:580px){
	#privacypolicy .modal-body{
		max-height:320px !important;
	}
}
@media (max-height:480px){
	#privacypolicy .modal-body{
		max-height:220px !important;
	}
}
@media (max-height:414px){
	#privacypolicy .modal-body{
		max-height:210px !important;
	}
}
@media (max-height:320px){
	#privacypolicy .modal-body{
		max-height:130px !important;
	}
}

a.icon-iframe{
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-top: 8px;
}

#iframe_container {
	display: inline-block;
}
/*===== RENTCAFE THEME OLE CSS FIXES ENDS =====*/


/*********** Private Policy Popup Classes Ends **************/

form label.error { margin-top: -10px;float:none; background-image:none; color:Red;}
form input.error,
form select.error,
form textarea.error{
    border: 1px solid #b94a48;
}


/*-------------------------------------- Ebrochure Additional css-----------------------------------------*/
#ebrochure .ebrochure-logo img { 
		text-align:center;
		display:block;
		height: auto;
    	max-height: 200px;
    	max-width: 200px;
    	padding: 5px 0;
        width: auto;
		margin:0 auto;
	}

#ebrochure .property-name {
	font-size:20px;
	line-height:30px;
	font-weight: bold;
	text-align:center;
}


/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#ebrochure .carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
}



/* Reposition the controls slightly */
#ebrochure .left.carousel-control {
	left: -12px;
}
#ebrochure .right.carousel-control {
	right: -12px;
}



#ebrochure .divider{
	border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}



/********** Changes the position of the indicators *******************/

#ebrochure .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
	display:none;
}

#ebrochure .carousel-indicators li {
	background: #c0c0c0;
}
#ebrochure .carousel-indicators .active {
	background: #333333;
}
#ebrochure .carousel-img-border{
	 border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 22px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}
#ebrochure .carousel-inner img{
	max-height:250px;
	
}
/********** Changes the position of the indicators *******************/


/***************** Floorplans Section ********************************/

#ebrochure .ebrochure-floorplans .fp-filter-inner-controller{
	height:auto !important;
	}


#ebrochure .fp-details-top .fp-filter-title {
    color: #464646;
}

#ebrochure .ebrochure-floorplans{
	padding-top:31px;
}

#ebrochure .owl-carousel .owl-item{
	max-width:350px;
}

#ebrochure .ebrochure-single-floorplan-holder .fp-details-top{
	display:none;
}
#ebrochure .fp-filter-inner-box{
	height:422px;
	max-height:422px;
}
#ebrochure .ebrochure-single-floorplan-holder .fp-filter-inner-box{
	height:303px;
	max-height:303px;
	padding:10px;
}
#ebrochure .fp-filter-image{
	margin:20px auto;
	height:300px;
}
#ebrochure .ebrochure-single-floorplan-holder .fp-filter-image{
	height:280px
}
#ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4{
	width:30%;
	float:left;
	margin: 0 1%;
}
/***************** Floorplans Section ********************************/



/***************** Amenities Section ********************************/

#ebrochure .amenities-page-narrative{
	padding-top:12px;
	font-style:italic;
}

/***************** Amenities Section ********************************/



/************** Pet Policy + Office Hours Section  *********************/

#ebrochure .pet-off-hours-section{
	background:#f5f5f5;
	border:1px solid #e9e8e8;
	min-height:300px;
	color:#505050;
	padding:32px 15px 45px;
	margin-top:18px;
}

#ebrochure .pet-off-hours-section h2 {
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 5px;
	color:#000;
	font-size:1.4em;
}

#ebrochure .petPolicy{
	 line-height:26px;
	 padding-top:0px;
}

#ebrochure .pet-policy-comments ul{
    border: 0 none;
    padding: 0px;
}

#ebrochure .ebrochure-amenities-padding-top{
	padding-top:28px;
}


#ebrochure .ebrochure-amenities-padding-top .span9{
	width:75%;
	padding:0;
	margin:0;
}

#ebrochure .ebrochure-amenities-padding-top .span3{
	width:25%;
	padding:0;
	margin:0;
}

#ebrochure .amenities-page-narrative{
	padding-bottom:10px;
}
#ebrochure .ebrochure-amenities ul li{
	line-height:30px;
	padding-left:5px;
}

#ebrochure .available-unit{
	font-style:italic;
	font-weight:normal;
	font-size:0.9em;
}

#ebrochure .appointment-text{
	margin-top:10px;
	font-style:italic;
	font-weight:normal;
	font-size:0.9em;
}

#ebrochure .community-amenities ul, #ebrochure .apartment-amenities ul{
	padding-top:10px;
}

/************** Pet Policy + Office Hours Section  *********************/


/*************************** Map Section  ******************************/

#ebrochure .map-section{
	padding-top:36px;
}

/*************************** Map Section  ******************************/


#ebrochure .fp-thumb .btn-primary {
	margin-top: 20px;
}

#ebrochure .footer-address-section{
	display:none;
}


#ebrochure .ebrochure-print-copyright{
	display:none;
}

#ebrochure .ebrochure-office-hours {
	margin-top:70px;
}

#ebrochure .available-unit{
	margin-left:0px;
}

#ebrochure .copyright{
	margin:35px 0 0;
	color:#505050;
}


#ebrochure .ebrochure-print-company-logo{
	display:none;
}

#ebrochure .screen-ehlicon{
 background: rgba(0, 0, 0, 0) url(images/screen-equalhousing.png) no-repeat scroll left top;
    display: inline-block;
    height: 11px;
    margin-top: 3px;
    padding-right: 2px;
    width: 18px;
}



#ebrochure #map {
	width: 100%;
	min-height: 480px;
	margin-top:28px;
}
#ebrochure #ebrochure-office-hours {
	margin: 40px 0px;
}
#ebrochure .ebrochure-logo { 
	text-align:center;
	margin-bottom:15px;
}


/*** ebrochure media queries***/
@media (max-width: 480px){
#ebrochure .owl-carousel .owl-item {
    max-width: 387px;
}
#ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4{
	width:100%;
	float:none;
	margin:0;
}
#ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4{
	width:100%;
	float:left;
	margin: 0 auto;
}
#ebrochure .date-holder{
text-align:center;
}
#ebrochure #emailPrintButtons{
float:none;
text-align:center
}
}
@media (min-width: 481px) and (max-width: 991px) {
#ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4 {
    float: left;
    margin: 0 1%;
    width: 48%;
}
}
@media (min-width: 667px) and (max-width: 767px) {
#ebrochure #myCarousel .span4{
width:30%;
margin:0 1%;
float:left;
}
}


@media (max-width: 767px){
	
	#ebrochure .print-date{
		display:inline;
	}

	#ebrochure .owl-prev, #ebrochure .owl-next{
		background:none;
	}
	#ebrochure .owl-prev:hover, #ebrochure .owl-next:hover{
		background:none;
	}
	#ebrochure .fp-filter-box{
	max-width:234px;
	}
	#ebrochure .owl-carousel .owl-item{
	max-width:inherit;
	}
	#ebrochure .ebrochure-amenities-padding-top .span9{
	width:100%;
}

#ebrochure .ebrochure-amenities-padding-top .span3{
	width:100%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#ebrochure .fp-filter-image{
	height: 227px;
}
#ebrochure .fp-filter-inner-box {
    height: 350px;
    max-height: 350px;
}
#ebrochure .owl-carousel .owl-item{
	width:320px!important;
	max-width:320px;
}
#ebrochure .fp-filter-box{
	max-width:320px;
}

#ebrochure .ebrochure-amenities-padding-top .span9{
	width:100%;
}

#ebrochure .ebrochure-amenities-padding-top .span3{
	width:100%;
}
} 

@media (min-width: 980px){
	#ebrochure .owl-carousel .owl-item{
		width:331px !important;
	}
	}
	
	

@media (min-width: 980px)  and (max-width: 1199px) {
	
		#ebrochure .fp-filter-box{
		max-width:350px !important;
	}
	
	#ebrochure .ebrochure-amenities-padding-top .span9{
	width:100%;
}

#ebrochure .ebrochure-amenities-padding-top .span3{
	width:100%;
}

}


@media (max-width: 1200px) and (min-width: 768px) {
	#ebrochure .eb-rent {float: left; display: block; width: 100%;}
	#ebrochure .eb-dep {float: left; display: block; width: 100%;}
	#ebrochure .eb-area {float: left; display: block; width: 100%;}
	
}	

/********************Single***************************/

 
 
#ebrochure .single-floorplan-details{
	margin:0 0 10px;
	padding:0px;
	/*background:#f5f5f5;
	border:1px solid #e9e8e8;*/
	text-align:left;
}

#ebrochure .single-floorplan-details ul{
	margin:0px;
	padding:0px;
}

#ebrochure .single-floorplan-details li{
	list-style:none;
}

#ebrochure .ebrochure-single-floorplan{
	padding-top:31px;
}


#ebrochure ul.thumbnails{
	margin:0px;
	padding:0px;
	text-align:center;
}

#ebrochure .single-floorplan-details-holder{
	text-align:right;
	margin-top:40px;
}

#ebrochure .eb-fp-name{
	font-weight:bold;
	color:#666666;
}

#ebrochure .eb-bed{
font-size:13px;
}


#ebrochure .eb-sq-ft {
    color: #749f01;
	font-size:13px;
	font-weight:normal;
}

#ebrochureMap{
  display:block;
}
#ebrochureMapImage{
  display:none;
}
#ebrochure ul#fp-filter{
  visibility:hidden;
  display:none;
}


/*-------------------------------------- Ends Ebrochure Additional css-----------------------------------------*/

/*------------------------------classes for making the photogallery arow consistent all thrugh out the website----------------------------*/
#innerpage #ctmcontentcontainer .carousel-control.left, #dialogContainer .carousel-control.left {
    left: 0;
    width: calc(50% - 15px);
}
#innerpage #ctmcontentcontainer .carousel-control, #dialogContainer .carousel-control, {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    margin: 0;
    opacity: 0.5;
    top: 0;
}

#innerpage .carousel-control i, #dialogContainer .carousel-control i {
    color: #fff !important;
    display: block;
    margin: 0;
    position: absolute;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) !important;
    top: 45%;
	font-size:30px
}

#innerpage .carousel-control.right, #dialogContainer .carousel-control.right {
    right: 0;
    width: calc(50% - 15px);
}
/*this classis added to adjust the arrows in accordian floor plan*/
#innerpage #fp-myCarousel .carousel-control.right {
    right: 0;
    width: auto;
}
#innerpage .carousel-control.left, #dialogContainer .carousel-control.left {
    left: 0;
    width: calc(50% - 15px);
}
#innerpage .icon-angle-right:before, #dialogContainer .icon-angle-right:before {
    float:right;
    margin-right: 15px;
    text-align: center;
	background:#000000;
	width:28px;
	font-size:30px;
	text-indent:0;
}
#innerpage .icon-angle-left:before, #dialogContainer .icon-angle-left:before {
    display: block;
    margin-left: 15px;
    text-align: center;
	background:#000000;
	width:28px;
	font-size:30px;
	text-indent:0;
}

#innerpage .carousel.slide:hover .carousel-control, #dialogContainer .carousel.slide:hover .carousel-control{
    filter:alpha(opacity=55);
    opacity: 0.55;
}
#innerpage .carousel.slide:hover .carousel-control:hover, #dialogContainer .carousel.slide:hover .carousel-control:hove{
    filter:alpha(opacity=90);
    opacity: 0.9;
}
#innerpage .carousel.slide .carousel-control, #dialogContainer .carousel.slide .carousel-control {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    margin: 0;
    opacity: 0.45;
    top: 0;

    /*width: 100px;*/
}
@media (max-width:480px){
	#innerpage .icon-angle-left:before, #dialogContainer .icon-angle-left:before{
	margin-left:5px;
	}
	#innerpage .icon-angle-right:before, #dialogContainer .icon-angle-right:before{
	margin-right:5px;
	}
}


/*------------------------------classes for making the photogallery arow consistent ends----------------------------*/

.footnote {color: #777; font-size: 0.87em;} .footnote-amenities {margin-top:30px;} 



/*------------------------------classes for applicant information pet and vehicle info ----------------------------*/
   		#PetsInformationDiv .control-group.wide-label .control-label,  #VehicleInformationDiv .control-group.wide-label .control-label{
          padding-top:0;
      }
      #PetsInformationDiv .control-group.inline-labels label, #VehicleInformationDiv .control-group.inline-labels label{
          display:inline-block;
          margin-right:15px;
      }
      #PetsInformationDiv input[type="radio"] ,#VehicleInformationDiv input[type="radio"] {
          margin-top:0;
      }
      
      #PetsInformationDiv .control-group.wide-label .control-label,
      #VehicleInformationDiv .control-group.wide-label .control-label{
          width:240px;
      }
      #PetsInformationDiv .control-group.wide-label .controls,
      #VehicleInformationDiv .control-group.wide-label .controls{
          margin-left:260px;
      }
      tr:first-child td.removeRowCT a{
          display:none;
      }
      .removeRowCT{
          min-width:20px;
      }
      .removeRow{
          color:#757575;
          font-size:18px;
          line-height: 30px;
      }

      @media only screen and (max-width: 800px){
          #PetsInformationDiv .table-responsive td:not(.nonResponsiveRow),
          #VehicleInformationDiv .table-responsive td:not(.nonResponsiveRow) {
              border:0px !important;
          }
          #PetsInformationDiv .table-responsive tr,
          #VehicleInformationDiv .table-responsive tr {
              border: 0px;
              margin-bottom:20px;
              padding:0 50px;
          }
          #PetsInformationDiv .visible-phone , #VehicleInformationDiv .visible-phone {
              display: inherit !important;
          }
      }
      @media (max-width: 480px){
          #PetsInformationDiv .control-group.wide-label .control-label,
          #VehicleInformationDiv .control-group.wide-label .control-label{
              float: none;
              width: auto;
              padding-top: 0;
              text-align: left;
          }
          #PetsInformationDiv .control-group.wide-label .controls,
          #VehicleInformationDiv .control-group.wide-label .controls{
              margin-left:0px;
          }
          #PetsInformationDiv .table-responsive tr ,
          #VehicleInformationDiv .table-responsive tr {
              border: 0px;
              margin-bottom:20px;
              padding:0px;
          }
      }
/*------------------------------ends classes for making the applicant information pet and vehicle info ----------------------------*/

/***** Testimonials *****/
#ResQuotesWidget blockquote{
	border-left:0;
}
#ResQuotesWidget blockquote .testimonial-author{
	margin-top:20px;
}
#ManagedByCompanyDD_chzn {display: inline-table;}

a.poweredby {
color: inherit;
}
a.poweredby:hover, a.poweredby:focus {
text-decoration: underline;
color: inherit;
}
.poweredby i, .poweredby i:hover, .poweredby i:focus{
	text-transform:capitalize;
	color: inherit;
	font-size:inherit;
}

/*----------------bluemoon application classes*/
#expireDiv {
    padding: 0px 7px;
}

/* Inline lists with pipe dividers */
ul.list-pipe li{
    width:auto;
    padding-left:13px;
    position: relative;
}
ul.list-pipe.text-sm li{
    padding-right:12px;
}
ul.list-pipe li:before{
    content:"|";
    position:absolute;
    left:2px;
    color:#CCC;
}
ul.list-pipe li:first-child{
    padding-right:0px;
}
ul.list-pipe li:first-child:before{
    content:"";
}

/*document upload UploadHolde classes*/
.UploadHolder #iframe_container {
        width:56%;
}
.UploadHolder .UploadHolderInfo {
    position:relative;
    top:-11px;
}

/* BOOTSTRAP-MODAL: THESE CSS RULES ARE ONLY TEMPORARY UNTIL TR#405260 IS CHECKED IN */

@media (max-width: 991px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom  {
        overflow-y: visible;
    }
}
.modal-scrollable {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.modal {
    position: absolute !important;
    top: 50% !important;
}
.modal.fade {
    top: -100% !important;
}

.modal.fade.in {
    top: 50% !important;
}

.modal-body {
	max-height: none !important;
    overflow: visible !important;
}

.modal.modal-absolute {
    z-index: 950 !important;
}
.modal .loading-mask {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
.modal-overflow.modal {
    top: 1% !important;
}

.modal-overflow.modal.fade {
    top: -100% !important;
}

.modal-overflow.modal.fade.in {
    top: 1% !important;
}


@media (max-width: 991px) {
    .modal, 
    .modal.container,
    .modal.modal-overflow            {
        top: 1% !important;
        right: 1% !important;
        left: 1% !important;
    }
                
    .modal.fade.in, 
    .modal.container.fade.in,
    .modal.modal-overflow.fade.in {
        top: 1% !important;
    }
                
}

.loading-spinner {
    top: 50% !important;
    left: 50% !important;
}

/* END BOOTSTRAP-MODAL FIXES */