/*-------------------------------------------------------------------------

Flavor1413.css
- Responsive Flavor Template, Black & White One

-------------------------------------------------------------------------*/

body { font-family: Arial, sans-serif; font-size: 16px; line-height: 130%; color: #333; }

img { border:0; margin: 0; }

/*-------------------------------------------------------------------------
>> SHARED CONTENT
-------------------------------------------------------------------------*/

h1, h2, h3, h4 { font-family: Arial, sans-serif; font-weight: normal; color: #656565; }

h1 { font-size: 36px; line-height: 36px; font-weight: normal; }
h2 { font-size: 26px; line-height: 28px; margin: 0; }
h3 { font-size: 22px; color: #5d5d5d; padding: 0; }
h4 { font-size: 14px; }

table div{ padding: 0; margin: 0; }

a { color: #656565; text-decoration: none; transition: all 0.3s; }
a:hover { color: #000; text-decoration: underline; transition: all 0.3s; }

strong { color: #333; }

.coloredFormLabelSmall { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #333; line-height: 20px; }

.neutralFormLabelSmall { font-family: Arial, sans-serif; font-size: 16px; color: #333; }

.formButtonLarge { width: 110px; height: 35px; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; margin: 0; color: #333; cursor: pointer; }
td .formButtonLarge { margin: 0; }

/*--------------------------------------------------------------------------------------------------
>> SITE HEADER
--------------------------------------------------------------------------------------------------*/

#siteHeader { background: #141414; border-top: solid 5px #a5a5a5; border-bottom: solid 3px #141414; height: 130px; }

#siteHeaderLogo { margin-left: -490px; }

#siteHeaderContent1, #siteHeaderContent3 { font-family: Arial, sans-serif; font-size: 16px; line-height: 31px; text-align: center; color: #a5a5a5; }

#siteHeaderContent2, #siteHeaderContent2 a, #siteHeaderContent2 a:hover, #siteHeaderContent3, #siteHeaderContent3 a, #siteHeaderContent3 a:hover {
    font-size: 50px; color: #fff; text-decoration: none; }

#siteHeaderContent2 { font-family: Arial, sans-serif; }

#siteHeaderContent1 a { color: #a5a5a5; text-decoration: none; }
#siteHeaderContent1 a:hover { color: #a5a5a5 ; text-decoration: underline; }

#siteHeaderContent3, #siteHeaderContent3 a, #siteHeaderContent3 a:hover { font-size: 28px; color: #fff; background: none; }
#siteHeaderContent3 { margin-left: -220px; margin-top: -25px; z-index: 100; text-align: left; }
#siteHeaderContent3 h3 { font-size: 30px; color: #fff; font-style: italic; }

/*--------------------------------------------------------------------------------------------------
>> LOGIN CONTROL
--------------------------------------------------------------------------------------------------*/

#siteLogin { font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin-top: -2px; padding-right: 10px; width: 470px; }
#siteLogin a{ line-height: 19px; color: #ccc; }
#loginControlLinks, #loginControlLinks a { font-size: 14px; margin-left: 3px; margin-bottom: 3px; color: #fff; }

/*--------------------------------------------------------------------------------------------------
>> NAVIGATION CONTROL
--------------------------------------------------------------------------------------------------*/

#siteNavigation {
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 44px;
    color:#fff;
    z-index: 100;
    top: 135px;
}

#siteNavigation a{
	color:#fff;
	text-decoration: none;
}

#siteNavigation a:hover{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

*html #siteNavigation a {
	position: relative;
}

#siteNavigationInner {    
    width: 980px;
    margin: -20px auto 0 auto;
    padding: 0;
    height: 45px;
    border-radius: 0px;
    background: #525252;
    border: solid 2px #525252;
}
#siteNavigationInner .siteMenu {
	margin: 0 auto;
}

.siteMenu .rmRootGroup{
}

.siteMenu .rmRootGroup .rmItem {
	display: block;
	padding: 0 12px 0 12px;
    border-right: 1px solid #525252;
	transition: all 0.3s;
	border-radius: 0px;
}
    .siteMenu .rmRootGroup .rmItem:hover {
        background: #333;
		transition: all 0.3s;
    }

.siteMenu .rmRootGroup .rmItem.rmFirst:hover {
    border-radius: 0px;
}

#siteNavigation .siteMenu .rmRootGroup .rmItem.rmLast {	
    border-right: none;
}

#siteNavigation .siteMenu .rmSlide{
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: none;
	font-size: 16px;
	text-transform: none;
	line-height: 18px;
	background-color: #333;
	z-index: 2;
    border-radius: 0px;
    padding: 5px 2px;
	transition: all 0.2s;
}
#siteNavigation .siteMenu .rmRootGroup .rmSlide .rmItem {
	font-size: 16px;
	border-right: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.siteMenu .rmSlide {
		min-width: 320px;
	}
	.siteMenu .rmSlide a {
		min-width: 318px;
		max-width: 100%;
	}
}

.siteMenu .rmSlide .rmItem {		
	display: block;
	padding-left: 0px;
    margin-left: 0px;
    background: none;
    border-right: 0;
	transition: all 0.3s;
}

.siteMenu .rmExpanded {
}

.siteMenu a{
	position: relative;
	display: block;
	padding-left: 0;
	padding-right: 5px;
	/*
	don't use padding top or botton on top level a tag
	because it causes strange behavior in ie 6
	padding-bottom: 4px;
	padding-top: 4px;	
	*/
}

.siteMenu a:hover{
	cursor: pointer;
}

.siteMenu .rmSlide .rmGroup .rmLink{
	position: relative;
	display: block;
	padding-left: 0;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 5px;
	font-weight: normal;
	transition: all 0.3s;
} 

.siteMenu .rmSlide a:hover{	
	cursor: pointer;
	background: #c1c1c1;
    color: #fff;
	transition: all 0.3s;
} 


/*--------------------------------------------------------------------------------------------------
>> MAIN LAYOUT
--------------------------------------------------------------------------------------------------*/

#siteMainContent {
    min-height: 590px;
}

/*--------------------------------------------------------------------------------
>> HOME PAGE FLAVOR STYLES -------------------------------------------------------
--------------------------------------------------------------------------------*/

#siteMainContentTop1 {
}
#siteMainContentTop2 {
    background: #4d4d4d;
    background: rgba(58, 59, 60, 0.8);
    filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	border: none;
    border-radius: 0px;
	padding: 20px 30px !important;
}
#siteMainContentTop2 h1 {
    font-size: 42px;
    color: #fff;
    line-height: 42px;
    font-style: normal;
    background: none;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
#siteMainContentTop2 a {
    color: #f9f9f9;
}
#siteMainContentTop2 a:hover {
    color: #fff;
}

#siteMain {
	padding: 0;
}

#siteMainContainer h2, #siteMainContentBot1 h2 {
    color: #525252;
    font-size: 24px;
    font-weight: normal !important;
    letter-spacing: -1px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

