div,p,ul,ol,table,dl,address
{
	color: #444;
	line-height: 20px;
}
p,ul,ol,table,dl,address
{
	margin: 0 0 20px 0;
}
blockquote
{
}
em
{
	font-style: italic;
}
strong
{
	font-style: bold;
}
a:link
{
	color: #00F;
}
a:visited
{
	color: #800080;
}
a:hover
{
	color: #F00;
}
a:active
{
	color: #F00;
}
#content ul,#content ol
{
	line-height: 20px;
	list-style: circle;
	padding-left: 30px;
}
#content ul li,#content ol li
{
	line-height: 20px;
}
h1,h2,h3,h4,h5,h6
{
	color: #333;
	font-family: 'lucida grande','ms trebuchet',trebuchet,sans-serif;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
	text-decoration: none;
}
h1
{
	color: #222;
	font-size: 28px;
	line-height: 30px;
}
h2
{
	color: #555;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0;
}
h3
{
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0 5px 0;
	padding: 0;
}
h4
{
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0 5px 0;
	padding: 0;
}
h5
{
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0 5px 0;
	padding: 0;
}
h6
{
	font-size: 12px;
	margin: 0;
}
.hset
{
	margin: 0 0 20px 0;
	padding: 0;
}
	.hset h1,.hset h2,.hset h3,.hset h4,.hset h5,.hset h6
	{
		margin: 0;
		padding: 0;
	}
	.hset .sub
	{
	}

.hr
{
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin: 0 0 15px 0;
}

	.hr hr
	{
		display: none;
	}

blockquote
{
	background: #F3F3F1;
	border-left: 3px solid #999;
	font-family: georgia;
	font-size: 13px; line-height: 20px;
	font-style: italic;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 37px;
}

	blockquote p
	{
		line-height: 20px;
	}

	blockquote p:last-child
	{
		margin-bottom: 0;
	}

.byline { display: block; text-align: right; padding: 0 20px}

.intro
{
	color: #777;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 30px 0;
}

.summary
{
}

.highlight
{
	background: #ffc;
	border: 1px solid #CFBC9B;
	margin: 0 0 20px 0;
	padding: 9px;
}

.important
{
	background: #fbe6f2;
	border: 1px solid #d893a1;
	margin: 0 0 20px 0;
	padding: 9px;
}

.highlight :last-child, .highlight ul:last-child, .highlight ol:last-child,
.important :last-child, .important ul:last-child, .important ol:last-child,
td p:last-child, td ul:last-child, td ol:last-child
{
	margin-bottom: 0 !important;
}

.footnote,.mute
{
    font-size: 85%;
	/*
	filter: alpha(opacity=50);
	moz-opacity: 0.5;
	opacity: 0.5;
    */
}

.message
{
	background: #FFE57F;
	border: 1px solid #EFCE4A;
	padding: 5px 10px; margin: 0 0 20px 0;
}

.message p
{
	margin: 1px 0 0 0; padding: 0;
	color: #67431f;
	font-size: 13px;
}

	.message p a
	{
		color: #BF6700; background: #FFE57F;
	}

.floated
{
	float: left;
	margin: 0 10px 10px 0;
}

.floated.alt
{
	float: right;
	margin: 0 0 10px 10px;
}

.message-copy p {
	margin: 8px 0;	
}

#content ul { list-style: disc; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: 1.5em; color: #544636; }
#content ol { list-style: decimal; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: 1.5em; color: #544636; }


/* #REWFW: Tabset Pattern 
======================================================================================================

   <div class="tabset">
		<ul>
			<li><a href="#tabone">Tab One</a></li>
			<li><a href="#tabtwo">Tab Two</a></li>
			<li><a href="#tabthree">Tab Three</a></li>
		</ul>
   	</div>

=====================================================================================================*/


#content .tabset
{
	overflow: hidden;
	width: 100%; float: left;
	margin: 0 0 20px 0;
}

	#content .tabset ul
	{
		list-style: none;
		margin: 0; padding: 0 0 0 5px;
		border-bottom: solid 1px #B5AC9C;
		width: 100%; float: left;
		clear: both;
	}
	
		*+html .tabset ul { overflow: hidden; }

		#content .tabset ul li
		{
			float: left;
			margin: 0 7px 0 0;
			padding: 0 15px 0 0;
			position: relative;
			background: url(/img/sd-buttons/classic/blue-green.png) no-repeat right -640px;
		}

			#content .tabset li a
			{
				display: block;
				padding: 5px 0 0 15px; margin: 0 0 0 -5px;
				height: 25px;
				font-size: 14px;
				text-decoration: none;
				color: #5F5647;
				background: url(/img/sd-buttons/classic/blue-green.png) no-repeat 0 -640px;
			}

			#content .tabset li:hover
			{
				background-position: right -680px;
				cursor: pointer;
			}

				#content .tabset li:hover a
				{
					background-position: 0 -680px;
				}

				#content .tabset li a:hover
				{
					background-position: 0 -680px;
				}

		#content .tabset li.current
		{
			background-position: right -720px;
			padding-bottom: 1px; margin-bottom: -1px;
		}

			#content .tabset li.current a
			{
				background-position: 0 -720px;
				padding-bottom: 1px; margin-bottom: -1px;
			}

