/*@import url(http://fonts.googleapis.com/css?family=Lato:600,500,300,100);*/
@import url("font-awesome.css");

html, body {
	height:100%;
}
a {
	color: #1122CC;
}
body {
	background-color: #fff;
}

/* 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
}
#page_loading.non-modal {
	position: fixed;
	top: 0px;
	line-height: 2em;
}
/* end of loading class css */

/* -----------   Bootstrap Modal Styles -----------  */
.modal {
	width: auto;
}

/*** Overwrite for Modal boxes START ***/
.modal{
	max-width:97%;
	left:0 !important;
	right:0;
	margin:0 auto !important;
}
@media (min-width: 768px) {
	.modal{
		width:600px !important;
	}
	.modal-mini{
		width:300px !important;
	}
	.modal-small{
		width:400px !important;
	}
	.modal-large{
		width:800px !important;
	}
	.modal-xlarge{
		width:1000px !important;
	}
}

.modal-dialog form{
	margin-bottom:0;
}

.modal.modal-fluid{
	height:70%;
}
.modal.modal-fluid .modal-body {
    height: 78%;
    padding: 1.5% 15px;
	max-height:inherit;
}
/*** Overwrite for Modal boxes END ***/

/* End Bootstrap Modal Styles */


/*** added from RC functional.css for START ***/

.block{
	margin-bottom:30px;
}

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

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

/* My Accounts Page */

.detailsWrap, .amenitiesWrap {
    margin-top: 15px;
	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 */

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

/* added class to defiene application summary heading irrespective of the Id defined*/
.ApplicantInfoHeader, .ApplicantInfoSection h2{
    border-bottom: 1px sollid #CCCCCC !important;
    margin: 40px 0 30px 0 !important;
    padding: 6px 10px !important;
    background-color: #eaeaea !important;
    font-size: 18px;
    display:block !important;
    position: relative !important;
    color: #414141 !important;
}

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

/*** added from RC functional.css for END ***/


/* tenant Portal login classes starts here */
.top-parallax {
	position: absolute;
	width: 100%;
	height: 100%;
}
@media (max-width: 979px) {
	.top-parallax {
		-webkit-transform: translateY(0px)!important;
		-o-transform: translateY(0px)!important;
		-moz-transform: translateY(0px)!important;
		-ms-transform: translateY(0px)!important;
		transform: translateY(0px) !important;
	}
}
.glass {
	background: rgba(255, 255, 255, 0.6)!important;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	color: #000000;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.tinted-glass {
	background: #4C4D46;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	color:#ffffff;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.search-tinted-glass {
	background: rgba(8, 28, 54, 0.6);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	color: #ffffff;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.portal.login-page #content-section{
	margin-top:20%;	
}
.portal #content-section{
	margin-top:100px;
	background:transparent;
}
#login-media-panel .media, #login-media-panel .media-body {
	overflow-x: visible;
	overflow-y: visible;
}
.media-body > p {
	margin-left: 30px;
}
.login-page .media-body{
	background-color: transparent;
	border: 0;
	padding: 0;
}
.login-page .media-body:before{
	content: none; 
}
p {
	font-size: 14px;
	line-height: 1.5;
}
#login-media-panel .media{
	padding: 0 0 0 6%;
}
#login-media-panel .media-heading, #login-media-panel h3, #login-media-panel h2{
	font-size:20px;
	font-weight:400;
	color:#333;
}
#login-media-panel .media i, #login-media-panel .media svg{
	font-size: 24px;
	line-height: 34px;
	margin-right: 10px;
	margin-left:-10px;
	margin-top: 8px;
	width:25px;
	display:inline-block;
	color:#ccc;
	vertical-align:bottom;
}
/* Btn Primary */     
.btn-primary {
	color: #ffffff;
	text-shadow: none;
	background-color: #666666;
	border-color: #666666;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: transparent;
	border-color: #666666;
	color: #666666;
}
/* Btn General */   
.btn {
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	background-image: none;
	text-shadow: none;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
	outline: none;
	filter: none;
	box-shadow: none;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -ms-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn[disabled], .btn.disabled {
	color: #333333;
	box-shadow: none;
	background-color: transparent;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -ms-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}
.login-panel > .links {
	margin: 20px 0px -20px 0px;
	text-align: center;
}

/* tenant Portal login classes ends here */


/* Tenant Portal Classes starts here */

#divLeaseInfo {
	font-size: 24px;
	word-wrap:break-word;
}
#divLeaseInfo .head-address {
	font-size: 16px;
}
#vertical-nav .navbar .nav{
	width:100%;
}
article, nav {
	float: none;
	vertical-align: top;
}
.tab-content {
	overflow: auto;
	padding: 15px;
}
.nav-tabs > li > a {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
#myTab .nav {
	margin-bottom:0px;
}
.nav.nav-tabs {
	margin-bottom:0px;
}
/*******************************************************
// FUNCTIONAL 
*******************************************************/


.portal #ctmcontentcontainer hr {
	margin: 0;
	border-top-color: #ccc;
}
/*#tenantportal-innerpage .content .container {
	margin-top: 106px;
}
#horizontal-nav {
	background:none repeat scroll 0 0 #2c3e50;
	background:none repeat scroll 0 0 rgba(44, 62, 80, 0.9)
}*/
.navbar-right li {
	display: inline-block;
	margin-right: 20px;
}
/*.user-name {
	color:#000;
}*/
/* payment screen classes*/

.charges-name-outstanding:before {
	background-color:#333333;
	color: #ffffff;
	content: "\f155";
	display: inline-block;
	float: left;
	font-size: 35px;
	line-height: 89px;
	margin-right: 10px;
	font-family: 'FontAwesome';
	padding:0px 20px;
}
.charges-name-outstanding {
	background:#f6f6f6;
	border:1px solid #e4e4e4;
	padding:0;
}
.charges{
	margin-top: 16px;
}
.charges_btn {
	margin-top: 23px;
}
.charges h2 {
	color: #474747;
	font-size: 22px;
	line-height: 30px;
	margin:0;
}
.charges h2 span {
	color:#000;
}
.charges > ul {
	list-style:none;
	margin-left: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 ************/
/*sub menu position */
.mainnav ul li ul, .mainnav ul li ul, #tenant-portal .navbar .nav > li > ul, #owner-portal .navbar .nav > li > ul{
	top:auto !important;
}

/* Tenant Portal Classes ends here */



/* *******************************************************
// ILS Classes
// ********************************************************/

/***** Home page classes *****/

/*home page banner section */

/*#banner-section {
	left: 0px;
	top: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	z-index: -999999;
	position: fixed;
}
#home-banner img {
	width:100%;
}*/
/*home page search section */

#property-search-container {
	background:#666666;
	background:rgba(63, 63, 63, 0.7);
	margin:180px 0 130px;
}
#property-search-container .form-group{
	margin-left:0;
}
.prop-search-container-inner{
	width:auto;
	float:none;
	display:inline-block;
	margin:6% 10px 8% 10px;
	transition:all 0.3s ease 0.15s;
	-ms-transition:all 0.3s ease 0.15s;
	-moz-transition:all 0.3s ease 0.15s;
	-webkit-transition:all 0.3s ease 0.15s;
}
.prop-search-container-inner form{
	text-align:left;
	margin:0;
}
#property-search-container h3 {
	color:#fff;
	font-size:26px;
	line-height:29px;
}
.form-inline .form-group {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin:5px;
}
#property-search-container label{
	margin:0px;
	color:#ccc;
}
#property-search-container .dropdown-menu > li > a {
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ccc;
}
#homepage .custom-checkbox{
	margin-left:0;
}
#homepage input, #homepage select, #homepage button {
	background-color:#1e1e1e;
	background-color: rgba(30, 30, 30, 0.7);
	border-color: #989898;
	color: #a9a9a9;
	background-image:none;
	text-shadow: none;
}
#homepage .dropdown-menu{
	background-color: rgba(0, 0, 0, 0.9);
}
#for-lease-label{
	margin-right:10px !important;
}
#txtCity{
	text-indent: 20px;
	width: 300px;
}
.icon-map-holder {
	display: inline-block;
	width: auto;
	height: auto;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	position:absolute;
	bottom:3px;
	z-index:3;
	color: #a9a9a9;
}
.input-container {
	position:relative;
}
#property-type-holder button.multiselect {
    width: 180px;
}
.home-search-btn {
	background-color:#000000;
	background-color: rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	box-shadow: 0 0 0 2px #ffffff inset;
	border:none;
	background-image:none;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 12px;
	text-align: center;
	text-shadow:none;
	vertical-align: middle;
	margin-right:5px;
	border-radius:2px;
}
.home-search-btn:hover {
	background-color: rgba(255, 255, 255, 0.5);
	text-decoration:none;
	color:#FFFFFF;
}
#property-search-container .caret{
	border-top: 4px solid #fff;
}
#homepage .btn-group[data-toggle="buttons-radio"] .btn.active, .btn-group[data-toggle="buttons-radio"] .btn.active{
    background-color: #4da2b8;
    border-color: #4da2b8;
    color: #fff;
}
.advanced-search-link{
	display:inline-block;
	min-width:130px;
}
.prop-search-container-inner.open{
	margin:30px 10px 30px;
	transition:all 0.3s ease 0.15s;
	-ms-transition:all 0.3s ease 0.15s;
	-moz-transition:all 0.3s ease 0.15s;
	-webkit-transition:all 0.3s ease 0.15s;
}
.advanced-search-link:after{
	content:"";
	width: 0; 
	height: 0;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	margin-left:-50px;
	display:inline-block;
	margin-bottom:-55px;
}
.advanced-search-link.open:after{
	content:"";
	width: 0; 
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid rgba(0, 0, 0, 0.9);
	transition:all 0.3s ease 0.5s;
	-ms-transition:all 0.3s ease 0.5s;
	-moz-transition:all 0.3s ease 0.5s;
	-webkit-transition:all 0.3s ease 0.5s;
	margin-left:-80px;
	display:inline-block;
	margin-bottom:-46px;
}
.advanced-search-section{
	padding:50px;
	background:rgba(0,0,0,0.6);
}
.advanced-search-section label{
	padding-bottom:8px;
}
.advanced-search-section .single-input .btn-group{
	width:100%;
}
.advanced-search-section .single-input button, .advanced-search-section .single-input > input{
	width:96%;
}
.advanced-search-section .single-input > input{
	padding-left:0;
	padding-right:0;
	text-indent:6px;
}
.land-measurement-dropdown{
	margin:0 !important;
}
.land-measurement-dropdown > .dropdown-toggle{
	margin:-3px 0 0 0 !important;
	padding:0 3px;
	background:rgba(255,255,255, 0.1);
	border-color:rgba(255, 255, 255, 0.15);
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	font-size:13px;
	color:#ccc;
}


/*===== Multiselect =====*/

.multiselect-container{
	max-height:218px;
	overflow-y:auto;
}
button.multiselect{
	overflow:hidden;
	text-align:left;
}
/*button.multiselect b.caret{
	float:right;
	margin-top:-13px;
}*/
.multiselect-container li a label {
	width: 100%;
	padding: 3px 10px 4px 10px !important;
	margin:0 !important;
	font-size:13px;
	line-height:22px;
}
.multiselect-container input[type="checkbox"]{
	margin-left:-20px !important;
}
.multiselect-container .input-group{
  padding: 5px 8px 6px 8px;
  margin: 0;
}
.multiselect-search{
	max-width:93%;
	font-size:13px;
	margin-bottom:0 !important;
}

/*.home-lease-range input, .home-available-space input{
	width:43%;
}*/
.double-input input{
	width:43%;
}
.home-lease-range{
	position:relative;
	z-index:1;
}
.min-max-dropdown{
    background: rgba(0, 0, 0, 0.9);
    margin-left: -6px;
    margin-top: -50px;
    padding: 45px 0 0 0;
    width: 100%;
	border-radius:2px;
	position:absolute;
	transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
	z-index:-1;
}
.min-max-dropdown .inner{
	padding:5px;
	border-top:1px solid rgba(255, 255, 255,0.1);
}
.min-max-dropdown .inner.slider-section{
	background: rgba(0, 0, 0, 0.95);
	padding:10px;
}
.min-max-dropdown ul{
	margin-bottom:0;
}
.min-max-dropdown a.list-group-item{
	background:transparent !important;
	border:0 !important;
	color:#666;
	padding:5px !important;
}
.min-max-dropdown .active a{
	color:#fff;
}
.min-max-dropdown .active a.list-group-item:hover, .active a.list-group-item.selected{
	background:#fff;
	color:#333;
}

/********* RANGE SLIDER START *********/

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 21px;
	height: 12px;
	cursor: default;
	border-radius:100%;
	transition:none;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
	border: 0;
	background:#fff url(../themes/CommercialCafe/images/slider-mark.png) center center no-repeat;
	
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border-radius:5px;
}
.ui-slider-horizontal {
	height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -4px;
	margin-left: -11px;
	outline:none;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
/* Interaction states
----------------------------------*/
/*.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0;
	background:#fff url(../themes/CommercialCafe/images/slider-mark.png) center center no-repeat;
}

.radio-buttons .ui-state-default,
.radio-buttons .ui-widget-content .ui-state-default,
.radio-buttons .ui-widget-header .ui-state-default {
	border: 1px solid #d4d4d4;
	background: #ffffff;
}*/

.radio-buttons.ui-buttonset .ui-button{
	margin-right:0;
	border-radius:0;
}

/* Component containers
----------------------------------*/
.range-slider .ui-widget-content{
	background: #ccc;																		/* Do not change unless really required, and keep it a light color if you change it */
	border:1px solid #eee;
}
.range-slider .ui-widget-header{
	background: #666;
	border:1px solid #666;
	margin-top:-1px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.range-slider .ui-corner-all {
	border-radius: 2px;
}

.slider-div{
	text-align:right;
}

.slider-div input{
	margin-top:-50px;
	cursor:default;
	width:auto;
}

.double-input .slider-div input{
	width:auto;
}

#lease-slider-range{
	margin-top:-15px;
}

.range-slider-heading{
	color:#fff;
	font-weight:400;
}

.min-range, .max-range{
	color:#767676;
	font-size:13px;
}

#slider-rulers{
	margin-top:8px;
}

/********* RANGE SLIDER END *********/

/*Content Section Classes */

#content-section {
	background:#fff;
	position:relative;
}
.about-us-heading h2 {
	line-height:130px;
}
.about-us-holder {
	margin:0 20px;
}
.about-us-holder .container {
    width: auto;
}
.about-us-holder #ctmcontentcontainer{ 
	border-left: 1px solid #c9c9c9;
	margin: 40px 0;
	padding: 0 20px;
	font-weight: 300;
	color:#000000;
}