.callout-button {
	width: 250px;
	margin: 0 auto;
}
.callout-button-lg {
    width: 450px;
}
.callout-button a {
	color: #fff;
	display: block;
	padding: 14px 16px;
	text-align: center;
	border-radius: 0px;
	font-size: 18px;
	transition: all 0.3s;
}
.callout-button-lg a {
    font-size: 26px;
    padding: 18px;
    border-radius: 0px;
}
.callout-button a:hover, .callout-button a:active, .callout-button-lg a:hover, .callout-button-lg a:active {
	text-decoration: none !important;
	color: #fff;
	transition: all 0.3s;
}
.callout-button.blue a {
	background: #757575;
}
.callout-button.blue a:hover {
	background: #969696;
}
.callout-button.blue-two a {
	background: #525252;
}
.callout-button.blue-two a:hover {
	background: #7d7d7d;
}
.callout-button.red a {
	background: #a5a5a5;
}
.callout-button.red a:hover, .callout-button.red a:active {
	background: #333;
}
.callout-button.grey a {
	background: #626262;
}
.callout-button.grey a:hover, .callout-button.grey a:active {
	background: #898989;
}

#siteMainContentBot1 h2 {
    color: #757575;
}

#siteMainContainer .FeatListings, #siteMainContentBot1 .FeatListings {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    }
#siteMainContainer .FeatListings img, #siteMainContentBot1 .FeatListings img {
    width: 200px;
    height: 127px;
    margin: 0 5px;
    border-radius: 0px;
}
#siteMainContentBot1 .FeatListings img {
    width: 220px;
    height: 165px;
    margin-top: 10px;
}

#siteMainContentBot1, #siteMainContentBot2 {
    background: #fff;
    padding: 30px 0 40px 0;
    margin: 0 auto;   
}

#siteMainContentBot1 {
    background: #d5d5d5;
    padding-top: 40px;
	color: #333;
}
    #siteMainContentBot1 .weContainer {
        margin: 0 auto;
    }
	#siteMainContentBot1 p {
	}
    #siteMainContentBot1 a, #siteMainContentBot1 a:hover {
        color: #525252;
    }
    #siteMainContentBot1 .callout-button a, #siteMainContentBot1 .callout-button a:hover {
        color: #fff;
    }
#siteMainContentBot2 {
    padding-bottom: 0;
	display: block !important;
	background: #fff;
	text-align: center;
	color: #333;
}
#siteMainContentBot2 img {
    vertical-align: middle;
}

#siteFooter {
	font-family: Arial, sans-serif;
    background: #141414;
    border-top: solid 3px #141414;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}
#siteFooter a, #siteFooter a:hover, #siteFooterContent1 a, #siteFooterContent1 a:hover {
    color: #fff;
    text-decoration: none;
}
#siteFooter a:hover, #siteFooterContent1 a:hover {
    text-decoration: underline;
}
#siteFooterContent1, #siteFooterContent2, div.footerControl {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#siteFooterContent1 {
    min-height: 250px;
    color: #fff;
}
#siteFooterContent1 strong, #siteFooterContent1 a, #siteFooterContent1 a:hover {
    color: #fff;
}
#siteFooterContent1 h4 {
    font-size: 28px;
    line-height: 28px;
    font-family: Arial, sans-serif;
    letter-spacing:-1px;
    color: #a5a5a5;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0px;
}
#siteFooterContent1 .menuLinksTopItem {
	font-size: 16px;
}
#siteFooterContentSys {
    width: 100%;
    background: #0a0a0a;
    border-top: solid 3px #0a0a0a;
    font-size: 16px;
    color: #ccc;
	min-height: 100px;
    padding: 40px 0;
}
#siteFooterContentSys a, #siteFooterContentSys a:hover {
    color: #f9f9f9;
    font-weight: bold;
}
#footerDisclaimer {
    background: none;
}

/*--------------------------------------------------------------------------------------------------
>> MODULE CONTAINERS - USED BY INDIVIDUAL CONTROLS AS BACKGROUND STYLING
--------------------------------------------------------------------------------------------------*/


.moduleContainer, .moduleContainerContent, .moduleContainerBottomLeft, .moduleContainerBottomRight {
    background: none;
    padding: 0;
    margin: 0;
}

*html .moduleContainer, *html .moduleContainerContent, *html .moduleContainerBottomLeft, *html .moduleContainerBottomRight {
    filter: none;
}


/*--------------------------------------------------------------------------------------------------
>> GROUP CONTAINERS - USED BY GROUPED CONTENT CONTROLS AS BACKGROUND STYLING
--------------------------------------------------------------------------------------------------*/

.groupContainer, .groupContainerContent, .groupContainerBottomLeft, .groupContainerBottomRight {
    background: none;
    padding: 0;
    margin: 0;
}

*html .groupContainer, *html .groupContainerContent, *html .groupContainerBottomLeft, *html .groupContainerBottomRight {
    filter: none;
}



/*--------------------------------------------------------------------------------------------------
>> SITE MAIN WRAPPER CONTAINER - USED TO WRAP siteMain
--------------------------------------------------------------------------------------------------*/

.siteMainWrapper, .siteMainWrapperContent, .siteMainWrapperBottomLeft, .siteMainWrapperBottomRight {
    background: none;
    padding: 0;
    margin: 0;
}

*html .siteMainWrapper, *html .siteMainWrapperContent, *html .siteMainWrapperBottomLeft, *html .siteMainWrapperBottomRight {
    filter: none;
}


/*--------------------------------------------------------------------------------------------------
>> SUPPORT FOR LEGACY CLASSES USED THROUGH PAGES AND CONTROLS. 
--------------------------------------------------------------------------------------------------*/

.fntHeader1 {
    font-family: Arial, sans-serif;
    font-size: 30px;
    margin: 0 0 10px 0;
    color: #656565;
    padding: 10px 0 10px 10px;
}

.fntHeading {
    margin-top: 10px;
    font-size: 30px;
    color: #656565;
    padding-bottom: 14px;
}

