﻿html
{
    overflow-x: hidden;
}
.listing .rightColumn p
{
    margin-bottom: 5px;
}

.listing .rightColumn a
{
    text-decoration: none;
}

.listing .rightColumn a.popup
{
    text-decoration: underline;
}

.content
{
    position: inherit;
    float: none;
}

#ratingBar
{
    color: #999999;
    font-weight: bold;
    font-size: 11px;
}

.listing .stats label
{
    color: #967347;
    clear: left;
    padding-right: 5px;
    font-weight: bold;
    width: 100px;
    float: left;
}

.listing .stats label a
{
    color: #967347;
}

.listing .stats td
{
    margin: 0;
    height: 18px;
}

.listing .header .oldPrice
{
    color: #808080;
    text-decoration: line-through;
    font-size: 13px;
}

.listing .header .listPrice
{
    font-size: 18px;
    font-weight: bold;
}

.listing .header
{
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 10px;
}

.listing .photoMap
{
    float: right;
    width: 386px;
}

.listingHistory
{
    min-height: 110px;
    height: 110px;
    height: auto !important;
}

.listing .photoMap table.links td
{
    color: #111111;
    font-size: 11px;
    background: url('/images/listing_photo_bg.gif') top repeat-x;
    line-height: 16px;
}

.listing .photoMap table.links td td
{
    background: transparent;
}

.listing .photoMap table.links .prevNext
{
    background: url('/images/listing_photo_tab.gif') 0 -3px no-repeat;
    width: 98px;
    padding-left: 0;
    font-weight: bold;
    padding-right: 0px;
}

.listing .prevNext a
{
    cursor: pointer;
}

.listing .photoPagination
{
    margin-right: 13px;
}

.listing .photoMap table.links a
{
    color: #111111;
}

.listing .photoMap .photo
{
    border: 1px solid #dddcdc;
}

.listing #map
{
    width: 386px;
    height: 250px;
    border: 1px solid #b3b3b3;
    margin-top: 10px;
}

.listing #aerialMap
{
    height: 386px;
    position: relative;
    border: 1px solid #000000;
}

.listing .aerialMapLinks span
{
    display: block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    text-align: center;
    line-height: 24px;
}

.listing .aerialMapLinks
{
    clear: left;
    height: 25px;
}

.listing .aerialMapLinks .current
{
    color: #121212;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background: #e4eef7 url('/images/map_selected.gif') center bottom no-repeat;
    border: 1px solid #e7dfd5;
    border-bottom: 0;
    cursor: pointer;
}

