﻿#reviseSearch {float:right;position:relative;z-index:1;margin:30px 20px 22px 0; font-weight:bold;}
#reviseSearch a {}
#communityBody {  }
#communityBody h1
{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size: 24px;
    padding: 0 20px 0 20px;
    color: #000;
    position:relative;
}

ul#communityBreadcrumb {margin:6px 20px;padding:0;}
ul#communityBreadcrumb li {margin:0;padding:0;list-style-type:none;display:inline-block;zoom: 1;*display: inline;}
ul#communityBreadcrumb a {text-decoration:none;padding-right:2px;}
ul#communityBreadcrumb a:after {content:">"; color:#000; padding: 0 2px;}

#communitySidebar { float:right;width:231px;}

#startSearch {background: transparent url('../images/community/start-search-bg.png') repeat-x scroll left 6px;border:1px solid #000;padding: 6px 0 0 0;margin:6px 0; }
#startSearch .startSearchHeader {background: transparent url('../images/community/start-search-right-bg.png') no-repeat scroll right top; position:relative; left: 11px; padding: 0 11px 0 0;height:46px;}
#startSearch h2 {background: transparent url('../images/community/start-search-left-bg.png') no-repeat scroll left top; position:relative; left: -22px; padding: 0 0 0 44px;height:46px;line-height:38px;text-align:center;margin:0;}
#startSearch p {font-weight:bold;text-align:center;padding:0;margin: 4px 0;}
#startSearch .searchForm
{
    padding: 8px 8px;
}
#startSearch .searchForm label.searchLabel {text-align:center;}
#startSearch .searchForm .sectionHeader {font-weight:bold;display:block;padding: 4px 0;}
#startSearch .searchForm .label {font-weight:bold;display:block;padding: 4px 0;}
#startSearch .searchForm .section {padding: 6px 18px;}
#startSearch .searchForm .priceRange {display:inline-block; width: 240px;}
#startSearch .searchForm .priceRange input { text-align:right; width: 40px; }
#startSearch .searchForm .bedsParam {display:inline-block; width: 120px;}
#startSearch .searchForm .bathParam {display:inline-block; width: 120px;}
#startSearch .searchForm  .advancedFeatures {}
#startSearch .searchForm  ul.advancedFeatures li {display:inline-block; width: 120px;padding: 10px 0;  }
#startSearch .searchForm  ul.advancedFeatures li input {width: 40px; }
#startSearch .searchForm ul {margin:0;padding:0;}
#startSearch .searchForm ul li {margin:0;padding:0;list-style-type:none;display:inline-block;width: 120px;}

#startSearch .searchForm .searchButtonSection
{
    text-align:right;
    margin: 4px 26px;
}
#startSearch .searchForm .searchButtonSection input
{
    background: transparent url(../images/home/search-button-home.png) no-repeat scroll left top;
    height: 43px;
    width: 122px;
    text-indent: -9999px;
    border: 0 none;
    cursor: pointer;
}

#MoreCommunityInformation {margin:6px 0 6px 20px;border:1px solid #ddd;padding:2px;width:665px;}
#MoreCommunityInformation h2 {background-color: #eee;margin:0 0 2px 0;padding: 4px 10px;}
#MoreCommunityInformation p{ padding: 8px 8px; text-align:left; }
#MoreCommunityInformation .communityContactForm {margin:0 auto;width: 650px;position:relative;}
#MoreCommunityInformation .communityContactForm label {display:block; float:left;clear:left;width: 75px;text-align:right;margin: 5px 5px 0 0;}
#MoreCommunityInformation .communityContactForm input {display:block; float:left; clear:right;width: 200px;margin: 5px 0 0 0;}
#MoreCommunityInformation .communityContactForm textarea{ resize:none; display:block; width:270px;max-width:270px;height:100px; max-height:100px; margin: 5px 0 0 0; }
#MoreCommunityInformation .communityContactForm label.comment{ position:absolute; top: 0; left:281px;}
#MoreCommunityInformation .communityContactForm textarea.comment{position:absolute; top: 0; left:362px;}
#MoreCommunityInformation .communityContactForm input.submit {display:block; float: right; clear:both;margin:10px 12px;background: transparent url('../images/community/submit-button.png') no-repeat scroll left top; cursor: pointer;width:80px ;height:27px; color:#000;font-weight:bold;font-size:14px;border:0 none;padding-bottom:3px;}
.communityContactForm .formControls {position:relative;}