.fntHeading a { color: #555; }
.fntHeading a:hover { color: #333; }

/*--------------------------------------------------------------------------------------------------
>> MENU LINKS CONTEXTUAL SUB-NAV CONTROL 
--------------------------------------------------------------------------------------------------*/

.menuLinksSubTop {
    height: 30px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
    background: #656565;
}
.menuLinksSubTop a{
    color: #fff;
    text-decoration: none;
}
.menuLinksSubTop a:hover{
    text-decoration: underline;
}

.menuLinksSubItem {
    line-height: 12px;
    padding-left: 20px;
    padding-bottom: 8px;
    margin-left: 0px;
}

.menuLinksSubItem a{
    color: #656565;
}

.contentBanner img {
    border: solid 1px #ddd;
    margin-top: 6px;
}


/*--------------------------------------------------------------------------------------------------
>> LEGACY PROPERTY SEARCH CONTROL
--------------------------------------------------------------------------------------------------*/

.propertySearchControl {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}

.propertySearchControl td {
    padding: 4px;
}

.propertySearchControl input, .propertySearchControl select {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.propertySearchControl .formButtonLarge {
    margin: 20px 0 0 4px;
    font-size: 16px;
}

.propertySearchControl select {
    width: 200px;
}


/*--------------------------------------------------------------------------------------------------
>> LEGACY QUICK SEARCH CONTROL
--------------------------------------------------------------------------------------------------*/
#quickSearchButtons {
    position: relative;
    padding: 2px 0 0 11px;
}

*html #quickSearchButtons {
    margin-top: -19px;
}

.QuickSearch {
    margin-top: 12px;
    margin-left: 22px;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
*html .QuickSearch {
    margin-top: 6px;
}

.QuickSearch select {
    width: 220px;
    height: 22px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 2px;
}

.QuickSearch #areaControl input {
    width: 210px;
    height: 16px;
    font-family: Arial, sans-serif;  
    font-size: 12px;
    padding-left: 4px;
}

.QuickSearch #bedsControl select, .QuickSearch #bathsControl select{
    width: 220px;
}

.QuickSearch #searchButton {
    margin-left: 36px;
}

.QuickSearch #searchButton input {
    position: relative;
    width: 144px;
    height: 51px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 6px;
    color: #fff;
    background: url(https://assets.salecore.com/templates/i/content/espresso-dkgrey-form-btn-lg.png) no-repeat 0px 0px;
    border: none;
    cursor: pointer;   
}

*html .QuickSearch #searchButton input {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://assets.salecore.com/templates/i/content/espresso-dkgrey-form-btn-lg.png', sizingMethod='scale');
}


/*--------------------------------------------------------------------------------------------------
>> FEATURED PROPERTY CONTROL
--------------------------------------------------------------------------------------------------*/

.FeatListings {
    margin: 0;
    padding: 0;
    line-height: 22px;
}
.FeatListings a, #siteMainContentBot1 .FeatListings a {
    color: #757575;
    font-weight: normal;
}
.FeatListings a:hover, #siteMainContentBot1 .FeatListings a:hover {
    color: #333;
    text-decoration: underline;
}

.FeatImage, .FeatImage img {
    margin: 0;
    padding: 0;
    border: solid 4px #fff;
}

.FeatStreet {
    font-weight: normal;
	font-size: 18px;
	margin-top: 5px;
}

.FeatCityState {
    display: block;
	font-size: 18px;
}
.FeatListings a.FeatCityState, #siteMainContentBot1 .FeatListings a.FeatCityState {
    color: #656565;
    font-weight: bold;   
}

.FeatPrice {
    font-weight: bold;
	font-size: 18px;
}

.FeatDescription {
	text-transform: none;
	font-size: 15px;
	line-height: 16px;
	white-space: normal;
	width: 220px;
	padding: 15px 35px;
	text-align: center;
	margin: 15px 10px 0 10px;
	background: #e2e2e2;
	border-radius: 0px;
}

/*--------------------------------------------------------------------------------------------------
>> MY PROFILE CONTROL
--------------------------------------------------------------------------------------------------*/

.userProfile {
    line-height: 16px;
    width: 100%;
    height: 100%;
    margin-left: -4px;
    margin-top: 30px;
    padding-left: 0;
    padding-bottom: 10px;
}
.userProfile a{
    color: #757575;
    text-decoration: none;
}
.userProfile a:hover{
    color: #333;
    text-decoration: underline;
}

.userProfilePhoto {
    width: 150px;
    margin: auto;
}

.userProfilePhoto img{
    width: 150px;
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

.userProfileName {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
    margin-left: 7px;
}

.userProfileTitle, .userProfilePhone, .userProfileEmail {
    color: #333;
    margin-left: 7px;
    padding: 0;
}



/*--------------------------------------------------------------------------------------------------
>> ADVANCED PROPERTY SEARCH CONTROL
--------------------------------------------------------------------------------------------------*/

/* SEARCH STYLE 1 */

div.listingSearchCriteria, div.searchCriteriaContainer, div.resultsBarMiddle {
	border: none;
    background: #cfcfcf;
    border-radius: 0px;
}
/* SEARCH STYLE 2 */

div.resultsBarMiddle {
    margin: 15px 0 10px 0;
    background-image: none;
    background: #fff;
    border: solid 1px #fff;
    border-radius: 0px;
}

div.listingSearchCriteria {
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: none;
}

/* SEARCH STYLE 3 */
div.searchCriteriaContainer {
    border-top: none;
    background-image: none;
    background-color: #555;
    border-radius: 0px;
    width: initial;
}

div#searchCriteriaContainerContent, div#searchCriteriaContainerContent a {
    color: #fff;
}

.listingSearchCriteria div.RadComboBox_Default table .rcbInputCell, .listingSearchCriteria div.RadComboBox_Default table .rcbArrowCell {
    background-image: url(https://assets.salecore.com/templates/i/flavor-backgrounds/radcomboxbox-adv-bkgd.png);
    height: 34px;
    padding: 0 0 0 6px;
}

.listingSearchCriteria div.RadComboBox_Default table .rcbInputCell input {
    height: 34px;
    font-size: 18px;
    padding: 0;
}

.listingSearchCriteria div.RadComboBox .rcbInputCell .rcbInput {
    padding-top: 0px;
}

.listingSearchCriteria .rcbInput {
    height: 34px;
    padding: 0;
}

div.RadComboBoxDropDown_Default {
    font-size: 16px;
    line-height: 20px;
}

.listingSearchCriteria, .searchCriteriaContainer {
    padding-bottom: 10px;
}

.listingSearchCriteria td select {
    font-size: 16px;
    height: 30px;
    padding-top: 4px;
    min-width: 65px;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: 2px 3px;
}

#tdOtherOptionsButtons div {
    font-size: 16px;
    padding-right: 25px;
}

/* SEARCH STYLE 9 */

td.searchOtherOptionsTd, .searchOtherOptionsButtonSelected {
    background-color: #f7f7f7;
}

.searchOtherOptionsTd div {
    font-size: 16px;
}

#divOtherOptions0_div td {
    /*white-space: nowrap;*/
}

#divOtherOptions_div input, #divOtherOptions_div select {
    font-size: 16px;
}

#btnMoreSearchOptions {
	padding: 7px 15px;
	background: #333;
	border-radius: 0px;
	margin-top: 10px;
}
.searchCriteriaBtnMiddle {
	padding-top: 20px;
	padding-bottom: 5px;
}

/* SEARCH STYLE 7 */
.listingSearchCriteria input.formButtonSmall, .listingSearchCriteria input.formButtonMedium, .listingSearchCriteria input.formButtonMediumHighlight,
.resultsBarMiddle input.formSaveButton, #mlsidSearchButton .formButtonLarge, span.topRightLinkSave {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    background-image: none;
    background-color: #555 ;
	border: none;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    font-variant: normal;
    padding-bottom: 1px;
	transition: all 0.3s;
}

