﻿@charset "UTF-8";
/* CSS Document */
body{ margin: 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333333; background: #39b8e0;}
#pseudoBody{ background: url(/images/mainBG.png) repeat-x top #39b8e0;}
#globalLinks{width: 100%; height: 50px; background: #FFF;}
#globalLinks div{width: 880px; height: 50px; margin: 0 auto; background: #FFF; color: #003366; line-height: 50px; padding: 0 10px;}
#globalLinks div #search{margin: 0; padding: 0; float: left; text-align: left; width: 50%}
#globalLinks div ul.global{margin: 0; padding: 0; float: right; text-align: right;}
#globalLinks div ul.global li{display: inline; padding-left: 15px;}
#globalLinks div ul.global li a.gL:link, a.gL:visited{color: #003366; text-decoration: none; font-weight: bold;}
#globalLinks div ul.global li a.gL:hover, a.gL:active{color: #990000; border-bottom: 1px dotted #990000; font-weight: bold;}
p.relo{margin: 0 0 4px 0; color: #990000; font-weight:  bold; font-size: 11px;}


/* MAIN WRAPPER */
#wrapper{width: 880px; margin: 0 auto; padding: 0 10px 0 10px; border: 1px solid #003366; border-top: none; background: #FFF;}
#header{border: 5px solid #006699; margin: 0 auto 20px auto; height: 150px; background: url(/images/headerBG.jpg);}
#contentColumn{width: 660px; padding-left: 20px;}

/* NAVIGTION */
.boxWrapper{background: url(/images/boxTitle.jpg) top repeat-x #FFF; border: 1px solid #82b8df; border-top: none; width: 200px; padding: 6px 5px;}
.boxWrapper2{background: url(/images/boxTitle2.gif) top repeat-x #FFF; border: 1px solid #87a93e; border-top: none; width: 190px; padding: 4px 5px; float: left; margin-right: 10px;}
.boxWrapper2 img{width: 85px; height: 121px;}
.boxWrapper3{background: url(/images/boxTitle2.gif) top repeat-x #CCC; border: 1px solid #87a93e; border-top: none; width: 190px; padding: 4px 5px; float: left; margin-right: 10px;}

.boxWrapperLinkOff{background: url(/images/boxTitle2.gif) top repeat-x #FFF; border: 1px solid #87a93e; border-top: none; width: 190px; padding: 4px 5px; float: left; margin-right: 10px; cursor: pointer;}
.boxWrapperLinkOn{background: url(/images/boxTitle2.gif) top repeat-x #a8cadb; border: 1px solid #87a93e; border-top: none; width: 190px; padding: 4px 5px; float: left; margin-right: 10px; cursor: pointer;}


ul.nav{margin: 0 auto; padding: 0; color: #333333; font-size: 12px; width: 90%;}
ul.nav li{list-style: none; margin-bottom: 5px; width: 100%; text-align: left; border-bottom: 1px dashed #CCCCCC;}
ul.nav li a.navLink:link, a.navLink:visited{color: #333333; text-decoration: none; padding: 3px; padding-left: 20px;}
ul.nav li a.navLink:hover, a.navLink:active{background: url(/images/onArrow.gif) no-repeat; color: #990000; padding: 3px; padding-left: 30px;}


/* MLS SEARCH */
#mls p{line-height: 15px;}
.mlsLabel{color: #333333; font-size: 12px;}
.mlsInput{width: 75px; border: 2px solid #333333; height: 13px; color: #333333; padding: 0 0 4px 4px; margin-top: 15px;}


/* CONTENT SECTION */
#content{background: #FFF; height: auto; min-height: 500px; line-height: 175%;}

/* COLUMNS */
.columns{width: 100%;}
.column{float: left;}
.clear{width: 100%; clear: both;}


/* REGULAR TAGS */
p{margin-top: 0; padding-top: 0;}
h1{margin: 0 0 10px 0; font-size: 26px; font-style: italic; background: url(/images/h1BG.gif); padding: 5px; border-bottom: 1px solid #333333; color: #FFF;}
h1.windsor{border-bottom: 2px solid #c0dd8b; background: none; color: #333;}
h2{color: #333333; font-size: 14px; margin: 0; padding: 0;}
h3{margin: -5px 0 0 0; padding: 0; font-size: 13px; text-align: center;}

.hr{margin: 10px auto 20px auto; width: 75%; border-bottom: 2px dashed #333333;}
.noAfter{margin: 0; padding: 0;}
.notes{margin: 0; padding: 0; font-size: 9px;}
.red{color: #990000;}
.box{margin-bottom: 10px;}
.blackBorder{border: 1px solid #000;}
.small{font-size: 10px; line-height: 100%;}
.lightBlue{color: #6c9fe4; font-weight: bold;}
.darkRed{color: #990000; font-weight: bold;}
.limeGreen{color: #87a93e; font-weight: bold;}

.shadowOffice{border: 1px dashed #339933; padding: 5px; width: 185px; margin: 15px auto;} 
.shadowOffice a{display:block; width:100%; height:100%; text-decoration:none; background: #CCCCCC; color: #333333;} 
.shadowOffice a:hover{text-decoration:none; background-color: #993333; color: #FFFFFF;} 


/* FORMS */
.genericButton{height: 22px; width: 76px; line-height: 15px; color: #FFF; text-align: center; background: url(/images/button2.png) no-repeat; behavior: url(/scripts/iepngfix.htc); border: none; font-size: 10px;}
.goButton{height: 24px; width: 24px; background: url(/images/goButton.png) no-repeat; border: none; font-size: 0px; margin-top: 15px;}
label.adminLabel{width: 80px; float: left; font-weight: bold; color: #666666; margin-right: 10px; text-align: right;}
label.adminLabel2{width: 120px; float: left; font-weight: bold; color: #666666; margin-right: 10px; text-align: right;}
input.adminLong{width: 125px; border: 2px solid #006699; color: #666666;}
input.adminShortest{width: 30px; border: 2px solid #006699; color: #666666; text-align: center;}
input.adminMedium{width: 40px; border: 2px solid #006699; color: #666666; text-align: center;}
.adminTextArea{border: 2px solid #006699; color: #666666;}
fieldset.adminFieldset{width: 75%; margin: 0 auto; padding: 15px;}
.recruitLabel{width: 150px; float: left; text-align: right; padding-right: 10px;}
.recruitFieldset{width: 75%; margin: 20px auto 0 auto;}
label.searchForm{width: 170px; font-weight: bold; float: left; text-align: right; padding-right: 10px;}

.blueBox{background-color: #c9d7dd; width: 90%; border: 1px solid #b4b4b3; margin: 0 auto; padding: 15px; font-size: 11px;}

/* FOOTER */
#footer{height: 25px; line-height: 25px; color: #333333; border-top: 1px solid #333333; font-size: 10px; margin-top: 20px;}
#footer2{width: 880px; margin: 0 auto; margin-top: 20px;}
#ameritgrads{float: right; width: 91px; height: 28px; margin-bottom: 10px;}



/* OTHER */
.photo{padding: 3px; border: 1px solid #999999; margin: 0 5px 5px 0;}
.map{float: right; height: 26px; width: 30px; background: url(/images/icons/map.gif) no-repeat; position: absolute; margin-left: 170px; cursor: pointer;}
.greenButton{width: 281px; height: 31px; line-height: 31px; color: #FFF; font-weight: bold; background: url(/images/greenButton.gif); text-align: center; cursor: pointer; margin: 5px 0; border: 0;}
a.greenLink:link, a.greenLink:visited{color: #FFF; text-decoration: none;}
a.greenLink:hover, a.greenLink:active{text-decoration: underline;}
.orangeButton{width: 281px; height: 31px; line-height: 31px; color: #FFF; font-weight: bold; background: url(/images/orangeButton.gif); text-align: center; cursor: pointer; margin: 5px 0; border: 0;}
a.orangeLink:link, a.orangeLink:visited{color: #FFF; text-decoration: none;}
a.orangeLink:hover, a.orangeLink:active{text-decoration: underline;}


/* AGENT LISTING */
.agentListing{width: 300px; height: 180px; padding: 10px; margin: 0 8px 10px 0; font-size: 11px; float: left; border: 1px solid #CCC; background: #FFF; cursor: pointer; line-height: 100%;}
.agentListing h2{font-size: 22px; color: #990000; margin: 0 0 10px 0;}
.agentListing div{line-height: 175%;}
.agentListing img.featured{padding: 3px; border: 1px solid #DDD; margin: 0 5px 10px 0; float: left;}
.agentListing label.agentLabel{width: 55px; float: left; font-weight: bold; color: #666666; margin-right: 5px; text-align: right;}

.agentListing2{width: 300px; height: 180px; padding: 10px; margin: 0 8px 10px 0; font-size: 11px; float: left; border: 1px solid #666; background: #d8e9ff; cursor: pointer; line-height: 100%;}
.agentListing2 h2{font-size: 22px; color: #990000; margin: 0 0 10px 0;}
.agentListing2 div{ line-height: 175%;}
.agentListing2 img.featured{padding: 3px; border: 1px solid #333; margin: 0 5px 10px 0; float: left;}
.agentListing2 label.agentLabel{width: 55px; float: left; font-weight: bold; color: #666666; margin-right: 5px; text-align: right;}

.agentListingDetail{padding: 0; margin: 0; font-size: 11px; float: left; background: #FFF; cursor: pointer; width: 100%;}
.agentListingDetail h2{font-size: 22px; color: #990000; margin: 0 0 10px 0;}
.agentListingDetail img.featured{padding: 3px; border: 1px solid #676767; margin: 0 0px 10px 0; float: left;}
.agentListingDetail label.agentLabel{width: 89px; float: left; font-weight: bold; color: #666666; margin-right: 5px; text-align: right;}
.listingBox{padding: 5px; height: 245px; width: 455px; margin-top: 0; float: right; margin-left: 10px;}



/* LISTS */
ul.links{margin: 5px 0 15px 14px; padding: 0; font-size: 11px;}
ul.links li{width: 50%; float: left;}
ul.links li a.linkList:link, a.linkList:visited{color: #006699; text-decoration: none;}
ul.links li a.linkList:hover, a.linkList:active{color: #333333; text-decoration: underline;}

ul.list{font-size: 16px; font-weight: bold; color: #006699;}
ul.list li{list-style-type: none;}

ul.about{margin: 0; padding: 0; line-height: 100%; font-size: 11px; list-style-type: none;}
ul.about label.about1{float: left; width: 75px; height: 11px;}
ul.about label.about2{float: left; width: 40px; height: 11px;}
ul.about li.email{margin-top: 2px; width: 100%; text-align: center;}
ul.about li.lastLine{margin-top: 7px; width: 100%; text-align: center;}

ul.offices{margin: 0; padding: 0; line-height: 100%; font-size: 11px; list-style-type: none; text-align: center;}

ul.appraisalList{margin: 5px 0 0 14px; padding: 0;}

ul.recruit{margin: 0 auto; padding: 0; width: 75%; font-size: 11px;}
ul.recruit li{list-style-image: url(/images/greenCheck.gif);}
ul.recruit li ol li{list-style-image: none;}

ul.developments{border: none; width: 255px; float: left; padding: 0 25px 10px 0; margin: 0; height: 35px;}
ul.developments li{font-size: 14px; width: 255px; line-height: 100%; list-style-type: none; background: url(/images/bulletArrow.png) no-repeat; padding-left: 16px;}
ul.developments li a.development:link, a.development:visited{color: #333; font-weight: bold; text-decoration: none; font-style: italic;}
ul.developments li a.development:hover, a.development:active{color: #990000; font-weight: bold; text-decoration: none;}


.MaskedEditFocus{background-color: #ffffcc; color: #000000;}
.MaskedEditError{background-color: #ffcccc;}
.MaskedEditMessage{color: #ff0000;font-weight: bold;}


/* MLS Listings */
.openHouse{background: url(/images/calendar2.png) top right no-repeat; behavior: url(/scripts/iepngfix.htc); text-align: center; line-height: 18px; font-size: 9px; margin-top: 2px;}
.openHouseBox{background: #c9e2cc; padding: 5px; border: 1px solid #333; width: 210px; margin-top: 30px; float: right; height: 25px;}

.mlsListing{border: 1px solid #c9d7dd; border-top: 1px solid #B5B5B5; padding: 8px 5px; cursor: pointer; height: 105px;}
.mlsListing a.mlsItem:link, a.mlsItem:visited{font-size: 13px; color: #0066cc; text-decoration: underline;}
.mlsListing a.mlsItem:link, a.mlsItem:visited{color: #df7e00;}
.mlsListing .mainPhoto{padding: 1px; border: 1px solid #B5B5B5;}
.mlsListing .noPhoto{width: 72px; height: 52px; border: 1px solid #B5B5B5;}
.mlsListing .price{font-size: 13px; font-weight: bold; color: #000; margin: 0; padding: 0;}
.mlsListing .regular{font-size: 11px;}

.mlsListing2{border: 1px solid #993300; padding: 8px 5px; background: #FFF; cursor: pointer; height: 105px;}
.mlsListing2 a.mlsItem:link, a.mlsItem:visited{font-size: 13px; color: #0066cc; text-decoration: underline;}
.mlsListing2 a.mlsItem:link, a.mlsItem:visited{color: #df7e00;}
.mlsListing2 .mainPhoto{padding: 1px; border: 1px solid #B5B5B5;}
.mlsListing2 .noPhoto{width: 72px; height: 52px; border: 1px solid #B5B5B5;}
.mlsListing2 .price{font-size: 13px; font-weight: bold; color: #000; margin: 0; padding: 0;}
.mlsListing2 .regular{font-size: 11px;}

.detailedListing h2{font-size: 24px; font-weight: normal; color: Olive; font-family: Arial, Verdana;}
.detailedListing h3{font-size: 20px; font-weight: normal; color: #333; font-family: Arial, Verdana; text-align: left;}
.detailedListing .contact p{font-size: 14px; font-weight: normal; color: #333; font-family: Arial, Verdana; text-align: left;}
.detailedListing p{line-height: normal; font-size: 10px; letter-spacing: 0px; font-family: Verdana, Arial}
.detailedListing label.detailLabel{margin: 0 7px 0 0; text-align: left; width: 155px; float: left; font-size: 10px; line-height: normal; font-weight: bold; font-family: Verdana, Arial}
.detailedListing label.detailLabel3{margin: 0 7px 0 0; text-align: left; width: auto; float: left; font-size: 10px; line-height: normal; font-weight: bold; text-decoration: underline; font-family: Verdana, Arial}
.detailedListing img.featured{padding: 3px; border: 1px solid #676767; margin: 0 0px 10px 10px; float: right;}
.detailedListing label.agentLabel2{width: 55px; float: left; font-weight: bold; color: #666666; margin-right: 5px; text-align: left;}


#myGallery{width: 300px; height: 225px; text-align: left; margin: 0 auto;}
.villagerContact{width: 335px;}
.villagerContactPhoto{width: 60px; height: 60px; padding: 2px; border: 1px solid #333; float: right;}
.villagerContactLogo{width: 75px; height: 80px; float: right; background: url(/images/logo2.gif) no-repeat; background-position: center; behavior: url(/scripts/iepngfix.htc);}


/* Pageination */
.divPaging{width: 515px; margin: 0 auto; text-decoration: none;}
.pageNumber[disabled="disabled"] .pageNumberBox{color: #CCC; background: #666; text-decoration: none;}
.pageNumber[disabled="disabled"] .pageNumberBox2{color: #CCC; background: #666; text-decoration: none;}
.pageNumberBox{float: left; margin: 0 2px; text-align: center; width: 19px; height: 19px; border: 1px solid #FFF; line-height: 19px; background: #9CCBDF; color: #FFF; text-decoration: none;}
.pageNumberBox2{float: left; margin: 0 2px; text-align: center; width: 19px; height: 19px; border: 1px solid #FFF; line-height: 19px; background: #993300; color: #FFF; text-decoration: none;}
.pageNumberButton{text-align: center; width: 60px; height: 21px; border: 1px solid #FFF; line-height: 19px; background: #9CCBDF; color: #FFF; cursor: pointer; text-decoration: none;}
.pageNumberButton2{text-align: center; width: 60px; height: 21px; border: 1px solid #FFF; line-height: 19px; background: #993300; color: #FFF; cursor: pointer; text-decoration: none;}


.disclaimer{margin: 25px auto 10px auto; width: 98%; font-size: 9px; text-align: center; border: 1px solid #333; padding: 5px; color: #FFF; background: #333;}
.disclaimer p{margin: 0; padding: 0; line-height: 100%; font-size: 9px;}

a.movingLink:link, a.movingLink:visited{color: #333; text-decoration: none;}
a.movingLink:hover, a.movingLink:active{text-decoration: underline;}