/*
This file is a port of nnerencore and realestate.css from the re 1.0 system
*/

/* ------------- */
/* core elements */
/* ------------- */

#contact-form-error-contact,
#contact-form-error-contact ul li { color: #c00; font-weight: bold; }
#contact-form-error-sched,
#contact-form-error-sched ul li { color: #c00; font-weight: bold; }
#contact-form-error-friend,
#contact-form-error-friend ul li { color: #c00; font-weight: bold; }

/* ---------- */
/* user login */
/* ---------- */

.userloginleft h3 {
	margin-top: 0;
	padding-top: 0;
}

.userloginleft {
	float: left;
	width: 340px;
}

.userloginright h3 {
	margin-top: 0;
	padding-top: 0;
}

.userloginright {
	float: right;
	width: 200px;
	border-left: 2px solid #1e614a;
	padding: 0 20px;
	margin: 0;
}

.buttons { margin: 0 0 0 35px; }

.buttons input {
	float: left;
	padding: 10px 0 0 5px;
	margin: 0;
}

.login { margin: 11px 0 0 0; }

body>div .login { margin: 0; }

/* --------- */
/* list view */
/* --------- */

/* wraps the two list columns */
.listviewwrap {
	border-bottom: 1px solid #cce;
	display: block;
}

/* floats the image left */
.listviewleft {
	width: 160px;
	float: left;
	text-align: center;
	padding: 8px 0;
}

/* assigns styles to the list view images */
.listviewleft img {
	padding: 4px;
	float: left;
	margin-top: 8px;
	margin-bottom: 4px;
	border: 1px solid #1e614a;
}

/* floats the desc right */
.listviewright {
	margin-left: 180px;
	padding: 6px 0;
}

/* adds padding between mls number and favorites */
.listviewmoreinfo { padding: 0 5px; }

/* formats the price */
.listprice { text-align: right; }

/* formats remarks */
.listremark {
	display: block;
}

/* attributes that display in the list view  */

.listviewattribute {
display: block;
padding-top: 4px;
padding-bottom: 4px;
}

/* wraps the town and price in a box */
.listinfobottom {
	display: block;
	margin-top: 8px;
	margin-bottom: 0;
}

/* floats the town name left */
.listfavleft {
	float: left;
	width: 50%;
}

/* floats the price right */
.listfavright {
	text-align: right;
	float: right;
	width: 50%;
}

/* formats the town name */
.listtown { text-transform: uppercase; }

/* formats the pagination */
.ezclassesnavigator { margin-bottom: 10px; }

/* formats the footer displaimer */
.disclaimer {
	border-top: 1px solid #1e614a;
	padding-top: 10px;
}

/* broker reciprocity icon */
.brokerrec {
	vertical-align: middle;
	padding-left: 20px;
}

/* ----------- */
/* detail view */
/* ----------- */

/* horizontal heading */
.mlsnavbar {
	border: 1px solid #dfdddd;
	margin-bottom: 10px;
}

/* horizontal heading favorites area */
.mlsnavbarleft {
	float: left;
	width: 50%;
}

.mlsnavbarleft ul {
	margin: 0;
	padding: 0;
}

.mlsnavbarleft li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 6px;
}

/* horizontal heading pagination */
.mlsnavbarright {
	float: right;
	width: 45%;
}

.mlsnavbarright ul {
	margin: 0;
	padding: 0;
}

.mlsnavbarright li {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 6px;
}

/* ----------------------- */
/* detail view left column */
/* ----------------------- */

.mlsleftcol {
	float: left;
	width: 297px;
	margin: 0;
	padding: 0;
	padding: 0 10px 0 0;
}

/* slide show main image */
#slideshow {
	text-align: center;
	width: 296px;
}

#slideshow img { padding: 4px; }

/* slide show thumbnails */
.slideshowthumbs { padding-top: 15px; }

.slideshowthumbs img {
	border: 1px solid #ccc;
	padding: 1px;
}

/* slide show navigator */
.slideshownav { padding: 5px 10px; }

.slideshownav a { text-decoration: none; }

.slideshownav img {
	padding: 0 5px;
	vertical-align: middle;
}