.listingSearchCriteria input.formButtonSmall {
    width: 54px;
    height: 34px;
    margin-left: 10px;
    margin-right: 10px;
}
.listingSearchCriteria input.formButtonSmall:hover, .listingSearchCriteria input.formButtonMedium:hover, .listingSearchCriteria input.formButtonSmall:active, .listingSearchCriteria input.formButtonMedium:active {
    background-color: #333;
	transition: all 0.3s;
}

.listingSearchCriteria input.formButtonMedium, .listingSearchCriteria input.formButtonMediumHighlight {
    width: 140px;
    height: 34px;
	background: #555;
}

/* SEARCH STYLE 8 */
.resultsBarMiddle input.formSaveButton, span.topRightLinkSave {
    width: 180px;
    height: 48px;
	font-size: 20px;
    background-color: #555;
	border: none;
	transition: all 0.3s;
}
.resultsBarMiddle input.formSaveButton:hover, .resultsBarMiddle input.formSaveButton:active {
	background-color: #333;
	transition: all 0.3s;
}

.listingSearchCriteria input.formButtonMediumHighlight {
    background-color: #555;
}



#m_C_e13162580_divMap {
	border: none !important;
}
#m_C_e13162580_mapContainer {
	border-radius: 0px;
}



div.listingAddress, div.listingAddressGallery, div.listingAddressMap {
    font-size: 26px;
	font-weight: normal;
}
div.listingAddressGallery, span.listingPriceGallery, div.listingCourtesyGallery, div.listingLinksGallery {
	font-size: 22px;
	text-align: center !important;
	max-width: 450px;
}
div.listingAddressMap {
	font-size: 22px;
	font-weight: normal;
	margin-left: 7px;
}
div.listingMapMlsID {
	margin-left: 7px;
}
div.listingAddress a, div.listingAddressGallery a, div.listingAddressMap a {
    color: #333;
}
div.listingAddress a:hover, div.listingAddressGallery a:hover, div.listingAddressMap a:hover {
    color: #000;
}

div.listingAddress, span.listingPrice, span.listingDetails, div.listingCourtesy, div.listingLinks {
	margin-left: 7px;
}
div.listingAddress .listingNew {
	font-weight: normal;
	font-size: 20px;
	font-style: italic;
	color: #e11b22;
}
div.listingItemGallery .listingNew {
	float: right;
	margin-top: -28px;
	margin-right: 20px;
	background: #656565;
	padding: 2px 8px;
	border-radius: 0px;
	color: #fff;
}
div.listingAddressMap .listingNew {
	background: #656565;
	padding: 2px 8px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin-top: -2px;
}
img.listingPhoto {
    margin-right: 10px;
	padding: 0;
	border: 2px solid #ccc;
	border-radius: 0px;
	width: 170px !important;
}
div.listingPhoto {
	border: none;
	padding: 0;
	margin-right: 20px !important;
	border-radius: 0px;
}

/* SEARCH STYLE 12 */
.listingItemGallery, .listingItemGallery:hover {
    border-radius: 0px;
    background-color: #fff;
    padding: 8px;
    margin: 8px;
	border: none;
}
.listingItemGallery:hover {
    background-color: #fff;
}
td.listingItemCell {
    width: 50%;
}
.listingItemGallery img.listingPhoto {
    min-width: 450px;
    min-height: 328px;
    margin-right: 0;
    border: none;
    padding: 0;
    margin-bottom: 15px;
}
div.listingItem:hover {
    background: #fff;
    border-radius: 0px;
}

div.listingItem {
	padding-top: 15px;
	padding-bottom: 15px;
	border-color: #eee;
}

div.listingDescription {
	border: none;
	background: #f7f7f7;
	padding: 10px;
	margin-top: 8px;
	border-radius: 0px;
}

span.listingPrice, span.listingPriceGallery, span.listingPriceMap, span.listingDetails {
    font-size: 20px;
    color: #757575;
    font-weight: bold;
}
span.listingPrice, span.listingPriceGallery {
	line-height: 36px;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 2px;
}
span.listingPriceGallery, div.listingCourtesyGallery {
	display: block;
	line-height: 30px;
	padding-bottom: 0;
}
span.listingPriceMap {
	font-weight: normal;
}
div.listingCourtesyGallery {
	display: block;
	padding-top: 0px !important;
	margin-top: -10px;
	line-height: 24px;
}
span.listingDetails {
    font-size: 16px;
    color: #494949;
    font-weight: normal;
    font-weight: bold;
    margin-bottom: 10px;
}
div.listingDescription {
    color: #494949;
}
div.listingCourtesy, div.listingCourtesyGallery, div#windowContent span#listingCourtesy {
    color: #494949;
    font-size: 16px;
    font-style: italic;
}

div.listingLinks, div.listingLinksMap {
    padding-top: 20px !important;
	padding-bottom: 10px;
    font-size: 16px;
}

div.listingLinksGallery {
    padding-top: 15px !important;
	margin-bottom: 15px;
}
div.listingItemGallery img {
	margin-top: 0px !important;
}
div.listingItemGallery div {
	text-align: center;
}

.listingLinks, .listingLinksGallery {
	color: #fff;
}

.listingLinks a, .listingLinksGallery a {
    font-weight: normal;
    text-decoration: none;
    color: #fff;
	background: #777;
	padding: 7px 12px;
	border-radius: 0px;
	font-size: 16px;
	
}

/* SEARCH STYLE 14 */
.listingLinks a:hover, .listingLinksGallery a:hover {
    color: #fff;
	background: #333;
    text-decoration: none;
}

/* SEARCH STYLE 4 */
td.searchResultsBarCountTd {
    background-color: #333;
	border: none;
	border-radius: 0px;
	min-width: 150px;
	font-variant: normal;
	font-weight: normal;
}

/* SEARCH STYLE 5 */
td.searchResultsBarPagingSortTd, td.searchResultsBarListViewTd, td.searchResultsBarGalleryViewTd, td.searchResultsBarMapViewTd {
    background: #afafaf;
	border: none;
	transition: all 0.3s;
}
td.searchResultsBarListViewTd:hover, td.searchResultsBarGalleryViewTd:hover, td.searchResultsBarMapViewTd:hover {
	background: #c2c2c2;
	transition: all 0.3s;
}
td.searchResultsBarPagingSortTd {
	background: #c4c4c4;
	border-radius: 0px;
	padding: 7px 30px 11px 30px; 
	border-right: 2px solid #fff;
}
td.searchResultsBarListViewTd, td.searchResultsBarGalleryViewTd, td.searchResultsBarMapViewTd {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 0px;
	padding-left: 6px;
	padding-right: 6px;
}

