@charset "utf-8";

/* CSS Document */ /*
|------------------------------------------------------
| Color Scheme
| -----------------------------------------------------
| 
| #999999 = Dark Gray 			// Bottom Band
| #cccccc = Light Gray 			// Bottom Band
| #192088 = Cobalt Blue 		// Link Text
| #5883af = Dark Blue 			// Navigation Bar
| #6699ff = Light Blue 			// Navigation Bar
| #a7b9ff = Sky Blue 			// Search Box
| #d6deff = Powder Blue 		// Search Box
| #009900 = Kelly Green 		// Go Button
| #006600 = Hunter Green 		// Go Button
| 
| ------------------------------------------------------
| Fonts
| ------------------------------------------------------
| 
| QuickType Condensed			// Logo
| Perpetua						// Logo
| Arial							// HTML Text
| 
|------------------------------------------------------
*/
body,table,tr,td,ul,li,div,span,h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	background: #36f;
}

a {
	color: #192088;
}

h1 {
	font-size:22px;
	margin-bottom: 10px;
	color: #192088;
}

h2 {
	font-size:18px;
	margin-bottom: 10px;
	color: #666;
}

p {
	margin-bottom: 10px;
}

ul {
	list-style:inside;
	margin-bottom:10px;	
}

.floatLeft {
	float: left;
	margin-right: 10px;
}

.floatRight {
	float: right;
	margin-left: 10px;
}

.sPopup {
	position: absolute;
	z-index: 10;
	border: solid 2px #192088;
	background-image:url(../graphics/grayGradientBG.jpg);
	background-color :#929292;
	background-repeat:repeat-x;
	/*background: #fff;
	background: #929292;*/
	overflow: auto;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

.defaultPopup {
	position: absolute;
	z-index: 10;
	border: solid 1px #192088;
	background: #fff;
	overflow: auto;
	font-size: 12px;
	text-align: left;
}

#popupMaskBackground
{
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.defaultPopup DIV
{
	text-align: left;
	vertical-align: middle;
	background: #ddd;
	cursor: pointer;
	margin: 1px;
	height: 20px;
}

#mainTable {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #999;
	background: #fff;
}

.ajaxMessageDiv
{
	/*position: absolute;
	width: 300px;
	height: 300px;
	border: solid 2px red;
	background: transparent;*/
}

#ajaxRegisterDiv
{
	/*height: 200px;*/
	text-align: left;
	font-size: 12px;
}

/*
|-----------------------------------------------------------------------
| BEGIN Main Navigation ************************************************
|-----------------------------------------------------------------------
*/
#navBarContainerCell,
.detailBarContainerCell
{
	background-image: url(../graphics/navBarBG.jpg);
	background-repeat: repeat-x;
	height: 33px;
	line-height: 33px;
}

#contactDetails
{
	margin: 5px 1px;
	border: 1px solid #192088 none;
	text-align: center;
	font-size: 18px;
}

#navList,
.detailList
{
	padding-top: 2px;
}

.navListItem {
	display: inline;
	/*border-right: solid 1px #192088;*/
}

.navListItemLink {
	color: #192088;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 12px 10px 12px;
	line-height: 33px;
	cursor: pointer;
}

.navListItemLink:hover {
	color: #eee;
}


/*
|-----------------------------------------------------------------------
| END Main Navigation **************************************************
|-----------------------------------------------------------------------
*/ /*
|-----------------------------------------------------------------------
| BEGIN Bottom Menu ****************************************************
|-----------------------------------------------------------------------
*/
#bottomMenuContainerCell {
	font-size: 11px;
	padding: 3px;
	text-align: center;
}

#bottomMenuList {
	padding: 2px;
}

.bottomMenuListItem {
	display: inline;
}

.bottomMenuListItemLink {
	color: #999;
	text-decoration: none;
	padding: 0 8px 0 8px;
	vertical-align: bottom;
	line-height: 33px;
}

.bottomMenuListItemLink:hover {
	color: #192088;
}

/*
|-----------------------------------------------------------------------
| END Bottom Menu ****************************************************
|-----------------------------------------------------------------------
*/
#contentContainerCell {
	padding: 10px;
}

