/* --- Base --- */
body { background: #333; }

a:link,a:visited {color: #444; }
a:hover,a:active {color: #006496; }
.topfooter a:link,.topfooter a:visited {color: #444; }
.topfooter a:hover,.topfooter a:active {color: #222; background: transparent}

hr { border-top:1px solid #ccc; border-left: 0;border-right: 0;border-bottom: 0}


p {line-height: 1.5em; color: #333;}


h2.title { font-size:2em; border-bottom: 1px solid #ccc; padding:.25em;color: #641633; }
h2.title span {font-size:.75em; font-weight:normal; color: #999; margin-left: .5em;}



label {display: block; margin: 9px 0 0 0; font-size: 1.2em; font-weight: bold;color: #333;}
label.opt {padding-top: 4px; margin:  0; font-size: 1em; font-weight: normal;}
.white {color:#fff}
ul.checkboxes li { display: block; margin-bottom: 2px; }

.middlecontent {background: #eee; border: 10px solid #eee; color: #333; margin-top:1px;}
.topfooter {background: #ccc; border: 10px solid #ccc; color: #333;}
.bottomfooter { background: transparent;border: 10px solid transparent; text-align: center; margin-top: 4em; font-size: .8em; color: #fff}
.bottomfooter p {color:#eee}
.tools h3 {margin-bottom:2px; font-size: 1.4em}
.tools p {color: #555;}
.tools a:link,.tools a:visited {color: #333; text-decoration: none;}
.tools a:hover,.tools a:active {text-decoration: underline; color: #006496;}

/* --- Image Replacement --- */
h1.logo a { display: block; margin-top: 15px; text-indent: -1000em; background: url(../images/mtp.png) no-repeat top center; width: 220px; height: 44px;}


h2.neighborhood-head { text-indent: -1000em; background: url(../images/neighborhood-head.png) no-repeat;}
h2.homefinder-head { text-indent: -1000em; background: url(../images/homefinder-head.png) no-repeat;}
h2.popular-head { text-indent: -1000em; background: url(../images/popular-head.png) no-repeat;}
h2.mortgage-head { text-indent: -1000em; background: url(../images/mortgage-head.png) no-repeat;}
h2.mag-head { text-indent: -1000em; background: url(../images/mag-head.png) no-repeat;}
h2.service-head { text-indent: -1000em; background: url(../images/service-head.png) no-repeat;}
h2.tools-head { text-indent: -1000em; background: url(../images/tools-head.png) no-repeat;}
h2.search-head { text-indent: -1000em; background: url(../images/search-head.png) no-repeat;}
h2.agent-search-head { text-indent: -1000em; background: url(../images/head-agent-search.png) no-repeat;}
h2.browse-name-head { text-indent: -1000em; background: url(../images/head-browse-name.png) no-repeat;}
h2.browse-photo-head { text-indent: -1000em; background: url(../images/head-browse-photo.png) no-repeat;}
h2.neighborhood-info-head { text-indent: -1000em; background: url(../images/head-neighborhood-info.png) no-repeat;}
h2.feature-head { text-indent: -1000em; background: url(../images/featured-home.png) no-repeat; margin-bottom: .75em;}

h3.title { padding:.5em; margin-top:1em; background: #666; color: #fff; font-size:1.4em}
h3.subcat { color:#641633; font-size:1.5em; margin: 0 0 1em 0;}
h4.title { padding: 0 3em .25em .5em; border-bottom: 1px solid #ccc; font-size:1.3em; color: #333; margin:2em 0 0 0;}
h4.subcat { color:#333; font-size:1.3em;}

div a.prop-search-box {display: block; width: 230px; height: 227px; background: url(../images/box-nav6.png) no-repeat ; text-indent: -1000em; }
div a.open-house-box {display: block; width: 230px; height: 227px; background: url(../images/box-nav6.png) no-repeat -230px 0 ; text-indent: -1000em; }
div a.agents-box {display: block; width: 230px; height: 227px; background: url(../images/box-nav6.png) no-repeat -460px 0; text-indent: -1000em; }
div a.relo-box {display: block; width: 230px; height: 227px; background: url(../images/box-nav6.png) no-repeat -690px 0; text-indent: -1000em; }

div a.prop-search-box:hover {background-position: 0px -227px; }
div a.open-house-box:hover {background-position: -230px -227px; }
div a.agents-box:hover {background-position: -460px -227px; }
div a.relo-box:hover {background-position: -690px -227px; }

div a.map-search-box {display: block; width: 230px; height: 159px; background: url(../images/map.png) no-repeat ; text-indent: -1000em; }
div a.map-search-box:hover {display: block; width: 230px; height: 159px; background: url(../images/map.png) no-repeat 0 -159px ; text-indent: -1000em; }

a.relologo:link,
a.relologo:visited { display: block; cursor: hand; margin-top:1px; width: 100%; height: 71px; text-indent: -1000em; background:#555 url(../images/relo-home-search.png) no-repeat 10px ; }

a.relologo:hover,
a.relologo:active {  background:#333 url(../images/relo-home-search.png) no-repeat 10px ; }

ul.toolnav { margin: 0; padding: 0 }
ul.toolnav li a:link,ul.toolnav li a:visited { display: block;  font-weight: bold; font-family: Arial; color: #555; text-decoration:none; padding: 7px 10px;border-top:1px dotted #ccc;}
ul.toolnav li a:hover,ul.toolnav li a:active { background:#eee; color: #333; text-decoration:none;}

.m-search	{ background: url(../images/tool-m-search.png) no-repeat 0 0; }
.n-info	{ background: url(../images/tool-n-info.png) no-repeat 0 0; }
.s-finder	{ background: url(../images/tool-s-finder.png) no-repeat 0 0; }
.sz-locator	{ background: url(../images/tool-sz-locator.png) no-repeat 0 0; }
.h-finder	{ background: url(../images/tool-h-finder.png) no-repeat 0 0; }
.p-value	{ background: url(../images/tool-p-value.png) no-repeat 0 0; }
.more-tools	{ background: url(../images/tool-more.png) no-repeat 0 0; }

/* --- Modules --- */
#search {padding: 11px 10px 20px 10px; background: #641633; color: #fff; border-bottom: 1px solid #641633; border-top: 1px solid #641633}
#search a:link,#search a:visited {color: #ddd; text-decoration:underline}
#search a:hover,#search a:active {color: #fff; text-decoration:underline}

#searchbar {padding: 5px 10px; background: #e3e3e3; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; color: #777}
#searchbar a:hover,#search a:active {color: #777;}


#feature {background: #fff; overflow: hidden; width: 230px; height: 179px; font-size:1.25em; color: #333;}

#feature img {border:1px solid #999; margin-bottom: 5px;}
#feature:hover img { border:1px solid #666}

#control { border-bottom: 1px solid #ccc; background: url(./images/control-bar.png) no-repeat;  margin-bottom: 10px; padding: 5px 0; color: #444; }


#agentInfo {background: #eee; color: #333; padding: .8em 1em; }
#agentInfo h3 {font-size: 1.75em; display: inline;  margin-right:2em;}
#agentInfo h4 {font-size: 1.5em; display: inline; margin-right:2em;}

#agentGrid {background: #fff; border: 1px solid #eee; margin-top: 1em; padding: .5em; height: 140px;}
#agentGrid:hover {border: 1px solid #ccc;}
#agentGrid p {margin-top: 2em;}

a.grid:link,a.grid:visited      {  text-indent: -1000em; float: left; background: url(../images/btn-grid-view.png) no-repeat 0 0; width: 84px; height:20px;line-height:20px; margin-top: 7px;}
a.grid:hover   {  text-indent: -1000em; float: left; background: url(../images/btn-grid-view.png) no-repeat 0 -20px; width: 84px; height:20px;line-height:20px; margin-top: 7px;}
a.showgrid {  text-indent: -1000em; float: left; background: url(../images/btn-grid-view.png) no-repeat 0 -20px; width: 84px; height:20px;line-height:20px; margin-top: 7px;}

a.list:link,a.list:visited      {  text-indent: -1000em; float: left; background: url(../images/btn-list-view.png) no-repeat 0 0; width: 79px; height:20px;line-height:20px;  margin-top: 7px;}
a.list:hover   {  text-indent: -1000em; float: left; background: url(../images/btn-list-view.png) no-repeat 0 -20px; width: 79px; height:20px;line-height:20px; margin-top: 7px;}
a.showlist {  text-indent: -1000em; float: left; background: url(../images/btn-list-view.png) no-repeat 0 -20px; width: 79px; height:20px;line-height:20px; margin-top: 7px;}

a.detail:link,a.detail:visited      {  text-indent: -1000em; float: left; background: url(../images/btn-detail-view.png) no-repeat 0 0; width: 94px; height:20px;line-height:20px; margin-top: 7px; }
a.detail:hover   {  text-indent: -1000em; float: left; background: url(../images/btn-detail-view.png) no-repeat 0 -20px; width: 94px; height:20px;line-height:20px; margin-top: 7px;}
a.showdetail {  text-indent: -1000em; float: left; background: url(../images/btn-detail-view.png) no-repeat 0 -20px; width: 94px; height:20px;line-height:20px; margin-top: 7px;}

a.view-details:link,a.view-details:visited {border-bottom:1px solid #ccc; text-indent: -1000em; float:right; background: url(../images/actions.png) no-repeat 0 0; width: 130px; height:25px; line-height:25px;}
a.view-details:hover {background-position: 0 -25px;}

a.view-photos:link,a.view-photos:visited { border-bottom:1px solid #ccc; text-indent: -1000em; float:right; background: url(../images/actions.png) no-repeat 0 -50px; width: 130px; height:25px; line-height:25px;}
a.view-photos:hover {background-position: 0 -75px;}

a.schedule:link,a.schedule:visited {border-bottom:1px solid #ccc; text-indent: -1000em; float:right; background: url(../images/actions.png) no-repeat 0 -100px; width: 130px; height:25px; line-height:25px;}
a.schedule:hover {background-position: 0 -125px;}

a.save:link,a.save:visited { text-indent: -1000em; float:right; background: url(../images/actions.png) no-repeat 0 -150px; width: 130px; height:25px; line-height:25px;}
a.save:hover {background-position: 0 -175px;}

a.bookmarked:link,a.bookmarked:visited { text-indent: -1000em; float:right; background: url(../images/actions.png) no-repeat 0 -200px; width: 130px; height:25px; line-height:25px;}
a.bookmarked:hover {background-position: 0 -225px;}

#listing_norm {  font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em; padding-bottom: 1em; color: #444}
#listing_norm .col1 { margin:0; width: 225px; float: left;}
#listing_norm .col2 { float: left; width: 225px;}
#listing_norm .col3 { float: left; width: 150px; }
#listing_norm .broker {color: #aaa; display:block; margin-top: 1em;}

#listing_list { font-size: 1.2em; line-height: 1.75em; border-bottom: 1px solid #eee; color: #444; }
#listing_list:hover {background: #eee; color: #333;}
#list-head { font-weight: bold; font-size: 1.2em; line-height: 1.5em;border-bottom: 1px solid #ccc; color: #333; }
#list-head .addr-col, #listing_list .addr-col {display: block; width: 30%; float:left;}
#list-head .price-col, #listing_list .price-col {display: block; width: 30%; float:left;}
#list-head .desc-col, #listing_list .desc-col {display: block; width: 40%; float:left;}

#listing-grid { font-size: 1.2em; line-height: 1.5em; color: #444;}
#listing-grid .broker {color: #aaa; display:block; margin-bottom: 2em;}

#info_sheet {color: #333;}
#info_sheet .meta { color: #333; padding: 1em 0 0 .5em; margin-top: 1em; }
#info_sheet h4 {padding: 0 3em .25em .5em; border-bottom: 1px solid #ccc; width: 90%; color:#641633}
#info_sheet p {padding: 0 3em 0 .5em; line-height:1.5em;}
ul li b {display: block; width: 100px; float:left;}


#info_sheet .meta ul.col1,#info_sheet .meta ul.col2 { float:left; width: 200px}
#info_sheet .meta ul.col1 li,#info_sheet .meta ul.col2 li {margin: 3px 0; }

#agent-block { border: 1px solid #ccc; background: #eee; color:#333; padding: 1em; margin-bottom:1em;}
#agent-block h4 { font-size: 1.5em; margin: .5em 0; border-bottom: 1px solid #ccc;padding-bottom: 4px}
#agent-block ul li {padding: 1px 0; }
#agent-block ul li span {display: block; width: 50px; float:left; font-weight:bold;}
#agent-block a { color: #333}

a.email:link,a.email:visited { text-indent: -1000em; background: url(../images/actions.png) no-repeat 0 -175px; height:25px; line-height:25px;}
a.email:hover,a.email:active {background-position: 0 -200px;}


#thumbs li a img {padding:1px; border:1px solid #ccc}
#thumbs li a img:hover {padding:1px; border:1px solid #641633}

#bio {color: #333;}
#bio ul li {padding:1px 0; color: #555;}
#bio p {padding-right: 3em; line-height: 1.5em}

#verbiage p {padding-right: 3em; line-height: 1.5em}

#verbiage ul li {line-height:1.5em;}

.open { border: 1px solid #f6db8c; border-top: 0; border-left:0; background: #feffd9; padding: 1em;text-align:center}
.price {color: green; font-weight: bold}
.meta .price {font-size: 1.75em; color: green; font-weight: bold; margin-bottom: .25em; }
.per {color: #999;}
.req { color: #b80028; margin-left: .25em;}
del {color: #ccc; }
.actions {width: 130px; line-height: 103px; background: #eee; border:1px solid #ccc }
#caption {padding: 0 .5em; margin: .5em 0 1em 0; font-size: 1.1em; line-height: 1.5em}

.paging {text-align:center;}
.paging a:link, .paging a:visited{padding: 0 10px; font-size:1.2em; text-align:center; border-right:1px solid #ccc; }
.paging a:hover, .paging a:active{padding: 0 10px; font-size:1.2em; text-align:center; border-right:1px solid #ccc; color: #641633; }
.paging a.current {color: #641633; font-weight: bold}
.paging a.pageOver {border:0}

ul.contactInfo li {padding: 1px 0; }

#agentEmail {background: #eee; border:1px solid #999; padding: 1em}
#agentEmail label { color: #666 }
#agentEmail textarea {width: 194px;}
#agentEmail h3 {font-size: 1.5em; color: #444; margin-top: 1em; }

#module {padding: 0 1em 1em 1em; border:1px solid #999;}
#module h3 { padding:.5em; margin-top:1em; background: #666; color: #fff; font-size:1.4em}
#module h4 { padding: 0 3em .25em .5em; border-bottom: 1px solid #ccc; font-size:1.3em; color: #333; margin:2em 0 0 0;}

.labels li {display: block; float: left; margin: 1em 2em 0 0;}

/* --- Floats --- */
.left {float: left; }
.right {float: right; }

/* --- Margins, Padding & Borders--- */
.mr5 {margin-right:5px; }
.ml5 {margin-left:5px; }
.mt5 {margin-top:5px; }
.mb5 {margin-bottom:5px; }
.pr5 {padding-right:5px; }
.pl5 {padding-left:5px; }
.pt5 {padding-top:5px; }
.pb5 {padding-bottom:5px; }

.mr10 {margin-right:10px; }
.ml10 {margin-left:10px; }
.mt10 {margin-top:10px; }
.mb10 {margin-bottom:10px; }
.pr10 {padding-right:10px; }
.pl10 {padding-left:10px; }
.pt10 {padding-top:10px; }
.pb10 {padding-bottom:10px; }

.mr15 {margin-right:15px; }
.ml15 {margin-left:15px; }
.mt15 {margin-top:15px; }
.mb15 {margin-bottom:15px; }
.pr15 {padding-right:15px; }
.pl15 {padding-left:15px; }
.pt15 {padding-top:15px; }
.pb15 {padding-bottom:15px; }

.mr25 {margin-right:25px; }
.ml25 {margin-left:25px; }
.mt25 {margin-top:25px; }
.mb25 {margin-bottom:25px; }
.pr25 {padding-right:25px; }
.pl25 {padding-left:25px; }
.pt25 {padding-top:25px; }
.pb25 {padding-bottom:25px; }

.bt1 {border-top:1px solid #ccc}
.bb1 {border-bottom:1px solid #ccc}
.br1 {border-right:1px solid #ccc}
.bl1 {border-left:1px solid #ccc}

.borderlt {border: 1px solid #ccc}

.break {page-break-after: always}
/* --- Lists --- */

#module ul.facts { color: #666; margin-top:.5em}
#module ul.facts li span {display: block; width: 175px; float:left; font-weight:bold; color: #666}

ul.linklist li a { padding: 0; display: block; margin: .25em 0; }
ul.linklist li span { float: left; display: block; width: 75px; }

ul.inlinelinks li a:link,
ul.inlinelinks li a:visited { display: block; float:left; padding: 0 5px }

ul.inlinelinks li a:hover,
ul.inlinelinks li a:active { display: block; float:left; padding: 0 5px; background: #eee; color:#641633}

.col1 { margin:0; width: 150px; float: left;}
.col2,.col3,.col4 { float: left; width: 150px;}





table{ margin-top:.5em; border-bottom: 1px solid #999}
tr th{padding: 5px 8px; color: #333;border-bottom: 1px solid #999;vertical-align: bottom; background:#ccc}
tr td{ padding: 5px 8px; background: #fff; color: #666 }

table.compare tr th{padding: 5px 8px; color: #333;border-bottom: 1px solid #999;vertical-align: bottom; background:#ccc;;}
table.compare tr td{ padding: 5px 8px; background: #fff; color: #666; border-right: 1px solid #ccc }

tr.buttons td {font-size: .8em; }
tr.buttons:hover td {background: #fff;}

thead td{ color: #fff; font-weight: bold;	border-bottom: 1px solid #999; }

tbody tr.even td{	background: #eee;	}
tbody tr:hover td{ color: #333;	background-color: #d6e9f3; }


ul#tabs { margin:0; padding:0; height:28px; border-bottom: 1px solid #ccc}
ul#tabs li {float: left;}

ul#tabs li a:link, ul#tabs li a:visited { display:block; float: left; padding: .5em; margin-right: .5em; background: #eee; text-decoration:none; border: 1px solid #ccc}
ul#tabs li a:hover, ul#tabs li a:active { display:block; float: left; padding: .5em; margin-right: .5em; background: #fff; text-decoration:none; color: #333; border: 1px solid #ccc; border-bottom:0;}

ul#tabs li a.activetab { float: left; padding: .5em;  background: #fff;border: 1px solid #ccc; border-bottom:1px solid #fff; color: #006496}

a.on:link,
a.on:visited { color: green; font-weight: bold; text-decoration: none;}
a.on:hover,
a.on:active { text-decoration: underline;}

a.off:link,
a.off:visited { color: red; font-weight: bold; text-decoration: none;}
a.off:hover,
a.off:active { text-decoration: underline;}

a.breadcrumb:link,
a.breadcrumb:visited { color: #333; text-decoration:none; border-bottom: 1px dotted #ccc;}

a.breadcrumb:hover,
a.breadcrumb:active {color: #333; text-decoration:none; border-bottom: 1px dotted #333;}

a.toggle:link,
a.toggle:visited { display: block; padding: .25em .5em; margin-bottom:.25em; background: #eee; border-bottom: 1px solid #ddd; text-decoration: none; font-weight: bold; width:95%; font-size: 1.2em;}

a.toggle:hover,
a.toggle:active { background: #ddd; border-bottom: 1px solid #ccc; text-decoration: none; }

dl {color: #333;}
dt {font-weight: bold;}
dd {margin-bottom: 1em;}

ul.bullets li {list-style-type: disc; margin-left: 2.5em;}

#placeholder { max-width:388px; height: auto; }