body{text-align:center;padding:0;margin:0;background-color:#dadada;} body * {padding:0;margin:0;} ol {list-style-position:inside;} iframe {width: 0px; height: 0px; } iframe#advisor_custom {border:solid 1px #e5e5e5; width: 800px; height: 300px; } div#container{margin-left:auto;margin-right:auto;width:874px;text-align:left;background-color:#ffffff;} /* Header */ #header {clear:both;} #header h1#logo {width:874px;height:254px;background:#ffffff url('/img/main-header.jpg');text-indent:-10000px;} body#astrology #header h1#logo {height:254px;background-image:url('/img/main-header-astrology.jpg');} body#spiritual #header h1#logo {height:254px;background-image:url('/img/main-header-spiritual.jpg');} body#psychic #header h1#logo {height:254px;background-image:url('/img/main-header-psychic.jpg');} body#tarot #header h1#logo {height:254px;background-image:url('/img/main-header-tarot.jpg');} body#life #header h1#logo {height:254px;background-image:url('/img/main_header_life.jpg');} body#dream #header h1#logo {height:254px;background-image:url('/img/main-header-dream.jpg');} #header-links {position:absolute;top:0;width:874px;} #header-links ul#links-left {margin-left:10px;list-style:none;float:left;} #header-links ul#links-left li, #header-links ul#links-right li {float:left;border-right:solid #1a0448 1px;padding:5px;} #header-links ul#links-left li.last, #header-links ul#links-right li.last {border-width:0;} #header-links ul#links-right {margin-right:10px;list-style:none;float:right;} /* Main Menu */ #main-menu {clear:both;} #main-menu p {float:left;text-indent:-10000px;width:154px;height:34px;background:url('/img/select-advisor.gif') no-repeat;} #main-menu ul {float:left;list-style:none;background:#ffffff url('/img/buttons/main-menu.jpg') no-repeat;width:720px;height:34px;} #main-menu ul li {float:left;} #main-menu ul li a {display:block;text-indent:-10000px;width:120px;height:34px;} #main-menu ul li#link-psychic a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat 0 0;} #main-menu ul li#link-tarot a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -120px 0;} #main-menu ul li#link-spiritual a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -240px 0;} #main-menu ul li#link-astrology a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -360px 0;} #main-menu ul li#link-dreams a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -480px 0;} #main-menu ul li#link-life a {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -600px 0;} #main-menu ul li#link-psychic a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat 0 -34px;} #main-menu ul li#link-tarot a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -120px -34px;} #main-menu ul li#link-spiritual a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -240px -34px;} #main-menu ul li#link-astrology a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -360px -34px;} #main-menu ul li#link-dreams a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -480px -34px;} #main-menu ul li#link-life a:hover {cursor: pointer; background:url('/img/buttons/main-menu.jpg') no-repeat -600px -34px;} /* Sub Menu */ #sub-menu {clear:both;background:#ffffff url('/img/sub-menu-bg.gif') no-repeat;width:874px;height:29px;} #sub-menu input {border:solid 1px #c3c3c3;margin-top:3px;} #sub-menu select {border:none;font-size:1.0em;} #sub-menu .button {background:none;border:none;color:#ffffff;font-weight:bold;} #sub-menu #sub-menu-cats {float:left;width:350px;margin:3px 0 0 24px;} #sub-menu #sub-menu-search {text-align:right;float:right;width:400px;margin:3px 24px 0 0;} /* Main Content */ #main {clear:both;margin-bottom:18px;} #left-col {float:left;} #right-col {float:left;} /* Advisor Listings */ #listings {margin:0 0 0 8px;} #listings #listing-loader {width:560px;text-align:center;margin-top:10px;} #listings table {border-collapse:separate;border-spacing:10px;} #listings td {border:solid 1px #e5e5e5;width:266px;vertical-align:top;} #listings .advisor-image {float:left;margin:10px;width:50px;} #listings .advisor-details {width:168px;float:left;margin:10px 0 10px 0;} #listings .advisor-details p {margin-bottom:5px;} #listings .advisor-details h4 {margin-bottom:5px;} #listings .advisor-details .advisor-text {display:block;} #listings-navigation {width:544px;margin:18px 0 0 18px;} #listings-navigation #listings-navigation-title {margin-bottom:5px;} #listings-navigation #listings-navigation-title div {float:left;width:265px;} #listings-navigation #listings-navigation-title div#right-title {text-align:right;} #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-title-bg.gif');width:544px;height:21px;} #listings-navigation #listings-navigation-title h3 {padding:3px 0 0 8px;} body#astrology #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-astrology-title-bg.gif');width:544px;height:21px;} body#spiritual #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-spiritual-title-bg.gif');width:544px;height:21px;} body#psychic #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-psychic-title-bg.gif');width:544px;height:21px;} body#tarot #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-tarot-title-bg.gif');width:544px;height:21px;} body#life #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-life-title-bg.gif');width:544px;height:21px;} body#dream #listings-navigation #listings-navigation-title {background:#ffffff url('/img/544-dreams-title-bg.gif');width:544px;height:21px;} #listings-navigation #listings-sort {text-align:right;} .callnow-button {cursor: pointer; background:#ffffff url('/img/buttons/call-now.gif') no-repeat;width:168px;height:19px;text-align:right;padding-top:2px;} .callnow-button a {cursor: pointer; display:block;width:158px;padding-right:10px;} .message-button {cursor: pointer; background:#ffffff url('/img/buttons/message.gif') no-repeat;width:168px;height:19px;text-align:right;padding-top:2px;} .message-button a {cursor: pointer; display:block;width:158px;padding-right:10px;} .busy-button {background:#ffffff url('/img/buttons/busy.gif') no-repeat;width:168px;height:19px;text-align:right;padding-top:2px;} .busy-button a {display:block;width:158px;padding-right:10px;} .away-button {background:#ffffff url('/img/buttons/away.gif') no-repeat;width:168px;height:19px;text-align:right;padding-top:2px;} .away-button a {display:block;width:158px;padding-right:10px;} .alert-button {cursor: pointer; background:#ffffff url('/img/buttons/alert.gif') no-repeat;width:168px;height:19px;text-align:right;padding-top:2px;} .alert-button a {cursor: pointer; display:block;width:158px;padding-right:10px;} /* What is */ #what-is {clear:both;margin:18px 0 0 24px;width:265px;} #what-is h3 {background:#ffffff url('/img/265-title-bg.gif') no-repeat;height:21px;width:265px;padding:3px 0 0 8px;margin-bottom:10px;} /* Big Question */ #big-questions {margin:18px 0 0 24px;background:#ffffff ;width:265px;height:223px;} #big-questions ul {list-style:none;} .sideForm #big-questions { margin: 0px; } /* Welcome */ #welcome, #myaccount {margin:18px 0 0 24px;width:265px;} #welcome h3, #myaccount h3 {background:#ffffff url('/img/265-title-bg.gif') no-repeat;height:21px;width:265px;padding:3px 0 0 8px;margin-bottom:10px;} #welcome p, #myaccount p, #myaccount h4 {margin:8px;} #welcome ul, #myaccount ul {margin:8px 8px 16px 24px;list-style: square;} #welcome li, #myaccount li {margin-bottom:8px;} #myaccount form { margin-bottom: 16px; margin-left: 24px; } /* Three Steps */ #three-steps {width:874px;height:37px;background:#ffffff url('/img/its-as-easy.gif') no-repeat;} #three-steps ol {display:none;} /*No Borders on Advisor Portraits*/ .advisor-image a img { border: none;} /* Bottom Menu */ #bottom-menu {margin:18px 0 18px 24px;} #bottom-menu div {float:left;border:solid 1px #c8c8c8;} #bottom-menu #previous-page-link { padding-left: 20px; border: none; } #bottom-menu #recommend-link {width:264px;text-align:center;padding:2px;} #bottom-menu #listings-bottom-navigation { width:522px;padding:2px 20px 2px 0;margin-left:14px} #bottom-menu #more-advisors-link {float: right; border: none;} #bottom-menu #currentPage {border: none; width: 290px; text-align: center;} #bottom-menu #feedback-bottom-navigation { width:522px;padding:2px 20px 2px 0;margin-left:14px} #bottom-menu #next-page-link {float: right; border: none;} /* Footer */ #footer {text-align:center;margin-top:30px;padding-bottom:30px;} #footer p#rights-reserved {margin-top:20px;} /* Advisor Details */ body#listingsdetails #left-title h3 {background:url('/img/827-title-bg.gif') no-repeat;height:21px;width:827px;margin:10px 0 0 24px;text-align:left;} body#listingsdetails #left-title h3 {display: block; padding: 3px 0px 0 8px;} body#listingsdetails #advisor-details {margin:0 0 10px 24px;width:803px;border:solid #e5e5e5;border-width:0 1px 1px 1px;padding:12px;} body#listingsdetails #advisor-details #advisor_image { float: left; } body#listingsdetails #advisor-details #advisor_info { padding-left: 20px; float: left; } body#listingsdetails #advisor-details #advisor_actions { float: right; } body#listingsdetails #advisor-details iframe { margin-top: 12px; } #View_Form_Account_CreditCard #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #View_Form_Account_CreditCard #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Account_CreditCard #card_note h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Account_CreditCard #advisor_image { float: left; } #View_Form_Account_Feedback #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #View_Form_Account_Feedback #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Account_Feedback #advisor_image { float: left; } #View_Form_Account_Bonus #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #View_Form_Account_Bonus #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Account_Bonus #advisor_image { float: left; } #View_Form_Call_Arrange #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #View_Form_Call_Arrange #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Call_Arrange #advisor_image { float: left; } #View_Form_Account_Add #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #View_Form_Account_Add #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #View_Form_Account_Add #advisor_image { float: left; } #formDone #advisor_info { width: 400px; padding-left: 12px; padding-top:0px; margin-top: 0px; float: left; } #formDone #advisor_info h4 { padding-top: 0px; margin-top: 0px; } #formDone #advisor_image { float: left; } /* Fedback */ #feedback-list {background-color:#f0f0f0;width:827px;margin-left:24px;} #feedback-list h3 {background:#ffffff url('/img/827-title-bg.gif') no-repeat;height:21px;width:827px;padding:3px 0 0 8px;margin-bottom:10px;} #feedback-list th {text-align:center;padding:5px;} #feedback-list td {vertical-align:top;border-bottom:solid 1px #e5e5e5;padding:5px;} #feedback-list td .align-right {text-align:right;background:red;} #feedback-list tr.last td {border-width:0;} #form-feedback-sort {float: right; padding-right: 12px;} /* Help */ body#help #main, body#helpfaq #main, body#helpratings #main, body#helpregistering #main, body#helppoweredby #main, body#helppfbasics #main, body#helpmembernames #main, body#helppassword #main, body#helponeline #main, body#helppaymentinfo #main, body#helpmyaccount #main, body#helpmemberagreement #main, body#helppfbasics #main, body#helpbillingandfees #main, body#helpcommunitystandards #main, body#helpprivacypolicy #main, body#helpspampolicy #main, body#helpcookies #main, body#helpsatisfaction #main, body#helpfeedbackremoval #main, body#helpphotopolicy #main, body#helpadultpolicy #main, body#helpfree5offer #main, body#helpfindingpeople #main, body#helpplacingcalls #main, body#helpprivacy #main, body#helppaymentoptions #main, body#helprecordedlistings #main, body#helpmail #main, body#helpfeedback #main, body#helpratecalculation #main, body#helpintlrates #main, body#helpcurrencyconversion #main, body#helptimezones #main, body#helpdetailsseekers #main, body#helpseekerappointments #main, body#helpcbseekerlearnmore #main, body#helpmyrecentcalls #main, body#helptellafriend #main, body#helpgiftfaq #main {margin:20px 24px 20px 20px;} body#help #main p, body#helpfaq #main p, body#helpregistering #main p, body#helppoweredby #main p, body#helppfbasics #main p, body#helpmembernames #main p, body#helppassword #main p, body#helponeline #main p, body#helppaymentinfo #main p, body#helpmyaccount #main p, body#helpmemberagreement #main p, body#helppfbasics #main p, body#helpbillingandfees #main p, body#helpcommunitystandards #main p, body#helpprivacypolicy #main p, body#helpspampolicy #main p, body#helpcookies #main p, body#helpsatisfaction #main p, body#helpfeedbackremoval #main p, body#helpphotopolicy #main p, body#helpadultpolicy #main p, body#helpfree5offer #main p, body#helpfindingpeople #main p, body#helpplacingcalls #main p, body#helpprivacy #main p, body#helppaymentoptions #main p, body#helprecordedlistings #main p, body#helpmail #main p, body#helpfeedback #main p, body#helpratecalculation #main p, body#helpintlrates #main p, body#helpcurrencyconversion #main p, body#helptimezones #main p, body#helpdetailsseekers #main p, body#helpseekerappointments #main p, body#helpcbseekerlearnmore #main p, body#helpmyrecentcalls #main p, body#helptellafriend #main p, body#helpgiftfaq #main p {margin-bottom:10px;} body#help #main ul, body#helpfaq #main ul, body#helpregistering #main ul, body#helppoweredby #main ul, body#helppfbasics #main ul, body#helpmembernames #main ul, body#helppassword #main ul, body#helponeline #main ul, body#helppaymentinfo #main ul, body#helpmyaccount #main ul, body#helpmemberagreement #main ul, body#helppfbasics #main ul, body#helpbillingandfees #main ul, body#helpcommunitystandards #main ul, body#helpprivacypolicy #main ul, body#helpspampolicy #main ul, body#helpcookies #main ul, body#helpsatisfaction #main ul, body#helpfeedbackremoval #main ul, body#helpphotopolicy #main ul, body#helpadultpolicy #main ul, body#helpfree5offer #main ul, body#helpfindingpeople #main ul, body#helpplacingcalls #main ul, body#helpprivacy #main ul, body#helppaymentoptions #main ul, body#helprecordedlistings #main ul, body#helpmail #main ul, body#helpfeedback #main ul, body#helpratecalculation #main ul, body#helpintlrates #main ul, body#helpcurrencyconversion #main ul, body#helptimezones #main ul, body#helpdetailsseekers #main ul, body#helpseekerappointments #main ul, body#helpcbseekerlearnmore #main ul, body#helpmyrecentcalls #main ul, body#helptellafriend #main ul, body#helpgiftfaq #main ul {margin:0 0 10px 30px;} h3#help-banner {background:url('/img/827-title-bg.gif') no-repeat;height:21px;width:827px;margin:0px; margin-bottom: 10px; padding:3px 0 0 8px;} iframe#helpFrame {border:none; width: 800px; } /* Forms */ .mainForm { width: 570px; margin: 18px 0 0 24px; } .sideForm { width: 233px; float: right; margin: 0 24px 0 0; } .mainForm h3 {color: white; background:#ffffff url('/img/503-title-bg.gif') no-repeat;height:21px;width:497px;padding:3px 0 0 8px;margin-bottom:10px;} .sideForm h3 {color: white; background:#ffffff url('/img/233-title-bg.gif') no-repeat;height:21px;width:225px;padding:3px 0 0 8px;margin-bottom:10px;} .mainForm h3.formHelp {float: right; background:#ffffff url('/img/61-title-bg.gif') no-repeat;width:53px;} fieldset { border: solid #bcbcbc 1px; padding: 18px; background-color: #f8f4f4; margin-bottom: 10px; } .formGroupElementSeparator { width: 5px; } fieldset input[type="hidden"] { display: none; } fieldset select, fieldset input[type="text"], fieldset input[type="password"], fieldset textarea { border: solid #bcbcbc 1px; padding: 3px 5px 3px 5px; } fieldset input[type="checkbox"], fieldset input[type="radio"] { margin-top: 4px; width: auto !important; } fieldset select:focus fieldset input[type="text"]:focus, fieldset input[type="password"]:focus { border-color: #660099 } fieldset input[type="submit"], fieldset input[type="button"] { cursor: pointer; background:#f8f4f4 url('/img/button_bg.gif') no-repeat; width: 242px; height: 21px; color: white; border: none; font-weight: bold; margin-bottom: 0; font-size:0.9em; } .sideForm fieldset input[type="button"] { cursor: pointer; background:#f8f4f4 url('/img/side_button_bg.gif') no-repeat; width: 195px; height: 21px; color: white; border: none; font-weight: bold; margin-bottom: 0; font-size:0.9em; } fieldset label, fieldset input, fieldset textarea, fieldset select, fieldset span.formNote, .formGroupElementSeparator { display: block; float: left; margin-bottom: 16px; } fieldset input, fieldset textarea { width: 230px; } fieldset textarea { height: 6em; } fieldset select { min-width: 100px; max-width: 242px; } .sideForm fieldset input { width: 50px; } fieldset p { margin-bottom: 10px; } fieldset span.formNote { width: auto; padding-left: 10px; } fieldset span.fullWidth { width: 500px; } .formError { color: red; } input.formError { border-color: red; } p.formError { font-weight: bold; } .formErrorNote { font-size:0.75em; line-height: 2em; } .formMandatoryNote { clear: both; font-size:0.75em; padding-top: 20px; } ul.formErrorNote li { margin-left: 11px; } fieldset label, fieldset span.formNote, fieldset p, fieldset ul { line-height: 1.7em; font-size: 0.9em; } fieldset textarea { font-size: 0.9em; } fieldset ul { margin-left: 18px; margin-bottom: 18px; } fieldset label { font-weight: bold; width: 154px; padding-right: 10px; } fieldset label.wideLabel { width: auto; } fieldset br { clear: left; } fieldset #custom_amount { float:left; width: 70px; padding-left: 20px; font-weight: bold; } fieldset #custom_amount input#other_amount {width:30px;float:none !important;margin:0;display:inline;} input.ccode { width: 25px; margin-right: 5px; } input.phonenumber { width: 190px; } .clear-floats {clear:both;} input[name='cvv2'] { width: 50px; } body#callpage #header {text-align: center} body#callpage #footer {text-align: center} body#callpage #details {padding: 20px; } #about div.about { float: left; padding: 18px; } #about div.about div#how { clear: both; padding: 12px; margin: 12px; } #about div.about ul { list-style: none } #about div.about li { width: 175px; float: left; padding: 12px; } #about div.about div#how p.callnow-button { margin-top: 12px; margin-bottom: 5px; } body#accountrefer .sideForm { width: 265px; } body#accountrefer .sideForm h3 { background:#ffffff url('/img/265-title-bg.gif') no-repeat; width:265px; } body#accountrefer .mainForm { width: 544px; margin: 18px 0 0 24px; } body#accountrefer .mainForm h3 { background:#ffffff url('/img/544-title-bg.gif') no-repeat; width:544px; } /* transactions in my account */ #transactions {background-color:#f0f0f0;width:530px;} #transactions th {text-align:center;padding:5px;} #transactions td {vertical-align:top;border-bottom:solid 1px #e5e5e5;padding:5px;} #transactions td.align-right {text-align:right;} /* call now page button */ #callNow input[type="button"] { cursor: pointer; background:#f8f4f4 url('/img/buttons/call_call_now_button.gif') no-repeat; width: 242px; height: 42px; color: white; border: none; font-weight: bold; margin-bottom: 10px; font-size:1.2em; } #callCancel input[type="button"] { cursor: pointer; background:#f8f4f4 url('/img/buttons/cancel_button.gif') no-repeat; width: 242px; height: 21px; color: white; border: none; font-weight: bold; margin-bottom: 0; font-size:1.2em; }