/*
|-----------------------------------------------------------------------
| BEGIN Search Table ***************************************************
|-----------------------------------------------------------------------
*/
#searchTableContainerDiv {
	width: 320px;
	overflow: hidden;
	/*height: 465px;*/
}

#calcTableContainerDiv {
	width: 250px;
}

.searchTableHeadLeft,.searchTableHeadRight {
	height: 33px;
}

.searchTableHeadLeft {
	width: 9px;
	
}

.searchTableHeadRight {
	/*width: 19px;*/
	text-align: right;
	
	background-image: url(../graphics/searchHeaderBarBG.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #192088;
}

.searchTableHeadMid {
	background-image: url(../graphics/searchHeaderBarBG.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #192088;
}

.searchTableBodyLeftMid { /*	background-color:#a7b9ff;	*/
	background-color: #d5e0ff;
	background-image: url(../graphics/searchBodyLeft.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	vertical-align: top;
}

.searchTableBodyRightMid { /*	background-color:#a7b9ff;	*/
	background-color: #d5e0ff;
	background-image: url(../graphics/searchBodyRight.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: middle;
	width: 1%;
}

.searchTableFooterLeft,.searchTableFooterRight {
	height: 30px;
}

.searchTableFooterMid,
.searchTableFooterRight
{
	background-image: url(../graphics/searchFooterBarBG.jpg);
	background-repeat: repeat-x;
	text-align: right;
}

.searchTableFooterMid img {
	border: 0;
}

.searchTable {
	width: 100%;
	/*height: 480px;*/
}

.searchTableHome {
	width: 100%;
	height: 480px;
}

.searchTableBodyCenter { /*	background-color:#a7b9ff;	*/
	background-color: #d5e0ff;
	background-image: url(../graphics/searchBodyBG.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#searchParametersBody
{
}

#searchResultListTable
{
	clear: both;
	margin-top: 10px;
}

#homeSearchForm {
	font-size: 18px;
	font-weight: bold;
	color: #192088;
}

#searchParamsLocationSelected
{
}
	
#sliderBase,
#sliderBaseArea
{
	position: relative;
	background: url(../graphics/sliderBacking.png) repeat-x top left;
	border: solid 1px #192088;
	width: 280px;
	height: 30px;
}

#sliderHead,
#sliderHeadArea
{
	background: url(../graphics/sliderHead.png) repeat-x top left;
	position: relative;
	width: 80px;
	height: 16px;
	left: 0px;
	cursor: e-resize;
	text-align: center;
	padding: 7px 0px;
	vertical-align: middle;
	font-size: 10px;
	letter-spacing: -0.1em;
	color: #fff;
	white-space: nowrap;
}

#search_city_home
{
	background-color: #fff;
	border: solid 1px #192088;
	width: 280px;
	font-size: 12px;
	height: 172px;
	overflow: auto;
	cursor: default;
}
#search_landmarks_home
{
	background-color: #fff;
	border: solid 1px #192088;
	width: 280px;
	font-size: 12px;
	/*font-weight: bold;
	color: #192088;*/
	height: 173px;
	overflow: auto;
	cursor: default;
}


#search_area,
#search_city,
#search_landmarks
{
	background-color: #a7b9ff;
	background-color: #5794e3;
	background-color: #fff;
	border: solid 1px #192088;
	width: 280px;
}

#search_price_min,
#search_price_max,
#search_sqft_min,
#search_sqft_max
{
	border: solid 1px #192088;
	width: 120px;
}

.mapInfoDiv {
	width: 300px;
	font-size: 12px;
	overflow: auto;
	height: 105px;
}

.mapThumb {
	float: left;
	height: 75px;
	border: solid 1px;
	margin-right: 2px;
}

.listingThumb {
	border: solid 1px;
}

#advSearchLink,#advSearchLink :hover,#advSearchLink :active,#advSearchLink
	:visited {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #192088;
	text-decoration: none;
}

#advSearchLink,#advSearchLink :hover,#advSearchLink :active,#advSearchLink
	:visited {
	text-decoration: underline;
}

#searchResultsListWrapper
{
	width: 100%;
}

#searchResultsListWrapper TD
{
	width: 33.3%;
}

#searchResultList
{
	border: solid 1px #192088;
	/*height: 500px;
	overflow: auto;*/
}

.searchResultListItem
{
	clear: left;
	margin: 5px 5px;
	background: url(../graphics/opacity80.png);
	cursor: pointer;
	padding: 3px;
	min-height: 80px;
	font-size: 12px;
}

#complex_details_table
{
	width: 100%;
	border: 1px solid;
}
#complex_details_table TD
{
	text-align: left;
	vertical-align: top;
}
#delete-complex_details_map_cell
{
	text-align: right;
	padding-bottom: 5px;
}
#detailMapDiv
{
	border: solid 1px #192088;
	width: 450px;
	height: 350px;
	float: left;
	margin: 10px;
	/*display: inline;*/
}
#streetViewContainerDiv
{
	/*position: relative;
	top: 15px;
	left: 25px;*/
	width: 380px;
	height: 350px;
	border: solid 1px #192088;
	margin: 10px;
	background: #fff;
	text-align: center;
	float: right;
}

#streetViewDiv
{
	/*position: relative;
	top: 25px;
	left: 25px;*/
	width: 400px;
	height: 300px;
	border: solid 2px #192088;
	background: #fff;
}

#complex_summary H3
{
	display: inline;
}

.clickable
{
	cursor: pointer;
	text-decoration: underline;
	font-size: 12px;
}

#complexDetailsDiv,
#complexImagesDiv,
#complexMapDiv
{
	clear: both;
	/*min-height: 370px;*/
}
#complexDetailsDiv
{
	margin: 10px;
	text-align: left;
}

#listingDetailImage
{
	/* width: 250px; */
	float: left;
	border: solid 1px #192088;
	margin: 0 20px 20px 0;
}

#complexSummary
{
	float: right;
	border: solid 1px #192088;
	width: 300px;
	padding: 5px;
	background: #ddd;
	font-size: 16px;
	margin-left: 20px;
}

#complexDownloads A,
#complexDownloads A:visited,
#complexDownloads A:active
{
	font-size: 16px;
	text-decoration: none;
}
#complexDownloads A:hover
{
	text-decoration: underline;
}

#complexSummary LEGEND,
#complexSummary STRONG
{
	font-weight: normal;
	color: #192088;
}

#complexDownloads IMG
{
	border: none;
}

#complexSummary H3
{
	font-weight: normal;
	color: #fff;
	background-color: #5883af;
	text-align: center;
	font-size: 18px;
}

#complexSummary FIELDSET
{
	border: solid 1px #000;
}

.cdoc
{
	cursor: pointer;
}

#complexDetailImage
{
	/* float: left; */
	margin: 10px;
	border: solid 1px #192088;
}

#complexDetailThumbWrapper IMG
{
	width: 80px;
	border: solid 1px #000;
	margin: 2px 4px;
}

#complex_listings,
#units_sold
{
	border: solid 1px #192088;
	width: 100%;
	margin-bottom: 20px;
}

#complex_listings A,
#complex_listings A:visited,
#complex_listings A:hover,
#complex_listings A:active
{
	text-decoration: none;
}

.listings_active_row,
.listings_inactive_row
{
	cursor: pointer;
}

.listings_active_row
{
	background: #d6deff;
}

.listings_inactive_row
{
	background: transparent;
}

#complex_listings H3,
#units_sold H3
{
	text-align: center;
	background: #5883af;
	color: #fff;
}

#complex_listings TD,
#units_sold TD
{
	border-top: solid 1px #192088;
	padding: 0 10px;
	width: 14%;
	vertical-align: middle;
}

.detail_price
{
	/*text-align: right;*/
}

#recentSearchButton
{
	color: green;
}
#savedSearchButton
{
	color: #192088;
}

#savedSearches,
#recentSearches
{
	font-size: 12px;
	height: 275px;
	background: green;
	overflow: hidden;
}

#savedSearches
{
	background: #192088;
}

.searchReload
{
	background:transparent url(../graphics/opacity80.png) repeat scroll 0%;
	border: solid 1px #192088;
	cursor: pointer;
	margin-bottom: 1px;
}

.changeLocation
{
	font-size: 10px;
	cursor: pointer;
}

/*
|-----------------------------------------------------------------------
| END Search Table *****************************************************
|-----------------------------------------------------------------------
*/
#mapTableContainer {
	width: 550px;
	float: right;
}

#mapTableContainerSearch {
	width: 550px;
	float: left;
}

#mapEditDiv,#homeMapDiv {
	width: 100%;
	height: 400px;
	border: solid 1px #00a;
}

#mapCityEditDiv
{
	width: 700px;
	height: 500px;
	border: solid 1px #00a;
}

#searchingDiv
{
	position: relative;
	top: 10px;
	left: 5%;
	width: 90%;
	height: 230px;
	border: solid 2px #192088;
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	padding-top: 150px;
}

.grayBandContainerCell {
	background-image: url(../graphics/grayBandBG.jpg);
	background-repeat: repeat-x;
	/*height: 195px;*/
	text-align: center;
}

.sectionsTable {
	width: 100%;
	text-align: center;
	color: #192088;
	font-weight: bold;
}

.sectionTextContainer a {
	text-decoration: none;
}

.sectionTextContainer a:hover {
	color: #eee;
}

.sectionPicContainer {
	padding-top: 10px;
}

.sectionPicContainer img {
	border: 0;
	height: 100px;
}

#communitiesTableContainerCell {
	text-align: center;
}

#communitiesTable {
	margin: 0 auto;
	font-weight: bold;
}

