/* Forevermark Setting Stylesheet */ .jsShow { display: none; } /* Used to hide elements in HTML mode and show them with JS */ #flashMovieOverlay { background-color: #fff; height: 385px; left: 0; position: absolute; top: 0; width: 100%; z-index: 97; } #personalMessageOverlay { height: 385px; left: 0; position: absolute; top: 0; width: 100%; z-index: 98; } #loading-indicator { background: #fff url(/images/fm_setting/ajax-loader.gif) no-repeat 50% 50%; height: 385px; left: 0; position: absolute; top: 0; width: 100%; } #settings .form { margin: 0 auto; padding-top: 50px; width: 440px; } #settings .form h3, #popup h3 { color: #555; font-size: 14px; letter-spacing: 2px; margin: 0 auto 25px; text-align: center; text-transform: uppercase; } #settings .form p, #popup p, #settings .row p { color: #777; font-size: 11px; margin: 0 0 14px; text-align: center; text-transform: none; } #settings p.action, #popup p.action { color: #000; letter-spacing: 1px; text-transform: none; } #settings .form label, #popup label { color: #5f6c6c; display: block; font-size: 11px; position: relative; } #settings .form label.checkbox, #popup label.checkbox { float: left; margin-bottom: 8px; padding-left: 20px; width: 264px; } #settings .form label.checkbox input, #popup label.checkbox input { border: 0; left: 0; margin: 0; position: absolute; top: 0; width: auto; } #settings .form label.checkbox.privacyCB, #popup label.checkbox.privacyCB { margin-bottom: 10px; } #settings .form label input, #popup label input, #popup.staf #tbEmailMessage { border: 1px solid #c9cdcd; color: #5f6c6c; display: block; font-family: Arial; font-size: 12px; margin-top: 2px; padding: 2px; #} #popup.staf #tbEmailMessage { border: none; color: #5f6c6c; display: block; font-family: Arial; font-size: 12px; margin-top: 2px; padding: 2px; } #settings .form label select, #popup select { padding: 1px !important; } #settings .form span.validation, #popup span.validation { left: 0; position: absolute; top: 38px; } #settings .form span.textareaValidation { font-size: 11px; left: 0; position: absolute; top: 121px; } #settings .form label.privacyCB span.validation { top: 26px; } body.zh-HK #settings .form label.privacyCB span.validation, body.zh-CN #settings .form label.privacyCB span.validation { top: 15px; } #settings .form .buttonWrapper, #popup .buttonWrapper, #settings #inner.buttonWrapper { float: left; width: 100%; } #settings .form .buttons, #popup .buttons, #settings #inner .buttons { border-top: solid 1px #f0f0f0; margin: 0 auto; text-align: center; } #settings .form .buttons input, #popup .buttons input { background: transparent url(/images/fm_setting/form_btn_off.gif) no-repeat 0 0; border: none; font-size: 10px; height: 24px; letter-spacing: 1px; padding: 0 0 3px; text-transform: uppercase; width: 137px; } #settings .buttons input, #settings .buttons a, #popup .buttons input, #popup .buttons a { color: #333; cursor: pointer; } .buttons ul a { background-image: none !important; } .buttons ul a:hover { color: #333 !important; } #settings .form .col1, #settings .form .col2 { float: left; width: 284px; } #settings .form .col1 { padding: 0 15px 0 8px; } #settings .form .captchaWrapper, #popup .captchaWrapper { float: left; margin-bottom: 4px; width: 100%; } body.zh-HK #settings .form .captchaWrapper, body.zh-HK #popup .captchaWrapper, body.zh-CN #settings .form .captchaWrapper, body.zh-CN #popup .captchaWrapper { margin-bottom: 0; } #settings .form .captchaWrapper label, #popup .captchaWrapper label { float: none; margin-bottom: 0; } #settings .form .captchaWrapper #LBD_CaptchaDiv, #popup .captchaWrapper #LBD_CaptchaDiv { margin-top: 14px; } #lblReceiversEmailAddress .validation { text-align: right; }/* for 2nd line wrapping */ /* Form1 */ #personalMessageForm1 { padding: 15px 80px 0 !important; width: 600px !important; } #personalMessageForm1 h3 { margin-bottom: 15px !important; } #personalMessageForm1 p { margin-left: 60px !important; margin-right: 60px !important; } #personalMessageForm1 .formWrapper { margin: 0 auto; position: relative; width: 440px; } #personalMessageForm1 .labelWrapper, .floatleft { float: left; } #personalMessageForm1 label { float: left; width: 204px; } #personalMessageForm1 label.first { width: 236px; } #personalMessageForm1 label input { width: 198px; } #personalMessageForm1 textarea { border: solid 1px #c9cdcd; color: #5f6c6c; font-family: Arial; font-size: 14px; height: 93px; line-height: 18px; margin: 20px 0; padding: 5px; text-align: center; width: 428px; } #personalMessageForm1 .buttons { background-color: #F5F5F5; padding-top: 15px !important; width: 440px; } #personalMessageForm1 .pmTextareaLabel { margin-top: 20px; width: 100%; } #personalMessageForm1 .pmTextareaLabel textarea { margin: 2px 0 20px; } /* Form2 */ #personalMessageForm2 { padding-top: 36px !important; width: 600px !important; } #personalMessageForm2 h3 { margin-bottom: 15px !important; } #personalMessageForm2 label, #popup label { float: left; margin-bottom: 10px; width: 284px; } #personalMessageForm2 input, #popup input { width: 278px; } #personalMessageForm2 select, #popup select { width: 284px; } #personalMessageForm2 .buttons { background-color: #F5F5F5; width: 440px; } #personalMessageForm2 .buttons input { margin-right: 16px; } #personalMessageForm1 ul, #personalMessageForm2 ul { display: inline; list-style: none; margin: 0; padding: 0; } #personalMessageForm1 li, #personalMessageForm2 li { display: inline; line-height: 0.9em; padding-left: 12px; } #personalMessageForm2 li.first { border-right: solid 1px #000; padding: 0 15px 0 0; } #personalMessageForm1 li a, #personalMessageForm2 li a { font-size: 10px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } #personalMessageForm1 textarea { height: 93px; } #personalMessageForm2 .col1 { width: 240px !important; } #personalMessageForm2 .col2 { width: 290px !important; } #personalMessageForm2 .col1 { padding: 0 0 0 70px !important; } #personalMessageForm2 select { width: 220px; } #personalMessageForm2 input { width: 214px; } #personalMessageForm2 #LBD_CaptchaDiv { height: 39px !important; width: 218px !important; } #personalMessageForm2 #LBD_CaptchaDiv #LBD_CaptchaImage { width: auto !important; width: auto !important; } #personalMessageForm2 #LBD_CaptchaDiv #LBD_CaptchaImage img { width: 196px !important; height: 39px !important; } #personalMessageForm2 #LBD_CaptchaDiv #LBD_CaptchaIcons { width: auto !important; } #personalMessageForm2 #LBD_CaptchaDiv #LBD_CaptchaIcons img { width: 16px !important; } #personalMessageForm2 label, #personalMessageForm2 span, #personalMessageForm2 .captchaWrapper .LBD_CaptchaDiv {width:210px !important;} #personalMessageForm2 .captchaWrapper .LBD_CaptchaDiv .LBD_CaptchaImage, #personalMessageForm2 .captchaWrapper .LBD_CaptchaDiv .LBD_CaptchaImage img {width:180px !important;} span.validation { position: relative !important; top:0px !important; } #personalMessageForm2 .col2 .checkbox {width:210px !important;} /* Thankyou Page */ #personalMessageThankYou { padding-top: 130px !important; } #personalMessageThankYou p { letter-spacing: 0 !important; color: #000 !important; } #personalMessageThankYou h3 { text-transform: none !important; } /* Pop-ups */ #popup { height: 622px; margin: 0 auto; width: 760px; } #popup #header { background-color: #FFF; float: none; height: 104px; min-width: 100%; padding-top: 13px; } #popup #header h1 { margin: 0; } #popup #form { background-color: #F9F9F9; height: 465px; padding-top: 40px; text-align: left; width: 100%; } #popup p { margin-bottom: 20px; } #popup .col1, #popup .col2 { float: left; height: 293px; width: 365px; } #popup .col1 { background: transparent url(/images/diamond_scatter_popup.jpg) no-repeat 65% 214px; padding-left: 80px; padding-right: 30px; width: 285px; } #popup.exclUpdates .buttonWrapper { margin-top: 16px; } #popup.exclUpdates .buttons, #popup.staf .buttons { width: 599px; } #popup.exclUpdates label.privacyCB span.validation { top: 14px; } #popup form { margin-bottom: 0 !important; margin-top: 0 !important; } #popup.staf { height: 560px; } #popup.staf #form { height: 403px; } #popup.staf .colWrapper { background: transparent url(/images/diamond_scatter_popup.jpg) no-repeat 20% 162px; float: left; } #popup.staf .col1, #popup.staf .col2 { height: 234px; } #popup.staf .col1 { background: none; } #popup.staf label.privacyCB span.validation { top: 24px; } #popup.staf #lblForEmailMessage span.validation { top: 89px; } #popup.staf span.validation.secondError { top: 48px !important; } #popup #hear-about { text-transform: none; letter-spacing: 0; text-align: left; } #popup #hear-about label { margin-bottom: 1px; } #popup #hear-about span { float: left; font-size: 11px; width: 280px; margin-bottom: 2px; } #popup.message-preview .buttons { width: 440px; } /* Locale styles */ body.zh-HK #popup.staf label.privacyCB span.validation, body.zh-CN #popup.staf label.privacyCB span.validation { top: 15px !important; } body.zh-CN #popup.staf label.privacyCB { width: 284px !important; } /******************************************/ /* Global CTA Styles */ /******************************************/ #settings { position: relative; background: transparent url(/images/fm_settings_gradient.jpg) repeat-x top left; } #settings .row h2 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; margin: 8px 0 15px 2px; border-left: 1px solid #000; } #settings .row img { margin: 10px 0; } div.buttons .cta-button-on { background: transparent url(/images/settings_btn_upstate.gif) no-repeat scroll left top; height: 24px; width: 138px; font-size: .9em; text-transform: none; border: 0pt none; margin-bottom: 10px; padding: 0 0 2px; } div.buttons div.center { width: 290px; } div.center { margin: 0 auto; } .cta-links { color: #777; background: transparent url(/images/fm_setting/compass_arrow.gif) no-repeat 100% 50%; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding-right: 14px; } #fm-settings .cta-back, #fm-settings-threesixty .cta-back { position: absolute; top: 8px; right: 20px; height: 15px; font-size: 0.8em; text-transform: uppercase; text-decoration: none; background: transparent url(/images/back_icon.gif) no-repeat 100% 0; padding: 5px 25px 0 0; } div.buttons a.cta-button-on { display: block; height: 18px; text-decoration: none; margin: 0 auto; padding: 5px 0; letter-spacing: 0.2em; } #button-wrapper { float: left; width: 100%; } #settings #inner .buttons { width: 460px; } #inner #personalMessageForm2 .buttons { width: 583px; } #inner .form h3, #inner #personalMessageForm1 p { margin-left: -40px !important; margin-right: -40px !important; } #inner #personalMessageForm2 h3 { margin-left: 0 !important; margin-right: 0 !important; } #inner #personalMessageForm1, #inner #personalMessageForm1 .buttons, #inner #personalMessageThankYou .buttons { width: auto !important; } #inner #personalMessageForm1 .buttons, #inner #personalMessageForm2 .buttons { background-color: #FFF; } #inner .captchaWrapper img { margin: 0; } #inner .buttons.northBtn { padding-top: 10px !important; } #popup.staf .buttonWrapper { margin-top: 30px; } #popup.staf #tbEmailMessage { width: 278px; height: 68px; } /******************************************/ /* Message Video Preview */ /******************************************/ #popup.message-preview #form { background: none; } #popup.message-preview #flash-wrapper { text-align: center; width: 100%; } #popup.message-preview #flash-video { float: none; width: 400px; height: 268px; margin: 0 auto 30px; } /******************************************/ /* Template 1 Setup */ /******************************************/ #fm-settings { position: relative; background: transparent url(/images/fm_setting/fm_settings_background.jpg) no-repeat scroll center top; } #fm-settings.east { position: relative; background: transparent url(/images/fm_setting/fm_settings_background_east.jpg) no-repeat scroll center top; } #fm-settings.box { background: transparent url(/images/fm_setting/fm_setting_background_north.jpg) no-repeat scroll center top; } #fm-settings-threesixty { position: relative; background: transparent url(/images/fm_settings_background_threesixty.jpg) no-repeat scroll center top; } #fm-settings .row { background: none; } #fm-settings-landing { position: relative; background: transparent url(/images/fm_setting/fm_setting_rings.jpg) no-repeat scroll 50% 0; } #fm-settings-landing #rings { position: absolute; left: 20px; top: 106px; } #fm-settings #inner, #fm-settings-landing #inner { float: none; width: 610px; background: none; margin: 0 auto; padding: 0; } #fm-settings-landing #inner { width: 980px; } #fm-settings #inner h2, #fm-settings-landing #inner h2, #fm-settings-threesixty #inner h2 { text-align: center; margin: 0 0 5px; padding-top: 10px; border: none; } #fm-settings-landing #inner h2 { color: #8A9393; font-size: 1em; height: 30px; background: transparent url(/images/landing_header_bg.jpg) no-repeat 50% 0; text-transform: uppercase; letter-spacing: .2em; padding-top: 10px; } #fm-settings #inner h3, #fm-settings-threesixty h3 { color: #555; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 0 0 15px; } #fm-settings #inner h4 { color: #202020; font-size: 0.8em; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; padding: 8px 0 5px; margin: 0; } #fm-settings #inner div.inner-content { color: #5f6c6c; width: 440px; text-align: center; margin: 0 auto 5px; padding: 0 10px; } #fm-settings h3#newsletter-thankyou { float: none; width: 440px; font-size: 1em; margin: 0 auto; } #fm-settings #privacy { display: block; width: 440px; font-size: 0.9em; text-transform: uppercase; text-align: center; margin: 15px auto 30px; } #fm-settings-threesixty #sidebar { float: left; width: 236px; padding: 50px 0 0 30px; } #fm-settings-threesixty #sidebar h3 { font-size: 1em; text-align: left; } #fm-settings-threesixty #sidebar .threesixty-nav, #fm-settings-threesixty #sidebar .thumbnails { list-style-type: none; margin-left: 0; padding: 0; } #fm-settings-threesixty #sidebar .threesixty-nav li { padding-bottom: 5px; } #fm-settings-threesixty #sidebar .threesixty-nav li a { font-size: .9em; } #fm-settings-threesixty #sidebar .thumbnails { width: 160px; padding: 20px 0 0 40px; } #fm-settings-threesixty #sidebar .thumbnails li { float: left; margin: 0 10px 5px 0; } #fm-settings-threesixty #inner { float: left; width: 445px; margin: 0; } #fm-settings-threesixty #image { text-align: center; } #fm-settings-threesixty p.instruct { text-align: left; } /******************************************/ /* Landing Setup */ /******************************************/ #cta-compass { list-style-type: none; } #cta-west { position: absolute; top: 290px; left: 100px; } #cta-north { position: absolute; top: 120px; left: 390px; } #cta-south { position: absolute; top: 320px; left: 600px; } #cta-east { position: absolute; top: 60px; left: 720px; }