td.searchResultsBarSaveSearchTd {
    background: #fff;
    border-radius: 0px;
    text-align: center;
    padding-right: 0px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.searchResultsBarCountTd div {
    font-size: 22px;
}

div.resultsBarPaging, div.resultsBarPaging a, div.resultsBarPaging select {
    font-size: 16px;
	color: #333;
}
div.resultsBarPaging select {
	border: 2px solid #c4c4c4;
	border-radius: 0px;
	padding: 2px 3px;
	margin-bottom: 7px;
}
    div.resultsBarPaging a {
        padding: 1px 4px;
		background: #fff;
		border-radius: 0px;
		border: 1px solid #c4c4c4;
    }
	div.resultsBarPaging a:hover {
		text-decoration: none;
		background: #656565;
		color: #fff;
	}
        div.resultsBarPaging a:active {
            color: #656565;
        }

.searchResultsBarListViewTd div, .searchResultsBarGalleryViewTd div, .searchResultsBarMapViewTd div {
    font-size: 13px;
}
.searchResultsBarListViewTd img, .searchResultsBarGalleryViewTd img, .searchResultsBarMapViewTd img {
    margin-bottom: 8px;
}
/* SEARCH STYLE 15 */
div.resultsBottomBar {
    width: initial;
    margin: 20px 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: none;
    background-color: #ccc;
    border-radius: 0px;
	font-size: 20px;
}
div.resultsBottomBar a {
        padding: 2px 6px;
		background: #fff;
		border-radius: 0px;
		border: 1px solid #d1d1d1;
		color: #333;
    }
	div.resultsBottomBar a:hover {
		text-decoration: none;
		background: #656565;
		color: #fff;
	}
        div.resultsBottomBar a:active {
            color: #656565;
        }

.RadComboBox_Default .rcbHovered .rcbInputCellLeft, .RadComboBox_Default .rcbFocused .rcbInputCellLeft {
    background-position: 0px 0px !important;
}
.RadComboBox_Default .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden, .RadComboBox_Default .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden{
    background-position: 100% 0px !important;
}
.RadComboBox_Default .rcbInputCellLeft {
    max-width: 300px;
}

/*--------------------------------------------------------------------------------------------------
>> MLS ID SEARCH
--------------------------------------------------------------------------------------------------*/

#mlsidSearch {
    color: #656565;
    font-size: 14px;
}

#mlsidSearchButton {
    position: absolute;
    top: 26px;
    right: 12px;
}

#mlsidSearchButton .formButtonLarge {
    width: 180px;
    height: 40px;
    font-size: 20px;
    color: #fff;
    background-color: #a5a5a5;
    background-image: -moz-linear-gradient(#a5a5a5, #a5a5a5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#a5a5a5));
    box-shadow:0px 1px 3px #9f9f9f;
    -moz-box-shadow:0px 1px 3px #9f9f9f;
    -webkit-box-shadow:0px 1px 3px #9f9f9f;
    border:1px solid #7d7d7d;
}

/*--------------------------------------------------------------------------------------------------
>> PROPERTY DETAIL PAGE
--------------------------------------------------------------------------------------------------*/

#propertyDetailNew {
    margin-top: -24px;
    background: #fff;
    position: static;
}
#propertyDetailNew #propertyDetailContainer {
    padding-top: 30px;
}

#propertyDetailContainer, #propertyDetailHeader span, #mainLinkBoxListContainer, .topRightLinkSave a, .propertyPrice span, span.propertyFieldLabel,
#propertyDescription span {
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.breadcrumb {
    font-size: 14px;
    padding: 0 4px;
    background: #fff;
}

#topDetailContainer {
    border: solid 2px #fff;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

div#topDetailLeft {
    margin-bottom: 0;
}
#propertyDetailNew #propertyDetailHeader {
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    padding-left: 10px;
}
#propertyDetailNew #propertyDetailHeader h1 {
    text-align: left;
    width: 100%;
    text-transform: none;
    line-height: 52px;
    margin: 0;
}

#propertyDetailHeader span {
    font-size: 28px;
    font-weight: normal;
    color: #656565;
}

#propertyDetailNew #shareSocialMedia {
	top: 50px;
}

#propertyDetailNew #propertyDetailContainer .propertyMainDetailsTable {
	font-size: 16px;
}

div#mainLinkBox {
    border-radius: 0px;
}

div#mainLinkBox, div#mainLinkBoxListContainer, div.detailSectionHeader, div.detailSectionHeaderInner {
    background: #eee;
}

div#mainLinkBox, div#photoThumbnails {
    width: 91%;
}

#propertyDetailNew div.detailSectionHeaderInner {
    border: none;
    background: #656565;
    color: #fff;
	line-height: 44px;
}
#propertyDetailNew div#mainLinkBoxListContainer {
    background-color: #eee;
    color: #757575;
	border: none;
}
#propertyDetailNew #mainLinkBoxListContainer .propertyDetailRightTitle {
    background-color: #656565;
    margin: 0;
}

div#propertyDetailHeader {
    margin: 0 4px 20px 0;
    border-bottom: solid 2px #eee;
    border-top: solid 2px #eee;
}

div#mainLinkBoxListContainer {
    height: 186px;
    background: #eee;
}

div.detailSectionHeader {
    height: 50px;
    line-height: 40px;
}

#topDetailRight, div#mainPhoto img, div#photoThumbnails img, div#mainLinkBoxListContainer, div.detailSectionHeaderInner, #topDetailContainer {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#propertyDetailNew #mainPhoto, #propertyDetailNew #photoThumbnails img {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0px;
}
#propertyDetailNew div#mainPhoto {
    border-radius: 0px;
    border: none !important;
}
.propertyThumb, .propertyThumbSelected {
    border: none !important;
}
#propertyDetailNew #photoThumbnailsNav {
    text-align: left;
	font-size: 16px;
}

div#topDetailRight {
    top: 10px;
    right: 10px;
    padding: 14px;
    background: #fff;
    max-width: 446px;
    width: 47%;
    min-height: 0;
    padding-bottom: 20px;
    border: solid 2px #cfcfcf; 
}

#propertyDetailNew #propertyDetailRight {
    top: 110px;
    left: 670px;
}
#propertyDetailNew #topDetailRight {
    max-width: 250px;
}

#propertyDetailNew .propertyPrice, #propertyDetailNew #agentCardDetails em {
    color: #757575;
}
#propertyDetailNew #agentCardPhoto img {
    border-radius: 0px;
}

#propertyDetailNew div.topRightLinkSave, #propertyDetailNew div.callToActionBtn1, #propertyDetailNew div.callToActionBtn2 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 24px;
}
#propertyDetailNew div.topRightLinkSave {
    background-color: #a5a5a5;
    background-image: -moz-linear-gradient(#a5a5a5, #a5a5a5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#a5a5a5));   
}
#propertyDetailNew div.topRightLinkSave:hover {
    background-color: #808080;
    background-image: -moz-linear-gradient(#808080, #808080);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#808080));
    transition: all 0.3s;  
}
#propertyDetailNew div.callToActionBtn1 {
    background-color: #757575;
    background-image: -moz-linear-gradient(#757575, #757575);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#757575), to(#757575));   
}
#propertyDetailNew div.callToActionBtn2 {
    background-color: #5c5c5c;
    background-image: -moz-linear-gradient(#5c5c5c, #5c5c5c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c5c5c), to(#5c5c5c));    
}

