/* --------------------------------------------------------------------------------------------------- pz.style.css --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- html + body --------------------------------------------------------------------------------------------------- */ body { background:#e5e0d2; } /* --------------------------------------------------------------------------------------------------- fonts --------------------------------------------------------------------------------------------------- */ body, input, select, textarea { font-family:'Lucida Grande', Tahoma, Arial, Sans-Serif; font-size:11px; color:#404040; } input.password { font-family:Arial, Helvetica, Sans-Serif; } /* --------------------------------------------------------------------------------------------------- settings text --------------------------------------------------------------------------------------------------- */ p { margin:0px 0px 10px 0px; font-size:11px; line-height:16px; } p.singleChild, p.lastChild { margin-bottom:0px } h1 { margin:0px 0px 10px 0px; font-size:13px; line-height:18px; color:#000; } h1.important { color:#a00114; } h2 { margin:0px 0px 10px 0px; font-size:13px; line-height:16px; font-weight:normal; color:#000; } h3, h4, h5, h6 { margin:0px 0px 10px 0px; font-size:11px; line-height:16px; } strong.important { color:#a00114; } ul { margin:0px 0px 10px 0px; padding-left:20px } ul.lastChild { margin-bottom:0px } li { margin:0px; line-height:16px; } /* --------------------------------------------------------------------------------------------------- settings links --------------------------------------------------------------------------------------------------- */ a { cursor:pointer } a:link, a:visited { text-decoration:none; color:#970f91; } a:hover { text-decoration:none; color:#404040; } a.minilink { background:url(http://www.peoplezapping.com/images_style/minilink_arrow_magenta.gif) 0px 4px no-repeat; padding-left:8px; font-size:11px; } a.tinylink { background:url(http://www.peoplezapping.com/images_style/tinylink_arrow_magenta.gif) 0px 4px no-repeat; padding-left:6px; font-size:9px; } /* --------------------------------------------------------------------------------------------------- settings forms --------------------------------------------------------------------------------------------------- */ input.text { height:14px; padding:2px; color:#404040; border:1px solid #bfbfbf; } input.password { height:14px; padding:2px; color:#404040; border:1px solid #bfbfbf; } input.fileupload { color:#404040; border:1px solid #bfbfbf; } input.checkbox { margin-left:0px; } input.radio { margin:0px; padding:0px; } input.button { border:0px none; cursor:pointer; } select { height:20px; color:#404040; border:1px solid #bfbfbf; } select option { color:#404040; } textarea { font-size:11px; line-height:16px; color:#404040; padding:2px; border:1px solid #bfbfbf; } textarea.small { height:50px; } textarea.medium { height:150px; } textarea.big { height:250px; } /* --------------------------------------------------------------------------------------------------- UIPageContainer / UIPageContainerLeft / UIPageContainerRight / UIPageSubContainer --------------------------------------------------------------------------------------------------- */ .UIPageSubContainer.faqNav { width:294px; overflow:hidden; float:left; } .UIPageSubContainer.faqNav .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_faqnav_bg.gif) left top repeat-y; } .UIPageSubContainer.subNav { width:637px; overflow:hidden; float:right; } .UIPageSubContainer.subNav .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_subnav_bg.gif) left top repeat-y; } .UIPageSubContainer.placeProfileComments { width:539px; overflow:hidden; float:left; } .UIPageSubContainer.placeProfileComments .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_placeprofilecomments_bg.gif) left top repeat-y; } .UIPageSubContainer.placeProfileAddinfos { width:392px; overflow:hidden; float:right; } .UIPageSubContainer.placeProfileAddinfos .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_placeprofileaddinfos_bg.gif) left top repeat-y; } .UIPageSubContainer.accountSidebar { width:294px; overflow:hidden; float:left; } .UIPageSubContainer.accountSidebar .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_accountsidebar_bg.gif) left top repeat-y; } .UIPageSubContainer.accountContent { width:637px; overflow:hidden; float:right; } .UIPageSubContainer.accountContent .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_accountcontent_bg.gif) left top repeat-y; } /* --------------------------------------------------------------------------------------------------- UIPageHeader / UIPageHeaderNav --------------------------------------------------------------------------------------------------- */ .UIPageHeader { height:75px; background:url(http://www.peoplezapping.com/images_style/uipageheader_bg.gif) left top no-repeat; } .UIPageHeader .typeNickname { height:16px; line-height:16px; padding-top:50px; padding-left:103px; color:#808080; float:left; } .UIPageHeader .typeNickname a { font-weight:bold; } .UIPageHeaderNav { width:30%; height:51px; padding-right:20px; float:right; } .UIPageHeaderNav ul { padding:0px; margin:31px 0px 0px 0px; float:right; } .UIPageHeaderNav li { list-style:none; float:left; } .UIPageHeaderNav li a.lang { display:block; width:22px; height:20px; margin-left:5px; overflow:hidden; } .UIPageHeaderNav li a.lang.de { background-image:url(http://www.peoplezapping.com/images_style/icon_lang_de.gif); background-repeat:no-repeat; } .UIPageHeaderNav li a.lang.en { background-image:url(http://www.peoplezapping.com/images_style/icon_lang_en.gif); background-repeat:no-repeat; } .UIPageHeaderNav li a.lang:link, .UIPageHeaderNav li a.lang:visited { background-position:0px 0px; } .UIPageHeaderNav li a.lang:hover { background-position:0px -20px; } .UIPageHeaderNav li a.lang.de.act, .UIPageHeaderNav li a.lang.en.act { background-position:0px -40px; } .UIPageHeaderNav li a.lang span { display:none; } .UIPageHeaderNav li a.broadcast { display:block; height:20px; margin-left:15px; background:#c50f1b url(http://www.peoplezapping.com/images_style/btn_broadcast.gif) 0px 0px no-repeat; } .UIPageHeaderNav li a.broadcast:link, .UIPageHeaderNav li a.broadcast:visited { color:#FFF; font-weight:bold; } .UIPageHeaderNav li a.broadcast span { display:block; padding:0px 10px 0px 28px; line-height:20px; white-space:nowrap; } /* --------------------------------------------------------------------------------------------------- UIFooter --------------------------------------------------------------------------------------------------- */ .UIFooter { padding-bottom:40px; } .UIFooter .footerNav a span { display:block; padding-left:8px; background:url(http://www.peoplezapping.com/images_style/minilink_arrow_magenta.gif) 0px 7px no-repeat; } /* --------------------------------------------------------------------------------------------------- UIModalBackground / UIModalContainer / .UIModalDialog --------------------------------------------------------------------------------------------------- */ .UIModalDialog .titlebar { height:30px; overflow:hidden; background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_30px.gif) 0px 0px repeat-x; } .UIModalDialog .titlebar .buttons a.close { display:block; width:30px; height:30px; border-left:1px solid #404040; background-image:url(http://www.peoplezapping.com/images_style/uimodaldialog_icon_close.gif); background-repeat:no-repeat; } .UIModalDialog .titlebar .buttons a.close:link, .UIModalDialog .titlebar .buttons a.close:visited { background-position:0px 0px; } .UIModalDialog .titlebar .buttons a.close:hover { background-position:0px -31px; } .UIModalDialog .titlebar .buttons a.close span { display:none; } /* --------------------------------------------------------------------------------------------------- UIContainer --------------------------------------------------------------------------------------------------- */ .UIContainer { background:url(http://www.peoplezapping.com/images_style/uicontainer_bg.gif) left top repeat-y; } .UIContainerTop div.cleft { background:url(http://www.peoplezapping.com/images_style/uicontainertop_bg.gif) left bottom no-repeat; } .UIContainerTop div.cright { background:url(http://www.peoplezapping.com/images_style/uicontainertop_bg.gif) right bottom no-repeat; } .UIContainerBottom div.cleft { background:url(http://www.peoplezapping.com/images_style/uicontainerbottom_bg.gif) left top no-repeat; } .UIContainerBottom div.cright { background:url(http://www.peoplezapping.com/images_style/uicontainerbottom_bg.gif) right top no-repeat; } /* --------------------------------------------------------------------------------------------------- UICanvas --------------------------------------------------------------------------------------------------- */ .UICanvas { background:#FFFFFF; } /* --------------------------------------------------------------------------------------------------- UIBox --------------------------------------------------------------------------------------------------- */ .UIBox { margin-bottom:0px; } .UIBox.faqNav { margin-bottom:0px; padding:0px 0px 0px 0px; } .UIBox.subNav { margin-bottom:0px; padding-left:0px; } .UIBox.contentSection { margin-bottom:15px; } .UIBox.eventOutline { margin-bottom:15px; } .UIBox.invitation { margin-bottom:15px; } .UIBox.howtoHeader { height:150px; overflow:hidden; } /* .UIBox *:last-child { margin-bottom:0px; } */ .UIBoxCol.content { margin-bottom:5px; } /* --------------------------------------------------------------------------------------------------- UIPageTopNav --------------------------------------------------------------------------------------------------- */ .UIPageTopNav { height:30px; padding:0px 20px; background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_30px.gif) left top repeat-x; } .UIPageTopNav ul { padding:0px; margin:0px; } .UIPageTopNav ul li { display:block; list-style:none; margin:0px; float:left; } .UIPageTopNav ul.leftNav { float:left; } .UIPageTopNav ul.leftNav li a, .UIPageTopNav ul.leftNav li p { margin:5px 5px 0px 0px; } .UIPageTopNav ul.rightNav { float:right; } .UIPageTopNav ul.rightNav li a, .UIPageTopNav ul.rightNav li p { margin:5px 0px 0px 5px; } .UIPageTopNav li a { display:block; height:20px; padding:0px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIPageTopNav li a:link, .UIPageTopNav li a:visited { color:#FFF; background:none; } .UIPageTopNav li a:hover { color:#FFF; background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIPageTopNav li a span { line-height:20px; font-weight:bold; white-space:nowrap; } .UIPageTopNav li a.disabled:link, .UIPageTopNav li a.disabled:visited { color:#aca89d; } .UIPageTopNav li a.login:link, .UIPageTopNav li a.login:visited { color:#FFF; background:#f88710 url(http://www.peoplezapping.com/images_style/gradient_orange_20px.gif) left top repeat-x; } .UIPageTopNav li a.mypz:link, .UIPageTopNav li a.mypz:visited { color:#FFF; background:#8aa901 url(http://www.peoplezapping.com/images_style/gradient_green_20px.gif) left top repeat-x; } .UIPageTopNav li a.broadcast:link, .UIPageTopNav li a.broadcast:visited { color:#FFF; background:#f88710 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left top repeat-x; } .UIPageTopNav li a.act:link, .UIPageTopNav li a.act:visited { color:#FFF; background:#b42fad url(http://www.peoplezapping.com/images_style/gradient_magenta_20px.gif) left top repeat-x; } .UIPageTopNav li a.disabled:hover, .UIPageTopNav li a.login:hover, .UIPageTopNav li a.mypz:hover, .UIPageTopNav li a.broadcast:hover, .UIPageTopNav li a.act:hover { color:#FFF; background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIPageTopNav ul.rightNav li.language { margin:5px 0px 0px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#e5e1d3 url(http://www.peoplezapping.com/images_style/gradient_light_20px.gif) left top repeat-x; } .UIPageTopNav ul.rightNav li.language p { display:block; width:69px; height:20px; margin:0px; padding:0px; overflow:hidden; } .UIPageTopNav ul.rightNav li.language p a { display:block; width:22px; height:20px; margin:0px; padding:0px; background:none; background-repeat:no-repeat; -moz-border-radius:0px; -webkit-border-radius:0px; } .UIPageTopNav ul.rightNav li.language p a.de { position:relative; left:10px; top:0px; } .UIPageTopNav ul.rightNav li.language p a.en { position:relative; left:37px; top:-20px; } .UIPageTopNav ul.rightNav li.language p a:link, .UIPageTopNav ul.rightNav li.language p a:visited { background-position:0px 0px } .UIPageTopNav ul.rightNav li.language p a:hover { background-position:0px -20px } .UIPageTopNav ul.rightNav li.language p a.act { background:none; background-repeat:no-repeat; background-position:0px -40px; } .UIPageTopNav ul.rightNav li.language p a.de { background-image:url(http://www.peoplezapping.com/images_style/icon_lang_de.gif); } .UIPageTopNav ul.rightNav li.language p a.en { background-image:url(http://www.peoplezapping.com/images_style/icon_lang_en.gif); } .UIPageTopNav ul.rightNav li.language p a span { display:none; } /* --------------------------------------------------------------------------------------------------- UIPageTopLogin --------------------------------------------------------------------------------------------------- */ .UIPageTopLogin { background:#ece8dd; } .UIPageTopLogin .btnLogin { padding:2px 10px; color:#FFF; font-weight:bold; background:#c50f1b url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UIPageTopLogin .btnLogin:hover { background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left center repeat-x; } /* --------------------------------------------------------------------------------------------------- UITable --------------------------------------------------------------------------------------------------- */ .UITable tr.hr td { background:#FFF; } .UITable td.aboutmeAvatarImage { width:202px; padding-right:20px; } .UITable td.aboutmeAvatarThumb { width:202px; padding-right:20px; text-align:right; } .UITable td.aboutmeAvatarThumb div { float:right; } .UITable td.placeprofileImage { width:202px; padding-right:20px; } .UITable td.eventImage { width:202px; padding-right:20px; } /* --------------------------------------------------------------------------------------------------- UIContentBox / UIContentLinkMaxmin / UIContentInnerBox --------------------------------------------------------------------------------------------------- */ .UIContentBox { margin-bottom:5px; padding:15px 15px 15px 15px; background:#FFF url(http://www.peoplezapping.com/images_style/uicontentbox_bg_white.gif) left top repeat-x; } .UIContentBox.pageText { background:none; } .UIContentBox.pageText.news { margin:10px 0px 10px 0px; } .UIContentBox.helpVideo { text-align:center; } .UIContentBox.lastChild { margin-bottom:0px; } .UIContentBox.selectAvatar { background:#ece8dd; } .UIContentBox.embedCodeForUser { margin-top:10px; } .UIContentBox p.notice { text-align:center; font-weight:bold; } .UIContentLinkMaxmin { margin-bottom:0px; } .UIContentLinkMaxmin a span.slideClosed, .UIContentLinkMaxmin a span.slideOpen { padding-left:18px; background-image:url(http://www.peoplezapping.com/images_style/uicontentlinkmaxmin_icon_openclose.gif); background-repeat:no-repeat; } .UIContentLinkMaxmin a span.slideClosed { background-position:0px 1px; } .UIContentLinkMaxmin a span.slideOpen { background-position:0px -19px; } .UIContentBox .maxminSlide { padding-top:10px; } .UIContentInnerBox.lastChild { margin-bottom:0px; } .UIContentInnerBox p.success { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontentinnerbox_icon_success.gif) 0px 0px no-repeat; } .UIContentInnerBox p.advice { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontentinnerbox_icon_advice.gif) 0px 0px no-repeat; } .UIContentInnerBox p.error { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontentinnerbox_icon_error.gif) 0px 0px no-repeat; } /* --------------------------------------------------------------------------------------------------- UIPageTitle --------------------------------------------------------------------------------------------------- */ .UIPageTitle { background:#000000 url(http://www.peoplezapping.com/images_style/gradient_black_60px.gif) left top repeat-x; } .UIPageTitle .breadcrumb li a { background:url(http://www.peoplezapping.com/images_style/breadcrumb_arrow.gif) 0px 4px no-repeat; padding-left:7px; } /* --------------------------------------------------------------------------------------------------- UIFaqNav --------------------------------------------------------------------------------------------------- */ .UIFaqNav { margin:0px; padding-left:15px; } .UIFaqNav ul { display:block; padding:0px; margin:0px; } .UIFaqNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UIFaqNav a { display:block; height:16px; margin:0px; padding:0px; } .UIFaqNav a span { display:block; padding-left:54px; line-height:16px; font-weight:normal; background-image:url(http://www.peoplezapping.com/images_style/uifaqnav_icon_faq.gif); background-position:0px 0px; background-repeat:no-repeat; } .UIFaqNav a:hover span { background-position:0px -17px; } /* --------------------------------------------------------------------------------------------------- UISubNav --------------------------------------------------------------------------------------------------- */ .UISubNav { width:274px; margin:0px 5px 0px 0px; float:left; } .UISubNav ul { display:block; padding:0px 0px 0px 15px; margin:0px; } .UISubNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UISubNav a { display:block; height:24px; line-height:24px; } .UISubNav a span { display:block; height:24px; line-height:24px; padding-left:54px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; } .UISubNav a:hover span { background-position:0px -25px; } .UISubNav a.act span { background-position:0px -50px; } .UISubNav a span.placeregistration { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place.gif); } .UISubNav a span.newsletter { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_letter.gif); } .UISubNav a span.loginemail { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_lock.gif); } .UISubNav a span.loginpassword { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_lock.gif); } .UISubNav a span.accountdelete { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_delete.gif); } .UISubNav a span.friends { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_friends.gif); } .UISubNav a span.invitepeople { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_invitepeople.gif); } .UISubNav a span.invitationsreceived { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_invitationsreceived.gif); } .UISubNav a span.invitationssent { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_invitationssent.gif); } .UISubNav a span.placeprofile { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place.gif); } .UISubNav a span.events { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_event.gif); } .UISubNav a span.widgets { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_widgets.gif); } .UISubNav a span.placestats { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_stats.gif); } .UISubNav a span.streamingshop { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming.gif); } .UISubNav a span.streamingadmin { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming.gif); } .UISubNav a span.liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings.gif); } .UISubNav p { display:block; height:24px; line-height:24px; margin:0px; } .UISubNav p span { display:block; height:24px; line-height:24px; padding-left:54px; font-weight:bold; color:#aca89d; background-position:0px 0px; background-repeat:no-repeat; } .UISubNav p span.placeprofile { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place_disabled.gif); } .UISubNav p span.events { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_event_disabled.gif); } .UISubNav p span.widgets { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_widgets_disabled.gif); } .UISubNav p span.placestats { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_stats_disabled.gif); } .UISubNav p span.streamingshop { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming_disabled.gif); } .UISubNav p span.streamingadmin { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming_disabled.gif); } .UISubNav p span.liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings_disabled.gif); } /* --------------------------------------------------------------------------------------------------- UICatNav --------------------------------------------------------------------------------------------------- */ .UICatNav a { display:block; padding:15px; } .UICatNav a:link, .UICatNav a:visited { background:#ece8dd; color:#333; } .UICatNav a:hover { background:#f2efe8; } .UICatNav a span { padding-left:103px; background-repeat:no-repeat; background-position:0px 0px; } .UICatNav a:hover span { background-position:0px -300px; } .UICatNav a span.mypz-activation { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_lock.gif); } .UICatNav a span.mypz-settings { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_settings.gif); } .UICatNav a span.mypz-delete { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_delete.gif); } .UICatNav a span.mypz-userprofile { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_userprofile.gif); } .UICatNav a span.account-placeregistration { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_place.gif); } .UICatNav a span.account-newsletter { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_letter.gif); } .UICatNav a span.account-email { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_lock.gif); } .UICatNav a span.account-password { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_lock.gif); } .UICatNav a span.account-delete { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_delete.gif); } .UICatNav a span.myfriends-friends { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_friends.gif); } .UICatNav a span.myfriends-invite { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_invitepeople.gif); } .UICatNav a span.myfriends-invitations-received { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_invitationsreceived.gif); } .UICatNav a span.myfriends-invitations-sent { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_invitationssent.gif); } .UICatNav a span.myplace-profile { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_place.gif); } .UICatNav a span.myplace-events { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_event.gif); } .UICatNav a span.myplace-widgets { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_widgets.gif); } .UICatNav a span.myplace-placestats { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_stats.gif); } .UICatNav a span.myplace-streamingshop { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_streaming.gif); } .UICatNav a span.myplace-streamingadmin { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_streaming.gif); } .UICatNav a span.myplace-liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_settings.gif); } .UICatNav p { display:block; padding:15px; background:#ece8dd; } .UICatNav p span { padding-left:103px; background-repeat:no-repeat; background-position:0px 0px; } .UICatNav p span .title { color:#aca89d; } .UICatNav p span .infotext { color:#aca89d; } .UICatNav p span.myplace-profile { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_place_disabled.gif); } .UICatNav p span.myplace-events { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_event_disabled.gif); } .UICatNav p span.myplace-widgets { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_widgets_disabled.gif); } .UICatNav p span.myplace-placestats { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_stats_disabled.gif); } .UICatNav p span.myplace-streamingshop { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_streaming_disabled.gif); } .UICatNav p span.myplace-streamingadmin { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_streaming_disabled.gif); } .UICatNav p span.myplace-liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_settings_disabled.gif); } .UICatNav p span.mypz-settings { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_settings_disabled.gif); } .UICatNav p span.mypz-delete { background-image:url(http://www.peoplezapping.com/images_style/uicatnav_icon_delete_disabled.gif); } /* --------------------------------------------------------------------------------------------------- UIPageNav --------------------------------------------------------------------------------------------------- */ .UIPageNav { margin-top:13px; margin-bottom:10px; } .UIPageNav ul { display:block; padding:0px; margin:0px; } .UIPageNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UIPageNav a { display:block; height:20px; line-height:20px; } .UIPageNav a span { display:block; height:20px; line-height:20px; padding-left:54px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; } .UIPageNav a:hover span { background-position:0px -21px; } .UIPageNav a.act span { background-position:0px -42px; } .UIPageNav a span.myevents { background-image:url(http://www.peoplezapping.com/images_style/uipagenav_icon_list.gif); } .UIPageNav a span.eventnew { background-image:url(http://www.peoplezapping.com/images_style/uipagenav_icon_new.gif); } .UIPageNav a span.eventremoveall { background-image:url(http://www.peoplezapping.com/images_style/uipagenav_icon_remove.gif); } .UIPageNav a span.placeprofileview { background-image:url(http://www.peoplezapping.com/images_style/uipagenav_icon_view.gif); } .UIPageNav a span.placeprofileedit { background-image:url(http://www.peoplezapping.com/images_style/uipagenav_icon_edit.gif); } /* --------------------------------------------------------------------------------------------------- UISubtitle / UISubtitleNav / UISubtitleButtonbar --------------------------------------------------------------------------------------------------- */ .UISubtitle { background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_30px.gif) left top repeat-x; } .UISubtitle.small { background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_24px.gif) left top repeat-x; } .UISubtitle.success { background:#89a800; } .UISubtitle.advice { background:#e9ad00; } .UISubtitle.error, .UISubtitle.important { background:#a00114; } .UISubtitle.small.success { background:#89a800 url(http://www.peoplezapping.com/images_style/gradient_green_24px.gif) left top repeat-x; } .UISubtitle.small.advice { background:#e9ad00 url(http://www.peoplezapping.com/images_style/gradient_yellow_24px.gif) left top repeat-x; } .UISubtitle.small.error, .UISubtitle.small.important { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_24px.gif) left top repeat-x; } .UISubtitle.small.login { background:#f16301 url(http://www.peoplezapping.com/images_style/gradient_orange_24px.gif) left top repeat-x; } .UISubtitle h3 i { font-style:normal; color:#bfbfbf; } .UISubtitle h3.place { padding:0px 20px 0px 10px; background:url(http://www.peoplezapping.com/images_style/uisubtitle_hbg_greydark_30px.gif) right top no-repeat; } .UISubtitle h3.place span { display:block; padding-left:24px; background:url(http://www.peoplezapping.com/images_style/uisubtitle_icon_place.gif) left center no-repeat; } .UISubtitle h3.events { padding:0px 20px 0px 10px; background:url(http://www.peoplezapping.com/images_style/uisubtitle_hbg_greydark_30px.gif) right top no-repeat; } .UISubtitle h3.events span { display:block; padding-left:24px; background:url(http://www.peoplezapping.com/images_style/uisubtitle_icon_event.gif) left center no-repeat; } .UISubtitleNav li a.minilink:link, .UISubtitleNav li a.minilink:visited { color:#bfbfbf; padding-left:8px; background:url(http://www.peoplezapping.com/images_style/minilink_arrow_greylight.gif) 0px 4px no-repeat; } .UISubtitleNav li a.minilink:hover { color:#FFF; padding-left:8px; background:url(http://www.peoplezapping.com/images_style/minilink_arrow_white.gif) 0px 4px no-repeat; } .UISubtitleNav li a.rssfeed { display:block; width:16px; height:16px; margin-top:4px; background:url(http://www.peoplezapping.com/images_style/uicomments_icon_rss.gif) 0px 0px no-repeat; } .UISubtitleNav li a.rssfeed span { display:none; } .UISubtitleNav li a.atomfeed { display:block; width:16px; height:16px; margin-top:4px; background:url(http://www.peoplezapping.com/images_style/uicomments_icon_atom.gif) 0px 0px no-repeat; } .UISubtitleNav li a.atomfeed span { display:none; } .UISubtitleButtonbar li { margin:0px; } .UISubtitleButtonbar li a { display:block; width:44px; height:24px; background-repeat:no-repeat } .UISubtitleButtonbar li a:link, .UISubtitleButtonbar li a:visited { background-position:0px 0px; } .UISubtitleButtonbar li a:hover { background-position:0px -24px; } .UISubtitleButtonbar li a span { display:none; } .UISubtitleButtonbar li a.edit { background-image:url(http://www.peoplezapping.com/images_style/uisubtitlebuttonbar_icon_edit.gif); } .UISubtitleButtonbar li a.remove-right { background-image:url(http://www.peoplezapping.com/images_style/uisubtitlebuttonbar_icon_remove_right.gif); } /* --------------------------------------------------------------------------------------------------- UIMarginBox --------------------------------------------------------------------------------------------------- */ .UIMarginBox .marginContent.marginNum { padding-top:35px; background-position:0px 0px; background-repeat:no-repeat; } .UIMarginBox .marginContent.marginNum.one { background-image:url(http://www.peoplezapping.com/images_style/marginnum_one.gif); } .UIMarginBox .marginContent.marginNum.two { background-image:url(http://www.peoplezapping.com/images_style/marginnum_two.gif); } .UIMarginBox .marginContent.marginNum.three { background-image:url(http://www.peoplezapping.com/images_style/marginnum_three.gif); } .UIMarginBox .marginContent.marginNum.four { background-image:url(http://www.peoplezapping.com/images_style/marginnum_four.gif); } .UIMarginBox .marginContent.marginNum.five { background-image:url(http://www.peoplezapping.com/images_style/marginnum_five.gif); } .UIMarginBox .marginContent.marginNum.six { background-image:url(http://www.peoplezapping.com/images_style/marginnum_six.gif); } .UIMarginBox .marginContent.marginNum.seven { background-image:url(http://www.peoplezapping.com/images_style/marginnum_seven.gif); } .UIMarginBox .marginContent.marginNum.eight { background-image:url(http://www.peoplezapping.com/images_style/marginnum_eight.gif); } .UIMarginBox .marginContent.marginNum.nine { background-image:url(http://www.peoplezapping.com/images_style/marginnum_nine.gif); } .UIMarginBox .marginContent.subtitleSmall { margin-top:35px; } /* --------------------------------------------------------------------------------------------------- UIMarginNav --------------------------------------------------------------------------------------------------- */ .UIMarginNav { margin:15px 0px 0px 15px; } .UIMarginNav ul { display:block; padding:0px; margin:0px; } .UIMarginNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UIMarginNav a { display:block; height:20px; line-height:20px; } .UIMarginNav a span { display:block; height:20px; line-height:20px; padding-left:30px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; } .UIMarginNav a:hover span { background-position:0px -21px; } .UIMarginNav a span.homepage { background-image:url(http://www.peoplezapping.com/images_style/uimarginnav_icon_homepage.gif); } /* --------------------------------------------------------------------------------------------------- UIContextBox --------------------------------------------------------------------------------------------------- */ .UIContextBox { background:#FFF url(http://www.peoplezapping.com/images_style/uicontextbox_bg_white.gif) left top repeat-x; } .UIContextBox .contextContent p.hr { background:#FFF; } .UIContextBox .contextContent p.success { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontextbox_icon_success.gif) 0px 0px no-repeat; } .UIContextBox .contextContent p.error { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontextbox_icon_error.gif) 0px 0px no-repeat; } .UIContextBox .contextContent p.advice { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontextbox_icon_advice.gif) 0px 0px no-repeat; } .UIContextBox .contextContent p.delete { padding-left:25px; background:url(http://www.peoplezapping.com/images_style/uicontextbox_icon_delete.gif) 0px 0px no-repeat; } /* --------------------------------------------------------------------------------------------------- UIContextNav --------------------------------------------------------------------------------------------------- */ .UIContextNav { margin:15px 0px 0px 15px; } .UIContextNav ul { display:block; padding:0px; margin:0px; } .UIContextNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UIContextNav a { display:block; height:20px; line-height:20px; } .UIContextNav a span { display:block; height:20px; line-height:20px; padding-left:54px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; } .UIContextNav a:hover span { background-position:0px -21px; } .UIContextNav a.act span { background-position:0px -42px; } .UIContextNav a span.default { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_default.gif); } .UIContextNav a span.eventedit { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_edit.gif); } .UIContextNav a span.eventremove { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_delete.gif); } .UIContextNav a span.invitationaccept { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_accept.gif); } .UIContextNav a span.invitationdeny { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_deny.gif); } .UIContextNav a span.invitationremove { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_delete.gif); } .UIContextNav a span.invitationcancel { background-image:url(http://www.peoplezapping.com/images_style/uicontextnav_icon_deny.gif); } /* --------------------------------------------------------------------------------------------------- UIAdvice --------------------------------------------------------------------------------------------------- */ .UIAdvice { padding:5px; margin-bottom:5px; background:#ece8dd; } .UIAdvice.lastChild { margin-bottom:0px; } .UIAdvice ul { display:block; padding:10px 10px 10px 10px; margin:0px; background:#f2efe8; } .UIAdvice ul li { display:block; list-style:none; padding:0px 0px 10px 25px; line-height:16px; } .UIAdvice ul li:last-child { padding:0px 0px 0px 25px; } .UIAdvice ul li.success { background:url(http://www.peoplezapping.com/images_style/uiadvice_icon_success.gif) 0px 0px no-repeat; } .UIAdvice ul li.advice { background:url(http://www.peoplezapping.com/images_style/uiadvice_icon_advice.gif) 0px 0px no-repeat; } .UIAdvice ul li.error { background:url(http://www.peoplezapping.com/images_style/uiadvice_icon_error.gif) 0px 0px no-repeat; } .UIAdvice ul li.warning { background:url(http://www.peoplezapping.com/images_style/uiadvice_icon_error.gif) 0px 0px no-repeat; } .UIAdvice ul li.preloader { background:url(http://www.peoplezapping.com/images_style/uiajaxpreloader_icon.gif) left center no-repeat; padding:0px; } /* --------------------------------------------------------------------------------------------------- UIFormTable / forms --------------------------------------------------------------------------------------------------- */ .UIFormTable { margin-bottom:5px; } .UIFormTable.lastChild { margin-bottom:0px; } .UIFormTable tr.verticalGap td { height:5px; font-size:0; line-height:0; } .UIFormTable td.horizontalGap div { width:5px; font-size:0; line-height:0; } .UIFormTable .label { width:180px; padding-top:2px; } .UIFormTable .label.short { width:1%; padding-right:5px; } .UIFormTable .label.short p { white-space:nowrap; } .UIFormTable .preval { padding-right:2px; } .UIFormTable .field .fieldContainer { margin-right:11px; } .UIFormTable .field .fieldContainer.select { margin-right:5px; } .UIFormTable .field .fieldContainer.radioButton { margin-right:5px; } .UIFormTable .fieldText { padding-top:2px; } .UIFormTable .icon div { width:21px; height:20px; } /* margin-top:2px; */ .UIFormTable .icon div.success { background:url(http://www.peoplezapping.com/images_style/uiform_icon_success.gif) right center no-repeat; } .UIFormTable .icon div.error { background:url(http://www.peoplezapping.com/images_style/uiform_icon_error.gif) right center no-repeat; } .UIFormTable .icon div.advice { background:url(http://www.peoplezapping.com/images_style/uiform_icon_advice.gif) right center no-repeat; } .UIFormTable .iconCalendar div { width:19px; height:20px; background:url(http://www.peoplezapping.com/images_style/uiform_icon_calendar.gif) left center no-repeat; } .UIFormTable .iconClock div { width:19px; height:20px; background:url(http://www.peoplezapping.com/images_style/uiform_icon_clock.gif) left center no-repeat; } .UIFormTable .checkboxField { padding-right:5px } .UIFormTable .checkboxText { padding-top:2px } .UIFormTable .checkboxText p { margin:0px; } /* --------------------------------------------------------------------------------------------------- UIButtonBox --------------------------------------------------------------------------------------------------- */ .UIButtonBox { text-align:left; margin:15px 0px 15px 0px; background:none; } input.button { height:20px; font-weight:bold; padding:0px 10px; background:#a61f9f url(http://www.peoplezapping.com/images_style/gradient_magenta_20px.gif) left center repeat-x; } input.button:hover { background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left center repeat-x; } .UIButtonBox a.button { display:block; height:20px; line-height:20px; color:#FFF; font-weight:bold; text-align:center; } .UIButtonBox a.button.ok { background:#89a800 url(http://www.peoplezapping.com/images_style/gradient_green_20px.gif) left center repeat-x; } .UIButtonBox a.button.cancel { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UIButtonBox a.button.accept { background:#89a800 url(http://www.peoplezapping.com/images_style/gradient_green_20px.gif) left center repeat-x; } .UIButtonBox a.button.later { background:#e9ad00 url(http://www.peoplezapping.com/images_style/gradient_yellow_20px.gif) left center repeat-x; } .UIButtonBox a.button.deny { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UIButtonBox a.button:hover { background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left center repeat-x; } .UIButtonBox.alert ul { margin-left:216px; } .UIButtonBox.confirm ul { margin-left:159px; } .UIButtonBox.invitationConfirm ul { margin-left:107px; } .UIButtonBox.modalLogin { padding-left:185px; } /* --------------------------------------------------------------------------------------------------- UISubmitButtonBox --------------------------------------------------------------------------------------------------- */ .UISubmitButtonBox { text-align:right; } /* --------------------------------------------------------------------------------------------------- UIFormButton --------------------------------------------------------------------------------------------------- */ .UIFormButton { height:20px; margin-right:5px; padding:0px 10px; cursor:pointer; color:#FFF; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border:0px none; cursor:pointer; background-repeat:repeat-x; background-position:0px 0px; } .UIFormButton:hover { background-position:0px -20px; } .UIFormButton { background-color:#8b0286; background-image:url(http://www.peoplezapping.com/images_style/uiformbutton_bg_magenta.gif); } .UIFormButton.login { background-color:#f16301; background-image:url(http://www.peoplezapping.com/images_style/uiformbutton_bg_orange.gif); } .UIFormButton.accept { background-color:#8aa901; background-image:url(http://www.peoplezapping.com/images_style/uiformbutton_bg_green.gif); } .UIFormButton.cancel { background-color:#000000; background-image:url(http://www.peoplezapping.com/images_style/uiformbutton_bg_black.gif); } .UIFormButton.delete { background-color:#b40817; background-image:url(http://www.peoplezapping.com/images_style/uiformbutton_bg_red.gif); } /* --------------------------------------------------------------------------------------------------- UILinkButton --------------------------------------------------------------------------------------------------- */ .UILinkButton { display:block; height:20px; padding:0px 10px; } .UILinkButton:link, .UILinkButton:visited { background-position:0px 0px; } .UILinkButton:hover { background-position:0px -20px; } .UILinkButton { background-color:#8b0286; background-image:url(http://www.peoplezapping.com/images_style/uilinkbutton_bg_magenta.gif); } .UILinkButton.activate { background-color:#8aa901; background-image:url(http://www.peoplezapping.com/images_style/uilinkbutton_bg_green.gif); } .UILinkButton.deactivate { background-color:#b40817; background-image:url(http://www.peoplezapping.com/images_style/uilinkbutton_bg_red.gif); } .UILinkButton.update { background-color:#8aa901; background-image:url(http://www.peoplezapping.com/images_style/uilinkbutton_bg_green.gif); } .UILinkButton span { color:#FFF; line-height:20px; font-weight:bold; white-space:nowrap; } .UILinkButton.small { height:16px; width:100px; text-align:center; } .UILinkButton.small span { line-height:16px; font-size:9px; } .UILinkButtonBar { height:20px; } .UILinkButtonBar.small { height:16px; } .UILinkButtonBar .UILinkButton { float:left; margin-right:5px; } /* --------------------------------------------------------------------------------------------------- UINavBar --------------------------------------------------------------------------------------------------- */ .UINavBar { margin-bottom:5px; } .UINavBar.lastChild { margin-bottom:0px; } .UINavBar ul { height:16px; margin:0px; padding:0px; } .UINavBar li { display:block; float:left; margin:0px 5px 0px 0px; padding:0px; list-style:none; } .UINavBar li.label { margin-right:10px; } .UINavBar li.label span { line-height:16px; font-weight:bold; } .UINavBar li a { display:block; height:16px; padding:0px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .UINavBar li a span { line-height:16px; font-weight:bold } .UINavBar li a:link, .UINavBar li a:visited { color:#FFF; background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_20px.gif) left center repeat-x; } .UINavBar li a.act:link, .UINavBar li a.act:visited { background:#a61f9f url(http://www.peoplezapping.com/images_style/gradient_magenta_20px.gif) left center repeat-x; } .UINavBar li a.allow:link, .UINavBar li a.allow:visited { background:#89a800 url(http://www.peoplezapping.com/images_style/gradient_green_20px.gif) left center repeat-x; } .UINavBar li a.deny:link, .UINavBar li a.deny:visited { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UINavBar li a:hover, .UINavBar li a.act:hover, .UINavBar li a.allow:hover, .UINavBar li a.deny:hover { color:#FFF; background:#404040 url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left center repeat-x; } /* --------------------------------------------------------------------------------------------------- UITeaserInfoBox --------------------------------------------------------------------------------------------------- */ .UITeaserInfoBox p.placeprofile { padding-left:18px; background:url(http://www.peoplezapping.com/images_style/uiteaserinfobox_icon_place.gif) 0px 1px no-repeat; } .UITeaserInfoBox p.eventdetails { padding-left:18px; background:url(http://www.peoplezapping.com/images_style/uiteaserinfobox_icon_event.gif) 0px 1px no-repeat; } .UITeaserInfoBox p.friendcard { padding-left:18px; background:url(http://www.peoplezapping.com/images_style/uiteaserinfobox_icon_friendcard.gif) 0px 1px no-repeat; } .UITeaserInfoBox p.eventAnnouncementZap a { background:url(http://www.peoplezapping.com/images_style/eventannouncement_btn_zap.gif) 0px 0px no-repeat; } .UITeaserInfoBox p.eventAnnouncementZap a:hover { background-position:0px -20px; } .UITeaserInfoBox p.eventAnnouncementZap a span { display:none; } /* --------------------------------------------------------------------------------------------------- UIEventTeaser --------------------------------------------------------------------------------------------------- */ .UIEventTeaser .imageLayer .imageBadges span { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UIEventTeaser .alphaLayer { background:#000 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_magenta.gif) right top no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .UIEventTeaser .infoLayer { background:#000 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_magenta.gif) right top no-repeat; } .UIEventTeaser.public .alphaLayer { background:#a00114 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_black.gif) right top no-repeat; } .UIEventTeaser .imageLayer .imageIcon.public { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_place_anim.gif) 0px 0px no-repeat; } /* --------------------------------------------------------------------------------------------------- events UIEventDateSheet / UIContainerEventAnnouncement / UIEventAnnouncement --------------------------------------------------------------------------------------------------- */ .UIEventAnnouncement .imageLayer .imageIcon.public { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_place_anim.gif) 0px 0px no-repeat; } /* --------------------------------------------------------------------------------------------------- places UIContainerPlaceTeaser / UIPlaceTeaser --------------------------------------------------------------------------------------------------- */ .UIPlaceTeaser .imageLayer .imageBadges span { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_20px.gif) left center repeat-x; } .UIPlaceTeaser .alphaLayer { background:#000 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_magenta.gif) right top no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .UIPlaceTeaser .imageLayer .imageIcon.public { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_place_anim.gif) 0px 0px no-repeat; } .UIPlaceTeaser .imageLayer .imageIcon.event { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_event.gif) 0px 0px no-repeat; } .UIPlaceTeaser.public .alphaLayer { background:#a00114 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_black.gif) right top no-repeat; } /* --------------------------------------------------------------------------------------------------- UIPlaceImage --------------------------------------------------------------------------------------------------- */ .UIPlaceImage.placeProfile { margin-bottom:20px; } /* --------------------------------------------------------------------------------------------------- friends UIContainerFriendTeaser / UIFriendTeaser --------------------------------------------------------------------------------------------------- */ .UIFriendTeaser .imageLayer .imageIcon.public { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_place_anim.gif) 0px 0px no-repeat; } .UIFriendTeaser .imageLayer .imageIcon.disabled { background:url(http://www.peoplezapping.com/images_style/uiteaser_corner_icon_disabled.gif) 0px 0px no-repeat; } .UIFriendTeaser .alphaLayer { background:#808080 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_magenta.gif) right top no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .UIFriendTeaser.public .alphaLayer { background:#a00114 url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_black.gif) right top no-repeat; } .UIFriendTeaser.online .alphaLayer { background:#b42fad url(http://www.peoplezapping.com/images_style/uiteaser_corner_topright_black.gif) right top no-repeat; } .UIFriendTeaser .buttons a { background-repeat:no-repeat; } .UIFriendTeaser .buttons a:link, .UIFriendTeaser .buttons a:visited { background-position:0px 0px; } .UIFriendTeaser .buttons a:hover { background-position:0px -12px; } .UIFriendTeaser .buttons a.friendcard { background-image:url(http://www.peoplezapping.com/images_style/uifriendteaser_icon_info.gif); } .UIFriendTeaser .buttons a.disable { background-image:url(http://www.peoplezapping.com/images_style/uifriendteaser_icon_disable.gif); } .UIFriendTeaser .buttons a.enable { background-image:url(http://www.peoplezapping.com/images_style/uifriendteaser_icon_enable.gif); } .UIFriendTeaser .buttons a.remove { background-image:url(http://www.peoplezapping.com/images_style/uifriendteaser_icon_remove.gif); } /* --------------------------------------------------------------------------------------------------- UITooltip --------------------------------------------------------------------------------------------------- */ .UITooltip { position:absolute; height:20px; padding:0px 6px; color:#FFFFFF; font-size:11px; line-height:16px; background:url(http://www.peoplezapping.com/images_style/uitooltip_bg.gif) 0px 0px no-repeat; display:none; z-index:301; } /* --------------------------------------------------------------------------------------------------- UICommentsContainer / UIComment --------------------------------------------------------------------------------------------------- */ .UICommentInput .btnComment .button { font-size:11px; color:#FFF; background:#a61f9f; padding:0px 8px; } .UICommentInput .btnComment .button:hover { color:#FFF; background:#404040; } .UIComment .avatar { border:1px solid #ece8dd; background-repeat:no-repeat; background-position:center top; font-size:1px; line-height:1px; } .UIComment .spacer { background:url(http://www.peoplezapping.com/images_style/uicomments_balloon_arrow.gif) 4px 20px no-repeat; } .UIComment .comment { background:#ece8dd; } .UIComment .replyBox .btnComment .button { font-size:9px; color:#FFF; background:#a61f9f; padding:0px 5px; } .UIComment .replyBox .btnComment .button:hover { color:#FFF; background:#404040; } /* --------------------------------------------------------------------------------------------------- UIEventListItem --------------------------------------------------------------------------------------------------- */ .UIEventList { margin-bottom:5px; } .UIEventListItem { width:617px; margin-bottom:5px; background:#ece8dd; } .UIEventListItem .eventImageBox { float:left; margin:15px 0px 15px 15px; } .UIEventListItem .eventImage { width:240px; height:120px; overflow:hidden; } .UIEventListItem .eventInfoBox { width:332px; float:right; margin:15px 15px 15px 0px; } .UIEventListItem .eventInfos { } .UIEventListItem .eventInfos h3 { color:#000; font-size:13px; } .UIEventListItem .eventInfos a span.closed { padding-left:18px; margin-bottom:10px; background:url(http://www.peoplezapping.com/images_style/uicontentlinkmaxmin_icon_openclose.gif) 0px 1px no-repeat; } .UIEventListItem .eventInfos a span.open { padding-left:18px; margin-bottom:10px; background:url(http://www.peoplezapping.com/images_style/uicontentlinkmaxmin_icon_openclose.gif) 0px -19px no-repeat; } /* --------------------------------------------------------------------------------------------------- UIWidgetBoxNav --------------------------------------------------------------------------------------------------- */ .UIWidgetBoxNav a { background-position:0px 1px; background-repeat:no-repeat; } .UIWidgetBoxNav a:hover { background-position:0px -19px; } .UIWidgetBoxNav a span { padding-left:17px; } .UIWidgetBoxNav a.placeProfile { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetboxnav_icon_place.gif); } .UIWidgetBoxNav a.writeComment { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetboxnav_icon_comments.gif); } .UIWidgetBoxNav a.embedCode { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetboxnav_icon_embed.gif); } /* --------------------------------------------------------------------------------------------------- UIAvatarImage --------------------------------------------------------------------------------------------------- */ .UIAvatarImage { width:200px; height:150px; overflow:hidden; border:1px solid #ece8dd; } .UIAvatarThumb { width:50px; height:50px; overflow:hidden; background-color:#FFF; background-repeat:no-repeat; background-position:center top; border:1px solid #ece8dd; font-size:1px; line-height:1px; } .UIAvatarGallery { background-color:#FFF; width:533px; } .UIAvatarGallery td a { border:1px solid #ece8dd; } .UIAvatarGallery td a:hover { border:1px solid #a00114; } /* --------------------------------------------------------------------------------------------------- UIAjaxPreloader --------------------------------------------------------------------------------------------------- */ .UIAjaxPreloader { height:16px; background:url(http://www.peoplezapping.com/images_style/uiajaxpreloader_icon.gif) left top no-repeat; } .UIAjaxPreloader span { display:block; line-height:16px; padding-left:24px; } /* --------------------------------------------------------------------------------------------------- UIGadgetSocialLinks --------------------------------------------------------------------------------------------------- */ .UIGadgetSocialLinks { width:387px; overflow:hidden; } .UIGadgetSocialLinks ul { display:block; width:400px; margin:0px; padding:0px; } .UIGadgetSocialLinks ul li { display:block; margin:0px 5px 5px 0px; list-style:none; float:left; } .UIGadgetSocialLinks ul li a { display:block; width:191px; height:44px; background-repeat:no-repeat; } .UIGadgetSocialLinks ul li a:link, .UIGadgetSocialLinks ul li a:visited { background-position:0px 0px } .UIGadgetSocialLinks ul li a:hover { background-position:0px -44px; } .UIGadgetSocialLinks ul li a.twitter { background-image:url(http://www.peoplezapping.com/images_style/btn_twitter.gif); } .UIGadgetSocialLinks ul li a.facebook { background-image:url(http://www.peoplezapping.com/images_style/btn_facebook.gif); } .UIGadgetSocialLinks ul li a span { display:none; } /* --------------------------------------------------------------------------------------------------- UIGadgetJoinPZ --------------------------------------------------------------------------------------------------- */ .UIGadgetJoinPZ .gadgetTitle a { background:#f49a11 url(http://www.peoplezapping.com/images_style/uigadgetjoinpz_title.gif) 0px 0px no-repeat; } .UIGadgetJoinPZ .gadgetTitle a:hover { background-position:0px -64px; } .UIGadgetJoinPZ .gadgetTitle a span { display:none; } .UIGadgetJoinPZ .gadgetContent { padding:15px; background:#dad5c7 url(http://www.peoplezapping.com/images_style/uigadgetjoinpz_content_bg.gif) left top repeat-x; } .UIGadgetJoinPZ a.btnSignup { display:block; height:20px; line-height:20px; padding:0px 15px; background:#f49a11 url(http://www.peoplezapping.com/images_style/gradient_sunrise_20px.gif) left top repeat-x; float:left; } .UIGadgetJoinPZ a.btnSignup:hover { background:#f49a11 url(http://www.peoplezapping.com/images_style/gradient_sunrise_20px_hover.gif) left top repeat-x; float:left; } .UIGadgetJoinPZ a.btnSignup span { color:#FFF; font-weight:bold; } /* --------------------------------------------------------------------------------------------------- UIWidgetsReferrerDefaultSettings / UIWidgetsReferrer / UIWidgetsNewFilter / UIWidgetsFilterList --------------------------------------------------------------------------------------------------- */ .UIWidgetsReferrerDefaultSettings { padding:15px 15px 10px 15px; background:#ece8dd; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; } .UIWidgetsReferrer { } .UIWidgetsReferrer .referrerItem { margin-bottom:5px; padding:10px 15px; background:#ece8dd; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrer .referrerItem table { width:100%; } .UIWidgetsReferrer .referrerItem p { margin:0px; } .UIWidgetsReferrer .refStatus { width:30px; } .UIWidgetsReferrer .refStatus.allowed { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_allowed.gif) left top no-repeat; } .UIWidgetsReferrer .refStatus.denied { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_denied.gif) left top no-repeat; } .UIWidgetsReferrer .refStatus span { display:none; } .UIWidgetsReferrer .refURL { width:auto; } .UIWidgetsReferrer .refURL p { padding:5px 5px; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrer .refAllowDeny { width:70px; } .UIWidgetsReferrer .refAllowDeny div { width:45px; height:24px; float:right; } .UIWidgetsReferrer .refAllowDeny a, .UIWidgetsReferrer .refAllowDeny p { display:block; margin:0px; width:20px; height:24px; padding:0px; float:left; background-repeat:no-repeat; } .UIWidgetsReferrer .refAllowDeny a span, .UIWidgetsReferrer .refAllowDeny p span { display:none; } .UIWidgetsReferrer .refAllowDeny a.allow, .UIWidgetsReferrer .refAllowDeny p.allow { margin:0px 5px 0px 0px; background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_btn_allow.gif); } .UIWidgetsReferrer .refAllowDeny a.deny, .UIWidgetsReferrer .refAllowDeny p.deny { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_btn_deny.gif); } .UIWidgetsReferrer .refAllowDeny a:link, .UIWidgetsReferrer .refAllowDeny a:visited { background-position:0px 0px; } .UIWidgetsReferrer .refAllowDeny a:hover { background-position:0px -25px; } .UIWidgetsReferrer .refAllowDeny a.act:link, .UIWidgetsReferrer .refAllowDeny a.act:visited { background-position:0px -50px; } .UIWidgetsReferrer .refAllowDeny p.disabled { background-position:0px -75px; } .UIWidgetsReferrer .refAllowDeny p.act.disabled { background-position:0px -100px; } .UIWidgetsReferrer .refInfo { width:auto; padding-top:5px; } .UIWidgetsReferrer .refInfo .infoBar { margin:0px; padding:0px; } .UIWidgetsReferrer .refInfo .infoItem { display:inline; list-style:none; margin-right:2px; padding:2px 5px; font-size:9px; line-height:14px; background:#f6f4ee; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrer .refInfo .infoItem.newEntry { background:#f4c61c; } .UIWidgetsReferrer .refFilter { width:70px; padding-top:5px; text-align:right; } .UIWidgetsReferrer .refFilter p { display:inline; padding:2px 5px; font-size:9px; line-height:14px; font-weight:bold; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrer .refFilter p.whitelist { background:#FFF; color:#000; } .UIWidgetsReferrer .refFilter p.blacklist { background:#000; color:#FFF; } .UIWidgetsReferrer .textChangeStatus { text-align:right; } .UIWidgetsReferrer .textChangeStatus p { line-height:20px; margin:0px; } .UIWidgetsReferrerList { padding:15px 15px 10px 15px; background:#ece8dd; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrerList .trHead a { -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrerList .trHead a span { display:block; padding-right:11px; } .UIWidgetsReferrerList .trHead a:link, .UIWidgetsReferrerList .trHead a:visited { background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_20px.gif) left top repeat-x; } .UIWidgetsReferrerList .trHead a:hover { background:#2a2a2a url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIWidgetsReferrerList .trHead a:hover span { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_asc.gif) right center no-repeat; } .UIWidgetsReferrerList .trHead a.act:link, .UIWidgetsReferrerList .trHead a.act:visited { background:#8b0286 url(http://www.peoplezapping.com/images_style/gradient_magenta_20px.gif) left top repeat-x; } .UIWidgetsReferrerList .trHead a.act:hover { background:#2a2a2a url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIWidgetsReferrerList .trHead a.act.asc span { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_asc.gif) right center no-repeat; } .UIWidgetsReferrerList .trHead a.act.asc:hover span { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_desc.gif) right center no-repeat; } .UIWidgetsReferrerList .trHead a.act.desc span { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_desc.gif) right center no-repeat; } .UIWidgetsReferrerList .trHead a.act.desc:hover span { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_asc.gif) right center no-repeat; } .UIWidgetsReferrerList .trAllowed td.refStatus { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_allowed.gif) 5px 0px no-repeat; } .UIWidgetsReferrerList .trDenied td.refStatus { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_denied.gif) 5px 0px no-repeat; } .UIWidgetsReferrerList td.refStatus p { width:50px; margin:0px; padding:0px; } .UIWidgetsReferrerList td.refStatus p span { display:none; } .UIWidgetsReferrerList td.refURL a, .UIWidgetsReferrerList td.refCreated p, .UIWidgetsReferrerList td.refHits p, .UIWidgetsReferrerList td.refLastHit p { display:block; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrerList td.refURL a { color:#FFF; font-size:11px; } .UIWidgetsReferrerList .trAllowed td.refURL a { background:#89a800 url(http://www.peoplezapping.com/images_style/gradient_green_24px.gif) left top repeat-x; } .UIWidgetsReferrerList .trAllowed td.refURL a:hover { background:#2a2a2a url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIWidgetsReferrerList .trDenied td.refURL a { background:#a00114 url(http://www.peoplezapping.com/images_style/gradient_red_24px.gif) left top repeat-x; } .UIWidgetsReferrerList .trDenied td.refURL a:hover { background:#2a2a2a url(http://www.peoplezapping.com/images_style/gradient_greydark_20px.gif) left top repeat-x; } .UIWidgetsReferrerList td.refHits { text-align:right; } .UIWidgetsReferrerList tr.newEntry td.refCreated p { background:#f4c61c; } .UIWidgetsReferrerList td.refAllowDeny a, .UIWidgetsReferrerList td.refAllowDeny p { display:block; margin:0px 0px 0px 5px; width:20px; height:24px; padding:0px; float:left; background-repeat:no-repeat; } .UIWidgetsReferrerList td.refAllowDeny a span, .UIWidgetsReferrerList td.refAllowDeny p span { display:none; } .UIWidgetsReferrerList td.refAllowDeny a.allow, .UIWidgetsReferrerList td.refAllowDeny p.allow { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_btn_allow.gif); } .UIWidgetsReferrerList td.refAllowDeny a.deny, .UIWidgetsReferrerList td.refAllowDeny p.deny { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_btn_deny.gif); } .UIWidgetsReferrerList td.refAllowDeny a:link, .UIWidgetsReferrerList td.refAllowDeny a:visited { background-position:0px 0px; } .UIWidgetsReferrerList td.refAllowDeny a:hover { background-position:0px -25px; } .UIWidgetsReferrerList td.refAllowDeny a.act:link, .UIWidgetsReferrerList td.refAllowDeny a.act:visited { background-position:0px -50px; } .UIWidgetsReferrerList td.refAllowDeny p.disabled { background-position:0px -75px; } .UIWidgetsReferrerList td.refAllowDeny p.act.disabled { background-position:0px -100px; } .UIWidgetsReferrerList td.refFilter p.whitelist, .UIWidgetsReferrerList td.refFilter p.blacklist { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsReferrerList td.refFilter p.whitelist { background:#FFF; color:#000; font-weight:bold; } .UIWidgetsReferrerList td.refFilter p.blacklist { background:#000; color:#FFF; font-weight:bold; } .UIWidgetsNewFilter { padding:15px; background:#ece8dd; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; } .UIWidgetsNewFilter .UIFormTable { margin:0px; } .UIWidgetsNewFilter .btnSave .button { font-size:11px; color:#FFF; background:#a61f9f; padding:2px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsNewFilter .btnSave .button:hover { color:#FFF; background:#404040; } .UIWidgetsFilterList { padding:15px; background:#ece8dd; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsFilterList .refURL a { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:11px; background:#FFFFFF; } .UIWidgetsFilterList .refStatus p { width:30px; margin:0px; } .UIWidgetsFilterList .refStatus p span { display:none; } .UIWidgetsFilterList .tbBlacklist .refStatus { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_denied.gif) 0px 0px no-repeat; } .UIWidgetsFilterList .tbWhitelist .refStatus { background:url(http://www.peoplezapping.com/images_style/uiwidgetsreferrerlist_icon_status_allowed.gif) 0px 0px no-repeat; } .UIWidgetsFilterList .refEdit a, .UIWidgetsFilterList .refRemove a { display:block; width:20px; height:20px; background-repeat:no-repeat; } .UIWidgetsFilterList .refEdit a span, .UIWidgetsFilterList .refRemove a span { display:none; } .UIWidgetsFilterList .refEdit a { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsfilterlist_btn_edit.gif); } .UIWidgetsFilterList .refRemove a { background-image:url(http://www.peoplezapping.com/images_style/uiwidgetsfilterlist_btn_remove.gif); } .UIWidgetsFilterList .refEdit a:link, .UIWidgetsFilterList .refEdit a:visited, .UIWidgetsFilterList .refRemove a:link, .UIWidgetsFilterList .refRemove a:visited { background-position:0px 0px } .UIWidgetsFilterList .refEdit a:hover, .UIWidgetsFilterList .refRemove a:hover { background-position:0px -20px } .UIWidgetsFilterList .btnSave .button, .UIWidgetsFilterList .btnUpdate .button, .UIWidgetsFilterList .btnCancel .button { font-size:11px; color:#FFF; background:#a61f9f; padding:2px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .UIWidgetsFilterList .btnSave .button:hover, .UIWidgetsFilterList .btnUpdate .button:hover, .UIWidgetsFilterList .btnCancel .button:hover { color:#FFF; background:#404040; } /* --------------------------------------------------------------------------------------------------- UISidebarTitle --------------------------------------------------------------------------------------------------- */ .UISidebarTitle { height:30px; overflow:hidden; background:#e5e1d3 url(http://www.peoplezapping.com/images_style/gradient_light_30px.gif) 0px 0px repeat-x; } .UISidebarNav { margin:0px 0px 0px 0px; } .UISidebarNav ul { display:block; padding:0px 0px 0px 0px; margin:0px; } .UISidebarNav li { display:block; list-style:none; margin:0px 0px 5px 0px; } .UISidebarNav li.lastChild { margin:0px; } .UISidebarNav a { display:block; height:24px; line-height:24px; } .UISidebarNav a span { display:block; height:24px; line-height:24px; padding-left:54px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; } .UISidebarNav a:hover span { background-position:0px -25px; } .UISidebarNav a.act span { background-position:0px -50px; } .UISidebarNav a span.mypz-activation { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_lock.gif); } .UISidebarNav a span.mypz-settings { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings.gif); } .UISidebarNav a span.mypz-delete{ background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_delete.gif); } .UISidebarNav a span.mypz-userprofile{ background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_profile.gif); } .UISidebarNav a span.placeregistration { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place.gif); } .UISidebarNav a span.newsletter { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_letter.gif); } .UISidebarNav a span.loginemail { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_lock.gif); } .UISidebarNav a span.loginpassword { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_lock.gif); } .UISidebarNav a span.accountdelete { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_delete.gif); } .UISidebarNav a span.placeprofile { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place.gif); } .UISidebarNav a span.events { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_event.gif); } .UISidebarNav a span.widgets { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_widgets.gif); } .UISidebarNav a span.placestats { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_stats.gif); } .UISidebarNav a span.streamingshop { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming.gif); } .UISidebarNav a span.streamingadmin { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_streaming.gif); } .UISidebarNav a span.liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings.gif); } .UISidebarNav p { display:block; height:24px; line-height:24px; margin:0px; } .UISidebarNav p span { display:block; height:24px; line-height:24px; padding-left:54px; font-weight:bold; color:#aca89d; background-position:0px 0px; background-repeat:no-repeat; } .UISidebarNav p span.mypz-settings { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings_disabled.gif); } .UISidebarNav p span.mypz-delete { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_delete_disabled.gif); } .UISidebarNav p span.mypz-placeprofile { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_place_disabled.gif); } .UISidebarNav p span.mypz-events { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_event_disabled.gif); } .UISidebarNav p span.mypz-widgets { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_widgets_disabled.gif); } .UISidebarNav p span.mypz-liveencoder { background-image:url(http://www.peoplezapping.com/images_style/uisubnav_icon_settings_disabled.gif); } /* --------------------------------------------------------------------------------------------------- UIContainerTitle --------------------------------------------------------------------------------------------------- */ .UIContainerTitle { height:46px; overflow:hidden; background:#000 url(http://www.peoplezapping.com/images_style/gradient_black_46px.gif) 0px 0px repeat-x; } .UIContainerTitle .type { float:left; } .UIContainerTitle .type h2.activated { margin-left:0px; padding-left:28px; background:url(http://www.peoplezapping.com/images_style/uicontainertitle_icon_activated.gif) left center no-repeat; } .UIContainerTitle .type h2.deactivated { margin-left:0px; padding-left:28px; background:url(http://www.peoplezapping.com/images_style/uicontainertitle_icon_deactivated.gif) left center no-repeat; } .UIContainerTitle .type h2.useraccountsettings { margin-left:0px; padding-left:28px; background:url(http://www.peoplezapping.com/images_style/uicontainertitle_icon_lock.gif) left center no-repeat; } .UIContainerTitle .type h2.emailsettings { margin-left:0px; padding-left:28px; background:url(http://www.peoplezapping.com/images_style/uicontainertitle_icon_letter.gif) left center no-repeat; } .UIContainerTitle .type h2.placesettings { margin-left:0px; padding-left:28px; background:url(http://www.peoplezapping.com/images_style/uicontainertitle_icon_place.gif) left center no-repeat; } .UIContainerTitle .type h2 i { color:#bfbfbf; font-style:normal; } .UIContainerTitle .actions { float:right; padding-top:13px; } /* --------------------------------------------------------------------------------------------------- UIContainerTitle --------------------------------------------------------------------------------------------------- */ .UIPlaceProwser {} .UIPlaceProwser .placeBrowserTitle { height:30px; padding:0px 20px; background:#e5e1d3 url(http://www.peoplezapping.com/images_style/gradient_light_30px.gif) 0px 0px repeat-x; } .UIPlaceProwser .placeBrowserPlaces { width:730px; float:left; } .UIPlaceProwser .placeBrowserEvents { width:142px; float:right; } .UIPlaceProwser .placesHeadline { display:block; margin:0px; padding-left:20px; font-size:11px; font-weight:bold; color:#404040; line-height:30px; float:left; background:url(http://www.peoplezapping.com/images_style/uiplacebrowser_icon_place.gif) 0px 8px no-repeat; } .UIPlaceProwser .placeBrowserLinks { display:block; margin:0px 20px 0px 0px; float:right; } .UIPlaceProwser .placeBrowserLinks li { display:block; list-style:none; margin:0px 0px 0px 10px; float:left; } .UIPlaceProwser .placeBrowserLinks li a { line-height:30px } .UIPlaceProwser .eventsHeadline { display:block; margin:0px; padding-left:20px; font-size:11px; font-weight:bold; color:#404040; line-height:30px; background:url(http://www.peoplezapping.com/images_style/uiplacebrowser_icon_event.gif) 0px 8px no-repeat; } .UIPlaceProwser .placeBrowserContent { width:917px; height:134px; background:#000; } /* --------------------------------------------------------------------------------------------------- UIColorPicker --------------------------------------------------------------------------------------------------- */ .UIColorPicker { position:absolute; width:356px; height:176px; overflow:hidden; display:none; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_background.png); } .UIColorPicker .colorpicker_color { width:150px; height:150px; left:14px; top:13px; position:absolute; background:#f00; overflow:hidden; cursor:crosshair; } .UIColorPicker .colorpicker_color div { position:absolute; top:0; left:0; width:150px; height:150px; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_overlay.png); } .UIColorPicker .colorpicker_color div div { position:absolute; top:0; left:0; width:11px; height:11px; overflow:hidden; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_select.gif); margin:-5px 0 0 -5px; } .UIColorPicker .colorpicker_hue { position:absolute; top:13px; left:171px; width:35px; height:150px; cursor:n-resize; } .UIColorPicker .colorpicker_hue div { position:absolute; width:35px; height:9px; overflow:hidden; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_indic.gif) left top; margin:-4px 0 0 0; left:0px; } .UIColorPicker .colorpicker_new_color { position:absolute; width:60px; height:30px; left:213px; top:13px; background:#f00; } .UIColorPicker .colorpicker_current_color { position:absolute; width:60px; height:30px; left:283px; top:13px; background:#f00; } .UIColorPicker input { background-color:transparent; border:1px solid transparent; position:absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top:4px; right:11px; text-align: right; margin:0; padding: 0px; height:11px; } .UIColorPicker .colorpicker_hex { position:absolute; width:72px; height:22px; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_hex.png) top; left:212px; top:142px; } .UIColorPicker .colorpicker_hex input { right:6px; } .UIColorPicker .colorpicker_field { height:22px; width:62px; background-position:top; position:absolute; } .UIColorPicker .colorpicker_field span { position:absolute; width:12px; height:22px; overflow:hidden; top:0; right:0; cursor:n-resize; } .UIColorPicker .colorpicker_rgb_r { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_rgb_r.png); top:52px; left:212px; } .UIColorPicker .colorpicker_rgb_g { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_rgb_g.png); top:82px; left:212px; } .UIColorPicker .colorpicker_rgb_b { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_rgb_b.png); top:112px; left:212px; } .UIColorPicker .colorpicker_hsb_h { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_hsb_h.png); top:52px; left:282px; } .UIColorPicker .colorpicker_hsb_s { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_hsb_s.png); top:82px; left:282px; } .UIColorPicker .colorpicker_hsb_b { background-image: url(http://www.peoplezapping.com/images_style/uicolorpicker_hsb_b.png); top:112px; left:282px; } .UIColorPicker .colorpicker_submit { position:absolute; width:22px; height:22px; background:url(http://www.peoplezapping.com/images_style/uicolorpicker_submit.png) top; left:322px; top:142px; overflow:hidden; } .UIColorPicker .colorpicker_focus { background-position:center; } .UIColorPicker .colorpicker_hex.colorpicker_focus { background-position:bottom; } .UIColorPicker .colorpicker_submit.colorpicker_focus { background-position:bottom; } .UIColorPicker .colorpicker_slider { background-position:bottom; } /* --------------------------------------------------------------------------------------------------- UISizeToggle --------------------------------------------------------------------------------------------------- */ .UISizeToggle { width:55px; height:30px; } .UISizeToggle a { display:block; } .UISizeToggle a span { display:none; } .UISizeToggle a.horizontal { width:30px; height:20px; float:left; margin-right:5px; background-image:url(http://www.peoplezapping.com/images_style/uisizetoggle_button_h.gif); background-repeat:no-repeat; } .UISizeToggle a.horizontal:link, .UISizeToggle a.horizontal:visited { background-position:0px 0px; } .UISizeToggle a.horizontal:hover { background-position:0px -20px; } .UISizeToggle a.horizontal.act { background-position:0px -40px; } .UISizeToggle a.vertical { width:20px; height:30px; float:left; background-image:url(http://www.peoplezapping.com/images_style/uisizetoggle_button_v.gif); background-repeat:no-repeat; } .UISizeToggle a.vertical:link, .UISizeToggle a.vertical:visited { background-position:0px 0px; } .UISizeToggle a.vertical:hover { background-position:0px -30px; } .UISizeToggle a.vertical.act { background-position:0px -60px; } /* --------------------------------------------------------------------------------------------------- UIWidgetEmbedLayout --------------------------------------------------------------------------------------------------- */ .UIWidgetCodeConfigurator {} .UIWidgetCodeConfigurator a.verticalLayout { display:block; width:56px; height:56px; margin:0px 10px 0px 0px; background-image:url(http://www.peoplezapping.com/images_style/uiwidgetcodeconfigurator_icon_vertical.gif); background-repeat:no-repeat; } .UIWidgetCodeConfigurator a.verticalLayout span { display:none; } .UIWidgetCodeConfigurator a.verticalLayout:link, .UIWidgetCodeConfigurator a.verticalLayout:visited { background-position:0px 0px; } .UIWidgetCodeConfigurator a.verticalLayout:hover { background-position:0px -56px; } .UIWidgetCodeConfigurator a.verticalLayout.act { background-position:0px -112px; } .UIWidgetCodeConfigurator a.horizontalLayout { display:block; width:56px; height:56px; margin:0px 10px 0px 0px; background-image:url(http://www.peoplezapping.com/images_style/uiwidgetcodeconfigurator_icon_horizontal.gif); background-repeat:no-repeat; } .UIWidgetCodeConfigurator a.horizontalLayout span { display:none; } .UIWidgetCodeConfigurator a.horizontalLayout:link, .UIWidgetCodeConfigurator a.horizontalLayout:visited { background-position:0px 0px; } .UIWidgetCodeConfigurator a.horizontalLayout:hover { background-position:0px -56px; } .UIWidgetCodeConfigurator a.horizontalLayout.act { background-position:0px -112px; } /* --------------------------------------------------------------------------------------------------- UIHomeTeaserBillboard / UIHomeTeaserInfo --------------------------------------------------------------------------------------------------- */ .UIHomeTeaserBillboard { width:304px; height:190px; margin-right:5px; float:left; } .UIHomeTeaserInfo { position:relative; width:568px; height:190px; float:right; } .UIHomeTeaserInfo.en { background:url(http://www.peoplezapping.com/images_content/uihometeaserinfo_bg_en.gif) no-repeat; } .UIHomeTeaserInfo .infotext { position:absolute; left:56px; top:70px; width:456px; height:70px; overflow:hidden; } .UIHomeTeaserInfo .infotext p { font-size:12px; } .UIHomeTeaserInfo a.btnLearnMore { display:block; position:absolute; left:224px; top:146px; width:120px; height:24px; background:url(http://www.peoplezapping.com/images_style/btn_learnmore.gif) no-repeat; } .UIHomeTeaserInfo a.btnLearnMore:hover { background-position:0px -24px; } .UIHomeTeaserInfo a.btnLearnMore span { display:none; } /* --------------------------------------------------------------------------------------------------- rounded corners 5px --------------------------------------------------------------------------------------------------- */ input.button, .UIButtonBox a.button, .UIModalDialog.friendCard .friendCardImage, .UIModalDialog.friendCard .friendCardUserStatus, .UICanvas.modalDialog, .UIPageHeaderNav li a.broadcast, .UIPageTopLogin .btnLogin, .UIContentBox, .UICatNav a, .UICatNav p, .UISubtitle, .UIContextBox, .UIAdvice, .UIEventDateSheet, .UIEventTeaser .imageLayer .imageBadges span, .UIPlaceTeaser .imageLayer .imageBadges span, .UICommentInput .btnComment .button, .UIComment .comment, .UIComment .replyBox .btnComment .button, .UIEventListItem, .UIGadgetJoinPZ a.btnSignup, .UILinkButton { -moz-border-radius:5px; -webkit-border-radius:5px; } .UIModalDialog .titlebar { -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; } .UIModalDialog .titlebar .buttons a.close { -moz-border-radius:0px 5px 0px 0px; -webkit-border-radius:0px 5px 0px 0px; } .UICanvas.modalDialogBody { -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; } .UISubtitle.boxTitle { -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; } .UISubtitle h3 { -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; } .UIGadgetJoinPZ .gadgetContent { -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; }