/* form ajax area */

.formarea {
	background: #fff;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 20px;
	width: 296px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 294px;
}

/* style the contact form area */
form.contact {
	margin: 0;
	padding: 3px 10px;
	color: #000;
}

form.contact label { color: #000; display: block; }

/* set the non form elements to a color */
.layouttable,
.layouttable p { color: #000; }

/* clickable buttons */
ul.subNav {
	height: 22px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

ul.subNav li {
	display: block;
	float: left;
	list-style: none;
	height:0 !important;
	height /**/: 22px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}

ul.subNav li { padding: 0; padding-top: 0; }

/* commented backslash hack v2 \*/
ul.subNav li { padding: 0; padding-top: 22px; }
/* end hack */

/* contact us button */
ul.subNav li#contactlink {
	width: 69px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
}

ul.subNav li#contactlink {
	background: url("/ezstatic/data/default/button_contact.gif") no-repeat;
	text-indent: -9999px;
}

ul.subNav li#contactlink.on {
	background: url("/ezstatic/data/default/button_contact-on.gif") no-repeat;
	border: 0;
	text-indent: -9999px;
}

/* email to a friend */
ul.subNav li#emaillink {
	width: 69px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
}

ul.subNav li#emaillink {
	background: url("/ezstatic/data/default/button_email.gif") no-repeat;
	text-indent: -9999px;
}

ul.subNav li#emaillink.on {
	background: url("/ezstatic/data/default/button_email-on.gif") no-repeat;
	border: 0;
	text-indent: -9999px;
}

/* mortgage calculator */
ul.subNav li#mortgagelink {
	width: 87px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
}

ul.subNav li#mortgagelink {
	background: url("/ezstatic/data/default/button_mortgage.gif") no-repeat;
	text-indent: -9999px;
}

ul.subNav li#mortgagelink.on {
	background: url("/ezstatic/data/default/button_mortgage-on.gif") no-repeat;
	border: 0;
	text-indent: -9999px;
}

/* schedule a viewing button */
ul.subNav li#schedulelink {
	width: 69px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
}

ul.subNav li#schedulelink {
	background: url("/ezstatic/data/default/button_schedule.gif") no-repeat;
	text-indent: -9999px;
}

ul.subNav li#schedulelink.on {
	background: url("/ezstatic/data/default/button_schedule-on.gif") no-repeat;
	border: 0;
	text-indent: -9999px;
}

/* submitted error response */
#sackdata p {
	/*font-color: #c00;*/
	font-weight: bold;
}

/* ------------------------ */
/* detail view right column */
/* ------------------------ */

.mlsrightcol {
	margin-left: 320px;
	padding: 0;
}

.mlsrightcol ul {
	margin: 0;
	padding: 0;
}

.mlsrightcol li { list-style-type: none; }

/* heading information */
.mlstitleinfo {
	margin: 0;
	padding: 0 0 5px 0;
}

/* town info */
.mlstowntitle {
	font-size: 14px;
	font-weight: bold;
}

/* listing number info */
.mlslistid {
	font-style: italic;
	font-weight: bold;
}

/* offered at text info */
.mlsofferedat { text-transform: uppercase; }

/* listing price info */
.mlslistprice { font-weight: bold; }

/* terms text info */
.mlsterms { text-transform: uppercase; }

/* terms value info */
.mlstermofrental { font-weight: bold; }

/* full address info */
.mlsfulladdress { font-weight: bold; }

.mlsrightcol h3 {
	padding: 5px 0;
	margin-bottom: 4px;
}

span.googlemaplink { display: block; }

.mlsstreetaddress { display: block; }

/* --------------------- */
/* mls footer disclaimer */
/* --------------------- */

.mlsdisclaimer {
	color: #000;
	margin-top: 20px;
}

.mlsdisclaimer img {
	float: left;
	width: 100px;
	background: #fff;
	padding: 4px;
	border: 1px solid #000;
	margin: 2px 0 0 15px;
}

.mlsdisclaimer p {
	margin-left: 135px;
	font-size: 10px;
	line-height: normal;
	margin-top: 10px;
}

.clearboth { clear: both; }

