@charset "utf-8";
/* CSS Document */

.customInfobox {
	color: white;
	width: 250px;
	padding: 5px;
	font-size:10px;
	pointer-events:auto !important;
	line-height:22px;
	float:left;
}

	.customInfobox .title {
		color: white;
		font-size: 22px;
		font-weight: normal;
		float:left;
		margin-top:-70px;
		background-color: rgba(95, 95, 95, 0.75);
		width: 240px;
		padding-left:10px;
	}

	.customInfobox .title span {
		font-size: 14px;
	}

	.customInfobox .title .address {
		font-size: 14px;
		margin-left:0px;
	}

	.customInfobox .infoboxImage img {
		width: 250px;
		float:left;
		margin-right: 10px;
		color:rgba(85,36,72,1.00);
	}
	.MicrosoftMap .Infobox {
		border:none !important;
		border-radius:5px !important;
		background-color:transparent !important;
	}
	.MicrosoftMap .Infobox .infobox-body {
		max-width:300px !important;
	}

	.MicrosoftMap .Infobox .infobox-stalk {
		display:none !important;
	}

	.MicrosoftMap .Infobox .infobox-title {
		display:none !important;
	}
	.MicrosoftMap .Infobox .infobox-info {
		max-height:220px !important;
	}
	
	.BingFreehand {
		position:relative;
		float:right;
		right:211px;
		top:0px;
		clear:both;
		width:auto;
		z-index:100;
		padding:13px;
		background-color:#552448;
		opacity:.8;
		color:white;
		padding-left:14px;
		padding-right:14px;
	}
	.BingFreehand:hover, .BingFreehand a:hover, .BingFreehand i:hover  {
		opacity:1.0;
		cursor:pointer;
	}
	.BingFreehand a {
		color:white;
	}
	.DrawFreehand {
		position:relative;
		float:right;
		right:211px;
		top:0px;
		clear:both;
		width:auto;
		z-index:1000;
		padding:13px;
		background-color:#552448;
		opacity:.8;
		color:white;
		padding-left:14px;
		padding-right:14px;
	}
	.DrawFreehand:hover, .DrawFreehand a:hover, .DrawFreehand i:hover  {
		opacity:1.0;
		cursor:pointer;
	}
	.DrawFreehand a {
		color:white;
	}

	.listingDiv { display:block; 
		position: relative;
		margin-top:-25px;
		background-color:#fff;
	}
	
	#hide-show-map:hover {text-decoration:underline;cursor:pointer;}
	#resultsRightPane {overflow-y:scroll;overflow-x:hidden;height:576px;}
	#dsidx-listings li {display:block;  margin-bottom:10px;width:48%;float:left;margin-right:5px;height:375px;width:325px;}
	#dsidx-listings li a {text-decoration: none;color: white;display: block;width: 100%;position: relative;height:0px;padding: 66% 0 29px 0;}
		/*
	#dsidx-listings li img {float:none;width:100%;max-width: 100%;position: absolute;display: block;max-height: 100%;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;}
	*/
	#dsidx-listings li img {float:none;width:100%;display: block;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;position: absolute;max-width: 100%;min-height:100%;}
	.dsidx-listings-ListPrice {background-color:#552448;font-size:15px;position:relative;padding:8px;}
	.dsidx-listings-BedsBaths{position:relative;padding-left:10px;color:#552448;padding-top:10px;}
	.dsidx-listings-PropertyAddress{position:relative;;padding-left:10px;color:#552448;padding-top:6px;text-align:left;}
	.dsidx-listings-IDXOffice{position:relative;;padding:10px;color:#828282;}
	.mapResultLinks {display:block;margin-bottom:10px;clear:both;margin-left:20px;}
	.mapResultLink {font-size:12px;}
	.mapResultLink a {color:#552448;text-decoration:underline;}
	.mapSide{width:calc(100% - 701px);
		/*width:48%;*/
		display:block;float:left;border-left:solid 1px #BBBBBB;box-shadow: 5px 0px 5px #888888;box-shadow:1px 0px 2px #888888;margin-top:0;}
	.refineField {float:left;min-height: 30px;}
	.refineField select {min-height: 30px;}
	.refineField input[type='submit'] {padding-left:5px;padding-right:5px;border-radius:0px;height:30px;}
	
	.clearFilters {padding:5px;font-size:10px;}
	.refineZilRow{border: solid 1px #BBBBBB;  background-color:#eae3d4;box-shadow:1px 1px 1px #888888;height:46px;background-color:#C8C8C8;z-index: 1400;}
	.zoomMessage{font-size:10px;margin-top:-10px;width:100%;color:black;font-weight:bold;padding:5px;}
	.dsidx-wpnLogo {float:right;}
	.dsidx-wpnLogo img {width:20px!important;position:relative!important;margin-right:5px!important;}
	#PropertiesFound {float:left;line-height:40px!important;}
	.zilSaveSearchButton {float:right;margin-right:10px;}
	
.page-content{margin-top:0px;}

/* for property menu */
.sub-menu-Map li.last:after,.sub-menu-Map ul,.sub-menu-Map ul li a:after,.sub-menu-Map ul li a:before,.sub-menu-Map ul li:before{display:none}
.sub-menu-MapDis{display:block!important;}
.sub-menu-Map ul{position:absolute;z-index:9990;width:185px;left:3px;top:100%;padding:0 0 5px;margin:0 0 0 -3px;background:#fff;border-bottom:2px solid #552448}
.sub-menu-Map.last ul{right:0;left:auto}
.sub-menu-Map ul li{margin:0;padding:0;width:100%;border-top:0}
.sub-menu-Map ul li a{margin:0!important;padding:7px 5px 7px 20px!important;text-transform:none;text-align:left!important;color:#797979!important;text-shadow:none;border:0!important}
.sub-menu-Map ul li a:hover,.sub-menu-Map ul li.active a{color:#552448!important;background-color:#d7d7d7!important}
.sub-menu-Map ul li a span{display:none!important}

.sub-menu-Map ul{display:none!important;position:static;border:0;margin:0;padding-top:4px;padding-left:0;background-color:transparent}
/* .sub-menu-Map:hover ul{display:block!important} */
.sub-menu-Map ul li a{border:0!important;padding:0!important;display:inline-block;color:#fff}
.sub-menu-Map ul li a:hover{background-color:transparent;color:#fff}
.sub-menu-Map ul li a span{display:inline-block!important;padding:0 7px 0 3px}


#dsidx-listings li {margin-right:0px;margin-left:10px;
	font-size: 14px;
	line-height: 14px;
	border: none;
	overflow: hidden;
	background-color: white;
}
.gridside{/*width:calc(49% + 10px);*/width:700px;
	float:left;margin-top:0px;background-color:#c8c8c8}
#resultsRightPane{margin-left:10px;padding-top:10px;}
.dsidx-listings-info{
	background-color:white;
	text-align: left;
	width:100%;
	margin-top:-10px;
	padding-bottom: 10px;
	/*margin-left:20px;*/
	z-index: 1000;
}
#saveSearchFeature {
	width: 98%;
	margin-left: 10px;
	margin-top: 70px;
}
#saveSearchLoggedIn {
	display: none;
	clear:both;
}
#saveSearchCreate {
	display: none;
	clear:both;
}
#saveSearchButton .submitlink {
        background-color: #552448; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
        background-image: -webkit-linear-gradient(top, #774672, #552448);
        background-image: -moz-linear-gradient(top, #774672, #552448);
        background-image: -ms-linear-gradient(top, #774672, #552448);
        background-image: -o-linear-gradient(top, #774672, #552448);
        background-image: linear-gradient(to bottom, #774672, #552448);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#774672, endColorstr=#552448);
        color:#ffffff;
        padding:8px 20px;
        border:1px solid #552448;
        border-radius:8px;
        font-size:10pt;
        font-weight:bold;
        cursor:pointer;
		float:right;
}

.swapAccount {
	cursor: pointer;
}

/*
.dsidx-listings-info:hover{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}
*/
@media(min-width:768px){
.dsidx-listings-IDXOffice {
    font-size: 13px;
    text-transform: capitalize;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

}
@media(max-width: 767px) {
.dsidx-listings-IDXOffice{display:none;}
.dsidx-listings-info {
	/*margin-top:-80px !important;*/
}
}
.refineadd{border-radius:0;width:250px;}

.hideshow{
    /*position: absolute;
    top: 127px;
	left:20px;
	padding:10px 25px;*/
    z-index: 1000;
    background-color: #fff;	
	width:50%;	
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	padding: 3px 0;
}
.cabbg{background-color:#552448 !important;color:#fff !important;}

	.refineZilMenu {
		padding: .5rem;
		overflow: inherit;
	}
	.refineDrop {
		background-position:90% 5px;
		background-repeat: no-repeat;
		margin: 0 4px;
		background-color:white;
		background-image:url(../images/arrowdown.gif);
		padding: 3px 29px 3px 10px;
		font-size: 13px;
	}

	.refineDrop:hover {
		cursor:pointer;
	}

	.refineDrop:hover .refineSub {
		display:block;
	}
	
	.refineSub .closeRefineDrop {
		color:black;	
		z-index:1200;
		background-color: #eae3d4;
		text-align:center;
		width:95%;
	}

	.refineSub .closeRefineDrop:hover {
		background-color: black;
		color:white;
	}
	
	.refineSub {
 		display: none;
		position: absolute;
		background-color: white;
		border: solid 1px #E5E5E5;
		z-index: 1100;
		padding: 3px 15px 8px;
		margin: 3px 0px 0px -10px;
		color: black;
		opacity: 1;
	}

	.refineDrop .refinemore {
		width:350px;
		margin-left:-323px !important;
	}
	
	.refineField select {
		margin:0;
		padding:0 5px;
		margin-left:5px;
		width:95%;
		
	}
	 
	.refineField li {
		list-style:none;
		line-height:16px;
		padding:8px;
	}
	
	.refineField li:hover ul {
		display:block;
	    position:absolute;
	}
	
	.refineField li ul {
		display:none;
		list-style:none;
		z-index: 9990;
		width: 185px;
		padding: 5px;
		margin: 0 0 0 -3px;
		background:#fff;
		border-bottom:2px solid #552448;
	}
	
	.refineField li li {
		padding:0px;
	}
	
	.refineField li li select {
		margin-bottom:0px;
	}
	
	.smallPrint {
		font-size:10px;
		line-height:0px;
		padding-left:20px;
		margin-bottom:5px;
	}
	#ResultCount {
		display:none;
		position:relative;
		float:left;
		top:-55px;
		width:auto;
		z-index:100;
		padding: 5px 15px;
		background-color:#552448;
		opacity:.85;
		color:white;
	}
	a.btn_close_results {
	float: right;
	margin: -7px -11px 0 0;
	color:white;
}

/*
@media (min-width: 1419px) {
	.mapSide{width: calc(100% - 401px);}
}
*/
@media (min-width:1100px) {
		#myAddressMap {width:400px;border-radius: 0px;}
}
@media (min-width: 768px) and (max-width: 1099px) {
	
	.BingFreehand {
		right:211px;
	}
	#ResultCount {
		right:100px !important;
		width:75px !important;
	}
/*	#dsidx-listings li {width:95%;}
	.TabletDraw {display:none;float:right;}
	
	*/

	.mapSide{width:calc(100% - 376px);}
	.gridside{width:375px;}
	.mapResultLinks{margin-left:0px!important;}
	#myAddressMap {width:200px;border-radius: 0px;}
}

@media (max-width:767px) {
	.mapSide{margin-top:0px;width:100%;}
	.gridsidehide{display:none;}
	.gridside{margin-top:0px;width:100%;}
	.MobileDraw {display:none !important;}
	.BingFreehand {
		left:20px;
		float:left !important;
	}
	#ResultCount {
		top:-72px !important;
		width:100% !important;
	}
	#dsidx-listings li {width:325px;height:360px;margin-left:calc((100% - 325px) / 2)}
	#myAddressMap {width:95%;border-radius: 0px;}
	
}
::-webkit-input-placeholder {
   font-style: italic;font-size:12px!important;
}
:-moz-placeholder {
   font-style: italic; font-size:12px!important;
}
::-moz-placeholder {
   font-style: italic;font-size:12px!important;
}
:-ms-input-placeholder {  
   font-style: italic; font-size:12px!important;
}
.maptog{position: fixed;bottom: 0px;width: 100%;}

@media(max-width:767px) {
	#mobile-refine {
		margin-left: 0px !important;
		display:none;
		overflow: inherit;
		background:#f7f7f7;
		position:relative;
		height:95px;
		z-index:1000;
	}
	#mobile-refine .refineField {
		width: 95%;	
		margin-bottom:5px;
	}
/*	#mobile-refine .refinemore {
		margin-left: 0px !important;
	} */
	#mobile-refine .refineSub {
		display: block;
		position: relative;
		border: none;
	}
	#mobile-refine select {
		margin-left: 0px;
	}
	#mobile-refine .refinemore {
		width: auto;
	}
	#mobile-refine .refineDrop {
		background-image: none;
	}

	#mobile-refine .refineDrop .refinemore {
		width:auto;
		margin-left:-10px !important;
	}
	
	.refineZilRow {
		background-color: white;
	}	
	.zilRefineHalf {
		width:45% !important;
		float:left;
		margin-right:5px;
	}
}
#createStatus {
	color:red;
	font-weight: bold;
	font-size: 14px;
}
.mrg15{margin-left:15px}
	#log {
		max-height:190px;
		overflow:hidden;
	}
	#log .searchhelperitem {
		color:#552448;
		background-color:white;
	}
	#log .searchhelperitem:hover {
		color:white;
		background-color:#552448;	
		cursor:pointer;
	}
	#searchhelper {
		display:none;
	}
	.refina {
		width:522px;
		z-index:200;
	}