.panel { clear: both; }



/* #REWFW: Dataset Pattern 
======================================================================================================

   <div class="dataset">
   		<h2>Dataset Title</h2>
		<ul>
			<li><dl><dt>Bedrooms</dt><dd>6</dd></li>
			<li><dl><dt>Bathrooms</dt><dd>2.5</dd></li>
			<li><dl><dt>Price</dt><dd>$450,000</dd></li>
		</ul>
   	</div>

=====================================================================================================*/


#page .dataset
{
	margin: 0 0 20px 0;
	overflow: hidden;
}

	#page .dataset ul
	{
		margin: 0 -10px; padding: 0;
		list-style: none;
		position: relative;
	}

		#page .dataset ul li
		{
			float: left;
			clear: left;
			border-bottom: solid 1px #ccc;
			padding: 5px 0 4px 0; margin: 0;
			overflow: auto;
			width: 100%;
		}

			#page .dataset dl
			{
				margin: 0; padding: 0;
				overflow: hidden;
			}

				#page .dataset dl dt
				{
					margin: 0 10px; padding: 0;
					float: left;
					width: 140px;
				}

				#page .dataset dl dd
				{
					margin: 0 10px; padding: 0;
					float: left;
					width: 300px;
				}


/* #REWFW: Pagination Pattern 
======================================================================================================

   <div class="pagination">
		<a class="prev" title="Previous Page">&laquo; Prev</div>
		<a class="current" href="page1.php">1</a>
		<a href="page2.php">2</a>
		<a href="page3.php">3</a>
		<a class="next" title="Next Page">Next &raquo;</div>
   	</div>

=====================================================================================================*/


.pagination
{
	clear: left;
	position: relative;
	padding: 5px 0; margin: 0 0 20px 0;
	text-align: center;
}

	.pagination a
	{
		text-decoration: none;
		border: 1px solid #ccc;
		padding: 4px 5px; margin: 0 4px;
	}

	/* can we get rid of this div?? */

	.pagination div.prev,
	.pagination div.next,
	.pagination div.links,
	/* get rid of this div */
	.pagination div.links .paging
	{
		display: inline; width: auto
	}

	.pagination div.prev a
	{
		margin-right: 10px;
	}

	.pagination div.next a
	{
		margin-left: 10px;
	}


/* #NAVS
======================================================================================================
=====================================================================================================*/


ul.nav-alpha
{
	margin: 0 0 20px 0; padding: 0 !important;
	list-style: none;
	overflow: hidden;
}

	ul.nav-alpha li
	{
		margin: 0 2px 0 0; padding: 0;
		list-style: none;
		float: left;
	}

		ul.nav-alpha li a
		{
			margin: 0; padding: 0 5px;
			text-decoration: none;
			float: left;
			border: 1px solid #ccc;
			color: #333;
		}

		ul.nav-alpha li b
		{
			margin: 0; padding: 0 5px;
			text-decoration: none;
			float: left;
			border: 1px solid #333;
		}


/* #PAGE-BODY
======================================================================================================
=====================================================================================================*/


/* basic setup for cols */
#page { position: relative; width: 960px; margin: 0 auto; overflow: hidden; }
#page-body, #page-foot { clear: both; position: relative; }
#content, #content-primary, #content-secondary, #aside { position: relative; left: 100%; float: left; }
#content-primary { margin-left: -960px; width: 700px; }
#aside { margin-left: -230px; width: 220px; }


/* #MODAL WINDOWS
======================================================================================================
=====================================================================================================*/


