body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}fieldset, img {border: 0 none;}address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}caption, th {text-align: left;}q:before, q:after {content:"";}abbr, acronym {border:0;}body {font: 13px Myriad,Arial,Helvetica,clean,sans-serif; *font-size: small; *font: x-small;}h1 {font-size: 1.5em; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom:0;}h2 {font-size: 1.1667em; font-weight: bold; line-height: 1.286em; margin-top: 1.929em; margin-bottom:0.643em;}h3, h4, h5, h6 {font-size: 1em; font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 0;}p {font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.5em;}blockquote {font-size: 0.916em; margin-top: 3.272em; margin-bottom: 3.272em; line-height: 1.636em; padding: 1.636em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}ol li, ul li {font-size: 1em; line-height: 1.5em; margin: 0;}pre, code {font-size:115%; *font-size:100%; font-family: Courier, "Courier New"; background-color: #efefef; border: 1px solid #ccc;}pre {border-width: 1px 0; padding: 1.5em;}table {font-size:100%;}table.dojoTabular {border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; margin: 0 1.5em;}.dojoTabular th {text-align: center; font-weight: bold;}table.dojoTabular thead, table.dojoTabular tfoot {background-color: #efefef; border: 1px solid #ccc; border-width: 1px 0;}table.dojoTabular thead tr th,table.dojoTabular thead tr td,table.dojoTabular tbody tr td,table.dojoTabular tfoot tr td {padding: 0.25em 0.5em;}
.dijitReset {margin:0; border:0; padding:0; line-height:normal; font: inherit; color: inherit;}.dijitInline {display:-moz-inline-box; display:inline-block; #zoom: 1; #display:inline; border:0; padding:0; vertical-align:middle;}.dj_ie INPUT.dijitTextBox,.dj_ie .dijitInputField INPUT {font-size: 100%; font-family: inherit; behavior: expression( function(self){var cs, e; try{if(self.currentStyle.fontFamily=='inherit'){cs = self.parentNode.currentStyle || document.documentElement.currentStyle; self.style.fontFamily = cs.fontFamily;} self.style.behavior = null;}catch(e){}}(this) );}.dj_ie .dijitInputField INPUT {margin: -1px 0 !important;}.dj_iequirks .dijitInputField INPUT {margin-top: -3px !important;}.dijitInlineTable {display: -moz-inline-stack; display:inline-table; display:inline-block; #zoom: 1; #display:inline; box-sizing: content-box; -moz-box-sizing: content-box; border:0; padding:0;}.dijitTeeny {font-size:1px; line-height:1px;}.dijitPopup {position: absolute; background-color: transparent; margin: 0; border: 0; padding: 0;}.dijit_a11y .dijitPopup,.dijit_ally .dijitPopup div,.dijit_a11y .dijitPopup table,.dijit_a11y .dijitTooltipContainer {opacity: 1 !important; background-color: white !important;}.dj_ie .dijit_a11y .dijitPopup * {filter: none;}.dijitInputField {overflow:hidden; #zoom:1;}.dijitPositionOnly {padding: 0 !important; border: 0 !important; background-color: transparent !important; background-image: none !important; height: auto !important; width: auto !important;}.dijitNonPositionOnly {float: none !important; position: static !important; margin: 0 0 0 0 !important; vertical-align: middle !important;}.dijitBackgroundIframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 0; padding: 0; margin: 0;}.dijitClickableRegion {cursor: pointer;}.dijitDisplayNone {display:none !important;}.dijitContainer {overflow: hidden;}.dijit_a11y * {background-image:none !important;}.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {padding-left:.2em; visibility:visible !important;}.dj_ie6 .dijit_a11y .dijitCalendarIncrementControl {font-size:.75em !important;}.dijit_a11y .dijitCalendarSelectedDate {text-decoration:overline !important;}.dijitA11ySideArrow {vertical-align:top; margin-right:0em; margin-left:.2em; line-height:2em; text-align:center;}.dijit_a11y .dijit * {background:white !important; color:black !important;}.dijit_a11y .dijitButtonNode {border-color: black!important; border-style: outset!important; border-width: medium!important;}.dijit_a11y .dijitButtonDisabled .dijitButtonNode,.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,.dijit_a11y .dijitComboBoxDisabled .dijitInputField,.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,.dijit_a11y .dijitSpinnerDisabled .dijitInputField {border-style: outset!important; border-width: medium!important; border-color: #999 !important; color:#999 !important;}.dijitButtonNode * {vertical-align: middle;}.dijit_a11y .dijitArrowButtonInner {width: 1.0em; display: none !important;}.dijitButtonNode .dijitArrowButtonInner {background:no-repeat center; width: 16px;}.dijitComboBox .dijitArrowButtonInner {display: block;}.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {display: inline !important;} .dijitLeft {background-position:left top; background-repeat:no-repeat;}.dijitStretch {white-space:nowrap; background-repeat:repeat-x;}.dijitRight {#display:inline; background-position:right top; background-repeat:no-repeat;}.dijitButton,.dijitDropDownButton,.dijitComboButton {margin: 0.2em;}.dj_safari .dijitToolbar .dijitDropDownButton {padding-left: 0.3em;}.dijitButtonNode {border:1px solid gray; margin:0; padding:.2em .2em .1em; line-height:normal; cursor:pointer; vertical-align:middle; text-align:center; white-space: nowrap;}.dijitArrowButton {padding: 0 .4em;}DIV.dijitArrowButton {float: right;}.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {border-style: solid; border-width: 0 0 0 1px !important; padding: 0; position: absolute; right: 0; float: none;}.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {position: absolute; height: 50%;}.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {top: none; bottom: 0; border-top-width: 1px !important;}.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {top: 0; bottom: none;}.dijitComboButton TABLE {border-collapse: separate; border:0; padding:0; margin:0;}.dijitComboButton .dijitButtonContents {border-right-width:0 !important;}.dj_ie BUTTON.dijitButtonNode {overflow: visible;}table .dijitButton .dijitButtonNode,table .dijitComboButton .dijitButtonNode {#overflow:hidden;}.dijitButtonNode IMG {vertical-align:middle; margin-bottom:.2em;}.dijitTextBox,.dijitComboBox,.dijitSpinner {border: solid black 1px; #overflow: hidden; width: 15em;}.dijitTextBox input:focus,.dijitComboBox input:focus,.dijitSpinner input:focus {outline: none;}.dijitTextBoxFocused,.dijitComboBoxFocused,.dijitSpinnerFocused {outline: auto 5px -webkit-focus-ring-color;}.dijitTextBox INPUT,.dijitComboBox INPUT,.dijitSpinner INPUT {padding:0; border-left: solid black 1px; display:inline; position:static !important; border:0 !important; margin:0 !important; vertical-align:0em !important; visibility:visible !important; background-color:transparent !important; background-image:none !important; width:100% !important;}.dijitValidationIcon {visibility: hidden; display: block; padding: 0 2px; float: right; height: auto;}.dijitValidationIconText {visibility: hidden; display: none; float:right; font-family: sans-serif; font-style:italic; font-size: 0.45em; line-height: 190%;}.dijit_a11y .dijitValidationIcon {display: none !important;}.dijit_a11y .dijitValidationIconText {display: block !important;}.dijitError .dijitValidationIcon,.dijitError .dijitValidationIconText {visibility: visible;}.dijitTextBox .dijitArrowButton {display:none;}.dijitCheckBox,.dijitRadio,.dijitCheckBoxInput {padding: 0; border: 0; width: 16px; height: 16px; background-position:center center; background-repeat:no-repeat; overflow: hidden;}.dijitCheckBox INPUT,.dijitRadio INPUT {margin: 0; padding: 0; display: block;}.dijitCheckBoxInput {opacity: 0.01;}.dj_ie .dijitCheckBoxInput {filter: alpha(opacity=0);}.dijit_a11y .dijitCheckBox,.dijit_a11y .dijitRadio {width: auto; height: auto;}.dijit_a11y .dijitCheckBoxInput {opacity: 1; filter: none; width: auto; height: auto;}.dijitProgressBarEmpty{position:relative;overflow:hidden; border:1px solid black; z-index:0;}.dijitProgressBarFull {position:absolute; overflow:hidden; z-index:-1; top:0; width:100%; height:100%;}.dijitProgressBarTile{position:absolute; overflow:hidden; top:0; left:0; bottom:0; right:0; margin:0; padding:0; width:auto; height:auto; background-color:#aaa; background-attachment: fixed;}.dijit_a11y .dijitProgressBarTile{border-width:4px; border-style:solid; background-color:transparent !important;}.dj_iequirks .dijitProgressBarTile{width:100%; height:100%;}.dj_ie6 .dijitProgressBarTile{position:static; height:100%;}.dijitProgressBarIndeterminate .dijitProgressBarLabel{visibility:hidden;}.dijitProgressBarIndeterminate .dijitProgressBarTile{}.dijitProgressBarIndeterminateHighContrastImage{display:none;}.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{display:block; position:absolute; top:0; bottom:0; margin:0; padding:0; width:100%; height:auto;}.dijitProgressBarLabel{display:block; position:static; width:100%; text-align:center; background-color:transparent !important;}.dijitProgressBarV .dijitProgressBarFull{bottom:0;}.dj_ie6 .dijitProgressBarV .dijitProgressBarTile{position:absolute; width:100%;}.dijitTooltip {position: absolute; z-index: 2000; display: block; left: 50%; top: -10000px; overflow: visible;}.dijitTooltipContainer {border: solid black 2px; background: #b8b5b5; color: black; font-size: small;}.dijitTooltipFocusNode {padding: 2px 2px 2px 2px;}.dijitTooltipConnector {position: absolute;}.dijitLayoutContainer{position: relative; display: block; overflow: hidden;}body .dijitAlignTop,body .dijitAlignBottom,body .dijitAlignLeft,body .dijitAlignRight {position: absolute; overflow: hidden;}body .dijitAlignClient {position: absolute;}.dijitBorderContainer {position:relative; overflow: hidden;}.dijitBorderContainer > .dijitTextArea {resize: none;}.dijitSplitter {position: absolute; overflow: hidden; z-index: 9999; background-color: #fff; border-color: gray; border-style: solid; border-width: 0; z-index: 10 !important;}.dijitSplitterCover{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}.dijitSplitterH {height: 7px; border-top:1px; border-bottom:1px; cursor: ns-resize;}.dijitSplitterV {width: 7px; border-left:1px; border-right:1px; cursor: ew-resize;}.dijitSplitContainer{position: relative; overflow: hidden; display: block;}.dijitSplitPane{position: absolute;}.dijitSplitContainerSizerH,.dijitSplitContainerSizerV {position:absolute; font-size: 1px; cursor: move; cursor: w-resize; background-color: ThreeDFace; border: 1px solid; border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; margin: 0;}.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {overflow:hidden; position:absolute; top:49%;}.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {position:absolute; left:49%;}.dijitSplitterShadow,.dijitSplitContainerVirtualSizerH,.dijitSplitContainerVirtualSizerV {font-size: 1px; background-color: ThreeDShadow; -moz-opacity: 0.5; opacity: 0.5; filter: Alpha(Opacity=50); margin: 0;}.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {cursor: w-resize;}.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {cursor: n-resize;}.dijit_a11y .dijitSplitterH {border-top:1px solid #d3d3d3 !important; border-bottom:1px solid #d3d3d3 !important;}.dijit_a11y .dijitSplitterV {border-left:1px solid #d3d3d3 !important; border-right:1px solid #d3d3d3 !important;}.dijitContentPane {display: block; overflow: auto;}.dijitTitlePane {display: block; overflow: hidden;}.dj_ie7 .dijitTitlePaneTextNode {display:inline;}.dijitColorPalette {border:1px solid #999; background:#fff; -moz-border-radius:3pt;}img.dijitColorPaletteUnder {border-style:none; position:absolute; left:0; top:0;}.dijitColorPaletteInner {position: relative; overflow:hidden; outline:0;}.dijitPaletteCell {width: 20px; height: 20px; position: absolute; overflow: hidden; z-index: 10; outline-width: 0;}.dijitPaletteImg {width: 16px; height: 14px; position: absolute; top: 1px; left: 1px; overflow: hidden; cursor: default; border:1px solid #999;}.dijitPaletteCellHighlight img {width: 14px; height: 12px; position: absolute; top: 1px; left: 1px; overflow: hidden; cursor: default; border:2px solid #000; outline:1px solid #dedede;}.dijit_a11y .dijitPaletteCell {background-color:transparent !important;}.dijit_a11y .dijitPaletteImg {background-color:transparent !important;}.dijitAccordionPane {overflow: hidden !important;}.dijitAccordionPane .dijitAccordionBody {overflow: auto;}.dijitAccordionContainer {border:1px solid #b7b7b7; border-top:0 !important;}.dijitAccordionTitle:hover {cursor: pointer;}.dijitAccordionTitle .dijitAccordionArrow {float: right;}.dijitAccordionPane .dijitAccordionTitle .arrowTextUp,.dijitAccordionPane .dijitAccordionTitle .arrowTextDown {display: none; float: right; font-size: 0.65em; font-weight: normal !important;}.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp {display: inline;}.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {display: inline;}.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {display: none;}.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {padding: 0;}.dijitCalendarNextYear {margin:0 0 0 0.55em;}.dijitCalendarPreviousYear {margin:0 0.55em 0 0;}.dijitCalendarIncrementControl {cursor:pointer; cursor:hand; width:1em;}.dijitCalendarDisabledDate {color:gray !important;}.dijitCalendarBodyContainer tbody tr td {cursor:pointer; cursor:hand;}.dijitCalendarPreviousMonthDisabled,.dijitCalendarCurrentMonthDisabled,.dijitCalendarNextMonthDisabled {cursor:default !important}.dijitCalendarDateTemplate,.dijitCalendarSelectedYear,.dijitCalendarNextYear,.dijitCalendarPreviousYear {cursor:pointer;}.dijitCalendarMonthLabelSpacer {position: relative; height: 1px; overflow: hidden; visibility: hidden;}.dijitMenu {border:1px solid black; background-color:white;}.dijitMenuTable {margin:1px 0; border-collapse:collapse; border-width:0; background-color:white;}.dijitMenuItem{white-space: nowrap; padding:.1em .2em;}.dijitMenuItemHover {cursor:pointer; cursor:hand; background-color:black; color:white;}.dijitMenuItemIcon {position: relative; background-repeat: no-repeat;}.dijitMenuItemDisabled * {opacity:0.3; cursor:default;}.dj_ie .dijit_a11y .dijitMenuItemDisabled td,.dj_ie .dijitMenuItemDisabled *,.dj_ie .dijitMenuItemDisabled td {color:gray !important; filter: alpha(opacity=35);}.dijitMenuItemLabel {position: relative; vertical-align: middle;}.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {border-width: 1px; border-style: solid;}.dijit_a11y .dijitMenuItemHover {border: 1px #fff dotted !important;}.dijit_a11y .dijitMenuExpandInner {display:block !important;}.dijitMenuSeparatorTop {height: 50%; margin: 0; margin-top:3px; font-size: 1px;}.dijitMenuSeparatorBottom {height: 50%; margin: 0; margin-bottom:3px; font-size: 1px;}.dijitTabLabels-top {top:1px !important; z-index:10;}.dijitTabLabels-bottom {margin-top:-1px !important; z-index:10;}.dijitTabLabels-left-h {margin-right:-1px !important; z-index:10;}.dijitTabLabels-right-h {margin-left:-1px !important; z-index:10;}.dijitTabPaneWrapper {z-index:0; overflow: hidden; clear: both;}.dijitTab {position:relative; float:left; cursor:pointer; white-space:nowrap; z-index:3;}.dijitTabContainer .dijitAlignLeft .dijitTab,.dijitTabContainer .dijitAlignRight .dijitTab {float:none;}.dijitTabInnerDiv {position:relative;}.dijitTab .close {display: inline-block; cursor: default; font-size: small;}.dijitTab .closeText {display:none; padding: 0 2px; margin: 0 2px;}.dijit_a11y .dijitTab .closeImage {padding: 0 !important; margin: 0 !important; top: 0 !important; bottom: 0 !important;}.dijit_a11y .closeText {display:inline; margin-left:6px;}.dijit_a11y .closeText:hover {border:thin solid;}.dijit_a11y .dijitTabChecked {border-style:dashed !important;}.dijit_a11y .dijitTabInnerDiv {border-left:none !important;}.dijitInlineEditor {position:relative; vertical-align:bottom;}.dj_ie .dijitInlineEditor {vertical-align:middle;}.dijitInlineValue {}.dijitInlineEditor .dijitButtonContainer {position:absolute; right:0; overflow:visible;}.dijitInlineEditor .saveButton,.dijitInlineEditor .cancelButton {}.dijitTreeExpando, .dijitTreeExpand {float:left; display:inline;}.dijitTreeExpando {clear:both;}.dijitTreeContent {cursor: default;}.dijitExpandoText {display: none;}.dijit_a11y .dijitExpandoText {float: left; display: inline; padding-left: 10px; padding-right: 10px; font-family: monospace; border-style: solid; border-width: thin; cursor: pointer;}.dijitDialog {position: absolute; z-index: 999; padding: 1px;}.dijitDialogUnderlayWrapper {position: absolute; left: 0; top: 0; z-index: 998; display: none; background: transparent !important;}.dijitDialogUnderlay {background: #eee; opacity: 0.5;}.dj_ie .dijitDialogUnderlay {filter: alpha(opacity=50);}.dijit_a11y .dijitInputLayoutContainer,.dijit_a11y .dijitDialog {opacity: 1 !important; background-color: white !important;}.dijitDialog .closeText {display:none; position:absolute;}.dijit_a11y .dijitDialog .closeText {display:inline;}.dijitSliderMoveable {z-index:99; position:absolute !important; display:block; vertical-align:middle;}.dijitSliderMoveableH {right:0;}.dijit_a11y div.dijitSliderImageHandle,.dijitSliderImageHandle {margin:0; padding:0; position:absolute !important; border:8px solid gray; width:0; height:0;}.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {border:4px solid #000; height:8px; width:8px;}.dijitSliderImageHandleV {top:-8px; left:-6px;}.dijitSliderImageHandleH {left:-8px; top:-5px; vertical-align:top;}.dijitSliderBar {border-style:solid; border-color:black;}.dijitSliderBarH {height:4px; border-width:1px 0;}.dijitSliderBarV {width:4px; border-width:0 1px;}.dijitSliderProgressBar {background-color:red; #z-index:0;}.dijitSliderProgressBarV {position:static !important; height:0%; vertical-align:top; text-align:left;}.dijitSliderProgressBarH {position:absolute !important; width:0%; vertical-align:middle; overflow:visible;}.dijitSliderRemainingBar {overflow:hidden; background-color:transparent; #z-index:-1;}.dijitSliderRemainingBarV {height:100%; text-align:left;}.dijitSliderRemainingBarH {width:100% !important;}.dijitSliderBumper {overflow:hidden; #z-index:-1}.dijitSliderBumperV {width:4px; height:8px; border-width:0 1px;}.dijitSliderBumperH {width:8px; height:4px; border-width:1px 0;}.dijitSliderBottomBumper,.dijitSliderLeftBumper {background-color:red;}.dijitSliderTopBumper,.dijitSliderRightBumper {background-color:transparent;}.dijitSliderDecorationH {text-align:center;}.dijitSlider .dijitSliderButton {font-family:monospace; margin:0; padding:0; display:block;}.dijit_a11y .dijitSliderButtonInner {visibility:visible !important;}.dijitSliderButtonContainer {text-align:center; height:0;}.dijitSlider .dijitButtonNode {padding:0; display:block;}.dj_ie .dijitRuleContainer {z-index: -1;}.dijitRuleContainer {position:relative; overflow:visible;}.dijitRuleContainerV {height:100%; line-height:0; float:left; text-align:left;}.dj_opera .dijitRuleContainerV {line-height:2%;}.dj_ie .dijitRuleContainerV {line-height:normal;}.dj_gecko .dijitRuleContainerV {margin:0 0 1px 0;}.dijitRuleMark {position:absolute; border:1px solid black; line-height:0; height:100%;}.dijitRuleMarkH {width:0; border-top-width:0 !important; border-bottom-width:0 !important; border-left-width:0 !important;}.dijitRuleLabelContainer {position:absolute;}.dijitRuleLabelContainerH {text-align:center; display:inline-block;}.dijitRuleLabelH {position:relative; left:-50%;}.dijitRuleMarkV {height:0; border-right-width:0 !important; border-bottom-width:0 !important; border-left-width:0 !important; width:100%; left:0;}.dj_ie .dijitRuleLabelContainerV {margin-top:-.55em;}.dijit_a11y .dijitButtonContents .dijitButtonText {display: inline !important;}.dijitTextArea {width:100%; overflow: auto;}.dj_ie .dijitTextArea p {margin-top:0; margin-bottom:0; line-height: normal !important;}.dijitToolbarSeparator {height: 18px; width: 5px; padding: 0 1px; margin: 0;}.dijitIEFixedToolbar {position:absolute; top: expression(eval((document.documentElement||document.body).scrollTop));}.dijitTimePickerItemInner {text-align:center; border:0; padding:2px 8px 2px 8px;}.dijitTimePickerTick {color:#dedede; border-bottom:1px solid #dedede; border-top:1px solid #dedede; position:relative;}.dijitTimePickerTick .dijitTimePickerItemInner {font-size:0.25em;}.dijitTimePickerMarker {background-color:#ededed; border-top:1px solid #999; border-bottom:1px solid #999;}.dijitTimePickerItemHover {opacity:1 !important; background-color:#808080; color:#fff; border-top:1px solid #333; border-bottom:1px solid #333; cursor:pointer;}.dijitTimePickerMarker.dijitTimePickerItemHover {font-size:1.3em;}.dijitTimePickerItemHover .dijitTimePickerItemInner {display:block; overflow:visible; background-color:#808080; font-size:1em;}.dijitTimePickerItemSelected {font-weight:bold; color:#333; background-color:#b7cdee !important;}.dijit_a11y .dijitTimePickerItem {border-bottom:1px solid #333;}.dijitToggleButtonIconChar {display:none !important;}.dijit_a11y .dijitToggleButtonIconChar {display:inline !important;}.dijit_a11y .dijitToggleButtonIconChar {visibility:hidden;}.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {visibility:visible !important;}.dijitArrowButtonChar {display:none !important;}.dijit_a11y .dijitArrowButtonChar {display:inline !important;}.dijitInputLayoutContainer {position: relative; overflow: hidden;}.dijitSpinnerButtonContainer {float: right; width: 18px; position: relative; overflow: hidden;}.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {height: 50%; width: 16px; overflow: hidden;}.dj_ie .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {behavior: expression( function(self){var e; try{var h = self.parentNode.offsetHeight/2; if(h > 1){self.style.height = h; self.style.behavior = null;}}catch(e){}}(this) );}.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {overflow: hidden; line-height: 50%;}.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {width: 100%;}.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {font-size: 0.4em; vertical-align: top;}.dijit_a11y .dijitSpinnerButtonContainer {width: 0.5em; margin-left: 2px; overflow: visible;}.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {border-width: 1px 0px 0px 1px; border-style: solid !important;}
img.red_sq {
vertical-align: middle;
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -0px;
width: 5px;
height: 5px;
}
img.btn_search_listings,input.btn_search_listings {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -30px;
width: 94px;
height: 20px;
}
img.search_magnify_icon {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -60px;
width: 12px;
height: 12px;
}
img.redfin_logo_left {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -90px;
width: 91px;
height: 58px;
margin-left: 30px;
}
img.btn_down_arrow {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -150px;
width: 9px;
height: 8px;
}
img.btn_down_arrow_blue {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -180px;
width: 9px;
height: 8px;
}
img.icon_question {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -210px;
width: 11px;
height: 12px;
}
img.btn_accept {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -240px;
width: 113px;
height: 23px;
}
img.btn_decline {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -270px;
width: 113px;
height: 23px;
}
img.btn_ok {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -300px;
width: 56px;
height: 21px;
}
img.fewer_options_x {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -330px;
width: 15px;
height: 15px;
}
img.logo_text_only {
background: no-repeat;
background-image: url('../../sprites/nav_top_sprite_3.png');
background-position: left -0px;
width: 56px;
height: 14px;
}
/*------formatting for the header table on the top_nav1.jsp page----------*/
#top_nav_table {
width: 985px;
height: 70px;
border-style: none;
border-width: 0px;
background-repeat: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -360px;
}
#top_nav_table_new2 {
height: 68px;
border-style: solid;
border-width: 0px;
background-repeat: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -450px;
}
#under_banner {
height: 68px;
width: 1000px;
border-style: solid;
border-width: 0px;
background-repeat: no-repeat;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -540px;
}
a#search-nav {
width: 65px;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -630px;
}
a#search-nav.sel,a#search-nav.sel:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -660px;
}
a#search-nav:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -690px;
}
a#buying-nav {
width: 65px;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -720px;
margin-left: 6px;
}
a#buying-nav.sel,a#buying-nav.sel:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -750px;
}
a#buying-nav:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -780px;
}
a#selling-nav {
width: 65px;
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -810px;
margin-left: 6px;
}
a#selling-nav.sel,a#selling-nav.sel:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -840px;
}
a#selling-nav:hover {
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -870px;
}
#search_location{
background-image: url('../../sprites/nav_top_sprite.png');
background-position: left -900px;
}
/* END NAV TOP */
/* General Styles */
body{
height: 100%;
/*background-color: #d4d8dd;*/
background-color: #6C8098;
font-size: 11pt;
line-height: 130%;
color: #000000;
margin:0;
padding:0;
}
/**
* Loading div -- hides the messy HTML with a loading div. -sra.
*/
#loading_screen_background {
height: 40px;
}
#loading_screen {
padding:0px;
margin:0px;
position:absolute;
top:0px; left:0px;
width:100%; height:100%;
background-color: #F7F6F2;
z-index:999;
text-align:center;
font-size:15px;
}
/* basics */
img.icon {
border: 1px solid #CCCCCC;
margin: 5px 8px 0 0;
}
/* Dealing with dojo.css' megelomania */
h1 { font-weight: bold; }
ol li, ul li { line-height: 19px; }
ul.list-with-info {
list-style-type:none;
padding:0;
margin: 0;
}
blockquote {
border: none;
font-size: inherit !important;
line-height: 130%;
padding: 0;
margin: 0;
}
/** Make any text the offical redfin red **/
.red { color: #DA4F26; }
/*---------profile link (usually hidden) in property_search_box.jsp-------*/
#profile {display:none;}
.rf_profile_on #profile {display:inline;}
/*---------search controls styles---------*/
#search_controls_basic {
background:transparent;
white-space:nowrap;
margin-bottom:2px;
}
#search_controls_extended {
position:absolute;
border: 1px solid #444444;
top:-4px !important;
left:-59px;
background: white;
color:black;
z-index:1;
width: 720px;
padding-bottom: 0px;
}
#search_location_basic_dropdown {
top: -9999px;
}
#search_controls_container {
overflow:visible;
border: none;
background: transparent;
position:absolute;
top:0px;
left:10px;
z-index: 10;
padding:0px;
}
.warning { padding: 4px; border: 1px solid #DA4F26; background-color: #F7F6F2; font-size:10pt; color: #DA4F26; font-weight:bold;}
/*popup styles ############################################################################################################################################*/
/* Popup styles for two stacks live here. dojo popups are .pop, jquery popups are .ui-dialog...
* There is very little difference between the two, so we're centralizing the css for them here.
*/
#confirm-dialog { background-color:#FFFFFF; width:450px; }
.dojoDialog, .dijitDialog {
width: 450px;
background:white none repeat scroll 0%;
border:1px solid black;
color:black;
font-size:12px;
}
.pop, .ui-dialog {
background-color: #fff;
border-top: 1px solid #738aa6;
border-right: 2px solid #55667a;
border-bottom: 2px solid #55667a;
border-left: 1px solid #738aa6;
height: auto;
max-height: 550px;
overflow: auto;
font-size: 11px;
color: #000;
vertical-align:middle;
}
.popHead, .ui-dialog-titlebar {
background-color: #738aa6;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 5px;
}
.popClose, .ui-dialog-titlebar-close {
position: absolute;
cursor: pointer;
top: 7px;
right: 5px;
display:inline;
color: #FFFFFF;
text-decoration: none;
}
.ui-dialog-titlebar-close {
display: block;
}
.ui-dialog-titlebar-close span {
display:none;
}
.popBalloonClose {
position:absolute;
right:5px;
top:26px;
cursor: pointer;
}
.popContent {
margin: 10px;
text-align: left;
background-color:#FFFFFF;
font-size:12px;
color:#000000;
}
.popContent.jsquery {
background-color: transparent;
}
div.popContent ul li {
list-style: none url(../../list_dot_v4.png);
}
.popButtons {
margin-top: 15px;
}
div.popButtons img {
position: relative;
float: right;
margin-left: 5px;
cursor: pointer;
}
div.popButtons img.postIcon {
position: static;
float: none;
}
div.popButtons div.button {
float: right;
margin-left:10px;
}
.ui-dialog-buttonpane {
text-align: right;
}
.popButton { margin:10px; }
#confirm-dialog-msg { margin-top:10px; display:inline; }
#confirm-dialog-yes-text, #confirm-dialog-no-text { display:inline; vertical-align:middle }
/*-------------default styles for the html popups----------*/
.popupMenu {
background:white;
border:1px black solid;
color: black;
font-size: 12px;
padding: 4px;
width:auto;
}
.popupMenu a {
co : black;
}
.popupMenu ol {
list-style: none;
padding: 0px;
margin: 0px;
}
.popupMenu ol li {
cursor: pointer;
text-indent: 6px;
}
.popupMenu ol li img {
vertical-align: middle;
}
.popupMenu ol.checklist li {
text-decoration: underline;
text-indent: 18px;
}
.popupMenu ol li.selected {
background-image: url(../../btn_chev_selected.png);
background-position: 3px 50%;
background-repeat: no-repeat;
text-decoration: none;
cursor: auto;
}
#save_search_options { margin-right:7px; }
#confirm-dialog { padding: 0px; }
#saved-search-box { padding: 0px; overflow: hidden;}
/*--formatting for current page--*/
a.current-page { color:#da4f26 !important; text-decoration:none !important; }
/*--formatting for current page sub cats--*/
a.current_page_sub { text-decoration:none !important; }
/*---------links on the top header top_nav1.jsp-----*/
a.footer_link { color:#666666; text-decoration:underline; font-size:12px}
a.footer_link { color:#666666; text-decoration:underline; font-size:12px}
a.footer_link:hover { color:#666666; text-decoration:underline; font-size:12px }
/*---------links on the top header top_nav1.jsp-----*/
a.nav_link { text-decoration:underline; font-size:12px}
a.nav_link { text-decoration:underline; font-size:12px}
a.nav_link:hover { text-decoration:underline; font-size:12px }
/*--link with no styling at all...used in buy_graph.jps to encompass whole div--*/
a.plain_link { text-decoration:none; color: inherit; }
/*---------links on the top header top_nav1.jsp-----*/
a.top_header_nav { color:#676459; text-decoration:none}
a.top_header_nav_selected { color:#d84519; text-decoration:none}
a.top_header_nav:hover { color:#d84519;text-decoration:none }
/*---------links on the top header top_nav1.jsp-----*/
a.top_link { text-decoration:underline; font-size:12px}
a.top_link { text-decoration:underline; font-size:12px}
a.top_link:hover { text-decoration:underline; font-size:12px }
a.hover_roll { text-decoration:none; color:inherit; }
a.hover_roll:hover span.roller { text-decoration:underline; }
h5 { text-transform:uppercase; color:#8e8b80; padding:0px; margin:10px 0px 4px 0px; font-size:14px; }
/*---------generic white link declarations------*/
.white_link{color:#ffffff;text-decoration:underline;cursor:pointer;}
.white_link:hover{color:#ffffff;text-decoration:underline;}
.orange_link{color:#DE5632;text-decoration:underline;cursor:pointer;}
.white_label{color:#ffffff;}
.heavy_white_link{color:#ffffff;text-decoration:underline;font-weight:bold;cursor:pointer;}
.heavy_white_link:hover{color:#ffffff;text-decoration:underline;font-weight:bold;}
.heavy_orange_link{color:#DE5632;text-decoration:underline;font-weight:bold;cursor:pointer;}
/*---------links for the right navigation login_menu.jsp file------*/
a.white_login_link{color:#ffffff;text-decoration:underline;}
a.white_login_link:hover{color:#da4f26;text-decoration:underline;}
/*BUTTON SPECIFICATIONS###################################################################################################################*/
#ask_agent_button { }
/*---------holds the welcome info with the user's name in the login_menu.jsp-----*/
#btn_inner{ height: 30px; border-style:solid; border-color:#6e839a; border-width:1px; margin:3px}
/*--------contains btn_inner(below) in the login_menu.jsp-------*/
#btn_welcome{
background-color:#5c718a;
text-align:center;
color:#FFFFFF;
font-size:12px;
width:250px;
height:40px;
font-weight:normal;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url('../../login_back.png');
}
/* Generic link button.
* this class should be applied to an a tag with a button image inside. ie
* 
* unfortunately, we have many different sized buttons, so you may have to set width and/or height inline
*/
a.button {
border: 2px solid transparent;
display:block;
height:23px;
width:163px;
}
a.button:hover, img.button {
border-color: #DA4F26;
}
a.button img, img.button {
border: none;
cursor: pointer;
}
/*---------contains the three smaller boxes for login_menu.jsp----*/
#btn_container{ text-align:center; color:#FFFFFF; font-size:12px; width:250px; height:22px; padding-top:3px; font-weight:bold; border-style:solid; border-width:0px }
/*------- Main Graphic Framework Declarations -------*/
* There are others, which should be considered depricated, the list includes
* * maincol_outer / maincol_inner
* * main_body / inner_body
* We should only need one. container has been encapulated in a tag.
* container is intended to be used without a table wrapped around it.
*/
div.wrapper {
background: #FFF;
padding: 4px;
margin: 0 0 7px 7px;
width: 970px;
float: left;
}
div.wrapper.with-sidebar {
width: 710px;
}
div.visual_border_wrapper {
}
div.sidebar {
float:left;
margin-left:10px;
width:251px;
}
/*-------the larger outer white box on the new 4.0 rebrand....contains the inner_buy_body(below) div for the faded background, used on all pages------*/
#main_body{
margin: 0px;
padding: 0px;
zoom:1;
}
/*-------the larger outer white box on the new 4.0 rebrand....contains the inner_buy_body(below) div for the faded background, used on all pages------*/
#main_body_disclaimer{
background-color:#e9edf2;
border-style:solid;
border-width:0px;
padding:4px;
background-position:top;
background-repeat:repeat-x;
background-image:url('../../bg_div_fade.png');
}
/*-------the inner div with the faded line background which hold the subsequent content divs, used on all pages-----------*/
#inner_body, #inner_body_disclaimer, #inner_body_full, #inner_body_offer {
background-color:#fff;
height:100%;
background-repeat:no-repeat;
}
/*-------the inner div for the disclaimer with the faded line background which hold the subsequent content divs-----------*/
#inner_body_disclaimer{ padding:14px; }
/*-------the inner div with the faded line background which hold the subsequent content divs and stretches the width of the page, used on all pages-----------*/
#inner_body_full{ padding:14px 4px 0px 2px; }
#inner_body_offer { padding:0px 0px 0px 0px }
div.maincol_outer {
padding: 0;
margin: 0;
}
div.maincol_outer div.maincol_inner {
border: 1px solid #D6D6D6;
padding: 0px;
margin: 5px;
}
div.maincol_outer div.maincol_inner div.subsection {
margin-top:10px;
padding:14px 4px 0px 4px;
}
div.maincol_outer div.maincol_inner div.first_subsection {
padding: 0px 4px 0px 4px;
}
div.maincol_outer div.maincol_inner div.first_subsection h1 {
font-weight: normal;
font-size: 17px;
margin:0;
padding:0;
}
/* we encase the main content panel and side content panel in a
div that is always wide enough for both so that they never appear one
below the other. -sra */
/* increasing 985px to 986px for IE6, bug #6426 */
#content_container {
/*width: 986px;*/
}
div.maincol_inner {
background: #F7F7F3;
height: 100%;
}
div.main-column-soft {
float:left;
/* padding and width should add up to 725px */
width:715px;
padding: 5px;
background:#FFFFFF;
border-right:1px solid #D8D8D8;
min-height: 875px;
/*The next two lines are a fix for bug 85779. IE6 ignores the first line to use 600px
as the minimum height. Other browsers use the "!important" tag to auto-size the window.
They also respect min-height, so the code is really just here for IE6. -Aditya*/
height:auto !important;
height:600px;
}
div.main-column-soft-content {
margin-left: 7px;
}
.main-column-soft p, .main-column-soft li {
font-size: .9em;
}
/* we want some padding, but not as much. */
div.main-column-soft-no-padding {
/* padding and width should add up to 725px */
width:720px;
padding: 0 5px 0 0;
}
div.sidebar-column-soft {
width: 252px;
background: #F7F7F3;
float: left;
}
div.sidebar-column-soft .sidebar_box {
background-color: transparent;
padding: 0;
}
div.sidebar-column-soft .sidebar_box .sidebar_box_content {
border-width: 0;
background-color: transparent;
}
.no_padding {
padding: 0px;
}
.no_margin {
margin: 0px;
}
.absolute_no_spacing {
padding: 0 !important;
margin: 0 !important;
}
/*---------- SIDEBAR STYLES ------------*/
/*------- The outside (grey) border of a sidebar box -------*/
.outer_right {
background: #FFFFFF;
}
.out_right {
margin: 0px 0px 0px 0px;
text-align:center;
padding:4px;
}
/*------- The inside (white area) of a sidebar box ------*/
.inner_right {
padding:4px 4px 10px 4px;
text-align: left;
}
div.sidebar-column-soft .sidebar_box_content {
padding: 4px;
}
.no_padding .sidebar_box_content {
padding: 0;
}
.outer_right p.content_text {
color:#000000;
font-weight:normal;
text-align:left;
}
.outer_right p {
margin: 2px;
}
p.sidebar_last { margin-bottom: 0; padding-bottom: 0; }
/* default size, must go first, before header styles */
div.inner_right p {
font-size:12px;
}
/*-----formats the header in various right includes, used on multiple pages-------*/
.upper_right_include_header{ font-size:16px; font-weight:bold; color:#4F4C42; text-align:left; padding:6px 0px 3px 4px; /*width:215px;*/}
div.inner_right .upper_right_include_header a { text-decoration: none; color:#4F4C42; }
div.inner_right .upper_right_include_header a:visited { color:#4F4C42; }
div.inner_right .upper_right_include_header a:link { color:#4F4C42; }
div.inner_right .upper_right_include_header a:hover { color:#4F4C42; }
div.inner_right .upper_right_include_header a:active { color:#4F4C42; }
div.inner_right .upper_right_include_header a:focus { color:#4F4C42; }
div.inner_right ul { text-align: left; margin: 0 0 0 20px; padding: 0px; }
/*---------- /SIDEBAR STYLES ------------*/
/*------- DIV SPECS FOR BODY CONTENT -------*/
/*------- ADVANCED SEARCH DROP DOWN DECLARATIONS -------*/
.search_control_link { text-decoration:underline; color:#434037; font-weight:bold; cursor:pointer; }
#search_controls_extended_dialog_controls { margin-right: 6px; padding-top: 6px; width: auto; text-align: right; line-height:normal}
#fewer_options { vertical-align:middle; cursor:pointer; }
#fewer_options_container { margin-left: 4px }
#reset_options_container { text-align: center; }
#reset_options { vertical-align:middle; font-size:12px; margin: 0px 0px 0px 0px; }
a.adv_search_cancel { font-size:12px; padding: 0px 0px 0px 390px; color:#434037; font-weight:bold; }
table#adv_check_table_container td.check_cell { vertical-align: top;}
table#adv_check_table_container td.left { background-image:url('../../adv_dotted.gif'); background-position: right; background-repeat:repeat-y; width:197px; }
table#adv_check_table_container td.middle { width: 350px; background-image:url('../../adv_dotted.gif'); background-position: right; background-repeat:repeat-y;}
table#adv_check_table_container td.right { width:205px; }
table#adv_check_table_container td.right select { width:141px; }
table#adv_drop_table tr td { line-height:25px; vertical-align:middle }
table#adv_drop_table tr td.search-row-short { line-height:10px; }
table#adv_drop_table tr td input {margin:0; }
#adv_check_table_container.noComingleMode .adv_ctrl_checkbox { display:none;}
#adv_check_table_container.noComingleMode .adv_ctrl_radio {display:inline;}
#adv_check_table_container.comingleMode .adv_ctrl_checkbox { display:inline;}
#adv_check_table_container.comingleMode .adv_ctrl_radio {display:none;}
table#adv_drop_table #ft {width: 232px; }
table.adv_checkbox_table { width: 100%; }
table.adv_checkbox_table, table#adv_drop_table, table#listing_fact_table, table#adv_listing_type_table { font-size:11px; }
table.adv_checkbox_table td.search-row-label { font-size:14px; font-weight:bold; line-height:16px; }
table#adv_drop_table td.search-row-label, table#listing_fact_table td.search-row-label { font-size:14px; font-weight:bold; line-height:16px; }
table td.adv_check { padding-left:10px; white-space:nowrap; }
table td.search-row-label-drop { font-size:11px; padding-left:10px; }
select.search-control { width:110px; font-size:12px; }
table#listing_fact_table select.search-control { width:206px; }
select.indented { margin-left:20px; }
.adv_option_list { padding-left:6px; font-size: 12px; padding-bottom: 1px;}
.adv_option_list_disabled {text-decoration:none !important; cursor:default !important; color: #BBBBBB;}
#view_type_radio_group { padding-bottom:3px; margin-bottom:3px; }
#view_type_radio_group li.selected {cursor: default;}
#include_mlsfc_select_label, #open_house_label, #sold_within_months_label { padding-left:23px;}
img.adv_checkbox_icon { position: relative; bottom: -2px;}
.include-only-explanation {font-size:10px; font-style: italic; line-height: normal; padding-left:2px;}
/*------- /ADVANCED SEARCH DROP DOWN DECLARATIONS -------*/
/*-------div containing the textbox and a couple headers in the ask_agent.jsp include file---*/
#ask_agent_textbox_container{ text-align:left; padding:4px; font-weight:bold; font-size:11px }
/*------formats the outer div that contains agent info on agents.jsp------*/
.agent_container{ padding:0px 0px 30px 0px }
/*-------holds the agent text on the agents.jsp page----*/
.agent_div{font-weight:normal;height:170px; font-size:12px}
/*-------contains the text in the right ask_agent.jsp include------*/
.ask_ques_text{
font-size: 12px;
}
/*-------formats date in about_us_posts.jsp include-----*/
.blog_date { font-size:12px; color:#333333; text-align:left; padding:5px 0px 3px 5px }
/*-------formats date in about_us_posts.jsp include-----*/
.blog_more { font-size:10px; color:#8e8b80; text-align:left; padding:0px 0px 3px 5px }
/*-------formats date in about_us_posts.jsp include-----*/
.blog_title { font-size:13px; color:#000000; text-align:left; padding:0px 0px 5px 5px }
/*-------formats date in about_us_posts.jsp include-----*/
.blog_text { font-size:11px; color:#333333; text-align:left; padding:0px 0px 0px 5px; line-height:15px }
/*-------DEPRECATED Use H1 pls-----------*/
.body_header{
color:#6D8299;
font-size:18px;
}
/*-------generic bold faced header declaration, used in multiple pages-----------*/
.body_subheader{color:#4f4c42;font-size:16px; font-weight:bold}
/*--formats the images and text on the buy/sell silo intro pages--*/
.buy_intro_image { font-weight:bold; color:#787771; font-size:12px; }
/*-------Generic, larger text for headlines beneath the page title, used in multiple pages------*/
.buy_subheader{ color:#8e8b80; font-weight:bold; font-size:14px; padding: 0px 0px 20px 0px; }
/*---the call 24/7 text in the footer--*/
#call_24 { position:absolute; right:10px; font-weight:bold; font-size:14px; color:#FFFFFF; padding:0px 16px 0px 0px }
/*--div that holds the contents of the whole page for absolute positioning of the footer, used in every page--*/
#container {position: relative;min-height: 100%;height: 100%;voice-family: "\"}\"";voice-family: inherit;height: auto;zoom:1;}
/*-------creates a uniform spacer between the various right side includes, used in multiple pages-------*/
.include_spacer { height:10px;line-height:2px;border-width:0px }
/*--
the div that holds the body content, used on all pages with a sidebar
The class version is the new style. The id version exists for backwards compatability with old pages
--*/
#content_block, .content_block {
padding:15px 7px 80px 130px;
color:#000000;
font-size:12px;
height:100%;
background-image:none;
min-height:410px;
margin-bottom:50px;
}
/*--
the div that holds the body content, no left nav
The class version is the new style. The id version exists for backwards compatability with old pages
--*/
#content_block_wizard, #content_block_full, .content_block_full, .container_content {
padding:15px 7px 0px 7px;
color:#000000;
font-size:12px;
height:100%;
background-image:none;
min-height:410px;
margin-bottom:70px;
}
#content_block_wizard {
padding-top: 8px;
}
/*-------generic formatting for bulk body text, used in multiple pages------------*/
.content_text_heavy{ color:#000000; font-size:14px; font-weight:bold }
/*-------generic formatting for bulk body text, used in multiple pages------------*/
.content_text{ color:#000000; font-weight:normal; font-size:12px; }
/*-------Similar to content_text, but for text in the header------------*/
.header_text{ color:#4F4C42; font-weight:bold; font-size:12px; white-space: nowrap;}
/*----formats customer testimonials on customers.jsp---*/
.client_test { font-size:14px; font-weight:bold }
/*----------declarations for the direct_navigation.jsp include-----*/
#direct-navigation {width:170px;}
.navigation_list {list-style:none;margin:0; padding:0;overflow:hidden;}
#direct-navigation li {display:inline;line-height:14px;color:#4F4C42;font-size:12px;}
#direct-navigation a {display:block;padding:4px 14px;width:100%;color:#677C94;font-weight:bold;text-decoration:underline;}
#direct-navigation a:hover {color:#da4f26;font-weight:bold;text-decoration:underline;}
#direct-navigation .current-page {background: url("../../elements/icon_chev.gif") top left no-repeat;color:#da4f26;text-decoration:none; }
#direct-navigation ul {list-style:none; margin:0; padding:0;overflow:hidden;}
/*-------creates a cross-browser dotted line------*/
.dotted {
border-bottom: 1px solid #CCC;
padding: 1px;
background: repeat-x bottom;
/*background: url('../../dotted.gif');*/
margin-top:3px;
position:relative
}
/* NSS- we need position:relative on .dotted because of the IE6 peekaboo bug */
hr.dotted {
border: none;
margin: 4px;
background: url('../../dotted.gif') repeat-x bottom;
height: 1px;
}
hr.spacious {
margin: 20px 4px;
}
h2.logo {
height: 20px;
margin: 4px 0 0 0;
}
/* additive, use with subheading */
.subheading-headroom {
margin-top: 20px;
}
div.subsection h4 {
margin: 0px;
padding: 0px;
font-weight: bold;
}
/*#content_block_full div.subheading {
background-image: none;
margin-bottom: 0;
padding-bottom: 0;
}*/
.footnote {
font-size: .8em;
margin: 10px;
color: #888888;
}
/*-------creates a cross-browser dotted line, used under main page title on all pages------*/
.dotted_main { border-style:none; border-color:#00FF00; text-align:center; border-bottom: none;padding: 1px; margin:6px 4px 0px 0px; background: url('../../dotted.gif'); background-repeat:repeat-x; }
/*--------formats the faq answers, found on buy/sell-faq.jsp---------------*/
.faq-answer{ font-size:12px; font-weight:normal; }
/*--------formats the faq link to the top, used on faq pages---------------*/
.faq_div{ padding:0px 0px 20px 0px }
/** agent flicker **/
.photo_frame {
border:3px solid #EBE9E0;
padding:4px;
}
.agent_flicker {
min-height: 180px;
}
.agent_flicker .photo_frame {
float: right;
margin-left: 10px;
height: 140px;
width: 100px;
}
/*--formats the agent title in agent sidebar include--*/
#flicker-agent-title, #flicker-agent-location, #flicker-agent-caption { font-size:10px; color:#757472; }
#flicker-agent-title { font-weight:bold; font-size:15px; color:#000000 }
#flicker-agent-location { font-weight:bold; font-size:14px; color:#000000 }
#flicker-agent-caption { line-height:1.3em; font-size:0.9em; color:#000000 }
.customer_flicker, .sidebar_box .customer_flicker p {
font-size: 1em;
}
.customer_flicker .photo_frame {
width: 200px;
height: 143px;
display: block;
margin: 0 auto;
}
.customer_flicker p.caption {
margin: 10px 0 !important;
}
.customer_flicker p {
margin: 0;
}
/*--------formats the color of selected/highlighted items, across site-------*/
.focus { color:#da4f26; text-decoration:none }
/*--holds and positions the footer, used in every page--
#rf_footer {position: absolute;bottom: 0px;width: 100%;margin-top:10px;} */
/*--------formats the lower grey footer bar...used on mulitple page----*/
#footer_bar {
background-color:#868279;
color:#c4c0b6;
font-size:12px;
padding:3px 0px 0px 0px;
position:relative;
bottom:auto;
}
.footer_fade {
position:relative;
background-repeat: repeat-x;
background-position: bottom;
background-image: url('../../footer_gradient2.png');
background-color:#f4f3ed;
color: #000000;
font-size: 11px;
clear: both;
}
#fade_links {
color: #000000;
clear: both;
}
#fade_links, .footer_text {
font-size:11px;
}
.footer_text {
padding: 5px 0 0 16px;
color: #aca9a0;
}
table.footer_links, table.footer_links tr, table.footer_links tr td {
vertical-align: top;
}
table.footer_links tr td.label {
width: 90px;
padding-left: 16px;
}
#footer_blogs {
background-color:#868279;
height:20px !important;
font-size:12px;
}
#footer_blogs .label {
color: #FFFFFF;
}
#footer_small{ display: block; font-size:11px; width: 800px; padding: 7px 0px 0px 15px; line-height: 13px }
/*-------formats the job list box on jobs.jsp----------*/
#job_list_div{ font-size: 12px; border-style:solid; border-width:1px; background-color:#CCCCCC; width:350px; padding: 5px }
/*-------formatting for the "how long till an answer line of ask_agent.jsp-----*/
#how_long { float:left; font-weight:bold; font-size:12px }
/*------outline border for listing_tables, used on my_offers.jsp-------*/
.listing_surround{ background-color:#fdfdfb; padding:4px }
/*-------lower section of the ask_agent.jsp include----------*/
#lower_ask_agent_form{ color:#677c94; text-align:left; padding:5px 5px 0px 5px; height:26px; font-size:12px }
/*-----additional formatting for the my-redfin-left-navigation.jsp include------*/
.my_redfin_selected { text-decoration:none; color:#df4e26 }
/*--formats the div taht contains the upper nav table--*/
#nav { margin-bottom: 7px; height:86px; }
/*------positions the navigation bar, used in multiple pages------*/
.nav_floater { position:absolute; top:100px; left:20px }
/*----formatting for news articles on redfin_news.jsp-----*/
.news_container { padding:0px 0px 15px 0px; text-align:left }
.news_date{ font-size:11px; font-weight:bold; }
.news_header { font-size:11px; font-weight:bold; }
.newsHeader { font-size:16px; font-weight:bold; }
.news_title { font-weight:bold; font-size:16px }
.news_upper { }
/*-------formats the subheaders...used on many pages-------*/
#page_subheader{ font-size:18px; font-weight:bold; padding:0px 3px 8px 0px; color:#4f4c42 }
/*-------class to format the subheaders...used on many pages-------*/
.page_subheader{ font-size:18px; font-weight:bold; padding:0px 3px 8px 0px; color:#4f4c42 }
/*------formats photo border, used in multiple pages-----*/
.photo_container{ float:left; background-color:#FFFFFF; border-style:solid; border-width:3px; border-color:#ebe9e0; padding:4px; margin:0px 6px 6px 0px }
/*-------contains the property search form on property_search_box.jsp ----------*/
#more_options_ctrl{ position: absolute; left: 370px;}
#search_ctrls_adv{ position: absolute; left: 520px; }
#login_ctrls{ position: absolute; top: 1px; right: 5px; font-size: 11px;}
/*-------formats the red section of the subheader used on all buy/sell direct pages-----*/
#red_subheader { color:#da4f26 }
/*-------buy-introduction.jsp page title---}-----*/
#redfin_direct{ font-size:20px; color:#000000; padding:7px 4px 10px 7px; font-weight:bold; border-style:solid; border-width:0px; border-color:#00FF00; }RR
/*-------text for the lower divs in all 4.0 redfin footers------*/
.redfin_footer { font-size:11px; height:20px; display:block; padding: 3px 0px 0px 15px; }
/*--------formats the text next to the drop downs in the property_search_box.jsp include---------------------*/
#search_drop_down_div{padding-top:5px; font-size:11px; color:#FFFFFF; font-weight:bold}
/*--------formatting for tags in myoffers.jsp----*/
.section {border:0px solid #e5e5e5; padding:2px; margin-bottom:14px; font-size: 0.8em;}
/*-------formatting for subnavigation in about_navigation.jsp------*/
.subnav { line-height:5px; padding:0px 0px 8px 20px; margin:0px; }
/*------outline border for grey_tables, used on multiple pages-------*/
.table_surround{ background-color:#EBE9E0; padding:4px }
#site_questions_wrapper { min-height: 100px; }
/*-----Ask an Agent header text------*/
.ask_headers {text-align: left;padding: 4px;font-weight: bold;padding: 6px 0px 4px 0px;font-size: 14px;color: #000000;font-size: 14px;}
/*TABLE SPECS################################################################################################################################*/
/*------formats the table cell that holds the left section of the content in the 4.0 redesign table------*/
#body_table_container_left{text-align:left; padding:0px; vertical-align:top }
/*------formats the table cell that holds the left section of the content in the 4.0 redesign table------*/
#body_table_container_right{ width:250px; padding-top:0px }
/*------formatting for the table on the buy-comparison.jsp page----------*/
#buy-comparison-table{font-size:12px;background-color:#FFFFFF; }
/*--
main table that frames in the elements and sections for the 4.0 rebrand
The class version is newer, the id version is for backwards compatibility with old pages
--*/
#content_table, .content_table{
border-style:none;
border-width:0px;
}
#content_table p, .content_table p {
margin: 0;
padding: 0;
border: none;
background: transparent;
}
/*------formatting for tables in buy/sell section-------*/
.grey_table{
background-color:#EBE9E0;
font-size:12px;
border-style:solid;
border-color:#D8D8D8;
border-left-width:2px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
}
.grey_table_header{ font-size:16px; font-weight:bold; padding:7px 0px 4px 0px }
/*------left table cell in nav_top.jsp include---------*/
#left_nav_cell {
font-weight:bold;
font-size:18px;
color:#dcdbd7;
padding: 33px 0 0 0;
vertical-align:top;
}
/*------left table cell button images---------*/
a.main-nav {
display: block;
float: left;
height: 18px;
background-repeat: no-repeat;
text-decoration: none;
}
a.main-nav span {
visibility: hidden;
overflow: hidden;
}
span.main-nav-spacer {
height: 18px;
display: block;
float: left;
position: relative;
top: -4px;
margin-left: 11px;
}
/*------formats the right header cell in nav_top1.jsp-------*/
#right_header_cell { vertical-align:top; color:#FFFFFF; text-align:right; font-weight:bold; padding:8px 0px 0px 0px }
/*------ /Table Specs ------*/
.listing_address_cell { font-size:13px }
.listing_pic_cell {padding:3px; height:84px; vertical-align:top; text-align:center }
.listing_price_cell { font-weight:bold; text-align:right; vertical-align:top; text-align:right; width:70px; }
.listing_price_data_cell { padding-left:3px; width:71px; vertical-align:top; }
.listing_status_cell { text-align:right; font-weight:bold; white-space:nowrap; vertical-align:top }
.listing_status_data_cell { white-space:nowrap; padding-left:3px; vertical-align:top; width:130px; }
/*##############formats the listings tables in myredfin######################*/
/*------formats the tables in myredfin listings pages-----*/
.listing_subtable { color:#666666 }
/*------formats the tables in myredfin listings pages-----*/
.listing_table {
width:100%;
background-color:#EBE9E0;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
border-color:#b7a9a8
}
/* if listing table is a div, it needs slightly different spacing */
div.listing_table {
margin: 4px;
padding: 3px 4px 3px 2px;
width: 97%;
}
/*------the table cell that holds the login/nav tabs in the nav_top.jsp include--------*/
#login_nav_cell { width:250px; vertical-align:bottom; text-align:right; padding: 0px 0px 2px 0px }
/*-------formats the table that holds the search field in the nav_top includes------*/
#property_search_table { height:100%; width:99% }
/*------formatting for the table on the sell-comparison.jsp page----------*/
#sell-comparison-table{font-size:12px;background-color:#FFFFFF;}
/*------formatting for the table on the sweet-digs.jsp page----------*/
#sweet_digs_box{ padding:5px; background-color:#FFFFFF; width:400px }
/*------formatting for the header table on the top_nav1.jsp page----------*/
#top_nav_table_new{
width:985px;
height:105px;
border-style:solid;
border-width:0px;
background-repeat:no-repeat;
background-image:url('../../bg-fade-top5.png');
}
.top_nav_abs {
position:absolute;
z-index:10;
top:15px;
left:734px;
width:250px;
text-align: right;
color:#E7E7E7;
font-size:14px;
height: 42px;
}
/**
* LOGIN PAGE STUFF
*/
/**
* Login form table
* a table with a fixed width first column, usually combined with horizontal
* and fixed width inputs.
* only but for ie6 we'd have ... tr > td:first-child, don't be tempted
*/
table.login-form-table tr td.first {
width: 120px;
}
table.login-form-table input {
width: 230px;
}
/**
* /LOGIN PAGE STUFF
*/
/**
*
*/
table.icon_definitions {
width: 100%;
}
table.icon_definitions tr {
vertical-align: top;
}
table.icon_definitions td.icon {
width: 15px;
padding: 3px 5px 0 0;
text-align: right;
}
/**
* Useful for a single line that needs to fit into the flow of table rows around it,
* without actually being in the table
*/
p.table-spacing {
padding: 3px; margin: 0;
}
/*FORM ELEMENTS###############################################################################################################################*/
form {margin: 0px 0px 0px 0px; }
/*-----formatting for the textareas --------*/
.form_white {
background: #FFFFFF !important;
background-image: none;
}
.form_white,
.form_grey{
padding-left: 4px;
border: 1px solid #9f9d97;
background: #F5F4EF;
overflow: hidden;
font-weight: normal
}
.form_grey_select{padding-left:4px; border-style:solid;border-width:1px;border-color:#9f9d97; overflow:hidden; font-weight:normal }
textarea.form_grey { overflow-y:scroll }
input.padded { padding: 3px 3px 3px 4px; font-size: 12px; }
/*-----for the select dropboxes in the property_search_box.jsp file------*/
.grey-select{font-size:12px;color: #666666;border-style:solid;border-color:#6c829c;border-width:1px;}
/*-----for the select keyword input in the property_search_box.jsp file------*/
#text_search_input{
height:20px;
width:244px;
background-color:#FFFFFF;
border-style:solid;
border-color:#6f86a1;
border-width:1px;
background-repeat:repeat-x;
background-image:url('../../form_bg.gif');
}
/*-----for the select keyword input in the property_search_box.jsp file------*/
#search_location{
position:relative;
z-index:10;
height:16px;
width:230px;
background-color:#FFFFFF;
border-style:solid;
border-color:#6f86a1;
border-width:1px;
padding-left:18px;
padding-top: 1px;
padding-bottom: 1px;
color:#000000;
font-size:13px;
vertical-align:middle;
}
/*-- for bug 41080 --*/
.safari #search_location {
font-size:12px;
}
/*-- for bug 41080 --*/
.osx #search_location {
font-size:12px;
}
/*----- for the little magnifying glass icon ------ */
#search_magnify_icon {
position:absolute;
z-index:11;
top:5px;
left:67px;
}
.dj_ie6 #search_magnify_icon {
top: 6px;
}
/*-----for the select keyword input in the sweet-digs.jsp file------*/
#sweet_input{height:24px;width:200px;background-color:#FFFFFF;background-repeat:repeat-x;}
#sold_within_months {display: inline;}
#sold_within_months_unavailable {display: none;}
/*MISC########################################################################################################################################*/
.current-page { color:#da4f26; background: url(../../direct/icon_chev.gif) top left no-repeat; text-decoration:none }
.current-subpage { color:#da4f26; text-decoration:none }
/* content_list
* a bulleted list with substantial left margin
* used in the main content
*/
ul.content_list {
padding: 5px 0px 0px 3px;
margin: 0px 0px 0px 20px;
}
ul.content_list li {
padding: 0px 0px 0px 13px;
list-style-type: none;
/* we would like to do this with list-style-type,
* but IE7 has issues. They affect list_grey more than content_list
* but the fix is applied here for consistency
*/
background: url('../../list_dot_v4.png') no-repeat;
background-position: left 4px;
}
ol.content_list {
margin-top: 5px;
}
/*-----for the faq list in the buy/sell_faq.jsp file------*/
ul.faq_list{ color:#000000; font-weight:normal; font-size:12px; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 5px; list-style-image:url('../../list_dot_v4.png'); }
.data_citation { color:#000000; font-size: 11px; }
/** HIGHLIGHT is used on login pages to highly why you need to login and/or register based on different criteria **/
div.highlight {
/*background-color:#f4f3ed;
border: 2px solid #cfcac1;*/
padding: 0;
margin-bottom: 20px;
}
div.highlight img.star_highlight {
float: left;
}
div.highlight .message {
/*padding: 5px 10px 10px 30px;*/
}
/*IMAGES######################################################################################################################################*/
/*-----formatting for the custom checkboxes found in the property_search_box.jsp----------*/
img.check_image{vertical-align:text-top;}
/*-----formatting for the agent photo in the agents.jsp file----------*/
img.agent{ }
img.buy_intro_pic { border-style:none; border-width:0px; }
img#graph_link { position:absolute; top:94px; border-style:none; width:250px; height:284px; }
#list_options_image,#list_options_image_basic { position:relative; z-index:10; border-width:0px; cursor:hand; cursor:pointer; vertical-align:middle }
#list_options_image {left: 1px; }
.safari #more_options{ top: 25px; } /* safari puts the link a little high */
img.margin_spacer{ width:10px }
img#more_options_btn { position:relative; z-index:10; }
img#less_options_btn { position:relative; z-index:10; }
img.nav_image{ vertical-align:text-bottom }
img.news_image { border-width:0px; margin-bottom:0px; float:right; padding:5px; border:1px #CCCCCC solid; background-color:#FFFFFF}
img.sub_chev { border-style:none; margin-right:5px; vertical-align:middle; }
img.top_tab_image { width:68px; height:22px; border-width:0px; vertical-align:bottom }
img.thumbnail_photo { border-style:solid; border-color:#bcbbb7; border-width:1px }
img#under_banner { }
#print_logo{ display:none }
.print_only_block { display:none; }
.print_only_inline { display:none; }
.screenshot {
text-align: center;
}
.screenshot .caption {
font-weight: bold;
}
/*OPEN HOUSES##############################################*/
.full_text {display: inline;}
.expanded_text {display: none;}
.truncated_text {display: none;}
.show_full .full_text {display: inline;}
.show_expanded .expanded_text {display: inline;}
.show_expanded .truncated_text {display: none;}
.show_truncated .expanded_text {display: none;}
.show_truncated .truncated_text {display: inline;}
.script_inline {display:none;}
.script_block {display:none;}
/*VOW WARNING##############################################*/
#vow_terms_find_out_why, #vow_login_find_out_why {width: 300px; }
#vow_terms_fow_link, #vow_login_fow_link {text-decoration:underline; cursor:pointer;}
/** Micro formats **/
/* vcard */
.vcard {
margin-bottom: 10px;
}
.vcard .role {
}
.vcard .fn {
font-weight: bold;
}
.vcard .n, .vcard .nickname {
display: none;
}
.vcard .tel {
font-weight: bold;
}
.vcard .note {
font-weight: bold;
}
.vcard img {
float: left;
margin-right: 4px;
}
.vcard p {
margin: 0;
}
/** /Micro formats **/
.tell_a_friend {
font-size: .8em;
}
/* buy with redfin and save style */
.savings_text, .savings_text a { color:#de5632; font-size:12px; font-weight:bold }
/* panels for main layout */
#main_content_panel {
float:left;
width:725px;
margin-right:10px;
}
/* a class to push a block below floats, useful for pushing a div down when there's a float before it */
.clear_float {
clear:both;
}
.clear_left {
clear:left;
}
/** TERMS OF USE PAGE **/
.terms h3 {
font-size: 14px;
margin-bottom: 0;
}
.terms h4 {
font-size: 12px;
margin-bottom: 0;
}
/** fix for FF3 tab stop spans from dojo bug 45926; this might get fixed with dojo 1.1 **/
span[dojoattachpoint=tabStart],
span[dojoattachpoint=tabEnd] {
outline: none;
}
.fine-print {
color: #ACA9A0;
font-size: 90%;
}
img.btn_cancel {
background: transparent url(../../4_0/listings_search.png) no-repeat 0px -780px;
width: 64px;
height: 21px;
}
img.btn_send {
background: transparent url(../../buttons/btn_send.png) no-repeat;
width: 50px;
height: 21px;
}
div.sidebar-column-soft .sidebar-message-soft {
background-color: #EBEBEB;
padding: 5px 0 5px 5px;
margin-bottom: 10px;
}
a.dropdown {
text-decoration: none;
}
a.dropdown span {
text-decoration: underline;
}
span.image-link,
a.image-link {
text-decoration: none;
}
a.image-link span {
text-decoration: underline;
}
span.image-link img,
a.image-link img {
position: relative;
top: 3px;
}
a.image-link-w-uniform-underline {
text-decoration: none;
}
.image-link-w-uniform-underline-txt {
text-decoration: none;
background: url(../../4_0/link_underline.png) repeat-x 100% 100%;
padding-bottom: 0px;
white-space: nowrap;
color: #677C94;
cursor: pointer;
}
.rf_view_type_list .image-link-w-uniform-underline-txt {
background: url(../../4_0/link_underline_white.gif) repeat-x 100% 100% !important;
color: #FFFFFF !important;
}
.image-link-no-uniform-underline-txt {
text-decoration: none;
padding-bottom: 0px;
white-space: nowrap;
color: #000000;
cursor: default;
font-weight: normal;
}
.favorite_home_exp .home_info {
margin-left: 210px;
width: 281px;
}
.favorite_home_exp .address_info, .favorite_home_exp .prop_price {
margin: 0;
padding: 0;
font-size: 12px; /* .prop_price is the same class name as on the details page */
}
.safari .photo_span_for_ie {
display:none;
}
.favorite_home_exp .photo_pager {
width: 200px;
float: left;
margin: 10px 0 0 0;
}
.favorite_home_exp {
height: 210px; /* JYS - this needs to be tall enough when past sales wraps onto 2 lines and there is an open house */
margin-left: 25px;
padding: 4px 0 10px 0;
position: relative; /* NSS: for bug 88704 */
}
.favorite_agent_flicker, .saved_search_agent_flicker{
padding: 0px 5px 0px 5px;
}
.expand_collapse {
position: absolute;
/*margin-left: 490px;*/
right: 4px;
font-size:11px;
z-index: 2; /* NSS - bug 91990 */
}
.side_mls_logo {
position: absolute;
margin-left: 495px;
width: 48px;
height: 48px;
text-align: center;
margin-top: 22px;
}
.side_mls_logo img {
border: none; /*for ie 6*/
}
#cartList .side_mls_logo {
margin-top: 16px;
margin-left: 645px;
}
.favorite_home_exp .close_up_map_link {
top: 0px;
}
.favorite_home_exp td.prop_detail_title_right {
width: 83px;
}
.favorite_home_exp table.prop_detail_table td.prop_detail_left {
width: 83px;
}
.mini_photo_container {
border: 1px solid #D1D9D9;
width: 80px;
height: 60px;
float: left;
text-align: center;
font-size: 1px; /* NSS- this is needed for IE for some reason otherwise the positioning is a little off */
margin: 8px 0;
}
.mini_photo {
font-size: 11px;
width: 80px;
height: 60px;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.mini_photo * {
vertical-align:middle;
}
.mini_photo_span_for_ie {
display:none;
}
.dj_ie .mini_photo span.mini_photo_span_for_ie {
display: inline-block;
height: 60px;
}
.favorite_home_col .home_info {
margin: 0 0 0 90px;
width: 407px;
}
.favorite_home_col .address_info, .favorite_home_col .prop_price, .favorite_home_col .listing_and_notes {
margin: 0;
padding: 0;
font-size: 12px; /* .prop_price is the same class name as on the details page */
}
.favorite_home_col .listing_and_notes {
font-size: 10px;
}
.favorite_home_col {
height: 81px;
margin-left: 25px;
padding: 4px 0 0 0;
position: relative;
}
.favorite_home_col .address_container,
.favorite_home_exp .address_container {
width: 95%;
}
.favorite_home_col .address_info,
.favorite_home_exp .address_info {
float: left;
}
.favorite_home_col .photos_badge,
.favorite_home_exp .photos_badge {
float: right;
position:relative;
top: 4px;
}
.favorite_home_col .photos_badge,
.favorite_home_exp .photos_badge,
.favorite_off_market .photos_badge {
background: #6F849D;
color: #FFF;
padding: 1px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-weight: bold;
}
.favorite_home_col .photos_badge a,
.favorite_home_exp .photos_badge a,
.favorite_off_market .photos_badge a {
color: #FFF;
text-decoration: none;
}
.favorite_off_market .photos_badge {
position: absolute;
left: 474px;
top: 8px;
}
.favorite_off_market {
height: 64px;
position: relative;
}
.favorite_off_market .address_info {
width: 230px;
float: left;
padding-left: 0px;
margin-left: 12px;
white-space: nowrap;
overflow: hidden;
}
.favorite_off_market .home_amenities {
left: 270px;
width: 150px;
position: absolute;
top: 8px;
}
.street_anchor {
color: #000000;
}
.favorite_chk_col {
float: left;
width: 13px;
margin: 35px 0 0 6px;
}
.dj_ie .favorite_chk_col {
margin-top: 32px;
}
.favorite_chk_exp {
float: left;
width: 13px;
margin: 90px 0 0 6px;
}
.favorite_chk_offmkt {
float: left;
width: 13px;
margin: 20px 0 0 6px;
}
.home-list-subgroup-title-container {
background: transparent url(../../dotted.gif) repeat-x scroll center bottom;
padding-bottom: 5px;
margin-top: 20px;
}
.home-list-subgroup-title {
color: #6D8299;
font-size:17px;
font-weight:bold;
margin-left: 25px;
}
.home-list-subgroup-item-even {
background: #e5eaee;
}
.home-list-subgroup-item-odd {
background: #ffffff;
}
.home-list-subgroup-checkbox {
float: left;
margin-left: 6px;
}
.home-list-subgroup-title-container .home-list-subgroup-checkbox {
margin-top: 3px;
}
.dj_ie .home-list-subgroup-title-container .home-list-subgroup-checkbox {
margin-top: 0;
}
.home_actions {
margin-right: 10px;
float: right;
margin-top: 8px;
}
.home_action {
margin: 0px 4px 0px 4px;
cursor: pointer;
}
img.home_action {
position: relative;
top: 4px;
}
.remove_action_col {
position: absolute;
bottom: 0px;
right: 10px;
}
.dj_ie6 .remove_action_col {
right: 0;
top: 55px;
left: 580px;
}
.dj_ie6 .remove_action_col img {
postion: static;
top: 0;
}
.favorite_home_col_inner {
position: relative;
z-index: 1; /* NSS - bug 91990 */
}
.favorite_off_market .home_actions {
margin-top: 35px;
}
.home-widget-list-sort-links select {
margin-right: 5px;
}
.home-widget-list-link-active {
font-weight: bold;
color: #000000 !important;
text-decoration: none;
cursor: auto;
}
.home-widget-list-header {
width: 100%;
margin-top: 4px;
}
.dj_ie .home-widget-list-header select {
margin-top: 4px;
}
.home-widget-list-select-links {
text-align: right;
}
.home-widget-expand-all-links {
float: right;
position: relative;
bottom: -21px;
font-size: 11px;
}
.home-widget-expand-all-links span {
margin-left:5px;
}
/** Offer wizard style selected property box, also used on login page.
*/
#property_selected_box .listing_photo {
float: left;
width: 100px;
}
#property_selected_box .listing_details {
line-height: 1.4em;
margin-left: 110px;
font-size: 11.7px;
height: 95px;
}
#property_selected_box #property_selected_list_price {
margin-left: 0px;
font-weight: bold;
}
#property_selected_box .estimated_refund {
font-weight: bold;
}
.right-aligned {
text-align: right;
}
/* CLOSE UP MAP */
.close_up_map_link {
position:absolute;
right:4px;
top:2px;
}
/* NSS TODO FIXME - selector needs to be changed for new dialog*/
.dj_ff2 .osx #mini_map_dialog_underlay {
background:#999999 none repeat scroll 0% 0%;
opacity:1;
}
#loading {
position: relative;
margin-left:auto;
margin-right:auto;
top: 164px;
width: 350px;
padding: 4px;
border: 1px solid #8B8980;
background-color: #F7F6F2;
z-index:100;
font-size:9pt;
}
.dj_ie6 #loading {
position: absolute;
top: 250px;
left: 250px;
}
/* button styles, largely copied from http://dojocampus.org/content/2008/03/21/no-end-to-rounded-corners/
and http://www.schillmania.com/projects/dialog2/ */
/* the normal buttons are 27px high and the small buttons are 20px high */
.button {
position:relative;
margin:0px auto;
min-width: 10px; /*width of back to back endcaps */
max-width:1000px;
margin-left:5px; /* width of endcap */
margin-top: 0px;
height: 27px; /* height of normal button picture */
cursor:pointer; /* not required for layout; just for button-ness */
line-height: normal; /* used to counteract the body's line-height */
}
.button_disabled {
cursor: auto; /* we shouldn't have a pointer finger for disabled state, as it indicates clickiness */
}
.button .button_inner,
.button .button_top,
.button .button_bottom,
.button .button_bottom div {
background:transparent no-repeat right top;
}
.button:hover .button_inner,
.button:hover .button_top,
.button:hover .button_bottom,
.button:hover .button_bottom div {
background-position:right -27px; /* top of the hover button image is 27 pixels down */
}
.button_disabled .button_inner,
.button_disabled .button_top,
.button_disabled .button_bottom,
.button_disabled .button_bottom div,
.button_disabled:hover .button_inner,
.button_disabled:hover .button_top,
.button_disabled:hover .button_bottom,
.button_disabled:hover .button_bottom div {
background-position:right -54px; /* top of the disabled button image is 27 pixels down */
}
.button_functional .button_inner,
.button_functional .button_top,
.button_functional .button_bottom,
.button_functional .button_bottom div {
background-image:url('../../buttons/functional.png'); /* png for alpha-capable browsers */
_background-image:url('../../buttons/functional.gif'); /* ie6 gif */
}
.button_transactional .button_inner,
.button_transactional .button_top,
.button_transactional .button_bottom,
.button_transactional .button_bottom div {
background-image:url('../../buttons/transactional.png'); /* png for alpha-capable browsers */
_background-image:url('../../buttons/transactional.gif'); /* ie6 gif */
}
.button_committal .button_inner,
.button_committal .button_top,
.button_committal .button_bottom,
.button_committal .button_bottom div {
background-image:url('../../buttons/committal.png'); /* png for alpha-capable browsers */
_background-image:url('../../buttons/committal.gif'); /* ie6 gif */
}
.button .button_inner {
position:relative;
zoom:1;
_overflow-y:hidden;
padding:5px 10px 2px 5px; /* can be variable depending on image */
}
.button .button_top {
position:absolute;
left:0px;
top:0px;
width:5px; /* top slice width */
margin-left:-5px;
height:100%;
_height:1000px; /* arbitrary long height, IE 6 */
background-position: left top;
}
.button:hover .button_top {
background-position: left -27px; /* top of the hover button image is 27 pixels down */
}
.button_disabled .button_top,
.button_disabled:hover .button_top {
background-position: left -54px; /* top of the disabled button image is 54 pixels down */
}
.button .button_bottom {
/* bottom */
position:relative;
width:100%;
}
.button .button_bottom,
.button .button_bottom div {
height:5px; /* height of bottom cap/shade */
font-size:1px;
}
.button .button_bottom {
background-position: right -22px;
text-align: left; /* not in the original strategy, but needed if the button is inside a text-align:center div */
}
.button:hover .button_bottom {
background-position: right -49px; /* 49px = 27px (height of enabled button) + 22px (height of top slice of hover button) */
}
.button_disabled .button_bottom,
.button_disabled:hover .button_bottom {
background-position: right -76px; /* 76px = 27px (height of enabled button) + 27px (height of hover button) + 22px (height of top slice of disabled button) */
}
.button .button_bottom div {
position:relative;
width:5px; /* bottom corner width */
margin-left:-5px;
background-position: left -22px; /* 22px is the height of the top slice of the button (27px total button height - 5px height of the bottom slice) */
}
.button:hover .button_bottom div {
background-position: left -49px; /* 49px = 27px (height of enabled button) + 22px (height of top slice of hover button) */
}
.button_disabled .button_bottom div,
.button_disabled:hover .button_bottom div {
background-position: left -76px; /* 76px = 27px (height of enabled button) + 27px (height of hover button) + 22px (height of top slice of disabled button) */
}
.button_text {
color: white;
font-family: Arial;
font-size: 12px;
font-weight: bolder;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
}
/* small button override styles, mostly on sizing of elements. most of these
styles correspond to a .button style above. note that small buttons do not
have a disabled style, and that would be a major change -sra. */
.button_small {
height: 20px; /* override because the small button pictures are shorter */
}
.button_small:hover .button_inner,
.button_small:hover .button_top,
.button_small:hover .button_bottom,
.button_small:hover .button_bottom div {
background-position:right -20px; /* top of the SMALL hover button image is 20 pixels down */
}
.button_small .button_inner,
.button_small .button_top,
.button_small .button_bottom,
.button_small .button_bottom div {
background-image:url('../../buttons/functional_small.png'); /* png for alpha-capable browsers */
_background-image:url('../../buttons/functional_small.gif'); /* ie6 gif */
}
.button_small .button_inner {
padding:4px 10px 0px 5px; /* can be variable depending on image */
margin: 0px 0px 0px 0px;
}
.dj_gecko .button_small .button_text {
margin-bottom: -1px;*/
}
.dj_ie .button_small .button_text {
margin-bottom: -2px;*/
}
.button_small .button_top {
background-position: left 0px; /* to override .button_disabled if needed */
}
.button_small:hover .button_top {
background-position: left -20px; /* top of the SMALL hover button image is 20 pixels down */
}
.button_small .button_bottom,
.button_small .button_bottom div {
height:4px; /* height of bottom cap/shade */
font-size:1px;
}
.button_small .button_bottom {
background-position: right -16px;
}
.button_small:hover .button_bottom {
background-position: right -36px; /* 49px = 27px (height of enabled button) + 22px (height of top slice of hover button) */
}
.button_small .button_bottom div {
background-position: left -16px; /* 16px is the height of the top slice of the button (20px total button height - 4px height of the bottom slice) */
}
.button_small:hover .button_bottom div {
background-position: left -36px; /* 36px = 20px (height of enabled button) + 16px (height of top slice of hover button) */
}
.button_small .button_text {
font-size: 11px;
}
.button_small .button_text {
font-size: 11px;
}
.dj_ie .button_small .button_text,
.dj_gecko .button_small .button_text {
margin-top: -1px;
margin-bottom: -1px;
}
.button_text img.preIcon {
vertical-align: middle;
margin: -4px 3px -3px -3px; /* top and bottom margin are for the fact that the icons are 19 tall, which is too tall, right margin is for space with text*/
}
/* this style is only ever used for the arrow, which is a different size than the preIcon, so the numbers are different */
.button_text img.postIcon {
vertical-align: middle;
margin: -5px -2px -3px 5px;
}
.dj_ie .button_text img.postIcon {
margin: -4px -2px -4px 5px;
}
img.button_arrow {
background-image:url('../../buttons/arrow.png'); /* png for alpha-capable browsers */
_background-image:url('../../buttons/arrow.gif'); /* ie6 gif */
width: 5px;
height: 9px;
}
/* done with button styles */
/* favorites page buttons */
/* float them all left and give them margins to line them up */
#button_tour, #button_directions, #button_map, #button_email, #button_download, #button_remove {
float: left;
}
#button_directions, #button_map, #button_email, #button_download, #button_remove {
margin-left:10px;
}
#button_tour {
width: 60px;
}
#button_directions {
width: 105px;
}
#button_map {
width: 75px;
}
#button_email {
width: 78px;
}
#button_download {
width: 100px;
}
#button_remove {
width: 93px;
}
/* Used to make text non-selectable */
.non_selectable_text {
-moz-user-select:none;
-webkit-user-select:none;
}
div:focus {outline:none;}
/* MES- Javascript debugging */
#ve_comments {
text-align: left;
padding: 3px;
font-size:12px;
}
#ve_comments_container {
position: absolute;
top: 0px;
right: 0px;
background: #ffffff;
z-index: 1000;
filter: alpha(opacity=85);
opacity: .85;
width: 200px;
display:none;
}
#ve_comments_container2 {
display: none;
}
#debugging_output {
text-align: left;
padding: 3px;
font-size:12px;
}
#listing_and_notes_container{
line-height:normal;
}
table.out_of_area_signup_form td {
padding:5px 0px;
}
.note_off_market{
margin-top:60px;
left: 273px;
font-size:10px;
line-height:normal;
position:absolute;
width: 290px;
}
.note_off_market .note_content_pane {
overflow-x: auto;
width: 290px;
}
.notesContainer{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
width:250px;
line-height:normal;
margin-left:278px;
}
.notesTextarea{
overflow-x:auto;
overflow-y:hidden;
cursor:text;
width:250px;
}
/* NSS- unfortunately all these widths need to be specified because of bugs 88934 and 88312 */
.dj_ie .notesContainer .dijitTextArea div,
.dj_ie .notesTextarea{
padding-bottom: 2em;
}
.dj_gecko .notesContainer .dijitTextArea div {
/*width: 250px;*/ /* JLB - Don't know if this is used somewhere, but it breaks the listing details page. */
}
.dj_ie .notesContainer .dijitTextArea div p {
margin-bottom: 0 !important;
}
/**/
.stingray-wrapper h3 {
font-size: 1em;
}
.stingray-wrapper h1 {
font-size: 1.4em;
color: #333333;
}
.stingray-wrapper {
margin: 0;
background-color: #FFFFFF;
padding: 5px;
zoom: 1; /* force layout in IE */
}
.stingray-border {
border: 1px solid #CCCCCC;
padding: 10px 20px;
zoom: 1; /* force layout in IE */
}
.stingray-wrapper h2, .stingray-wrapper h3 {
color: #888888;
}
.content-box {
clear: both;
zoom: 1; /* force layout in IE */
}
.content-box.title-bar {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
}
.content-box.title-bar .title-bar-title {
float: left;
clear:left;
width: auto;
}
/* Styles for JSP basic-layout, full-page, & soft-sidebar Templates
Implemented September 08, consider many other 'stuffs' depricated -KCJ */
.grey_box {
border:1px solid #EAEAEA;
padding:4px;
text-align:center;
}
.grey_box_inner {
background:#EAEAEA;
min-height:50px;
padding:10px;
}
div#content div.main-column-narrow {
width: 400px;
}
div#content div.main-column div.heading {
margin: 15px 0 10px 5px;
}
.history_source {
font-size:11px;
}
table.zebra td.prop_sale {
font-weight: bold;
}
.dj_ie6 .region_table_column {
width: 288px; /* ie6 spaces this just a little differently */
}
/* make tooltips have blue background and blue borders */
body.nihilo .dijitTooltipContainer {
background: #5F748C;
border: 2px solid #879AAF;
color: white;
}
.dijitTooltipContainer a, .dijitTooltipContainer a:hover, .dijitTooltipContainer a:visited {
color: #FFFFFF;
}
/* custom tooltip images */
.nihilo .dijitTooltipAbove .dijitTooltipConnector { bottom:1px; }
.dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { bottom:-6px;}
.nihilo .dijitTooltipAbove .dijitTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -96px;
}
.nihilo .dijitTooltipBelow .dijitTooltipConnector { top:1px; }
.nihilo .dijitTooltipBelow .dijitTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipBelow .dijitTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -117px;
}
.nihilo .dijitTooltipLeft .dijitTooltipConnector { right: 1px; }
.nihilo .dijitTooltipTopLeft .dijitTooltipConnector { bottom: auto; top: 7px; }
.nihilo .dijitTooltipTopLeft .dijitTooltipContainer { width: 215px; }
.nihilo .dijitTooltipLeft .dijitTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipLeft .dijitTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -138px;
}
.nihilo .dijitTooltipRight .dijitTooltipConnector { left: 1px; }
.nihilo .dijitTooltipTopRight .dijitTooltipConnector { bottom: auto; top: 7px; }
.nihilo .dijitTooltipTopRight .dijitTooltipContainer { width: 215px; }
.nihilo .dijitTooltipRight .dijitTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipRight .dijitTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -165px;
}
.dijitTooltipContainer .closeButton {
float: right;
}
/* make the underlay for dialogs be dark and subdued */
body.nihilo .dijitDialogUnderlay {
background: #333333;
opacity: 0.3;
}
/* override for nihilo dialog style */
body.nihilo .dijitDialog .dijitDialogPaneContent {
border:none;
padding:0px;
}
body.nihilo .dijitDialogTitleBar {
display: none;
}
body.nihilo .dijitDialog {
border: 1px black solid;
}
.saveSearchTooltipDialog .description {
font-size:12px;
line-height:120%;
margin-top:5px;
margin-bottom: -3px;
}
/*NSS- bug 89768 - this is to improve image scaling in ie6 */
img {
-ms-interpolation-mode:bicubic;
}
/* NSS - styles for the added search controls on search page */
.search_form_select {
font-size: 11px;
}
#price_beds_opts {
color: #c6d9f0;
z-index: 998;
font-size: 10px;
white-space: nowrap;
width: 100%;
position: absolute;
top: 0px;
left:0px;
}
/* #price_beds_opts_inner's styles are in listings-search.css and basic-layout.css*/
#price_beds_opts_inner2 {
width: 413px;
position: absolute;
top: 10px;
left: 180px;
}
.safari #price_beds_opts_inner2 {
width: 433px;
}
#more_options {
cursor:pointer; text-decoration: underline; font-size:10px; color: #c6d9f0;
float: right;
}
#price_beds_opts.search_form_open #more_options,
#price_beds_opts #max_beds_container {
display:none;
}
#price_beds_opts.search_form_open {
z-index:1002;
color: black;
}
#price_beds_opts.search_form_open #max_beds_container {
display:inline;
}
#price_beds_opts label.search_controls_search_label {
width: 60px;
text-align: right;
display:-moz-inline-box; /* FF2 */
display:inline-block; /* webkit and FF3 */
#zoom: 1; /* set hasLayout:true to mimic inline-block */
#display:inline; /* don't use .dj_ie since that increases the priority */
vertical-align:middle;
#vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
/* NSS - hackery for inline block copied from .dijitInline */
}
#update_search_button {
margin: 60px auto 0;
}
.reg-form-mls-terms-ack {
font-size: 11px;
line-height: normal;
margin-top: 15px;
}
.reg-form-mls-terms-ack a {
color: #3d7efd;
}
/* MES- Styles for the mortgage rate editor */
div.mortgage_rate_editor {
width: 300px;
}
div.mortgage_rate_editor td input {
width: 40px;
}
div.mortgage_ctrls input {
float: right;
}
/* MES- End of styles for the mortgage rate editor */
/* NSS - unsupported browser messaging */
.script_no_cookies_block {display:none;}
.script_no_cookies_inline {display:none;}
.script_cookies_block {display:none;}
.script_cookies_inline {display:none;}
/* basic-layout.css */
html, body {
background-color: #6f849d;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
}
div#container {
position: relative;
width: 990px;
margin: 0 auto;
min-height: 100%;
height:auto !important; /* <-- IE6 Min-Height Hack */
height: 100%;
background-image:url(../../elements/basic-layout_background.gif);
}
div#container, div#footer {
background-position: top center;
background-repeat: repeat-y;
background-color: #FFFFFF;
}
div#container div#header {
width: 990px;
}
/* for the additional exposed search controls */
#price_beds_opts_inner {
width: 990px;
position: relative;
margin: 0 auto;
}
div#content {
margin: 0 5px 0 5px;
padding-bottom: 172px;
border-top: 1px solid #ccc;
width: 979px;
overflow-x: hidden; /* hiding overflow makes the layout stable in ie6 at expense of poorly formed content. -jlb */
}
div#content h1 {
font-size:18px;
}
div#content div.title-bar {
margin: 10px 20px 15px 20px;
border-bottom: 1px solid #CCCCCC;
}
div#content div.title-bar div.title {
float: left;
clear: left;
width: auto;
font-size: 10pt; /* overwriting styles_v4.css */
font-weight: normal;
padding-bottom: 15px;
}
div#content div.title-bar div.title h1 {
margin: 10px 0 0 0;
}
div#content div.title-bar div.actions {
float: right;
margin-top: 5px;
}
div#content div.title-bar div.links {
font-size: 9pt;
}
div div.content {
margin: 0 10px 0 10px;
padding: 10px 0;
}
div#footer {
position: relative;
clear: both;
zoom: 1;
width: 990px;
margin: -178px auto 0 auto
}
div#footer div#footer_spacer div#page_end {
margin: 0 5px 0 5px;
padding: 0px;
background-color: #fff;
height: 5px !important;
font-size: 1px;
line-height: 1px;
border-top: 1px solid #ccc;
}
/***
*** General Text Elements
***/
div.main {
font-size: 9pt;
}
div.main div.section {
border: none;
font-size: 10pt;
margin-bottom: 15px;
}
div.main div.section div.subsection {
margin-bottom: 1.5em;
}
div.main p, div.main ul, div.main ol {
margin: 0 0 1em 0;
}
div.main p.list_label {
margin: 0;
}
/* ----------------- MISC FORMATTING ----------------------------------------------------------------------------------------- */
div.sidebar p {
font-size: .9em;
line-height: 130%;
}
div.heading h1 span.section {
color: #DA4F26;
}
div#content div.main ul li .highlight {
font-weight: bold;
}
/* ----------------- DEPRICATION RELIANT HACKS (Please comment all cases) ----------------------------------------------------------------------------------------- */
/**
This is a container for elements that are used globally (throughtout redfin.com)
but are not complicated enough for their own stylesheet.
Previously, styles_v4.css was the place for everything. It still contains much that should
be in this file. We hope to change this incrementally over time.
ALL NEW shared elements should be added here (or to a file dedicated just to that element).
-JLB
*/
/**
Headline Tabs
//Actual tabs - with border on the top of the content
//Tab Content - border around sides and bottom
...
**/
.subheading.headline-tabs {
padding-bottom: 0;
margin-bottom: 0;
width:100%; /* prevents clearfix from collapsing the whole schebang (clearfix is required for ie6) */
}
.dj_ie6 .subheading.headline-tabs {
width: auto;
}
.subheading.headline-tabs h2,
.subheading.headline-tabs .inline-info {
float: left;
margin-right: 5px;
}
ul.headline-tabs,
div.main ul.headline-tabs {
float:right;
list-style-type:none;
margin:0 30px 0 0;
padding:0;
position:relative;
top:1px;
}
.dj_ie6 ul.headline-tabs,
.dj_ie6 div.main ul.headline-tabs {
top: 6px;
}
ul.headline-tabs li {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0 1px;
float:left;
font-size:10px;
font-style:normal;
font-weight:bold;
margin-left:4px;
}
ul.headline-tabs li.selected {
background: #FFF;
}
ul.headline-tabs li a {
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
display: block;
}
ul.headline-tabs li.selected a {
border-bottom: 1px solid #FFFFFF;
}
ul.headline-tabs li a em {
text-transform: uppercase;
font-style:normal;
padding:0 5px;
}
.headline-tab-container {
border: solid #CCC;
border-width: 0 1px 1px 1px;
padding: 10px;
}
.pseudo-link:hover {
cursor: pointer;
}
.subsection {
margin: 15px 0px 0px 0px;
}
/* list_grey
* a bulleted list with very little left margin
* used in sidebars mainly
*/
ul.list_grey {
font-weight:normal;
padding: 0px;
margin: 0px 0px 0px 5px;
margin-left: 5px !important;
}
ul.list_grey li {
line-height: 150%;
list-style-type: none;
padding: 0px 0px 0px 10px;
/* we would like to do this with list-style-type,
* but IE7 interacts strangely with list style type and js generated list items
* which we use all over the place (rss_importer)
*/
background: url('../../list_dot_v4.png') no-repeat;
background-position: left 4px;
}
ul.list_grey li.content_text_heavy {
margin:10px 0px 10px 0px;
}
/* ordered lists have a similar problem, but on IE only */
.dj_ie ol.list_grey {
margin-left:24px !important;
}
.clear {
clear:both;
height: 0px;
line-height: 0px;
}
/** ClearFix
** Adapted from http://positioniseverything.net/easyclearing.html
**/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { /* for IE/Mac */
display: inline-block;
}
.dj_ie .clearfix {
zoom: 1; /* triggers hasLayout */
display: block; /* resets display for IE/Win */
}
/** Columned section. A CMS element, styled here because stingray splash pages use the CMS chunks. **/
div#content div.main div.columned_section div.column {
float: left;
margin-bottom: 10px;
}
/** a list with no bullets **/
ul.nobullets {
background-image: none;
list-style-type: none;
padding: 0 0 10px 0;
}
li span.highlight {
font-weight: bold;
}
.focus {
color:#4f4c42;
text-decoration:none;
}
p.graph-label, div.main p.graph-label, div.section p.graph-label {
font-weight: bold;
text-align: center;
margin: 0;
}
.more-info-link {
font-size: 10px;
}
.link-hover :hover {
cursor: hand;
}
.half_width_column {
float:left;
width:48%;
}
.third_width_column {
float:left;
width:32%;
padding-right:1%;
}
.two_third_width_column {
float:left;
width: 65%;
padding-right: 1%;
}
.quarter_width_column {
float:left;
width:24%;
padding-right:1%;
}
.three_quarter_width_column {
float:left;
width: 74%;
padding-right: 1%;
}
/**
* A 2 column table with the headings down the left, and the data down the right.
* The last row (tr.total) will have a dividing line and should contain the total of the other rows.
*/
table.summation {
border-collapse: collapse;
width: 99%;
}
table.summation tr td.heading {
font-weight:bold;
padding-left: 10px;
}
table.summation tr td.data {
text-align: right;
padding-right: 8px;
}
table.summation tr td.pivot {
font-weight:bold;
text-align: right;
}
table.summation tr.total td {
border-top: 1px solid #9f9d97;
}
table.summation tr.spaced td {
padding: 8px 8px 0px 0px;
}
/**
* A two column table with headings on the left and values on the right
* The definitions are left aligned.
*/
table.vertical {
width: auto;
border-collapse: collapse;
}
table.vertical tr td {
text-align: left;
}
table.vertical tr td.first {
text-align: right;
}
/**
* A general, multi column, horizontally aligned table
*/
table.horizontal {
width:100%;
border-collapse: collapse;
}
table.horizontal thead {
font-weight: bold;
}
table.horizontal tr {
vertical-align: top;
}
table.horizontal td {
text-align: left;
padding: 1px 0;
}
/**
* MES- Extensions of horizontal table
**/
table.horizontal td.label {
text-align: right;
padding: 1px 10px 1px 1px;
width: 130px;
}
table#historical_data_tbl td {
vertical-align: middle;
}
/* JLB- tables with class=zebra are the main list tables. they can be combined with listings or properties
* ie, class="zebra listings" or class="zebra properties". The zebra should always come first.
* Table "standard" is the same thing but without the zebra stripes.
* @TODO Make zebra and standard additive, ie table class="standard zebra". Must change al instances -jlb
*/
table.zebra,
table.standard {
width: 100%;
border-collapse: collapse;
}
table.zebra thead tr,
table.standard thead tr {
background: #D2D0CF;
vertical-align: bottom;
}
table.zebra thead tr th,
table.standard thead tr th {
font-weight: bold;
text-align: left;
}
table.zebra thead tr th span,
table.standard thead tr th span {
font-weight: normal;
}
table.zebra th, table.zebra td,
table.standard th, table.standard td {
padding: 2px 5px;
}
table.zebra tr.odd {
background-color: #EFEEED;
}
table.zebra tr.even {
background-color: transparent;
}
table.zebra a.main-link span {
color: #CCCCCC;
}
table.zebra a.main-link span:hover, table.zebra a.main-link:hover span {
color: inherit;
}
table.zebra td.sub-row {
padding-left: 2em;
}
table.zebra th.right-aligned, table.zebra td.right-aligned {
text-align: right;
}
/** First visit dialog **/
body.nihilo .first-visit-dialog .dijitTooltipContainer {
background: #FBE2A2;
color: #000000;
border-color: #f8eccd;
padding: 10px;
}
.first-visit-dialog .subheading {
border: none;
}
.first-visit-dialog .subheading h3 {
float: left;
}
.first-visit-dialog p {
margin: .8em 0 0 0;
}
.nihilo .dijitTooltipAbove .yellowTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipAbove .yellowTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -0px;
}
.nihilo .dijitTooltipBelow .yellowTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipBelow .yellowTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -21px;
}
.nihilo .dijitTooltipLeft .yellowTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipLeft .yellowTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -42px;
}
.nihilo .dijitTooltipRight .yellowTooltipConnector,
.dj_ie6 .nihilo .dijitTooltipRight .yellowTooltipConnector {
background-image: url('../../sprites/nav_top_sprite_2.png');
background-position: left -69px;
}
.nihilo .first-visit-dialog a,
.nihilo .first-visit-dialog a:visited {
color: #677C94;
}
.nihilo .first-visit-dialog a:hover {
color: #da4f26;
}
div.main-body-message {
text-align: center;
font-weight: bold;
margin:20px 70px;
padding:5px;
background:#F7F7F3;
border: 2px solid #93887C;
}
div.main div.main-body-message p {
margin: 0;
}
div.first-main-body-message {
margin: 0 70px 20px
}
/*
Styles for:
Headings (.title, h1, h2, h3, etc)
Links (.link, a, :link);
This file is EXCLUSIVELY for global formatting on basic html elements.
Do not put styles for custom widgets or layout here.
EVER. (I know where you work, I will find you -KCJ)
For common/global styles of small elements, see common-elements.css.
For complicated widgety things, create a special css file and add it to the appropriate rollups. -JLB
*/
html {
height: 100%;
}
* html body {
height: 100%;
}
/**
* Sitewide Font.
* The body, and any elements that don't automatically inherit font-family should be included here.
*/
body, textarea, table {
font-family: Arial, Helvetica, sans-serif;
}
img {
border: 0;
}
a,
.link,
.link:hover,
.link:visited {
color: #677C94;
text-decoration: underline;
cursor: pointer;
}
a:hover,
.link:hover {
color:#da4f26;
}
h1, h2, h3, h4, h5, h6, h7 {
margin:0;
padding:0;
}
div.content h1,
div.content h2,
div.content h3,
div.content h4,
div.content h5,
div.content h6,
div.content h7,
.title {
font-weight: bold;
}
div.content h1,
div.content h2
{
color: #526578;
}
div.content h3,
div.content h4,
div.content h5,
div.content h6,
div.content h7,
.title {
color: #4F4C42;
}
h1, div.content h1 {
font-size: 18px;
line-height: 130%;
}
h2, div.content h2 {
font-size: 16px;
line-height: 130%;
}
h3, div.content h3 {
font-size: 14px;
line-height: 130%;
}
h4, div.content h4 {
font-size: 13px;
line-height: 130%;
}
div.subheading {
background: none;
padding-bottom: 0px;
margin-bottom: 2px;
}
div.subheading img.icon {
display: inline;
margin-top: 2px;
}
/* Fix for un-classed question mark icons
that appear in subheading elements
please turn to span and add class="info" if found */
div.subheading p,
div.subheading span.info {
display: inline;
float: right;
margin: 0px;
padding: 0px;
}
div.subheading p img,
div.subheading span.info img {
position: relative;
top: 3px;
}
/* Fix for un-classed misc icons
that appear in subheading elements
please remove from H2 element
and add class="icon" if found */
div.subheading h2 img {
position: relative;
top: 2px;
}
div.subheading h2,
div.subheading h3,
div.subheading h4,
div.subsubheading h2,
div.subsubheading h3,
div.subsubheading h4 {
display: inline;
}
div.subheading h2 a,
div.subheading h3 a,
div.subheading h4 a,
div.subheading h2 a:link,
div.subheading h3 a:link,
div.subheading h4 a:link,
div.subheading h2 a:hover,
div.subheading h3 a:hover,
div.subheading h4 a:hover,
div.subheading h2 a:active,
div.subheading h3 a:active,
div.subheading h4 a:active,
div.subheading h2 a:visited,
div.subheading h3 a:visited,
div.subheading h4 a:visited {
text-decoration: none;
}
div.subheading h2,
div.subheading h2 a,
div.subheading h2 a:link,
div.subheading h2 a:hover,
div.subheading h2 a:visited {
color: #526578;
}
.mobile-promo-banner {
display: none;
}
.mobileSafari .mobile-promo-banner {
padding: 1em 0em;
background: #34312C;
text-align: center;
font-weight: bold;
line-height: 130%;
color: #FFF;
font-size: 3em;
display: block;
}
.mobileSafari .mobile-promo-banner a {
color: #AAEEFF;
}
.mobileSafari .mobile-promo-banner p {
margin: 0;
padding: 0;
}
p.lead-in {
margin-bottom: 0;
padding-bottom: 0;
}
ul.natural {
margin: 0;
padding: 0 2em;
}
/**
* Sidebars elements are used in more places than just soft-sidebar.css.
* Rather than duplicating styles, we'll make a central home for them.
*/
div.sidebar {
margin-bottom: 20px;
}
div.sidebar div.sidebar_box {
clear: both;
background-color: transparent;
text-align: left;
margin: 25px 0 0 0;
}
div.sidebar h2,
div.sidebar h3,
div.sidebar h2 a,
div.sidebar h3 a {
color:#333333;
}
div.sidebar h2 {
font-size: 14px;
line-height: 16px;
}
div.sidebar h3 {
font-size: 13px;
line-height: 15px;
}
div.sidebar h4 {
font-size: 12px;
line-height: 14px;
}
div.sidebar div.sidebar_box p {
margin: 2px;
}
/* Styles for Primary Sidebar Boxes */
div.sidebar div.sidebar_box.primary h3 {
display: block;
border-bottom:1px solid #CCCCCC;
margin-bottom: 2px;
}
/* Styles for Secondary Sidebar Boxes */
div.sidebar_box.secondary, div.sidebar div.sidebar_box.secondary {
background-color: #F7F7F3;
}
div.sidebar_box.secondary h3, div.sidebar div.sidebar_box.secondary h3 {
display: block;
padding: 6px;
background-color: #E7E7E3;
color: #333;
}
div.sidebar_box.secondary p,
div.sidebar div.sidebar_box.secondary p,
div.main div.sidebar div.sidebar_box.secondary p {
margin:0 8px;
padding-bottom: 5px;
}
div.sidebar_box.secondary .secondary-contents {
margin: 8px;
}
/* Styles for "list-with-info" elements */
div.sidebar ul.list-with-info {
list-style-type: none;
margin-top: 8px;
padding: 0;
}
div.sidebar div.sidebar_box.secondary ul.list-with-info {
margin-left: 8px;
margin-right: 8px;
}
div.sidebar ul.list-with-info li {
font-size: 12px;
line-height: 14px;
margin-bottom: 6px;
}
div.sidebar ul.list-with-info li,
div.content div.sidebar ul.list-with-info li,
div.main div.sidebar ul.list-with-info li span.meta-info {
color: #7D7C7C;
font-size: 90%;
}
div.sidebar ul.list-with-info.agent-review-list {
padding-bottom: 5px;
}
div.sidebar ul.list-with-info.agent-review-list li {
color:#555;
}
/* OVERRIDE HACK FOR DEPRICATED HTML
Containing div.subheading should not exist in sidebar items */
div.sidebar div.sidebar_box div.subheading,
div.sidebar div.sidebar_box.secondary div.subheading {
margin: 0px;
padding: 0px;
border-bottom: 0px;
}
/* soft-sidebar.css
Defines styles for soft-sidebar.tag */
div#container {
/* Column background dtyles in Style Section of soft-sidebar.tag */
/*background-color: #FFFFFF;*/
}
div div.main {
width: 719px;
float: left;
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0;
}
div div.content {
margin-right: 0px;
}
div div.content.breathing-room {
margin: 0 27px;
}
div.sidebar {
font-size:12px;
float: right;
width: 250px;
margin-left: 0; /* Required to override value from styles_v4.css otherwise can remove */
padding-bottom: 20px;
}
div.sidebar div.sidebar_box {
margin-top: 25px;
margin-left: 10px;
margin-right: 10px;
}
div#header {
position: relative;
height: 64px;
background-image: url('../../header_back.gif');
background-repeat: repeat-x;
background-color: #fff;
z-index: 601;
}
div#header div.logo a img {
border: none;
}
div.account {
position: absolute;
right: 15px;
top: 5px;
}
div.account span, div.account span a {
color: #c6d9f0;
font-size: 10px;
}
div.account span a:hover {
color: #FFFFFF;
}
div.nav {
position: absolute;
right: 5px;
bottom: 8px;
z-index: 1;
min-width: 340px;
}
div.nav div, div.nav span.spacer{
float: right;
display: inline;
}
div.nav div.dropdown {
position: relative;
display: inline;
}
div.nav div.dropdown a.label {
position: relative;
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #fff;
letter-spacing: .5px;
text-decoration: none;
z-index: 10001;
background-repeat: no-repeat;
background-position: center center;
}
div.nav div.dropdown a.label span {
display: block;
margin: 5px 10px 5px 10px;
}
div.nav div.dropdown a.hover {
border: 2px solid #A4B9D0;
border-bottom-style: none;
background-color: #70849a;
}
div.nav div.dropdown a.hover span {
margin: 3px 8px 5px 8px;
background-color: #70849a;
}
div.nav span.spacer {
color: #B5B3AD;
font-size: 12px;
padding: 4px 0 0 0;
}
div.dropdown span.menu {
display: none;
position: absolute;
background-color: #A4B9D0;
zoom: 1;
z-index: 10000 ! important;
}
div.dropdown {
position: relative;
}
div.dropdown ul {
list-style: none;
margin: 2px;
padding: 0px;
width: 170px;
background-color: #70849a;
background-image: url('../../nav_back.gif');
background-position: bottom;
background-repeat: repeat-x;
}
div.dropdown ul li {
background-image: none;
display: block;
font-size: 10px;
padding: 0px;
margin: 0 12px 0 12px;
}
div.dropdown ul li a {
text-decoration: none;
display: block;
padding: 4px 4px 3px 4px !important;
color: #fff;
border-style: none !important;
border-bottom: 1px solid #8393A6 !important;
}
div.dropdown ul li a span.rollover {
display: none;
}
div.dropdown ul li a.hover {
background-color: #5476a3 !important;
color: #fff;
}
div.dropdown ul li a.hover span.rollover {
display: inline;
font-weight: bold;
margin: 0 5px 0;
}
div.dropdown ul li a.last {
padding-bottom: 4px !important;
border-bottom-style: none !important;
}
/*--colors the links at the bottom of the property details pane--*/
a.view_details_link { color:#434037 }
a.add_favorites_link { color:#434037 !important; }
a.panel_direct_link { color:#de5632 }
/* -- class for making spans look like anchor tags --*/
.pseudolink {text-decoration:underline; cursor:pointer}
/*--main two container divs--*/
.inner_right_prop{ font-size:inherit; background-position: top right; background-repeat:no-repeat;}
.inner_right_prop_border{ border-style:solid; border-width:1px; border-color:#d8d8d8; padding:0px 0px 0px 0px; font-weight:bold; color:#434037; text-align:center; background-color:#f4f3ed; background-position:right top; background-repeat:no-repeat}
.inner_right_prop .home_amenities {padding:6px 2px;}
.mls_logo_sm {float: right; position:relative}
/* NSS- we need position:relative because of the IE6 peekaboo bug */
/* highlights the main calls to action on the printable listing page */
.action_focus { background-color:#FF0000; padding:2px; border-style:solid; border-width:1px; border-color:#000000; font-weight:bold; }
/*--hold the add favorites link at the bottom property details pane--*/
.favorites { padding:0px 0px 5px 0px; font-size:11px;}
.sidepane_action_links {font-size:11px; width:50%; font-weight: normal;}
.sidepane_action_links img { vertical-align: middle; }
.sidepane_action_links a { text-decoration: none; margin: auto;}
.sidepane_action_links a span { text-decoration: underline;}
.sidepane_action_links .image-link img { top:auto; position:auto; }
.sidepane_details_button_centered {margin-left:auto; margin-right:auto; }
.sidepane_details_button_left { float:left }
.dj_ie6 .sidepane_details_button_left { margin-left:3px; }
/*--hold the past sales zoom in link at the bottom property details pane--*/
.prop_zoom_in { padding:0px 0px 5px 0px; font-size:12px; }
/*--larger text beneath the picture in property details pane--*/
/* NSS- we need position:relative because of the IE6 peekaboo bug */
.listing_address_price { text-align:left; font-size:11px; font-weight:bold; padding: 3px 3px 3px; position:relative}
.listing_address_info { text-align:left; font-size:11px; font-weight:bold; padding: 0px 3px;}
.listing_address_price .street_anchor { color:#434037; position:relative}
.listing_address_price .street_anchor:hover{ color:#da4f26;}
.address_info { text-align:left; font-size:12px; font-weight:bold; padding: 4px 0px 2px 7px; line-height:15px }
/*--subheader text for the property detail panes--*/
.details_sub { font-size:12px; text-align:left }
.view_details_btn { width:113px; margin-top:5px; margin-bottom:5px; }
.view_sold_details_btn { width:150px; margin-top:5px; margin-bottom:5px; }
/*--text at bottom of property details pane--*/
.view_details { padding:3px 0px 0px 0px; font-size:13px }
/*--hold the active photo and the photo paging text/arrow icons--*/
div.photo_pager { border-style:solid; border-color:#d1d9d9; border-width:1px;color:#FFFFFF; font-weight:bold; font-size:11px; padding-top:0px; margin:3px 20px 0px 20px; text-align: center; }
div.photo_pager a { color:#FFFFFF;}
img.btn_photo_none { background: none; height: 11px; margin: 4px !important; vertical-align: middle;}
/*--price text at the top of the property listings pane--*/
.listing_sdpn_price { text-align:left; font-size:16px; font-weight:bold; float:right; padding-top: 2px;}
.listing_sdpn_vow_price { text-align:left; font-size:13px; font-weight:bold; float:right; padding-top: 2px;}
.listing_sdpn_sold_vow_content { margin: 20px 0px 20px 0px; font-weight:normal; font-size:14px;}
#listing_sdpn_inner { padding: 3px; padding-top: 0px;}
.prop_price { text-align:left; font-size:17px; font-weight:bold; padding:4px 0px 3px 5px; line-height:15px }
/*--subheader text for the property sold panes--*/
.sold_sub { font-size:12px; text-align:left; padding:0px 0px 15px 0px }
/*--formats the unrecognized panel on the right--*/
#unrecognized_sdpn { }
.right_panel { padding:3px; font-weight:normal; font-size:12px; text-align:left; line-height:15px; }
.panel_large { font-size:13px; font-weight:bold; }
/*--sidepanel multiunit formatting--*/
#sdpn_multiunit { display: inline; font-size:12px; margin:5px auto 5px auto; }
/*NSS- sdpn_multiunit must have display:inline for bug 44058 */
img#sdpn_muleft { vertical-align:middle;margin-right:4px;}
img#sdpn_muright { vertical-align:middle;margin-left:4px;}
#sdpn_mustatus { position:relative; bottom: -1px;}
#sdpn_multiunit_controls {padding-top:4px;padding-bottom:4px;}
.sdpn_out_of_area_link {font-size: 10px; margin-left: 74px; text-align: left; font-weight: normal; zoom:1}
.sdpn_out_of_area_link a {color: #da4f26;}
/*--active property photo--*/
.prop_photo { width:200px; height:150px; text-align:center; display:table-cell; vertical-align:middle; position:relative;}
.prop_photo * {vertical-align:middle;}
.prop_photo span {display: inline-block; height: 150px; }
.home_photo_status{ padding:0px !important; margin:0px !important; }
/*--bar below photo that contains the number of photos for a listing--*/
.photo_counter { width:200px; background-color:#59554a;position:relative; height:20px;}
/*--MES- region chart pager--*/
.region_chart_counter { width: 208px; background-color: #59554a; position: relative; height: 20px; color: #FFFFFF; font-weight: bold; font-size: 11px; }
.region_chart_pager_status{ padding:0px !important; margin:0px !important; }
#print_logo{ display:none !important }
/*--pager icons for the photos--*/
img.photo_pointer { width:8px; height:11px; border-style:none; vertical-align:middle }
/*--formatting for the amenities/stats table--*/
/*APA-Added notes_header because even though Notes is not part of the amenities/stats table, it has the same formatting*/
table.prop_detail_table, .notes_header{ border-style:none; width:99%; font-size:10px; margin:0px auto 0px auto; }
table.listing_broker_table{ width:70%; }
table.prop_detail_table td, .notes_header { line-height:12px; text-align:left; vertical-align:top; padding-left:2px; }
table.prop_detail_table th { font-size: 11px; font-weight: bold; }
table.prop_detail_table td.prop_detail_left { line-height:12px; text-align:left; vertical-align:top; width:50px; padding-left:2px; }
td.prop_detail_title, .notes_header { color:#5c718a; width: 65px; }
td.prop_detail_title_wider { color:#5c718a; width: 130px; }
span.prop_detail_title { color:#5c718a;}
td.prop_detail { padding:0px 0px 0px 3px; }
table.region_detail_table { border-style:none; width:99%; font-size:10px; margin:0px auto 0px auto; }
td.region_detail_title { color:#5c718a; width: 95px; }
table.region_detail_table td { line-height:12px; text-align:left; vertical-align:top; padding-left:2px; }
table.region_detail_table th { font-size: 11px; font-weight: bold; }
table.region_detail_table td.region_detail_left { line-height:12px; text-align:left; vertical-align:top; width:50px; padding-left:2px; }
div.region_sidepane .head { text-align: left; margin: 0 20px 10px 20px; width: 207px; overflow: hidden; }
.region_header { margin-top: 3px;/*IE ignores top margin on the head. -jlb*/ margin-bottom: 1px; font-size: 11px; color:#677C94; line-height:100%; }
.region_name { white-space: nowrap; }
.region_chart_and_pager { height: 175px; margin: 0px 20px 5px 20px; }
.region_chart_div { border-style:solid; border-width:1px; border-color:#d8d8d8; background-color: #FFFFFF; height: 155px; text-align: left; padding: 0px 0px 0px 3px; }
.region_chart_title { position: absolute; z-index: 100; overflow: hidden; white-space: nowrap; width: 87px; font-size: 11px; padding: 3px; }
.region_chart_content { position: absolute; z-index: 90; }
.region_chart_moreinfo_button { padding: 10px 10px 10px 20px; }
.region_table_container {
margin: 0px 0px 0px 20px;
text-align: left;
font-size: 12px;
line-height: 130%;
}
#listing_and_notes_container span.prop_detail_title {float: left;margin-right: 4px;}
.notes_header{
float:left;
margin-left:9px;
}
.open_house_time_title {
vertical-align:top;
}
.open_house_sidepane_img {
vertical-align:bottom;
}
table.sold_detail_table{ border-style:none; width:100%; font-size:10px; margin:0px auto 0px auto; }
td.sold_title_text { font-size:12px; color:#5c718a; text-align:right }
td.sold_detail_text { font-size:12px;padding:0px 0px 0px 3px; text-align:left; width:60%; }
/*--formatting for the sold stats table--*/
#sold_history{ border-style:none; width:100%; font-size:11px }
td.sold_title { color:#5c718a; text-transform:uppercase; text-align:left; line-height:15px; font-size:12px }
td.sold_detail { line-height:15px; text-align:left; padding:0px 0px 0px 3px }
.change_map_link_container {margin-right:5px;}
.change_map_link {text-decoration:underline; cursor:pointer; color: #677C94;}
.change_map_link_selected {text-decoration:none; cursor:default; color: #434037;}
.change_map_link_disabled {text-decoration:none; cursor:default; color: #BBBBBB;}
.change_map_link_selected {font-weight: bold; }
/* get rid of all of the default pointer cursors on the maps on this page -sra. */
#home_map .Map,
#home_map .PoweredByLogo,
#home_map .Copyright,
#home_map .VEAPI_Pushpin
{cursor: default;}
.gsv_wrong {font-weight:bold; color:#DE5632; text-align:right; float:right}
.map_loading {font-weight:bold; color:#000000; text-align:right; float:right}
.show_on_map_link,
.center_map_link {text-align:right;}
.change_map_container {height:63px; margin-left:15px;}
.no_search_page_url .change_map_container {height:55px; margin-left:15px;}
/*.change_map_inner {float:left; width:45%;}*/
.change_map_inner table {width:100%; line-height:normal;}
.change_map_inner td {padding:0px;}
.too_many_sdpn_content {
margin-left: 20px;
line-height: normal;
margin-bottom: 80px;
}
.too_many_sdpn_content ul {
margin-top: 3px;
}
.too_many_sdpn_title {
text-align: center;
margin-top: 70px;
margin-bottom: 40px;
font-weight: bold;
font-size: 15px;
}
/* Microsoft (MSIE) counter hacks */
a img {
z-index: auto !important;
}
/* details page badge styles that apply to all types (activish, sold, fsbo, etc.) */
#property_listing_type_badge {
width: 260px;
padding: 16px 0px 0px 20px;
font-size: 14px;
}
#big_icon, #big_icon_fav {
float: left;
margin-right: 10px;
}
#property_listing_type_badge .property_type {
font-size: 14px;
font-weight:bold;
}
#property_listing_type_badge .price {
margin-top: 4px;
font-size: 20px;
padding-bottom:20px;
}
#property_listing_type_badge .price_county {
padding-bottom:0px;
}
#property_listing_type_badge .price_source {
font-size: 10px;
padding-bottom: 1px;
}
#address_line_1 {
font-weight: normal;
font-size: 17px;
}
#address_line_2 {
font-weight: normal;
font-size: 14px;
}
#address_amenities_divider {
width:270px;
margin-left:10px;
height:10px;
}
.dotted_divider {
background-repeat:repeat-x;
background-position:0px 50%;
}
/* styles of the badge that are specific to particular types of listings (activish, sold, fsbo, etc) */
/* activish listings get the green backgrounds and text -sra.*/
.listing_type_mls {
background-image:url("../../property-details/backgrounds/top_for_sale.jpg");
background-position:4px 0px;
background-repeat:no-repeat;
}
.listing_type_mls .property_type {
color: #156612;
}
.listing_type_mls .dotted_divider {
background-image:url("../../property-details/backgrounds/divider_dot_for_sale.png");
}
/* sold listings get the blue backgrounds and text -sra.*/
.listing_type_sold {
background-image:url("../../property-details/backgrounds/top_prev_sale.jpg");
zoom:1; /*when the sold requires login, for some reason this div gets a height of 0 in IE6 without this. stupid hasLayout bug strikes again. -sra.*/
background-position:4px 0px;
background-repeat:no-repeat;
}
.listing_type_sold .property_type
{
color: #5191d7;
}
.listing_type_sold .dotted_divider {
background-image:url("../../property-details/backgrounds/divider_dot_prev_sale.png");
}
/* fsbo listings get the pink backgrounds and text -sra.*/
.listing_type_fsbo {
background-image:url("../../property-details/backgrounds/top_fsbo.jpg");
background-position:4px 0px;
background-repeat:no-repeat;
zoom:1; /*when the fsbo shows up, for some reason this div gets a height of 0 and therefore no background in IE6 without this. stupid hasLayout bug strikes again. -sra.*/
}
.listing_type_fsbo .property_type {
color: #B22A6A;
}
.listing_type_fsbo .dotted_divider {
background-image:url("../../property-details/backgrounds/divider_dot_fsbo.png");
}
/* bank-owned listings get the purple backgrounds and text -sra.*/
.listing_type_bank_owned {
background-image:url("../../property-details/backgrounds/top_bo.jpg");
background-position:4px 0px;
background-repeat:no-repeat;
}
.listing_type_bank_owned .property_type {
color: #533F63;
}
.listing_type_bank_owned .dotted_divider {
background-image:url("../../property-details/backgrounds/divider_dot_bo.png");
}
#similar_listings .more-info-link,
#similar_sales .more-info-link,
#nearby_sales .more-info-link {
margin-left: 10px;
}
#similar_listings {
width:346px;
margin-right:17px;
background-image:url("../../property-details/backgrounds/similars_top_for_sale.jpg");
background-repeat: no-repeat;
}
#similar_listings_inner {
padding-top:8px;
padding-left:7px;
padding-right:7px;
padding-bottom:10px;
background-image:url("../../property-details/backgrounds/similars_bottom_for_sale.jpg");
background-repeat: no-repeat;
background-position: bottom left;
}
#similar_sales, #nearby_sales {
width:346px;
background-image:url("../../property-details/backgrounds/similars_top_prev_sale.jpg");
background-repeat: no-repeat;
}
#similar_sales_inner, #nearby_sales_inner {
padding-top:8px;
padding-left:7px;
padding-right:7px;
padding-bottom:10px;
background-image:url("../../property-details/backgrounds/similars_bottom_prev_sale.jpg");
background-repeat: no-repeat;
background-position: bottom left;
}
#big_icon_fav {
display:none;
margin-right:3px;
margin-top:-4px;
}
#property_listing_type_badge.favorite #big_icon_fav {
display:block;
}
#property_listing_type_badge.favorite #big_icon {
display:none;
}
/* property details page */
div#content div.main {
margin-left: 4px;
margin-top: 5px;
}
div.subheading {
padding-bottom: 5px;
margin-bottom: 3px;
border-bottom:1px solid #CCCCCC;
}
div.first_subsection {
padding: 0;
margin: 0px 0 0 0;
}
/*on the details page, we want to give more space to sections */
div.subsection {
margin-top: 3em;
}
div.pdetail { background-color:#ffffff; border-style:solid; border-width:1px; border-color:#d8d8d8; padding:4px }
/* this overrides the site wide settings for inner_body */
#inner_body.listing_details {
padding-top:0px;
padding-right: 0px;
}
#inner_body.property_details {
padding-right: 0px;
}
.property_type_title {
text-transform:uppercase;
/*font-size:14px;*/
font-weight:bold;
color: #677C94;
}
#big_photo_0,
#big_photo_1 {
position:absolute;
width: 416px;
height: 312px;
}
.big_photo_transparent {
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0%;
}
.photo_invisible {
visibility: hidden;
}
#left_photo_arrow, #right_photo_arrow { vertical-align:top; border-style:none; cursor: pointer;}
#photo_controls {
margin:0px 4px;
white-space:nowrap;
}
#photo_controls table.td {
height:10px;
border-style:solid;
vertical-align:top;
}
#photo_controls .left_column {
width:40%;
text-align:left;
font-weight:bold;
color:#626058;
}
#photo_controls .center_column {
width:20%;
text-align:center;
}
#photo_controls .right_column {
width:40%;
text-align:right;
}
#thumbnail_panel {
padding: 3px;
/*border-top:1px solid #cccccc;*/
}
div#content #property_price_address {
font-size:17px;
padding: 4px 0px 2px 10px;
}
div#content #property_price_address h1 {
margin-top: 0px;
font-size:17px;
line-height: 1em;
}
div#content #property_price_address h1 span#address_line_1,
div#content #property_price_address h1 span#address_line_2 {
display: block;
padding: 0;
margin: 0;
}
div h1 a {
color: black;
}
.property_price {
font-weight:bold;
margin-bottom: 3px;
}
.property_redfin_savings_label {
text-decoration:underline;
}
.home-thumbnail {
position: relative;
display: inline;
}
#big_photo {
position: relative;
}
.home-thumbnail img.label,
#big_photo img.label {
position: absolute;
z-index: 10;
bottom: 6px;
right: 6px;
/* height: 14px;
width: 14px;
background: url(../../icons/ico-camera-small.png) no-repeat right bottom;*/
}
.home-thumbnail img.thumbnail {
border:0px;
margin:2px;
cursor: pointer;
z-index: 5;
}
.home-thumbnail img.thumbnail_hover {
border:2px solid #e9731c;
margin:0px;
}
.home-thumbnail img.thumbnail_active {
border:2px solid #c00;
margin:0px;
}
.home-thumbnail img.thumbnail_hidden {
border:0px;
margin: 2px;
cursor: auto;
}
#photo_controls {
/*font-size:12px;*/
border: 1px solid #CCCCCC;
margin-bottom: 2px;
padding: 2px;
color: black;
}
.thumbnail_page_control {
color: #677C94;
text-decoration: underline;
cursor: pointer;
}
.thumbnail_page_control_active {
text-decoration: none;
cursor: auto;
color: #626058;
}
#remarks_access{
float:left;
margin-top:5px;
width:258px;
/*font-size:12px;*/
text-align:center;
}
/** LISTING AGENT BLURB **/
span.listing-agent {
display: block;
text-align: center;
color: #93887C;
}
/** AMENITIES PANEL **/
#amenities_panel {
margin: 3px 0 10px 8px;
}
#amenities_panel .amenities_panel_column, #agent_info_panel, #last_updated_panel {
width:32%;
margin-right:3px;
float:left;
}
#amenities_panel_column_2 {
margin-right: 0px;
}
div.amenity_set {
margin-top:10px;
}
div.amenity_set ul.amenity_list li.agent,
div.notice p span.agent,
span.agent-only {
color:#BB2222;
font-style:italic;
list-style-image:none;
list-style-type:square;
/* in case the list is also a list_grey, turn off those bits -jlb */
background: none;
padding: 0;
margin-left: 10px;
}
.agent_info,
.last_updated_info {
line-height:140%;
}
#page_link {
text-align: left;
margin: 14px 0px 7px 14px;
}
.right_prop_spaced{
margin-bottom:7px !important
}
#amenities_panel .amenity_list ul {
padding:0px;
margin: 0px;
list-style-image:url(../../list_dot_v4.png);
}
#detailsDiv {
display:none;
}
#photos_panel {
float:right;
margin: 15px 0px 10px 10px;
width:426px;
/*border: solid #cccccc;
border-width: 0px 0px 1px 1px;*/
}
#photos_panel.has-top-border {
border-width: 1px 0px 1px 1px;
}
/* NOTE: do not change this style name without changing the corresponding big_photo style in print.css -sra. */
#big_photo {
/*border:1px #cccccc solid;*/
width:416px;
height:312px;
margin:4px;
overflow:hidden;
}
#big_photo img {
position:relative;
}
#property_description {
padding: 8px 8px 4px 8px;
}
#side_content_panel {
float:left;
width:250px;
}
#oodle_photo_panel {
float:right;
padding:0px 40px;
width:326px;
}
#oodle_photo_panel div {
margin:15px 0px;
}
#oodle_link_under_photo {
font-weight: bold;
font-size: 16px;
line-height: normal;
}
.outer_right {
margin-bottom:7px;
}
.inner_right {
text-align:left;
}
.inner_right h1 {
font-size:14px;
font-weight:bold;
margin: 0px 2px;
}
a img { border: 0px; }
.address_line {
font-size:17px;
line-height:20px;
}
.property_detail_label,.property_detail_value { line-height:120%; }
.property_detail_label {
font-weight:bold;
/*font-size:11px;*/
white-space:nowrap;
text-transform:uppercase;
color: #677C94;
}
.property_detail_value {
/*font-size:11px;*/
font-weight:bold;
color:#000000;
}
hr.dashed {
border-top: 1px dashed;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
height: 1px;
}
table#property_basic_details {
width: 270px;
}
#property_basic_details .left_column{
text-align:right;
width:90px;
}
#property_basic_details .right_column {
text-align:left;
width:145px;
}
table.property-details tr td.property_detail_label {
text-align:right;
}
table.property-details tr td.property_detail_value {
text-align:left;
}
#property_basic_details tr {
vertical-align: top;
}
#property_description {
margin:4px 0 2px 0;
padding: 8px 8px 4px 8px;
clear: left;
/*font-size:12px;*/
}
.section_title, .agent_info {
}
.section_title {
text-transform:uppercase;
font-weight:bold;
/*font-size:12px;*/
color: #677C94;
}
#zillow_disclaimer {
margin-top:10px;
}
.property_redfin_savings,
.property_redfin_savings_label,
.property_redfin_savings_value {
color:#dd4444;
margin-bottom:7px;
text-decoration:underline;
font-size:15px;
}
.big_text {
color:#333;
font-weight:bold;
}
/*-------------- OPEN HOUSES --------------------*/
.open_house_box{
text-align:left;
/*font-size:12px;*/
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#d8d8d8;
background-color:#FFFFFF;
}
.open_house_box ul{ font-weight:normal; padding: 5px 0px 0px 20px;margin: 0px 0px 0px 20px;color:#626058;marker-offset:4px; list-style-image:url(../../list_dot_v4.png) }
.open_house_information{
margin: 7px;
padding: 5px;
background-image:url(../../../4_0/dotted.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.more_info_box{
text-align:left;
}
#sales_history_data thead td {
padding-top:3px;
}
#historal_data_external {
height: 200px;
}
/* ------------- MLS DISCLAIMERS -----------------------------------------------------*/
#mls_disclaimer {
/* margin-top:8px; */
}
#zillow_disclaimer {
margin-top:10px;
}
#redfin_direct_disclaimer {
margin-top:10px;
}
.disclaimer {
/*font-size:10px;*/
}
#mls_disclaimer p {
/*font-size:10px;*/
display:inline;
}
table.mls_disclaimer, table.mls_disclaimer tr, table.mls_disclaimer tr td {
vertical-align: top;
}
#mls_disclaimer img {
/*float:left;*/
border:0;
}
#mls_disclaimer br {
clear:both;
}
/*---------- Related Property Tables --------------*/
table.related_property_details {
width: 100%;
}
table.related_property_details tr {
height:65px;
vertical-align: top;
}
table.related_property_details td {
vertical-align: top;
}
table.related_property_details td.image {
width: 75px;
vertical-align: middle;
text-align: center;
}
table.related_property_details td.fine_points {
width: 75px;
}
/*---------- Zillow ---------------*/
#zillow_control {
margin-top: 5px;
}
#zillow_chart {
width:214px;
height:107px;
}
.duration {
text-decoration:underline;
}
a.duration {
cursor: pointer;
}
.selected-duration {
font-weight:bold;
text-decoration:none;
}
#out_of_area_warn {
color:#D84519;
}
#listing_off_market_msg {
font-size:14px;
color:#FF0000;
font-weight:normal;
margin:8px;
}
#fsbo_foreclosure_source_link_text {
text-align:center;
font-weight:bold;
font-size:12px;
}
#fsbo_foreclosure_message_text p {
margin-bottom: 12px;
}
.multiple_listings_warning {
background: url('../../4_0/yellow_bg.png') top left repeat !important;
text-align:center;
font-weight:bold;
padding:5px;
margin-bottom:10px;
}
#fsbo_foreclosure_message_text #foreclosure_logo_container {
text-align:center;
padding:5px;
}
/**
* Used in buy with Redfin box.
* Can be used in concjunction with table.summation. Summation should come first, ie,
*