.listing .aerialMapLinks .active
{
    color: #967347;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.listing .aerialMapLinks .inactive
{
    color: #BBBBBB;
    text-transform: none;
    font-size: 12px;
}

.listing .active, .listing .inactive, .listing .contract, .listing .sold, .listing .for_sale
{
    font-size: 18px;
    text-transform: capitalize;
}

.listing .duration
{
    font-size: 18px;
}

.listing .details .address
{
    font-weight: bold;
    font-size: 15px;
}

.listing .description
{
    font-size: 12px;
    margin-top: 10px;
}

.extras
{
    float: right;
}

.extras img
{
    display: block;
    margin-bottom: 5px;
}

.listing * .normal
{
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    text-decoration: inherit;
}

thead td, th
{
    text-align: left;
    color: #967347;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 10px;
}

tr.odd td
{
    background-color: #e4eef7;
}

tr td
{
    background-color: transparent;
}

.listing table
{
    margin-bottom: 5px;
}

.large
{
    font-size: 16px;
    font-weight: bold;
}

.brown
{
    color: #967347;
}

.printListing
{
    display: block;
    text-align: center;
    border: 2px outset #f3f3f3;
    background-color: #e5e5e5;
    padding: 4px;
    color: #967347;
    font-size: 14px;
    margin-bottom: 15px;
}

h3
{
    color: #00a3e1;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #F68D1E;
    padding-bottom: 1px;
    text-transform: uppercase;
    margin-top: 20px;
}

.folder_header
{
    background-image: url("/images/sprites/sawbuck_sprite1.png?v=20110815");
    background-position: -12px -1010px; /* background-position: -2px 2px; */
    background-repeat: no-repeat;
    border-bottom: 1px solid #DEE8F2;
    color: #0094CC;
    display: block;
    height: 20px;
    line-height: 18px;
    padding-left: 10px;
    padding-top: 8px;
}

.listing table.features .colspan2
{
    padding-left: 0;
}

.listing table.basics
{
    margin-left: 25px;
    margin-bottom: 10px;
}

.listing table.features label b
{
    /* font-weight: normal; */
}

.listing table.features label
{
    color: #967347;
    padding: 0;
}

.listing table.features
{
    font-size: 12px;
}

.listing .marketHistory
{
    background-image: url("/images/sprites/sawbuck_sprite1.png?v=20110815");
    background-position: -10px -272px;
    padding: 3px;
    padding-bottom: 10px;
    width: 75px;
}

.listing .marketHistory .listPrice, .listing .marketHistory .large
{
    font-size: 14px;
}

.list .marketHistory .sold, .list .marketHistory .contract, .list .marketHistory .active, .list .marketHistory .for_sale
{
    font-size: 15px;
}

.ratings
{
    float: right;
}
.ratings label
{
    float: left;
}

.ratings .ratingBar
{
    float: left;
    text-align: left;
}

.listing .marketActivity .leftColumn
{
    float: left;
    width: 48%;
}

.marketActivity .container
{
    margin-top: 15px;
    height: 167px;
    overflow: hidden;
    position: relative;
}

#page .listing .marketActivity .rightColumn
{
    float: right;
    width: 49%;
    margin: 0;
}

.listing .marketActivity .loader
{
    color: #999999;
    font-style: italic;
    font-weight: bold;
}

.listing .marketActivity .stats
{
    color: #808080;
}

.listing .marketActivity .address
{
    color: #967347;
    white-space: nowrap;
}

.listing .marketActivity .oldPrice
{
    color: #808080;
    text-decoration: line-through;
    font-size: 10px;
}

.listing .trackEmailAlerts
{
    background: url('/images/email_alerts_gradient.gif') repeat-x;
    border: 1px solid #b3b3b3;
    margin-top: 15px;
}

.listing .trackEmailAlerts div
{
    background: url('/images/icons/email.png') 5px center no-repeat;
    padding-left: 25px;
    height: 21px;
    padding-top: 3px;
}

.photoBox
{
    float: left;
    width: 384px;
    height: 276px;
    margin: 5px;
    border: 1px solid #CCCCCC;
    position: relative;
    background-color: #f7f7f7;
    text-align: center;
}

.photoBox img
{
    clear: both;
    width: auto;
}


.photoBox .caption
{
    position: absolute;
    bottom: 0;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px; /* font-style: italic; */
    color: #232323;
    left: 0;
    width: 384px;
    text-align: center;
    background: #F7F7F7;
}

.disclaimers
{
    margin-top: 5px;
    font-size: 10px;
    color: #000000;
    line-height: 1.2em;
    border-top: 1px solid #f3f3f3;
    padding-top: 5px;
    clear: both;
}

.openHouse
{
    border-top: 1px dotted #b3b3b3;
    border-bottom: 1px dotted #b3b3b3;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 6px 3px 0px 3px;
    text-align: center;
    background: transparent;
}

.openHouse label
{
    float: left;
    font-weight: bold;
    color: #006400;
}

.openHouse .list
{
    margin-left: 76px;
    text-align: left;
    font-weight: bold;
}

.openHouse p
{
    margin-bottom: 6px;
}

#ws_info
{
    cursor: pointer;
}

.rss_alerts
{
    margin-top: 15px;
    background: url('/images/listing/rss_email_bg.png') top center no-repeat;
    overflow: hidden;
}

.rss_alerts .box
{
    width: 226px;
    text-align: left;
    padding: 10px;
    font-size: 11px;
    height: 80px;
}

.rss_alerts .box p
{
    margin-bottom: 5px;
    line-height: 1.2em;
}

.rss_alerts .box strong
{
    color: #00a3e1;
    font-size: 12px;
    font-weight: bold;
}
.details
{
    margin-right: 394px;
    min-height: 540px;
    height: auto !important;
    height: 520px;
}

.listingNotes p
{
    padding: 3px;
}

.listingNotes .description
{
    color: #565656;
}

.listingNotes strong
{
    font-size: 110%;
    font-weight: normal;
}

.saving
{
    font-style: italic;
    color: #CCCCCC;
    font-weight: bold;
}

.listing .imageBlock
{
    text-align: center;
    background: #DDDCDC;
    width: 386px;
    height: 258px;
    position: relative;
}

.listing .videoHover
{
    width: 386px;
    height: 258px;
    position: absolute;
    left: 0;
    z-index: 5;
    background: url("/images/listing_video_hover.png") center center no-repeat;
}

.listing .videoHover.off
{
    background: transparent;
}

.listing .videoHover:hover, .listing .imageBlock:hover .videoHover
{
    background: url("/images/listing_video_hover_on.png") center center no-repeat;
    cursor: pointer;
}

.listing .videoControls
{
    display: block;
    position: absolute;
    bottom: 0px;
    background: url("/images/screen_30.png");
    color: #FFF;
    padding: 2px 6px;
    width: 374px;
    text-align: left;
    z-index: 6;
    display: none;
    left: 0;
}

.listing .videoControls:hover, .listing .imageBlock:hover .videoControls
{
    height: 30px;
    background: url("/images/custom_video_control.png") left center no-repeat;
    display: block;
    bottom: -4px;
    cursor: pointer;
    display: block;
}

.listing .videoControls a
{
    color: #FFF;
    font-weight: bold;
}

.listing .videoControls:hover a, .listing .imageBlock:hover .videoControls a
{
    color: #111;
}

.listing .recentSalesTeaser
{
    background-image: url("/images/sprites/sawbuck_sprite1.png?v=20110815");
    background-position: -10px -808px;
    background-repeat: no-repeat; /* background: url("/images/listing/similar_sales_page_curl_98x135.png") top left no-repeat; */
    margin-left: -9px;
    margin-top: -5px;
    padding-left: 10px;
    width: auto;
}

.listing .recentSalesTeaser p
{
    margin-top: 0;
}

.listing .recentSalesTeaser table
{
    margin: 15px 0;
}

.listing .recentSalesTeaser table td
{
    vertical-align: top;
}

.listing .recentSalesTeaser h5
{
    font-size: 30px;
    color: #00a3e1;
    border: 0;
    margin: 0;
    padding: 0;
}

.listing .recentSalesTeaser .spacer
{
    float: left;
    width: 70px;
    height: 90px;
    display: block;
}

.listing .recentSalesTeaser label
{
    color: #7F7F7F;
    font-size: 12px;
    line-height: 13px;
}
a.orange_button
{
    background: url("/images/sprites/sawbuck_sprite1.png?v=20110815") no-repeat scroll right top transparent; /* background-image:  */
    background-position: 183px -717px;
    display: block;
    font-size: 18px;
    xfont-weight: bold;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    width: auto;
    padding-right: 10px;
}
a.orange_button:hover
{
    background-image: url("/images/buttons/variable_width/orange_alt_right_21x30.png");
    background-position: right top;
}
a.orange_button span
{
    background-color: transparent;
    background-image: url("/images/sprites/sawbuck_sprite1.png?v=20110815");
    background-position: -10px -10px;
    background-repeat: no-repeat;
    display: block;
    color: #FFFFFF;
    xline-height: 30px;
    padding-left: 12px;
}
a.orange_button:hover span
{
    background-image: url("/images/buttons/variable_width/orange_alt_left_270x30.png");
    background-position: top left;
}

.sneaker
{
    position: fixed;
    bottom: 40px;
    right: -400px;
    width: 300px;
    min-height: 70px;
    background: #FFF;
    border: 1px solid #bbb;
    border-right: 0;
    border-left-width: 10px;
    z-index: 50;
    padding: 5px;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    display: none;
}
.sneaker h4
{
    color: #00a3e1;
    text-align: left;
}

.statusIcons
{
    display: inline;
    margin-right: 3px;
    color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    top: -2px;
}

.statusIcons span
{
    line-height: 9px;
    font-size: 10px;
    padding: 0 0.2em;
    margin-left: 3px;
}

.statusIcons .short
{
    background-color: #f68d1e;
}

.statusIcons .open
{
    background-color: #75be43;
}

.statusIcons .bank
{
    background-color: #ee3223;
}

.mortgageCalculation
{
    display: inline;
    position: relative;
    margin-left: 5px;
  z-index:6
}
.mortgageCalculation .monthlyMortgagePayment
{
    font-size: 13px;
    color: #808080;
    font-weight: bold;
    cursor: pointer;
  
}

.mortgageCalculation .mortgageCalculator
{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #feffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#feffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#feffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#feffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#feffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #efefef 0%,#feffff 100%); /* W3C */
    border: 1px solid #b3b3b3;
    left: -9px;
    padding: 10px;
    position: absolute;
    top: 18px;
    width: 285px;
    z-index: 100;
}

.mortgageCalculation .tabCover
{
    background: #efefef;
    border: 1px solid #b3b3b3;
    border-bottom: 0;
    line-height: 23px;
    padding: 0 8px;
    position: absolute;
    top: -24px;
    left:-1px;
    color: #222;
}
.mortgageCalculation .tabCover .monthlyMortgagePayment
{
    color: #222;
}
.mortgageCalculation .mortgageCalculator .inputRow
{
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
}

.mortgageCalculation .mortgageCalculator .inputRow label
{
    width: 115px;
    font-weight: bold;
    float: left;
    display: block;
    margin-right: 10px;
    color: #967347;
    font-size: 12px;
}

.mortgageCalculation .mortgageCalculator #mortgagePrice
{
    width: 115px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 5px;
}

.mortgageCalculation .mortgageCalculator #mortgageDownPayment
{
    width: 26px;
    margin-right: 2px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    text-align: right;
}

.mortgageCalculation .mortgageCalculator .selectionRow
{
    margin: 6px 0;
    padding: 6px 4px;
    background: #F2EDE6;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #DCCBB6;
    cursor: pointer;
    display: block;
}

.mortgageCalculation .mortgageCalculator .selectionRow input 
{
    outline: none;
}

.mortgageCalculation .mortgageCalculator .selected, .mortgageCalculation .mortgageCalculator .selectionRow:hover {border-color:#D8C1A4;     background: #EAE0D3;}
.mortgageCalculation .mortgageCalculator .selectionRow .interestRate
{
    color: #555;
    font-size: 13px;
}

.mortgageCalculation .mortgageCalculator .selectionRow .label
{
    width: 108px;
    font-weight: bold;
      display: block;
    font-size: 12px;
    color: #967347;
    float:left;
}


.mortgageCalculation .mortgageCalculator #calculatedDownPayment
{
    color: #808080;
    font-size: 12px;
    padding-left: 3px;
}

.mortgageCalculation .mortgageCalculator .selectionRow .calculatedPayment
{
    width: 90px;
    display: inline-block;
    text-align: right;
    color: #222;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 1px 2px #FFF;
    float: right;
    padding-right:7px;
}

.mortgageCalculation .downArrow
{
    background: url("/images/sprites/header_items.png?v=20110808") no-repeat;
    background-position: -144px -18px;
    width:11px;
    height: 7px;
    display: inline-block;
}

.mortgageCalculation .mortgageCalculator h4
{
    text-align: left;
    color: #111;
    font-size: 14px;
}

.mortgageCalculator input.radio, .mortgageCalculator input[type="radio"] { float:left;   margin: 2px 6px 0 4px;}
 
.mortgageCalculator .logo { width:72px;height:37px; float:right;    background: url("/images/sprites/sawbuck_sprite1.png?v=20110815 ") no-repeat; background-position:-72px -720px;     margin: 3px 3px 0 0;}

.mortgageCalculator h4 span {     padding: 0 0 0 56px; font-size:11px; color:#999;}
.mortgageCalculator h4 {margin-bottom:10px; }

.mortgage_logo
{
    background-image: url("/images/sprites/sawbuck_sprite1.png?v=20110815");
    background-position: -144px -720px;
    background-repeat: no-repeat;
    height: 47px;
    width: 94px;
    margin-top:6px;
}

div.alertBox
{
	border: 1px solid #f68d1e;
	-webkit-box-shadow: 2px 2px 3px #b3b3b3;
	-moz-box-shadow: 2px 2px 3px #b3b3b3;
	box-shadow: 2px 2px 3px #b3b3b3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fffbd3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fffbd3 60%, #fffbd3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#fffbd3), color-stop(100%,#fffbd3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fffbd3 60%,#fffbd3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fffbd3 60%,#fffbd3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fffbd3 60%,#fffbd3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffbd3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#fffbd3 60%,#fffbd3 100%); /* W3C */
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 18px;
	padding: 5px 9px 0px 9px;
	margin: 0 7px 2px 5px;
}
div.alertBox a
{
	color: #967347;
}
div.alertBox div.headline
{
	font-size: 14px;
	font-weight: bold;
	color: #00a3e1;
	margin-bottom: 3px;
}

div.alertBox textarea
{
	margin:0px 5px 15px 5px;
	padding: 5px;
	width: 250px;
	height: 20px;
	border: 1px solid #C1DCF8;
	font-size: 16px;
	resize: none;
	overflow-y: hidden;
	color: #999999;
	font-style: normal;
	/*float:left;*/
}
