* {
   margin: 0px;
}
html, body {
   background-color: #ffffff;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   text-align: center;
   height: 100%;
}
ul, li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   list-style-position: outside;
   vertical-align: bottom
}
a {
   text-decoration: none;
   color: #000000;
}
a:visited {
   color: #000000;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #3933a6;
}
.clearBoth {
   clear: both;
}

.detailsLeft {
   float: left;
   width: 290px;
}
.detailsRight {
   float: left;
   margin-left: 10px;
   width: 290px;
}
.detailLabel {
   float: left;
   width: 100px;
}
.detailValue {
   float: left;
   width: 190px;
}

/* forms */
.formTitle {
   float: left;
   width: 100px;
   margin-bottom: 4px;
}
.formField {
   float: left;
   width: 210px;
   margin-bottom: 4px;
}
.formConfirm {
   float: left;
   width: 190px;
   margin-bottom: 4px;
}
.formRow {
   clear: both;
}

.content {
   margin-top: 10px;
   text-align: left;
   width: 900px;
   position: relative;
}
.contentBody {
   background: url('/images/bg.gif');
   background-repeat: repeat-y;
}
.contentLeft {
   float: left;
   width: 600px;
   height: 100%;
}
.contentRight {
   float: right;
   width: 299px;
   border-left: 1px dashed #aaaaaa;
   background-color: #f5f5f5;
   /* background-color: #00ff00; */
}
.contentSubL {
   position: static;
   float: none;
   margin-top: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}
.contentSubR {
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
}
.contentHeaderLinks {
   float: right;
   margin-top: 10px;
   margin-bottom: 6px;
   text-align: right;
   font-size: 8pt;
}
.contentHeader {
   font-size: 10pt;
   font-weight: bold;
}
.contentNatural {

}
.contentNatural a {
   text-decoration: none;
   color: #3933a6;
}
.contentNatural a:visited {
   text-decoration: none;
   color: #3933a6;
}
.contentNatural a:hover {
   text-decoration: underline;
   color: #3933a6;
}

.error {
   background-color: #ffdddd;
   padding: 2px 2px 2px 2px;
}

/* footer */
.footer {
   border-top: 1px solid #eaeaea;
}
.footerContent {
   margin-top: 10px;
   text-align: left;
   height: 80px;
   font-size: 8pt;
}
.footerExternal {
   font-size: 8pt;
   color: #aaaaaa;
}

.graphLabel {
   font-size: 8pt;
   text-align: right;
   margin-bottom: 10px;
}
.graph {
   font-size: 8pt;
   text-align: center;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}

/* listings */
.listingBlock {
   margin-top: 10px;
}
.listingContent {
   margin-top: 10px;
}
.listingFooter {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   font-size: 8pt;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: right;
}
.listingSeparator {
   height: 10px;
}
.listingTag {
   /* margin-left: 2px; */
}
.listingTag a {
   color: #000000;
   font-weight: bold;
   padding: 1px 3px 1px 3px;
   text-decoration: none;
}
.listingTag a:visited {
   color: #000000;
   padding: 1px 3px 1px 3px;
   text-decoration: none;
}

.listingTag a:hover {
/*
   color: #ffffff;
   background-color: #000000;
*/
   background-color: #bee2fb;
   padding: 1px 3px 1px 3px;
}
.listingHeaderLeft {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   float: left;
}
.listingHeaderRight {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   float: right;
   text-align: right;
}
.listingPhoto {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
}
.listingPhoto a {

}
.listingPhotoBrowse {
}
.listingPhotoBrowseLarge {
   float: left;
   width: 460px;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}
.listingPhotoBrowseLarge img {
}
.listingPhotoBrowseThumbs {
   float: right;
   width: 120px;
   overflow: hidden;
   text-align: center;
}
.listingPhotoBrowseThumbs img {
   margin-bottom: 4px;
}
.listingPhotoScroll {
   font-size: 9pt;
}
.listingPhotoScrollLarge {
   float: left;
   width: 460px;
}
.listingPhotoScrollThumb {
   text-align: right;
   width: 120px;
   float: right;
}
.listingPhotoScrollThumbButton {
   width: 13px;
   display: inline-block;
}

