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


/**
 * Remove browser border when active, focused and also mouse hovered in all browsers.
 */
a:active, a:hover, a:focus {
    outline: 0;
}

.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 {
	width: auto;
}
/* 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 {
	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;
}

.postStatus {
    display: inline;
    float: right;
    margin: 0px 0px 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;
}

	background-color: #edeff4;
	margin: 10px 0;
	padding: 6px 10px 6px 40px;
	position: relative;
}

.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: 0;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    width: 85%;
}

.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 {
    width: auto;
}

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

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

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

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

#rentcafe_onlineleasing .navbar ul.nav  i, #rentcafe_residentportal .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 {
		float: none !important;
	}
}


@media (max-width: 1023px) {

#rentcafe_residentportal #MultiLoginCurrentLoginBar, #rentcafe_onlineleasing #MultiLoginCurrentLoginBar
{    margin-top: 5px;}
#rentcafe_residentportal #nav .nav-btn {background: #999999;}

}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar-inner, #rentcafe_residentportal #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 {
    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{
	border-left-width:0;
}

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

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #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 {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}

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

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #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  {
  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 */

/*********** 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 {
    -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{
	background-color: none;
}
#rentcafe_residentportal .dropdown-menu li a, #rentcafe_onlineleasing .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  {
    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 {
    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 {
    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 {
    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{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:40px!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;
}

/* 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{
	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, #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;
}
#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 {
    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;
}


.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 */
	#homeDecorPlannerBtn {
		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;
	}
}

@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;
	}

	
	/* Map & Directions: hiding the button group: Bird's Eye View, Street View, Neighborhood */
	#DirectionControls .btn.mapOverlayButton {
		display:none;
	}
	
	/* The have the pop-ups fits inside screen */
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    left: 15px !important;
 		width: 90% !important;
	}
	
	/* 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;
    }

}

@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: 15px !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 {
    height: 50px;
    margin-top: 0;
    margin-left: 20px;
    float: left;
  }
  #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span {
    margin-bottom: 5px;
    margin-left: 100px;
    padding: 12px 0;
    text-align: left;
  }
  
  /* Maintenance */
  #rentcafe_residentportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription {
    width: 205px !important;
    height: 67px !important;
  }
  
  /* Flyout Menu */
  #rentcafe_residentportal #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  {
		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 {
		background-color: #666666 !important;
		color:#ffffff;
		padding:5px 10px;
		border-radius:6px;
	} 
	#rentcafe_residentportal #ResServicesContent ul.nav {
		padding-bottom:20px;
	}
	#rentcafe_residentportal #ResServicesContent ul.nav > li {
		background-color:transparent;
	}	
	
	/* Expanded submenu caret color changed from black to grey */
	#rentcafe_residentportal .caret { 
		border-top: 4px solid #ffffff;
	}
	
	.nav-tabs > li, .nav-pills > li {
        float: left;
        width: 49.6%;
        text-align: center;
     }
}

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


@media (max-width: 480px) {
	#rentcafe_residentportal #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 {
padding: 12px 6px 9px;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #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{
    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:#44CCF6;
	color:#fff;
}
.twitter-icon:hover:before {
	background:#05b1e7;
}
.googleplus-icon:before {
	content:"\f0d5";
	background:#D13F2D;
	color:#fff;
}
.googleplus-icon:hover:before {
	background:#c1200d;
}
.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 */

#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.1;    
}
#ctmcontentcontainer #gallery .carousel-control.left {
    left:0;
}
#ctmcontentcontainer #gallery .carousel-control.right {
    right:0;
}
#ctmcontentcontainer #gallery .carousel-control i {
    position:absolute;
    margin:0;
    top:45%;
    display:block;
}
#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;
}

/* 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: 10%;
}

#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: 700px;
    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*/

#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{
	border:1px solid #d1d1d1;
	border-top:0;
	padding:5px 20px;
	margin-bottom: 20px;
}

.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;
}

.primary-color-background {
    background-color: #d1d1d1;
    color: #ffffff;
}

/* 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{
	border:0;
}

#rentcafe_residentportal #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{
	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  {display: none!important;}
}


/* Move-In Date css start */

#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: #e7e7e7;
	float: left;
	border-right: 1px solid #d5d5d5;
	display: flex;
}

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


#move-in-date h4{
	float: left;
	display: flex;
}

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

#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;
}

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

	#move-in-date i{
		display: none;
	}
	
	#move-in-date .input-small.hasDatepicker{
		margin-left: 5px;
	}
	
	#move-in-date{
		padding:6px 15px;
	}
	
	#new-search-unit{
		margin-left: 15px;
		margin-top:9px;
	}
	
	#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;
	}
	
	#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 */
	
	.media-body{
		background-color: #f6f6f6;
		border: 1px solid #ededed;
		padding: 6px 12px;
	}
	.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;
	}
	.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:#444444 !important;
	border-radius:0;
	border:0;
	color:#fff !important;
	font-weight:normal;
}

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

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

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

.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;
}

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:#a6a6a6;
	display:inline-block;
	padding-left:3px;
	text-indent:-50px;
}

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

.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 {
	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 {
	border-left:0;
	border-right:0;
	padding-left:0;
	padding-right:0;
}

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

.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;
}

/* List Group END */


/* 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;
}