﻿body
{
	font-family:Verdana, Arial;
	font-size: 9pt;
	color: #555555;
}

/*** MAIN NAVIGATION ***/
.MenuBar
{
	background-image:url(content/buttonbg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height:30px;
	font-family: verdana;
	font-weight:bold;
	font-size:9pt;
	color:#fff;
	text-align:left;
	vertical-align: middle;
}
	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** MENU SKIN ***/
	.sf-menu {
		float:			left;
	}
	.sf-menu a {		
		padding: 			.75em 1em;
		text-decoration:	none;
	}
	.sf-menu p {		
		padding: 		.75em 1em;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#fff;
	}
	.sf-menu li {
		background-image:url(content/buttonbg.jpg);
		text-align: center;
		border-right:	1px solid #fff;
	}
	.sf-menu li li {
		background-image:url(content/buttonbg.jpg);
	}
	.sf-menu li li li {
		background-image:url(content/buttonbg.jpg);
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background: #FF5200;
		outline:		0;
		color:			#fff;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('/Library/Images/expandChevron.gif') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('/Library/Images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}


/* Controls */
A, A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, A:VISITED
{
	color: #FF5200;
	font-size: 9pt;
}

a.white
{
	color:#fff;
}
input
{
	font-family: Verdana, Arial;
	font-size: 9pt;
	background-color: #FFFFFF;
}

input.TextBox
{
	font-family: Verdana, Arial;
	font-size: 9pt;
	border: 1px solid gray;
	background-color: #FFFFFF;
}

select
{
	font-family: Verdana, Arial;
	font-size: 9pt;
	border: 1px solid gray;
	background-color: #FFFFFF;
}

.button 
{
	border: 1px solid #999999;
	background-color: #646464;
	font-weight: bold;
	color: #FFFFFF;
}
.actionButton
{
	border: 1px solid #DEDEDE;
	background-color: #FF5200;
	color: #FFFFFF;
	height: 20px;
}

textarea 
{
	border: 1px solid gray;
	font-family: Verdana, Arial;
	font-size: 9pt;
	width: 100%
}
table.rtbEditor
{
	border: solid 1px gray;
	font-family: Verdana;
}
td.rtbToolbar
{
	background-color: #EEEEEE;
	border-bottom: 1px solid gray;
}
img.rtbButton
{
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;
}
img.rtbButtonOver
{
	border: 1px solid #999999;
	background-color: #DDDDDD;
}
select.rtbDropdown
{
	font-family: Verdana, Arial;
	font-size: 9pt;
	border: 1px solid #EEEEEE;
}

table.content
{
	border: 0 none #FFFFFF;
	font-family: Verdana;
	font-size: 9pt;
	width: 95%;
	color: #000000;
}

.content th
{
	text-align: left;
	vertical-align: bottom;
	text-indent: 3px;
	color: #FF5200; 
	border-bottom: 1px solid #999999;
}

.contentLabel 
{
	text-align: right;
	vertical-align: top;
}
.contentData 
{
	vertical-align: top;
	font-family: Verdana;
	font-size: 9pt;
}
.contentDisabled
{
	color:Red;
}
.contentSection 
{
	text-align: left;
	vertical-align: bottom;
	text-indent: 3px;
	color: #840431; 
	background: #FFFFFF; 
}

.sortBy
{
	color: #840431;
	cursor: pointer;
	cursor: hand;
}

table.DatePicker
{
	border: 1px solid #999999;
}
table.DatePickerHeading
{
	background-color: #DDDDDD;
	color: #4476B6;
}
tr.DatePickerHeading
{
	border: 1px solid #D2E088;
	color: #4476B6;
}
td.DatePickerDay
{
	background-color: #DDDDDD;
}
A.DatePickerButton, A:ACTIVE.DatePickerButton, A:FOCUS.DatePickerButton, A:HOVER.DatePickerButton, A:LINK.DatePickerButton, A:VISITED.DatePickerButton
{
	font-size: 9pt;
	text-decoration: none;
}
A.DatePicker, A:ACTIVE.DatePicker, A:FOCUS.DatePicker, A:HOVER.DatePicker, A:LINK.DatePicker, A:VISITED.DatePicker
{
	color: #000000;
	font-size: 8pt;
	text-decoration: none;
}
div.DatePicker
{
	position:absolute;
	visibility: hidden;
	z-index:100;
	width: 138px;
	top: 100px;
	left: 100px;
	background-color: #FFFFFF;
	border: 1px solid #4476B6;
}

tr.alternateListRow
{
	background-color: #fdfc9e;
}

td.Pagination
{
	text-align:  right;
	vertical-align: bottom;
	text-indent: 3px;
	color: #840431; 
	background: #DDDDDD; 
	border-bottom: 1px solid #999999;
}
td.SearchTitle
{
	width: 30%;
	text-align:right;
	
}
td.SearchEntry
{
	width: 70%;
}

.smallHeader
{
	background-image:url(content/buttonbg.jpg);
	background-repeat:repeat-x;
	height:20px;
	font-family: verdana;
	font-weight:bold;
	font-size:9pt;
	color:#ffffff;
	text-align:left;
	vertical-align: middle;
	padding: 5px 0 0 5px;
}

A.MenuLink, A:ACTIVE.MenuLink, A:FOCUS.MenuLink, A:HOVER.MenuLink, A:LINK.MenuLink, A:VISITED.MenuLink
{
	font-size: 9pt;
	color:#FFFFFF;
}

.Footer
{
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-family:verdana;
	color:#4C4C4D;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	letter-spacing:0px;
	line-height:1.5em;
}

.GrayBorder
{
	border:#BABABD 1px solid;
	font-family: Verdana;
	font-size: 9pt;
}

/* Text Styles */
.PropertyDetailsTextFont
{
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.TitleGrey
{
	background-color: #DEDEDE;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FF5200;
}

.Title
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FF5200;
}
.smallText
{
	font-family: Verdana;
	font-size: 8pt;
	color: #555555;
	text-align: left;
}
.smallBlackText
{
	font-size: 8pt; 
	color: #000000;
	text-align:center;
}
.smallTextOrange
{
	font-size:8pt; 
	font-weight:normal;
	color: #FF5200;
}
.summary
{
	font-size: 11pt;	
	font-weight: normal;
	border-bottom: 1px solid #000000;
	text-align: left;
}
.errorText
{
	font-family: Verdana;
	font-size: 8pt;
	color:#A00040;
}

.orange
{
	color: #FF5200;
}
.blockQuote
{
	margin:7px;
}

.blockQuoteLarge
{
	margin:15px;
}

.CreateUserButton
{
	border: 1px solid #DEDEDE;
	background-color: #FF5200;
	color: #FFFFFF;
	height: 20px;
	margin-right: 100px;
}


.modalPopup
{
	background: #4C4C4C;
	border: 1px solid #000000;
	padding: 3px;
}
.modalBackground
{ 
	background-color: #4C4C4C; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
}

.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}
.center
{
	margin: 0px auto;
}

 .summaryImage
{
	text-align:center;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
	padding:0px;
}
.overflow
{
	overflow:auto;
}

/*** SEARCH AREA ***/
#PropertySearchWrapper
{
	padding:5px;
}
	#PropertySearchBasic
	{
		float:left;
		color:#FF5200;
		font-size:9pt;
		font-weight: bold;
		padding: 5px 0 5px 0;
	}
	.PropertySearchBasicRight
	{
		color:#FF5200;
		font-size:11pt;
		text-align:center;
	}

	.PropertySearch
	{
		color:#FF5200;
		font-size:9pt;
		font-weight: bold;
	}

	.AdvancedSearch
	{
		clear:both;
		display:none;
		padding: 5px;
	}
		.AdvancedSearchArea
		{
			float:left;
			margin:5px 20px 20px 20px;
			height: 100%;
			width: 250px;
			font-size:9pt;
		}
		.AdvancedSearchLink
		{
			cursor:pointer;
			font-size:9pt;
			font-weight: bold;
			text-decoration: underline;
			margin: 5px auto;
		}
		.AdvancedSearchButton
		{
			margin: 100px 0 0 100px;
			border: 1px solid #DEDEDE;
			background-color: #FF5200;
			color: #FFFFFF;
			height: 20px;
		}

/*** DEFAULT PAGE ***/
#DefaultMain
{
	width:900px;
}
	#MapWrapper
	{
		width: 623px;
		border-right: 1px solid #BABABD;
		float:left; 
	}
		#Map
		{
			width:470px;
		}
		
	#PanelRight
	{
		width: 276px;
		float:left;
	}
		#PanelRightContent
		{
			width: 260px;
			margin: 5px auto;
		}
	
	#AdvertWrapper
	{
		clear: both;
		height: 265px;
		width:900px;
		border-top: 1px solid #BABABD;
	}	
		#advert-left {
			float: left;
			width: 300px;
		}

		#advert-right {
			float: right;
			width: 300px;
		}

		#advert-middle { 
			float: left;
			width: 300px;
		}
		.PlatinumAd
		{
			width: 290px;
			height : 260px;			
			padding: 0;
			margin: 0 auto;
		}
		.GoldAd
		{
			width: 290px;
			height : 125px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
		}
		.headerDescription
		{
			width:700px;
			margin: 7px auto;
		}
		
/*** PROPERTY ALERT PAGE ***/
.PropertyAlertList
{
	padding: 0 15px;
}
	.PropertyAlertItem
	{
		padding: 10px 15px 0 15px;
	}
	.PropertyAlertListText
	{
		font-weight:bold;
		float:left;
		width:500px;
	}
	
.PropertyAlertSaveButton
{
	position:relative; top: -224px; right: -160px;
	border: 1px solid #DEDEDE;
	background-color: #FF5200;
	color: #FFFFFF;
	height: 20px;
}