#facebox
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9992;
	text-align: left;
}

	#facebox .popup
	{
		position: relative;
	}

		#facebox table
		{
			border-collapse: collapse;
			border: none;
			background: none !important;
		}

			#facebox td
			{
				border-bottom: 0;
				padding: 0;
			}

		#facebox .titlebar
		{
			background: #555;
			position: relative;
			margin: 0; padding: 6px 10px;
			color: #F3F0EB;
			font-weight: bold;
		}

			#facebox .titlebar .close
			{
				overflow: hidden;
				display: block;
				background: lime;
				position: absolute;
				width: 15px; height: 15px;
				right: 10px; top: 7px;
				background: url(/img/rewidx-sprites-grey.png) no-repeat 0 -500px;
				text-indent: -999em;
			}

			#facebox .titlebar .close:hover
			{
				background: url(/img/rewidx-sprites-grey.png) no-repeat 0 -520px;
			}

			#facebox .tl,
			#facebox .tr,
			#facebox .bl,
			#facebox .br
			{
				background-image: url(/img/facebox/fbx-border-sprite.png);
				width: 10px;
				height: 10px;
			}

			#facebox .b { background:url(/img/facebox/b.png); }

			#facebox .tl { background-position: 0 0; }
			
			#facebox .tr { background-position: -10px 0; }
			
			#facebox .bl { background-position: -20px 0; }
			
			#facebox .br { background-position: -30px 0; }

#facebox .body
{
	padding: 0;
	background: #fff;
	width: 600px;
}

#facebox .loading
{
	text-align: center;
}

#facebox .image
{
	text-align: center;
}

#facebox img
{
	border: 0;
	margin: 0;
}

#facebox .footer
{
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .footer img
{
	vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay
{
	position: fixed;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
}

.facebox_hide
{
	z-index:-100;
}

.facebox_overlayBG
{
	background-color: #000;
	z-index: 9991;
}

body.facebox #page,
body.facebox #page-body,
body.facebox #content,
body.facebox #content-primary
{
	margin: 0 !important; padding: 0 !important;
	width: auto !important; float: none !important;
	left: 0 !important;
}

body.facebox #content-primary
{
	padding: 20px 20px 0 20px !important;
}

body.facebox.pg-login #content-primary,
body.facebox.pg-register #content-primary,
body.facebox.pg-remind #content-primary
{
    padding: 50px 20px 0 20px !important;
}

body.facebox .message.clearfix
{
	position: absolute;
	top: 0; left: 0; right: 0;
	padding: 1px 10px 3px 10px;
	overflow: hidden;
}

.clearfix {
    display:block;
    clear: both;
    }

/* #Collpsable Panels
======================================================================================================
=====================================================================================================*/


.panel dt
{
	position: relative;
	clear: both;
}

	.panel dt .ico-panel-trigger
	{
		position: absolute;
		right: 8px; top: 5px;
		height: 10px; width: 10px;
		background: transparent url(/img/rewidx-sprites.png) no-repeat scroll 0 -440px;
	}

	.panel.open dt .ico-panel-trigger
	{
		background: transparent url(/img/rewidx-sprites.png) no-repeat scroll 0 -420px;
	}


    .panel.collapsed dd.content { display: none }
    .panel dd.content { margin: 0px; }


/* #Messages
======================================================================================================
=====================================================================================================*/


div.msg
{
    clear: both;
	margin: 0 0 20px 0; padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

	div.msg p { margin-bottom: 0; }

	div.msg .title
	{
		margin: -10px -10px 10px -10px; padding: 5px 10px;
		background: #316B11;
		color: #fff;
	}

	div.msg.error .title, .msg.errors .title { background: #8F0000; }

	div.msg.notice { padding: 19px 29px; }
	div.msg.notice .title
	{
		margin: -10px -10px 10px -10px; padding: 10px 10px 0 10px;
		color: #316B11; background: none;
	}

#notices { margin: 0 10px; }

.cta { overflow: hidden; margin: 0 0 20px 0; }

/* #Agent's Module
======================================================================================================
=====================================================================================================*/


.agent, .office
{
	position: relative;
	min-height: 170px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	overflow: hidden;
}

	.set .agent .photos,
	.set .office .photos
	{
		position: absolute;
		left: 0; top: 50px;
		width: 100px; height: 120px;
	}
	
		.set .agent .photos a,
		.set .office .photos a
		{
			display: block;
			width: 100%; height: 100%;
		}
		
	.agents.set .agent .description,
	.offices.set .office .description
	{
		padding: 0 0 0 120px !important;
	}
	
	#page .agents.set .agent .dataset,
	#page .offices.set .office .dataset
	{
		margin: 0;
	}
	
	#page .agent .dataset dt,
	#page .office .dataset dt
	{
		width: 80px;
	}

	#page .agent .dataset dd,
	#page .office .dataset dd
	{
		width: 200px;
	}

.agent.detail .photos,
.office.detail .photos
{
	float: left;
	width: 120px;
	height: 140px;
}

.agent.detail .details,
.office.detail .details
{
	margin-left: 140px;
}

/* colorbox core styles */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


/** Overrides to allow Mortgage Calculator to remain styled ***/

#form-mortgage-calculator table{ border:solid 1px #000;}