/* ------------------------ */
/* auto email notifications */
/* ------------------------ */

div#emailwrapper { 
	width: 540px;
	margin: 0 auto;
	border: 1px solid #000;
}

div#emailmain {
	background: #fff;
	text-align: left;
}

div#emailcontent {
	padding: 7px;
	text-align: left;
}

/* ---------------- */
/* prod search list */
/* ---------------- */

.savedsearch { width: 100%; }

.savedsearch th {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 4px 0;
}

.savedsearch td {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 4px 0;
}

.savedsearch td a { white-space: nowrap; }

.right { text-align: right; }

/* ------------- */
/* agent manager */
/* ------------- */

.agentname { font-weight: bold; }
.agenttitle { font-style: italic; }

.realtorleft { float: left; width: 150px; }
.realtorright { float: right; width: 430px; }

/*  BELOW THIS LINE TAKEN FROM RE1 realestate.css FILE */

/* --------- */
/* login bar */
/* --------- */

.loginbar {
	font-weight: bold;
	padding-bottom: 10px;
}

.loginbar img {
	border: 0;
	vertical-align: middle;
	padding-right: 6px;
}

/* ------------------ */
/* pre saved searches */
/* ------------------ */

ul#psslist, ul.psslist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#psslist a, ul.psslist a { font-weight: bold; }


/* ---------------- */
/* mls quick search */
/* ---------------- */
#quicksearch form {
	margin: 0;
	padding: 0;
}

#quicksearch input,
#quicksearch select,
#quicksearch textarea {
	margin-bottom: 4px;
	font-family: verdana, times new roman, times, serif;
	font-size: 10px;
	display: block;
}

#quicksearch select { width: 169px; }

p.keywordsor {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#quicksearch input.waterfrontfld { display: inline; }


/* ------------ */
/* mls override */
/* ------------ */

#listoptions form {
	margin: 0;
	padding: 0;
}

#listoptions input,
#listoptions select,
#listoptions textarea {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	font-family: arial, verdana, times new roman, times, serif;
	font-size: 10px;
}

/* ------------------- */
/* mls advanced search */
/* ------------------- */
.formadvsearch .searchdiv {
	clear: left;
}

.formadvsearch .searchdiv p {
	margin: 0;
	padding-top: 10px;
}

.formadvsearch #propertytype {
	width: 400px;
}

.formadvsearch #propertytype div {
	float: left;
	width: 180px;
}

.formadvsearch #serviceareatowns .Town div {
	float: left;
	width: 180px;
}


/* --------------- */
/* search info bar */
/* --------------- */

table#savedsearchinfo { width: 100%; }

.savedsearchinfoleft {
	width: 60%;
	vertical-align: top;
}

.savedsearchinforight {
	width: 40%;
	text-align: right;
	vertical-align: top;
}

/* ------------------------- */
/* pagination and sort order */
/* ------------------------- */

table#navddpl { width: 100%; }

.navddplleft {
	width: 50%; 
	vertical-align: top;
}

.navddplright {
	width: 50%;
	text-align: right;
	vertical-align: top;
}

/* misc */
/* adds padding between mls number and favorites */
.listviewmoreinfo { padding: 5px 5px; }

/* formats the price */
.listprice { text-align: right; }

/* formats remarks */
.listremark {
	color: #000;
	display: block;
}


/* ---------- */
/* user login */
/* ---------- */

.userloginleft { width: 60%; }

.userloginright {
	width: 30%;
	border-left: 2px solid #8E7E73;
}


/* ------ */
/* footer */
/* ------ */

table#footermisc { width: 100%; }

.nnerenwidth { width: 120px; }
.nnerenwidth { width: 100px; }


/* -------- */
/* usm logo */
/* -------- */

div#usmtag {
	border: 0;
	padding: 0;
	margin: 0 auto;
	clear: both;
}

div#usmtag ul {
	width: 267px;
	height: 38px;
	background: url("/images/usmtag2.jpg") no-repeat;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	
#usmtag ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#usmtag ul li,
#usmtag a {
	height: 38px;
	display: block;
	color: #fff;
}

#usmtag ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

.usm1 { left: 0; width: 276px; }
