﻿#scCont {	
	position: relative;
	height: 520px;
	width:  280px;
	background-image: url("../images/backgrounds/amend-search.png");
	background-repeat: no-repeat;
	padding: 20px 0 20px 20px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
	z-index: 0;		
}

.disab
{
    color: #6E6E94;
    text-decoration: line-through;    
}

#scCont .disab .custom-select select
{
    color: #ccc;
}

#scCont .disab .custom-select::after
{
	border-color: #ccc transparent transparent transparent;
}



div#minBeds, div#furnIshing
{
    margin: 0;
    padding: 0;
}

#scCont select, #scCont input {
	color: #000;
}

#scLoc {
	position: absolute;
	top: 55px;
	left: 19px;
}

#scLoc span.bold {
	position: relative;
	left: 1px;
	float: left;
	margin-bottom: 3px;
	color: #fff;
}


div#UserSearchesDiv 
{
    top:185px;
    left:355px;
    width:300px;
    height:320px;
    visibility:hidden;
    position:absolute;
    font-size:small;
    background:#191F6C;
    color:#fff;
    margin:5px;
    border:3px solid #525252;
}
div#line12
{
    position:absolute;
    top: 498px;
	left: 20px;
}
div#line12 a
{
    color:#FF4444;
}


input#checkAll
{
	visibility:hidden;
}

#vCounter {	
	position: absolute;
	top: 473px;
	left: 133px;
	display: block;	
}


#matchesID {
    font-weight: bold;
}

div#sAlerts
{
	float: right; 
	padding-top: 3px;
}

#sAlerts img
{
	border: 0;
}

div#scKeywords
{
    position: absolute;
	top: 435px;
	left: 20px;
	display: block;
}

#scCont input.keywords
{
	position: absolute;
	top: 430px;
	width: 155px;
	border: 0;
	height: 18px;
	left: 110px;
	padding: 3px 5px 3px 5px;
}

span.info {
    clear: left;
    color: #8C8BB2;
    display: block;
    font-size: 11px;
}


table#CityAreas
{
    width:400px;
    padding: 0;
    border: 0;
	font-size: 12px;  
    clear: both;   
}

#CityAreas td
{
    padding-bottom: 3px;
}

#CityAreas td input
{
    padding-bottom: 0;
    margin-bottom: 0;
    height: 13px;
}

#CityAreas tr {
	padding-bottom: 4px;
}

div#SelectedAreas
{
	text-align:left;
	font-size: 11px;
	font-weight: normal;
	width: 265px;
	display: block;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
	display:none;
	max-height: 55px;
	overflow:auto;
}


div#ShownSelectedAreas
{
	margin-top: 3px;
}


#areaspan
{
    display:none;
}

select#CurrentAreaList
{
	width:170px;
	height:50px;
	font-size: 10px;
	padding:0 0 0 0px;
}
 


a#areaclick {
	float: left;
	margin-left: 110px;
	margin-right: 3px;
	font-size: 11px;
	color: #8C8BB2;
	cursor: pointer;
}

.rh-select {
	position: relative;
	color: #000;
	font-size: 13px;
	margin-bottom: 5px;	
}

.lh-select {
	position: relative;
	color: #000;
	font-size: 13px;
	margin-bottom: 5px;
}


#scAreas a 
{
	font-weight: normal;
}
div#scFreeTxt
{
	color: #000099;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


#scFreeTxt input
{
	width:263px;
}

div#scLh {
	position: absolute;
	top: 122px;
	left: 20px;
	width: 90px;	
	background: url(../images/backgrounds/search-rent-arrow.png) 31px 50px no-repeat;
}

#scLh .button
{
	width: 70px;
}


.scPou, .scRtUp {
	border: 1px solid #fff;
	width: 57px;
	padding: 4px 3px 4px 11px;
	height: 15px;
}



div#scRh {	
	position: absolute;
	top: 125px;
	left: 110px;
	width: 180px;
}


input.scRtUp
{
	margin-top: 21px;
	margin-bottom: 7px;
}

input.scPou, input.scRtUp 
{
	background-image: url("../images/icons/pound-sign.png");
    background-position: left 6px;
    background-repeat: no-repeat;
	background-color: #fff;
	padding-left:11px;	
}





div#scFl {	
	position:absolute;	
	left: 20px;
	top: 330px;
	width: 200px;		
}

div#scMi {	
	position: absolute;	
	left: 20px;
	top: 342px;
	width: 260px;
	margin: 3px 0 3px 0;
}

div#scMi input {
	clear: left;
	margin-left: 0;
	border: none;
	position:relative;
	top: 4px;
}

#scMi table td 
{
    vertical-align: baseline;   
}

div#scFr {	
	position: absolute;	
	left: 20px;
	top: 465px;
	width: 108px;
	margin: 3px 0 3px 0;	
}

div#scFr input {
	border: none;
	position:relative;
	top: 4px;
}


/* to do */
#scMi input, #scFr input
{
	margin: 2px 3px 0 1px;
	padding: 0; /* to fix ie8 margin bug */
	width: 13px; /* to fix ie6 & 7 margin bug */
}



div#CityAreasDiv
{
	padding-left: 5px;
	visibility: hidden;
	z-index: 20;
	left: -430px;
	top: 0px;
	position: absolute;
	width: 420px;
	height: 208px;
	background-color: #191F6C;	
	font-weight: normal;
}

#CityAreasDiv input {
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}


