/* styles.css */
/* 10/02/2004 - WR - 3 column layout */
/* 10/21/2006 - WR - Added map box styles */
body {
	margin:					0px;
	padding:				0px 0px 5px 0px;
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				15px; 
	color:					black;
	background-color:		#eae6dc;
	max-width:				1400px;
}
img {
	border-style:			none;
	position:				relative;
}
h1 {
	position:				relative;
	z-index:				3;			/* Content overlaps right menu */
	margin-top:				20px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;
	font-family:			tahoma, arial, helvetica, sans-serif; 
	font-size:				22px;
	font-weight:			bold;
	color:					#880000;
	padding:				5px 5px 5px 10px;
	text-align:				left;
	background-color:		white;
	border:					1px solid #bea98e;
}	
a.h1a						{text-decoration: none}
a.h1a:link					{color: #880000;	background-color:	white;}
a.h1a:visited				{color: #880000;	background-color:	white;}
a.h1a:hover					{color: #880000;	background-color:	white;}
a.h1a:active				{color: #880000;	background-color:	white;}
h2 a						{text-decoration: none}
h2 a:link					{color: #880000;	background-color:	white;}
h2 a:visited				{color: #880000;	background-color:	white;}
h2 a:hover					{color: #fff;	  background-color:	#aaa;}
h2 a:active					{color: #880000;	background-color:	white;}
h2,h3,h4,h5,h6 {
	margin:					10px 0px 15px 0px;
}
h2,h3,h4,h5,h6 {
	padding:				0px;
	font-weight:			bold;
	color:					#880000; 
	background:				transparent;
	font-family:			tahoma, arial, helvetica, sans-serif; 
}  
h2 							{ font-size: 18px;}
h3 							{ font-size: 17px;}
h4 							{ font-size: 16px;}
h5 							{ font-size: 16px;}
h6 							{ font-size: 15px;}
p {
	margin:					0px 0px 12px 0px;
	padding:				0px;
}
a:link						{color: #bb0000; background-color: transparent}
a:visited					{color: #990000; background-color: transparent}
a:hover						{color: white;   background-color: #aaa;}
a:active					{color: #330000; background-color: transparent}
a.imgLink					{color: #eae6dc; background: transparent;text-decoration: none;} 
a.imgLink:hover				{color: #eae6dc; background: transparent;} 
hr { 
	height:					0; 
	border-style:			solid; 
	border-width:			1px 0 0 0; 
	border-color:			#bea98e; 
} 
input, textarea, select {
	font-family:			arial, helvetica, sans-serif; 
	font-size:				14px; 
	background:				#f6f6f6;
	color:					black;
} 
/* required input fields */
.reqField					{color: #990000; font-weight: bold;}
/* Visit Cindy Ruppert Mobile! banner */
#mobile_top					{display: none;}
.mobile_banner {
	position:				relative;
	top:					5px;
	width:					auto;
	background-color:		yellow;
	min-width:				120px;
	margin-top:				0px;
	margin-bottom:			20px;
	margin-right:			170px;
	margin-left:			120px;
	padding:				35px 5px 35px 5px;
	z-index:				3; 					/* Content overlaps right menu */
	color:					red;
	font-family:			arial, helvetica, sans-serif; 
	font-size:				44px;
	font-weight:			bold;
	text-align:				center;
}
.mobile_banner a			{text-decoration: none;}
.mobile_banner a:link		{color:	red; background-color: yellow;}
.mobile_banner a:visited	{color:	red; background-color: yellow;}
.mobile_banner a:hover		{color:	red; background-color: yellow;}
.mobile_banner a:active		{color:	red; background-color: yellow;}
/* Center column */
.content {
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				120px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	padding:				5px 10px 10px 10px;
}
/* Old content class with z-index */
.content2 {
	position:				relative;   /* for control of stacking order */
	top:					5px;
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				120px;
	margin-top:				0px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	padding:				5px 10px 10px 10px;
	z-index:				3; 					/* Content overlaps right menu */
}
/* MLS content - no right column */
.contentMLS {
	border:					#bea98e 1px solid; 
	padding-bottom:			10px; 
	margin:					5px 10px 5px 120px; 
	width:					620px; 
	background-color:		white;
}
/* Center column set to a fixed width */
.contentFixed {
	top:					5px;
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				600px;
	margin-top:				0px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	padding:				10px 10px 10px 10px;
}
/* Wide Center column - leave right side open */
.wideContent {
	background-color:		white;
	border:					1px solid #bea98e;
	margin-top:				20px;
	margin-bottom:			10px;
	margin-right:			40px;
	margin-left:			120px;
	padding:				10px 15px 10px 15px;
}
/* Menu of cities at top and bottom of each page */
/* .cityBar should match the width of .content */
.cityBar {
	position:				relative;
	z-index:				3; 					/* Content overlaps right menu */
	top:					5px;
	width:					auto;
	min-width:				120px;
	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			170px;
	margin-left:			120px;
	padding:				4px;
	background-color:		#f7f5f1;
	background-color:		white;
	border:					1px solid #bea98e;
	font-family:			arial, helvetica, sans-serif; 
	font-size:				14px;
	font-weight:			normal;
	text-align:				center;
}
.cityBarMLS {
	width:					620px;
	margin-top:				10px;
	margin-bottom:			5px;
	margin-right:			10px;
	margin-left:			120px;
	padding:				4px 0px 4px 0px;
	background-color:		white;
	border:					1px solid #bea98e;
	font-family:			arial, helvetica, sans-serif; 
	font-size:				14px;
	font-weight:			normal;
	text-align:				center;
}
.cityA						{padding: 0px 2px 0px 2px;}	
a.cityA						{text-decoration: none;}
a.cityA:link				{color:	black;}
a.cityA:visited				{color:	black;}
a.cityA:hover				{color:	white;background-color: #990000;}
a.cityA:active				{color:	black;}
/* #header should match the width of .content */
#header {
	padding-top:			5px;
	margin-bottom:			0px;
	margin-top:				5px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;
	text-align:				center;
	background-color:		white;
	border:					1px solid #bea98e;
}
/* #headerMLS should match the width of .contentMLS */
#headerMLS {
	padding-top:			5px;
	margin-bottom:			0px;
	margin-top:				5px;
	margin-right:			10px;
	margin-left:			120px;
	width:					620px;
	text-align:				center;
	background-color:		white;
	border:					1px solid #bea98e;
}
#leftSocialMedia {
	height:					153px;
}
/* .copyright should match the width of .content */
.copyright { 
	margin-top:				10px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;
	padding:				6px;
	color:					#660000;
	font-size:				12px;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
	text-align:				center;
}
/* .copyrightMLS should match the width of .contentMLS */
.copyrightMLS { 
	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			10px;
	margin-left:			120px;
	width:					620px;
	padding-top:			6px;
	padding-bottom:			6px;
	color:					#660000;
	font-size:				12px;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
	text-align:				center;
}
.crtCindy					{margin-left:10px;margin-right:10px;}
.crtEbby					{margin-left:10px;margin-right:10px;}
.crtMailto					{margin-left:10px;margin-right:10px;font-weight:bold;}
.crtPhone					{margin-left:10px;margin-right:10px;font-weight:bold;}
/* the navBar is the left hand column */
#navBar {
	position:				absolute;
	top:					181px;
	left:					6px;
	width:					105px;
	padding:				0px 0px 0px 0px;
}
.navBlock {
	padding:				0px 5px 8px 5px;
	margin:                 0px 0px 10px 0px;
	text-align:				left;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
}
.navHead {
	padding:				5px 0px 6px 0px;
	color:					#990000;
	font-size:				12px;
	font-weight:			bold;
}	
.navItem {
	margin:					8px 0px 0px 0px;
	font-size:				12px;
	font-weight:			bold;
	line-height:			95%;
}	
.navLikeItem {
	position:				relative;
	padding:				4px 0px 4px 2px;
	z-index:				9999;
}	
.navItem2 {
	margin:					5px 0px 0px 4px;
	font-size:				11px;
	font-weight:			normal;
	line-height:			95%;
}	
/* the logoBlock is in the left hand column inside of navBar*/
.logoBlock {
	padding:				15px 0px 0px 0px;
	text-align:				center;
}
#left_corner {
	position:				absolute;
	top:					4px;
	left:					5px;
	width:					80px;
}
/* the sideBar is the right hand column */
#sideBar {
	position:				absolute;
	top:					181px;
	right:					5px;
	width:					150px;
	z-index:				1;
}
#right_corner {
	position:				absolute;
	top:					4px;
	right:				  	5px;
}
/* for use in #sideBar */
/* the sideBar is the right hand column */
.sideBlock {
	padding:				5px 10px 5px 10px;
	margin:					0px 0px 10px 0px;
	text-align:				left;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
}
.sideImg {
	padding-top:			10px;
}
.sidePhone {
	text-align:				center;
	margin:					0px 0px 6px 0px;
	color:					#990000;
	font-size:				16px;
	font-weight:			bold;
}	
.sideHead {
	margin:					0px 0px 6px 0px;
	color:					#990000;
	font-size:				12px;
	font-weight:			bold;
}	
.sideItem {
	margin:					4px 0px 0px 5px;
	font-size:				12px;
	font-weight:			normal;
}	
.sideEntry {
	margin:					4px 0px 0px 0px;
	font-size:				11px;
	font-weight:			normal;
}	
.sideInx {
	margin:					4px 0px 0px 6px;
	font-size:				11px;
	font-weight:			normal;
}	
.sideCity {
	font-weight:			bold;
	float:					left;
}	
.sidePrice {
	text-align:				right;
}	
.sideA {
	padding:				0px 1px 0px 1px;
}	
a.sideA						{text-decoration: none;}
a.sideA:link				{color:	#5b462b; background-color: #f7f5f1;}
a.sideA:visited				{color:	#660000; background-color: #f7f5f1;}
a.sideA:hover				{color:	white;   background-color: #660000;}
a.sideA:active				{color:	#5b462b; background-color: #f7f5f1;}
.petPic {
	float:					left;
	margin-right:			20px;
}
.petImg {
	border:					1px solid #bea98e; 
	position:				static;
	margin-right:			10px;
}
.leftPic {
	position:				relative;
	z-index:				6; 
	float:					left;
	margin:					5px 15px 5px 5px;
}
.leftImg {
	border:					1px solid #bea98e; 
}
.rightPic {
	position:				relative;
	z-index:				6; 
	float:					right;
	margin:					5px 15px 5px 15px;
}
.rightImg {
	border:					1px solid #bea98e; 
}
.navA {
	padding:				0px 1px 0px 1px;
}	
a.navA						{text-decoration: none;}
a.navA:link					{color:	#5b462b; background-color: #f7f5f1;}
a.navA:visited				{color:	#660000; background-color: #f7f5f1;}
a.navA:hover				{color:	white;   background-color: #660000;}
a.navA:active				{color:	#5b462b; background-color: #f7f5f1;}
.altButton {
	background:				#eae6dc;
	color:					black;
	font-size:				12px;
	font-weight:			bold;
	margin:					.2em 0em 0em 0em;
} 
.cindy {
	margin:					10px 0px 10px 0px;
	font-size:				12px;
	font-weight:			bold;
	color:					#660000;
	text-align:				center;
}
.textlink {
	line-height:			180%;
	margin-left:			5px;
	margin-right:			5px;
	font-size:				12px;
	font-weight:			bold;
}
a.textanch					{color: black;}
a.textanch:link				{color: black; background-color:white;}
a.textanch:visited			{color: black; background-color:white;}
a.textanch:hover			{color: black; background-color:#eee;}
a.textanch:active			{color: black; background-color:white;}
.rb2b {
	margin-top:				10px;
	font-size:				12px;
	font-weight:			bold;
}
a.ebbylinka					{text-decoration: none}
a.ebbylinka:link			{color: #660000; text-decoration: none}
a.ebbylinka:visited			{color: #660000; text-decoration: none}
a.ebbylinka:hover			{color: white;   text-decoration: none}
a.ebbylinka:hover			{background-color:#660000}
a.ebbylinka:active			{color: #660000; text-decoration: none}
.ebbylink {
	margin-top:				10px;
	font-size:				12px;
	font-weight:			bold;
}
.awardImg					{margin: 20px;}
.divLeft					{text-align: left;}
.divRight					{text-align: right;}
.divCenter					{text-align: center;}
.clearLeft					{clear:	left;}
.clearRight					{clear:	right;}
.clearBoth					{clear:	both;}
.smallCaps					{font-variant:small-caps;}
.tabName {
	width:					230px;
	vertical-align:			top;
	padding-top:			6px;
	padding-right:			10px;
}
.tabCity {
	width:					110px;
	vertical-align:			top;
	padding-top:			6px;
}
.tabTele {
	vertical-align:			top;
	padding-top:			6px;
}
.calloutBox
{
	border:					1px solid #bea98e;
	margin:					10px auto 10px auto;
	padding:				10px;
  /* width:					400px; */
	text-align:				left;
	background-color:		#f7f5f1;
}
.webURL { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				16px; 
	font-weight:			bold; 
	padding:				5px 10px 2px 10px;
	text-align:				center;
}
a.webLink					{text-decoration: none}
a.webLink:link				{color: #900; background-color:#fff;}
a.webLink:visited			{color: #900; background-color:#fff;}
a.webLink:hover				{color: #fff; background-color:#900;}
a.webLink:active			{color: #900; background-color:#fff;}
/* ======================================== */
/* ----- Reciprocal links page styles ----- */
/* ======================================== */
.linkPage {
	font-size:				18px;
	font-weight:			bold;
	color:					#660000;
}
.linkBox {
	margin-top:				8px;
	margin-bottom:			8px;
}
a.webLink					{text-decoration: none}
a.webLink:link				{color: #900; background-color:#fff;}
a.webLink:visited			{color: #900; background-color:#fff;}
a.webLink:hover				{color: #fff; background-color:#900;}
a.webLink:active			{color: #900; background-color:#fff;}
.linkTitle {
	font-weight:			bold;
	color:					#990000;
	margin-bottom:			3px;
	margin-top:				15px;
}
.linkDesc {
	margin-left:			20px;
}
/* ======================================= */
/* Real Estate Links by State index styles */
/* ======================================= */
.linkInxH {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				12px;
	font-weight:			bold;
	margin-bottom:			8px;
	color:					#660000;
}
.linkIndex {
	border:					1px solid #bea98e;
	padding:				5px;
}
.linkInx {
	font-family:			courier new, courier, mono, serif;
	font-size:				14px;
	font-weight:			bold;
	display:				inline;
	margin-left:			0px;
	margin-right:			0px;
}
.linkGloss {
	font-family:			courier new, courier, mono, serif;
	font-size:				16px;
	font-weight:			bold;
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
}
/* empty states */
a.linkInxa0					{text-decoration: none;}
a.linkInxa0:link			{color: #999999; background-color:white;}
a.linkInxa0:visited			{color: #999999; background-color:white;}
a.linkInxa0:hover			{color: white;   background-color:#999999;}
a.linkInxa0:active			{color: #999999; background-color:white;}
/* non-empty states */
a.linkInxa1					{text-decoration: none}
a.linkInxa1:link			{color: #990000; background-color:white;}
a.linkInxa1:visited			{color: #990000; background-color:white;}
a.linkInxa1:hover			{color: white;   background-color:#990000;}
a.linkInxa1:active			{color: #990000; background-color:white;}
/* =================================== */
/* --------- Sitemap styles ---------- */
/* =================================== */
.smAbstract {
	margin-left:			20px;
	display:				none;
}	
.smList						{margin: 6px 0px 0px 20px;}
.smNode						{margin: 6px 0px 0px 5px;}
.smLeaf						{margin: 6px 0px 0px 5px;}
/* ======================================= */
/* ---------Property Detail Styles-------- */
/* ======================================= */
.pdKeyDetailsBox {
	line-height:			1.1;
	font-size:				18px;
	font-weight:			normal;
	color:					black;
	text-align:				center;
	margin:					0px 0px 0px 0px;
	padding:				0px 8px 0px 8px;
}
#pdLister {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}
#pdApprox {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}
.pdCindy {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}
.pdPending {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				20px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}
.whatisthis {
	margin-left:			10px;
	border:					0px;
}
.crHidden {
	visibility:				hidden;
}
#dhtmltooltip {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				14px;
	position:				absolute;
	width:					400px;
	border:					1px solid #bea98e;
	padding:				12px;
	color:					#5b462b;	
	background-color:		#f7f5f1;
	visibility:				hidden;
	z-index:				100;
}
.pdOpen {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				18px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}
.pdReduced {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				20px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}
#pdMainPhotoBox {
	text-align:				center;
	margin-top:				10px;
}
#pdGalleryBox {
	text-align:				center;
	margin-top:				10px;
	padding:				5px;
}
.linksBox {
	margin:					0px 0px 4px 0px;
	text-align:				center;
	padding:				5px;
}
#pdLinksBox {
	margin:					0px 0px 4px 0px;
	text-align:				center;
	padding:				5px;
}
#pdBottomLinksBox {
	margin:					0px 0px 0px 0px;
	text-align:				center;
	padding:				5px;
}
#pdDescriptionBox {
	padding:				0px 18px 0px 18px;
	margin:					10px 0px 10px 0px;
}
#pdDescriptionBox p{
	font-size:				16px;
	text-align:				left;
	color:					black;
	margin:					10px 0px 10px 0px;
}
.pdThmTitle {
	margin:					5px 0px 5px 0px;
	font-size:				12px;
	text-align:				center;
	color:					#5b462b;
}
#pdFeaturesBox {
	text-align:				left;
	margin:					0px 0px 0px 0px;
}
.pdFeatureHdr {
	font-size:				16px;
	font-weight:			bold;
	color:					#770000;
	margin:					15px 0px 10px 0px;
	border-bottom:			1px solid #770000;
}
.pdFeatureAttr {
	font-size:				15px;
	font-weight:			normal;
	color:					#770000;
	margin:					5px 0px 0px 0px;
	width:					150px;
	vertical-align: top;
}
.pdFeatureVal {
	font-size:				15px;
	font-weight:			normal;
	color:					black;
	margin:					5px 0px 0px 0px;
	vertical-align: top;
}
#pdCommentsBox {
	font-size:				12px;
	font-weight:			normal;
	color:					black;
	text-align:				left;
	margin:					0px 0px 15px 0px;
	padding:				0px 12px 0px 12px;
}
#pdToBeVerified {
	font-size:				12px;
	font-weight:			normal;
	color:					black;
	text-align:				right;
	margin:					0px 0px 0px 0px;
	padding:				0px 12px 0px 12px;
}
.pdBottomBox {
	padding:				0px 10px 0px 10px;
	margin:					0px auto 0px auto;
	text-align:				center;
}
.pdBottomLeft {
	padding:				10px 30px 10px 10px;
}
.pdBottomRight {
	text-align:				center;
	font-size:				18px;
	color:					#660000;
}
.keyPrice {
	float:					left;
	color:					#990000;
	font-weight:			bold;
	position:				relative;
}
.keyBedrooms {
}
.keyArea {
	float:					right;
	position:				relative;
}
.mainImage {
	border:					1px solid #bea98e;
	margin:					0px 0px 0px 0px;
}
.thumbImage {
	border:					1px solid #bea98e;
	margin:					1px 1px 1px 1px;
}
/* ======================================= */
/* ---------Property Photo Gallery-------- */
/* ======================================= */
#pgLister {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				16px;
	color:					black;
	text-align:				center;
}
#pgGalleryBox {
	text-align:				center;
	margin:					10px 0px 0px 0px;
	padding:				5px;
}
#pgCommentsBox {
	margin-top:				10px;
}
#pgTopNavBox {
	text-align:				center;
	margin:					15px 0px 15px 0px;
}
#pgNavBox {
	text-align:				center;
	margin:					10px 0px 10px 0px;
}
.pgOpen {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				18px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					12px 0px 15px 0px;
}
.pgPhotoBox {
	width:					660px;
	margin:					0px auto 0px auto;
}
.galleryImage {
	border:					1px solid #bea98e;
	margin:					5px 0px 5px 0px;
	position:				static;
	max-width:				640px;
}
.galleryComment {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				16px;
	text-align:				center;
	color:					black;
	width:					640px;
	margin:					5px 0px 20px 0px;
}
.crBtn	{
	border:					1px solid #bea98e;
	padding:				2px 4px 2px 4px;
	margin:					4px 4px 4px 4px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				14px;
	text-align:				center;
}
a.crBtn						{text-decoration: none;}
a.crBtn:link    			{color: #5b462b; background: #eae6dc;}
a.crBtn:visited 			{color: #5b462b; background: #eae6dc;} 
a.crBtn:hover   			{color: #eae6dc; background: #5b462b;} 
a.crBtn:active  			{color: #5b462b; background: #eae6dc;}
.newText {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	color:				  	#990000;
}
.smBtn	{
	border:					1px solid #bea98e;
	padding:				1px 2px 1px 2px;
	margin:					0px 4px 0px 4px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				14px;
	text-align:				center;
}
a.smBtn						{text-decoration: none;}	
a.smBtn:link				{color: #5b462b; background: #eae6dc;}
a.smBtn:visited				{color: #5b462b; background: #eae6dc;} 
a.smBtn:hover				{color: #eae6dc; background: #5b462b;} 
a.smBtn:active				{color: #5b462b; background: #eae6dc;}
/* ================================ */
/* --------- Spot styles ---------- */
/* ================================ */
.spotBox
{
	border:					1px solid #bea98e;
	margin:					10px auto 15px auto;
	width:					450px;
	text-align:				left;
	background-color:		#f7f5f1;
}
.spotLister {				
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				13px;
	color:					#5b462b;
	margin-top:				2px;
}
.spotTop { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				12px; 
	font-weight:			bold; 
	color:					black;
	background-color:		#eae6dc; 
	border-bottom:			1px solid #bea98e;
	padding:				4px 10px 4px 10px;
	text-align:				center;
}
.spotWeb { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				14px; 
	font-weight:			bold; 
	color:					black;
	background-color:		#eae6dc; 
	padding:				2px 10px 5px 10px;
	text-align:				center;
}
.spotAuctionTop { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				18px; 
	font-weight:			bold; 
	color:					#cc0000;
	background-color:		#eae6dc; 
	border-bottom:			1px solid #bea98e;
	padding:				8px 10px 8px 10px;
	text-align:				center;
}
.spotMiddle { 
	padding:				10px 10px 10px 10px;
}
.spotMiddleLeft {
	float:					left;
	width:					215px;
	text-align:				center;
}
.spotMiddleRight {
	float:					right;
	width:					200px;
	text-align:				center;
}
.spotPhoto {
	position:				static;
	border:					1px solid #bea98e;
	margin:					8px 0px 0px 0px;
}
a.spotPhotoA				{color: #5b462b; background: transparent;text-decoration: none;} 
a.spotPhotoA:hover			{color: #5b462b; background: transparent;} 
.spotDtlPrice {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	color:				  	#660000;
	padding:				4px 13px 0px 3px;
	float:					left;
}
.spotValPrice {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	color:				  	#660000;
	font-weight:			bold; 
	padding:				4px 3px 0px 0px;
	text-align:				right;
}										
.spotDtl {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	padding:				2px 13px 1px 3px;
	float:					left;
}
.spotVal {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	font-weight:			bold; 
	border-top:				1px solid #bea98e; 
	padding:				2px 3px 1px 0px;
	text-align:				right;
}
.spotPending {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				13px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}
.spotOpen {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				16px; 
	font-weight:			bold; 
	color:					#000088;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}
.spotReduced {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				16px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}
.spotClick {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				12px; 
	font-weight:			bold; 
	color:					#990000;
	border-top:				#bea98e 1px solid; 
	padding-top:			4px;
}
a.spotLink		   			{text-decoration: none;}
a.spotLink:link    			{color: #aa0000; background: transparent;}
a.spotLink:visited 			{color: #aa0000; background: transparent;} 
a.spotLink:hover   			{color: #ee0000; background: transparent;} 
a.spotLink:active  			{color: #660000; background: transparent;}
.spotBottom { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				14px; 
	font-weight:			normal; 
	text-align:				center;
	color:					#5b462b;
	background-color:		#eae6dc; 
	border-top:				1px solid #bea98e;
	padding:				6px 10px 6px 10px;
}
/* ================================ */
/* ---------  Map styles ---------- */
/* ================================ */
.mapBox
{
	border:					1px solid #bea98e;
	width:					280px;
	text-align:				left;
	background-color:		#f7f5f1;
}
.mapTop { 
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				14px; 
	font-weight:			bold; 
	color:					black;
	background-color:		#eae6dc; 
	border-bottom:			1px solid #bea98e;
	padding:				4px 6px 4px 6px;
	text-align:				center;
}
.mapMiddle { 
	padding:				3px 3px 3px 3px;
	text-align:				center;
}
.mapMiddleLeft {
	float:					left;
	width:					150px;
	text-align:				center;
}
.mapMiddleRight {
	float:					right;
	width:					110px;
	text-align:				center;
}
.mapPhoto {
	position:				static;
  border:					1px solid #bea98e;
	margin:					4px 0px 0px 0px;
}
a.mapPhotoA					{color: #5b462b; background: transparent;text-decoration: none;} 
a.mapPhotoA:hover			{color: #5b462b; background: transparent;} 
.mapDtlPrice {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	color:				  	#660000;
	padding:				4px 13px 0px 3px;
	float:					left;
}
.mapValPrice {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	color:				  	#660000;
	font-weight:			bold; 
	padding:				4px 3px 0px 0px;
	text-align:				right;
}										
.mapDtl {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	padding:				2px 13px 1px 3px;
	float:					left;
}
.mapVal {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				11px; 
	font-weight:			bold; 
	border-top:				1px solid #bea98e; 
	padding:				2px 3px 1px 0px;
	text-align:				right;
}
.mapPending {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				13px; 
	font-weight:			bold; 
	color:					#990000;
	text-align:				center;
	margin:					4px 4px 4px 4px;
}
a.mapLink		  			{text-decoration: none;}
a.mapLink:link    			{color: #aa0000; background: transparent;}
a.mapLink:visited 			{color: #aa0000; background: transparent;} 
a.mapLink:hover   			{color: #ee0000; background: transparent;} 
a.mapLink:active  			{color: #660000; background: transparent;}
/* =================================== */
/* ----- Styles for Sales Tables ----- */
/* =================================== */
.slsTable { 
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			auto; 
	margin-right:			auto;
	text-align:				right;
}
.slsRowHdr { 
	font-weight:			bold;
	background-color:		#e1d8cb;
}
.slsRowOdd { 
	background-color:		transparent;
}
.slsRowEven { 
	background-color:		#eae6dc;
}
.slsRowFtr { 
	font-weight:			bold;
	background-color:		#e1d8cb;
}
.slsArea, .slsAreaHdr { 
	text-align:				left;
}
.slsRng, .slsRngHdr, .slsRngFtr { 
	text-align:				center;
}
.slsTitle, .slsTitleHdr, .slsTitleFtr { 
	text-align:				left;
}
.slsAreaHdr { 
	padding:				4px 2px 2px 4px;
}
.slsRngHdr { 
	padding:				4px 2px 2px 4px;
}
.slsTitleHdr { 
	padding:				4px 2px 2px 14px;
}
.slsRngFtr, .slsTitleFtr { 
	padding:				4px 2px 0px 4px;
}
.slsNbrHdr, .slsNbrFtr, .slsNbr {
	padding:				4px 8px 2px 10px;
}
.slsAreaHdr, .slsNbrHdr, .slsRngHdr, .slsTitleHdr {
	border-bottom:			1px solid #bea98e;
}
.slsAreaFtr, .slsNbrFtr, .slsRngFtr , .slsTitleFtr {
	border-top:				1px solid #bea98e;
}
.slsArea { 
	padding:				4px 2px 4px 2px;
}
.slsArea, .slsRng, .slsTitle { 
	padding:				4px 14px 4px 14px;
}
/* =================================== */
.tabCenter {text-align:center}
.cityTable { 
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			50px; 
	text-align:				right;
}
.citySales {
	margin-top:				20px;
	margin-bottom:			20px;
}
.cityPara {
	margin-left:			50px;
	font-size:				12px;
}
.slsRngHdr, .slsRngFtr, .slsRng,
.slsTitleHdr, .slsTitleFtr, .slsTitle {
	border-right:			1px solid #bea98e;
}
/* =================================== */
/* ----- Styles for Index Tables ----- */
/* =================================== */
.ixTable {
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			auto; 
	margin-right:			auto;
}
/* headers */
.ixhHeader {
	font-size:				12px;
	font-weight:			bold;
	color:					black;
	background-color:		#e1d8cb;
	border-bottom:			1px solid #bea98e;
}
.ixhAddress {
	color:					#990000;
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 8px;
}
.ixhPrice {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 12px 4px 0px;
}
.ixhBBG {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhSqFt  {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhYearBuilt {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhLiving {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhStories {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhAcres {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhPool {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 8px 4px 4px;
}
/* data */
.ixRowLight { 
	background-color:		transparent;
	font-size:				14px;
}
.ixRowDark { 
	background-color:		#eae6dc;
	font-size:				14px;
}
.ixUnderContract {
	color:					#aa0000;
	font-weight:			bold;
}
.ixAddress {
	padding:				2px 4px 2px 8px;
}
a.ixAddrA         			{text-decoration: none;}	
a.ixAddrA:link    			{color: #660000; background: transparent}
a.ixAddrA:visited 			{color: #cc0000; background: transparent} 
a.ixAddrA:hover   			{color: #f00;   background: #ff8;} 
a.ixAddrA:active  			{color: #660000; background: transparent}
.ixPrice {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixBBG {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixSqFt {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixYearBuilt {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixLiving {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixStories {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixAcres {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixPool {
	text-align:				center;
	padding:				2px 8px 2px 4px;
}
/* town indexes */
.tixCity {
	margin-top:				-6px;
	margin-bottom:			8px;
	margin-left:			15px;
	font-weight:			bold;
}
.tixIndex {
	margin-top:				4px;
	margin-left:			40px;
}
/* IDX Media overrides */
.template2 { 
	color:					#880000; 
}
.divNone { 
	display:				none; 
}