.home-featured-panel h4 {
	font-weight:400;
	font-size:18px;
	line-height:25px;
}
/*.content-holder {
	overflow: auto;
	padding: 0 20px;
}*/
.home-featured-panel {
	margin: 0 20px 40px;
	min-height: 70px;
}
.home-featured-panel a{
	display:block;
	overflow:hidden;
	max-height:220px;
}
.home-featured-panel img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 20px;
	width:100%;
}
.home-featured-panel ul {
	list-style:none;
	margin:0px;
}
.home-lease-type .btn-group{
	margin-bottom:11px;
}

/* HOME PAGE WITHOUT BACKGROUND IMAGE START */
#homepage.no-bg #home-top-section{
	background:#f5f5f5 url(../themes/CommercialCafe/images/home-building-texture.png) center bottom repeat-x;
}
#homepage.no-bg #property-search-container{
	margin:120px 0 50px;
}
#homepage.no-bg .prop-search-container-inner{
	margin:4% 30px 4% 40px;
}
#homepage.no-bg #home-top-section .content-holder{
	width:58%;
	float:right;
}
#homepage.no-bg #home-top-section .prop-search-container-inner:before, #homepage.no-bg #home-top-section .prop-search-container-inner:after{
	direction: rtl;
    line-height: 50px;
    margin: -55px 0 0 -741px;
    position: absolute;
    width: 350px;
	text-transform:uppercase;
	display: inline-block;
	text-align:right;
}
#homepage.no-bg #home-top-section .prop-search-container-inner:before {
    content: "Find";
    font-size: 38px;
	line-height:50px;
    padding-top: 50px;
	font-weight:100;
}
#homepage.no-bg #home-top-section .prop-search-container-inner:after {
    content: "Your Space";
    font-size: 54px;
	line-height:50px;
    font-weight: 200;
}
#homepage.no-bg #property-search-container h3{
	display:none;
}
#homepage.no-bg #property-search-container .custom-checkbox{
	display:block;
}
#homepage.no-bg .advanced-search-section{
	padding:35px 40px 30px 40px;
}
#homepage.no-bg .advanced-search-link.open:after{
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid rgba(0, 0, 0, 0.9);
	margin-bottom:-38px;
}
#homepage.no-bg .advanced-search-section .single-input button, #homepage.no-bg .advanced-search-section .single-input > input{
	width:93%
}
/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
	width:37.5%;
}*/
#homepage.no-bg .double-input input{
	width:37.5%;
}
#homepage.no-bg .slider-div input#amount, #homepage.no-bg .range-slider-heading{
	width:auto;
}
#homepage.no-bg .slider-div input#amount{
	margin:-5px 0 20px;
	text-align:left !important;
}
/* HOME PAGE WITHOUT BACKGROUND IMAGE END */


@media (max-width:1285px) {
	#property-search-container {
		margin:150px 0 100px;
	}
}
@media (max-width:1080px) {
	#property-search-container {
		margin:100px 0 40px;
	}
	.home-lease-type button{
		padding-left:6px;
		padding-right:6px;
	}
	#homepage.no-bg .advanced-search-link.open:after{
		margin-bottom:-43px;
	}
	#homepage.no-bg #home-top-section .content-holder{
		width:70%;
	}
	#homepage.no-bg #home-top-section .prop-search-container-inner::before{
		padding-top:70px;
	}
	#homepage.no-bg #home-top-section .prop-search-container-inner:before, #homepage.no-bg #home-top-section .prop-search-container-inner:after{
		margin: -65px 0 0 -70%;
		width: 350px;
	}
	#homepage.no-bg #home-top-section .prop-search-container-inner:before {
		font-size: 28px;
	}
	#homepage.no-bg #home-top-section .prop-search-container-inner:after {
		font-size: 40px;
	}
}
@media (max-width:979px) {
	.prop-search-container-inner{
		margin:10px 20px;
	}
	#txtCity{
		width: 208px;
	}
	.prop-search-container-inner.open{
		margin:10px 20px;
	}
	.advanced-search-section{
		padding:20px;
	}
	.advanced-search-link.open:after{
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid rgba(0, 0, 0, 0.9);
		margin-left:-70px;
		margin-bottom:-21px;
	}
	/*.home-lease-range input, .home-available-space input{
		width:39%;
	}*/
	.double-input input{
		width:39%;
	}
	#homepage.no-bg #home-top-section .content-holder{
		width:100%;
	}
	#homepage.no-bg #home-top-section .prop-search-container-inner:before, #homepage.no-bg #home-top-section .prop-search-container-inner:after{
		display:none;
	}
	#homepage.no-bg #property-search-container h3{
		display:block;
	}
	#homepage.no-bg .prop-search-container-inner{
		margin:10px 20px;
	}
	#homepage.no-bg .advanced-search-link.open:after{
		margin-bottom:-26px;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:38.4%;
	}*/
	#homepage.no-bg .double-input input{
		width:38.4%;
	}
}
@media (max-width:768px) {
	#homepage.no-bg #property-search-container{
		margin:23px 0;
	}
}
@media (max-width:767px) {
	#homepage #content-section .content-holder{
		padding:0 12px;
	}
	#property-search-container {
		margin:125px 0 0px;
	}
	#homepage .form-inline {
		margin:4% 10px;
	}
	.about-us-heading h2 {
		line-height: 50px;
	}
	#homepage #ctmcontentcontainer{
		margin: 0 0 40px;
		border:none !important;
		padding:0px;
	}
	.about-us-holder {
		margin:0;
	}
	.home-featured-panel {
		margin:0;
	}
	#property-search-container {
		margin-top:0px !important;
	}
	.advanced-search-link.open:after{
		margin-bottom:-25px;
	}
	.advanced-search-section .single-input button, .advanced-search-section .single-input > input{
		width:100%;
	}
	#homepage .min-value.span6, #homepage .max-value.span6, #search-results .span6 {
		display: inline-block;
		width: 48.6188%;
	}
	.home-lease-type{
		padding-top:8px;
	}
	.double-input input{
		width:47.05%;
	}
	.min-max-dropdown{
		margin-left:0;
	}
	#homepage.no-bg .slider-div input#amount{
		margin:-50px 0 11px;
		text-align:right !important;
	}
	#homepage.no-bg #property-search-container{
		margin:0;
	}
	#homepage.no-bg .advanced-search-link.open:after{
		margin-bottom:-21px;
	}
	#homepage.no-bg .advanced-search-section .single-input button, #homepage.no-bg .advanced-search-section .single-input > input{
		width:98%;
	}
	#homepage.no-bg .double-input input{
		width:46.85%;
	}
	#homepage.no-bg .advanced-search-section {
		padding: 35px 20px 30px;
	}
}
@media (max-width:639px) {
	#txtCity{
		width: 89%;
	}
	.advanced-search-section {
		padding: 20px 35px;
	}
	/*.home-lease-range input, .home-available-space input{
		width:46.4%;
	}*/
	.double-input input{
		width:46.4%;
	}
	#homepage.no-bg .advanced-search-section .single-input button, #homepage.no-bg .advanced-search-section .single-input > input{
		width:99%;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:46.3%;
	}*/
	#homepage.no-bg .double-input input{
		width:46.3%;
	}
	#homepage.no-bg .advanced-search-section {
		padding: 25px 35px;
	}
}
@media (max-width:568px) {
	#property-search-container .form-group {
		display: block;
	}
	.prop-search-container-inner{
		width:87%;
	}
	#txtCity{
		width: 97%;
	}
	#property-type-holder, #property-type-holder .btn-group{
		width:100%;
	}
	#property-type-holder button.multiselect{
		width:100%;
	}
	.advanced-search-link{
		margin-top:10px;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:46.3%;
	}*/
	#homepage.no-bg .double-input input{
		width:46.1%;
	}
	/*#property-type-holder #property-type {
	 width: 100%;
	}
	#property-type-holder #property-type .caret {
	float:right;
	margin-top:-10px;
	}*/
}
@media (max-width:480px) {
	#txtCity{
		width: 96.7%;
	}
	/*.home-lease-range input, .home-available-space input{
		width:45.9%;
	}*/
	.double-input input{
		width:45.9%;
	}
	.advanced-search-section {
		padding: 20px 25px;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:45.4%;
	}*/
	#homepage.no-bg .double-input input{
		width:45.4%;
	}
	#homepage.no-bg .advanced-search-section {
		padding: 25px 25px;
	}
}
@media (max-width:360px) {
	#txtCity{
		width: 95.5%;
	}
	/*.home-lease-range input, .home-available-space input{
		width:43.45%;
	}*/
	.double-input input{
		width:43.45%;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:43.7%;
	}*/
	#homepage.no-bg .double-input input{
		width:43.7%;
	}
	#homepage.no-bg .advanced-search-section {
		padding: 25px 20px 25px;
	}
}
@media (max-width:320px) {
	#txtCity{
		width: 94.7%;
	}
	.advanced-search-section {
		padding: 20px;
	}
	/*.home-lease-range input, .home-available-space input{
		width:43.7%;
	}*/
	.double-input input{
		width:43.7%;
	}
	/*#homepage.no-bg .home-lease-range input, #homepage.no-bg .home-available-space input{
		width:42.6%;
	}*/
	#homepage.no-bg .double-input input{
		width:42.6%;
	}
}


/* ---------- Back to Top ----------- */

#back-to-top, .touch-device #back-to-top:hover {
	background:url(../themes/CommercialCafe/images/arrow-up-large.png)no-repeat center center;
	background-color:#9b9b9b;
	background-color: rgba(0, 0, 0, .3);
	bottom: 20px;
	color: transparent;
	display: none;
	font: 0/0 a;
	height: 46px;
	position: fixed;
	right: 20px;
	text-shadow: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	width: 45px;
	z-index: 100;
	border-radius:3px;
}

#back-to-top:hover, .touch-device #back-to-top:active { background-color: #000000; }


/***** BOX LAYOUT CLASSES START *****/

body.box-layout {
	background:#ddd;
}
body.box-layout #wrapper, #compare-listings.box-layout #wrapper, #property-detail.box-layout #wrapper{
	max-width:1170px;
	margin:0 auto;
}
#compare-listings.box-layout #content-section, #property-detail.box-layout #content-section{
	padding:0 10px;
}
#compare-listings.box-layout .container-fluid{
	padding:0;
}

@media (min-width: 980px) and (max-width: 1199px) {
	#homepage.box-layout #wrapper, #compare-listings.box-layout #wrapper, #property-detail.box-layout #wrapper{
		max-width:940px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#homepage.box-layout #wrapper, #compare-listings.box-layout #wrapper, #property-detail.box-layout #wrapper{
		max-width:724px;
	}
}

@media (max-width: 767px) {
	#homepage.box-layout #wrapper, #compare-listings.box-layout #wrapper, #property-detail.box-layout #wrapper{
		max-width:100%;
	}
	#compare-listings.box-layout #content-section, #property-detail.box-layout #content-section{
		padding:0;
	}
}

/***** BOX LAYOUT CLASSES END *****/


/***** SEARCH RESULT PAGE CLASSES START *****/

body#search-results{
	overflow:hidden;
}
.tooltip.top{
	width:auto;
	height:auto;
}
.tooltip .tooltip-inner{
	padding:4px 8px 5px 8px;
	font-size:13px;
	border-radius:3px;
}
.tooltip.left{
	margin-left:-13px !important;
}
#search-results label{
	float:left;
	margin-top:5px;
	margin-right:5px;
	text-transform: capitalize;
}
#search-results .add-to-compare label{
	float:right;
}

/*-----------------REFINE SEARCH SECTION------------------*/

/*#refine-search .min-max-dropdown{ for old structure where lease rate rent outside more section
	margin-left: -6px;
	margin-top: -7px;
	width: 285px;
}*/

#refine-search .min-max-dropdown{
	margin-top: -40px;
}

#searchForm {
	margin: 0;
}

#refine-search-section{
    background:#efefef;
    border-bottom: 1px solid #CCCCCC;
    height: auto;
	float:left;
    position: relative;
    transition: right 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 10;
	text-transform:capitalize;
}  
 
#refine-search{
    padding: 0;
}   
 
.refine-search-padding{
    padding: 9px;
}

.city:before{
	  color:#888888;
	  content:"\f041"; 
	  font-family: FontAwesome;
      font-size:1.4em;
	  position:absolute;
	  padding:5px 5px 5px 8px;  
}

#refine-search-section .lease-sale-checkbox, #refine-search-section .city, #refine-search-section .prop-type, #refine-search-section .available-space, #refine-search-section .lease-rate, #refine-search-section .advanced-search, #refine-search-section .search-btn, .clear-btn-section{
	float:left;
	margin-right:8px;
}

#refine-search-section .lease-sale-checkbox label{
	display:inline-block;
	width:auto;
	margin-left:5px;
}

#refine-search-section .city input{
	width:186px;
}

#refine-search-section .prop-type button.multiselect{
	width:175px;
}

#refine-search-section .prop-type label{
	float:none;
}

#refine-search-section select{
	margin-bottom:0;
}

.count-label{
	background:#999999;
}

#refine-search input{
     margin-bottom:0;
	 text-transform:capitalize;
}  
  
#search-results #txtCity{
	text-indent: 0;
}

#txtCity.refine-search-icon{
	padding-left:28px;
}

.lease-rate{
 	width:340px;
}

.available-space{
 	width:280px;
}

#refine-search-section .min-input input{
	margin-right:10px;
}

#refine-search-section .max-input input, .min-input input{
	float:left;
	width:50px;
}

#refine-search .search-details-inner .btn{
	background:#ffffff;
	border:1px solid #cccccc;
}

#refine-search .advanced-search .more-btn.btn{
     background:none;
	 color:#333333;
     padding: 5px 5px;
     text-transform: capitalize;
     float:left;
	 border:1px solid #efefef;
	 box-shadow:none;
}

#refine-search .advanced-search .more-btn.btn:hover{
	color:#333333;
	background:#ffffff;
	box-shadow:none;
	border:1px solid #cccccc;
}

.search-btn-section .search-btn{
     background:#777777;
     color:#ffffff;
     border: 1px solid #999999;
     padding:3px 8px;
}

.search-btn-section .search-btn:hover{
     color:#ffffff;
	 background:#333333;
	 border:1px solid #333333;
}
.search-btn-section .search-btn:before{
     content: "\f002";
     font-family: FontAwesome;
     font-size:1.4em;
}
.search-details-shadow{
	position:relative;
}

#refine-search-section .clear-btn-section {
    float: left;
    margin-right: -100px;
    position: absolute;
    right: 0;
}

#refine-search .search-details-inner #clearAll.btn{
	color:#777;
	border:0;
	background:transparent;
	padding:5px 0;
}
#refine-search .search-details-inner #clearAll.btn, 
#refine-search .search-details-inner #clearAll.btn:hover, 
#refine-search .search-details-inner #clearAll.btn:active, 
#refine-search .search-details-inner #clearAll.btn:focus{
	background:transparent;
	border:0;
	box-shadow:none;
}
#refine-search .search-details-inner #clearAll.btn:hover{
	color:#000;
}

.compare-btn-top{		/*added for top bar compare btn. remove once new compare functionality is ready*/
	float:left;
	right:0;
	position:absolute;
	margin-right:-270px
}