.communityLinkContainerCell {
	padding: 9px;
}

.communityLinkContainerCell img {
	border: 1px solid #666;
	margin-top: 0;
}

.communityLinkTextContainerDiv {
	width: 202px;
	margin: 0 2px;
}

.communityLinkText {
	color: #eee;
	text-decoration: none;
	display: block;
	padding: 5px;
	background-color: #888;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	height: 36px;
}

.communityLinkText:hover {
	color: #192088;
}

#copyrightCell {
	font-size: 11px;
	color: #999;
	padding: 3px;
	text-align: center;
}

#copyrightCell a {
	color: #999;
}

#copyrightCell a:hover {
	color: #444;
}

#financingWrapperTable
{
	clear: both;
	width: 100%;
	margin-top: 10px;
}

#financingWrapperTable>TBODY>TR>TD
{
	padding: 0 10px;
	text-align: center;
	width: 33%;
}

.financingTable
{
	margin: auto;
}

.financingTable .searchTableHeadMid {
	font-size:14px;	
}

.financingTable .searchTableBodyCenter {
	font-size:14px;
	padding-top:10px;
	height: 150px;
}

#mortgage_calculator_table TH,
#lendingInfoWrapper TH
	{
	font-size: 12px;
	text-align: right;
}

#lendingInfoWrapper .searchTableBodyCenter {
	padding-top:25px;	
}