#propertyDetailNew #propertyDetailCallToAction {
    background-color: #fff;
}

div#topRightLinks a, div#topRightLinks a:hover {
    color: #fff;
}

.mainLinkBoxList li a {
    font-size: 16px;
    color: #333;
}

div#topRightLinks {
    line-height: 20px;
    margin-bottom: 6px;
}

.topRightLinkSave a {
    text-transform: capitalize;
    font-weight: normal;
}

.propertyPrice span {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;   
}

#propertyDescription span {
    font-size: 14px;
    line-height: 20px;
}

#bottomDetailContainer div {
    font-size: 16px;
}

#propertyDetailDisclaimers div {
    font-size: 10px;
}

#bottomDetailContainer .detailSectionHeader div {
    font-size: 20px;
}

span.detailSectionLabel {
    font-size: 16px;
}

#ck_sharethis, #ck_facebook, #ck_twitter, #ck_email {
    font-size: 16px;
    line-height: 18px;
}

a#ck_sharethis {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    text-transform: capitalize;
}

div#mapHeader, div#mapContainer, div#mapFooter, div#education_com-schlfndr {
    border: solid 2px #bbb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;   
}
#listing-mortgage-container {
    border: none !important;
    background: #c4c4c4;
    padding: 8px;
}

div#mapContainer, div#mapHeader, div#mapFooter {
    border-radius: 0px;
}
div#mapHeader {
    background: #dcdcdc !important;
    padding: 15px !important;
    border: none !important;
    width: 942px !important;
}
span#mapEnterLocation {
	font-weight: normal;
	color: #757575;
	font-size: 16px;
}
input#mapFindLocationButton, div#mapCriteria input#btnFilter {
	background: #808080;
	padding: 8px 16px;
	color: #fff;
	font-size: 20px;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	margin-left: 10px;
	font-weight: normal;
	transition: all 0.3s;
}
input#mapFindLocationButton:hover, div#mapCriteria input#btnFilter:hover {
	background: #333;
	transition: all 0.3s;
}
input#mapLocationText {
	border: 2px solid #ccc;
	line-height: 22px;
	font-size: 20px;
	height: 26px;
	border-radius: 0px;
	padding: 4px 6px;
	width: 622px;
	color: #333;
	margin-left: 5px;
}
span#mapLocationHelp {
	font-size: 14px;
	font-style: italic;
	color: #757575;
	margin-left: 120px;
}
div#mapCriteria {
	border-top: 2px solid #c4c4c4 !important;
	margin-top: 20px !important;
	padding-top: 20px !important;
	font-size: 16px;
	color: #333;
}
div#mapCriteria select {
	border: 2px solid #ccc;
	line-height: 22px;
	font-size: 16px;
	border-radius: 0px;
	padding: 4px 6px;
	margin-left: 6px;
}
div#mapCriteria input[type=text], input#morgage-down, input#morgage-rate {
	border: 2px solid #ccc;
	line-height: 22px;
	font-size: 16px;
	border-radius: 0px;
	padding: 4px 6px;
	margin-left: 14px;
	margin-right: 12px;
}
input#morgage-down, input#morgage-rate {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 16px;
	font-weight: normal;
}

div#listing-mortgage-container {
	font-size: 16px;
	min-width: 50%;
	padding: 10px 20px;
}
table.listing-mortgage tr td {
	padding: 7px !important;
}

table.listing-mortgage tr:last-child {
	border-top: 2px solid #ebebeb;
	height: 50px;
	font-size: 18px;
}

div#mapCriteria table {
	width: 750px;
}
div#mapCriteria td {
	padding-bottom: 10px !important; 
}
div#mapCriteria input#btnFilter {
	position: absolute;
	right: 45px;
	top: 165px;
	background: #757575;
	font-size: 16px;
}
div#mapCriteria input#btnFilter:hover {
	background: #5a5a5a;
}
div#mapContainer {
    border: none !important;
	margin-bottom: 50px !important;
}
div#mapFooter {
    margin-top: 10px;
}

#windowContent span#listingAddress {
    font-size: 20px;
}

div#lblMlsDates, div#propertyDetailDisclaimers {
    font-size: 10px;
}

#popupLargeImage img {
	margin-bottom: 20px;
	margin-top: 4px;
	border-radius: 0px;
}
#popupLargeImage .formButtonLarge:hover {
	background: #808080;
}

/*--------------------------------------------------------------------------------------------------
>> AGENT ROSTER CONTROL
--------------------------------------------------------------------------------------------------*/

div#rosterLine {
    border: none;
	background: #f4f4f4;
    border-radius: 0px;
    font-size: 14px;
	margin-right: 20px;
	margin-bottom: 20px;
	min-height: 130px;
	height: auto;
}
div#rosterLine a {
    color: #757575;   
}

.rosterSearchTitle {
	font-size: 20px;
	line-height: 30px;
}

table.rosterSearchTabs {
    width: 600px;
    margin-left: 3px;
}

.rosterSearchTab {
    margin: 0 2px 0 0;
    border: none;
    background: #757575;
    border-bottom: none;
    padding: 8px 10px 8px 10px;
    border-radius: 0px;  
}
.rosterSearchTab a, .rosterSearchTab a:hover {
    color: #fff;
    text-decoration: none;
}

.rosterSearchBox input, .rosterSearchBox select {
    font-size: 16px;
    padding: 4px 4px;
	border: 2px solid #ccc;
	border-radius: 0px;
}

.rosterSearchBox select {
    width: 180px;
}

.rosterSearchBox input {
    width: 180px;
}

.rosterSearchBox #display1, .rosterSearchBox #display2, .rosterSearchBox #display3, .rosterSearchBox #display4, .rosterSearchBox #display5 {
    border: none;
    background: #d8d8d8;
    padding: 14px;
    font-weight: bold;
    min-height: 38px;
    border-radius: 0px;
    margin-top: -2px;
}

.rosterSearchBox input[type=submit] {
    background-color: #a5a5a5;
    background-image: -moz-linear-gradient(#a5a5a5, #a5a5a5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#a5a5a5));
    border: none;
    color: #fff;
    font-size: 20px;
    border-radius: 0px;
    width: 160px;
    height: 42px;
    vertical-align: middle;
    margin-left: 10px;
	cursor: pointer;
	transition: all 0.3s;
}
.rosterSearchBox input[type=submit]:hover {
    background-color: #808080;
    background-image: -moz-linear-gradient(#808080, #808080);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#808080));
	transition: all 0.3s;
}

div#rosterOfficeLabel {
	font-size: 28px;
}
#rosterPhoto img {
	border: none;
	border-radius: 0px;
}
#rostertName {
	font-size: 20px;
	font-weight: normal;
}
#rosterTitle {
	font-size: 14px;
	font-weight: normal;
}
#rosterPhone {
	font-size: 16px;
	font-weight: bold;
}
div#rosterLine #rostertName a {
    color: #333;
}