/*-----------------SEARCH RESULT SECTION------------------*/

/* this is to override the id in functional.css */
#numResultWrap {
	background-color: transparent !important;
	padding: 0;
}

#search-results #content-section{
	float:left;
	width:100%;
	position:inherit;
}

#content-section .container-fluid{
	padding:0;
}

.desktop-view-full-map{
	width:44%;
	position:absolute;
}

.desktop-view-full-map a{
	margin-right:-30px;
	width:30px;
	height:22px;
	padding:5px 0;
	text-align:center;
	color:#999;
	position:relative;
	z-index:1;
	float:right;
	background:#fff;
}

.desktop-view-full-map a:before{
	content:"\f104";
	font-family:fontAwesome;
	font-size:22px;
	display:block;
}

.desktop-view-full-map a.collapse1:before{
	content:"\f105";
}

.desktop-view-full-map a:hover{
	color:#333;
}

.desktop-view-full-map a.collapse1:hover{
	color:#333;
}

.full-map-btn.collapse1{
    background:#444;
    color: #fff;
}

#search-results #scroll-content{
    float: left;
    height: 86%;
    left: 0;
    overflow: auto;
    position: fixed;
    width: 44%;
	background:#fff;
	z-index:1;
}

#search-results #scroll-content .mCSB_container{
	margin-right:15px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: rgba(0, 0, 0, 0.6) !important;
}
	
#search-results-section{
	height:100%;
	width:100%;
}

#listings-header{	
	color: #000000;
	padding-left:5px;
	border-bottom: 1px solid #cccccc;
}

.listing-style{
	padding:5px 5px 0 5px;
}

.sort-by{
 	 float:left;
	 min-height:32px;
	 min-width:32px;
	 display:block;
     text-transform: capitalize;
}

.sort-by .btn{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.icon-sort-by{
     text-transform: capitalize;
}

.sort-by .btn-group{
	border:0;
	margin-top:11px;
	margin-left:3px;
}

.sort-by .btn{
	background: none;
	padding: 5px 0;
	border:0;
}

.sort-properties h3{
	font-size:22px;
	margin-bottom:8px;
	color:#222222;
	float:left;
}

.icon-sort-by:before{
	color:#555;
	content:"\f161";
	font-family:FontAwesome;
	padding: 0 6px;
	font-size:15px;	
}

/********************************************/
#search-refinements{
	background:#eeeeee;
}

.label-text{
	padding:5px 0 5px 10px;
}

#search-results .tab-content{
	overflow:inherit;
	padding:0;
}

#resultHeader{
	margin-top:-32px;
}

/**************** PAGINATION STARTS ***************/

#search-results .paginationWrap{
	border-bottom:1px solid #d1d1d1;					/* Do not change the color, unless really required */
}
 
#search-results .pagination ul{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	float:right;
	margin-right:5px;
}

#search-results .paginationWrap.top .pagination, #search-results .paginationWrap.bottom .pagination{
	padding:5px 0;
	margin:0;
	background:#eeeeee;									/* Do not change the color, unless really required	*/					
}

#search-results .paginationWrap.bottom{
	border-top:0;
}

#search-results .pagination ul li a{
	background:transparent;
	border:0;
	padding:0 5px;
	color:#666666;										/* Do not change the color, unless really required */
}

#search-results .pagination ul li a b{
	background:#333333;									/* Do not change the color, unless really required */
	border:0;
	color:#ffffff;										/* Do not change the color, unless really required */
	padding:0px 5px;
	border-radius:3px;
}



/**************** PAGINATION STARTS ENDS HERE***************/
	


/****************VIEW OPTIONS***************/
.sort-by-details .view-options {
	margin-top:10px;
	text-transform:capitalize;
	color:#555555;
	margin-left:0;
	min-width:95px;
}

.view-options ul{
	margin:0;
}

.view-options .btn{
	padding:5px;
	background:none;
}

.view-option-text{
    float: left;
    padding-left: 75px;
    padding-top: 7px;
}

#view-option-tab.nav-tabs{
    border: 0;
}

#view-option-tab.nav-tabs {
    border-bottom: 0 none;
}

#view-option-tab.nav-tabs > li.active > a:hover, 
#view-option-tab.nav-tabs > li.active > a:focus{
	border-color:#ffffff;									/* Do not change the color, unless really required */
	background:#eeeeee;
}

#view-option-tab.nav > li > a{
	padding-bottom:10px;
	transition:all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
	outline:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

#view-option-tab.nav > li.active a{
	border-color:#cccccc #cccccc transparent;				/* Do not change the color, unless really required */
}

#view-option-tab.nav-tabs > li > a:hover, 
#view-option-tab.nav-tabs > li > a:focus{
	border-color:transparent;
	background-color:transparent;
}

#view-option-tab.nav-tabs > li.active > a, 
#view-option-tab.nav-tabs > li.active > a:hover, 
#view-option-tab.nav-tabs > li.active > a:focus{
	border-color:#cccccc #cccccc transparent;				/* Do not change the color, unless really required */
	background-color:#eeeeee;
}

#view-option-tab.nav-tabs > li.active > a:before, 
#view-option-tab.nav-tabs > li.active > a:hover:before {
	color:#555555;																			
}

#view-option-tab.nav-tabs > li > a:before {
    color: #bbbbbb;
    font-family: FontAwesome;
    font-size: 1em;
}

#view-option-tab.nav-tabs > li > a:hover:before {
    color: #999999;
}

#view-option-tab .list-view:before{
    content: "\f00b";
}

#view-option-tab .favorites-view:before {
    content: "\f004";
}

#view-option-tab .information-view:before {
    content: "\f080";
}

#view-option-tab.nav-tabs > li > .label{
	position:absolute;
	margin-left:15px;
	margin-top:-42px;
	border-radius: 50px;
	font-size: 11px;
	padding: 0 4px;
}

/*-----------------VIEW OPTIONS ENDS------------------*/



/***************SEARCH DETAILS SECTION STARTS****************/

.prop-listing-box{
	text-transform: capitalize;
	border-bottom: 1px solid #cccccc;
}

.prop-listing-box:hover{
	background:#f7f7f7;
}

.prop-content{
    padding: 5px;
}

.view-image {
    background: #F5F5F5;
    cursor: default;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
	max-height:220px;
}

.view-image img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.sale-lease-type{
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	padding: 2px 5px;
}

.sale-lease-type.for-lease{
	background: #555;
	color:#fff;
}

.sale-lease-type.for-sale{
	background: #333;
	color:#fff;
}

.prop-number{
	background:#f0bd30;
	color:#fff;
	font-weight:600;
	min-width:20px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 2px 5px;
}

.search-box-details{
	line-height:35px;
}

.prop-heading{
	font-size:25px;
	line-height:32px;
	color:#555555;
}

#search-results-section .favorite-icon{
	margin-top:0;
}

#search-results-section .prop-listing-box:hover .prop-heading{
	color:#444444;
}

.favorite-icon{
	text-align: center;
}

.favorite-icon-likes:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 1em;
}

.favorite-icon-likes, .compare-icon {
	color:#999999;
	display:inline-block;
}

.favorite-icon-likes:hover, .favorite-icon-likes.active, .compare-icon:hover, .compare-icon.active {
	color:#000000 !important;
}

.compare-icon:before {
    content: "\e89c";
	font-family:icomoon;
    font-size: 1em;
	padding-left:5px;
}

.prop-details{
	margin-top:5px;
}
.prop-address{
	line-height:22px;
	color:#333333;
	margin:10px 0 5px 0;
	clear:both;
}

.featured-rent-text{
	color:#555555;
	text-align:left;
}

.featured-rent-text label{
	font-weight:600;
	color:#696969;
}

.prop-padding-left{
	padding-left:10px;
}

.prop-right-border{
	border-right:1px solid #dcdcdc;
}

.featured-bed, .featured-bath{
	text-align:left;
}

.prop-border-bottom{
	border-bottom:1px solid #dcdcdc;
	float:left;
	width:100%;
}

.link-details {
	padding-bottom:1px ;
	padding-top:5px ;
	float:left;
}

.link-details ul {
    list-style: none outside none;
    margin: 0;
}

.link-details ul li {
    display: inline;
    line-height: 30px;
}

.view-details:after{
 	content: "\f054";
    font-family: FontAwesome;
    font-size:12px;
	padding-left:7px;
	color:#666666;
} 
.contact-btn {
	text-align: right;
} 
.contact-btn .btn-primary {
	width:auto;
	text-shadow:none;
	padding:5px 10px;
}
.contact-btn .btn-primary, .contact-btn .btn-primary a, a.btn.btnApplyNow{
	background: #bebebe;									/* Keep this button grey in color, can change the shade of grey */
	color:#333333 !important;
}
.contact-btn .btn-primary:hover, a.btn.btnApplyNow:hover{
	background: #777777;									
	color:#ffffff !important;
}
.search-details-shadow{
	float:left;
}

/*------------------------ COMPARE POPUP SECTION STARTS ---------------------------*/
.compare-popup{
	background: #fff;
    display: block;
    left: 44%;
    min-width: 300px;
    max-width: 400px;
    overflow: hidden;
    position: fixed;
	margin-top:32px;
    width: 40%;
    z-index: 1;
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.15);
}

.compare-head, .compare-head:focus{
    background: #666;
	color:#fff;
	font-weight:600;
	text-align:center;
    right:0;
    height: 100%;
    position: absolute;
    width: 30px;
    z-index: 100;
	padding:10px 0 0 0;
	box-shadow:13px -10px 4px -10px  rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow:13px -10px 4px -10px  rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:13px -10px 4px -10px  rgba(0, 0, 0, 0.3) inset;
}
.compare-head:hover{
    background: #454545;
	color: #fff;
}
.compare-head.open, .compare-head.open:focus{
    background: #454545;
	color:#fff;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.compare-head span {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position:inherit;
	text-indent:-80px;
	left:0;
	right:0;		  
}
.compare-content {
	width:93%;
}
.compare-popup .close{
	padding-right:5px;
}
.compare-popup .search-box-details {
    font-size: 12px;
	line-height:25px;
}
.compare-popup .prop-heading {
    font-size: 20px;
	line-height:25px;
	margin-top:4px;
}
.compare-btn-group{
	padding:10px 15px;
	display:block;
	overflow:hidden;
}
.compare-btn-group .btn-remove-compare{
	padding:5px 0;
}
.compare-popup ul{
	margin-bottom:0;
}
a.btn-compare{
	border-radius:3px;
	background:#666;
}
a.btn-compare:hover{
	background:#454545;
}
/*------------------------ COMPARE POPUP SECTION ENDS ---------------------------*/

/***************SEARCH DETAILS SECTION ENDS****************/



/*****************MORE OPTION SECTION**************/
#more-options{
	background:#ffffff;
	color:#333333;
	border-bottom: 1px solid #ccc;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.15);
	-mox-box-shadow:0 5px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.15);
	position:absolute;
	z-index:-2;
}

#more-options .advanced-search-section{
	background:#fff;
	padding:10px 30px 30px;
}

#more-options label{
	float:none;
	margin:15px 0 0 0;
}

#more-options button.multiselect{
	background:#fff;
}

#more-options .prop-name label{
	color:#333333;
	font-weight:600;
}

#more-options .btn-group{
	margin:0 10px 3px 0;
}

.dark-box {
    padding-left: 1%;
}

.property-type-section .white-box {
    float: left;
}

.prop-name {
    padding-left: 15px;
}

.prop-name label{
	width:80%;
}

.prop-name-box{
	height: 78px;
}

.prop-name-box input{
	width:97%;
	padding:5px 6px;
}

.prop-box {
    background:#FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 5px;
    width: 95%;
}

#more-options-accordion .radio input[type="radio"], #more-options-accordion .checkbox input[type="checkbox"] {
    float: right;
    margin-left: 5px;
	transform:none;
}

#more-options-accordion .radio, #more-options-accordion .checkbox {
    padding-left:8px;
	width: 94%;
}

.prop-type-box{
    width: 99.7%;
	color:#333333;
}

.prop-type-box li {
    border: 1px solid #cccccc;
    float: left;
    line-height: 22px;
    padding: 0 2.62%;
	margin-right:3px;
	margin-bottom:1px
	
}
/***************MORE OPTION SECTION ENDS**************/





/********* INFORMATION TAB CLASSES START **********/

#information-column{
	margin-top:15px;
}

.list-group-item {
    background-color: #FFFFFF;							/* Do not change the color, unless really required */
    border: 1px solid #DDDDDD;							/* Do not change the color, unless really required */
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
}

.list-group.small .list-group-item {
    background-color: #FFFFFF;							/* Do not change the color, unless really required */
    border: 1px solid #DDDDDD;							/* Do not change the color, unless really required */
    display: block;
    margin-bottom: -1px;
    padding: 5px 15px;
	overflow:hidden;
}

.text-muted {
    color: #999999;										/* Do not change the color, unless really required */
}

.demographics-section{
	padding-bottom:15px;
}

.demographics-graph-row{
	overflow:hidden;
}

.graph-wrap .graph-average {
    position: relative;
	overflow:inherit;
	height:6px;
	margin-bottom:15px;
}

.demographics-key .demographics-value {
    font-weight: 600;
}

#demographics-wrap .graph-limit.bar {
    position: absolute;
    z-index: 3;
	background: transparent;
	filter:none;
	box-shadow: none;
	color: #333333;										/* Do not change the color, unless really required */
	margin-top: -21px;
	right: 0;
	text-shadow: none;
	float:right;
	text-align:right;
	max-width:200%;
	min-width:20px;
	margin-right:5px;
	font-size:14px;
	font-weight: 600;
}

.graph-wrap .val-below-avg {
    max-width: 50%;
    z-index: 2;
	border-right:1px solid #ffffff;						/* Do not change the color, unless really required */
}

.graph-wrap .val-above-avg {
    max-width: 100%;
    z-index: 1;
}

#demographics-wrap .graph-wrap .val-below-avg, #demographics-wrap .graph-wrap .val-above-avg{
	position: absolute;
	color:transparent;
	font-size:0.01px;
	text-indent:200%;
	text-shadow:none;
	overflow:hidden;
}

demographics-wrap{
	margin-top:15px;
}
/********* INFORMATION TAB CLASSES END **********/




/*------------------------MAP SECTION STARTS---------------------------*/
#mapContainer {
    background: #cccccc;
    height: auto;
	box-shadow:none;
	float:right;
	width:56%;
	color:#222222;
}
#map-search-section{
    text-align:center;
	box-shadow:0px 25px 45px -45px #777777 inset;
	padding:15px 0;
}
.map-heading{
	background:#4f4f4f;
	padding:15px;
	color:#ffffff;
}
#mapDiv{
	min-height:600px;
}
#mapDiv img{
	max-width:none;
}
.gm-style-iw{
	left: 0 !important;
    top: 0 !important;
    min-width: 100% !important;
	height:auto !important;
}
.gm-style-iw > div{
	min-width: 100% !important;
	overflow:hidden !important;
}
.gm-style-iw > div > div{
	overflow:hidden !important;
}