.listingPhotoScrollThumbButtonOff {
   width: 10px;
   display: inline-block;
}
.listingPhotoBrowseThumbsMore {
   font-size: 7pt;
   background-color: #e5e5e5;
   text-align: center;
}
.listingPhotoBrowseThumbImage {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}
.listingRemarks {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   margin-top: 10px;
}
.listingRow1 {
   background-color: #f5f5f5;
   clear: both;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   position: relative;
}
.listingRow2 {
   background-color: #eaeaea;
   clear: both;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   position: relative;
}
.listingRowOn {
   background-color: #bee2fb;
   clear: both;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
   position: relative;
}
.listingRowContent {
   height: 14px;
   padding: 2px 2px 2px 2px;
}
.listingRowAddress {
   float: left;
   width: 170px;
}
.listingRowColumn {
   float: left;
   width: 80px;
   text-align: right;
}
.listingRowPrice {
   float: right;
   width: 90px;
   text-align: right;
}
.listingRowDisplayArrow {
   position: absolute;
   left: 593px;
   top: 4px;
   width: 8px;
   height: 13px;
}
.listingRowDisplay {
   position: absolute;
   background-color: #000000;
   color: #ffffff;
   border: 1px solid #aaaaaa;
   top: 0px;
   left: 600px;
   width: 110px;
   padding: 5px 5px 5px 5px;
   height: 100px;
   font-size: 8pt;
   white-space: nowrap;
   text-align: left;
   font-weight: normal;
}
.listingRowDisplaySub {
   padding: 5px 5px 5px 5px;
}

.listingRowDisplayNoneArrow {
   position: absolute;
   left: 593px;
   top: 4px;
}
.listingRowDisplayNone {
   position: absolute;
   top: 0px;
   left: 600px;
}




.listingTitle {
   font-size: 12pt;
   margin-bottom: 0px;
}
.listingTitle a {
   padding-right: 4px;
   color: #000000;
   text-decoration: none;
}
.listingTitle a:visited {
   padding-right: 4px;
   color: #000000;
   text-decoration: none;
}
.listingTitle a:hover {
   /* background-color: #d6f5ff; */
   padding-right: 4px;
   border-right: 1px dashed #888888;
}
.listingSubtitle {
   font-size: 7pt;
   color: #777777;
}
.listingPriceSub {
   font-size: 7pt;
}
.listingPrice {
   font-size: 10pt;
}
.listingPriceOff {
   font-size: 10pt;
   color: #888888;
   text-decoration: line-through;
}
.listingPriceSubDown {
   font-size: 7pt;
   color: #07760a;
}
.listingPriceSubUp {
   font-size: 7pt;
   color: #990303;
}
.listingVersionList {
   margin-top: 10px;
}
.listingVersionLine {
   padding: 2px 2px 2px 2px;
   height: 14px;
   border-bottom: 1px dashed #888888;
}
.listingVersionLineDate {
   float: left;
   width: 90px;
}
.listingVersionLineDescription {
   float: left;
   width: 110px;
}
.listingVersionLinePrice {
   float: right;
   text-align: right;
}
.loading {
   float: left;
   margin-bottom: 6px;
   margin-left: 10px;
   padding-top: 12px;
   font-size: 7pt;
   text-decoration: blink;
}
.linkOn {
   text-decoration: underline;
   color: #3933a6;
}
.linkOff {
   text-decoration: none;
   color: #000000;
}
.loginBlock {
   position: absolute;
   top: 5px;
   right: 0px;
   height: 30px;
   width: 290px;
   text-align: right;
   overflow: hidden;
}
.loginBlock input {
   font-size: 8pt;
}
.loginErrorBlock {
   position: absolute;
   top: 5px;
   right: 300px;
   height: 30px;
   text-align: right;
   font-size: 7pt;
   color: #bb0000;
}
.loginUN {
   width: 100px;
   float: left;
   font-size: 7pt;
}
.loginPW {
   width: 100px;
   float: left;

}
.logoBlock {
   float: left;
   margin-bottom: 6px;
   white-space: nowrap;
}
.logoBlock a {
   text-decoration: none;
}
.logoBlock a:visited {
   text-decoration: none;
}
.logoBlock a:hover {
   text-decoration: none;
}
.logoL {
   color: #000000;
   font-size: 16pt;
   margin-bottom: 5px;
   margin-right: 2px;
}
.logoR {
   font-size: 16pt;
   color: #39b3e6;
}

