/* Bootstrap Overrides */ body:not(.MobileTouch) .dropdown-menu label.checkbox:hover { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } a, a:hover { color:#006c98 } /* prevent browser clear button for text input fields */ ::-ms-clear { display: none; } .dropdown-menu label.checkbox { padding: 3px 20px 3px 40px; } /* place holder styles */ ::-webkit-input-placeholder { color:#999999; font-style:italic; } :-moz-placeholder { color:#999999; font-style:italic; } ::-moz-placeholder { color:#999999; font-style:italic; } :-ms-input-placeholder { color:#999999; font-style:italic; } h1 { font-size:24px; color:#028ba1; } h2 { font-size:18px; color:#006c98; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:13px; } h6 { font-size:13px; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-family:'Source Sans Pro',sans-serif; line-height:1.5em; } #dialogAlert { max-width:30em; } #dialogAlert h1 { color:#006c98; display:inline-block; font-size:20px; line-height:100%; margin:0; padding-top:5px; position:relative; } body.layoutHome #user-message-area { position:absolute; top:11em; width:100%; z-index:10; } body.layoutHome #user-message-area div.alert { margin:0 auto; max-width:64em; } /* remove Mobile Safari inner shadow */ textarea, input[type="text"], input[type="submit"], input[type="password"] { -webkit-appearance: none; } .hide.visible-desktop { display: none !important; } [class^="icon-"], [class*=" icon-"] { line-height:1; margin-right:0px; vertical-align:middle; } /* Image override already in bootstrap.css Still need label override. See: http://stackoverflow.com/questions/9141249/twitter-bootstrap-css-affecting-google-maps */ .google-maps label { width: auto; display:inline; } /* Below is to fix a probable box-sizing issue. For image responsive sizing to the parent containers width put 'img-polaroid' on the tag around the image. */ a.img-polaroid, span.img-polaroid { display:inherit; text-align:center; } /* user message defaults */ .alert { border-width:2px; border-style:solid; padding:0.5em 2em 0.5em 0.5em; } .alert a.close { zoom:1; filter:alpha(opacity=100); opacity:1; line-height:0; top:6px; } .alert h4 { display:none; } .alert ul { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; list-style:none outside none; margin:0.5em 0; width:100%; } .alert ul li { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1.2857143em; font-weight:500; min-height:2.2222222em; overflow:hidden; padding-left:3em; width:100%; } .alert ul li i { float:left; font-size:240%; height:100%; margin-left:-1.25em; max-height:1em; position:absolute; } .alert ul li span { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; line-height:1.25em; margin-top:0.5em; overflow:hidden; position:relative; } /* take care of any sub-lists */ .alert ul li ul { margin-top:1em; } .alert ul li ul li { font-size:105%; line-height:1.5em; min-height:inherit; padding-left:1em; } /* user message target specific */ .alert.alert-error { background-color:#f2dede; border-color:#b94a48; } .alert.alert-error, .alert.alert-error a.close, .alert.alert-error h4 { color:#b94a48; } .alert.alert-warning { background-color:#ffede0; border-color:#ed9023; } .alert.alert-warning, .alert.alert-warning a.close, .alert.alert-warning h4 { color:#ed9023; } .alert.alert-info { background-color:#d9edf7; border-color:#3a87ad; } .alert.alert-info, .alert.alert-info a.close, .alert.alert-info h4 { color:#3a87ad; } .alert-note { color:#b94a48; } /* Site Header */ .navbar.site-header { color:#FFFFFF; font-family:'Source Sans Pro',sans-serif; font-size:inherit; font-weight:300; line-height:inherit; } .header-logo-img { max-height: 65px; } .navbar-inner.site-header { border-radius:0px; border-width:0; -moz-box-shadow:0 3px 5px rgba(0,20,30,0.5); -webkit-box-shadow:0 3px 5px rgba(0,20,30,0.5); box-shadow:0 3px 5px rgba(0,20,30,0.5); } .navbar-inner.site-header { background:none repeat scroll 0 0 #028ba1; border-bottom:1px solid #FFFFFF; height:80px; line-height:80px; min-height:80px; } .btn.btn-navbar.site-header { margin-top:12px; } body:not(.MobileTouch) .btn.btn-navbar.site-header:hover { background-color:#033B90; } .brand.site-header { margin:0; padding:0; } .brand.site-header.retina-display { display:none; } body.Safari4 .brand.site-header { line-height:66px; } body.Handheld.Safari4 .brand.site-header { line-height:2em; } .site-favs-row { line-height:26px; height:26px; min-height:26px; overflow:hidden; border-radius:0px; border-bottom:1px solid #FFFFFF; background:#707070; } .site-favs-row .container-fav-access { width:100%; display:inline-block; float:right; } .site-favs-row .fav-access { float:right; font-size:12px; line-height:26px; margin:0; } .site-favs-row .fav-access span { color:#FFFFFF; font-weight:bold; } .site-favs-row .fav-access a span.hidden-phone { filter:alpha(opacity=100); opacity:1; } .site-favs-row .fav-access a { color:#FFFFFF; font-weight:bold; padding-left:3px; } .navbar .nav.site-nav { float:right; left:inherit; line-height:inherit; margin:0; min-height:80px; } .navbar .nav.site-nav li { line-height:inherit; min-height:inherit; } .navbar .nav.site-nav li a { color:#FFFFFF !important; border-left:1px solid #009eb7; font-size:20px; padding:0 20px; text-shadow:none; zoom:1; filter:alpha(opacity=80); opacity:0.8; } body:not(.MobileTouch) .navbar .nav.site-nav li a:hover { opacity: 1; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); } body.IE8 .navbar .nav.site-nav li:hover, body.IE8 .navbar .nav.site-nav li a:hover { background-color:#009eb7; } body.IE8 .navbar .nav.site-nav li a span { display:block; } .navbar .nav.site-nav li:nth-last-child(1) a { border-right:1px solid #009eb7; } body:not(.MobileTouch) .navbar .nav.site-nav li:not(.active):hover { color:#FFFFFF; background:none; background-color:#009eb7; filter:alpha(opacity=100); opacity:1; text-decoration:none; text-shadow:0px 1px 1px rgba(0,0,0,0.4); transition:0.3s ease; } .navbar .nav.site-nav li.active a, body:not(.MobileTouch) .navbar .nav.site-nav li.active a:hover { background-color:inherit; box-shadow:0 20px 40px 0px rgba(0, 0, 0, 0.2) inset; cursor:default; filter:alpha(opacity=100); opacity:1; background-image:url(/Images/ClipArt/nav-triangle@2x.png); background-size: 30px; background-position:center bottom; background-repeat:no-repeat; } body.IE8 .navbar .nav.site-nav li.active, body.IE8 .navbar .nav.site-nav li.active a { background-color:#009eb7; } /* sub-menu override fixes */ .navbar .nav.site-nav li:nth-last-child(1) a.dropdown-split-left { border-right:none; } body:not(.MobileTouch) .navbar .nav.site-nav li.active a.dropdown-split-left:hover, .navbar .nav.site-nav li.active a.dropdown-split-left { background-color:transparent; background-position:90% bottom; border-right:none; box-shadow:none; } .navbar .nav.site-nav li.active { box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.2) inset; } .navbar .nav.site-nav li.active div.dropdown-split a.dropdown-split-right { background-color:transparent; background-image:none; box-shadow:none; cursor:pointer; } .navbar .nav.site-nav li.active div.dropdown-split ul.dropdown-menu li a { background-image:none; box-shadow:none; cursor:pointer; } .navbar .btn-navbar, body:not(.MobileTouch) .navbar .btn-navbar:hover { background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:medium none; box-shadow:none; margin:0; padding:8px 15px 8px 8px; text-shadow:inherit; } .navbar .btn-navbar .icon-bar { width:28px; height:3px; margin-bottom:6px; } .navbar .nav.site-nav li .dropdown-split { float:left; } .navbar .nav.site-nav li .dropdown-split-left { float:left; padding-left:20px; padding-right:0; } .navbar .nav.site-nav li .dropdown-split-right { border-left:none; cursor:pointer; float:right; padding-left:16px; padding-right:20px; } body.IE8 .navbar .nav.site-nav li .dropdown-split-right { background-image:url(/Images/shim.gif); } .navbar .nav.site-nav li div.open, .navbar .nav.site-nav li div.open .dropdown-toggle { background-color:#009eb7; } .navbar .nav.site-nav li div.open ul.dropdown-menu { background-clip:inherit; background-color:#014966; border-radius:0; display:block; } .navbar .nav.site-nav li.site-nav-magazines div.open ul.dropdown-menu { left:inherit; right:0; } .navbar .nav.site-nav li div.open ul.dropdown-menu li { font-size:18px; line-height:34px; } body:not(.MobileTouch) .navbar .nav.site-nav li div.open ul.dropdown-menu li:hover { background:#1b5c76 !important; } .navbar .nav.site-nav li div.open ul.dropdown-menu li a { font-size:inherit; font-weight:inherit; line-height:inherit; } /* When < 980px. For landscape tablet and smaller. */ @media only screen and (max-width: 979px) { .navbar.navbar-fixed-top.site-header { position:relative; } .navbar-inner.site-header { height:40px; line-height:40px; min-height:40px; } .header-logo-img { max-height: 40px; } .site-favs-row { border-bottom:none; } .site-favs-row .container-fav-access { width:60%; } .site-favs-row .fav-access { padding-right:15px; } .site-favs-row .fav-access a:nth-last-child(2) { padding-right:4px; } .brand.site-header { margin-top:-3px; margin-left:15px; width:200px; } body.Safari4 .brand.site-header { line-height:32px; } .navbar .nav.site-nav { background:#014966; float:none; line-height:60px; margin-top:2px; min-height:60px; text-align:center; width:100%; filter:alpha(opacity=100); opacity:1; z-index:1; } .navbar .nav.site-nav li a { font-weight:300; filter:alpha(opacity=100); opacity:1; } body:not(.MobileTouch) .navbar .nav.site-nav li a:hover { background-color:inherit; } .navbar .nav.site-nav li.active a, body:not(.MobileTouch) .navbar .nav.site-nav li.active a:hover { background:#009eb7; box-shadow:none; } .navbar .nav.site-nav li .dropdown-split-left { float:none; padding-left:inherit; padding-right:inherit; } .navbar .nav.site-nav li .dropdown-split-right { display:none; } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {background: transparent; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #014966; background-color: rgba(255, 255, 255, 0.1); } } /* When <= 480px. For landscape iPhone and smaller. */ @media only screen and (max-width: 480px) { body { padding-left:10px; padding-right:10px; } .brand.site-header { max-width:160px; width:50%; } .site-favs-row { min-height: 18px; height: 18px;} .site-favs-row .fav-access { line-height: 18px; } .site-favs-row .container-fav-access { width: 100%; } } body.IE9 .navbar-inner, body.IE8 .navbar-inner { filter:none; } /* Breadcrumbs */ /* .site-breadcrumbs-row { margin-bottom:9px; min-height:60px; overflow:hidden; } */ .site-breadcrumbs-row { margin-bottom:9px; overflow:hidden; } .site-breadcrumbs-row h1 { display:inline-block; font-size:20px; color:#0051b5; height:30px; margin-right:16px; } .site-breadcrumbs-row p { display:inline-block; font-size:13px; font-weight: bold; margin:0; } .site-breadcrumbs-row hr.rule-default { margin:2px 0; } .site-breadcrumbs-row ul.breadcrumb { background:none; border:none; margin:0; padding:0 1px 5px; } .site-breadcrumbs-row ul.breadcrumb li { font-size:11px; } .site-breadcrumbs-row ul.breadcrumb li a { color:#444444; } .site-breadcrumbs-row ul.breadcrumb li .divider { color:#444444; } .site-breadcrumbs-row ul.breadcrumb li.questions-comments { float:right; } .site-breadcrumbs-row ul.breadcrumb li.questions-comments a { color:#006c98; } /* Site Footer */ .site-footer { background-color: #d8d8d8; color:#333333; float:left; margin-top:30px; position:relative; width:100%; } .site-footer ul, .site-footer li { line-height:inherit; } .site-footer ul.footer-columns > li { display:inline-block; margin-bottom:0; min-height:60px; width:100%; } .site-footer ul.footer-columns > li.blank-spacer { list-style:outside none none; } .site-footer .site-footer-inner { font-size:0.7857143em; line-height:1.4375em; font-family:'Source Sans Pro',sans-serif; font-weight:500; } /*.footer-logo.retina-display {display: none; }*/ .footer-logo-img { max-height: 77px } .footer-trim-top { padding-top:30px; } @media only screen and (max-width: 979px) { .site-footer .site-footer-inner { padding:0; } .site-footer ul.footer-columns > li br.break-controller { display:none; } } @media only screen and (max-width: 768px) { .site-footer .site-footer-inner { margin-top:25px; padding:0; } } @media (max-width: 640px) { .site-footer .site-footer-inner { margin-top:2em; padding:0 20px; } .footer-social-links-container { margin-bottom:1em; } } .site-footer a { color:#006c98; line-height:inherit; } .site-footer .footer-social-links { display:inline-block; margin:0; } .site-footer .footer-social-links li { display:inline-block; float:left; height:30px; padding:0; } .site-footer .footer-social-links li a { display:inline-block; height:30px; } body:not(.MobileTouch) .site-footer .footer-social-links li a:hover i { text-decoration:none; color:#0051b5; } .site-footer .headlines-heading { font-size:13px; line-height:18px; } .site-footer .headlines-heading a { text-transform:uppercase; } .site-footer .headlines { list-style:none; margin:0 0 9px 0; } .site-footer .headlines li { background:transparent url(/Images/Icons/icon-play-small.png) left center no-repeat; padding-left:16px; } .site-footer p { line-height:inherit; text-align:center; } .site-footer .about-services { text-align:justify; } .site-footer .services-offered-by { font-size:13px; } .site-footer .footer-links { margin-bottom:27px; } body.IE8 .site-footer .footer-columns { display:inline-block; overflow:hidden; position:relative; width:100%; } .site-footer .footer-columns p { text-align:justify; } .site-footer .footer-columns p.text-nowrap { overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; } body.IE9 .site-footer .four-column.footer-columns p, body.IE8 .site-footer .four-column.footer-columns p { display:inline-block; width:22%; margin-right:20px; overflow:hidden; } body.IE8 .site-footer .three-column.footer-columns { width:100%; } body.IE9 .site-footer .three-column.footer-columns li, body.IE8 .site-footer .three-column.footer-columns li { display:inline-block; width:30%; margin-right:20px; overflow:hidden; } .footer-trim { background-color:#014966; height:24px; padding:0 40px; } .footer-spacer { background:transparent url(/Images/ClipArt/curve-blue-under-trans.png) center center no-repeat; margin:0 0 3em; height:41px; width:100%; } /* Social Links */ .sprite-social-links { background:transparent url(/Images/Icons/icons-social@2x.png) center center no-repeat; background-size: 264px; display:inline-block; height:31px; width:40px; } body:not(.MobileTouch) .sprite-social-links:hover { zoom:1; filter:alpha(opacity=50); opacity:0.5; } .sprite-facebook-sign { background-position:5px 0; } .sprite-twitter-sign { background-position:-88px 0; } .sprite-play-sign { background-position:-138px 0; } .sprite-pinterest { background-position:-184px 0; } .sprite-linkedin-sign { background-position:-227px 0; } /* Site General */ form { margin:0; } form.form-inline { display:inline-block; position:relative; width:100%; } /* A customized privacy-policy specific to forms. */ .privacy-policy-forms { font-size:10px; margin:14px 0 0; text-align:left; color:#999999; } .privacy-policy-forms-regular { color:#333333; font-size:inherit; } /* TODO: Fix baseAccount to have fieldset around legend tag. */ form legend, fieldset legend { color:#08C; } form .form-actions { background:none; border:none; } section { margin:0 0 25px; overflow:hidden; } section.overflow-visible { overflow:visible; } section .section-heading { display:block; font-size:15px; margin-bottom:9px; } dl .dl-group { overflow:hidden; } .dl-horizontal.dl-left dt { text-align:left; } hr { border-bottom-color:#BEBEBE; } hr.border-match { border-bottom-color:#fff; border-top: 1px solid #ffffff; } hr.rule-default { border-bottom:solid 1px #4e84ff; width:100%; height:1px; display:block; } hr.rule-enhanced { border-bottom:solid 1px #006ec4; width:100%; height:1px; display:block; } hr.rule-dotted { border-bottom:dotted 1px #5b5653; width:100%; height:1px; display:block; } hr.rule-thick { border-bottom:solid 2px #4e84ff; width:100%; height:1px; display:block; margin:2px 0 18px; } hr.rule-legend { border:none; border-bottom:solid 1px #E5E5E5; width:100%; height:1px; display:block; } .rule { border-bottom:1px solid #BEBEBE; } .rule-default { border-bottom:solid 1px #4e84ff; } .rule-dotted { border-bottom:dotted 1px #5b5653; } .rule-dotted-vertical { border-right:dotted 1px #5b5653; } .rule-dashed { border-bottom:dashed 1px #999999; } .required-item { color:#B94A48; font-size:170%; line-height:15px; margin-right:5px; vertical-align:text-top; } .label-minor { font-size:12px; } .label-minor-extreme { font-size:9px; line-height:1.25em; } .plain-heading { color:#333333; margin:0; } .sub-heading { color:#028ba1; border-bottom:1px solid #CCCCCC; margin-bottom:2em; } .sub-heading-large-spacing { margin-bottom:1em; } .h-understate { font-size:90%; font-weight:normal; display:block; } .line-height-normal { line-height:100%; } .table-heading thead tr th { background-color:#E6E1CD; } table.table-cell-centered tr th, table.table-cell-centered tr td { text-align:center; } table.table-cell-valign-top tr th, table.table-cell-valign-top tr td { vertical-align:top; } .section-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } /* quirk fixes */ body.IE8 table { table-layout:fixed; } /* CSS tables */ .css-table { display:table; width:100%; } .css-table-inline { display:inline-table; } .css-thead { display:table-header-group; } .css-tbody { display:table-row-group; } .css-tfoot { display:table-footer-group; } .css-colgroup { display:table-column-group; } .css-col { display:table-column; } .css-tr { display:table-row; } .css-th { display:table-cell; font-weight:bold; } .css-td { display:table-cell; vertical-align:top; } .css-td.center { text-align:center; } .css-td.full { text-align:justify; } .css-td.halves { width:50%; } .css-td.thirds { width:33%; } .css-label { display:none; } .css-spacer {} /* CSS tables with bootstrap appearance */ .css-table.bootstrappy { line-height:1.4285714em; margin-bottom:1.4285714em; } .css-table.bootstrappy .css-th { border-top:1px solid #DDDDDD; padding:0.5714286em; } .css-table.bootstrappy .css-td { border-top:1px solid #DDDDDD; padding:0.5714286em; } .css-table.bootstrappy .css-colgroup + .css-thead .css-tr:first-child .css-th, .css-table.bootstrappy .css-colgroup + .css-thead .css-tr:first-child .css-td, .css-table.bootstrappy .css-thead:first-child .css-tr:first-child .css-th, .css-table.bootstrappy .css-thead:first-child .css-tr:first-child .css-td { border-top: 0 none; } .prominent { font-size:140%; } .xxlarge-spacing { margin:0 0 70px; } .xlarge-spacing { margin:0 0 50px; } .large-spacing { margin:0 0 25px; } .medium-spacing { margin:0 0 13px; } .small-spacing { margin:0 0 9px; } .xsmall-spacing { margin:0 0 4px; } .no-spacing { margin:0; } .medium-pad { padding:14px; } .no-pad { padding:0; } .clear-left { clear:left; } .text-left { text-align:left; } .text-center { text-align:center; } .text-right { text-align:right; } .text-justify { text-align:justify; } .text-nowrap { white-space:nowrap; } .checkbox-title, .radio-title { margin:0 10px 0 0; min-height:20px; padding:5px 0 0 0; } .checkbox-title.inline, .radio-title.inline { display:inline-block; vertical-align:middle; } #AdBoombox, #AdBoombox2, #AdBoombox3, #AdBoombox4, #AdSkyscraper, #AdSkyscraper2, #AdSkyscraper3, #MobileMiddle { margin:0 0 25px; } #AdsSeparator { margin:2.5em 0 1em; text-align:center; } #AdsSeparator hr { margin:0; } @media (max-width: 480px) { #AdsSeparator { margin:1.5em 0 .5em; } } .trackMe { color:#0088CC; cursor:pointer; } .emphasis { color:#9C1000; font-weight:bold; } .deemphasize { color:#666666; } /* lighter than normal text but not as light as muted (exactly in between) */ .privacy-policy { font-size:13px; } .action-area-left { text-align:left; } .action-area-right { text-align:right; } .action-area-center { text-align:center; } .container-area-left { text-align:left; } .container-area-right { text-align:right; } .container-area-center { text-align:center; } @media (max-width: 767px) { .center-phone { text-align:center; } .large-spacing-phone { margin:0 0 25px; } } @media (min-width: 768px) and (max-width: 979px) { .center-tablet { text-align:center; } } @media (min-width: 980px) { .center-desktop { text-align:center; } } div.container-area-center div.google-maps { margin:0 auto; } .x-container { display:block; overflow:hidden; } .x-container-section-full { display:block; overflow:hidden; margin-bottom:16px; clear: left; } .control-group-normal { display:inline-block; width:100%; overflow:hidden; } .control-group-inline { display:inline-block; margin-right:9px; position:relative; vertical-align:top; } .control-group-inline a.link-uncheck-all { font-style:italic; } .control-group-snug { margin-bottom:0 !important; } .control-group-center { text-align:center; } .control-text-inline { display:inline-block; margin-bottom:5px; padding-top:5px; } /* responsive controls in 1 column */ .control-col1 select, .control-col1 input { height:2em; margin:0 0 10px 0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width: 483px) { .control-col1 select, .control-col1 input { margin-bottom:10px; } } /* responsive controls in 2 columns */ .control-col2 select, .control-col2 input { height:2em; margin:0 0 10px 0; width:49%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .control-col2 select:first-child, .control-col2 input:first-child { float:left; } .control-col2 select:nth-last-child(1), .control-col2 input:nth-last-child(1) { float:right; } @media (max-width: 483px) { .control-col2 select, .control-col2 input { margin-bottom:10px; width:100%; } .control-col2 select:nth-last-child(1), .control-col2 input:nth-last-child(1) { float:left; } } h1.rule-default { border-bottom:solid 1px #4e84ff; } /* icon from http://ajaxload.info/ */ .loading { background: url(/Images/Icons/ajax-loader.gif) no-repeat left center; padding-left: 20px; } body:not(.MobileTouch) .loading:hover { background-position:0 center; } .loading-text-centered { display:block; margin:30px 0; text-align:center; } .btn-loading { color:rgba(0,0,0,0); font-size:0; } .btn-loading:after { content: "Please wait..."; color: #FFF; font-size:14px; vertical-align:middle; } .links-right { text-align:right; } .links-right a { margin-left:9px; } .links-right a:first-child { margin-left:0; } .BannerRight { float:right; } .bulletList, .plainList { list-style:none outside none; margin-left:0; padding-left:1em; text-indent:0px; } .bulletList li:before { content:"\2022 \0020"; color:#333333; } .bulletList.two-column, .plainList.two-column, .two-column { -moz-column-count:2; /* Firefox */ -moz-column-gap:20px; -webkit-column-count:2; /* Safari and Chrome */ -webkit-column-gap:20px; column-count:2; column-gap:20px; } body.IE8 .bulletList.two-column, body.IE8 .plainList.two-column, body.IE8 .two-column { display:inline-block; width:100%; } body.IE8 .bulletList.two-column li, body.IE8 .plainList.two-column li, body.IE8 .two-column li { display:inline-block; max-width:49%; width:100%; } body.IE9 .bulletList.two-column, body.IE9 .plainList.two-column, body.IE9 .two-column { display:inline-block; width:100%; } body.IE9 .bulletList.two-column li, body.IE9 .plainList.two-column li, body.IE9 .two-column li { display:inline-block; max-width:49%; width:100%; } body.Safari4 .bulletList.two-column, body.Safari4 .plainList.two-column, body.Safari4 .two-column { display:inline-block; width:100%; position:relative; -webkit-column-count:1; -webkit-column-gap:0; } body.Safari4 .bulletList.two-column li, body.Safari4 .plainList.two-column li, body.Safari4 .two-column li { display:inline-block; max-width:49%; width:100%; } body.FF3 .bulletList.two-column, body.FF3 .plainList.two-column, body.FF3 .two-column { display:block; width:100%; position:relative; -moz-column-count:1; -moz-column-gap:0; } body.FF3 .bulletList.two-column li, body.FF3 .plainList.two-column li, body.FF3 .two-column li { display:inline-block; max-width:49%; width:100%; } .bulletList.three-column, .plainList.three-column, .three-column { -moz-column-count:3; /* Firefox */ -moz-column-gap:20px; -webkit-column-count:3; /* Safari and Chrome */ -webkit-column-gap:20px; column-count:3; column-gap:20px; } body.IE8 .bulletList.three-column, body.IE8 .plainList.three-column, body.IE8 .three-column { display:inline-block; width:100%; } body.IE8 .bulletList.three-column li, body.IE8 .plainList.three-column li, body.IE8 .three-column li { display:inline-block; max-width:32%; width:100%; } body.IE9 .bulletList.three-column, body.IE9 .plainList.three-column, body.IE9 .three-column { display:inline-block; width:100%; } body.IE9 .bulletList.three-column li, body.IE9 .plainList.three-column li, body.IE9 .three-column li { display:inline-block; max-width:32%; width:100%; } body.Safari4 .bulletList.three-column, body.Safari4 .plainList.three-column, body.Safari4 .three-column { display:inline-block; width:100%; position:relative; -webkit-column-count:1; -webkit-column-gap:0; } body.Safari4 .bulletList.three-column li, body.Safari4 .plainList.three-column li, body.Safari4 .three-column li { display:inline-block; max-width:32%; width:100%; } body.FF3 .bulletList.three-column, body.FF3 .plainList.three-column, body.FF3 .three-column { display:block; width:100%; position:relative; -moz-column-count:1; -moz-column-gap:0; } body.FF3 .bulletList.three-column li, body.FF3 .plainList.three-column li, body.FF3 .three-column li { display:inline-block; max-width:32%; width:100%; } .bulletList.four-column, .plainList.four-column, .four-column { -moz-column-count:4; /* Firefox */ -moz-column-gap:20px; -webkit-column-count:4; /* Safari and Chrome */ -webkit-column-gap:20px; column-count:4; column-gap:20px; } body.IE8 .bulletList.four-column, body.IE8 .plainList.four-column, body.IE8 .four-column { display:inline-block; width:100%; } body.IE8 .bulletList.four-column li, body.IE8 .plainList.four-column li, body.IE8 .four-column li { display:inline-block; max-width:24%; width:100%; } body.IE9 .bulletList.four-column, body.IE9 .plainList.four-column, body.IE9 .four-column { display:inline-block; width:100%; } body.IE9 .bulletList.four-column li, body.IE9 .plainList.four-column li, body.IE9 .four-column li { display:inline-block; max-width:24%; width:100%; } body.Safari4 .bulletList.four-column, body.Safari4 .plainList.four-column, body.Safari4 .four-column { display:inline-block; width:100%; position:relative; -webkit-column-count:1; -webkit-column-gap:0; } body.Safari4 .bulletList.four-column li, body.Safari4 .plainList.four-column li, body.Safari4 .four-column li, body.Safari4 .four-column p { display:inline-block; max-width:24%; width:100%; } body.FF3 .bulletList.four-column, body.FF3 .plainList.four-column, body.FF3 .four-column { display:block; width:100%; position:relative; -moz-column-count:1; -moz-column-gap:0; } body.FF3 .bulletList.four-column li, body.FF3 .plainList.four-column li, body.FF3 .four-column li, body.FF3 .four-column p { display:inline-block; max-width:24%; width:100%; } /* additive flex column class overrides (affects modern browsers only) */ @media (max-width: 979px) { /* change 4 columns into 3 */ .bulletList.four-column.four-column-flex2, .plainList.four-column.four-column-flex2, .four-column.four-column-flex2 { -moz-column-count:3; /* Firefox */ -moz-column-gap:20px; -webkit-column-count:3; /* Safari and Chrome */ -webkit-column-gap:20px; column-count:3; column-gap:20px; } } @media (max-width: 499px) { /* change 4 columns into 2 */ .bulletList.four-column.four-column-flex2, .plainList.four-column.four-column-flex2, .four-column.four-column-flex2 { -moz-column-count:2; /* Firefox */ -moz-column-gap:20px; -webkit-column-count:2; /* Safari and Chrome */ -webkit-column-gap:20px; column-count:2; column-gap:20px; } body.Handheld.Safari4 .bulletList.four-column.four-column-flex2, body.Handheld.Safari4 .plainList.four-column.four-column-flex2, body.Handheld.Safari4 .four-column.four-column-flex2 { display:inline-block; width:100%; position:relative; -webkit-column-count:1; -webkit-column-gap:0; } body.Handheld.Safari4 .bulletList.four-column.four-column-flex2 li, body.Handheld.Safari4 .plainList.four-column.four-column-flex2 li, body.Handheld.Safari4 .four-column.four-column-flex2 li { display:inline-block; max-width:inherit; width:49%; } } .bulletList.large { font-size:16px; } /* For unordered lists that have a row-fluid inside (keeps the bullet lined up) */ .list-with-row li { margin-bottom:5px; } .list-with-row li .row-fluid { line-height:100%; } .list-with-row li .row-fluid [class*="span"] { line-height:20px; min-height:inherit; } .list-with-row li .row-fluid:before, .list-with-row li .row-fluid:after, .list-with-row li .row-fluid { display:inline-block; line-height:4px; vertical-align:top; } @media (max-width: 767px) { .list-with-row li { margin-bottom:9px; } .list-with-row li .row-fluid:before, .list-with-row li .row-fluid:after, .list-with-row li .row-fluid { display:inline-block; line-height:0; vertical-align:top; } } .well.postit-details { background-color: #D9EDF7; } .well.postit-form { background-color:#EAEAEA; border:none; border-radius:0; box-shadow:none; } .well.postit-callout { background-color:#E7E7E4; border:none; border-radius:0; box-shadow:none; } .well.postit-callout .callout-heading { color:#028ba1; font-size:1.1428571em; font-weight:bold; line-height:1.25em; margin-bottom:1.2857143em; text-align:center; } .well.postit-callout p { color: #6E6E6E; font-size:1em; line-height:1.25em; margin-bottom:0.75em; } .well.postit-callout .icon-callout { display:inline-block; float:left; font-size:2.7142857em; height:inherit; margin-right:0.5em; color:#3B3B3B; } .well.postit-callout h2 { color:#3B3B3B; font-size:1.2857143em; margin:0; } .well.postit-callout.offset-callout { margin-top:30px; } .postit-note { background-color:#E6E1CD; } .postit-note heading { background-color:#DAD49D; display:block; padding:5px 10px; text-align:center; } .postit-note .postit-content { padding:0 19px; } .frame-tl { border-top:1px solid #BEBEBE; border-left:1px solid #BEBEBE; padding:9px 0 0 9px; margin-top:28px; } .frame-tr { border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE; padding:9px 9px 0 0; margin-top:28px; } .frame-l { border-left:1px solid #BEBEBE; padding:0 0 0 9px; } .frame-full { position:relative; padding:13px 18px; *padding-top: 19px; background-color:#FFFFFF; border:1px solid #DDDDDD; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .frame-full .frame-heading { color:#0051B5; display:block; font-size:16px; line-height:1; margin:0 0 14px; } .frame-no-top { border-top:none; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .frame-section { margin:0 0 25px; } .hero-unit-small { padding:20px 25px; background-color:#eeeeee; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; max-width:380px; float:none; margin:0 auto; } /* .hero-unit-small-center { float:none; margin:0 auto; } */ .hero-unit-small-heading { margin-bottom:13px; font-size:18px; font-weight:bold; line-height:1.25; color:#0051B5; letter-spacing:-1px; text-align:center; } .hero-unit-small p { float:none; font-size:15px; line-height:1.4375; margin-bottom:13px; margin-left:0; text-align:center; } .hero-unit-small-action-area { text-align:center; } .hero-side-by-side .hero-unit-small { max-width:auto; } .hero-side-by-side .hero-unit-small .vspan { min-height:6em; } .btn-icon { text-align:left; white-space:nowrap; } .btn-icon [class*="icon-"] { display:inline-block; float:left; font-size:50px; height:50px; margin-right:14px; margin-top:0; } .btn-icon span { float:left; } .btn-icon small { display:block; } .btn-icon strong { display:inline-block; } .icon-dollar { font-size:43px !important; font-weight:bold; font-style:normal; -webkit-transform:scale(1.2,1); /* Safari and Chrome */ -moz-transform:scale(1.2,1); /* Firefox */ -ms-transform:scale(1.2,1); /* IE 9 */ -o-transform:scale(1.2,1); /* Opera */ transform:scale(1.2,1); /* W3C */ } .icon-left { margin-left:0; margin-right:2px; } .icon-right { margin-left:2px; margin-right:0; } .iconem-positive { color:#0088CC; } .icon-medium { font-size:150%; } .icon-large { font-size:200%; } .icon-xlarge { font-size:250%; } .icon-xxlarge { font-size:300%; } .icon-xxxlarge { font-size:350%; } .page-heading { font-size:30px; font-weight:900; } .page-subheading { font-size:21px; font-weight:bold; text-transform:uppercase; line-height:30px; margin-bottom:5px; } .page-intro { margin-bottom:24px; } .page-information { position:relative; margin:15px 0; padding:13px 18px; *padding-top: 19px; background-color:#FFFFFF; border:1px solid #DDDDDD; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .page-information .heading { font-size:16px; line-height:1; margin-top:6px; } .heading-listing-results { position:relative; } .list-options-group { margin-bottom:18px; } .list-options-group-inline { display:inline-block; float:left; margin-bottom:18px; margin-right:18px; } .list-options-group-inline.rental-feature-group:nth-of-type(5) { min-height:404px; } .list-options-heading-topline { border-top:1px solid #BEBEBE; padding-top:6px; max-width:90%; } .list-options-heading { font-size:12px; font-weight:bold; } .list-options { list-style:none outside none; margin:0 0 9px 0px; } .list-options li { margin-bottom:5px; } .list-options li label { display:inline-block; margin:0 0 0 0; } .list-options li input[type="image"], .list-options li input[type="checkbox"], .list-options li input[type="radio"] { height:inherit; margin-right:3px; margin-top:0; } .list-resources { margin-bottom:36px; } .list-resources-heading { color:#006c98; font-size:14px; font-weight:bold; } .list-resources li p { font-size:11px; } .list-resources-nolist { list-style:none outside none; padding:0; margin:20px 0 25px; } .list-links-resources-nolist { background-color:#EEEEEE; font-family:'Source Sans Pro',sans-serif; font-weight:300; list-style:none outside none; padding:0 1.125em 1.25em; margin:20px 0 25px; -webkit-border-radius:1.4285714em; -moz-border-radius:1.4285714em; border-radius:1.4285714em; } /* Section container (generic with border) */ .section-container-border { border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC; border-radius:6px 6px 6px 6px; border-style:solid solid solid solid; border-width:1px 1px 1px 1px; overflow:hidden; } .section-container-border-inner { margin:9px 0; padding:0 9px; overflow:hidden; } /* Section composition container */ .section-composition { display:inline-block; margin-bottom:25px; width:100%; } .section-composition-header { color:#0051b5; display:block; font-size:18px; line-height:1.5; margin-bottom:9px; } .section-composition-header [class^="icon-"], .section-composition-header [class*=" icon-"] { color:#5CA1D8; font-size:180%; margin-right:6px; vertical-align:bottom; } .section-composition-hr { border-bottom:1px solid #0051B5; margin-bottom:13px; } .section-composition-hr-emphasis { border-bottom:2px solid #0051B5; } /* Section/Article Widget */ .section-article-extract { margin-bottom:13px; overflow:hidden; } .section-article-extract .article-img { float:left; margin-right:13px; } .section-article-extract .article-heading { display:block; } /* Paging Navigation */ .paging-navigation { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; list-style:none; margin-left:0; margin-right:0; } .paging-navigation-prev { display:inline-block; float:left; } .paging-navigation-prev .pager { margin:3px 0; } .paging-navigation-page { display:inline-block; float:left; } .paging-navigation-page .pagination { margin:0 5px; } .paging-navigation-next { display:inline-block; float:left; } .paging-navigation-next .pager { margin:3px 0; } .sort-by label { float:left; font-weight:bold; line-height:26px; margin-right:9px; margin-bottom: 0; } .sort-by span { float:left; font-size:13px; line-height:26px; margin:0 9px 0 2px; } .search-results span { float:right; font-size:14px; line-height:26px; margin:0 9px 0 2px; } a.save-search-button { margin-top:2px; } /* Simple Navigation */ .simple-nav { display:block; overflow:hidden; text-align:right; } .simple-nav ul { float:right; } .simple-nav li { display:inline-block; float:left; } .simple-nav .simple-nav-label { color:#888888; font-size:12px; margin-right:9px; } .simple-nav .simple-nav-prev { background-color:#F4F9FC; border:1px solid #B5C7D5; padding:0 6px; } .simple-nav .simple-nav-next { background-color:#F4F9FC; border:1px solid #B5C7D5; padding:0 6px; } .featured-entity { border-color:#4E83FF; } .featured-entity-heading { background-color:#4E83FF; color:#FFFFFF; font-size:16px; font-weight:bold; min-height:20px; padding:10px; text-align:center; } .featured-entity-content { padding:5px 10px 10px; } .featured-entity-content img { margin:6px auto 9px; padding:0; } .featured-entity-content h5, .featured-entity-content h6 { color:#333333; font-size:14px; margin:0; text-align:center; } .featured-entity-content .phone { font-size:14px; line-height:28px; margin:0 auto 6px; text-align:center; } .featured-entity-content .ContactLink, .featured-entity-content .ListingsLink, .featured-entity-content .WebsiteLink { min-width:50px; text-align:center; } .featured-entity-content .ContactLink a { font-size:16px; } .featured-entity-content .ListingsLink a { font-size:12px; } .featured-entity-content .WebsiteLink a { font-size:12px; } /* Find a local agent popup widget */ .featured-entities label { display:block !important; } .featured-entities span.img-polaroid { display:inline-block; float:left; margin:0 9px 9px 0; max-width:90px; max-height:62px; } .featured-entities span.img-polaroid img { max-height: 52px; } .section-accordion { overflow:hidden; } .section-accordion-heading {} .section-accordion-heading a { background:transparent url(/Images/Icons/expandPlus.gif) left center no-repeat; color:#0057ff; font-size:12px; font-weight:bold; padding-left:20px; } .section-accordion-heading a.content-add-hiding:before { content:"Add "; } .section-accordion-heading a.content-add-hiding.content-add-showing:before { content:"Hide "; } .section-accordion-heading a.content-add-hiding.content-add-showing { background:transparent url(/Images/Icons/expandMinus.gif) left center no-repeat; } .section-accordion-heading a.content-show-hiding:before { content:"Show "; } .section-accordion-heading a.content-show-hiding.content-show-showing:before { content:"Hide "; } .section-accordion-heading a.content-show-hiding.content-show-showing { background:transparent url(/Images/Icons/expandMinus.gif) left center no-repeat; } .section-accordion-content > strong.section-composition-header { margin-top:14px; } .section-accordion-content hr { margin:0; } .section-accordion-inner { padding:9px 15px; } .criteria-matches { display:inline-block; overflow:hidden; text-align:center; width:120px; } .criteria-matches span { display:block; } .criteria-matches span strong { color:#444444; font-size:12px; font-weight:bold; } .criteria-matches span em { color:#4e84ff; font-size:20px; font-style:normal; line-height:28px; } .criteria-matches span sup { color:#444444; font-size:11px; bottom:0; top:0; } /* Custom Input Formatting */ input.address-line { margin-bottom:9px; } .phone-areacode { width:25px; } .phone-exchange { width:25px; } .phone-last4 { width:40px; } .phone-ext { width:40px; } .phone-label-left { margin:0 2px 0 0; } .phone-label-right { margin:0 4px 0 2px; } .phone-label-both { margin:0 2px 0 5px; } .contact-message { resize:none; } /* Modal dialog overrides */ .modal-overflow { overflow:visible; } .modal-dialog { padding:1em 2em 4em 2em; } .modal-window { padding:1em; } /* Make modals scroll with page */ .modal { position: absolute; } .modal-body { overflow-y: visible; max-height: none; } #modalSignIn .example-favorites .example-favorites-ribbon, #modalSignIn .example-subscribe .example-subscribe-ribbon { max-width:14em; } #modalSignIn .example-favorites .example-favorites-icon, #modalSignIn .example-subscribe .example-subscribe-icon { max-width:7em; } #ContactLocalAgentModal { width:100%; max-width:52em; margin-left:-26em; } #ContactLocalAgentModal .ServiceNotice { font-size:10px; line-height:1.4375em; } @media only screen and (min-width: 980px) { #ContactLocalAgentModal .modal-body { max-height: 500px; } } #ContactLocalAgentModal.loading { background-color:#FFFFFF; border-left:1em solid #ffffff; font-size:120%; max-width:20em; padding:1em 1em 1em 1.5em; } #ContactLocalAgentModal .modal-header.large-spacing { margin-bottom:0; } /* These should be in a map stylesheet - bootstrap overrides for google maps plus other map content styles */ div.gmnoprint img { max-width:none; } div.infoWindow p { font-size:9pt; margin:0px; } div.infoWindow p.addr { font-size:10pt; font-weight: bold; } div.infoWindow p.price { font-size: 10pt; font-weight: bold; } div.infoWindow p.note { font-style: italic; } div.infoWindow img.clickable { cursor: pointer; margin-top: 4px; } div.ThirdPartyDisclaimer { border:1px solid #DDDDDD; padding:14px; text-align:center; } div.ThirdPartyDisclaimer p { font-size: 0.6875em; margin-bottom: 0.3636em; line-height: 1.1818em; } .btn-warning.btn-warning-custom { background-color: #D76D13; background-image: -moz-linear-gradient(top, #E48219, #CA580D); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E48219), to(#CA580D)); background-image: -webkit-linear-gradient(top, #E48219, #CA580D); background-image: -o-linear-gradient(top, #E48219, #CA580D); background-image: linear-gradient(to bottom,#E48219, #CA580D); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE48219', endColorstr='#ffCA580D', GradientType=0); border-color: #CA580D #CA580D #ad6704; *background-color: #CA580D; } .btn-hnl-cta { background-color: #9EB700; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .btn-hnl-cta:hover { background-color: #899e00; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .btn-hnl-cta:focus { background-color: #899e00; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .btn-hnl-secondary { background-color: #AAAAAA; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .btn-hnl-secondary:hover { background-color: #9a9a9a; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .btn-hnl-secondary:focus { background-color: #9a9a9a; border: none; background-image: none; color: white; text-shadow: none; box-shadow: none; } .fav-heading { color:#028ba1; font-weight:normal; display: block; width: 100%; padding: 0; padding-bottom: 10px; margin-bottom: 20px; font-size: 21px; border: 0; border-bottom: 1px solid #e5e5e5; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .text-shadow { text-shadow:1px 0 rgba(0, 0, 0, 0.5), 0 -1px rgba(0, 0, 0, 0.3), 0 0 rgba(255, 255, 255, 0.5), 1px -1px rgba(0, 0, 0, 0.3); } /* sidebar and sidebar modals */ #market-reports { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; max-width:44.5em; width:100%; } #market-reports .h-understate { line-height:90%; } #market-reports .list-heading { color:#0051B5; font-size:120%; margin:0 0 13px; } #market-reports h3 { font-size: 24px;color:#0051B5;} #view-flippy-choices { width:44.5em; } #view-flippy-choices .modal-header { padding:0 12px; border-bottom:0; text-align:right; } #view-flippy-choices .modal-header .close { margin-top:8px; font-size:2em; float:none; } #view-flippy-choices .modal-body { padding:0 25px 18px; } #view-flippy-choices h3.modal-title { font-size:1.4285714em; line-height:1.5; color:#0051B5; text-transform:uppercase; border-bottom:1px solid #454545; margin-bottom:0.75em; } #view-flippy-choices .view-flippy-intro { margin-bottom:1em; } #view-flippy-choices .view-flippy-content { margin-bottom:1em; } #view-flippy-choices .view-flippy-content img { width:140px; height:auto; margin-left:1.2857143em; } #view-flippy-choices .flippy-links { margin:8px 0 30px; } #view-flippy-choices .flippy-links p { font-size:1.2857143em; margin-bottom:1em; } #view-flippy-choices .rule { border-color:#454545; } /* Responsive overrides below here */ /* When >= 980px. For desktop. */ @media only screen and (min-width: 980px) { .site-breadcrumbs-row { margin-top:115px; } .site-body { min-height:600px; } a[name] { position:relative; top:-110px; float:left; display:inline-block; height:0; width:0; } } /* When < 980px. For landscape tablet and smaller. */ @media only screen and (max-width: 979px) { .searchby-controller { display:inline-block !important; float:left !important; margin-left:0 !important; width:25% !important; } .custom-search-controller { display:inline-block !important; float:right !important; margin-left:0 !important; width:75% !important; } .page-subheading { font-size:18px; margin-top:0; } } /* When >= 780px. */ @media only screen and (min-width: 780px) { /* Custom Tabs */ .tab-default > li > a { background-color:#EAEAEA; } .tab-gradient > li > a { background-image: -o-linear-gradient(center top, #DDDDDD 46%, #FFFFFF 96%); background-image: -moz-linear-gradient(center top, #DDDDDD 46%, #FFFFFF 96%); background-image: -webkit-linear-gradient(center top, #DDDDDD 46%, #FFFFFF 96%); background-image: -ms-linear-gradient(center top, #DDDDDD 46%, #FFFFFF 96%); background-image: -webkit-gradient(linear, 0% 0%, 0% 98%, from(#DDDDDD), to(#FFFFFF)); /* Safari 4+, Chrome 1-9, iPad */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDDDDD', endColorstr='#FFFFFFFF', GradientType=0); /* IE7 */ background-image: linear-gradient(center top, #DDDDDD 46%, #FFFFFF 96%); border:1px solid #DDDDDD; border-bottom:1px solid #BEBEBE; color:#0051b5; padding:5px 13px 5px 12px; } body:not(.MobileTouch) .tab-gradient > li > a:hover { border-color:#EEEEEE #EEEEEE #BEBEBE; } .tab-gradient > li.active > a { background-image:none; border-color:#BEBEBE #BEBEBE transparent; } .nav-tabs.tab-gradient { border-bottom:1px solid #BEBEBE; } } /* When < 780px. */ @media only screen and (max-width: 779px) { /* Custom Tabs */ ul.nav.nav-tabs.tab-gradient { border-bottom:1px solid #BEBEBE; } .tab-gradient > li > a { background-image:none; filter:none; border:0 none transparent; padding:0; margin-right:16px; } body:not(.MobileTouch) .tab-gradient > li > a:hover { border:0 none transparent; } .tab-gradient > li.active > a { border:0 none transparent; } .nav-tabs.tab-gradient { border:0 none transparent; } body:not(.MobileTouch) .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border:0 none transparent; } .nav-tabs > li { margin-bottom:0; padding-bottom:3px; } .nav-tabs > li > a { border:medium none !important; border-radius:0; } .nav-tabs > li:first-child > a { padding-left:0; } } /* When <= 768px. For portrait iPad 1+2 and smaller. */ @media only screen and (max-width: 767px) { .list-options-group-inline.rental-feature-group { min-height:0; } .list-options-full { display:block; float:none; } .re-heading-topline { border-top:1px solid #BEBEBE; padding-top:20px; } .re-property-category { margin-bottom:16px; } .re-property-category .list-options-heading-topline { max-width:100%; } .container-price-min {} .container-price-divider {} .container-price-max {} .container-beds {} .container-baths {} .rent-search-by-container { margin-bottom:20px; } .rent-custom-search-container { margin-bottom:20px; } .rental-search-area-left.expanded { margin-left:0; width:100%; } .rental-search-area-right.expanded { margin-left:0; width:100%; } .phone-areacode { width:25px; padding:4px 2px !important; } .phone-exchange { width:25px; padding:4px 2px !important; } .phone-last4 { width:34px; padding:4px 2px !important; } .phone-ext { width:34px; padding:4px 2px !important; } .phone-label-left { margin:0; } .phone-label-right { margin:0; } .phone-label-both { margin:0 0 0 1px; } #ContactLocalAgentModal { width:auto; margin-left:0; } } /* When <= 480px. For landscape iPhone and smaller. */ @media only screen and (max-width: 480px) { section { margin-bottom:18px; } .input-prepend-inline-gap input { display:inline-block !important; width:90% !important; } .modal-body form { margin:0 0 8em; } /* This override is for modal forms */ .page-heading { font-size:16px; margin-top:0; } .page-subheading { font-size:16px; line-height:22px; margin-top:0; } #featured-properties.section-composition { margin-bottom:0; } .phone-font-shrink { font-size:90%; line-height:18px; } .alert ul li { font-size: 0.85em; } } /* hal-icons */ .hal-icons { background:transparent url(/Images/Icons/hal-feature-icons-64@2x.png) no-repeat left top; background-size: 572px; display:inline-block; height:66px; width:66px; } .subscribe-text, .subscribe-large-text { color:#801B95; } body:not(.MobileTouch) .subscribe-text:hover, .subscribe-large-text:hover { color:#5A2A70; text-decoration:none; } .order-mag-text,.order-mag-large-text { color:#C83F0E; } body:not(.MobileTouch) .order-mag-text:hover, .order-mag-large-text:hover { color:#B73423; text-decoration:none; } .home-values-text { color:#DD8024; } body:not(.MobileTouch) .home-values-text:hover { color:#C6721E; text-decoration:none; } .realtips-text { color:#183FC3; } body:not(.MobileTouch) .realtips-text:hover { color:#2A407C; text-decoration:none; } .get-help-text { color:#1C9FD6; } body:not(.MobileTouch) .get-help-text:hover { color:#1D93B7; text-decoration:none; } .mortgage-text { color:#528A04; } body:not(.MobileTouch) .mortgage-text:hover { color: #426f03; text-decoration:none; } .advertise-text { color:#F6C11A; } body:not(.MobileTouch) .advertise-text:hover { color:#D3A309; text-decoration:none; } .subscribe-dm-text { color:#1C9FD6; } body:not(.MobileTouch) .subscribe-dm-text:hover { color:#1D93B7; text-decoration:none; } .hal-icons.subscribe { background-position:0 0; } body:not(.MobileTouch) .subscribe-text:hover .hal-icons.subscribe, body:not(.MobileTouch) .hal-icons.subscribe:hover { background-position:0 -72px; } .hal-icons.order-mag { background-position:-74px 0; } body:not(.MobileTouch) .order-mag-text:hover .hal-icons.order-mag, body:not(.MobileTouch) .hal-icons.order-mag:hover { background-position:-74px -72px; } .hal-icons.home-values { background-position:-148px 0; } body:not(.MobileTouch) .home-values-text:hover .hal-icons.home-values, body:not(.MobileTouch) .hal-icons.home-values:hover { background-position:-148px -72px; } .hal-icons.realtips { background-position:-217px 0; } body:not(.MobileTouch) .realtips-text:hover .hal-icons.realtips, body:not(.MobileTouch) .hal-icons.realtips:hover { background-position:-217px -72px; } .hal-icons.get-help { background-position:-289px 0; } body:not(.MobileTouch) .get-help-text:hover .hal-icons.get-help, body:not(.MobileTouch) .hal-icons.get-help:hover { background-position:-289px -72px; } .hal-icons.mortgage { background-position:-362px 0; } body:not(.MobileTouch) .mortgage-text:hover .hal-icons.mortgage, body:not(.MobileTouch) .hal-icons.mortgage:hover { background-position:-362px -72px; } .hal-icons.advertise { background-position:-434px 0; } body:not(.MobileTouch) .advertise-text:hover .hal-icons.advertise, body:not(.MobileTouch) .hal-icons.advertise:hover { background-position:-434px -72px; } .hal-icons.subscribe-dm { background-position:-506px 0; } body:not(.MobileTouch) .subscribe-dm-text:hover .hal-icons.subscribe-dm, body:not(.MobileTouch) .hal-icons.subscribe-dm:hover { background-position:-506px -72px; } /* hal-large-icons */ .hal-large-icons { background:transparent url(/Images/Icons/hal-feature-icons-100@2x.png) no-repeat left top; background-size: 870px; display:inline-block; height:104px; width:103px; } .subscribe-large-text { color:#801B95; } .order-mag-large-text { color:#C83F0E; } .home-values-large-text { color:#DD8024; } .get-help-large-text { color:#1C9FD6; } .mortgage-large-text { color:#528A04; } .subscribe-dm-large-text { color:#1C9FD6; } a:hover .order-mag-large-text { color:#B73423; } .hal-large-icons.subscribe-large { background-position:0 0; } body:not(.MobileTouch) .subscribe-large-text:hover .hal-large-icons.subscribe-large, body:not(.MobileTouch) .hal-large-icons.subscribe-large:hover { background-position:0 -110px; } .hal-large-icons.order-mag-large { background-position:-110px 0; } body:not(.MobileTouch) .order-mag-large-text:hover .hal-large-icons.order-mag-large, body:not(.MobileTouch) .hal-large-icons.order-mag-large:hover { background-position:-110px -110px; } .hal-large-icons.home-values-large { background-position:-220px 0; } body:not(.MobileTouch) .home-values-large-text:hover .hal-large-icons.home-values-large, body:not(.MobileTouch) .hal-large-icons.home-values-large:hover { background-position:-220px -110px; } .hal-large-icons.get-help { background-position:-440px 0; } body:not(.MobileTouch) .get-help-large-text:hover .hal-large-icons.get-help, body:not(.MobileTouch) .hal-large-icons.get-help-large:hover { background-position:-440px -110px; } .hal-large-icons.mortgage-large { background-position:-550px 0; } body:not(.MobileTouch) .mortgage-large-text:hover .hal-large-icons.mortgage, body:not(.MobileTouch) .hal-large-icons.mortgage-large:hover { background-position:-550px -110px; } .hal-large-icons.subscribe-dm-large { background-position:-768px 0; } body:not(.MobileTouch) .subscribe-dm-large-text:hover .hal-large-icons.subscribe-dm-large, body:not(.MobileTouch) .hal-large-icons.subscribe-dm-large:hover { background-position:-768px -110px; } /* hal-icons responsively changes to hal-large-icons */ @media (max-width: 767px) { .hal-icons { background:transparent url(/Images/Icons/hal-feature-icons-100@2x.png) no-repeat left top; background-size: 870px; display:inline-block; height:104px; width:104px; } .hal-icons.subscribe { background-position:0 0; } body:not(.MobileTouch) .subscribe-text:hover .hal-icons.subscribe, body:not(.MobileTouch) .hal-icons.subscribe:hover { background-position:0 -110px; } .hal-icons.order-mag { background-position:-110px 0; } body:not(.MobileTouch) .order-mag-text:hover .hal-icons.order-mag, body:not(.MobileTouch) .hal-icons.order-mag:hover { background-position:-110px -110px; } .hal-icons.home-values { background-position:-220px 0; } body:not(.MobileTouch) .home-values-text:hover .hal-icons.home-values, body:not(.MobileTouch) .hal-icons.home-values:hover { background-position:-220px -110px; } .hal-icons.get-help { background-position:-440px 0; } body:not(.MobileTouch) .get-help-text:hover .hal-icons.get-help, body:not(.MobileTouch) .hal-icons.get-help:hover { background-position:-440px -110px; } .hal-icons.mortgage { background-position:-550px 0; } body:not(.MobileTouch) .mortgage-text:hover .hal-icons.mortgage, body:not(.MobileTouch) .hal-icons.mortgage:hover { background-position:-550px -110px; } .hal-icons.subscribe-dm { background-position:0 0; } body:not(.MobileTouch) .subscribe-dm-text:hover .hal-icons.subscribe-dm, body:not(.MobileTouch) .hal-icons.subscribe-dm:hover { background-position:-768px -110px; } } /* market reports */ .market-reports-button { color:#215EB0; text-decoration:none; } .market-reports-button:hover { text-decoration:none; } .market-reports-button .market-reports-icon { background:transparent url(/Images/Icons/MarketReport.png) no-repeat left top; display:inline-block; height:66px; width:66px; } body:not(.MobileTouch) .market-reports-button:hover .market-reports-icon { background:transparent url(/Images/Icons/MarketReport_active.png) no-repeat left top; } /* side bar resources */ .custom-promo-heading { text-align:center; } .custom-promo-heading span { color:#545454; display:block; font-weight:700; font-size:114%; padding:1em 0; } .side-bar-resources { display:inline-block; width:100%; } .side-bar-resources span.hal-icons, .side-bar-resources span.market-reports-icon { float:left; margin-right:0.75em; } .side-bar-resources span.hal-icon-text, .side-bar-resources span.market-reports-icon-text { display:block; font-size:150%; font-weight:700; margin-top:0.5em; } .side-bar-resources span.hal-icon-text-sub, .side-bar-resources span.market-reports-icon-text-sub { display:block; font-size:105%; } /* sidebar resources using hlf-icons */ #benefits-hnl.side-bar-resources { color:#003055; text-decoration:none; } #benefits-hnl.side-bar-resources:hover { color:#011E34; } #benefits-hnl.side-bar-resources i { background-color:#003055; border: 1px solid #003055; color:#ffffff; float:left; font-size:62px; height:62px; line-height:73px; margin-right:10px; text-align:center; width:62px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #benefits-hnl.side-bar-resources:hover i { background-color: #97BFDD; color: #003055; } #franchise-hnl.side-bar-resources { color:#006ec4; text-decoration:none; } #franchise-hnl.side-bar-resources:hover { color:#011E34; } #franchise-hnl.side-bar-resources i { background-color:#006ec4; border: 1px solid #006ec4; color:#ffffff; float:left; font-size:36px; height:62px; line-height:64px; margin-right:10px; text-align:center; width:62px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #franchise-hnl.side-bar-resources:hover i { background-color: #D8EEFF; color: #006ec4; } .more-benefits .large-spacing i{font-size:30px;margin: 0 10px; vertical-align: middle;} /* Retina Icons */ .retina-display { display: none !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .normal-display { display: none !important; } .brand.site-header .retina-display { display: inline-block !important; max-width: 261px; } .footer-trim-top .retina-display { display: inline !important; max-width: 265px; } .realtips-heading .retina-display { display: inline !important; max-width: 250px; } .equal-housing .retina-display { display: inline !important; max-width: 25px; } } @media (max-width: 979px) { .brand.site-header .retina-display { max-width: 200px; } .navbar .nav.site-nav li.active a, body:not(.MobileTouch) .navbar .nav.site-nav li.active a:hover { background-image: none; } } @media (max-width: 767px) { /* For when the small icons switch to large versions when stacked */ .footer-logo .retina-display { display: block !important; max-width: 265px; margin: 0 auto 25px; } } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } /* tags */ .tag { background: #9c1000; border-radius: 0.1153846rem 0 0 0.1153846rem; color: #ffffff; display: inline-block; font-size: 0.7692308em; height: 1rem; line-height: 1rem; padding: 0 0.7692308rem 0 0.8846154rem; position: relative; margin: 0 0 0 0.3846154rem; text-decoration: none; -webkit-transition: color 0.2s; } .tag::before { background: #fff; border-radius: 0.3846154rem; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 0.2307692rem; left: 0.3846154rem; position: absolute; width: 0.2307692rem; top: 0.3846154rem; } .tag::after { background: #fff; border-bottom: 0.5rem solid transparent; border-left: 0.3846154rem solid #9c1000; border-top: 0.5rem solid transparent; content: ''; position: absolute; right: 0; top: 0; } a.tag:hover { background-color: #dc4636; color: white; } a.tag:hover::after { border-left-color: #dc4636; }