.mapTitleWrap {
    background: #151515;
    color: #ffffff;
	min-height:40px;
    text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.mapballoonWrap{
	height:auto;
}

.mapballoonpropname {
    display: block;
    max-height: 170px;
    overflow: hidden;
}

#mapDiv .mapballoonpropname img{
	max-width:100%;
	padding-left:1px;
}

.mapballoonAddressWrap{
	font-size:14px;
	padding-top:5px;
}

.mapTitleWrap .mapballoonnumber{
	background:#f0bd30;
	color:#ffffff;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
	font-size:24px;
	line-height:36px;
	padding:0;
}
.mapTitleWrap a{
	display:inline-block;
	padding:2px 0 2px 10px;
	vertical-align:top;
	line-height:36px;
	color:#fff;
}

.mapTitleWrap a.favorite-icon-likes{
	padding:2px 10px 0 0;
	color: #CCCCCC;
    margin-top: 41px;
    position: absolute;
    right: 0;
}

.mapballoonAddressWrap p{
	margin-bottom:6px;
}

.mapballoonAddressWrap p, .mapballoonAddressWrap span{
	padding:0 10px;
}

.mapballoonfavbutton{
	width: auto !important;
}

.mapballoonAddressWrap .display-icons{
	border-bottom:0;
	margin-left:0;
	padding-bottom:15px;
	margin-left:10px;
}

.mapballoonAddressWrap .display-icons ul li {
	padding:4px 0 4px 0;
	border-bottom:1px solid #d4d4d4;
}

.mapballoonAddressWrap .display-icons ul li:before {
	font-size:16px;
	color:#666;
}

.mapballoonAddressWrap .btn-details.btn, 
.mapballoonAddressWrap .btn-details.btn a{
	background: #777777;
    color: #fff;
	display:inline-block;
	padding:1px 8px;
	line-height:28px;
}

.mapballoonAddressWrap .btn-details.btn:hover, 
.mapballoonAddressWrap .btn-details.btn:focus, 
.mapballoonAddressWrap .btn-details.btn:active{
	background: #333333;
    color: #fff;
}
.mapballoonAddressWrap .btnApplyNow a{
	background: #bbbbbb;								/* Do not change the color, unless really required */
    color: #444444;										/* Do not change the color, unless really required */
	padding:0 8px;
	display:block;
	line-height:28px;
}

.mapballoonAddressWrap .btnApplyNow a, .mapballoonAddressWrap .btnApplyNow a:hover{
	background: #333333;								/* Do not change the color, unless really required */
    color: #ffffff;										/* Do not change the color, unless really required */
}

.mapballoonAddressWrap .display-icons {
    border-top: 1px solid #D4D4D4;						/* Do not change the color, unless really required */
    padding-left: 0;
	overflow:hidden;
}

.display-icons {
	border-top: 1px solid #D4D4D4;						/* Do not change the color, unless really required */
    padding-left: 0;
	overflow:hidden;
}

.display-icons ul {
    display: block;
    list-style: none outside none;
    margin: 0;
}
.display-icons ul li {
    display: block;
    padding: 4px 0;
	border-bottom: 1px solid #D4D4D4;					/* Do not change the color, unless really required */
}
.display-icons ul li.prop-area,
.display-icons ul li.prop-type {
    text-transform: capitalize;
}

.display-icons ul li:before {
    content: "";
	font-family:fontAwesome;
    font-size: 20px;
	line-height:24px;
    margin-right: 5px;
    padding: 0 10px 2px 10px;
}
.display-icons ul li.prop-area:before {
    background: url("../themes/CommercialCafe/images/prop-area2.png") no-repeat scroll center 50% transparent;
}
.display-icons ul li.prop-type:before {
    background: url("../themes/CommercialCafe/images/prop-type2.png") no-repeat scroll center 50% transparent;
}
.mapballoonAddressWrap .display-icons ul li.prop-rent:before {
	display:none;	
}
.mapballoonAddressWrap .display-icons ul li.prop-rent span.currency {
	padding:0 6px;
	font-size:16px;
	color:#666;
	font-weight:600;
}



/*----------------------GOOGLE MAP BALLOON END--------------------------*/

/*------------------------MAP SECTION ENDS-----------------------------*/





/*--------------HEADER SECTION ONLY FOR THIS PAGE---------------------*/

#search-results header .container{
	width:100%;
}

/*--------------HEADER AND FOOTER SECTION ONLY FOR THIS PAGE---------------------*/
#search-results header{
	padding:0 10px;
}





/********* MORE OPTIONS - ACCORDION CLASS**********/

#more-options-accordion {
    float: left;
    padding-top: 15px;
    width: 100%;
	max-width:1600px;
}
#more-options-accordion .collapse{
	height:auto;
}
#more-options-accordion .accordion-group{
	border:none;
	padding:0;
	float:left;
	margin-left:1.6%
}
#more-options-accordion .accordion-group.white-box{
	border:none;
	padding:0;
	float:left;
	width:24%;
	margin-left:5px;
}
#more-options-accordion .accordion-heading{
	padding-left:10px;
}
#more-options-accordion .accordion-inner{
	border:none;
	padding:0;
}
#more-options-accordion .accordion-group .search-inner-padding{
	padding:10px;
}
#more-options .accordion-heading label, #more-options.prop-name label, #advancedOptionsWrap label.header{
	width:100%;
	color:#333333;											/* Do not change the color, unless really required */
	font-weight:600;
}
#more-options-accordion a.accordion-toggle{
	color:inherit;
	text-decoration:none;
	display:none;
}
#more-options-accordion .accordion-body .accordion-heading .accordion-toggle {
    background: none repeat scroll 0 0 #DCDCDC;				/* Do not change the color, unless really required */
    border: 1px solid #CCCCCC;								/* Do not change the color, unless really required */
	border-left:0;
	border-right:0;
	padding:8px 10px;
}
#more-options-accordion .accordion-body.in .accordion-heading .accordion-toggle{
	background: none repeat scroll 0 0 #333333;				/* Do not change the color, unless really required */
    border: 1px solid #000000;								/* Do not change the color, unless really required */
    color: #FFFFFF;											/* Do not change the color, unless really required */
}
#more-options-accordion .accordion-body .refine-search-heading:after{
	clear: both;
    content: "\f067";
	font-family:fontAwesome;
    float: right;
	font-weight:normal;
}
#more-options-accordion .accordion-body.in .refine-search-heading:after{
	content:"\f068";
}

/********* MORE OPTIONS - ACCORDION CLASS ENDS**********/



/********* FAVORITES CLASSES & INFORMATION CLASSES**********/
#favorites-view, #information-view{
	padding:5px;
}





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

@media (min-width: 1601px) {
	.prop-heading{
		font-size:28px;
		line-height:35px;
		margin-top:5px;
	}
	.featured-rent-text{
		margin-bottom:5px;
	}
	.link-details{
		margin-top:10px;
	}
}

@media (max-width: 1280px) {
	.city input{
		width:180px;
	}
	.view-option-text {
		padding-left: 25px;
	}
	#listings-header .sort-properties{
		float:left;
		width: 75%;
	}
	#listings-header .view-options{
		float:right;
		width:20%;
	}
	.prop-details, .prop-address{
		margin:0;
	}
	#search-results .add-to-compare label{
		font-size:13px;
	}
}

/* Regular desktops */
@media (min-width: 980px) and (max-width: 1279px) {

	#refine-search{
		padding:9px 0 2px 0;
	}
	
	.city, .prop-type, .available-space, .lease-rate, .advanced-search{
		margin-bottom:5px;
	}
	
	.search-btn, .clear-btn{
		float:left;
		margin-right:7px;
	}
	
	.search-detail-select{
		background:transparent;
		float:left;
		width:100%;
		height:8px;
		margin:2px 0 3px;
	}
	
	.search-select-circle{
		margin: 0 auto 0 46%;
	}
	
	.circle{
		background: #FFFFFF;
		border: 1px solid #aaa;
		border-radius: 50% 50% 50% 50%;
		color: #FFFFFF;
		display: inline-block;
		height: 2px;
		margin: 0 2px;
		padding: 2px;
		width: 2px;
		float:left;
	}
	
	.circle.active{
		background:#b7b7b7;
		border: 1px solid #b7b7b7;
	}
	
	#listings-header .sort-properties h3{
		width:100%;
	}
	
	#listings-header .sort-properties{
		width:100%;
	}
	
	#listings-header .view-options{
		float: right;
		width: auto;
		margin-top:-38px;
	}
	
	#listings-header .header-actions{
		float:left;
	}
	
	.sort-by .btn-group{
		margin-top:0;
	}
	
	.view-option-text{
		padding-left:0;
		padding-right:10px;
	}
	
	#search-results-section .prop-listing-box{
		width:100%;
	}
	
	#search-results-section .search-box-details{
		width:100%;
		margin:0;
	}
	
	#search-results-section .view-image{
		width:100%;
		max-height: 210px;
		overflow: hidden;
	}
	
	#mapContainer{
		top:200px;
	}

/************* More Options**************/

	.amenities-section .prop-type-box li {
		padding: 0 1.5%;
	}
	
	.dark-box {
		width: 98%;
	}
	
	.white-box {
		width: 23%;
	} 
	
	.fitness{
		position:absolute;
		margin-top:150px;
		z-index:100;
	}

}
/* Tablets  */
@media (min-width: 768px) and (max-width: 1024px) {

	#refine-search-section{
		padding:5px 0;
	}
	
	#refine-search{
		padding: 0;
	}
	
	#more-options-accordion input{
		transform:none;
	}
	
	.refine-search-padding {
    	padding: 0px;
	}
	
	.search-details-section{
		height: 37px;
		overflow-x:auto;
		overflow-y:hidden;
		margin-top:7px;
		width:100%;
		margin-bottom:-35px;
		padding-bottom:35px;
	}
	
	.search-details-shadow.slick-shadow:before {
		border-radius: 100% 100% 100% 100%;
		box-shadow: 0 0 14px rgba(135, 135, 135, 0.8);					/* Do not change the box shadow */
		content: "";
		height: 100%;
		position: absolute;
		left: 100%;
		top: 0;
		width: 20px;
	}
		
	.search-details-shadow.slick-shadow:after {
		border-radius: 100% 100% 100% 100%;
		box-shadow: 0 0 14px rgba(135, 135, 135, 0.8);					/* Do not change the box shadow  */
		content: "";
		height: 85%;
		position: absolute;
		right: 100%;
		top: 0;
		width: 20px;
	}
	
	.search-detail-select{
		background:transparent;
		float:left;
		width:100%;
		height:8px;
		margin:2px 0 3px;
	}
	
	.search-select-circle{
		margin: 0 auto 0 46%;
	}
	
	.circle{
    	background: #FFFFFF;										
    	border: 1px solid #aaa;
    	border-radius: 50% 50% 50% 50%;
    	color: #FFFFFF;
   	 	display: inline-block;
    	height: 2px;
    	margin: 0 2px;
    	padding: 2px;
    	width: 2px;
		float:left;
	}
	
	.circle.active{
		background:#b7b7b7;
		border: 1px solid #b7b7b7;
	}
	
	.search-details-shadow{
		float:left;
		overflow:hidden;
		width:70.5%;
		border-right:1px solid #cdcdcd;
		border-left:1px solid #cdcdcd;
	}
	
	.search-details-inner{
		width:950px;
	}
	
	.search-city-section {
		float: left;
		padding: 0 10px 2px 10px;
		border-bottom:0;
		width:22%;
	}
	
	#refine-search .city input{
		width:100%;
	}
	
	.search-btn-section{
	    padding-bottom: 4px;
	    padding-left: 20px;
    	padding-top: 2px;
	    position: absolute;
	    right: 0;
    	top: 10px;
	}
	
	.city{
		margin-right:5px;
	}
	
	#refine-search-section .prop-type{
		margin-left:10px;
	}
	
	#demographics-wrap .left-column, #demographics-wrap .right-column{
		width:100%;
		margin:0;
	}
	
	#listings-header .sort-properties{
		width:100%;
	}
	
	.sort-properties h3{
		width:100%;
	}
	
	.sort-by .btn-group{
		margin-top:0;
	}
	
	#listings-header .view-options{
		width:auto;
		margin-top:-34px;
		float:right;
	}	
	
	#more-options .radio, #more-options.checkbox {
    	padding-left: 7px;
		width: 94%;
	}
	
	.amenities-section .prop-type-box li {
		padding: 0 1.3%;
	}
	
	#refine-search-section .clear-btn-section {
    	float: left;
    	margin-right: 0;
    	position: relative;
    	right: 0;
	}
	.compare-btn-top{		/*added for top bar compare btn. remove once new compare functionality is ready*/
		float:left;
		right:0;
		position:relative;
		margin-right:0;
	}


}


/* Tablets to regular desktops */
@media (min-width: 768px) and (max-width: 979px) {

	#refine-search-section{
		padding:5px 0;
	}
	
	#refine-search{
		padding: 0;
	}
	
	#more-options-accordion input{
		transform:none;
	}
	
	.refine-search-padding {
    	padding: 0px;
	}
	
	.search-details-section{
		height: 37px;
		overflow-x:auto;
		overflow-y:hidden;
		margin-top:7px;
		width:100%;
		margin-bottom:-35px;
		padding-bottom:35px;
	}
	
	.search-detail-select{
		background:transparent;
		float:left;
		width:100%;
		height:8px;
		margin:2px 0 3px;
	}
	
	.search-select-circle{
		margin: 0 auto 0 46%;
	}
	
	.circle{
    	background: #FFFFFF;
    	border: 1px solid #aaa;
    	border-radius: 50% 50% 50% 50%;
    	color: #FFFFFF;
   	 	display: inline-block;
    	height: 2px;
    	margin: 0 2px;
    	padding: 2px;
    	width: 2px;
		float:left;
	}
	
	.circle.active{
		background:#b7b7b7;
		border: 1px solid #b7b7b7;
	}

	.search-details-shadow{
		overflow:hidden;
		width:61%;
		border-right:1px solid #cdcdcd;
		border-left:1px solid #cdcdcd;
	}
	
	.search-city-section {
		float: left;
		padding: 0 10px 2px 10px;
		border-bottom:0;
		width:29%;
	}
	
	#search-results-section {
    	margin-top: 0px;
	}
	
	.search-btn, .clear-btn{
		float:left;
		margin-right:7px;
	} 

	.city{
		margin-right:5px;
	}
	
	#refine-search-section .prop-type{
		margin-left:10px;
	}
	
	#demographics-wrap .left-column, #demographics-wrap .right-column{
		width:100%;
		margin:0;
	}
	
	#listings-header .sort-properties{
		width:100%;
	}
	
	.sort-properties h3{
		width:100%;
	}
	
	.sort-by .btn-group{
		margin-top:0;
	}
	
	#listings-header .view-options{
		width:auto;
		margin-top:-34px;
		float:right;
	}

	.nav-tabs > li{
		width:auto;
	}
	
	#listings-header .sort-properties{
		width:100%;
	}
	
	#listings-header .header-actions{
		float:left;
	}
	
	.view-option-text{
		padding-left:0;
		padding-right:10px;
	}
	
	#search-results-section .prop-listing-box{
		width:100%;
	}
	
	#search-results-section .search-box-details{
		width:100%;
		margin:0;
	}
	
	#search-results-section .view-image{
		width:100%;
		max-height: 210px;
		overflow: hidden;
	}
	
	/*#refine-search-section .clear-btn-section {
    	float: left;
    	margin-right: 0;
    	position: relative;
    	right: 0;
	}*/
	
	
