/* MORTGAGE CALCULATOR */ #communitymortgagecalculator, .mortgagecalc { background-color: #EFEFEF; border: 1px solid #D1D1D1; margin: 20px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .mortgagecalc { width: 270px;} #mortgage_calc_form { width:auto; height:auto; } #mortgage_calc_form .group { margin-bottom:10px; } #mortgage_calc_form .group label:first-child { float:left; width:48%; padding-left: 0; } #mortgage_calc_form .group label { float:right; width:50%; margin-bottom:0; padding-left: 5px; } #mortgage_calc_form .group label span { font-size:.8em; color:#700; } #mortgage_calc_form .group label input { width: 90%;} #mortgage_calc_form .calculator-feedback {margin: 0 auto} #mortgage_calc_form .calculator-feedback dt { float: left; margin-left:5%; margin-top: 5px; width: 80px } #mortgage_calc_form .calculator-feedback dd { float: left; padding:3px; color:#700; margin-bottom: 5px; width: 170px; word-wrap: break-word; } /* Width fix for different languages -- Espanol - America + Europe, Italiano, Portuguese - Brasil + Europe */ .spu #mortgage_calc_form .calculator-feedback dt, .spa #mortgage_calc_form .calculator-feedback dt, .ita #mortgage_calc_form .calculator-feedback dt, .pob #mortgage_calc_form .calculator-feedback dt, .por #mortgage_calc_form .calculator-feedback dt { width: 104px; } .spu #mortgage_calc_form .calculator-feedback dd, .spa #mortgage_calc_form .calculator-feedback dd, .ita #mortgage_calc_form .calculator-feedback dd, .pob #mortgage_calc_form .calculator-feedback dd, .por #mortgage_calc_form .calculator-feedback dd { width: 148px; } #simplemodal-data #listingmortgagecalculatormodal { width: 270px; } #mortgage_calc_form .calculator-feedback .PrincipalBalance, #mortgage_calc_form .calculator-feedback .DownPayment, #mortgage_calc_form .calculator-feedback .MonthlyMortgagePayment { float: left; margin-top: 5px; width: 125px; } #mortgage_calc_form .calculator-feedback div#MC-PrincipalBalance, #mortgage_calc_form .calculator-feedback div#MC-DownPayment, #mortgage_calc_form .calculator-feedback div#MC-MonthlyMortgagePayment { background-color:#F4F4F4; border:2px solid #CCCCCC; float: left; padding:3px; color:#700; margin-bottom: 5px; word-wrap: break-word; width:110px; } .simplemodal-data .mortgagecalc { background-color: transparent; border: none; } .simplemodal-data #mortgage_calc_form .group label input { width: 87%; } /*WIDGET FORM*/ .widget-form { width:380px; } #sendtocell_form.widget-form label.error { margin-bottom:0px; } .widget-form label { display:block; font-size:1em; margin-bottom:22px;} .widget-form label.required { text-transform: capitalize} .widget-form label.error {font-size: 0.9em; margin-bottom: 0; margin-top: 2px; text-transform: capitalize} .widget-form label input, .widget-form label textarea, .widget-form label select { resize: none; margin-top:3px; display:block; width:363px; padding: 3px 4px 3px 10px; color: #666; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .widget-form label select { font-size:1.1em; width:100%; padding:3px 4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* div to replace the disabled textarea, because it didn't show the entire text in IE */ .widget-form label div {color:#6D6D6D; background-color: #F0F0F0; border-top: solid 2px #848484; border-left: solid 2px #848484; padding:3px 4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .widget-form .form-footer { text-align:center;} #modal_agent_form .form-footer { margin-top: 32px } .required-container { text-align: left; text-transform: capitalize; color:#999; padding: 0 0 7px; } .required-container .new_required_symbol { position:relative; top:0; left:0; float: left; margin-right: 2px } #agentdetailscontainer #email_agent_datetime label.error { position: relative; right: -140px; width: 126px; } .datetimepicker { text-align:left; width:100%; clear:both; margin-bottom:5px; position:relative; } .datetimepicker > div { float: left; } .datetimepicker .collapsable { width: 100%; } .datetimepicker label { text-align:left; float: left; margin-bottom: 7px; display:inline-block; } .datetimepicker input{ display:inline-block; width:100px; -webkit-box-sizing: border-box; } .datetimepicker label input { display:inline; padding: 0; width: 80px; margin:0; font-style:normal; color:#000;margin-right:24px; padding:1px 7px; } .datetimepicker select.timepicker { display: inline; margin-left:3px; width: auto; margin-top: 0 } .datetimepicker .requestTitle, .datetimepicker .title, .datetimepicker label { text-transform: capitalize; } .datetimepicker .title { float: left; width:90%; font-weight:bold; } .datetimepicker .view-toggle .icon { float: left; margin-right: 5px; } .datetimepicker .view-toggle .icon-plus-medium { background-position: -258px -32px; width: 13px; height: 13px; } .datetimepicker .requestTitle { color: #1764A0; font-weight: bold; width:90%; } .datetimepicker .error { float: right} #detailscontainer .contact-form .collapsable #email_agent_time { margin:0px; } .form-footer { clear:both; position:relative; } .agentemailagent #required-symbol, .brokeremailagent #required-symbol, .listingemailagent #required_symbol { float: right; margin-top: -4px; } /*SEND TO CELL*/ #sendtocell_form div.group { margin-bottom:10px; } #sendtocell_form div.group>label { margin-bottom:3px; } #sendtocell_form div.group>input { width:80px; font-size:1.1em; padding: 3px 4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* EMAIL AGENT -- NEW WINDOW */ .widget .agentemailagent { background-color: #F5F5F5; border: 1px solid #EAEAEA; font-size: 1.5em; padding: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget .agentemailagent .icon-email { display: none; } .widget .agentemailagent h3 { border-bottom: 1px solid #D7D7D7; margin-bottom: 20px; } .widget .agentemailagent h3 span { color: #333; font: bold 1em "Gill Sans MT"; line-height: 1.5em; text-transform: uppercase; } .widget .agentemailagent label { display: block; font-size: 1.2em; margin-bottom: 15px; position: relative; } .widget .agentemailagent label .new_required_symbol { color: #880000; left: 2px; position: absolute; top: 0px; } .widget .agentemailagent label input, .widget .agentemailagent label textarea { display: block; font-size: .9em; margin-top: 3px; padding: 3px 4px; resize: none; width: 322px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget .agentemailagent label.error { font-size: .8em; } .widget .agentemailagent .form-footer .required { font-size: .8em; } .widget .agentemailagent .form-footer .new_required_symbol { left: 0; position: relative; top: 2px; } .widget .agentemailagent .btn { font-size: .8em; } .simplemodal-data .widget-form > label { position:relative; clear:both; } /*#add_nearby_locations*/ #add_nearby_locations { width:860px; position:relative; } #add_nearby_locations .alpha { float:left; width:460px; } #add_nearby_locations h2 { margin-bottom:10px; } #add_nearby_locations .simplemodal-close { position: absolute; top: -5px; right: -5px; z-index: 1; } #add_nearby_locations .simplemodal-close .icon-text { display:none; } #add_nearby_locations h2+label { float:right; } #add_nearby_locations h2+label select { float:none; } #add_nearby_locations .sort { margin-bottom:10px; } #add_nearby_locations .sort>* { display:inline-block; padding: 0 5px; border-left:1px solid #d7d7d7; } #add_nearby_locations .sort span { color:#700; text-transform: capitalize; } #add_nearby_locations .sort span.first-child { color:#000; font-size:1.1em; border-left:none; margin-right:10px; } #add_nearby_locations .sort span.icon { border-left:none; vertical-align: bottom; } #add_nearby_locations .sort a { text-transform: capitalize; } #add_nearby_locations .sort a.icon-text { vertical-align: bottom; } #add_nearby_locations .tabs .icon { background: transparent url('/resources/v_3_2_0_14/layouts/common/images/icons/icons_google_map.png') no-repeat; width:12px; height:14px; } #add_nearby_locations .tabs .icon-green-neighborhoods { background-position: 0 -3px; } #add_nearby_locations .tabs .icon-red-cities { background-position: 0 -23px; } #add_nearby_locations .tabs .icon-blue-counties { background-position: 0 -43px; } #add_nearby_locations .locations { overflow-y:scroll; border-bottom:1px solid #d7d7d7; height:350px; } #add_nearby_locations .locations>div { float:left; width:210px; padding:5px; } #add_nearby_locations .locations>div label { display:block; margin-bottom:10px; } #add_nearby_locations .locations>div label>* { vertical-align:middle; } #add_nearby_locations .locations>div label>input { margin-right:3px; } #add_nearby_locations .alpha input.btn { margin-top:5px;} #add_nearby_locations .omega { float:right; width:380px; } #add_nearby_locations .omega #select-locations-map { width:380px; height:460px; } #NearbyLocationsJavascript { display:none; } /* |-------------------------------------------------------------------------- | GTS Res Platform > Search Widget |-------------------------------------------------------------------------- | | Use this area to position all of the elements on the page. | */ /* ----- BG Image for widget -------------- */ .search_incol .padding_wrapper {background: url(/resources/v_3_2_0_14/layouts/common/images/layout/gradients.png) repeat-x left -800px; } /* ----- Search Widget 620px Wide -------------- */ .search_incol { width: 620px; background: #ffffff; border: 1px solid #000000; } .search_incol .padding_wrapper { padding: 10px; margin: 10px; background: url('/resources/v_3_2_0_14/layouts/common/images/layout/gradients.png') repeat-x left -800px; } /* ----- Search Widget Global -------------- */ .search_incol .name { font-weight: normal; } .search_incol label { color: #000000; } .search_incol h2 { font-size: 13px; font-weight: bold; color: #000000; } .search_incol h3 { font-size: 11px; font-weight: bold; border-bottom: 1px solid #D7D7D7; color: #000000; } .search_incol ul { padding-top: 3px; } .search_incol ul li { line-height: 13px; } /* ----- Search Widget > Search By -------------- */ .search_by { padding: 5px 0px; line-height: 10px; } .search_by select { margin-bottom: 0px; } .search_by .input_wrapper { margin-right: 10px; } /*.search_by label { text-transform: capitalize; }*/ .search_by input { top: 3px; position: relative; } /* ----- Search Widget > Header/Footer -------------- */ .search_incol .header_wrapper { } .search_incol .header_wrapper .right { text-transform: uppercase; } .search_incol .content_wrapper { } .search_incol .footer_wrapper { } .search_cols .left { width: 30%; margin-right: 20px; } .search_cols .more_link { padding-top: 3px; display: block; } /* ----- Search Widget > Search Inputs -------------- */ .search_inputs { padding: 5px 0px } .search_inputs .right { margin-right: 30px; } .search_widget_input { margin-right: 10px; } .search_widget_input.wide input { width: 225px; } .search_widget_input.medium select { width: 148px; } .search_widget_input.small select { width: 110px; } .search_widget_input input { padding: 2px; } /* ----- Quick Links Widget > Title -------------- */ .widget #quicklinks .quick-links-widget h2 { text-transform: capitalize; padding-bottom: 5px;} /* ----- New Nearby Locations ----- */ /* -------------------------------- */ .hiding-place { left: 100%; position:absolute; margin-top: -28px; overflow-x:hidden; display:none; } .nearby-locations { display:table; padding: 7px; background-color:#DFE6ED; position:absolute; left: -430px; box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.28); width: 400px; height: 470px; } .loading-wrapper { display:table-cell; vertical-align:middle; text-align:center; } .loading-wrapper > label { text-transform:capitalize; width:100%; } .nearby-locations #add_nearby_locations { width: auto; } .nearby-locations #add_nearby_locations h2 { display: inline-block; font-size: 1.3em; margin-bottom: 8px; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; } .nearby-locations #add_nearby_locations .sort { display:block; float:right; margin-bottom:0;} .nearby-locations #add_nearby_locations .sort span.first-child { font-size:0.9em; padding:0; color:#333; } .nearby-locations #add_nearby_locations .sort select { font-size: 1.1em; padding:0 2px; margin:0 3px 0 0; width:90px; color:#666; text-transform:capitalize; } @-moz-document url-prefix() { .nearby-locations #add_nearby_locations .sort select { padding:2px; } } .nearby-locations #add_nearby_locations .simplemodal-close { float:right; position: static; } /*Tabs*/ .nearby-locations #add_nearby_locations .tabs { padding-top:6px; border-top:1px solid #ccc; clear:both; } .nearby-locations #add_nearby_locations .tabs ul li { margin-bottom:-1px; color:#5F5F5F; } .nearby-locations #add_nearby_locations .tabs ul li a { background-color: #F2F2F2; } .nearby-locations #add_nearby_locations .tabs ul li a:hover { background-color: #FFFFFF; } .nearby-locations #add_nearby_locations .tabs ul li.selected a { background-color: #FFFFFF; } .nearby-locations #add_nearby_locations .tabs { border-bottom: 1px solid #CCC; } /*TreeView*/ .nearby-locations #add_nearby_locations .alpha { width:auto; height:470px; } .nearby-locations #add_nearby_locations .locations { background-color:#FFF; height:368px; border-left:1px solid #CCC; overflow-y:auto; border-right:1px solid #CCC; border-bottom:1px solid #CCC; width:100%; min-width:400px; } .nearby-locations #add_nearby_locations .locations > div { width:190px; margin:10px 0; padding:0; float: left; } /*negative margin to keep inputs in place when map is opened and closed*/ .nearby-locations #add_nearby_locations .locations > div:first-child { border-right:1px solid #CCC; min-height:348px; } .nearby-locations #add_nearby_locations .locations > div label { margin:5px 10px; display:inline-block; width:165px; } .nearby-locations #add_nearby_locations .locations > div label span { width:140px; display:inline-block; } .nearby-locations #add_nearby_locations .no-location { padding:10px; display:inline-block; color:#333; font-size:1.1em; } /*Footer*/ .nearby-locations .form-footer { text-align:left; line-height:20px; margin-top:5px;} .nearby-locations #add_nearby_locations .alpha input.btn { font-weight:bold; padding:6px; border-radius:5px; -webkit-border-radius:5px; background-color:#224872; margin:5px 0 0; vertical-align:middle; } .nearby-locations .form-footer .or { text-transform:lowercase; font-size:1.2em; color:#333; padding:4px 6px; margin:5px 0 0; display:inline-block; vertical-align:middle; } .nearby-locations .form-footer .cancel { font-size:1.2em; margin:5px 0 0; padding:4px 6px; display:inline-block; vertical-align:middle; } .button-holder { float:right; } .show-map-icon { background: url('/resources/v_3_2_0_14/layouts/common/images/icons/small-map-image.png'); display: inline-block; height: 37px; vertical-align: middle; width: 67px; } .location-arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:9px solid #666; display:inline-block; vertical-align: middle; margin:8px; } .nearby-locations.big .location-arrow { border-right:9px solid #666; border-left:none; } /*Map*/ .nearby-locations #add_nearby_locations .omega { position:absolute; z-index:-1; bottom:0; margin-left: 6px; float:right; } .nearby-locations.big #add_nearby_locations .omega { position: static; } .nearby-locations #add_nearby_locations .omega #select-locations-map { height:470px; }