/* PROPERTY SEARCH BOX */
/* BASIC */

#propertysearch{overflow: hidden;position: relative;width:auto;min-height:200px;padding:10px 15px 0 15px;position:relative;background: url(img/form-property-bg.gif) repeat-x top;clear:both;background-color:#61b7e6}

#districtdiv{width:95%;min-height:200px;position:absolute;top:-5000px;clear:both;background:#FFF;text-align:center;padding:15px 10px 0 10px;margin:0 auto}

#basicpropertycontainer{width:auto;height:250px;padding:10px;position:relative;background: url(img/propertysearchbg.jpg) no-repeat;}
#propertysearchbody{width:auto;padding:5px;margin-top:22px;height:170px;}

.togglesearch{border: none;width:auto;margin:10px 15px 0 0;float:right;padding-left:15px;background: url(img/orange-arrow.gif) left no-repeat;}
.togglesearch a{color:#FFF;text-decoration:underline;font-weight:bold;border: none;}
.togglesearch a:visited{color:#FFF}
.togglesearch a:hover{color:#000;text-decoration:underline;}

.formselectsale{width:auto;margin: 0 0 15px 15px;float:left;}
.formpropertytext{width:auto;margin: 0 0 15px 15px;float:left;}
.formlocation{width:auto;margin: 0 0 15px 15px;float:left;}
.formpropertytype{ width:auto;margin: 0 0 15px 15px;float:left;}
.formprice{width:auto;margin: 0 0 15px 15px;float:left;}
.formrooms{width:auto;margin: 0 0 15px 15px;float:left;}
.formsize{width:auto;margin: 0 0 15px 15px;float:left;}
.searchproperty{width:auto;margin:15px 20px 0 15px;float:left;}

.propertysearch label{font-size:12px;line-height:20px;font-weight: bold; color:#FFF;float: left;margin-left:2px;display: block}
.propertysearch input[type=text] {font-family:Arial, Helvetica, sans-serif;font-size:14px;height:18px;line-height:18px;padding:0px;}
.propertysearch select {font-family:Arial, Helvetica, sans-serif;font-size:14px;height:21px;line-height:21px;padding:0px;}
.propertysearch input:focus,.propertysearch select:focus{ 
border:2px solid #DCDCDA;border-top:1px solid #DCDCDA;
 -webkit-box-shadow:0 0 6px #FFF; 
 -moz-box-shadow:0 0 5px #FFF; 
 box-shadow:0 0 6px #FFF;
 } 

.searchpropertybutton{width:80px;height:30px;border:none;background: url(img/propertysearch-btn.gif) no-repeat;color: #333;font-size:12px;font-weight: bold;padding:0px;text-decoration:none;}
.searchadvancepropertybutton{margin-left:10px;width:80px;height:30px;border:none;background:url(img/propertysearch-btn-i.gif) no-repeat;color:#FFF; font-size: 12px;font-weight:bold;padding:0px;text-decoration:none;}
.searchpropertybutton:hover,.searchadvancepropertybutton:hover {text-decoration:underline;}

.propertylink {margin:25px 10px 10px 10px;font-weight:bold;width:auto;float:left;}
.propertylink a {font-family: Arial, Helvetica, sans-serif;color: #FFF;padding:0 10px 0 22px;text-decoration:none;}
.propertylink a:hover{color:#000;text-decoration:underline;}
.condodirectorylink a{background: url(img/condodirectory-icon.gif) left no-repeat;}
.postpropertylink a{background: url(img/postproperty-icon.gif) left no-repeat;}
.propertypictureslink a{background: url(img/propertypicture-icon.gif) left no-repeat;}

/* UL CHECKBOX */
fieldset.group {margin:0;padding:0;margin-bottom:5px;border:none;} 
fieldset.group legend {background: url(img/blue-arrow.gif) left no-repeat;width:90%;padding:6px 18px 0px 12px;overflow:hidden;height:22px;border-bottom: 1px dotted #AEAEAE;margin-top:0px;font-weight:bold;} 
ul.checkboxDistrict,ul.checkbox {padding:0;list-style:none;} 
ul.checkboxDistrict{margin-left:10px}
ul.checkbox {margin:-5px 0 0 0;}
ul.checkboxDistrict ul {text-align:left}

ul.checkboxDistrict li input,ul.checkbox li input{float:left;margin-right:3px;padding:4px 0 0 2px; vertical-align:-2px} 
ul.checkboxDistrict li,ul.checkbox li {display: inline;padding:3px;line-height:2;float:left;} 
ul.checkboxDistrict li {width:250px;} 
ul.checkbox li {width:120px;}
ul.checkboxDistrict li label,ul.checkbox li label {float:left;color:#000;font-weight:normal;margin-left:2px;font-size:90%} 
ul.checkboxDistrict li:hover, 
ul.checkboxDistrict li.focus,ul.checkbox li:hover,ul.checkbox li.focus {background-color:#79c9ec;} 
ul.checkboxDistrict li input:focus,ul.checkbox li input:focus{ 
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#districts div{position:absolute;width:30px;font-weight:bold;font-family:Arial;font-size:10px}
a.maplinks, a.maplinks:visited{color:#000;text-decoration:none}
a.maplinks:hover,a.maplinks:visited:hover{color:#666;text-decoration: underline}


/* www */

.small-verdana {font-size: .9em; font-family: Verdana, Arial, Tahoma; TEXT-DECORATION: none}
.small-italic {font-size: .9em; font-family: Verdana, Arial, Tahoma; font-style: italic;}
.bottom-line{ width:auto; border-bottom: 1px dotted #999;}

/* SECTION HEADER */
.sectionheader{
	float: left;
	width: 100%;
}

.sectionheader a{
    width: auto;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
    border: 1px solid #77D5F7;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	display: block;
	position: relative;
	padding: .1em 1em .1em 26px;
	background: url(img/sectionheader-default.png) repeat;
}

.sectionheader a:hover{
    color: #026890;
    border: 1px solid #448DAE;
	background: url(img/sectionheader-focus.png) repeat;
}


.sectionheader_default {
    width: auto;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
    border: 1px solid #A8A8A8;
	line-height: 25px;
	height: 25px;
	padding: .1em 1em .1em 26px;
	text-decoration: none; 
	position: relative;
	display: block;
	background: url(custom-theme/img/ui-icons_d8e7f3_256x240.png) 50% 50% repeat;
	}
	
.sectionheader_default span.ui-icon {margin: 0 5px 0 0; position: absolute; left: 5px; top: 50%; margin-top: -8px;}

/* SECTION CONTAINER */

.sectioncontainer{
	width: auto;
	padding: 2px;
	border: 1px solid #D4D4D2;
	position: relative;
}


/* CONTENT CONTAINER */

.bluecontainer{
width: auto;
padding: 10px;
background-color: #DDEEF6;
border:2px solid #3199C4;
}

.whitecontainer{
width: auto;
padding: 20px;
background-color: #fff;
position: static;
}

.greycontainer{
width: auto;
background: #fff url(img/rounded-title.gif) top repeat;
border:1px solid #D4D4D2;
position: static;
}

.greytitle{
width: auto;
font-size: 12px;
font-weight: bold;
color:#333;
height: 20px;
padding: 8px 0 4px 12px;
float: left;
}

/* LIST BULLETS & ARROWS */

/* SUBPAGE LINK */

.subcontainer{
	width:auto;
	height:auto;
	padding: 8px;
	border: 1px solid #CEE3EA;
	position: relative;
	background: #F7F7F7;
	
} 

.sublink{
margin-left: 0;
padding-left: 20px;
margin-top: 0;
list-style: none;
}

.sublink ul{
width: 100%;

}
	
.sublink li {
width:280px;
float:left;
line-height:18px;
color: #3199C4;
font-weight: bold;
text-decoration: none;
padding-left:18px;
background: url(img/arrowbullet.png) no-repeat ;
background-position: 0;
}

.sublink li a{
line-height:18px;
color: #3199C4;
text-decoration: none;
}

.sublink li a:hover {
color: #000;
text-decoration: underline;

}

.bullet-blu{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.bullet-blu li {
line-height:18px;
color: #666;
text-decoration: none;
padding-left:18px;
background: url(img/blu-arrow.png) no-repeat ;
background-position: 0;
}

.bullet-blu li a{
line-height:18px;
color: #3199C4;
text-decoration: none;
font-weight: bold;
}

.bullet-blu li a:hover {
color: #000;
text-decoration: underline;
font-weight: bold;

}

.bullet-grey{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.bullet-grey li {
line-height:18px;
color: #666;
text-decoration: none;
padding-left:18px;
background: url(img/grey-arrow.png) no-repeat ;
background-position: 0;
}

.bullet-grey li a{
line-height:18px;
color: #666;
text-decoration: none;
}


.bullet-grey li a:hover {
color: #000;
text-decoration: underline;

}

.bullet-box{
list-style-type: square;
padding-left:20px;
}

.bullet-box li {
line-height:18px;
color: #666;
text-decoration: none;

}

.bullet-box li a{
line-height:18px;
color: #3199C4;
text-decoration: none;
}


.bullet-box li a:hover {
color: #666;
text-decoration: underline;
}

.tick{
text-align:left;
line-height:18px;
padding-left:18px;
background: url(img/tick.png) no-repeat ;
background-position: 0;
}

.tick li {
text-align:left;
line-height:18px;
padding-left:18px;
background: url(img/tick.png) no-repeat ;
background-position: 0;

}


.tick li a{
line-height:18px;
color: #3199C4;
text-decoration: none;
}


.tick li a:hover {
color: #000;
text-decoration: underline;

}

/* LISTING PAGE */

.prioritylisting { width: auto; padding: 2px; background: #FCFFD4 url(img/prioritylisting-bg.png) top right no-repeat;}
.section{margin-bottom:8px; width:auto; padding: 10px;}
.border{border:1px solid #D4D4D2;}
.borderblue{border:1px solid #B5D5F0;}
.subnavsection{margin-top: -18px; margin-left: -2px; width:200px; padding: 15px; border:1px solid #D4D4D2; float:left}
.titlesection{ margin-right: 10px; width:300px; float:right}

.columngrey{margin: 5px; width:auto; min-height:140px; padding: 10px; border:1px solid #D4D4D2; float:left;}
.columnblue{margin: 5px; width:auto; min-height:140px; padding: 10px; border:1px solid #B5D5F0; float:left;}
.bgblue{background:#EFF6FE;}
.bgbluegradient{background: url(img/bg-blue-gradient.jpg) repeat-x top;}
.bggrey{background:#F2F2F2;}

.sectiontitle{color: #FD6204; font-size: 15px; font-weight: normal;}
.sectiontitle:before {content:'\25BC  ';color:grey;font-weight: bold;}


.gradient{background: #fff url(img/bg-gradient.jpg) repeat-x top;}
.titlebgblue{background: #fff url(img/title-gradient.jpg) repeat-x top;}

.dotted{ width: auto; display:block;padding:4px; border-bottom:1px dotted #666;}

.sublink{list-style-type: none; line-height:18px; text-decoration: none; padding-left:10px;}

.white{color:#FFFFFF;}
a.white, a.white:visited{color:#18709E;text-decoration: underline;}
a.white:hover,a.white:visited:hover{color:#3CA7E1;text-decoration: none;}

.linktab{width:60px; text-align:center; margin: -10px 5px 2px 0px; padding: 4px; float:right; background: #fff; }

.columntitle {margin:0; color: #000; padding-left: 15px; background: url(img/h1-bullet.gif) bottom left no-repeat;
}

/* SUB PAGES */
.www-top{max-width:430px;}
.www-top-pic{text-align:center;height:100px;overflow:hidden}

@media screen and (max-width: 1000px) {
.links-layout{border:none;background:none;padding-top:0}
}
@media screen and (max-width: 750px) {

.links-layout ul{line-height:1.5}
.www-top{max-width:none}
}

@media screen and (max-width: 660px) {
.columnngrey, .columnblue{width:96%}
}
@media screen and (max-width: 500px) {
.columnngrey, .columnblue{width:auto}
}

@media screen and (max-width: 400px) {
.section{padding:5px}
}