/************* More Options**************/
	.dark-box {
		width: 98%;
	}
	
	.white-box {
		width: 23%;
	} 
	
	.fitness{
		position:absolute;
		margin-top:150px;
		z-index:100;
	}
	
	#more-options .radio, #more-options .checkbox {
    	padding-left: 7px;
		width: 94%;
	}
	
	.amenities-section .prop-type-box li {
		padding: 0 1.3%;
	}

}

@media (min-width: 1025px) {
	#refine-search .advanced-search .more-btn.less{
		margin-bottom:-14px;
		padding-bottom:14px;
		border:1px solid #cccccc;
		border-bottom:0;
		color:#333333;
		background:#ffffff;
	}
	#refine-search .advanced-search .more-btn.less:hover{
		border-bottom:0;
	}
	.search-detail-select{
		display:none;
	}
}

/* Phones to portrait tablets*/
@media (max-width: 979px) {
	
	#more-options .advanced-search-section{
		padding:20px 30px 40px;
	}
	#search-refinements{
		font-size:13px;
	}
	#resultHeader{
		margin-top:-5px;
	}
	.compare-popup ul{
		font-size:0;
		line-height:0;
	}
	.compare-popup ul li{
		display:none !important;
	}
	.compare-popup ul li:first-child{
		display:block !important;
		font-size:12px;
	}
	.compare-list .view-image.span3{
		max-width:23%;
		display:inline-block;
	}
	.compare-list .search-box-details.span9{
		max-width:74%;
		display:inline-block;
	}
}

/* Phones to portrait tablets and narrow desktops */
@media (max-width: 767px) {
	.city:before{
		top:40px;
		left:10px;
	}
	#more-options .advanced-search-section{
		padding:20px 20px 40px;
	}
	#resultBody{
		padding:0 10px;
	}

	#listings-header .sort-properties{
		float:left;
		width:auto;
	}
	
	#listings-header .view-options{
		float:right;
		width:auto;
		margin-bottom:0;
	}
	
	.view-option-text{
		padding-right:10px;
	}
	
	.view-options ul{
		margin-bottom:0
	}
	
	.nav-tabs > li{	
		width: auto;
	}
	
	#refine-search{
		padding:9px 0 2px 0;
	}
	
	.city, #refine-search-section .prop-type, .available-space, .lease-rate, .advanced-search{
		margin-bottom:5px;
	}
	
	.search-btn, .clear-btn{
		float:left;
		margin-right:7px;
	} 
	
	#refine-search-section .city {
		float:none;
	}
	
	#refine-search .city input{
		width:100%;
		border-color:#bebebe;
	}
	
	.lease-rate{
		width:307px;
	}
	
	.available-space{
		width:312px;
	}
	
	#refine-search-section .max-input input, #refine-search-section .min-input input {
    	width: 65px;
	}
	
	#search-results-section{
		width:100%;
	}
	
	#search-results-section .prop-listing-box{
		width:100%;
	}
	
	#search-results-section .view-image{
		width:100%;
		float:left;
		margin-right:10px;
	}
	
	#search-results-section .search-box-details{
		width:100%;
		float:left;
	}
	
	#search-results-section .prop-heading{
		width:88%;
		float:left;
	}
	
	#search-results-section .favorite-icon {
		width:10%;
		float:none;
	}
	
	#search-results-section .featured-area-text, 
	#search-results-section .featured-bed, 
	#search-results-section .featured-bath,
	#search-results-section .feature-type{
		float:left;
		width:50%;
	}
	
	#search-results-section .bed-image, 
	#search-results-section .bed-count,
	#search-results-section .bath-image, 
	#search-results-section .bath-count{
		float:left;
		width:30%;
	}
	
	#search-results-section .view-details,
	#search-results-section .contact-btn{
		float:left;
		width:50%;
	}
	
	/**************iPHONE LEVEL*************/

	#more-options-accordion .accordion-group{
		margin-left:0;
	}
	
	.prop-name {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	
	.prop-type-box li{
		float:none;
		border:0;
	}
	
	#more-options-accordion .collapse{
		min-height:40px;
		height:1px;
	}
	
	#more-options-accordion .accordion-group.white-box{
		border:none;
		padding:0;
		float:left;
		width:100%;
		margin-right:0;
		margin-left:0;
	}
	
	#more-options-accordion .accordion-heading{
		padding-left:0;
	}
	
	#more-options-accordion .accordion-heading label{
		display:none;
	}
	
	#more-options-accordion a.accordion-toggle{
		color:inherit;
		text-decoration:none;
		display:block;
	}
	
	.prop-box{
		border:0;
	}
	
	#FamilyTab{
		margin-bottom:2px;
	}
	
	#refine-search{
		padding: 0;
	}
	
	#more-options-accordion input{
		transform:none;
	}
	
	.refine-search-padding {
    	padding: 0px;
	}
	
	.search-details-section{
		height: 37px;
		overflow-x:auto;
		overflow-y:hidden;
		margin-top:7px;
		width:100%;
		margin-bottom:-35px;
		padding-bottom:35px;
	}
	
	.search-details-shadow.slick-shadow:before {
		border-radius: 100% 100% 100% 100%;
		box-shadow: 0 0 14px rgba(135, 135, 135, 0.8);					/* Do not change the box shadow */
		content: "";
		height: 100%;
		position: absolute;
		left: 100%;
		top: 0;
		width: 20px;
	}	
	
	.search-details-shadow.slick-shadow:after {
		border-radius: 100% 100% 100% 100%;
		box-shadow: 0 0 14px rgba(135, 135, 135, 0.8);					/* Do not change the box shadow */
		content: "";
		height: 85%;
		position: absolute;
		right: 100%;
		top: 0;
		width: 20px;
	}
	
	.slick-shadow {
		position: relative;
	}
	
	.search-detail-select{
		background:transparent;
		float:left;
		width:100%;
		height:11px;
		margin:2px 0 3px;
	}
	
	.search-select-circle{
		margin: 0 auto 0 46%;
	}
	
	.circle{
    	background: #FFFFFF;
    	border: 1px solid #aaa;
    	border-radius: 50% 50% 50% 50%;
    	color: #FFFFFF;
   	 	display: inline-block;
    	height: 2px;
    	margin: 0 2px;
    	padding: 2px;
    	width: 2px;
		float:left;
	}
	
	.circle.active{
		background:#b7b7b7;
		border: 1px solid #b7b7b7;
	}
	
	.search-details-shadow{
		width:100%;
		overflow:hidden;
	}
	
	.search-details-inner{
		width:1000px;
	}
	
	.search-city-section {
		float: none;
		padding: 7px 10px 2px 10px;
		border-bottom:0;
		background: #d7d7d7;
		width:auto;
		border-bottom:1px solid #cccccc;
	}
	
	.search-btn-section{
	    padding-bottom: 4px;
	    padding-left: 20px;
    	padding-top: 2px;
	    position: absolute;
	    right: 0;
		top:38px;
	}
	
	#search-results-section {
    	margin-top: 0px;
	}
	
	.city{
		margin-right:5px;
	}
	
	#refine-search-section .prop-type{
		margin-left:10px;
	}
	
	#demographics-wrap .left-column, #demographics-wrap .right-column{
		width:100%;
		margin:0;
	}
	
	#listings-header .sort-properties{
		width:100%;
	}
	
	.sort-properties h3{
		width:100%;
	}
	
	.sort-by .btn-group{
		margin-top:0;
	}
	
	#listings-header .view-options{
		width:auto;
		margin-top:-34px;
		float:right;
	}
	
	#refine-search-section .clear-btn-section {
    	float: left;
    	margin-right: 0;
    	position: relative;
    	right: 0;
	}
	.compare-btn-top{		/*added for top bar compare btn. remove once new compare functionality is ready*/
		float:left;
		right:0;
		position:relative;
		margin-right:0;
	}
	.link-details {
		padding-bottom:5px ;
	}
	.desktop-view-full-map{
		display:none;
	}
	
}



/* Phones */
@media (max-width: 568px) {

	body#search-results{
    	overflow: scroll;
	}
	
	.left-header{
		float:none;
		padding-left:0;
	}
	
	#search-results #scroll-content{
		position:relative;
		top:0;
		margin-top:0;
		width:100%;
		height:auto;
		z-index:inherit;
	}
	
	#search-results #scroll-content .mCSB_container{
		margin-right:0;
	}
	
	/* need to discuss this woth Tejas if it affects ither pages*/
	/*header, #refine-search-section, #search-results-section{
		position:relative;
		top:0;
		margin-top:0;
	}*/
	#refine-search-section, #search-results-section{
		position:relative;
		top:0;
		margin-top:0;
	}
	#refine-search{
		padding:0px;
	}	
	
	.advanced-search{
		margin-right:10px;
	}
	
	.search-btn{
		float:left;
		margin-right:2px;
	} 
	
	.clear-btn{
		float:left;
		margin-right:7px;
	} 
	
	.refine-search-btn-section{
		position: relative;
		margin-top:4px;
	}
	
	.view-option-text{
		padding-left:0;
		padding-right:10px;
	}
	
	#listings-header .header-actions{
		float: none;
   	 	width: auto;
	}
	
	.sort-properties h3{
		width:100%;
	}
	
	#listings-header .sort-properties{
		width: 100%;
	}
	
	.sort-by .btn-group{
		margin-top:0;
	}
	
	#listings-header .view-options{
		width:auto;
		margin-top:-36px;
	}
	
	#full-map-option {
    	background: none repeat scroll 0 0 #AAAAAA;
    	color: #FFFFFF;
    	float: left;
    	left: 50px;
    	margin-top: -35px;
    	position: absolute;
		z-index:9;
	}
	
	.full-map-btn {
    	background: none repeat scroll 0 0 #AAAAAA;
	    color: #FFFFFF;
	    float: left;
	    height: auto;
	    padding: 4px 10px;
	    text-align: left;
	    width: auto;
	}
	
	.full-map-btn:hover, .full-map-btn:focus{
		color: #fff;
	}
	
	.full-map-btn.collapse:after {
		content: "View Map";
	}
	
	.full-map-btn.collapse1:after {
		content: "Back to Results";
	}
	
	.full-map-btn.collapse1 {
		position:fixed;
		padding:1px 8px;
		z-index:100;
		bottom:5px;
		left:5px;
		background:#333;
	}
	
	.full-map-btn.collapse1:before {
    	content: "\f104";
		font-family: FontAwesome;
		font-size: 1.4em;
		padding-right:8px;
		vertical-align:bottom;

	}
	
	#mapContainer{
		z-index:10;
		left:0;
		width:100%;
		position:absolute;
		top:115px;
		height:auto;
		min-height:inherit;
		border:0;
		color:#222222;
	}
	
	#mapDiv{
		height:0;
		min-height:inherit;
	}
	
	.prop-details{
		float:left;
		width:100%;
	}
	.display-icons ul li{
		font-size:13px;
	}
	.display-icons ul li:before, .display-icons ul li.prop-type:before{
		padding:0 15px 2px;
	}
	
	#search-results-section .favorite-icon {
    	float: none;
    	width: auto;
	}
	
	#search-results-section .view-image{
		width:44%;
		float:left;
		margin-right:10px;
	}
	
	#search-results-section .search-box-details{
		width:52%;
		float:left;
	}
	
	/*#refine-search-section .clear-btn-section {
    	float: left;
    	margin-right: 0;
    	position: relative;
    	right: 0;
	}*/
	.prop-content {
		padding: 5px 0;
	}
	#resultHeader{
		margin-top:-32px;
	}
	.contact-btn .btn-primary{
		margin-top:0;
	}
	.compare-popup{
		z-index:12;
		left:0;
		right:0;
		bottom:0;
	}
	.compare-popup .prop-heading {
		margin-top:0;
	}
	.compare-popup .prop-listing-box:first-child{
		margin-top:10px;
	}
	.compare-popup .prop-listing-box{
		position:relative;
		margin-bottom:2px;
		padding-bottom:2px;
	}
	.compare-head, .compare-head:focus{
		height:auto;
		width:100%;
		display:block;
		position:relative;
		padding:5px 0;
	}
	.compare-content {
		margin:0 auto;
	}
	.compare-content .prop-content{
		padding:0;
		line-height:0
	}
	.compare-list .search-box-details{
		vertical-align:super;
	}
	.compare-popup ul{
		display:none;
	}
	.compare-popup .close{
		position:absolute;
		z-index:1;
		right:0;
		top:0;
	}
	
}


@media (max-width: 480px) {
	
	#search-results-section .view-image{
		width:100%;
		margin-right:0;
		height:215px;
		overflow:hidden;
	}
	
	#search-results-section .search-box-details{
		width:100%;
	}
	
	.lease-rate{
		width:272px;
	}
	
	.available-space{
		width:277px;
	}
	
	#refine-search-section .max-input input, #refine-search-section .min-input input{
    	width: 48px;
	}
	
	.advanced-search{
		margin-right:10px;
	}
	
	.prop-listing-box{
		border:1px solid #ccc;
		box-sizing:border-box;
		margin-bottom:10px;
	}
	
	.prop-content{
		padding-top:0;
	}
	
	.search-box-details{
		padding:5px;
	}
	.link-details{
		padding-bottom:1px;
	}
	.compare-popup .prop-listing-box{
		padding-bottom:0;
	}
	
}

/* IPhones */
@media (max-width: 320px) {

	#search-results-section .view-image{
		width:100%;
		margin-right:0;
		height:100%;
		overflow:hidden;
	}
	
	.refine-search-padding{
		padding:0;
	}
	
	#listings-header .sort-properties{
		width:98%;
	}
	
	.prop-name-box input {
    	width: 94%;
	}
	
	.advanced-search{
		margin-right:10px;
	}
	#resultHeader{
		margin-top:-5px;
	}
}

/***** SEARCH RESULT PAGE CLASSES END *****/



/***** PROPERTY DETAIL PAGE CLASSES START *****/

body#property-detail{
    background:#f0f0f0;
}

#property-detail #ctmcontentcontainer{
	margin-top:72px;
}

#property-detail #content-section {
	background:#f0f0f0;
    padding: 20px 0;
}

#prop-title-section .prop-detail-title, #prop-title-section .prop-detail-address{
	padding:0;
	display: inline-block;
}