#m_C_imgAgent {
	border-radius: 0px;
}


/*--------------------------------------------------------------------------------------------------
>> OFFICE LOCATIONS CONTROL
--------------------------------------------------------------------------------------------------*/

.OfficeListItem img {
    border: 2px solid #ccc;
    border-radius: 0px;
	width: 280px;
}
.OfficeListItem h3.fntHeading {
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 2px solid #eee;
}
.OfficeListItem td {
	min-width: 300px !important;
}

div#officeDetailRight {
	top: 60px;
}
div#officeDetailHeader {
	color: #757575;
	font-size: 36px;
	font-weight: normal;
}
div#officeDetailPhoto img {
	border: none;
	border-radius: 0px;
}
div#officeDetailMap {
	top: 20px;
}
div#officeDetailMapTabs {
	background: none;
	width: 100%;
	margin-bottom: 30px;
}
div#officeDetailMapContainer, div#officeDetailMapInner {
	background-image: none;
}
div#officeDetailMapContainer {
	background: none;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100%;
}
div#mapContainer {
	width: 100%;
	left: 0;
	top: 0;
}
span.officeDetailRosterLink, span.officeDetailListingsLink {
	background-image: none;
    padding: 0;
}
div#officeDetailTopButtons {
    margin-bottom: 20px;
}
div#officeDetailTopButtons a, div#officeDetailTopButtons a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}
span.officeDetailRosterLink a, span.officeDetailListingsLink a {
    background: #a5a5a5;
    padding: 8px 12px;
    border-radius: 0px;
    margin-right: 10px;
    color: #fff;
    text-transform: none;
}
span.officeDetailRosterLink a:hover, span.officeDetailListingsLink a:hover {
    background: #808080;
}
div.horizontalDashDivider {
    display: none;
}

span.officeDetailListingsLink a {
    background: #757575;
}

div#officeDetailAddress {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}

div#officeDetails {
	font-size: 16px;
	line-height: 22px;
}
    div#officeDetails a, div#officeDetails a:hover {
        color: #656565;
    }

div#getDirectionsLink a, div#advancedMapSearchLink a {
	display: block;
	background: #757575;
	color: #fff;
	padding: 9px 13px;
	font-size: 16px;
	font-weight: normal;
	border-radius: 0px;
    transition: all 0.3s;
}
div#getDirectionsLink {
	left: 30px;
    top: 0px;
}
div#getDirectionsLink a:hover, div#advancedMapSearchLink a:hover {
	color: #fff;
	text-decoration: none;
    background: #757575;
    transition: all 0.3s;
}

div#advancedMapSearchLink a {
	background: #757575;
	display: none;
}

/*--------------------------------------------------------------------------------------------------
>> REGISTRATION PAGE
--------------------------------------------------------------------------------------------------*/

.registerLeft a, .registerRight a {
    display: block;
	font-size: 18px;
	border-radius: 0px;
    border: none;
    min-height: 50px;
    line-height: 50px;
	padding: 0 20px;
    background-color: #a5a5a5;
    background-image: -moz-linear-gradient(#a5a5a5, #a5a5a5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#a5a5a5));
    color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}
.registerRight a {
    background-color: #757575;
    background-image: -moz-linear-gradient(#757575, #757575);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#757575), to(#757575));
}

.registerLeft a:hover, .registerRight a:hover {
	text-decoration: none;
	transition: all 0.3s;
}
.registerLeft a:hover {
	background-color: #808080;
    background-image: -moz-linear-gradient(#808080, #808080);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#808080));
}
.registerRight a:hover {
	background-color: #979797;
    background-image: -moz-linear-gradient(#979797, #979797);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#979797), to(#979797));
}

/*--------------------------------------------------------------------------------------------------
>> REGISTRATION POP-UP
--------------------------------------------------------------------------------------------------*/
div.DialogBox {
    /*z-index: 10002 !important;*/
    font-size: 16px;
}
div.DialogBox div {
	font-weight: normal !important;	
}
div.ui-widget-overlay {
    /*z-index: 10001 !important;*/
}
#divRegisterDialog {  
}
#divRegisterTop {
    border-top: none !important; 
}

.DialogBox, .DialogBox input.SiteButton, #divRegisterDialog #divRegisterBottom input.SiteButton {
    box-shadow:0px 5px 12px #000;
    -moz-box-shadow:0px 5px 12px #000;
    -webkit-box-shadow:0px 5px 12px #000;
    border: solid 4px #fff;
}

.DialogBox input, .DialogBox select, .DialogBox textarea {
    background: #fffdec;
    border: solid 2px #ccc;
    border-radius: 0px;
    resize: none;
    font-size: 16px;
    font-weight: normal;
	padding: 4px;
}
    .DialogBox textarea {
        padding: 5px;
    }
    .DialogBox select {
        min-width: 100px;
    }
	div.DialogBox input[type=text], div.DialogBox input[type=password] {
		margin-bottom: 5px;
		padding: 4px;
	}

.DialogBox input.SiteButton, #divRegisterDialog #divRegisterBottom input.SiteButton, .DialogBox input.formButtonLarge, .leadFormElement input.formButtonLarge {
    background-color: #a5a5a5;
    background-image: -moz-linear-gradient(#a5a5a5, #a5a5a5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5a5a5), to(#a5a5a5));
	border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    cursor: pointer;
	height: 50px;
	margin-top: 20px;
	margin-bottom: 10px;
	transition: all 0.3s;
}
    .DialogBox input.formButtonLarge, .leadFormElement input.formButtonLarge {
        width: 220px;
        height: 50px;
        color: #fff;
        font-size: 22px;
        font-weight: normal;
        line-height: 46px;
        margin-bottom: 20px;
		transition: all 0.3s;
    }
	.DialogBox input.SiteButton:hover, #divRegisterDialog #divRegisterBottom input.SiteButton:hover, .leadFormElement input.formButtonLarge:hover {
		background-color: #808080;
		background-image: -moz-linear-gradient(#808080, #808080);
   	 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#808080));
		transition: all 0.3s;
	}
	.leadFormElement input.formButtonLarge {
		width: 260px;
		height: 60px;
		font-size: 26px;
		line-height: 60px;
		margin-top: 30px;
		margin-bottom: 40px;
	}
.DialogBox h3 {
    margin: 0 0 10px 0;
    color: #757575;
    border-bottom: solid 2px #eee;
	padding-bottom: 10px;
}

div.ui-widget-content a {
    color: #656565;
}
div.ui-widget-overlay {
	background-color: #000;
	opacity: 0.6;
}

.leadFormElement input.formButtonLarge {

}

/*--------------------------------------------------------------------------------------------------
>> LEAD FORMS
--------------------------------------------------------------------------------------------------*/

#leadContent {
    position: relative;
    margin-left: 8px;
    padding-top: 10px;
}