#mortgage_calculator_table INPUT,
#mortgage_calculator_table xSELECT
{
	width: 100px;
}

#monthlyPayment
{
	font-weight: bold;
	text-align: center;
}

#lendingInfoWrapper
{
	margin: 10px;
}

#lendingInfoWrapper xINPUT,
#lendingInfoWrapper TEXTAREA
{
	width: 300px;
	height: 75px;
}

#ratesContainerDiv
{
	font-family: serif;
	color: #000;
	background: #ccc;
	padding: 2px 10px;
	border: double 3px #000;
}

#ratesContainerDiv H1
{
	font-size: 16px;
	margin:  0;
}

#ratesContainerTable
{
	border: solid 1px;
	background: #ddd;
}

#ratesContainerTable TD
{
	padding: 0 5px;
	border-top: solid 1px;
}

.disclaimerText,.disclaimerText a {
	color:#aaa;
}


#ajaxContactContainerDiv
{
	background-color :transparent;
	color: #192088;
	
	/*height:185px;*/
	/*width: 280px;*/
	/*border: solid 1px #929292;*/
	padding: 5px;
	text-align: left;
	font-size: 14px;
}

#contactContainerDiv
{
	background-image:url(../graphics/grayGradientBG.jpg);
	background-color :#929292;
	background-repeat:repeat-x;
	color: #192088;
	
	/*height:185px;*/
	width: 280px;
	border: solid 1px #929292;
	padding: 5px;
	text-align: left;
	font-size: 14px;
}