#prop-title-section .prop-detail-title h1{
	display:inline-block;
	text-transform:uppercase;
	font-size:30px;
	line-height:34px;
	color:#333;
}

.favorite-icon{
	vertical-align:top;
	margin-top:5px;
	display:inline-block;
}

.prop-detail-address{
	float:right;
	margin-top:24px;
	color:#7c7c7c;
	text-align:right;
}

/* gallery classes START */

/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flexslider#carousel img {
	display: block;
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: pointer;
}
.flexslider#carousel .flex-active-slide img {
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: default;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 -5px;
	background: #fff;
	padding:4px;
	border: 1px solid #ddd;
	position: relative;
	zoom: 1;
}
.flexslider#carousel {
	border-top:0;
}
.flex-viewport {
	width:100%;
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	text-decoration:none;
	display: block;
	width: 18px;
	height: 42px;
	margin: -20px 0 0;
	padding:0 8px;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	filter:alpha(opacity=0);
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
	left: -50px;
}
.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}
.flexslider:hover .flex-prev {
	opacity: 0.7;
	filter:alpha(opacity=70);
	left: 4px;
}
.flexslider:hover .flex-next {
	opacity: 0.7;
	filter:alpha(opacity=70);
	right: 4px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter:alpha(opacity=0);
	cursor: default;
}
.flex-direction-nav a:before  {
	font-family: "fontAwesome";
	font-size: 40px;
	line-height:1;
	display: inline-block;
	content: '\f104';
}
.flex-direction-nav a.flex-next:before  {
	content: '\f105';
}

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before  {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover  {
	opacity: 1;
	filter:alpha(opacity=100);
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	filter:alpha(opacity=70);
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		filter:alpha(opacity=100);
		left: 4px;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		filter:alpha(opacity=100);
		right: 4px;
	}
	.flex-direction-nav a{
		height:32px;
		width:10px;
	}
	.flex-direction-nav a:before{
		font-size:31px;
	}
}



/* gallery classes END */

.prop-content-holder{
	margin-top:15px;
	background:#fff;
	border:1px solid #ddd;
	padding:18px;
}

#property-detail h3{
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px dotted #999;
	font-size:25px;
}

#romance-content h3{
	border-bottom:0;
	padding-bottom:0;
}

.prop-content-section{
	margin-top:40px;
}

.suite-fp-img {
    max-height: 220px;
    overflow: hidden;
}

#romance-content .listing-details{
	margin:0 0 15px 25px;
	width:45%;
	float:right;
}

.listing-details .title{
	font-weight:600;
	color:#fff;
	background:#999;
	display:inline-block;
	padding:5px 10px;	
}

.list-table li {
    text-align: left;
    width: 49.5%;
    float: left;
    border: 1px solid #ccc;
    margin-bottom: -1px;
	padding:3px 0 3px 10px;
}

.list-table li:nth-child(2n+1) {
	font-weight:600;
	width:44%;
	color:#333;
}

.list-table li:nth-child(2n) {
    margin-left: -1px;
	width:49%;
}

.listing-price{
	font-weight:600;
	color:#333;
}

#highlights ul > li {
    padding-left: 0;
	padding-bottom:5px;
    width: 30%;
	vertical-align:top;
	text-indent:-9px;
	margin-left:17px;
}

#availability-accordion a.accordion-toggle{
	font-size:16px;
	line-height:26px;
	font-weight:600;
}

#availability-accordion .accordion-heading .accordion-toggle{
	padding-top:5px;
	padding-bottom:5px;
}

.suite-icon:before{
	display:inline-block;
	font-family:FontAwesome;
	font-size:14px;
	line-height:22px;
	background:#333;
	color:#fff;
	max-width:25px;
	max-height:25px;
	text-align:center;
	vertical-align:middle;
	margin-right:5px;
	padding:3px 9px;
	margin-left:-9px;
}

#availability-accordion .accordion-heading a .suite-icon:before{
	content:"\f067";
}

#availability-accordion .accordion-heading.active a .suite-icon:before{
	background:#000;
	content:"\f068";
}

#availability-accordion .accordion-heading a{
	color:#666;
	background:#f5f5f5;
}

#availability-accordion .accordion-heading.active a{
	color:#1122cc;
	background:#fff;
}

#availability-accordion .suite-info{
	font-size:14px;
	line-height:28px;
	font-weight:400;
	color:#666;
}

.suite-space:before, .suite-price:before{
	display:inline-block;
	font-family:FontAwesome;
	font-size:14px;
	line-height:22px;
	color:#333;
	margin-right:10px;
}

.suite-space:before{
	content:"\f065";
}

.suite-price:before{
	content:"\00a0";
	border-left:1px solid #ccc;
	padding-left:0;
	margin-left:10px;
}

.suite-price .currency{
	padding-right:6px;
	font-size:16px;
	color:#333;
	font-weight:600;
}

.suite-details{
	padding:5px 0 5px 0;
}

.suite-highlights ul.inline > li, .suite-attachments ul.inline > li {
    padding-left: 0;
	padding-bottom:5px;
	vertical-align:top;
    width: 43%;
}




.suite-highlights ul.inline > li{
	margin-left:17px;
	text-indent:-9px;
}
.suite-attachments ul.inline > li{
	margin-left:20px;
	text-indent:-20px;
}

#availability-accordion h4{
	border-bottom:1px dotted #999;
	font-weight:400;
	padding-bottom:5px;
}

#property-detail #mapDiv{
	min-height:inherit;
	height:400px;
}

#prop-sidebar-panel{
	margin-top:54px;
}

.right-section-box{
	padding:15px;
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:50px;
	word-wrap:break-word;
}
#property-detail .broker-detail-token{
	background:#fff;
	border:1px solid #ddd;
	word-wrap:break-word;
	margin-bottom:50px;
	padding:15px;
}
#right-section h4 {
    margin-bottom: 22px;
    margin-left: -15px;
    margin-top: -50px;
	font-size:20px;
	color:#666;
	font-weight:300;
}

.right-section-link a,
.broker-details-link a
{
	color:#666;
	display:block;
	margin:5px 0;
}

.right-section-link a:hover,
.broker-details-link a:hover
{
	color:#333;
	/*color:#00754b;*/
}

.right-section-link:first-child a,
.broker-details-link:first-child a
{
	margin-top:0;
}

.share-icons{
	margin:8px 0 15px 0;
}

.right-section-link :before,
.broker-details-link :before
{
    font-family: FontAwesome;
    margin-right: 8px;
	font-size:16px;
	vertical-align:middle;
	width:20px;
	display:inline-block;
	color:#008fdd;
}

.right-section-link:hover :before,
.broker-details-link:hover :before
{
	color:#0075b4;
}

.right-section-link .btn-primary:before,
.broker-details-link .btn-primary:before
{
	color:#fff;
}

.prop-back-to-search :before{
	content:"\f112";
}

.prop-ebrochure :before{
	content:"\f15c";
}

.prop-video :before{
    font-family: icomoon;
	content:"\eaae";
}

.prop-website-btn {
    background: #757575;
    color: #ffffff;
    display: inline-block;
	text-align:center;
    padding: 8px 5px !important;
	border-radius:2px;
    text-transform: uppercase;
    transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}

.prop-website-btn:hover {
    background: #333;
    color: #ffffff;
}

.prop-website-btn:before {
    content: "\f0ac";
    font-family: FontAwesome;
    padding-right: 8px;
	font-size:18px;
	vertical-align:middle;
}
#property-detail .broker-header {
    margin-bottom: 22px;
    margin-left: -15px;
    margin-top: -50px;
	font-size:20px;
	color:#666;
}
.broker-header:before
{
content:"Broker Leasing Agent";
}
.agent-name{
	color:#333;
	/*border-top:1px solid #ddd;*/
	margin:15px 0 0 0;
	padding-bottom:7px;
	font-weight:600;
	text-align: left;
}
.broker-list-holder ul li{
	border-top:1px solid #ddd;
	margin-top:15px;
}
.broker-list-holder ul li:first-child{
	border-top:0;
}
/*.broker-header-div + .broker-card:nth-child(2n) .agent-name{
	border-top:0;
	margin-top:0;
	padding-top:0 !important;
}*/
/*.broker-pic{
	max-height:75px;
	overflow:hidden;
}*/
.broker-pic  img{
	max-width:65px;
	max-height:65px;
	width:auto;
	height:auto;
}
#homepage .broker-pic  img{
	max-width:100px;
	max-height:100px;
	width:auto;
	height:auto;
}

.agent-call:before{
	content:"\f095";

}

.prop-email :before{
	content:"\f0e0";
}

.agent-fax:before{
	content:"\f02f";
}

.agent-company:before{
	content:"\f0f7";
}

.agent-call a, .agent-fax a{
	display:inline;
}
.prop-email a{
	margin:0;
}

.prop-manageby{
	text-align:center;
	float:none;
	display:block;
}

.prop-manageby img{
	max-height:100px;
	width:auto;
	height:auto;
}

.prop-attachments{
	word-break:break-all;
}

.prop-attachments ul {
	margin-bottom:0;
}

.prop-attachments ul li{
	padding:3px 0 4px 0;
	text-indent:-20px;
	margin-left:15px;
}

#you-might-like{
	background:transparent;
	border:0;
	padding:0;
}

#you-might-like h4{
	margin-left:0;
	margin-top:-35px;
	margin-bottom:6px;
}

.like-prop-box{
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:15px;
}

.like-prop-details{
	padding:8px 15px 0 15px;
}

.like-prop-details a{
	font-weight:600;
}

.like-prop-details a, .like-prop-details .like-prop-price{
	display:block;
}

.like-prop-price{
	color:#333;
	margin-top:5px;
}

#you-might-like .display-icons{
	margin:8px -15px 0 -15px;
}

#you-might-like .display-icons ul li{
	padding:2px 15px 7px 40px;
	text-indent:-26px;
	line-height:14px;
}

#you-might-like .display-icons ul li:last-child{
	border:0;
}

@media (max-width: 1199px) {
	.list-table li:nth-child(2n+1) {
		width:47%;
	}
	
	.list-table li:nth-child(2n) {
		width:49%;
	}
	#romance-content .listing-details{
		width:100%;
		margin-left:0;
		margin-bottom:25px;
	}
	.right-section-box, #property-detail .broker-detail-token{
		padding:15px 10px 10px 10px
	}
	#right-section h4, #property-detail .broker-header{
		margin-left:-10px;
	}
	#you-might-like h4{
		margin-left:0;
	}
	.prop-website-btn{
		font-size:13px;
	}
	#contactus #formRow .span6 {
		margin: 0;
		width: 100%;
	}
}

@media (min-width:980px) and (max-width: 1199px) {
	.suite-listing-details .list-table li:nth-child(2n+1){
		width:45%;
	}
	.suite-listing-details .list-table li:nth-child(2n){
		width:47%;
	}
	.suite-highlights ul.inline > li, .suite-attachments ul.inline > li{
		width:41%;
	}
	#highlights ul > li {
		width: 29%;
	}
}

@media (max-width: 979px) {
	.prop-content-holder{
		padding:12px;
	}
	.list-table li:nth-child(2n+1) {
		width:46%;
	}
	.list-table li:nth-child(2n) {
		width:49%;
	}
	#highlights ul > li {
		width: 45%;
	}
	#availability-accordion .accordion-inner{
		padding:10px;
	}
	.suite-details .suite-fp-img, .suite-details .suite-listing-details{
		margin:0 0 15px 0;
		width:100%;
		text-align:left;
	}
	.suite-highlights ul.inline > li, .suite-attachments ul.inline > li{
		display:block;
		width:auto;
	}
	#property-detail .broker-detail-token{
	padding:10px;
	}
	#right-section h4, #property-detail .broker-header{
		font-size:16px;
		margin-left:-10px;
		margin-top:-40px;
	}
	.right-section-box{
		padding:10px;
	}
	.like-prop-details{
		padding:8px 10px 0;
	}
	#you-might-like h4{
		margin-left:0;
		margin-top:-30px;
	}
	#you-might-like .display-icons{
		margin:8px -10px 0;
	}
	#you-might-like .display-icons ul li{
		padding:2px 10px 7px 35px;
	}
}

@media (min-width:768px) and (max-width: 979px) {
	#right-section h4, #property-detail .broker-header{
		font-size:16px;
	}
}

@media (max-width: 768px) {
	#property-detail #ctmcontentcontainer{
		margin-top:0;
	}
}

@media (max-width: 767px) {
	#property-detail #content-section{
		padding-top:10px;
	}
	#prop-title-section{
		padding:0 10px;
	}
	#prop-title-section .prop-detail-title, #prop-title-section .prop-detail-address{
		display:block;
	}
	#prop-title-section .prop-detail-title h1{
		font-size:26px;
	}
	.prop-detail-address{
		float:none;
		margin:-8px 0 5px 0;
		text-align:left;
	}
	.right-section-box.visible-phone, #property-detail .broker-detail-token.visible-phone{
		margin-bottom:10px;
	}
	.prop-content-section{
		margin-top:25px;
	}
	#right-section h4, #property-detail .broker-header{
		margin-left:0;
	}
	#you-might-like{
		margin-bottom:0;
	}
	#you-might-like h4{
		margin-left:10px;
	}
	.like-prop-box{
		padding:10px 10px 0 10px;
	}
	.like-prop-box > a {
		width: 35%;
		margin: 0 0 10px 0;
	}
	.like-prop-details {
		width:61%;
	}
	.like-prop-box > a, .like-prop-box > .like-prop-details {
		display: inline-block;
		vertical-align: top;
	}
}

@media (max-width: 568px) {
	.like-prop-details {
		width:59%;
	}
}

@media (max-width: 480px) {
	.list-table li{
		min-height:45px;
	}
	.list-table li:nth-child(2n+1) {
		width:44%;
	}
	.list-table li:nth-child(2n) {
		width:47%;
	}
	#highlights ul > li{
		display:block;
		width:auto;
	}
	.like-prop-box a img{
		width:100%;
	}
	.like-prop-box > a {
		width: auto;
		margin: 0;
	}
	.like-prop-details {
		width:auto;
	}
	.like-prop-box > a, .like-prop-box > .like-prop-details {
		display: block;
	}
}

@media (max-width: 479px) {
	.suite-info.pull-right {
		border-top: 1px solid #ddd;
		margin: 6px -8px 0 -10px;
		padding-top:3px;
		width: 106%;
	}
	.suite-space, .suite-price {
		font-size: 13px;
		font-weight: 600;
	}
	.suite-price:before {
		padding-left:5px;
		margin-left:3px;
	}
	.suite-space:before, .suite-price:before{
		margin-right:5px;
	}
}

/***** PROPERTY DETAIL PAGE CLASSES END *****/


/***** COMPARE PAGE CLASSES START *****/