.PageHeading {
    padding-top: 1px;
}
.PageHeading h3 {
    font-size: 36px;
	color: #757575;
}

.FormSectionDescription {
    width: 75%;
    margin-left: 0;  
}

.FormSubmitButton {
    position: relative;
    font-size: 16px;
}

#divDefaultLeadDisclaimer {
    position: relative;
    padding: 0 30px 30px 20px;
    color: #757575;
    font-size: 11px;
}

.leadFormElement {
    padding-left: 0;
    color: #757575;
}
.leadFormContainer td {
	min-width: 250px !important;
}
.leadFormElement h3 {
    margin: 0;
    font-size: 24px;
    color: #656565;
    padding-top: 20px;
	padding-bottom: 15px;
	display: block !important;
}

.leadFormElement input, .leadFormElement select, .leadFormElement textarea {
    font-family: Arial;
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 16px;
    vertical-align: middle;
    border: 2px solid #b4b4b4;
    border-radius: 0px;
    padding: 4px 4px;
    background: #fffdec;
}
.leadFormCategoryHelp {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #616161;
	font-size: 18px;
}

/*--------------------------------------------------------------------------------------------------
>> QUICK SEARCH
--------------------------------------------------------------------------------------------------*/

.NewQuickSearch1 #searchButton input {
    background-color: #555;
	border: solid 2px #fff;
    font-size: 24px;
    padding-bottom: 2px;
	transition: all 0.3s;
}
.NewQuickSearch1 #searchButton input:hover {
    background-color: #333;
	border: solid 2px #fff;
    font-size: 24px;
	transition: all 0.3s;
}
.NewQuickSearch1 #searchButton input:active {
    width: 128px;
    height: 40px;
    margin-right: 1px;
    margin-top: 1px;
}

.NewQuickSearch1 #locationControl input {
    z-index: 6000;
}

/*--------------------------------------------------------------------------------------------------
>> OPEN HOUSES
--------------------------------------------------------------------------------------------------*/

#OpenHousesList {
	border-radius: 0px;
	background: #f1f1f1;
	padding: 8px;
}

#OpenHousesList table {
	width: 100%;
	border: none !important;
}
#OpenHousesList td, .openHousesHeader th {
	border: none !important;
	padding: 12px;
}
tr.openHousesHeader {
	border-radius: 0px;
	background: #757575 !important;
}
#OpenHousesList td {
	background: #f1f1f1;
}

/*--------------------------------------------------------------------------------------------------
>> AREA CLOUD PAGE
--------------------------------------------------------------------------------------------------*/

#siteMainContainer div.listingSearchLinkCloudMenu {
	margin-top: 40px;
	margin-bottom: 8px;
	color: #fff;
}
#siteMainContainer div.listingSearchLinkCloudMenu a {
	padding: 10px 14px;
	background: #757575;
	border-radius: 0px;
	margin-right: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#siteMainContainer div.listingSearchLinkCloudMenu a:hover {
	text-decoration: none;
	color: #fff;
	background: #808080;
}

#siteMainContainer div.listingSearchLinkCloudBlock h2 {
	color: #757575;
	font-size: 28px;
	letter-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
#siteMainContainer div.listingSearchLinkCloudBlock {
	padding: 25px 40px 40px 30px;
	border-radius: 0px;
	background: #eee;
	line-height: 30px;
	margin-bottom: 60px;
}

/*--------------------------------------------------------------------------------------------------
>> AGENT HOME PAGE PROFILE OVERLAY
--------------------------------------------------------------------------------------------------*/

#siteSide { width: 300px; background: #141414; position: absolute; z-index: 1; left: 50%; padding-bottom: 15px; border-radius: 0px;
            margin-left: -486px; margin-top: 25px; }

#siteSide .userProfile { line-height: 20px; }
#siteSide .userProfile .userProfilePhoto img { border: 5px solid #fff; width: 160px; }
#siteSide .userProfile .userProfilePhoto { width: 160px; }
#siteSide .userProfile .userProfileName { font-weight: normal; font-size: 18px; color: #aaa; }
#siteSide .userProfile .userProfileTitle { font-size: 14px; color: #aaa; }
#siteSide .userProfile .userProfilePhone { font-size: 26px; line-height: 28px; color: #aaa; }
#siteSide .userProfile a:hover { text-decoration: none; cursor: pointer }


/* -------------------------------------------------------------------------------------------------
>> RESPONSIVE OVERWRITES
--------------------------------------------------------------------------------------------------*/

#siteLogin { background: #a5a5a5; }

#siteNavigationInner { background: none; }
#siteNavigation a, #siteNavigation a:hover { color: #fff; }

.siteMenu .rmSlide a:hover { background: #5b5b5b; }
.siteMenu .rmSlide { background: #5b5b5b; }
.siteMenu .rmRootGroup .rmItem:hover { background: #a4a4a4; }
.siteMenu .rmSlide a:hover { background: #808080; }

.navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus { color: #333 !important; background: #fff; }

#siteFooterContent2 { background: #2f2f2f; }

#mlsidSearch { background: #eee; }

.FeatStreet, .FeatCityState, .FeatPrice { background: #eee; }

h4.resp-callout-title { background: rgba(0, 0, 0, 0.8); color: #fff; }
.resp-callout-link a { color: #4c4c4c; }
.resp-callout-link a:hover { color: #6d6d6d; }

.magazine-title h2 { color: #4c4c4c !important; }
a.magazine-button { background: #a5a5a5; color: #4c4c4c !important; }
#siteMainContentBot1 a.magazine-button, #siteMainContentBot1 a.magazine-button:hover { color: #fff !important; }
#siteMainContentBot1 a.magazine-button:hover { background: #808080; }

#btnMoreSearchOptions { background: #555; }
.listingItemGallery, .listingItemGallery:hover { background: #eee; }
.listingSearchCriteria select { border: 2px solid #bbb; }

#propertyDetailNew #topDetailRight { background: #eee; }

#rosterOfficeLabel { border-top: 1px solid #eee; }

.agent-info-logo { background: #141414; color: #fff !important; }

@media (min-width: 780px) and (max-width: 1200px ) {
    h4.resp-callout-title { background: none; color: #4c4c4c; }
}

@media (max-width: 1200px) {
    .navbar-collapse.collapse.in { background: #4c4c4c; }
    .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #fff !important; background: #5a5a5a !important; }
    .nav li a:hover, .nav li a:focus { background: #797979 !important; }
    .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus { color: #fff !important; background: initial; }
    .navbar-nav .open .dropdown-menu { background-color: transparent; }
}

@media (max-width: 779px) {
    .magazine-title { background: rgba(255,255,255,0.5); }
}

@media (max-width: 460px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #595959; }
}