#relatedLinks {width: 656px; margin:0 0 0 30px;}
#relatedLinks dt { margin: 6px 0 0 0; }

#sideContactSection {border:1px solid #000;margin:6px 0;}
#sideContactSection .header {background: #cccccc url('../images/community/contact-header.png') no-repeat scroll center center; height:40px; }
#sideContactSection p {padding: 0 6px;}
#sideContactSection .communityContactForm {width: 175px; margin: 0 auto;}
#sideContactSection .communityContactForm label { display:block; font-weight:bold; margin: 0 0 2px 0; }
#sideContactSection .communityContactForm input { display:block; width: 175px;margin:0 0 6px 0;}
#sideContactSection .communityContactForm input.submit { background: transparent url('../images/community/submit-button.png') no-repeat scroll left top; cursor: pointer;width:80px ;height:27px; color:#000;font-weight:bold;font-size:14px;border:0 none;padding-bottom:3px;margin: 6px;position:relative; left:110px;}

.searchResultPreview {border:1px solid #000;margin:6px 0;}
.searchResultPreview h2 {font-size:16px; background-color: #cccccc; height:40px; line-height:40px; padding:0;margin:0; text-align:center;}
.searchResultPreview h2 a {font-size:16px;text-decoration:none; color: #000;}
.searchResultPreview .listing 
{
    position:relative;
    margin: 4px 0;
    padding: 4px 0;
    min-height: 80px;
    background: transparent url(../images/community/searchresultsdivider.jpg) no-repeat scroll center bottom;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 220px 1px;

}
.searchResultPreview .listing .img {float:left; display:inline; width:100px;margin: 0 4px;}
.searchResultPreview .listing .img img {border:1px solid #fff; float:left}
.searchResultPreview .listing .details{font-size:11px;}
.searchResultPreview .listing .address {display:block;}
.searchResultPreview .listing .price {display:block;font-weight:bold; font-size:12px;}
.searchResultPreview .listing .icons{display:block;}
.searchResultPreview .listing .type {display:block;}
.searchResultPreview .listing .bedBath {display:block;}
.searchResultPreview .listing .clr {height:1px;}
.searchResultPreview .listing .listingDataInfo{clear:both;margin: 0 4px;}
.searchResultPreview .listing .mlsLogoImage{clear:both;margin: 0 4px;}
.searchResultPreview .bottom { height: 30px; text-align:center; }
.searchResultPreview .bottom a {text-decoration: none;background: transparent url('../images/community/submit-button.png') no-repeat scroll left top;width:80px ;height:27px;line-height:25px; color:#000;font-weight:bold;font-size:14px;display:inline-block;}

#backToListingSection 
{
    
    margin:0;
    padding: 0;
    
    
}
#backToListingSection .backToListingLink 
{
    background: transparent url(../images/community/back-button.png) no-repeat scroll left top;
    height: 32px;
    width: 205px;
    color: #fff;
    display:block;
    text-align:center;
    line-height:32px;
    font-weight:bold;
    margin: 0 auto;
}
#backToListingSection div.listingSummary {display:block; margin:10px 0; padding:0;font-size:.9em; text-align:left;}
#backToListingSection div.listingSummary a {text-decoration:none; color:#000;}
#backToListingSection div.listingSummary .address {font-weight:bold;font-size:1.1em;margin: 0 0 5px 0;}
#backToListingSection div.listingSummary img.photo {float:left;margin: 0 5px 0 0;height:75px;width:100px;}
#backToListingSection div.listingSummary .citystate {}
#backToListingSection div.listingSummary .price {}
#backToListingSection div.listingSummary .mlsNumber {}

.communityContent 
{
    background: transparent url(../images/community/community.png) no-repeat scroll left 125px;
}
.communitySearch
{
    width: 500px;
    margin: 20px auto 10px auto;
    min-height: 200px;
}
.communitySearch p.description
{
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
}
.communitySearch label
{
    background: #0066cc url(../images/community/search-bg.png) repeat-x scroll left top;
    display:inline-block;
    height: 30px;
    width: 115px;
    color:#fff;
    line-height: 30px;
    text-align:center;
    font-size: 18px;
}
.communitySearch input.location
{
    height: 28px;
    width: 300px;
    padding: 0 5px;
    margin:0;
    font-size: 18px;
}
.communitySearch input.search
{
    background: transparent url(../images/community/search-button.png) repeat-x scroll left top;
    border: 0 none;
    height: 43px;
    width: 41px;
    text-indent: -9999px;
    display:inline-block;
    margin: 0 0 0 4px;
    padding: 0;
    cursor: pointer;
}
.communitySearch ul.stateList {margin:0;padding:0;}
.communitySearch ul.stateList li {display:inline-block; width: 95px;margin:0; padding:0;list-style-type:none;}

/*School and district*/
.schoolList {width:670px; margin:10px auto 0 auto;}
#schoolInformation .schoolGroup {margin-bottom:10px;border:1px solid #ddd;padding:2px;}
#schoolInformation .schoolGroup .schoolGroupHeader{background-color: #eee;margin:0;padding: 4px 10px;}
#schoolInformation .schoolGroup .schoolGroupHeader h2 {display:inline;margin:0;}
#schoolInformation .schoolGroup .schoolGroupHeader span.count {color:#383838;}

#schoolInformation .schoolGroup a {text-decoration:none;}
#schoolInformation .schoolGroup a:hover {text-decoration:underline;}

#schoolInformation .schoolGroup table {table-layout:fixed;}
#schoolInformation .schoolGroup table th {text-align:left;padding: 4px 2px;}
#schoolInformation .schoolGroup table td {text-align:left;padding: 4px 2px;vertical-align:top;border-top: 1px solid #ddd;}

#schoolInformation .schoolGroup table th.name {width: 214px;}
#schoolInformation .schoolGroup table th.district {width: 214px;}
#schoolInformation .schoolGroup table th.grades {width: 70px;}
#schoolInformation .schoolGroup table th.address {width: 156px;}

.schoolOverview {}
#school { width: 670px; margin: 10px auto 0 auto; }
#district { width: 670px; margin: 10px auto 0 auto; }
.schoolOverview ul.schoolLists {padding:0;margin:0;}
.schoolOverview ul.schoolLists li{padding:0;margin:0 5px;display:inline;list-style-type:none;}
.schoolOverview dl {margin:0;padding:0;}
.schoolOverview dl dt {clear: left;float: left;margin: 0;padding: 5px;font-weight: bold;width: 180px;}
.schoolOverview dl dd {float: left;margin: 0;padding: 5px;width: 130px;}
.schoolOverview dl dt.alt,
.schoolOverview dd.alt{background-color:#eee;}
.schoolOverview h2 {background-color: #eee;margin:0 0 2px 0;padding: 4px 10px;}
.schoolOverview h2 a {font-size:.6em; text-decoration:none;}
.schoolOverview h2 a:hover {text-decoration:underline;}
.schoolOverview .left {float:left;margin-right:4px;width: 330px;}
.schoolOverview .right {float:left;width: 330px;}
.schoolOverview .nodata {text-align:center;}
.schoolOverview p{padding:0 4px;}

.schoolOverview .summary{margin:10px 0;}
.schoolOverview .summary dl dt{width: 70px;}
.schoolOverview .summary dl dd{width: 240px;}
.schoolOverview .summary .schoolMap{float:left;}
.schoolOverview .section {margin-bottom:10px;border:1px solid #ddd;padding:2px;}
.schoolOverview .schoolsByGradeRange { margin-top: 15px; }

.schoolOverview .selectedFeatures{margin-bottom:10px;min-height: 150px;border:1px solid #ddd;padding:2px;}
/*state*/
.stateOverview .stateHeader { border-bottom: 4px solid #ccc; padding: 4px 0 4px 20px;font-weight:bold;}
.stateOverview .stateMap { float:right; }
.stateOverview .countyList {  }
.stateOverview ul.counties { margin:0; padding:0; }
.stateOverview ul.counties li { margin:10px 0; padding:2px; list-style-type:none;}
.stateOverview ul.cities { margin:0 0 0 10px; padding:0; }
.stateOverview ul.cities li { margin:0; padding:2px; list-style-type:none;display:inline-block; width: 150px;}
.stateOverview a.county { font-weight:bold;}
.stateOverview a.city {}

/*county*/
.countyOverview #countyContent { margin: 10px 20px; padding: 16px; border: 1px solid #000; background-color: #ccc; color: #000; }
.countyOverview #sections div.section {display:none;line-height: 1.5em;}
.countyOverview #sections div.section.selected {display:block;}
.countyOverview #sections div.section h2 {margin: 4px 0;}
.countyOverview #countyContent #cityLinks { }
.countyOverview #countyContent #cityLinks h2 { text-align:center; border-bottom: 1px solid #000;font-size: 1.2em;padding: 6px 0;margin: 10px 0;}
.countyOverview #countyContent #cityLinks ul {margin:0; padding:0;text-align:left;}
.countyOverview #countyContent #cityLinks ul li { margin:0; padding:2px; list-style-type:none;display:inline-block; width: 150px; }
.countyOverview #startSearch {width: 672px;margin-left:auto;margin-right:auto;} 
/*community*/

/*#searchViewsTop ul{margin:0 0 0 10px;padding:0;}*/
#searchViewsTop li{display:block;height:37px;float:left;padding:0;margin:0;}
#searchViewsTop a {display:block;width:115px;height:32px;float:left;
    color:#ffffff;
    font-size:17px;
    padding:5px 0 0 0;
    line-height:32px;
    font-family:"Trebuchet MS",Helvetica, sans-serif;
    background-image: url(../images/search/tab_off.gif);
	background-repeat: repeat-x;
	margin-right:1px;
	text-decoration:none;
	text-align:center;
}
#searchViewsTop a.on {width:126px;color:#000000;background-image: url(../images/search/tab_on.gif);padding:0;height:37px;}
#searchViewsTop a:hover{color:#ffff00;background-image: url(../images/search/tab_off.gif);}
#searchViewsTop a.on:hover {width:126px;color:#000000;background-image: url(../images/search/tab_on.gif);}

#communityData { width: 700px; float:left; }
ul#communityNav {
	background-image:url(../images/community/search_view_bg.gif);
	background-repeat:no-repeat;
	background-position:left 30px;
	height:37px;
	margin:0;}
ul#communityNav li 
{
    padding:0; 
    margin:0;
    list-style-type:none;
    background: transparent url(../images/search/tab_off.gif) no-repeat scroll left top;
    height: 37px;
    text-align:center; 
    display:inline-block; 
    zoom: 1;
	*display: inline;  
}
ul#communityNav li.selected
{
    background: transparent url(../images/search/tab_on.gif) no-repeat scroll left top;
    width:126px;color:#000000;padding:0;height:37px;
    line-height:42px;
    font-family:"Trebuchet MS",Helvetica, sans-serif;
	font-size:17px;
}
ul#communityNav li a 
{
	text-decoration:none;color:#000;height:37px; width:115px; 
	display:block;line-height:42px;padding:0;
	font-family:"Trebuchet MS",Helvetica, sans-serif;
	font-size:17px;
	color:#ffffff;}
	
ul#communityNav li.selected a
{
    width:126px;color:#000000;background-image: url(../images/search/tab_on.gif);padding:0;height:37px;
}
ul#communityNav li a:hover{color:#ffff00;}
ul#communityNav li.selected a:hover {width:126px;color:#000000;}

.communityWrapper {clear:both;width:698px;margin:0;padding:0;border-right:1px solid #c7cfc1;border-left:1px solid #c7cfc1;border-bottom:1px solid #c7cfc1;}
.community {clear:both; vertical-align:top; width:670px; margin:0 auto 0 auto;padding-top:10px;background-color:#fff;}
.community h2, .community h3{background-color: #eee;margin:0 0 2px 0;padding: 4px 10px;font-size:1.5em;text-align:left;}
.community div.chartSection{background-color:#fff;border:1px solid #ddd;padding:2px;margin-bottom:10px;text-align:center;}
.community div.chartSection p{ padding: 8px 8px; text-align:left; }
.community div.left {width: 240px; float:left; margin: 0 3px 8px 6px; text-align:center;}
.community div.right {width: 394px; float:left; margin: 0 6px 8px 3px; text-align:center;}
.community dl {margin:20px auto;padding:0 5px;display:block;}
.community dl dt {clear: left;float: left;margin: 0;padding: 5px 0;font-weight: bold;text-align:left;width:80%}
.community dl dd {float: left;margin: 0;padding: 5px 0;text-align:center;width: 20%;}

.community .areaProfileCommunityDisplay
{
    background-color: #ccc;
    padding: 6px 20px;
    margin: 6px 0;
}

.community .communityCharacteristics ul {margin:10px 10px; padding: 0; }
.community .communityCharacteristics ul li { float:left; width: 175px; margin:0; padding:0; display:block;text-align:left;}
.community .communityCharacteristics ul li:before { content:"•"; margin: 0 5px 0 0; }

.community .summaryData {width:240px;float:left;}
.community .communitySummary {height:174px}
.community .housingStability {margin-top:10px;margin-bottom:10px;}
.community .housingInventory {width:416px !important; float:right;text-align:center;}

.community .listingStats {}
.community .listingStats p {margin: 0;padding:0;}
.community .listingStats table.listingCountByPriceRange { width: 300px; margin: 10px; float:left;}
.community .listingStats table.listingCountByPropertyType {width: 300px; margin: 10px; float:left;}
.community .listingStats table th {background-color: #EEEEEE;}
.community .listingStats table th {font-weight:bold;border: 1px solid #E6DFCD;}
.community .listingStats table td {font-weight:bold;border: 1px solid #E6DFCD;}
.community .listingStats table td a {font-weight:normal;}
.community .listingStats .statData {clear:both;}

.community .populationDeomographics .totals {display:inline-block;position:relative;width:95%;}
.community .populationDeomographics .total {position:absolute; left:0;top:0;}
.community .populationDeomographics .households {text-align:center;}
.community .populationDeomographics .medianAge {position:absolute; right:0;top:0;}

.community .fairMarketRents dl { width: 55%; margin: 10px auto; }
.community .fairMarketRents dd {background-color: #eee;border-bottom: 1px solid #e6dfcd;}
.community .smokingBan dl { width: 55%; margin: 10px auto; }
.community .smokingBan dd {background-color: #eee;border-bottom: 1px solid #e6dfcd;}

/*community compare*/
.communityCompare {clear:both; vertical-align:top; width:100%; margin:10px auto 0 0;padding:5px 0 0 0;background-color:#fff;}
.communityCompare h2, .communityCompare h3{background-color: #eee;margin:0 0 2px 0;padding: 4px 10px;font-size:1.5em;text-align:left;}
.communityCompare h4 { font-style:normal; text-align:center; }
.communityCompare div.chartSection{background-color:#fff;border:1px solid #ddd;padding:2px;width:100%;margin-bottom:10px;text-align:center;}
.communityCompare div.chartSection p{ padding: 8px 8px; text-align:left; }
.communityCompare div.left {width: 350px; float:left; margin: 0 8px 8px; text-align:center;}
.communityCompare div.right {width: 350px; float:left; margin: 0 0 8px 0; text-align:center;}
.communityCompare div.full {width: 718px; margin: 8px auto; text-align:center;clear:both;}
.communityCompare table {margin:20px auto;padding:0 5px;display:block; width: 500px;display:table;border-collapse:separate;}
.communityCompare thead th {margin: 0;padding: 5px 0;font-weight: bold;text-align:center;}
.communityCompare tbody th {font-weight: normal;text-align:left;}
.communityCompare td {margin: 2px;padding: 5px 0;text-align:center;background-color:#eee;}
.communityCompare .compareOverview td {text-align:left;background-color:#fff;}

.communityCompare .communityCharacteristics .communityCharacteristicsLists h4{text-align:left;}
.communityCompare .communityCharacteristics .communityCharacteristicsLists p { margin:2px; padding:0;}
.communityCompare .communityCharacteristics .communityCharacteristicsLists ul {margin:0 auto;padding:0 0 0 15px;text-align:left;}