#compare-prop-content-panel{
	overflow:hidden;
}
.compare-section{
	position:relative;
}
#compare-listings #prop-title-section{
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}
.back-to-search{
	position:relative;
	z-index:1;
	margin:40px 0 -48px 0;
}
.back-to-search a:before{
    font-family: FontAwesome;
    margin-right: 8px;
	font-size:16px;
	vertical-align:middle;
	width:20px;
	display:inline-block;
	color:#1122cc;
}
.back-to-search a:before{
	content:"\f112";
}
.back-to-search a:after{
	content:"Back to Search Results";
}
#compare-listings header .container{
	width:100%;
}
#compare-listings header{
	padding:0 10px;
}
.compare-wrap {
	width: 100%;
	min-width:60%;
	margin: 0 0 30px 0;
	padding: 0;
	display:table;
}
.compare-wrap li:hover{
	background:#fafafa;
}
.compare-wrap li:first-child:hover{
	background:transparent;
}
.compare-wrap li > div {
	display: table-cell;
	width: 20%;
	word-break: break-all;
	vertical-align:top;
	padding:10px 0 10px 20px;
	border-bottom:1px solid #ddd;
}
.compare-wrap li:last-child > div {
	border-bottom:0;
}
.compare-wrap li > div:first-child {
	width: 15%;
	min-width:180px;
	background:#333;
	padding-right:15px;
	border-bottom:1px solid #555;
}
.compare-wrap li:first-child > div{
	padding-top:0;
}
.compare-row {
	display: table-row;
	color:#333;
}
.compare-field.items-links{
	padding-top:20px !important;
}
.compare-field.items-links a{
	color:#448ce3;
	display:block;
	padding:2px 0;
	margin:2px 0;
	line-height:28px;
}
.compare-field.items-links a:hover{
	color:#fff;
}
.compare-field.items-links a:after{
	color:#448ce3;
	font-family:icomoon;
	font-size:15px;
	display:inline-block;
	padding-left:5px;
}
.compare-field.items-links a:hover:after{
	color:#fff;
}
.compare-field.items-links a.remove-all:after{
	content:"\e766";
}
.compare-field.items-links a.pdf:after{
	content:"\e60e";
}
.compare-field.items-links a.ms-word:after{
	content:"\e610";
}
.compare-field.items-links a.send-email:after{
	font-family:fontAwesome;
	content:"\f003";
}
.compare-field.items-links a.send-phone:after{
	content:"\ea32";
}
.compare-item img{
	width:100%;	
}
.compare-item button.close{
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	text-shadow:none;
	position: absolute;
	z-index: 1;
	right: 0;
	top:0;
	padding: 0 5px;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.compare-item button.close:hover{
	background:rgba(0, 0, 0, 0.7);
	opacity:1;
	filter: alpha(opacity=100);
}
.compare-field{
	color:#fff;
	text-align:right;
}
.compare-item .prop-heading{
	margin-top:15px;
	display:block;
	color:#444;
}
.compare-item .prop-address{
	margin:0 0 10px 0;
}
.compare-item .description{
	height:46px;
	margin-bottom:10px;
	overflow:hidden;
}
.compare-more-btn{
	background:#ccc;
	color:#666;
	border-radius:2px;
	padding:0 10px;
	font-weight:400;
	margin-bottom:-11px;
	font-size:12px;
	display:table;
}
.compare-more-btn.open{
	margin-bottom:5px;
	background:#454545;
	color:#fff;
}
.compare-more-btn:before{
	content:"More";
}
.compare-more-btn:after{
	font-family:fontAwesome;
	content:"\f107";
	font-size:16px;
	padding-left:5px;
	vertical-align:bottom;
}
.compare-more-btn.open:before{
	content:"Less";
}
.compare-more-btn.open:after{
	content:"\f106";
}
.compare-item .view-details{
	padding:20px 0;
}
.compare-row.below-tablets{
	display:none;
	background:#333333;
	margin-bottom:10px;
}
.compare-row.below-tablets .compare-field{
	padding:2px 5px 3px 5px !important;
	text-align:left;
}
.compare-row.below-tablets .compare-field.items-links a{
	display:inline-block;
	color:#fff;
	padding:0px 5px;
	margin:0;
	font-size:13px;
	line-height:24px;
	font-weight:600;
}
.compare-row.below-tablets .compare-field.items-links a:after{
	font-size:13px;
	display:none
}
.slider-controls{
	display:none;
}
.slider-controls .left, .slider-controls .right{
	position:fixed;
	z-index:1;
	width:25px;
	padding:15px 5px;
	background:#666;
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:26px;
	text-align:center;
}
.slider-controls .left{
	left:0;
	float:left;
	display:none;
	border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
}
.slider-controls .right{
	right:0;
	float:right;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
}


@media (max-width:800px){
	#compare-listings #prop-title-section{
		margin-bottom:10px;
	}
	.compare-item .prop-heading{
		font-size:23px;
	}
	.compare-row.below-tablets{
		display:block;
	}
	.prop-detail-title.text-center{
		text-align:right;
	}
	.compare-wrap li > div{
		width:25%;
		max-width:30%;
		padding:10px 0 10px 0;
		border-left:5px solid transparent;
	}
	.compare-wrap li > div.item1{
		border-left:0;
	}
	.compare-wrap li > div:first-child + div {
		padding-left:0;
	}
	.compare-wrap li > div:first-child{
		display:none;
	}
	.compare-wrap li > div:before{
		content:attr(data-label);
		font-weight:600;
		clear:both;
		display:block;
		color:#666;
	}
	.slider-controls .left, .slider-controls .right{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}
@media (max-width:767px){
	.compare-item .prop-heading{
		font-size:21px;
	}
	.back-to-search{
		margin-top:20px;
	}
	.compare-wrap{
		padding:0 5px;
		width:96%;
	}
	.compare-section{
		overflow-x:auto;
		overflow-y:hidden;
		padding-bottom:30px;
		margin-bottom:-30px;
	}
	.back-to-search{
		margin-bottom:-45px;
	}
	.slider-controls{
		display:block;
	}
}
@media (max-width:480px){
	.compare-wrap{
		margin-bottom:20px;
	}
	.back-to-search a:after{
		content:"Back";
	}
	.compare-item .view-details{
		padding:10px 0;
	}
}

/***** COMPARE PAGE CLASSES END *****/


/***** TENANT PORTAL CLASSES START *****/
#background-image{
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
    z-index: -999;
}
#background-image img{
	left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
}
#tenant-portal form#form1{
	margin: 0;
}
#login-panel form{
	margin: 25px 0;
}
.login-panel h3{
	color:#fff;
	text-indent:40px;
}
.portal article{
	display: table-cell;
	float: none;
	vertical-align: top;
	background:#fff;
}
.portal.login-page article{
	background:transparent;
}
.portal.inner-page .content-inner:before, .portal.inner-page .content-inner:after{
	content:none;
}
.portal #ctmcontentcontainer{
	padding: 15px 24px 30px 24px;
}
.portal.login-page #ctmcontentcontainer{
	padding:0;
	display:table;
	width:100%;
}
.portal .login-content-holder{
	display:table-row;
	width:100%;
}
#login-form-panel{
	background:#212121;
	opacity: 0.9;
    filter: alpha(opacity=90);
}
#login-form-panel label{
	color:#fff;
}
#login-media-panel{
	background:#f5f5f5;
}
#login-form-panel, #login-media-panel{
	margin:0;
	width:50%;
	display:table-cell;
	padding:40px 20px;
	float:none;
}
#vertical-nav {
	background: #454545;
	width: 232px; 
	height: 100%; 
	display: table-cell;
	float:none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#table{ /*NEED TO CHECK*/
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #e2e2e2;
}
.portal .breadcrumb{
	padding: 8px 2px !important;
}
.portal .breadcrumb a{
	text-decoration: none;
	webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
.portal .breadcrumb a:hover{
	text-decoration: underline;
}
.portal #property-name h1{
	font-size: 24px;
}
.portal .tab-content-wrapper .nav{
	margin-bottom: 0;
}
.portal .tab-content {
    overflow: auto;
    padding: 35px 15px;
	background:#fff;
	border-color:#ddd;
	border-width:0 1px 1px 1px;
	border-style:solid;
}
#tenant-portal #refine-date form {
    margin: 0;
}
.portal .well{
	background-color: #f5f5f5;
}
.portal .nav-tabs > .active > a, .portal .nav-tabs > .active > a:hover, .portal .nav-tabs > .active > a:focus{
	background:#fff;
	border-left-color:#ddd;
	border-right-color:#ddd;
	border-top:2px solid #666;
	border-radius:3px;
}
.portal .nav-tabs{
	border-color:#ddd;
}
.portal #content-section .content{
	width:100%;
	display:table;
}
.portal #content-section .content .content-inner{
	display:table-row;
}
.portal #content-section .content .content-inner #vertical-nav{
	width:20%;
}
.portal #content-section > .container{
	box-shadow:0 0 15px rgba(0,0,0,0.26);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.26);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.26);
}
.portal.inner-page #wrapper + footer{
	display:none;
}
.portal.login-page .content-holder footer{
	display:none;
}
.portal.login-page #floatingSitebar, .portal.login-page #floatingSitebar2{
	display:none;
}
.current-outstanding-buttons{
	margin-left:0 !important;
}
.portal .btn-primary.make-payment, .portal .btn-primary.auto-pay{
	margin:2px 0;
}

/*pagination style*/
.pagination ul > li > a, .pagination ul > li > span{
	border:0 !important;
	border-radius:3px !important;
}
.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > li > a:focus{
	font-weight:600;
	background:#333;
	color:#fff;
}
.portal .pagination ul > li > a, .portal .pagination ul > li > span{
	padding:0 7px !important;
	margin:0 2px;
}
/*pagination style*/

table tr.highlighted td, table.table-striped tr.highlighted td{
	background:#eee;
}
td.td-text-right, td.td-text-right input[type="text"]{
	text-align:right !important;
}
.input-append-btn-group .btn{
	border-radius:3px !important;
	margin-right:3px;
}
.input-append-btn-group .btn:first-child{
	border-radius:0 3px 3px 0 !important
}

@media (min-width: 768px){
	.portal.login-page #content-section{
		margin:0 auto;
		position:absolute;
		left:0;
		right:0;
		top:28%;
	}
	.portal.login-page #offcanvas_outer, .portal.login-page #offcanvas_inner{
		height:100%;
	}
	.portal.login-page #wrapper {
		min-height: 100%;
		margin-bottom: -40px; 
	}
	.portal.login-page #wrapper:before, .portal.login-page #wrapper:after {
		content: "";
		display: table;
		line-height: 0;
	}
	.portal.login-page #wrapper:after {
		clear: both;
	}
	.portal.login-page #wrapper:after {
		content: "";
		display: block;
	}
	.portal.login-page footer, .portal.login-page #wrapper:after {
		height: 40px; 
	}
}

@media (max-width: 1199px){
	#property-contacts .row-detail li br{
		padding-bottom:2px;
	}
	.portal #property-contacts .row-detail a[href^="mailto"]{
		background:transparent;
		border:0;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
}

@media (min-width: 980px) and (max-width: 1199px){
	.login-panel .form-horizontal .controls input[type=text], .login-panel .form-horizontal .controls input[type=password]{
		width:206px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.login-panel .form-horizontal .control-label, .login-panel .form-horizontal .controls{
		display:block;
		width:100%;
		text-align:left;
		margin:0;
	}
	.login-panel .form-horizontal .control-group{
		margin-bottom:15px;
	}
	.portal #content-section .content .content-inner #vertical-nav{
		width:23%;
	}
	.login-panel h3{
		text-indent:0;
	}
	.table-responsive input[type="text"], .table-responsive select {
		margin-bottom: 4px;
	}
}

@media (max-width: 768px){
	.portal #content-section {
		position:static;
	}
	.portal #content-section .content .content-inner #vertical-nav, .portal article{
		width:100%;
		display:block;
	}
	.portal #content-section{
		margin-top:30px;
	}
	.login-panel h3{
		text-indent:0;
	}
	.table-responsive input[type="text"], .table-responsive select {
		margin-bottom: 4px;
	}
}

@media (max-width: 767px) {
	.login-panel > .links{
		margin:0;
		text-align:left;
		font-size:13px;
	}
	.portal form{
		margin-top:15px;
	}
	.login-panel .form-horizontal .control-group{
		margin-bottom:10px;
	}
	.parallax-display {
		height: 180px;
	}
	.portal #ctmcontentcontainer{
		padding:10px 10px 30px;
	}
	.portal.login-page #content-section{
		margin-top:0;
	}
	.portal #content-section{
		margin-top:0;
	}
	#login-form-panel, #login-media-panel{
		display:block;
		width:100%;
		padding:20px;
	}
	.sales-data-prev-next-btn {
		margin-top:10px;
		text-align:left;
	}
	#SalesTypedropdown{
		margin-bottom:10px;
	}
	#SalesMonthDate{
		margin-left:0 !important;
		margin-bottom:20px;
	}
	.portal .nav-tabs > .active > a, .portal .nav-tabs > .active > a:hover, .portal .nav-tabs > .active > a:focus{
		border-top-width:1px;
	}
}

@media (max-width: 568px){
	#page-title, #property-name{
		width:100%;
		text-align:left;
		float:none;
	}
}
@media (max-width: 320px){
	#recaptcha_image {
		max-width: 270px;
	}
}
/***** TENANT PORTAL CLASSES END *****/


/***** ADDED FROM RENTCAFE FUNCTIONAL.CSS START *****/

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


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

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
		left:0 !important;
 		width: 80% !important;
		margin:0 10%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

/* classes to style popup/model ends*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

/* List Group END */

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

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

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

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

.RecurringPaymentGrid .editMode .btn.showOnEdit{
	display:inline-block;
	margin-bottom:2px;
}

/*.RecurringPaymentGrid select { width: auto; }*/
@media only screen and (max-width: 800px) {
    .RecurringPaymentGrid select {
		width: 90% !important;
	}
}
.RecurringPaymentGrid input[type="text"] {
	width: 75px;
}
#paymentrecurringfixedandvariable .icon-info-sign {
    font-size: 20px;
    padding: 5px
}
#paymentrecurringfixedandvariable button {
    margin-left: 10px;
}
#paymentrecurringfixedandvariable .table th, .table td {
    text-align: left;
}
#PaymentAccountBank .row-fluid:nth-of-type(2n+1) {
    padding-top: 10px;
}
/* End Res Services Payment Manager CSS */

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

#tenant-portal #PP2MakePayments .row-fluid.well, #owner-portal #PP2MakePayments .row-fluid.well{
	border:0;
}

#tenant-portal #PP2MakePayments .well hr, #owner-portal #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;
}

#tenant-portal #PP2MakePayments .well, #owner-portal #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 */

#tenant-portal .box-content, #owner-portal .box-content{
	border:1px solid #d1d1d1;
	border-top:0;
	padding:5px 20px;
	margin-bottom: 20px;
}

/* dropdown portal */

#tenant-portal .dropdown-menu, #owner-portal .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;*/
	border-radius:0;
    margin-top: -50px;
	left:99.6%;
    min-width: 200px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    z-index: 9999 !important;
}