/* map */
.mapBlock {
   clear: both;
   position: relative;
}
.mapInfo {
   margin-top: 10px;
}
.mapInfoLink {
   color: #000000;
   background-color: #dedede;
   padding: 1px 3px 1px 3px;
}
.mapInfoLinkOn {
   color: #000000;
   padding: 1px 3px 1px 3px;
   background-color: #bee2fb;
   /* background-color: #9cd6ff; */
}
.mapInfoLeft {
   float: left;
}
.mapInfoRight {
   float: right;
   margin-left: 4px;
}
.mapListingBlock {
   margin-top: 10px;
   position: relative;
}
.mapListingFooter {
   margin-top: 5px;
   padding: 2px 2px 2px 2px;
}
.mapListingsTotal {
   font-weight: bold;
}
.mapListingPaging {
   float: right;
}

.mapPagingDirection {
   padding-right: 3px;
   padding-left: 3px;
   padding-bottom: 2px;
   color: #000000;
}
.mapPagingDirectionOn {
   padding-right: 2px;
   padding-left: 3px;
   padding-bottom: 2px;
   border-right: 1px dashed #888888;
}
.mapPagingPrevious {
}
.mapPagingNext {
}
.mapPagingNumber {
   font-size: 10pt;
   margin-left: 2px;
   margin-right: 2px;
   padding: 5px 4px 5px 4px;
}
.mapPagingNumberEnabled {
   font-size: 10pt;
   margin-left: 2px;
   margin-right: 2px;
   padding-right: 4px;
   padding-left: 4px;
   padding-bottom: 2px;
   color: #39b3e6;
}
.mapPagingNumberEnabledOn {
   font-size: 10pt;
   color: #39b3e6;
   margin-left: 2px;
   margin-right: 2px;
   padding-right: 3px;
   padding-bottom: 2px;
   border-right: 1px dashed #888888;
   padding-left: 4px;
}




.mapRefreshingBg {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 200px;
   height: 26px;
   filter: alpha (opacity=80);
   -moz-opacity: .8;
   opacity: .8;
   -khtml-opacity: .8;
   background-color: #ffffff;
}
.mapRefreshingContent {
   position: absolute;
   top: 15px;
   right: 15px;
   width: 190px;
   height: 16px;
   font-size: 8pt;
}
/* nearby locations in listing */
.nearbyBlock {
   margin-top: 10px;
   background-color: #e9e9e9;
   height: 120px;
   padding: 4px 4px 4px 4px;
}
.nearbyContent {
   margin-top: 5px;
   height: 85px;
   overflow: hidden;
   width: 270px;
   position: relative;
}
.nearbyListings {
   position: absolute;
   top: 0px;
   left: 0px;
}
.nearbyListing {
   height: 90px;
   width: 270px;
   position: absolute;
   top: 0px;
}

/* paging */
.pagingBlock {
   text-align: right;
   margin-top: 15px;
}
.pagingDirection a {
   padding-right: 3px;
   padding-left: 3px;
   padding-bottom: 2px;
   color: #000000;
}
.pagingDirection a:visited {
   padding-right: 3px;
   padding-left: 3px;
   padding-bottom: 2px;
   color: #000000;
}
.pagingDirection a:hover {
   padding-right: 2px;
   padding-left: 3px;
   padding-bottom: 2px;
   border-right: 1px dashed #888888;
}
.pagingPrevious {
}
.pagingNext {
}
.pagingNumber {
   font-size: 10pt;
   margin-left: 2px;
   margin-right: 2px;
   padding: 5px 4px 5px 4px;
}
.pagingNumberOn {
   font-size: 10pt;
   margin-left: 2px;
   margin-right: 2px;
}
.pagingNumberOn a {
   padding-right: 4px;
   padding-left: 4px;
   padding-bottom: 2px;
   color: #39b3e6;
}
.pagingNumberOn a:visited {
   padding-right: 4px;
   padding-left: 4px;
   padding-bottom: 2px;
   color: #39b3e6;
}
.pagingNumberOn a:hover {
   padding-right: 3px;
   padding-bottom: 2px;
   border-right: 1px dashed #888888;
   padding-left: 4px;
}

.rightOptionsOverlayDistrict {
   position: absolute;
   width: 76px;
   height: 2px;
   top: 15px;
   background-color: #f5f5f5;
}
.rightOptionsOverlayVersionTypes {
   position: absolute;
   width: 103px;
   left: 76px;
   height: 2px;
   top: 15px;
   background-color: #f5f5f5;
}
.rightOptionsOverlayViews {
   position: absolute;
   width: 99px;
   height: 2px;
   left: 180px;
   top: 15px;
   background-color: #f5f5f5;
}