#scToL
{
	padding-top: 5px;
}
#scAdded
{
	padding: 5px 0 0 0;
}
#scAdded select
{
	width:165px;
}
#scAvailable
{
	padding: 5px 0 6px 0;
}
#scAvailable select
{
	width:165px;
}

div#alertsopen
{
	position:absolute;
	top: 400px;
	clear: both;
	width: 270px;
	margin-bottom: 10px;
}

#alertsopen a
{
	color: #7C2756; 	
}

#alertsopen img
{
	vertical-align: top;
	border: 0;
}

div#alerts
{
	visibility:hidden;
	z-index:22;
	top:0px;
	left:475px;
	position:absolute;
	width: 190px; 
	height: 180px;
	background-color: #191F6C;
	border:solid 1px #191F6C;
	color: #fff;
    border: 4px solid #525252;	
}

div#emailAlerts
{
	clear:both;
	padding:7px 10px 10px 10px;
}


#emailAlerts input
{
	width: 155px;
	margin: 7px 0 0 4px;
	padding: 4px;
	color: #000;
	border: 0;
}

#emailAlerts #alertClick
{
	width: 160px;
	height: 32px;
	color: #9C002B;
	font-size: 15px;
}

div#row
{
	text-align:left;
	vertical-align:top;
}

div#suggest
{
	margin:0;
	font-size: 12px;
	width: 263px;
}

span#close 
{
	text-align:right;
	width:100%;
	border: solid, 1px red;
}

.scSub
{
	font-weight: bold;
	font-size: 13px;
	color: #000099;	
	width: 165px;
	margin-top: 5px;
}

div#vSearchHd
{
	font-weight: bold;
	color: #000099;
	float: right;
}

div#btSubmit {
	position: absolute;
	top: 500px;
	left: 20px;
	width: 255px;
}

div#btSubmit input {
    border: medium none;
    border-radius: 0;
    height: 35px;
    width: 142px;
	float: right;    
}

#btSubmit .saveSe
{
    margin: 2px 32px 0 0;
    float: right;
}
#btSubmit .viewSe
{
    margin: 2px 0 0 0;
    float: left;
}



div#caHead
{
	margin: 0;
}

div#caHeadl {
	width: 300px;
	float: left;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	font-size: 12px;
}

div#caHeadr {
	float: right;
	width: 30px;
	padding: 4px;
}

.chelp {
	cursor: help !important;
}

.alTitle
{
	float: left;
	margin: 4px 0 0 4px;
}

.alClose
{
	float: right;
}


/* start rounded corners */
		/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
		.custom-select {
			width: 168px;
			position: relative;
			display:block;
			padding: 0;
			margin:2px 0 8px 0;			
		}

		.custom-select select {
			width:100%;
	                margin:0;
			background:none; 
			border: 0;
			outline: none;
			/* Prefixed box-sizing rules necessary for older browsers */
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			/* Remove select styling */
			appearance: none;
			-webkit-appearance: none;
			color: #000; /* added tdk */
			font-size: 13px;
			padding: 4px;
		}

		.custom-select::after {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			top: 50%;
			right: 0.6em;
			margin-top:-4px;
			z-index: -1;
			/* This hack make the select behind the arrow clickable in some browsers */
			pointer-events:none;
			border-style: solid;
			border-width: 7px 4.5px 0 4.5px;
			border-color: #8d8e8f transparent transparent transparent;						
		}
		
		.custom-select:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: -2;
			background-color: #fff;
		}		

		/* Hover style */
		.custom-select:hover {

		}

		/* Focus style */
		.custom-select select:focus {
			outline:none;
			box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
			background-color:transparent;
			color: #222;
			border-radius: 0;
		}

		/* Set options to normal weight */
		.custom-select option {
			font-weight:normal;
		}
		
	    .select2-dropdown-open .select2-choice
	    {
	    	background-color:#fff;
	    }
	    

		/* ------------------------------------  */
		/* START OF UGLY BROWSER-SPECIFIC HACKS */
		/* ----------------------------------  */

		/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
		x:-o-prefocus, .custom-select::after {
		  display:none;
		}    

		 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
		/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
		  .custom-select select::-ms-expand {
		    display: none;
		  }
		  .custom-select select:focus::-ms-value {
		    background: transparent;
		    color: #222;
		  }
		}  


		/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
		/* Show only the native arrow */
		@-moz-document url-prefix() { 
		  .custom-select {
		    overflow: hidden;
		  }
		  .custom-select select {
		    width: 120%;
		    width: -moz-calc(100% + 3em);
		    width: calc(100% + em);
		  }
		  
		}

		/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
		.custom-select select:-moz-focusring {
		  color: transparent;
		  text-shadow: 0 0 0 #000;
		}

		/* ------------------------------------  */
		/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
		/* ------------------------------------  */	
/* end rounded corners */

div#scCont .custom-select
{
	border-color: #fff;	
}

.city-combo
{
	width: 260px;
	border-radius: 0;
	background-color: #fff;
	font-size: 13px;
}

.select2-container .select2-choice
{
	border: 1px solid #fff;
	background-image: none;

}

.select2-container .select2-choice .select2-arrow b
{
	background: url(select-arrow.png) 0 7px no-repeat;
	border: 0;
	background-color: #fff;	
}

.select2-container .select2-choice .select2-arrow
{
	border: 0;
	background: none;
	width: 20px;
}




