/* version 1.2 */ /* dated 5/31/07 */ /* dated 7/7/07 /* dated 8/27/06 I modified the flyout menu to drop side borders on outer shell of the flyout menu added testimonial bubble styles dated 8/28/07 fixed an issue with the property check lists in area-info - styles were broken -js dated 8/30/07 reverted selector to target only area-list in the content_body- this was causing the absolute positioning icons of the neighborhood module 8/29/07 */ .abd-listpanel, .neighborhoods-columns, fieldset.submitthis div, .listdetails, #summary-table, .save-this, #school-option, .realty-box {width:100%!important;} .art-title, .art-author, #form-container .form-btn, #submit, .submit td, #calc-elements table, #coffee td, #coffee th, .calcs td, #calc-elements h3, td.input, .inner-mortgage td, .block-head, #school-option h3, #school-option, .realty-box, #school-option input, #school-option select, .box-pad h5, #school-top h3 {text-align:center;} #api-bridge, #blockers .dakno-details, .inner-mortgage, .inner-mortgage input, .listdetails, #school-option, #school-option input, #school-option select, .sold-album img, #form-container input, #form-container textarea, #form-container select, #form-container h4, .dakno-standard img, .dakno-standard, .dakno-details, .standard-table, .downloads, .b-photo img , .staff-hold, .staff-image, .mini-error {border-style:solid;border-width:1px;} /* !!JOIN: border-standard */ /* A_rticle module 3.0 */ .clear-abd {clear:both;height:5px;} .faux-border {height:1px;background:none;position:relative; top:2px;} .faux-border, .art_list-section {width:95%;margin:3px auto; border-width:0px 0 1px 0;padding:0; border-style:dashed;} .article-pad {padding:3px 3px 0px 12px;margin:0;} .article-pad a {line-height:20px;} .article-pad p {margin:2px 0;padding:1px;font-size:11px;} .article-pad span {text-align:right;display:block;} .all-btn {margin:0;position:relative; text-indent:9px;padding:0; display:block;height:15px;text-align:left;line-height:12px;margin-top:5px;} .abd-listpanel h2 {position:relative; left:-5px;text-indent:10px;} /* typography and links */ .article-pad span {color:inherit;padding-right:5px;} .abd-listpanel h2 {font-size:18px;margin:4px 0 2px 0} .abd-listpanel h3 {font-size:14px;clear:both;margin:12px 0 2px 0; } .article-pad p, .article-pad a {font-size:11px;} .article-pad a {text-decoration:underline;} .all-btn a {text-decoration:underline;font-size:1.1em;} /* standard article page */ .article-pad_standard h1 {font-size:16px;} .article-pad_standard h2 {font-size:15px;} .article-pad_standard h3 {font-size:14px;} .article-pad_standard h4 {font-size:13px;} .article-pad_standard h5 {font-size:12px;} .article-pad_standard h1, .article-pad_standard h2, .article-pad_standard h3,.article-pad_standard h4 {margin:3px 0 1px 0 ;} .article-pad_standard p {margin:1px 0;padding:3px 0;} .art-section-head {margin-top:1px;padding:0;text-align:right; font-size:13px;margin-bottom:1px;} h4.art-section-date {margin:1px 0 14px 0;font-size:10px; font-weight:bold;text-align:right;} .art-title {font-size:16px!important;margin-bottom:1px;margin-top:4px;} .art-author {font-size:11px;margin-top:1px;font-weight:normal;} .art-title, .art-author {width:95%;} /* A_area and N_eighborhood modules -area-all.php -neighborhood-detail.php -area-neighborhood-map.php */ #api-bridge, #blockers, #blockers, .neighborhood-table {width:500px;position:relative;} #api-bridge {height:491px;} .neighborhood-table, #prop_map {border-width:4px; border-style:solid;} .neighborhood-table {padding:2px!important;} #prop_map {width: 445px; height: 450px;position:relative;top:15px;margin:0 auto;} #blockers h2 {display:block;margin:4px;padding:4px;font-weight:bold} .neighborhoods {font-weight:bold;margin:2% 0; } .neighborhoods h3 {font-size:130%;} .neighborhoods hr {display:none;} .neighborhoods ul, .neighborhoods {list-style:none;margin-left:5px;} .neighborhoods ul li {display:inline;margin:2px;padding:4px 0; } .neighborhoods ul {padding:0 2px;font-weight:normal;} .neighborhood-table td {padding:2px 3px;verical-align:middle;width:25%;} .thead {font-weight:bold;text-align:right;padding-right:9px!important;white-space:nowrap;} /* SUB SECTION neighbourhoods & area */ .neighborhoods ul li {float:left;}/* !!JOIN: float-standard */ .neighborhoods {font-weight:bold;}/* !!JOIN: BOLD-standard */ .neighborhoods ul, .neighborhoods, .neighborhoods-columns ul {list-style:none;margin-left:5px;} .neighborhoods ul li {margin:2px;padding:4px 0; } .neighborhoods ul {padding:0 2px;font-weight:normal;} .neighborhoods-columns {text-align:left;} .neighborhoods-columns td {vertical-align:middle;width:50%;padding:4px 8px 0 20px;} /* A_area-info 3.0 area-info.php */ #legend-area, .legend-header {width:500px;} .legend-div { } #legend-area {list-style:none;height:55px;padding:0;margin-left:0;} #legend-area li {float:left;height:100%;padding:8px 0px 8px 4px;vertical-align:center; margin-right:3px;background: url(../images/divider.png) no-repeat right 3px } #legend-area li img {float:left;margin-right:5px;} #legend-area span {line-height:32px;display:block;float:left;padding-right:6px;} .legend-header {padding:2px 6px; width:520px!important;font-size:1.1em;color:#990000;} #property-checks {margin:0;padding:5px; clear:both; } #property-checks label { margin-left:3px; float:left;} #property-checks .radio-btn {margin-top:-2px!important;margin-right:8px!important; margin-left:8px; float:left;} .legend-header, #property-checks , .dakno-standard {margin-left:0px; width:550px;} div#google-map {color:#000!important;text;} .content_body #area-list hr {display:none;} .content_body #area-list h5 {border-bottom:solid 1px; width:99%;padding-bottom:5px;margin-bottom:10px;} /* B_usiness Directory business-category.php business-directory.php */ #directory-lead h2 {margin:6px 0; } .business-category { } .directory-row div {width:46%;float:left;margin:6px 2%; } .business-category div ul li, .business-category div ul {float:left;} .business-category div ul li { list-style:none;margin:2px;padding:0 5px 0 3px; background: url(../images/dash1.gif) no-repeat right 2px ;} .business-category div ul {margin:2px 0;padding:1px 0 1px 5px;} .business-category h4 { background: url(../images/arrow1.gif) no-repeat left 3px; padding-left:18px!important; font-size:14px; text-indent:0!important; } .subcat-list li { white-space:nowrap;} .sub_list, .results-hold ul {list-style:none; padding-left:0; } /* added this 0807 - js note: this is to keep a flush line on stuff }/* !!JOIN: no list */ .business-results {margin-left:0!important; padding:0; } /* border:solid 1px red!important; display:none; */ } .business-results ul { margin:0; padding:0; } .business-results ul li { border:solid 1px blue; margin:0; padding:0;} .business-results li ul { border:solid 1px red; margin:0; padding:0;} .directory-row {float:left;width:100%!important;} /* end business Directory */ /* Forms 3.0 f2.php */ #form-container {width:99%;margin:2% 0 ;font-family:sans-serif;} #form-container fieldset {margin:0px 5px 1px 2px; padding:0; border:0 solid transparent; text-align:left; } fieldset .primary, fieldset .alt, fieldset .primary-textarea, fieldset .alt-textarea {padding:2px 0;width:100%;/* added to control width on ie */ overflow:hidden; display:block; } #form-container input, #form-container textarea, #form-container select { height:18px!important; margin:4px 0;width:170px;font-size:10px;} #form-container textarea {height:75px!important;} #form-container .form-btn {width:auto!important; background:none!important; height:auto!important;font-size:11px; padding:2px;font-weight:bold; text-transform:uppercase; } #form-container p {padding:4px;margin:0 4px;} #form-container legend {font-weight:bold; font-size:1.1em; position:relative; } #form-container label {font-size:12px; width:12em;text-align:right; padding: 8px 4px 0 4px; }/* added padding bottom to format wrappingn text */ .span-group .primary div, .span-group .alt div, #form-container label {float:left;}/*this is for floating 4 up!!! took out 100% height*/ .style-block, #form-container h3 {padding:12px; text-transform:uppercase; padding:4px 8px!important; position:relative; left:-7px;/*this is for ie*/} fieldset.submitthis div {text-align:center!important;}/* center buttons*/ .block-accent {height:100%;border:1px 1px 1px 1px; border-style:solid;} .submitthis div.primary {background:none!important;}/* take off background on submit fieldset */ #form-container .radio-btn {float:right;height:auto!important; border:none!important;width:auto!important;} #form-container h4 {font-size:12px;padding:6px;margin:1%;} /* Layout defaults for Form Fieldset groups */ /* for testimonial form */ #addtest label {width:16em ; } #addtest textarea, #addtest input {width:240px; } #addtest textarea {height:75px!important; } /* directory */ #directory .primary {height:35px; } #directory label {width:7em;font-size:15px;font-weight:bold!important; } #directory input {width:200px; } #directory input {float:left;margin:6px 3px; } /* search details NEED TO TEST THIS SECTION IN NCMOUNTAIN LIFE AND PEORIA #fldset_mls_search label {width:8em;font-size:12px} #fldset_mls_search select {width:120px!important;} #fldset_mls_search input {width:110px;margin:3px 0px;} .select_height {height:150px!important;width:180px!important;margin-left:26px!important;} #fldset_mls_search .primary, #fldset_mls_search .alt {height:auto;padding:4px 0;} #labelarea_desc, #labelcity {display:block;float:none;} #fldset_mls_search select {float:left;} .override #city {height:150px!important;width:200px!important;margin:10px 135px!important;float:none;} #labelcity {float:none;display:block!important;width:100%!important;text-align:center!important;} #fldset_mls_email .radio-btn, .radio-btn {width:auto!important;background:none!important;float:left!important;margin:0 0 0 30px!important;margin-top:5px!important} #mls_results {border:solid 1px red;} .override #prop_type {width:200px!important;margin-top:4px;} #rememberit label{width:100px!important;margin-right:10px;} */ /* C_ondos 3.0 */ .condo-listing {margin:6px 0;border-style:dashed; border-width:0 0 1px 0;width:90%; } .condo-listing h2 {width:75%;padding:4px 0;margin:2px 0 2px 0; border-width:2px 0 0 0;border-style:solid; } .condo-listing h3, .condo-listing h2 {font-size:12px;} .condo-listing h4 {margin:1px 0;} .condo-listing span {font-size:14px;} .condo-listing h3 {padding-bottom:4px;margin:1px 0; border-style:solid;border-width:0 0 2px 0;width:75%; font-size:16px;} #no-border {border-bottom:none;} .condo-detail span {font-size:.8em;font-weight:normal;} /* Calculators 3.0 */ .calcs, .calc-accent, #calc-elements select, #calc-elements input, #calc-elements textarea {border:solid 1px;} .calcs td {padding:2px 6px;} .calcs {padding:3px;} #submit {margin:3% auto;} td.input {width:30%;} .calc-accent {width:90%;margin:5% auto;padding:16px 0;} .calcs td.label {text-align:right;padding-right:5px;} .calc-accent h4,#calc-elements h4 {margin:0 0 1px 24px;padding:2px 0 2px 25px;width:85%;} #calc-elements {margin:2px 0;width:95%;} .calc-accent p {margin:12px 25px 12px 25px;} #calc-elements input, #calc-elements textarea {width:60%;;font-size:11px;padding:2px;} #calc-elements table {margin:6px auto;width:90%;} .submit td {width:70%;padding:3% 0;} input.calc-submit {width:auto!important;height:auto!important;border-width:1px;} .label span, #java span {font-size:.9em;font-weight:normal;display:block;} #savings input, #savings select {width:60%;float:right;} #calc-elements h3 {font-size:12px;font-weight:normal;margin:2% 0 2% 15%;} .calcs th,#coffee th {white-space:nowrap!important;padding:0 6px;} #compound .input {width:53%;} #compound textarea, #calc-elements select {width:60%;overflow:visible} /* M_ortgage calculator */ .inner-mortgage td, .block-head {padding:2px 0;} .m-calc {margin:12px auto;} .inner-mortgage {width:80%;margin:2px auto;font-weight:bold;padding:8px;} .inner-mortgage td {padding:4px 6px;} .inner-mortgage input {width:80px;padding:3px;} /* end mortgage calc */ /* S_chools 3.0 school.php */ .realty-box {width:80%; } #school-top {width:80%; ;margin:0 auto; } #school-option *, .realty-box {font-family:verdana, sans-serif;} #school-option, .realty-box {margin:4px auto; } #school-option { margin-top:10px;} #school-option input, #school-option select {margin:3px 0;width:150px;} #school-option input {margin-right:15px;width:auto!important;} .listdetails {text-align:left; font-size:11px; }/* can set fake border color now */ .data {text-indent:7px; } .borderfake {height:1px;} .listdetails th, #school-option h3 {padding:4px;font-size:1.1em; } #school-option h3, #school-top h3 { margin-bottom:7px!important;} .listdetails td {vertical-align:middle;padding:0x 3px 0 0;margin:1px;} .fielde {text-align:right;font-weight:bold;} /* end school.php */ /* S_old Album */ .sold-album img {padding:1px;} div.sold-album {text-align:left;float:left; margin:5px 2px;height:175px;} .sold-album div {margin:4px 2px 1px 2px;width:160px;} /* T_hank you page 3.0 (currently no class or id on table itself */ td.key, td.value {padding:1px 4px;} td.key {text-align:right;font-weight:bold;} /* end thanks */ /* P_roperty module :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ .dak-left, .dakno-standard img, .dak-pad {float:left;} /* !!JOIN: float-standard */ .dak-right {float:right;}/* !!JOIN: float-standard */ .dakno-standard {width:500px;text-align:left;/* margin:15px 0 0 0; */ margin:15px auto 0 auto; } .dakno-standard ul {list-style:none;margin:4px 0 7px 5px;padding:0; } .dakno-standard a, .dakno-details a {text-decoration:none;} .dak-left, .dak-right {width:245px;} .dak-pad {padding:4px;} #current_pic { display:block;margin-bottom:30px;} /* margin bottom to accomidate ie 7 4/20/07 */ .dakno-standard img {padding:2px;margin:3px 1px;} .dakno-standard h2, .dakno-details h2 {margin:0;padding:3px 11px;} .standard-table {width:90%;font-size:12px;margin-top:15px;} #summary-table {font-size:12px;border:none!important;} #summary-table .detail {width:20%;white-space:nowrap;vertical-align:top;} .detail {text-align:right;font-weight:bold;width:30%;} .standard-table td {padding:2px 3px;} .downloads {width:90%;margin-bottom:20px;} .downloads ul {padding-left:10px;} .downloads ol { margin:5px 0 5px 35px;} /* added 05/07 */ .dak-format {padding:3px 12px 3px 6px ;} .dak-format h4, .dakno-details h2 {font-size:13px;} /* .dakno-standard a {margin:0 7px 0 -3px!important;} fixes the messy vertical links in dakno */ .standard-paging {height:20px;float:left;margin-left:5px!important;} .standard-paging li{float:left;list-style:none;padding:0 2px;margin:2px 0 2px 7px; } #property-list #area-list { margin-left:0;} #neighborhood #short-detail {border:none;position:relative;left:-1px;width:100%;} /* S_taff page */ .staff-hold, .staff-image {border:solid 1px;} /* !!JOIN: border-standard */ .staff-hold {width:96%;margin:4px 0;} .staff-info{width:65%;float:right;font-size:12px;position:relative;top:5px;margin-right:10px;} .staff-info h2 {font-size:14px!important;margin:2px 0; padding-bottom:4px;border-width:0 0 2px 0; border-style:solid;border-width:0 0 1px 0; width:97%; font-weight:bold; } .staff-info h2 span {font-weight:normal!important;font-size:.9em;} .staff-info ul {margin:5px 0;padding:0; } .staff-info li {margin:1px 3px;line-height:12px; list-style:none;padding:0!important; font-size:12px;} .staff-info li span {font-weight:bold;margin-right:5px;} .staff-description {padding-bottom:10px; } .staff-image {float:left;margin:8px;} .staff-image {padding:1px;} .staff-link {padding:4px;text-align:right;margin-top:5px;} .staff-link a {display:block;float:none!important;padding-right:0!important;} /* structure for MINI CONTACT */ .mini-error { width:170px;white-space:normal!important;text-align:left!important; display:block;padding:7px;font-family:arial, sans-serif;margin:0; font-size:12px; position:absolute;font-weight:normal;top:70px;z-index:5; } /* styles for flyout menu */ .anylinkcss a { overflow:hidden; display:block; padding : 1px 3px; text-decoration : none; font-weight : normal; } .anylinkcss a:hover { padding : 1px 3px; width:97%; } .anylinkcss { position: absolute; z-index:5; visibility:hidden;text-align:left; line-height: 18px; z-index : 100; border-width:0px; border-style:solid; } .anylinkcss a, .anylinkcss a:hover {border-width:0 0 1px 0; border-style:solid; width : 96%; } /* bubble style */ .testimonial-quote {background: url(../images/bg-testquote.png) no-repeat top;padding-top:14px; width:433px; margin:12px auto; } .testimonial-description {background: url(../images/bg-bubble_rpt.png) repeat-y top; font-weight:normal!important;} .testimonial-description span {background: url(../images/gf-test_span.gif) repeat-x bottom; height:100%;display:block;padding:12px 30px 12px 24px; margin:0 12px 0 8px;} .by-who {background: url(../images/bg-bywho_top.png) no-repeat top; height:42px; margin-top:0px; padding-top:40px; padding-left:55px; font-weight:bold; } /* C_Property (dakno standard ) ::::::::::::::::::::::::*/ .dakno-balloon a:link, .dakno-balloon a:visited {color:#000;} /* 8/30/07 took out .content_body selector -incorrectly cancelled out these styles */ #gzoom-control {color:#000!important;} #area-list {margin-left:15px;position:relative} #area-list ul li { width:350px; padding-left:25px; position:relative; } #area-list ul img {margin-right:10px;border:none;float:right;height:19px;position:absolute;top:-3px;left:-5px;} #area-list a {line-height:25px; } /* also had this: padding-right:10px; */ .dakno-flatlist {height:20px;border:} #dakno-flatlist li {float:left;list-style:none;} #property-list #area-list ul li { float:left!important; width:auto!important; padding-left:0!important; position:relative!important; } #condo-results #area-list ul li { float:left!important; width:auto!important; padding-left:0!important; position:relative!important; } #neighborhood-results #area-list ul li { float:left!important; width:auto!important; padding-left:0!important; position:relative!important; } /* local search tab module added 8/27/07 (js) area-list.php */ #area-info .dakno-standard { margin-bottom:0!important;} #localSearchForm , .localSearchTab { width:500px; margin:0 auto; } .localSearchTab span { padding:6px; width:100px; text-align:center; font-weight:bold; cursor:pointer; line-height:27px; } .localSearchRow { width:95%; display:block; clear:left; margin:5px auto; float:left; } div.localSearchFld { width:190px; float:left; margin:2px 0 2px 15px; } .localSearchFld img { float:left; } .localSearchFld label { width:6em!important; display:block; float:left; margin-right:10px; } #localSearchForm .localSearchFld input { border:solid 1px; margin:2px 0; } #localSearchForm { border-width:0 1px 1px 1px; border-style:solid; float:none; width:500px; } input#sv { height:19px; } input#sv, input#btn-localsearch { float:left!important; } div#customSearchRow div.localSearchFld { width:100%!important; } input#btn-localsearch { margin:0 0 0 10px!important; padding:0; height:25px!important; width:100px; } /* end of local seach tab module */ li#current-page {color:#990000!important;font-family:bold;text-decoration:underline;} /* new paging system - this goes in module foundation */ #paging-system {/*float:left;*/list-style:none!important;font-family:verdana;font-size:12px; margin:12px 0;padding:0; } #paging-system li {float:left;margin:0 2px;padding:0!important; list-style:none;} #paging-system li a {line-height:24px;text-decoration:none; padding:2px 4px; } #paging-system li a:hover, #paging-system li a { border-width:1px;border-style:solid;} /* quick skinning - this goes in components skinning and is also acting as a default */ li.tag-current a { background:#333; /* flags current page */ color:#fff!important; } #paging-system li a { color:#000; border-color:#fff; } li.tag-current a:hover { background:#fff!important; color:#000!important; } #paging-system li a:hover { background-color:#fff; color:#000; border-color:#000; }