.rightOptionsBox {
   height: 82px;
   font-weight: normal;
   text-align: left;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
}
.rightOptionsBoxEntry {
   margin-top: 2px;
   margin-left: 2px;
   float: left;
   width: 136px;
   /* background-color: #eaeaea; */
}
.rightOptionsBoxEntryOn {
   margin-top: 2px;
   margin-left: 2px;
   float: left;
   width: 136px;
   /* text-decoration: underline; */
}
.rightOptionsBoxEntryOn a {
   color: #2565bb;
}
.rightOptionsBoxEntrySub {
}
/* Version 2, list format */
.rightOptionsBlock {
   font-size: 8pt;
   font-weight: bold;
   position: relative;
   width: 100%;
   margin-bottom: 10px;
}

.rightOptionsList {
   font-weight: normal;
   text-align: left;
   background-color: #e9e9e9;
   font-size: 8pt;
}
.rightOptionsLeft {
   float: left;
   padding: 2px 2px 2px 2px;
}
.rightOptionsRight {
   float: right;
   width: 150px;
   /* padding: 2px 2px 2px 2px; */
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 4px;
   padding-bottom: 4px;
}
.rightOptionsTitle {
   padding-top: 2px;
   padding-left: 2px;
   font-size: 8pt;
}
.rightOptionsTitle a {
   border-right: 1px dashed #888888;
   padding-right: 4px;
   color: #000000;
   text-decoration: none;
}
.rightOptionsTitle a:visited {
   color: #000000;
   text-decoration: none;
}
.rightOptionsTitle a:hover {
   background-color: #ebf9fc;
}
.rightOptionsListEntry {
   width: 136px;
   margin-left: 2px;
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}
.rightOptionsConfigSub {
   padding: 5px 5px 5px 5px;
}

/* Districts option box */
.rightOptionsConfigArrow {
   position: absolute;
   right: 283px;
   top: 6px;
   width: 8px;
   height: 13px;
}
.rightOptionsConfig {
   position: absolute;
   /* background-color: #ebf9fc; */
   /* background-color: #fffde5; */
   background-color: #000000;
   color: #ffffff;
   border: 1px solid #aaaaaa;
   right: 289px;
   top: 0px;
   font-size: 8pt;
   /* width: 170px; */
   white-space: nowrap;
   text-align: left;
   font-weight: normal;
}
.rightOptionsConfig a {
   color: #ffffff;
}
.rightOptionsConfig a:visited {
   color: #ffffff;
}
.rightOptionsConfig a:hover {
   color: #ffffff;
}

.rightOptionsConfigCheck {
   margin-right: 5px;
}
.rightOptionsConfigCheckChild {
   margin-right: 5px;
}

.rightOption {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   text-align: center;
   float: left;
}
.rightOptionDivider {
   margin-top: 2px;
   width: 1px;
   height: 14px;
   background-color: #a3a3a3;
   float: left;
}

.rightOptionPriceLeft {
   float: left;
   height: 17px;
   padding-top: 3px;
}
.rightOptionPriceRight {
   float: right;
   height: 20px;
}
.rightOptionsPriceValue {
   filter: alpha (opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   -khtml-opacity: 1;
}

.searchBlock {
   margin-bottom: 14px;
}
.searchNotice {
   height: 500px;
}
.searchAssistBlock {
   width: 200px;
   margin-left: 2px;
   border-left: 1px solid #888888;
   border-bottom: 1px solid #888888;
   border-right: 1px solid #888888;
   background-color: #ebf9fc;
}
.searchAssistContent {
   padding: 2px 2px 2px 2px;
}
.searchLoading {
   text-decoration: blink;
}
.searchMatch {
   font-weight: bold;
}
.textHighlightNew {
   color: #b00000;
   text-decoration: none;
}
.textHighlightDel {
   text-decoration: line-through;
   color: #aaaaaa;
}
.thinLine {
   height: 1px;
   background-color: #dddddd;
}
.fLinkOn {
   border-right: 1px dashed #888888;
   padding-right: 2px;
   text-decoration: underline;
}
.fLinkOff {
   text-decoration: none;
   padding-right: 2px;
   margin-right: 1px;
}
.usemap {
   font-size: 8pt;
   text-align: right;
   margin-bottom: 10px;
}
.mapBlockHeader {
   font-size: 8pt;
   text-align: right;
   margin-bottom: 3px;
}
.mapBlockHeaderLink {
   font-size: 8pt;
   text-decoration: underline;
   color: #3933a6;
}
.listFooter {
   margin-top: 10px;
   font-size: 8pt;
   float: right;
}