<<<<<<< .mine /* ALL CSS */ ul,ol { list-style: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; } fieldset, a img,:link img,:visited img , img{ border: none; } html,body { height: 100%; } body { font-size: small; font: 13px/15px arial,lucida sans,sans-serif; background-color: white; color: #006227; width: 100%; } #logo a h1, #footer p a span, #rc-body h1 span, #nav-top ul li a span, #nav-bot ul li a span, #link-home a span, p#required span, #refer-header h2, #refer-title-refer h1, #refer-title-thanks h1, #callout-dyd a div {display: none;} a { color: #03622a; } a:hover { color: #E67B27; } #wrap {text-align: left; margin: 0 auto; padding: 28px 0; width:expression(document.body.clientWidth < 850 ? "850px" : "auto" );} #wrap, #header, #content, #footer {width: 100%; min-width:850px; } #header {clear: both; margin-bottom: 56px; float: left;} #logo {width: 233px; float: left; display: inline;} #logo a {background: url(../images/logo.gif) no-repeat; display: block; width: 128px; height: 16px; margin-left: 105px;} /*#nav-top { float: right; margin-right: 80px; text-align: right; display: inline-block;}*/ #nav-top ul {float: right; background: url(../images/nav_top.gif) no-repeat; height: 17px; } #nav-top ul li { float: left; display: inline;} #nav-top ul li a {display: inline-block; height: 17px;} #btn-1 a, #btn-1selected {width: 68px;} #btn-2 a, #btn-2selected {width: 99px;} #btn-3 a, #btn-3selected {width: 169px;} #btn-4 a, #btn-4selected {width: 71px;} #btn-5 a, #btn-5selected {width: 83px;} #btn-6 a, #btn-6selected {width: 42px;} #btn-1 a:hover, #btn-1selected {background: url(../images/nav_top.gif) 0px -17px; } #btn-2 a:hover, #btn-2selected {background: url(../images/nav_top.gif) -68px -17px; } #btn-3 a:hover, #btn-3selected {background: url(../images/nav_top.gif) -167px -17px; } #btn-4 a:hover, #btn-4selected {background: url(../images/nav_top.gif) -336px -17px; } #btn-5 a:hover, #btn-5selected {background: url(../images/nav_top.gif) -407px -17px; } #btn-6 a:hover, #btn-6selected {background: url(../images/nav_top.gif) -490px -17px; } /* CALLOUT DYD ------------------ */ #callout-dyd {display:none;} /*#callout-dyd a.tt {background: url(../images/logo-dyd.gif) no-repeat; width:100px; height: 100px; display: block; z-index: 20; position: absolute; top: 70px; left: 105px;}*/ /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; text-decoration:none; line-height: 18px; font-size: 12px; font-weight: bold; } a.tt span, a.tt div { display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:100px; padding: 0px 0 0 0px; width:308px; color: #006227; text-align: left; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(../images/tooltip.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 8px 8px 8px 30px; background: url(../images/tooltip.gif) repeat bottom; height: 65px; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(../images/tooltip.gif) no-repeat bottom; } #content-wrap {margin: 0 auto; text-align: center; position: relative; _top: -40px;} /*#link-home { } #link-home a {display: block;} #btn-home {width: 139px;} #link-home a:hover {background-position: 0 -22px;}*/ #link-home {margin: 0 0 46px 257px; _margin-left: 207px;} #link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 529px; height: 19px;} #link-home ul li { float: left; display: inline;} #link-home ul li a {display: block; height: 20px;} #btn-home a {width: 140px; } /*HACK: ALIGN NEXT TO EACH OTHER*/ #btn-join, #btn-joinselected {margin: -19px 0 0 410px;} #btn-join a, #btn-joinselected {width: 120px;} #btn-home a:hover {background: url(../images/btn-home.gif) no-repeat 0 -22px; } #btn-join a:hover, #btn-joinselected {background: url(../images/btn-home.gif) no-repeat -410px -20px;} #content {text-align: left; margin: 0 auto; line-height: 20px; width: 800px;} #right-column {width: 600px; float: right; display: inline; } #rc-body p {margin-bottom: 20px;} #rc-body {padding: 0 30px 46px;} #rc-body h1 {width: 505px; height: 24px; margin-bottom: 20px;} #rc-body h1#title-buying {background: url(../images/title_buying.gif) no-repeat; } #rc-body h1#title-about {background: url(../images/title_about.gif) no-repeat; } #rc-body h1#title-press {background: url(../images/title_press.gif) no-repeat; } #rc-body h1#title-faq {background: url(../images/title_faq.gif) no-repeat; } #rc-body h1#title-privacy {background: url(../images/title_privacy.gif) no-repeat; } #rc-body h1#title-legal {background: url(../images/title_legal.gif) no-repeat; } #rc-body h1#title-disclaimer {background: url(../images/title_disclaimer.gif) no-repeat; } #rc-body h1#title-sitemap {background: url(../images/title_sitemap.gif) no-repeat; } #rc-body h1#title-buyingAHome {background: url(../images/titles-buyingAHome.gif) no-repeat; } #rc-body h1#title-retirementinMex {background: url(../images/titles-retirementinMex.gif) no-repeat; } #rc-body h1#title-mexRetirement {background: url(../images/titles-mexRetirement.gif) no-repeat; } #rc-body h1#title-pvrealestate {background: url(../images/title-pvrealestate.gif) no-repeat; } #rc-body h2 { color: #E67B27;} #rc-body ul {margin-bottom: 20px;} #rc-body ul li {list-style: circle; margin-left: 40px;} body#sitemap ul {margin-bottom: 0;} #left-column {width: 196px; margin-bottom: 60px;} #nav-left ul {text-align: right;} #nav-left ul li ul {margin: 0 0px 15px 0; font-size:11px; color: #E67B27;} #nav-left ul li.selected a {color: #E67B27;} /* FORM STYLES /////////////////////////////////////////////////////////////////// */ body#join #content-wrap #content {padding-left: 60px;} body#join #link-home {margin: 0 0 15px 0px; width:} body#join #link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 200px;} #one-column, #form-body {width: 95%; float: left; overflow: hidden;} p#form-title { border-top: 1px dotted #066333; border-bottom: 1px dotted #066333; padding: 2% 0; } p#form-title span {color: #E67B27;} p#required {background: url(../images/form_required.gif) no-repeat; width: 163px; height: 28px;} #form-body fieldset {margin-bottom: 4px;} #form-body p {margin-bottom: 8px;} .form-column-wrap {padding: 3% 3% 3% 5%; border-bottom: 1px dotted #066333; float: left; width: 92%;} .form-column-wrap-firstsec {padding: 3%; border-bottom: 1px dotted #066333; float: left; width: 97%;} .form-left-firstsec {width: 50%; float: left;} .form-right-firstsec {width: 50%; float: left;} .form-left {width: 52%; float: left;} .form-right {width: 48%; float: left;} .form-checkbox-left {width: 45%; float: left;} .form-checkbox-right {width: 55%; float: left;} #comments {float: left; margin-right: 4px;} #form-submit {text-align: center; margin: 15px auto; width: 100%} .fields, .text1 {width: 195px; padding: 3px; font-size: 15px; margin-bottom: 4px;} .text1 {height: 79px; _height: 84px; } .drop {width: 270px; margin-bottom: 5px;} .clear {clear: both; height: 1px;} /* REFER A FRIEND FORM STYLES /////////////////////////////////////////////////////////////////// */ #refer-wrap {text-align: left; margin: 0 auto; width: 479px;} #refer-header {background: url(../images/refer-header.jpg) no-repeat; width: 100%; height: 124px;} #refer-content {padding: 20px 33px 33px; line-height: 18px;} #refer-content p {margin-bottom: 15px;} #refer-title-refer {background: url(../images/refer-title-refer.gif) no-repeat; width: 403px; height: 32px;} #refer-title-thanks {background: url(../images/refer-title-thank.gif) no-repeat; width: 403px; height: 32px;} #refer-content form {margin: 15px 0;} #refer-content form legend {_margin-left: -6px; margin-bottom: 4px;} #refer-form-bot {width: 100%; clear: both;} #refer-form-left {width: 190px; float: left; display: inline; margin-right: 20px; } #refer-form-right {width: 190px; float: left; display: inline;} .refer-field {width: 165px; padding: 3px; margin-bottom: 15px;} .refer-text {width: 380px; padding: 3px; height: 120px; margin-bottom: 15px;} #refer-btn {margin: 0 auto; text-align: center;} #footer {clear: both; position: relative; _top: -40px;} #nav-bot { margin-left: 105px;} #nav-bot ul {background: url(../images/nav_bot.gif) no-repeat; width: 330px; height: 17px;} #nav-bot ul li { float: left; display: inline;} #nav-bot ul li a {display: block; height: 17px;} #btnbot-1 a, #btnbot-1selected {width: 87px;} #btnbot-2 a, #btnbot-2selected {width: 47px;} #btnbot-3 a, #btnbot-3selected {width: 78px;} #btnbot-4 a, #btnbot-4selected {width: 61px;} #btnbot-5 a, #btnbot-5selected {width: 100px;} #btnbot-1 a:hover, #btnbot-1selected {background: url(../images/nav_bot.gif) 0px -17px; } #btnbot-2 a:hover, #btnbot-2selected {background: url(../images/nav_bot.gif) -87px -17px; } #btnbot-3 a:hover, #btnbot-3selected {background: url(../images/nav_bot.gif) -87px -17px; } #btnbot-4 a:hover, #btnbot-4selected {background: url(../images/nav_bot.gif) -165px -17px; } #btnbot-5 a:hover, #btnbot-5selected {background: url(../images/nav_bot.gif) -226px -17px; } /* PRESS LOGIN STYLES */ #press-login {margin-bottom: 15px;} #press-login form fieldset legend { _margin-left: -5px; color: #e9622d; } .btn {margin-top: 8px;} .clear {clear: both;} .h{display:none} .s{display:block} .errors{color:#F37859; padding-left:6px; font-weight:bold;} #times label{padding-left:17px;} .error-border{border: 1px solid #F37859; background: #ffd0c4; } ======= /* ALL CSS */ ul,ol { list-style: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; } fieldset, a img,:link img,:visited img , img{ border: none; } html,body { height: 100%; } body { font-size: small; font: 13px/15px arial,lucida sans,sans-serif; background-color: white; color: #006227; width: 100%; } #logo a h1, #footer p a span, #rc-body h1 span, #nav-top ul li a span, #nav-bot ul li a span, #link-home a span, p#required span, #refer-header h2, #refer-title-refer h1, #refer-title-thanks h1, #callout-dyd a div {display: none;} a { color: #03622a; } a:hover { color: #E67B27; } #wrap {text-align: left; margin: 0 auto; padding: 28px 0; width:expression(document.body.clientWidth < 850 ? "850px" : "auto" );} #wrap, #header, #content, #footer {width: 100%; min-width:850px; } #header {clear: both; margin-bottom: 56px; float: left;} #logo {width: 233px; float: left; display: inline;} #logo a {background: url(../images/logo.gif) no-repeat; display: block; width: 128px; height: 16px; margin-left: 105px;} /*#nav-top { float: right; margin-right: 80px; text-align: right; display: inline;} #nav-top ul {background: url(../images/nav_top.gif) no-repeat; width: 358px; height: 17px; } #nav-top ul li { float: left; display: inline;} #nav-top ul li a {display: block; height: 17px;} #btn-1 a, #btn-1selected {width: 161px;} #btn-2 a, #btn-2selected {width: 71px;} #btn-3 a, #btn-3selected {width: 82px;} #btn-4 a, #btn-4selected {width: 44px;} #btn-1 a:hover, #btn-1selected {background: url(../images/nav_top.gif) 0px -17px; } #btn-2 a:hover, #btn-2selected {background: url(../images/nav_top.gif) -161px -17px; } #btn-3 a:hover, #btn-3selected {background: url(../images/nav_top.gif) -232px -17px; } #btn-4 a:hover, #btn-4selected {background: url(../images/nav_top.gif) -314px -17px; }*/ /* CALLOUT DYD ------------------ */ #callout-dyd {display:none;} /*#callout-dyd a.tt {background: url(../images/logo-dyd.gif) no-repeat; width:100px; height: 100px; display: block; z-index: 20; position: absolute; top: 70px; left: 105px;}*/ /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; text-decoration:none; line-height: 18px; font-size: 12px; font-weight: bold; } a.tt span, a.tt div { display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:100px; padding: 0px 0 0 0px; width:308px; color: #006227; text-align: left; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(../images/tooltip.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 8px 8px 8px 30px; background: url(../images/tooltip.gif) repeat bottom; height: 65px; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(../images/tooltip.gif) no-repeat bottom; } #content-wrap {margin: 0 auto; text-align: center; position: relative; _top: -40px;} /*#link-home { } #link-home a {display: block;} #btn-home {width: 139px;} #link-home a:hover {background-position: 0 -22px;}*/ #link-home {margin: 0 0 46px 257px; _margin-left: 207px;} #link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 529px; height: 19px;} #link-home ul li { float: left; display: inline;} #link-home ul li a {display: block; height: 20px;} #btn-home a {width: 140px; } /*HACK: ALIGN NEXT TO EACH OTHER*/ #btn-join, #btn-joinselected {margin: -19px 0 0 410px;} #btn-join a, #btn-joinselected {width: 120px;} #btn-home a:hover {background: url(../images/btn-home.gif) no-repeat 0 -22px; } #btn-join a:hover, #btn-joinselected {background: url(../images/btn-home.gif) no-repeat -410px -20px;} #content {text-align: left; margin: 0 auto; line-height: 20px; width: 800px;} #right-column {width: 600px; float: right; display: inline; } #rc-body p {margin-bottom: 20px;} #rc-body {padding: 0 30px 46px;} #rc-body h1 {width: 505px; height: 24px; margin-bottom: 20px;} #rc-body h1#title-buying {background: url(../images/title_buying.gif) no-repeat; } #rc-body h1#title-about {background: url(../images/title_about.gif) no-repeat; } #rc-body h1#title-press {background: url(../images/title_press.gif) no-repeat; } #rc-body h1#title-faq {background: url(../images/title_faq.gif) no-repeat; } #rc-body h1#title-privacy {background: url(../images/title_privacy.gif) no-repeat; } #rc-body h1#title-legal {background: url(../images/title_legal.gif) no-repeat; } #rc-body h1#title-disclaimer {background: url(../images/title_disclaimer.gif) no-repeat; } #rc-body h1#title-sitemap {background: url(../images/title_sitemap.gif) no-repeat; } #rc-body h2 { color: #E67B27;} #rc-body ul {margin-bottom: 20px;} #rc-body ul li {list-style: circle; margin-left: 40px;} body#sitemap ul {margin-bottom: 0;} #left-column {width: 196px; margin-bottom: 60px;} #nav-left ul {text-align: right;} #nav-left ul li ul {margin: 0 0px 15px 0; font-size:11px; color: #E67B27;} #nav-left ul li.selected a {color: #E67B27;} /* FORM STYLES /////////////////////////////////////////////////////////////////// */ body#join #content-wrap #content {padding-left: 60px;} body#join #link-home {margin: 0 0 15px 0px; width:} body#join #link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 200px;} #one-column, #form-body {width: 95%; float: left; overflow: hidden;} p#form-title { border-top: 1px dotted #066333; border-bottom: 1px dotted #066333; padding: 2% 0; } p#form-title span {color: #E67B27;} p#required {background: url(../images/form_required.gif) no-repeat; width: 163px; height: 28px;} #form-body fieldset {margin-bottom: 4px;} #form-body p {margin-bottom: 8px;} .form-column-wrap {padding: 3% 3% 3% 5%; border-bottom: 1px dotted #066333; float: left; width: 92%;} .form-column-wrap-firstsec {padding: 3%; border-bottom: 1px dotted #066333; float: left; width: 97%;} .form-left-firstsec {width: 50%; float: left;} .form-right-firstsec {width: 50%; float: left;} .form-left {width: 52%; float: left;} .form-right {width: 48%; float: left;} .form-checkbox-left {width: 45%; float: left;} .form-checkbox-right {width: 55%; float: left;} #comments {float: left; margin-right: 4px;} #form-submit {text-align: center; margin: 15px auto; width: 100%} .fields, .text1 {width: 195px; padding: 3px; font-size: 15px; margin-bottom: 4px;} .text1 {height: 79px; _height: 84px; } .drop {width: 270px; margin-bottom: 5px;} .clear {clear: both; height: 1px;} /* REFER A FRIEND FORM STYLES /////////////////////////////////////////////////////////////////// */ #refer-wrap {text-align: left; margin: 0 auto; width: 479px;} #refer-header {background: url(../images/refer-header.jpg) no-repeat; width: 100%; height: 124px;} #refer-content {padding: 20px 33px 33px; line-height: 18px;} #refer-content p {margin-bottom: 15px;} #refer-title-refer { background: url(../images/refer-title-refer.gif) no-repeat; width: 403px; height: 32px; } #refer-title-thanks {background: url(../images/refer-title-thank.gif) no-repeat; width: 403px; height: 32px;} #refer-content form {margin: 15px 0;} #refer-content form legend {_margin-left: -6px; margin-bottom: 4px;} #refer-form-bot {width: 100%; clear: both;} #refer-form-left {width: 190px; float: left; display: inline; margin-right: 20px; } #refer-form-right {width: 190px; float: left; display: inline;} .refer-field {width: 165px; padding: 3px; margin-bottom: 15px;} .refer-text {width: 380px; padding: 3px; height: 120px; margin-bottom: 15px;} #refer-btn {margin: 0 auto; text-align: center;} #footer {clear: both; position: relative; _top: -40px;} #nav-bot { margin-left: 105px;} #nav-bot ul {background: url(../images/nav_bot.gif) no-repeat; width: 330px; height: 17px;} #nav-bot ul li { float: left; display: inline;} #nav-bot ul li a {display: block; height: 17px;} #btnbot-1 a, #btnbot-1selected {width: 87px;} #btnbot-2 a, #btnbot-2selected {width: 47px;} #btnbot-3 a, #btnbot-3selected {width: 78px;} #btnbot-4 a, #btnbot-4selected {width: 61px;} #btnbot-5 a, #btnbot-5selected {width: 100px;} #btnbot-1 a:hover, #btnbot-1selected {background: url(../images/nav_bot.gif) 0px -17px; } #btnbot-2 a:hover, #btnbot-2selected {background: url(../images/nav_bot.gif) -87px -17px; } #btnbot-3 a:hover, #btnbot-3selected {background: url(../images/nav_bot.gif) -87px -17px; } #btnbot-4 a:hover, #btnbot-4selected {background: url(../images/nav_bot.gif) -165px -17px; } #btnbot-5 a:hover, #btnbot-5selected {background: url(../images/nav_bot.gif) -226px -17px; } /* PRESS LOGIN STYLES */ #press-login {margin-bottom: 15px;} #press-login form fieldset legend { _margin-left: -5px; color: #e9622d; } .btn {margin-top: 8px;} .clear {clear: both;} .h{display:none} .s{display:block} .errors{color:#F37859; padding-left:6px; font-weight:bold;} #times label{padding-left:17px;} .error-border{border: 1px solid #F37859; background: #ffd0c4; } >>>>>>> .r65