#contactContainerDiv TH,
.contactLabel
{
	text-align: right;
	width: 100px;
	font-weight: normal;
	padding: 5px;
}

#ajaxContactContainerDiv INPUT,
#ajaxContactContainerDiv SELECT,
#ajaxContactContainerDiv TEXTAREA,
#contactContainerDiv INPUT,
#contactContainerDiv SELECT,
#contactContainerDiv TEXTAREA
{
	width: 200px;
}

#brokerInfo
{
	margin-top: 10px;
}

#marisLogo
{
	float: right;
	margin-left: 10px;
}

#signInSearch
{
	font-size: 12px;
}

/*
ADMIN STYLES
*/
#system_message {
	padding: 10px;
	margin: 10px auto;
	width: 700px;
	border: solid 1px #000;
}

#login_form {
	width: 300px;
	margin: 10px auto;
	border-style: solid none;
	border-color: #000;
	border-width: 3px;
}

#login_form H2 {
	margin: 0px;
}

#login_form TD,#login_form TH {
	padding: 1px 10px;
}

.form_login_signup {
	font-size: 14px;
	padding: 5px 0px;
	background-color: #ddd;
	border: none 2px #000;
}

#result_nav_row,#admin_list_table {
	margin: 0px 5%;
	width: 90%;
	background-color: #fff;
	border: solid 1px #000;
	font-size: 12px;
}

#result_nav_row {
	margin-top: 10px;
	vertical-align: middle;
}

#result_nav_row IMG {
	vertical-align: middle;
}

#admin_list_table TH {
	text-align: left;
	cursor: pointer;
	border-bottom: double 3px #000;
}

#admin_list_table TD {
	vertical-align: top;
	border-bottom: solid 1px #000;
	padding: 0 2px;
}

.active_row,.inactive_row {
	cursor: pointer;
}

.active_row {
	background-color: #aaa;
	color: #000;
}

.inactive_row {
	background-color: transparent;
}

.form_error {
	color: #c00;
}

#admin_edit_post_message,#admin_edit_table {
	background-color: #ccc;
	margin: 10px 50px;
	border: solid 1px #000;
	font-size: 12px;
	width: 500px;
}

#admin_edit_table TH {
	text-align: right;
	width: 150px;
	white-space: nowrap;
}

#admin_edit_table>TBODY>TR>TD {
	padding: 0px 25px 0 0;
}

#admin_filter_table {
	background-color: #ccc;
	margin: 5px 5%;
	border: solid 1px #000;
	font-size: 12px;
}

#admin_filter_table TH {
	text-align: right;
	width: 150px;
}

#admin_filter_table TD {
	padding: 0px 25px 0 0;
}

#admin_edit_form_errors {
	background: #aaa;
	border: solid 1px #000;
	margin: 5px 50px;
	width: 480px;
	font-size: 12px;
	padding: 5px 10px;
}

#admin_edit_form_errors UL {
	list-style: inside;
}

.form_input_div {
	background: #fff;
	border: solid 1px #ccc;
	padding: 1px 2px;
}

/*
 * Calendar styles
*/
.calPopup {
	position: absolute;
	z-index: 10;
	border: solid 1px #192088;
	background: #a7b9ff;
	overflow: auto;
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
}

.calPopup table {
	width: 90%;
	margin: 5px 5%;
	border: 1px solid #192088;
	border-collapse: collapse;
	background: #5883af;
}

.calPopup table TD {
	width: 14%;
	border: solid 1px #666;
}

.passed,.future,.selected,.today {
	border: solid 1px #ccc;
	color: #000;
	cursor: pointer;
}

.passed {
	background-color: #aaa;
	color: #333;
}

.selected {
	background-color: #192088;
	color: #fff;
}

.future {
	color: #fff;
	background-color: #5883af;
}

.today {
	color: #5883af;
	background-color: #fff;
}

.othermonth {
	border: solid 1px #666;
	background-color: #fff;
	color: #ccc;
}

.calPopup SELECT {
	font-size: 11px;
}