#tenant-portal .dropdown-menu, #owner-portal.dropdown-menu{
	background-color: none;
}
#tenant-portal .dropdown-menu li a, #owner-portal .dropdown-menu li a  {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #000000;
	padding:10px 15px;
	border-bottom-color: #cccccc;
}
#tenant-portal .dropdown-menu li > a:hover,
#owner-portal .dropdown-menu li > a:hover,
#tenant-portal .dropdown-submenu:hover > a,
#owner-portal .dropdown-submenu:hover > a ,
#tenant-portal .dropdown-menu li > a:focus,
#owner-portal.dropdown-menu li > a:focus {
    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;
}
#tenant-portal .dropdown-menu .active > a,
#owner-portal .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;
}


#tenant-portal .navbar .nav > li > .dropdown-menu:before,
#owner-portal .navbar .nav > li > .dropdown-menu:before {
    /*border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    left: 18px;*/
	border:0;
}
#tenant-portal .navbar .nav > li > .dropdown-menu:after,
#owner-portal .navbar .nav > li > .dropdown-menu:after {
    /*border-bottom-color: #687074;
    border-top-color: #687074;
    left: 19px;*/
	border:0;
}


/* end drop down*/

/*	sitebar	*/
.flyout_menu {
	background:#fff;
	width:34px;
	height:auto;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	z-index:12;
	right:0;
	top: 15%;
	position:fixed;
	z-index: 999999;
	margin-bottom:-20%;
}
.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: #444;
	text-decoration:none;
	font-size: 20px;
}
/*.flyout_menu ul li a:hover, .flyout_menu ul li a:active {
	color: #222;
}*/
.flyout_containerbg {
	background:rgba(0,0,0,0.6);
	box-shadow:0 0 45px rgba(0,0,0,0.4);
	min-width:590px;
	min-height:150px;
	float:right;
	margin:0px -50px 0px 0px;
	z-index:1030;
	position:fixed;
	padding:10px;
	margin-right:40px;
	right: 0px;
	top: 20%;
}
.flyout_content {
	background-color:#f5f5f5;
	width:550px;
	min-height:300px;
	float:right;
	padding:20px;
	z-index:11;
	position:relative;
}
.flyout_containerbg .panel{
	background:transparent;
}

.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: 8px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.flyout_menu ul li div.tooltip.left{
	margin-left: -12px;
}
.flyout_containerbg {
	margin-right:40px;
}
.flyout_containerbg i{
	font-size:20px;
}
.flyout_content #divPropWrap {
	margin-bottom:20px;
}

/* new */
.flyout_content .panel-body.well{
	background:#fff;
	border:1px solid #e5e5e5;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	position:relative;
	overflow:hidden;
	padding:12px;
	margin-bottom:10px;
}
.flyout_content .panel-body.well p{
	margin:6px 0;
}
.flyout_content .panel-body.well p.month{
	margin:0;
}
.flyout_content .panel-body span.label{
	right:-1px;
	top:-1px;
	position:absolute;
	border-radius:0;
	padding:3px 6px;
}
/* new */

/* end of sitebar	*/

/* sitebar 2 start */
#floatingSitebar2{
	position: fixed;
	top: 0;
	right: -350px;
	width: 350px;
	height: 100%;
	background: #fff;
	z-index: 1050;
	box-shadow:0 0 5px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);
	transition:all 0.3s ease;
}
#floatingSitebar2 .flyout_menu{
	position:relative;
	margin-left:-35px;
	border:1px solid #e5e5e5;
	z-index:-1;
	background:#fff;
	border-radius:6px 0 0 6px !important;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}
.flyout_menu ul li a.open{
	color:#222;
}
#floatingSitebar2 .mCSB_container{
	margin-right:18px;
}
.modal-backdrop.flyout-overlay.fade.in{
	opacity: 0.2;
	filter: alpha(opacity=20);
	cursor:default;
}
#floatingSitebar2 .flyout_containerbg{
	box-shadow: none;
	padding: 0px;
	width: 100%;
	min-width: inherit;
	margin: 0px;
	background:#f9f9f9;
	height:100%;
	overflow:auto;
	top:0;
	position:relative;
}
#floatingSitebar2 .flyout_content{
	padding:20px 0 20px 5%;
	width:95%;
	background:transparent;
}
#floatingSitebar2 .btnCloseSidebar{
	position: absolute;
	padding-left:10px;
	right: 5px;
	top: 20px;
	z-index: 12;
	cursor: pointer;
}
.flyout_content > div > h3 i {
    display: none;
}
.flyout_menu label.badge{
	padding: 1px 4px;
    margin-bottom: -8px;
    float: left;
    z-index: 12;
    position: relative;
    font-size: 12px;
    margin-left: -2px;
}

/* sitebar 2 end */
@media (max-width: 767px){
	.flyout_menu{
		margin-bottom:0;
	}
	.flyout_menu ul li{
		padding:4px 7px 2px 7px;
	}
	.flyout_menu.visible-phone {
		margin: 0 !important;
		top: 0;
		width: auto;
		box-shadow: none !important;
	}
	#floatingSitebar2 .flyout_menu:first-child {
		margin-left:0;
		top:0;
		left: -35px;
		position: absolute;
	}
	#floatingSitebar2 .flyout_menu.visible-phone .floatingbarmenu{
		display:table;
		width:100%;
		background:#f1f1f1;
	}
	.flyout_menu.visible-phone ul li{
		display:table-cell;
		padding:0;
		text-align:center;
	}
	.flyout_menu.visible-phone ul li a{
		display:block;
		padding:2px 0;
	}
	.flyout_menu.visible-phone ul li a.open{
		background:#333;
		color:#fff;
	}
	#floatingSitebar2 .flyout_menu.visible-phone{
		border-radius:0 !important;
	}
}
@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;
	}
	#floatingSitebar2{
		width:85%;
		right:-85%;
	}
}

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

@media (max-width: 768px) {
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
		left:0 !important;
 		width: 96% !important;
		margin:0 2%;
	}
}

@media (max-width: 568px) {
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
 		width: 90% !important;
		margin:0 5%;
	}
}

/***** ADDED FROM RENTCAFE FUNCTIONAL.CSS 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, .table-responsive td a {
		margin-top: -4px;
	}
}
/* UI for Table Responsive END */

#tenant-portal .row-detail{
	margin-top:-11px;
}
.label-inline label{
	display:inline-block;
}


/* 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;
	font-size:24px;
}
.block .panel{
	margin-bottom:0;
}
.tab-heading{
	margin-bottom:-40px;
}
.tab-title {
	margin-top: 0;
	margin-bottom:0;
}
article .tab-content{
	clear:both;
}
.tab-content hr{
	margin:12px 0 !important;
}
.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{
	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;
	color:#333
}
.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;
}

@media screen and (max-width: 767px) {
	.page-tabs .nav-tabs li{
		width: auto;
	}
	.calendar-date{
		margin-bottom: 10px;
	}
}

/*===== Uniform. Checkbox =====*/

.checker, .checker span, .checker input {
  width: 14px;
  height: 14px;
}
.checker {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: sub;
}

.checker span {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  position: relative;
}
.checker span:after {
  content: "";
  background: url(../images/forms/check.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(Opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checker span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(Opacity=100);
}
.checker.focus span.checked:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.checkbox-danger .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-danger .checker span:hover {
  border-color: #D65C4F;
}
.checkbox-danger .checker:active span, 
.checkbox-danger .checker.active span, 
.checkbox-danger .checker span.checked {
  border-color: #D65C4F;
  background-color: #D65C4F;
}

.checkbox-success .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-success .checker span:hover {
  border-color: #65B688;
}
.checkbox-success .checker:active span, 
.checkbox-success .checker.active span, 
.checkbox-success .checker span.checked {
  border-color: #65B688;
  background-color: #65B688;
}

.checkbox-primary .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-primary .checker span:hover {
  border-color: #455763;
}
.checkbox-primary .checker:active span,
.checkbox-primary .checker.active span,
.checkbox-primary .checker span.checked {
  border-color: #455763;
  background-color: #455763;
}

.checkbox-info .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-info .checker span:hover {
  border-color: #3CA2BB;
}
.checkbox-info .checker:active span, 
.checkbox-info .checker.active span, 
.checkbox-info .checker span.checked {
  border-color: #3CA2BB;
  background-color: #3CA2BB;
}

.checker input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}

.checker:active span, .checker.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.checker.focus span, .checker:hover span {
  background-color: #fafafa;
}
.checker.focus:active span.checked:after, 
.checker:hover:active span.checked:after, 
.checker.active:hover span.checked:after, 
.checker.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.checker.disabled span, 
.checker.disabled:active span, 
.checker.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked, 
.checker.disabled:active span.checked, 
.checker.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked:after, 
.checker.disabled:active span.checked:after, 
.checker.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}





/*===== Uniform. Radio =====*/

.choice, .choice span, .choice input {
  width: 14px;
  height: 14px;
}
.choice {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: sub;
}

.choice span {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  position: relative;
}
.choice span:after {
  content: "";
  background: url(../images/forms/choice.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(Opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.choice span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(Opacity=100);
}
.choice.focus span.checked:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}
.choice:active span, 
.choice.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.choice.focus span, 
.choice:hover span {
  background-color: #fafafa;
}

.radio-danger .choice span:after {
  content: "";
  background-image: url(../images/forms/choice_white.png);
}
.radio-danger .choice span:hover {
  border-color: #D65C4F;
}
.radio-danger .choice:active span, 
.radio-danger .choice.active span, 
.radio-danger .choice span.checked {
  border-color: #D65C4F;
  background-color: #D65C4F;
}

.radio-success .choice span:after {
  content: "";
  background-image: url(../images/forms/choice_white.png);
}
.radio-success .choice span:hover {
  border-color: #65B688;
}
.radio-success .choice:active span, 
.radio-success .choice.active span, 
.radio-success .choice span.checked {
  border-color: #65B688;
  background-color: #65B688;
}

.radio-primary .choice span:after {
  content: "";
  background-image: url(../images/forms/choice_white.png);
}
.radio-primary .choice span:hover {
  border-color: #455763;
}
.radio-primary .choice:active span, 
.radio-primary .choice.active span, 
.radio-primary .choice span.checked {
  border-color: #455763;
  background-color: #455763;
}

.radio-info .choice span:after {
  content: "";
  background-image: url(../images/forms/choice_white.png);
}
.radio-info .choice span:hover {
  border-color: #3CA2BB;
}
.radio-info .choice:active span, 
.radio-info .choice.active span, 
.radio-info .choice span.checked {
  border-color: #3CA2BB;
  background-color: #3CA2BB;
}

.choice input[type=radio] {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 18px;
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  float: none;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
}

.choice.focus:active span.checked:after, 
.choice:hover:active span.checked:after, 
.choice.active:hover span.checked:after, 
.choice.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.choice.disabled span, 
.choice.disabled:active span, 
.choice.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.choice.disabled span.checked, 
.choice.disabled:active span.checked, 
.choice.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.choice.disabled span.checked:after, 
.choice.disabled:active span.checked:after, 
.choice.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*RC gallery*/
/* 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;
}
/*.carousel-inner .item{
	max-height:500px;
	overflow:hidden;
}*/
.carousel-inner .item img{
	text-align:center;
	margin:0 auto;
	max-height:750px;
}
#gallery.carousel {
	background:#fff;
	border:1px solid #e0e0e0;
}

/* photo gallery navigation styling */

#gallery{ /*this class is added for align gallery horizontally center for older themes*/
    margin:0 auto;
}
#gallery .carousel-inner {
    background: #F2F2F2; /*It should be default css background color for all the themes, I have added lighter grey color*/
    height:100%;
}    
#gallery .carousel-inner > .item {
    height:100%;
}    
#gallery .carousel-control {
    top:0;
    margin:0;
    height:100%;
    border:0;
    border-radius:0;
    filter:alpha(opacity=10);
    opacity: 0.1;    
}
#gallery .carousel-control.left {
    left:0;
}
#gallery .carousel-control.right {
    right:0;
}
#gallery .carousel-control i {
    position:absolute;
    margin:0;
    top:45%;
    display:block;
}
#gallery:hover .carousel-control {
    filter:alpha(opacity=25);
    opacity: 0.25;
}
#gallery:hover .carousel-control:hover {
    filter:alpha(opacity=90);
    opacity: 0.9;
}
#gallery .carousel-indicators {
    right:50px;
}
#gallery.carousel {
    min-height:100px;
}

/* end of photo gallery navigation styling */

/* photo gallery navigation arrows END */

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



/******classes for leasing details***************/


.listing-details .span6 {
	margin:0;
}
.listing-label{
font-weight:bold;
}

.listing-details li {
	float:none;
	/*border:1px solid #e0e0e0;*/
	border-top:0
}
.listing-details ul {
	border:1px solid #e0e0e0;
}
.listing-details li:first-child {
	/*border-top:1px solid #e0e0e0;*/
}

.border-left {
	/*border-left:1px solid #e0e0e0;*/
	padding:5px 10px;
	min-height:20px;
}
.border-right{
/*border-right:1px solid #e0e0e0;
margin-right:-1px;*/
min-height:20px;
padding:5px 10px;
}
.two-column .listing-details li {
	width:50%;
	float:left;
	padding:0;
	border:0;
}
.two-column .listing-details li:first-child{
	border:0;
}
.two-column .border-left {
	border:0;
	
}
.two-column .border-right {
	border:0;
	
}
@media (max-width : 767px) {
 
.two-column .border-left{
border:0;
}
.two-column .border-right{
border:0;
}
.listing-details .span6 {
width:50% !important;
float:left !important;
margin:0 !important;
}
.listing-details li {
 float: none;
 width: auto;
}
}
 @media (min-width : 320px) and (max-width : 640px){

.two-column .listing-details li {
width:100%;
float:none;
}
.two-column .border-left{
border:0;
}
.two-column .border-right{
border:0;
}
 }
 @media (max-width : 320px) {

 .two-column .border-left {
	border:0;
	
}

 }
 
  #svgWrap { position: relative; min-height: 655px; overflow: hidden; }
#svgWrap  .svgPane .wrapper{
	background-color: #fff;
	border: 1px solid #ddd;
	max-height: 600px;
	overflow: hidden;
}
#svgWrap .svgPane .popover {
	position: relative;
	width: 90%;
	margin: 40px auto 0;
	max-width: none;
}
#svgWrap h3 { 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 : '';
}
 

/* Map & Directions: unhiding the button group: Bird's Eye View, Street View, Neighborhood */
@media (min-width: 320px) and (max-width: 980px){
	#divOverlayLinks{
	width:100%;
	margin:0;
	}
	#MapBtnHolder.btn-group {
		float: left;
		margin-bottom: 20px;
		white-space: normal;
	}
	#DirectionControls .btn.mapOverlayButton {
		display: inline-block !important;
    		font-size: 13px;
    		line-height: 12px;
    		margin-bottom: 4px;
    		padding: 8px 12px !important;
	}
}

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