/* $Id: parship_home09.css $ */ /*========== common styles ==========*/ html * { padding: 0px; margin: 0px } #ps_hp div, #ps_hp h1, #ps_hp h2, #ps_hp h3, #ps_hp h4, #ps_hp h5, #ps_hp p { margin: 0px; padding: 0px } #ps_hp img { border: none } #ps_hp a, #ps_loginBox a, #ps_hp #ps_registration h2, #ps_registration a, #ps_safety a {color:#900100;} #ps_hp a:hover { text-decoration:underline; color: #660000; } .ps_showOnlyWhenNoscript { display: none; } .ps_showOnlyInlineWhenNoscript { display: none; } #ps_hp .ps_inv { display: none; visibility: hidden; } /*========== layout styles ==========*/ body#ps_hp { background-color: #e1e1e1; margin: 0; padding: 0; font: normal 100.01% Arial, Helvetica, sans-serif; color: #333; } #ps_hp #ps_wrapper { margin: 0px auto; position: relative; width: 950px; height: auto; font-size: .75em } /*========== cobranding ===========*/ #ps_hp #ps_cobranding { margin: 0 auto;} #ps_hp #ps_cobranding td { vertical-align:top;} #ps_hp #ps_cobranding #ps_cobr_t div{ float:right;} #ps_hp #ps_cobranding #ps_cobr_b div{ float:right;} /*========== seo area ==========*/ #ps_hp #ps_content { color:#555555;clear:both; margin-top:640px} #ps_hp #ps_content a, #ps_hp #ps_content a:hover, #ps_hp #ps_content a:active, #ps_hp #ps_content a:visited { color:#333; } #ps_hp #ps_content h1 { font-size: 15px; padding: 10px; } /*========== seo right column ==========*/ #ps_hp #ps_content #ps_members { background:transparent url(../img/homepage/sprite_hp_edges.png) no-repeat scroll -3825px top;width:308px; float:right;height:619px } #ps_hp #ps_content #ps_members .ps_membersBottom{background:transparent url(../img/homepage/sprite_hp_edges.png) no-repeat scroll -644px bottom;height:6px;clear:left;} #ps_hp #ps_content #ps_members .ps_membersList{margin-top:6px;background-color:#f0f0f0;float:left;height:607px;overflow:hidden; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;} #ps_hp #ps_content .ps_members { padding:10px; border-bottom:1px solid #bbb; float:left; width:286px;line-height:14px } #ps_hp #ps_content .ps_members.last { border-bottom:none; } #ps_hp #ps_content .ps_members img { float:left } #ps_hp #ps_content .ps_members div { float:left; padding-left:6px;width:230px } #ps_hp #ps_content .ps_members h4 { font-size:12px } #ps_hp #ps_content .ps_members img { height:67px;width:50px} #ps_hp #ps_content #ps_members div.ps_link { padding:0 10px; clear:both; } #ps_hp #ps_content #ps_members div.ps_link a { padding-left:10px; background:transparent url(../../img/icon_bullet_gt.gif) no-repeat left 8px } /*============ seo styles new =============*/ #ps_hp .ps_relevantContent { float: left; background:transparent url(../img/homepage/sprite_hp_edges.png) -955px top no-repeat; } #ps_hp .ps_relevantContent.ps_standardPartner { background-position: -955px -10px; } #ps_hp .ps_rcInner { float: left;width:607px; height:607px; overflow:hidden; border-left:solid #c4c4c4 1px;border-right:solid #c4c4c4 1px;margin-top:6px;background-color:#f0f0f0;position:relative} #ps_hp .ps_rcInner .ps_innerContent {padding:6px 16px;position:relative;overflow:hidden;font-size:12px;line-height:16px } #ps_hp .ps_relevantContent .ps_innerContent h2 { position:relative;display:block;float:none;font-size:15px;margin:6px 0 0 } #ps_hp .ps_relevantContent .ps_innerContent p {position:relative;display:block;padding:6px 0 } #ps_hp .ps_relevantContent .ps_innerContent h3 {margin-bottom:2px;font-size:12px} #ps_hp .ps_relevantContent .ps_innerContent a.ps_linkIcon {background:transparent url(../img/homepage/sprite_hp_icons.png) no-repeat left 7px;} #ps_hp .ps_relevantContent .ps_innerContent ul li {background: transparent url(../img/homepage/sprite_hp_icons.png) no-repeat 0px -7px; padding:6px 22px;margin-left:2px } #ps_hp .ps_relevantContent .ps_innerContent div {display:block;float:left} #ps_hp .ps_relevantContent .ps_innerContent .ps_c100 {width:100%;display:block;clear:both} #ps_hp .ps_relevantContent .ps_innerContent .ps_c100 h3 {margin:0} #ps_hp .ps_relevantContent .ps_innerContent .ps_c100 p {padding:0} #ps_hp .ps_relevantContent .ps_innerContent .ps_c08l {width:8%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c10l {width:10%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c20l {width:20%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c32l {width:32%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c45l {width:45%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c50l {width:50%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c49r {width:49%;float:right} #ps_hp .ps_relevantContent .ps_innerContent .ps_c55l {width:55%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c60l {width:60%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c75l {width:75%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c89l {width:89%} #ps_hp .ps_relevantContent .ps_innerContent .ps_c92l {width:92%} /*============ seo benefit =============*/ #ps_hp .ps_relevantContent #ps_rcContent1 { } /*============ seo successstories =============*/ #ps_hp .ps_relevantContent #ps_rcContent2 { } #ps_hp .ps_relevantContent .ps_innerContent .ps_c100.ps_successStories {margin-top:8px;display:block;position:relative} #ps_hp .ps_relevantContent .ps_innerContent .ps_c100.ps_storyTeaser {padding:6px 6px 6px 0;height:108px;overflow:hidden;display:block;position:relative} #ps_hp .ps_relevantContent .ps_innerContent .ps_c100.ps_storyTeaser img {width:51px; height:69px;} #ps_hp .ps_relevantContent #ps_rcContent2.ps_innerContent h3 {margin:10px 0 0} #ps_hp .ps_relevantContent #ps_rcContent2.ps_innerContent .ps_storyTeaser h3 {margin:0} #ps_hp .ps_relevantContent #ps_rcContent2.ps_innerContent .ps_storyTeaser h3 a{text-decoration:none} /*============ seo advisor =============*/ #ps_hp .ps_relevantContent #ps_rcContent3 { } #ps_hp .ps_relevantContent #ps_rcContent3.ps_innerContent {line-height:14px} #ps_hp .ps_relevantContent #ps_rcContent3.ps_innerContent img {width:36px; height:48px;} #ps_hp .ps_relevantContent #ps_rcContent3.ps_innerContent .ps_c100.ps_advisorTeaser {display:block;position:relative;margin-bottom:6px} #ps_hp .ps_relevantContent #ps_rcContent3.ps_innerContent .ps_c100.ps_advisorTeaser.ps_advisorTeaserShort {height:60px; overflow:hidden;} #ps_hp .ps_relevantContent #ps_rcContent3.ps_innerContent .ps_advisorTeaser h3 a {text-decoration:none} /*============ seo glossary =============*/ #ps_hp .ps_relevantContent #ps_rcContent4 { } #ps_hp .ps_relevantContent #ps_rcContent4.ps_innerContent .ps_glossaryList div {float:left; padding:0 1% 0 0; } #ps_hp #ps_content #ps_rcContent4 a, #ps_hp #ps_content #ps_rcContent4 a:hover, #ps_hp #ps_content #ps_rcContent4 a:active, #ps_hp #ps_content #ps_rcContent4 a:visited { color:#900100; } #ps_hp .ps_relevantContent #ps_rcContent4.ps_innerContent ul {padding:9px 0px; } #ps_hp .ps_relevantContent #ps_rcContent4.ps_innerContent ul li {background: none; padding:0px; margin:0 } /*============ seo regionally =============*/ #ps_hp .ps_relevantContent #ps_rcContent5 { } #ps_hp .ps_relevantContent #ps_rcContent5.ps_innerContent .ps_c100.ps_regions {padding:15px 0 12px} #ps_hp .ps_relevantContent #ps_rcContent5.ps_innerContent .ps_c100.ps_regionTeaser {padding-top:6px;display:block;position:relative;} #ps_hp .ps_relevantContent #ps_rcContent5.ps_innerContent object {outline:none} #ps_hp .ps_relevantContent #ps_rcContent5.ps_innerContent h2 {margin:6px 0} #ps_hp #ps_content #ps_rcContent5 .ps_regions a, #ps_hp #ps_content #ps_rcContent5 .ps_regions a:hover, #ps_hp #ps_content #ps_rcContent5 .ps_regions a:active, #ps_hp #ps_content #ps_rcContent5 .ps_regions a:visited { color:#900100;text-decoration:none;margin-bottom:3px;display:block;} #ps_hp .ps_rcBottom {background:transparent url(../img/homepage/sprite_hp_edges.png) no-repeat -2884px bottom; height:6px;width:608px;clear:left;line-height:0} #ps_hp #ps_rcMenu {float: left; width:29px;position:relative} #ps_hp .ps_rcNav.ps_on { margin-left:-1px;position:relative;} #ps_hp .ps_rcNav.ps_off { position:relative;} #ps_hp ol { margin-left:20px; clear:left } #ps_hp ol, #ps_hp ol li, #ps_hp ul, #ps_hp ul li { list-style-image: none; list-style-type: none; list-style-position: outside; } #ps_hp ol, #ps_hp ol li { list-style-type: decimal; } #ps_hp ol li, #ps_hp ul li { margin:0; padding:0; } #ps_hp ol li span { font-weight: normal; } /* *** * @section START: Generic Button (a or button - any work fine) taken from parship.css */ /* This is just for IE6 important - but it doesn't hurt the other browsers */ .parship #ps_main .ps_genBut { position: static; } #ps_hp .ps_genBut, #ps_hp .ps_genBut span, #ps_hp .ps_genBut input { position:relative; background: transparent url(../img/sprite_buttons.gif) no-repeat; border:none; margin:0; padding:0; display:block; text-decoration:none; cursor: pointer; color: #fff;} /* Skin 9 (Green button 21px heigh)*/ #ps_hp .ps_genButSkin9, #ps_hp .ps_genButSkin9 input, #ps_hp .ps_genButSkin9 span {height:21px;line-height:20px; font-size:11px; font-weight: normal; overflow: hidden; } #ps_hp .ps_genButSkin9 { background-position:right -649px;padding-right:7px } #ps_hp .ps_genButSkin9 input { padding-bottom: 3px} #ps_hp .ps_genButSkin9 input, #ps_hp .ps_genButSkin9 span { background-position:left -627px; padding-left:10px; } /* Skin 16 (redesign10 Big Green Button - height: 30px ) */ #ps_hp .ps_genButSkin16, #ps_hp .ps_genButSkin16 span { height:31px;line-height:28px; font-size:13px; font-weight:bold; } #ps_hp .ps_genButSkin16 { width:167px; background-position:right -1670px; } #ps_hp .ps_genButSkin16 span { background-position:left -1641px; padding-left:17px; padding-right:16px !important} #ps_hp .ps_genButSkin16:hover { cursor: pointer; background-position:right -1732px;} #ps_hp .ps_genButSkin16:hover span { cursor: pointer; background-position:left -1703px;} /*========== footer ==========*/ #ps_hp #ps_footer { height:auto; position: relative; font-size: .95em; width: 880px; margin: 30px 0 10px; padding:0 20px 10px 50px; float:left; } #ps_hp #ps_footer a { color:#900100; } #ps_hp #ps_footer p a { color:#333; font-weight:bold; line-height:2.5em; } #ps_hp #ps_footer .ps_international { float:left; width:55%; } #ps_hp #ps_footer ul { float:left; width:33%; line-height:1.2em; } #ps_hp #ps_footer .ps_agb { float:right; width:44%; } #ps_footer .ps_copy { display: block; clear:both; text-align:center; padding-top:20px; color:#333; } #ps_footer .ps_copy .ps_tuev { width:220px; margin:10px auto; text-align:left; color:#666; font-size:0.95em; } #ps_footer .ps_copy .ps_tuev p { padding-top:8px; } #ps_footer .ps_copy img { float:left; margin-right:10px; } /*========== Advisor & Success Stories ==========*/ .ps_success {height:69px; width:51px; background-image:url(../img/homepage/sprite_adv_suc.jpg); background-repeat: no-repeat;} .ps_success.ps_guys {background-image:url(../img/homepage/sprite_adv_suc_guys.jpg); background-repeat: no-repeat;} .ps_success.ps_girls {background-image:url(../img/homepage/sprite_adv_suc_girls.jpg); background-repeat: no-repeat;} .ps_advisor {height:48px; width:36px; background-image:url(../img/homepage/sprite_adv_suc.jpg); background-repeat: no-repeat;} .ps_advisor.ps_gay {background-image:url(../img/homepage/sprite_adv_suc_guys.jpg); background-repeat: no-repeat;} .ps_advisor.ps_guys {background-image:url(../img/homepage/sprite_adv_suc_guys.jpg); background-repeat: no-repeat;} .ps_advisor.ps_girls {background-image:url(../img/homepage/sprite_adv_suc_girls.jpg); background-repeat: no-repeat;} #ps_success1 {background-position: -0px -0px;} #ps_success2 {background-position: -52px -0px;} #ps_success3 {background-position: -104px -0px;} #ps_success4 {background-position: -156px -0px;} #ps_success5 {background-position: -208px -0px;} #ps_success6 {background-position: -260px -0px;} #ps_advisor1 {background-position: -0px -70px;} #ps_advisor2 {background-position: -40px -70px;} #ps_advisor3 {background-position: -80px -70px;} #ps_advisor4 {background-position: -119px -70px;} #ps_advisor5 {background-position: -158px -70px;} #ps_advisor6 {background-position: -198px -70px;} #ps_advisor7 {background-position: -240px -70px;} /*========== Member ==========*/ .ps_member { padding:0 !important; margin:0 !important; float:left; height:67px !important; width:50px !important; background-image:url(../img/homepage/sprite_member.jpg); background-repeat: no-repeat;} .ps_member.ps_gay {background-image:url(../img/homepage/sprite_member_guys.jpg); background-repeat: no-repeat;} .ps_member.ps_guys {background-image:url(../img/homepage/sprite_member_guys.jpg); background-repeat: no-repeat;} .ps_member.ps_girls {background-image:url(../img/homepage/sprite_member_girls.jpg); background-repeat: no-repeat;} #ps_member1 {background-position: -0px -0px;} #ps_member2 {background-position: -52px -0px;} #ps_member3 {background-position: -104px -0px;} #ps_member4 {background-position: -156px -0px;} #ps_member5 {background-position: -208px -0px;} #ps_member6 {background-position: -260px -0px;} #ps_member7 {background-position: -312px -0px;} #ps_member8 {background-position: -364px -0px;} #ps_member9 {background-position: -416px -0px;} #ps_member10 {background-position: -468px -0px;} #ps_member11 {background-position: -520px -0px;} #ps_member12 {background-position: -572px -0px;} #ps_member13 {background-position: -624px -0px;} #ps_member14 {background-position: -676px -0px;} #ps_member15 {background-position: -728px -0px;} #ps_member16 {background-position: -780px -0px;} #ps_member17 {background-position: -832px -0px;} #ps_member18 {background-position: -884px -0px;} #ps_member19 {background-position: -936px -0px;} #ps_member20 {background-position: -988px -0px;} #ps_member21 {background-position: -1040px -0px;} /*============= Layer choose country ==================*/ .onWelcomePageCountryLayer{ padding-left:237px;} /* *** * @section START: LayerContent (Css-Overlays) * @Usage: Modulspecific */ /* import from ModalBox */ #MB_overlay {position:absolute; margin:auto; top:0; left:0; width:100%; height:100%; z-index:9999; background-color:#000 !important; } #MB_overlay[id] {position:fixed; } #MB_window {position:absolute; top:50px; padding:0px; border:2px solid #9c9c9c; text-align:left; z-index:10000; background-color:#EFEFEF; } #MB_window[id] {position:fixed !important; } #MB_frame {position:relative; background-color:#f7f7f7; height:100%; } #MB_header {margin:0 !important; padding:6px 15px !important; height:25px; } #MB_header h2 {font-size:18px;font-weight:normal; margin: 2px 0px 0 0px; padding: 0;} #MB_content {padding:6px 15px !important; overflow:hidden; } #MB_close {display:block; position:absolute; right:6px; top:3px; padding:2px 3px !important; font-weight:bold; text-decoration:none; font-size:13px; } #MB_close:hover {background:transparent; } #MB_content .ps_modalContent {margin-bottom:10px !important;} #MB_content .ps_modalContent .ps_explanation {padding:3px; background-color:#e0e0e0; margin-top:3px !important;} #MB_content .ps_modalContent ol {margin-left:22px !important;} #MB_content .ps_layer_scroll {height:250px;overflow:auto;} #MB_content .ps_formButtonRow {margin:10px 0;} #ps_chooseLanguage #MB_content .ps_formButtonRow {float:right} /* gay skin (guys) */ .ps_modalWindowSkin #MB_header {background:url('../../img/bg_modalHeader_guys.jpg') no-repeat bottom left;} .ps_modalWindowSkin #MB_close {width:16px; height:15px; margin-top:8px !important; background:url('../..//img/modal_closeButton.gif') no-repeat top left;} .ps_modalWindowSkin #MB_close span {display:none;} /* @section END: LayerContent (Css-Overlays) */ /** * * VanillaModalBox * */ .ps_VMBWrapper {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000;} .ps_VMBOuter { width:100%; height:100%; background-color:black; /* Opacity for all renderes with this functionality */ filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;} .ps_VMBInner { border:2px solid #9C9C9C; width:304px; height:auto; position:absolute; margin-left:-200px !important; margin-top:-100px !important; top:50%; left:50%; z-index:10010; background-color:white;} /*========== clearfix ==========*/ .ps_clearfix { float: none; clear: both; width: 0px; height: 0px; overflow: hidden; visibility: hidden; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px } .ps_clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Safari-Browser */ #ps_main .ps_clear { display: inline-block; } /* Hides from IE-mac \*/ * html .ps_clearfix, * html #ps_main .ps_clearfix { height: 1%; } #ps_main .ps_clear { display: block; } /* End hide from IE-mac */ /* HERE THERE BE DRAGONS. AND THE STYLES FOR THE UPCOMING HOMEPAGE REDESIGN. */ /* =========== RegistrationForm redesign2010 ============= */ /* layout, positioning and sizes */ #ps_hp #ps_mainbox {position:relative; float:left; width:100%; margin-top:-1297px; display:block;} #ps_hp #ps_loginRegistration {position:relative; height:550px;} #ps_hp #ps_subNavigation {overflow:hidden;} #ps_hp #ps_subNavigation li {display:block; float:left; padding:10px 0;} #ps_hp #ps_subNavigation li a { border-right:1px solid #555; padding: 0 10px;} #ps_hp #ps_subNavigation li.first a {padding-left:0;} #ps_hp #ps_subNavigation li.last a {border-right:none;} /* login dropdown */ #ps_hp #ps_loginBox {position:absolute; top:0px; right:30px; width:180px; min-height:40px; z-index:2;} #ps_hp #ps_loginBox #ps_loginBoxToggle {display:block; position:relative; width:165px; line-height: 25px; font-weight: bold; text-decoration:none; margin: 10px 10px 5px 8px; background: url(../img/homepage/sprite_hp_icons.gif) 143px 0px no-repeat; } #ps_hp #ps_loginBox.down { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #ps_hp #ps_loginBox.down #ps_loginBoxToggle { background: url(../img/homepage/sprite_hp_icons.gif) 143px -25px no-repeat; } #ps_hp #ps_loginBox #ps_form_homepageLogin {padding: 5px} #ps_hp #ps_loginBox #ps_form_homepageLogin input, #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_forgotPasswordLink {margin-bottom:5px;} #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_loginEmail, #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_loginPassword, #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_fakepassword {width:158px; margin-left:2px;} #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_fakepassword {color:#999;} #ps_hp #ps_loginBox #ps_form_homepageLogin #ps_forgotPasswordLink, #ps_hp #ps_loginBox #ps_form_homepageLogin label {display: block; margin:5px 2px} #ps_hp #ps_loginBox #ps_forgotPasswordLink {padding-left: 3px;} #ps_hp #ps_loginBox #ps_form_homepageLogin label { padding-left: 15px; text-indent: -15px; } #ps_hp #ps_loginBox #ps_form_homepageLogin label input { width: 13px; height: 13px; padding: 0; margin:0 0 0 1px; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } /* registration form */ #ps_hp #ps_registration {position:absolute; top:92px; left:53px; width:337px; height:300px;} #ps_hp #ps_safety {position:absolute; bottom:45px; left:53px; width:337px; height:106px;background-repeat:none;} #ps_hp #ps_registration h2, #ps_hp #ps_registration ul {position:relative; width:307px; margin:10px 5px 10px 15px;} #ps_hp #ps_registration ul li {position:relative; display:block; width:100%; overflow:hidden; margin-bottom:5px;} #ps_hp #ps_registration ul li.ps_hasError label.rowlabel {color:#F20202;} #ps_hp #ps_registration ul li.ps_hasError {color:#F20202;} #ps_hp #ps_registration ul li.ps_hasError input {background: url(../img/homepage/sprite_hp_edges.png) -4763px 0px no-repeat;} /* the "left column" of the form */ #ps_hp #ps_registration label.rowlabel {display:block; width:100px; float:left;} #ps_hp #ps_registration #ps_reg_mysex label.rowlabel, #ps_hp #ps_registration #ps_reg_essex label.rowlabel {width:105px;} /* +5px - the radiobuttons lack a right-floated container and need to be nudged a bit to the right */ #ps_hp #ps_registration #ps_reg_mysex label, #ps_hp #ps_registration #ps_reg_essex label {margin-right:10px;} #ps_hp #ps_registration #ps_reg_mysex label.rowlabel, #ps_hp #ps_registration #ps_reg_essex label.rowlabel {margin-right:0px;} #ps_hp #ps_registration #ps_eMailSecurityIcon { width:15px; height:14px; margin-left: 5px; background: url(../img/homepage/sprite_hp_icons.gif) 0px -48px no-repeat; } #ps_hp #ps_registration #ps_emailHint { font-size: 10px; color: #666; } /* the "right column" of the form */ #ps_hp #ps_registration input[type=text], #ps_hp #ps_registration input[type=password] {display:block; width:195px; float:left; margin-left:5px; margin-bottom: 3px;} #ps_hp #ps_registration p {display:block; width:200px; float:right;} /* +2px because it lacks borders */ #ps_hp #ps_registration li.ps_checkboxRow {display:block; width:180px; margin-left:107px; padding-left:20px;} #ps_hp #ps_registration li.ps_checkboxRow input {float:left; margin-left:-20px;} /* floating tooltip */ #ps_hp #ps_registration #ps_passwordTooltip { background: url(../img/homepage/sprite_hp_icons.gif) 0px -62px no-repeat; width: 15px; height: 15px; margin-left: 5px; } #ps_hp #ps_errorEmailLabel span, #ps_hp #ps_errorPasswordLabel span {float:left;} #ps_hp .ps_tooltipWrapper { position: absolute; z-index: 1000; bottom: 349px; left: 128px; width:280px; } #ps_hp .ps_tooltip_dialog { position: relative; left: -30px;} #ps_hp .ps_tooltip_dialog .ps_tooltip_head { background: transparent url(../img/sprite_backgrounds.gif) no-repeat left 2px; margin-right: 7px; } /* tl */ #ps_hp .ps_tooltip_dialog .ps_tooltip_head .ps_tooltip_c { background: transparent url(../img/sprite_backgrounds.gif) no-repeat right -97px; margin-right: -7px; font-size: 1px; height: 10px; } /* tr */ #ps_hp .ps_tooltip_dialog .ps_tooltip_body{ background: transparent url(../img/sprite_backgrounds.gif) no-repeat left -593px; margin-right: 7px; } /* ml */ #ps_hp .ps_tooltip_dialog .ps_tooltip_body .ps_tooltip_c { background: #fff url(../img/sprite_backgrounds.gif) no-repeat right -433px; margin-right: -7px; padding: 0 10px; } /* mr */ #ps_hp .ps_tooltip_dialog .ps_tooltip_foot { background: transparent url(../img/sprite_backgrounds.gif) no-repeat left -27px; margin-right: 7px; } /* bl */ #ps_hp .ps_tooltip_dialog .ps_tooltip_foot .ps_tooltip_c { background: transparent url(../img/sprite_backgrounds.gif) no-repeat right -129px; margin-right: -7px; font-size: 1px; height: 16px; } /* br */ #ps_tooltip_arrow {background: transparent url(../../img/bg_roundTooltipArrow_n.gif) no-repeat;position: absolute;z-index:100000;width: 11px; height: 11px; bottom:0} #ps_hp #ps_registration #loginSubmit { display:block; width:306px; height:40px; background: url(../img/homepage/sprite_hp_icons.gif) 0 -78px no-repeat; cursor:pointer; border:none; color: #fff; font-weight: bold; font-size: 16px; position:absolute; bottom:12px; left:16px; } #ps_hp #ps_registration #loginSubmit span { display:block; margin-top:-4px; } #ps_hp #ps_registration #loginSubmit:hover { background: url(../img/homepage/sprite_hp_icons.gif) 0 -119px no-repeat; } #ps_hp #ps_safety img { margin-left: 10px; } #ps_hp #ps_safety #ps_seal { margin-top: 5px; } #ps_hp #ps_safety ul { position: absolute; top:10px; left:70px; list-style-type:none; } #ps_hp #ps_safety ul li { list-style-type:none; background: url("../../img/homepage/checkmark.gif") no-repeat top left; min-height: 17px; padding-top: 5px; padding-left: 28px; } #ps_hp #ps_safety ul a {display:block;} /* advice- and error layer */ #ps_adviceLayer { position: absolute; top: 0px; left: 0px; width: 287px; color: #d6292d; } #ps_adviceLayer h3 div { padding-top: 15px; margin-left: 35px; font-size: 12px; } #ps_adviceLayer { color: #000; } #ps_adviceLayer p { margin-bottom: 15px; } #ps_adviceLayer h3 { height: 40px; background: url(../../img/homepage/sprite_hp_edges.png) -5371px top no-repeat; position:relative; z-index:2; } #ps_adviceLayer .ps_adviceWrapper { background: url(../../img/homepage/sprite_hp_edges.png) -5680px bottom no-repeat; margin-top:-19px; margin-left: 18px; padding: 10px 10px 15px 17px; } #ps_errorMessages { position: absolute; left: 380px; top: 100px; z-index:2; } /* todo */ #ps_hp #ps_errorLayer { width: 540px; } #ps_hp #ps_errorLayer div { position:absolute; margin-bottom: 5px; -moz-box-shadow:10px 4px 10px rgba(0,0,0,0.4); -webkit-box-shadow:10px 4px 10px rgba(0,0,0,0.4); box-shadow:10px 4px 10px rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=4) } #ps_hp #ps_errorLayer p { position:relative; display: inline; float: left; height: 24px; background:transparent url(../../img/homepage/bg_hp_error_left.gif) no-repeat top left; } #ps_hp #ps_errorLayer p span { position:relative; display:block; float:right; height:24px; right:-6px; padding: 5px; background:transparent url(../../img/homepage/bg_hp_error_right.gif) no-repeat top right; color: #F20202; } /* now positioned via JS (keep for backup no js) */ #ps_errorMysex{top:28px} #ps_errorEssex{top:48px} #ps_errorEmail{top:72px} #ps_errorPassword{top:145px} #ps_errorPasswordCheck{top:160px} #ps_errorTerms{top:205px} #ps_errorPrivatePolicy{top:234px} /* typography and colours */ #ps_hp #ps_subNavigation li a {color:#555; text-decoration:underline;} #ps_hp #ps_subNavigation li.last a {color:#900100; font-weight: bold;} #ps_hp #ps_subNavigation li a:hover {color:#000} #ps_hp #ps_loginBox, #ps_hp #ps_registration, #ps_hp #ps_safety {background-color:#f6f5f5;} #ps_hp #ps_loginBox #ps_forgotPasswordLink, #ps_hp #ps_loginBox label {font-size:11px} #ps_hp #ps_registration h2 {font-size:16px;} #ps_hp #ps_registration label.rowlabel {font-weight:bold;margin-top:1px} #ps_hp #ps_registration label, #ps_hp #ps_registration input[type="radio"], #ps_hp #ps_registration p {font-size:12px; vertical-align:middle;} #ps_hp #ps_form_homepageLogin input[type=text], #ps_hp #ps_form_homepageLogin input[type=password], #ps_hp #ps_registration input[type=text], #ps_hp #ps_registration input[type=password] { border:none; background: url(../img/homepage/sprite_hp_edges.png) -4151px 0px no-repeat; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.4); box-shadow:3px 3px 5px rgba(0,0,0,0.4); padding: 3px; } #ps_hp #ps_safety ul li, #ps_hp #ps_safety ul li a {font-size:12px;} /* * functionally impaired browsers from our dear market leader receive a bg image as special treatment in parship_home09_ie8.css */ #ps_hp #ps_registration, #ps_hp #ps_loginBox, #ps_hp #ps_safety { -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.4); box-shadow:3px 3px 5px rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=4) } #ps_bigPic1, #ps_bigPic2 { position: absolute; width: 950px; height: 544px; background-color: #e1e1e1; background-position: left top; background-repeat: no-repeat; } #ps_hp #ps_registration input[type=submit] { text-align: center; font-size: 14px; border:1px solid grey; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; background: -moz-linear-gradient(center bottom , #0B8100 43%, #19A600 72%, #22CE00 86%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.43, rgb(11,129,0)), color-stop(0.72, rgb(25,166,0)), color-stop(0.86, rgb(34,206,0))); } #ps_hp #ps_safety { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #ps_hp #ps_alternateLanguages { overflow: auto; display:inline; float: left; padding-left: 15px; } #ps_hp #ps_alternateLanguages li { float: left; padding-right: 5px; } #ps_hp #ps_alternateLanguages li a { color: #900100; line-height:30px; } #ps_hp #ps_alternateLanguages li.current a { color: #343434; text-decoration:none; } #ps_hp #ps_partnerLabel { float:left; line-height: 30px; padding: 0 15px; font-weight: bold;