@charset "utf-8"; /* CSS Document */ /* Date: 16/08/10 */ /* PG Version: 4.0.35 */ /* RESET */ html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin:0; padding:0; } h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size:1em; font-weight:normal; font-style:normal; } ul, ol { list-style:none; } fieldset, img { border:none; } caption, th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } /* COMMON CLASS */ .clear { clear:both; } .center { margin:0 auto; } .floatleft { float:left; } .floatright { float:right; } .pushall5 { margin:5px; } .pushall10 { margin:10px; } .pushright5 { margin-right:5px; } .pushright10 { margin-right:10px; } .pushleft5 { margin-left:5px; } .pushleft10 { margin-left:10px; } .pushbottom5 { margin-bottom:5px; } .pushbottom10 { margin-bottom:10px; } .pushtop5 { margin-top:5px; } .pushtop10 { margin-top:10px; } .last { margin-right:0; border-right:none; } /* TYPOGRAPHY */ html, input, select, textarea { font-family:Tahoma, Geneva, sans-serif; line-height:normal; } a { color:#09F; text-decoration:none; outline:none; } a:hover { color:#0CF; } strong { font-weight:bold; color:#555; } p, li, input, select, textarea { font-size:13px; color:#666; line-height:18px; } p { padding-bottom:10px; } li { padding-bottom:2px; } input, textarea { padding:2px; } h1, h2, h3, h4 { font-weight:bold; color:#444; margin-bottom:10px; } h1 { font-size:20px; } h2 { font-size:18px; } h3 { font-size:16px; } h4 { font-size:14px; } ul, ol { list-style:none; } hr { border:none; height:1px; background-color:#CCC; } pre { padding:10px; margin-bottom:10px; font-family:"Courier New", Courier, monospace; font-size:12px; border:1px dashed #CCC; background-color:#F2F4F8; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; } .errortext { color:#F00; } /*.errormessage { background-color:#F00; color:#FFF; } .alertmenssage { background-color:#F90; color:#FFF; } .notifymessage { background-color:#708090; color:#FFF; } .examplemessage { background-color:#F2F4F8; color:#555; } .confirmmessage { background-color:#87CEEB; color:#FFF; }*/ .errormessage, .alertmenssage, .notifymessage, .examplemessage, .confirmmessage { -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; margin-bottom:10px; } /* ===== LAYOUY SECTION ===== */ /* COMMON LAYOUT */ html, body { height:100%; } body { background:#7bb5d0 url(/static/v2p/images/homepage/background_cloud.jpg) repeat-x fixed left top; } img { vertical-align:middle; font-size:10px; color:#CCC; } #outerwrapper { width:980px; margin:0 auto; background:url(/static/v2p/images/outer_wrapper.png) repeat-y left top; } * html #outerwrapper { background:none; } #wrapper { width:960px; margin:0 auto; background-color:#FFF; border:1px solid #19466D; } /* HEADER */ #header { position:relative; height:110px; background:#FFF url(/static/v2p/images/header.jpg) no-repeat center bottom; } #tohome { display:block; height:70px; width:70px; text-indent:-9999px; position:absolute; left:10px; top:40px; background:url(/static/v2p/images/pg_logo.png) no-repeat left top; } * html #tohome { behavior:url(/static/v2p/images/iepngfix.htc); } #useravatar { position:absolute; top:45px; right:10px; z-index:1; display:none; } #main-nav { -moz-box-shadow:0 2px 5px #063459; -webkit-box-shadow:0 2px 5px #063459; } /* HEADER - MAIN NAV */ #main-nav { height:23px; padding:3px 10px 5px; margin:0 10px; background:#334c62 url(/static/v2p/images/main-nav.png) repeat-x left center; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; z-index: 5; } *:first-child+html #main-nav { margin:0; } * html #main-nav { margin:0; } #main-nav #menuleft { float:left; } #main-nav #menuright { float:right; } #main-nav #menuleft, #main-nav #menuright { position:relative; top:2px; } #main-nav li { display:block; float:left; line-height:normal; } #main-nav li a { display:block; float:left; padding:2px 10px; margin:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #main-nav li a { margin:0 2px 0 1px; } #main-nav li.selected a, #main-nav li#usersetting.selected a { background-color:#FC0; } #main-nav li img { vertical-align:text-top; } #main-nav #menuleft li { background:transparent url(/static/v2p/images/nav-sep.gif) no-repeat right center; } #main-nav #menuright li { background:transparent url(/static/v2p/images/nav-sep.gif) no-repeat left center; } #menuleft a, #menuright a { color:#FFF; } #menuleft a:hover, #menuright a:hover { background-color:#09F; } #main-nav li#usersetting { margin-left:5px; } #main-nav li#usersetting a { background:url(/static/v2p/images/usersetting.gif) no-repeat 5px center; padding-left:25px; } #main-nav li#usersetting a:hover { background-color:#09F; } /* HEADER - MAIN NAV - SEARCH ALL */ #searchall { float:right; position:relative; width:217px; display:block; background:transparent url(/static/v2p/images/searchbox.gif) no-repeat left top; border:none; z-index:10; } #searchall input { color:#999; background-color:transparent; width:180px; border:none; padding:3px 5px; position:relative; outline:none; } #searchall a#searchoption { background:#FFF url(/static/v2p/images/triangle.gif) no-repeat right center; font-size:13px; position:absolute; right:5px; top:3px; padding-left:5px; padding-right:10px; border-left:1px solid; } #searchoptionlist { position:absolute; right:7px; top:20px; padding:5px; border:1px solid #81AE09; border-top:none; font-size:13px; background-color:#FFF; display:none; z-index:15; } /* NAV */ #nav { position:relative; height:25px; font-weight:bold; background:#7bb5d0 url(/static/v2p/images/nav.png) repeat-x left top; } #nav ul { padding:0 10px; } #nav ul li { display:block; height:25px; font-size:12px; float:left; line-height:normal; } #nav ul li a { float:left; display:block; padding:0 12px; height:25px; line-height:24px; color:#FFFFFF; border-left:1px solid #a9d0e2; border-right:1px solid #476b8a; } #nav ul li a:hover { background:url(/static/v2p/images/nav_over.png) repeat-x left top; } * html #nav ul li a:hover { background:url(/static/v2p/images/nav_over.gif); } #nav ul li a:active { background:url(/static/v2p/images/nav_active.png) repeat-x left top; } * html #nav ul li a:active { background:url(/static/v2p/images/nav_active.gif); } #nav ul li.selected a { background:url(/static/v2p/images/nav_selected.png); } * html #nav ul li.selected a { background:url(/static/v2p/images/nav_selected.gif); } #nav #blog img { display:inline; vertical-align:text-top; } /* CONTENT */ #content { padding:10px; background:#FFF url(/static/v2p/images/inner_body3.jpg) repeat-x left top; } * html #content { background-position:left -5px; } #main { float:left; width:703px; } * html #main { overflow:hidden; } #sidebar { float:right; width:234px; } #footer { padding:10px; text-align:center; } .top { height:35px; background-position:left bottom; background-repeat:no-repeat; } * html .top { position:relative; } .top h2 { font-size:13px; color:#FFF; padding-left:45px; margin:0; background-position:10px top; background-repeat:no-repeat; line-height:45px; } * html .top h2 { behavior:url(/static/v2p/images/iepngfix.htc); position:absolute; left:10px; padding-left:40px; } * html #main .top h2 { width:550px; } * html #sidebar .top h2 { width:180px; } .body { padding:0 4px; } #main .body { background:transparent url(/static/v2p/images/content_body.png) repeat-y left top; } * html #main .body { background-image:url(/static/v2p/images/content_body.gif); } #sidebar .body { background:transparent url(/static/v2p/images/sidebar_body.png) repeat-y left top; } * html #sidebar .body { background-image:url(/static/v2p/images/sidebar_body.gif); } .innerbody { background:#FFF url(/static/v2p/images/inner_body2.jpg) repeat-x left top; padding:10px; overflow:hidden; } * html .innerbody { overflow:hidden; } #main .bottom { clear:both; height:12px; background:url(/static/v2p/images/content_footer.png) no-repeat left top; } * html #main .bottom { background:url(/static/v2p/images/content_footer.gif) no-repeat left top; } #sidebar .bottom { height:12px; background:transparent url(/static/v2p/images/sidebar_footer.png) no-repeat left top; } * html #sidebar .bottom { background-image:url(/static/v2p/images/sidebar_footer.gif); } /* MAIN-BOX-HEADER */ .contentbox .top { background-image:url(/static/v2p/images/content_header.png); } * html .contentbox .top { background-image:url(/static/v2p/images/content_header.gif); } #profile .top { background-image:url(/static/v2p/images/profile_header.png); } * html #profile .top { background-image:url(/static/v2p/images/profile_header.gif); } #activities .top { } #addcomment .top, #commentlist .top { background-image:url(/static/v2p/images/comment_header.png); } * html #addcomment .top, * html #commentlist .top { background-image:url(/static/v2p/images/comment_header.gif); } /* SIDEBAR-BOX-HEADER */ .sidebarbox .top { background-image:url(/static/v2p/images/blue_header.png); } * html .sidebarbox .top { background-image:url(/static/v2p/images/blue_header.gif); } /* BOX HEADER ICON */ #tagswall, #blogtagcloudheader, #tagcloudheader, #tagheader, #blogtagheader { background-image:url(/static/v2p/png/normal/32/attach_32.png); } #photoinblogheader, #videoinblogheader, #addcommentheader, #userblogmanageheader { background-image:url(/static/v2p/png/normal/32/write_32.png); } #profileheader { background-image:url(/static/v2p/png/normal/32/home_32.png); } #homeheader { background-image:url(/static/v2p/png/normal/32/home_clock_32.png); } #groupheader,#friendupdateheader, #friendlistheader, #passivefriendupdateheader { background-image:url(/static/v2p/png/normal/32/clients_32.png); } #grouplistheader, #peopleupdateheader { background-image:url(/static/v2p/png/normal/32/group_32.png); } #activitiesheader, #favouritesblogpostheader { background-image:url(/static/v2p/png/normal/32/star_32.png); } #photoheader { background-image:url(/static/v2p/png/normal/32/photo_camera_32.png); } #friendheader { background-image:url(/static/v2p/png/normal/32/clients_add_32.png); } #videoheader { background-image:url(/static/v2p/png/normal/32/play_32.png); } #viewitemheader, #searchheader { background-image:url(/static/v2p/png/normal/32/zoom_32.png); } #quickpostheader { background-image:url(/static/v2p/png/normal/32/write_up_32.png); } #commentheader, #latestblogcommentheader { background-image:url(/static/v2p/png/normal/32/text_bubble_32.png); } #miniprofileheader, #passivefriendupdateheader { background-image:url(/static/v2p/png/normal/32/user_32.png); } #recentupdateheader { background-image:url(/static/v2p/png/normal/32/clock_32.png); } #latestupdateheader, #activitieswall { background-image:url(/static/v2p/png/normal/32/clock_reload_32.png); } #statusheader { background-image:url(/static/v2p/png/normal/32/clock_fav_32.png); } #latestblogheader { background-image:url(/static/v2p/png/normal/32/document_clock_32.png); } #popularblogheader { background-image:url(/static/v2p/png/normal/32/document_fav_32.png); } #mapheader, #locationtagsheader { background-image:url(/static/v2p/png/normal/32/world_32.png); } #shareheader { background-image:url(/static/v2p/png/normal/32/mail_add_32.png); } #inboxheader { background-image:url(/static/v2p/png/normal/32/mailbox_32.png); } #wvmpheader { background-image:url(/static/v2p/png/normal/32/binoculars_32.png); } #blogarchiveheader { background-image:url(/static/v2p/png/normal/32/copy_32.png); } #categoryblogpostheader, #blogcatsheader { background-image:url(/static/v2p/png/normal/32/folder_32.png); } #recommendblogpostheader, #pghowto-group, #pghowto-blog { background-image:url(/static/v2p/png/normal/32/lamp_32.png); } #linkblogpostheader { background-image:url(/static/v2p/png/normal/32/ok_32.png); } #albumheader { background-image:url(/static/v2p/png/normal/32/book_32.png); } #albumsettingheader { background-image:url(/static/v2p/png/normal/32/book_config_32.png); } #popfriendheader, #topfriendheader, #topfriendupdateheader { background-image:url(/static/v2p/png/hot/32/group_fav_32_hot.png); } #newfriendheader { background-image:url(/static/v2p/png/hot/32/user_add_32_hot.png); } #mostviewheader { background-image:url(/static/v2p/png/hot/32/zoom_fav_32_hot.png); } #mostcommentheader { background-image:url(/static/v2p/png/hot/32/text_bubble_fav_32_hot.png); } /* AVATAR AND THUMBNAIL */ .avatar28, .thumbnail28 { width:28px; height:28px; padding:2px; } .avatar30, .thumbnail30 { width:30px; height:30px; padding:2px; } .avatar35, .thumbnail35 { width:35px; height:35px; padding:2px; } .avatar44, .thumbnail44 { width:44px; height:44px; padding:2px; } .avatar48, .thumbnail48 { width:48px; height:48px; padding:2px; } .avatar50, .thumbnail50 { width:50px; height:50px; padding:2px; } .avatar65, .thumbnail65 { width:65px; height:65px; padding:2px; } .avatar130, .thumbnail130 { width:130px; height:130px; padding:2px; } .avatar28, .thumbnail28, .avatar30, .thumbnail30, .avatar35, .thumbnail35, .avatar44, .thumbnail44, .avatar48, .thumbnail48, .avatar50, .thumbnail50, .avatar65, .thumbnail65, .avatar130, .thumbnail130 { background-color:#FFF; border:1px solid #CCC; position:relative; text-indent:-9999px; overflow:hidden; } * html .avatar, * html .avatar30, * html .thumbnail30, * html .avatar44, .thumbnail44, * html .avatar48, * html .thumbnail48, * html #userhome-page #topfriend-update a img { behavior:none; } /* BUTTON */ .button { background:transparent url(/static/v2p/images/button_fixed.png) no-repeat left top; display:block; width:120px; height:25px; font-size:12px; text-align:center; line-height:22px; text-shadow:0 1px 0 #FFF; } *:first-child+html .button { position:relative; } * html .button { background-image:url(/static/v2p/images/button_fixed.gif); position:relative; } .button:hover { background-position:left -25px; } .button:active { background-position:left -50px; color:#FFF; text-shadow:none; } /* ROUNDED-BUTTON */ .roundbutton { background:#E5E5E5 url(/static/v2p/images/button_background2.gif) repeat-x left center; padding:1px 10px; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:13px; text-align:center; display:inline; } .roundbutton:hover { border:1px solid #999; } /* TAB */ .tabs strong { font-weight: normal; } .tabs { display:block; float:left; width:auto; font-size:12px; line-height:normal; position:relative; height:25px; } .tabs ul { list-style:none; margin:0 0 0 0 !important; padding:0 0 0 0 !important; overflow:hidden; } .tabs li { display:inline; padding-bottom:0; line-height:normal; } .tabs a { float:left; padding:0 0 0 4px; background:transparent url(/static/v2p/images/tableft22.png) no-repeat left -42px; } * html .tabs a { background-image:url(/static/v2p/images/tableft22.gif); } .tabs a span { float:left; display:block; padding:5px 8px 4px 5px; color:#FFF; background:url(/static/v2p/images/tabright22.png) no-repeat right -42px; } * html .tabs a span { background-image:url(/static/v2p/images/tabright22.gif); } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabs a span { float:none; } /* End IE5-Mac hack */ .tabs a:hover { background-position:0% top; color:#24618E; } .tabs a:hover span { color:#24618E; background-position:100% top; color:#24618E; } .tabs li.selected a { background-position:0% top; color:#FFF; } .tabs li.selected a span { background-position:100% top; color:#444; } /* FLOATBOX */ .floatboxwrapper { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; } * html .floatboxwrapper { position:absolute; left:0; bottom:0; top:auto; right:auto; } .floatbox-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 125; background-color: #000; opacity: 0.75; } *:first-child+html .floatbox-background { filter: alpha(opacity=75); } * html .floatbox-background { filter: alpha(opacity=75); height: 1000%; margin-top: -1500px; } /* IE8 Opacity */ .floatbox-background { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } /* ----- */ .floatbox { width: 600px; margin: 0 auto; padding: 15px; border: 5px solid #fff; background-color: #f2f4f8; z-index: 150; position: relative; top: 30px; max-height: 85%; overflow: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 50px #222; -webkit-box-shadow: 0 0 50px #222; } * html .floatbox { height: auto; height: expression(this.scrollHeight>599?"600px":"auto"); } * html .floatbox h2 img { width: 32px; height: 32px; behavior: url(/static/v2p/images/iepngfix.htc); } .floatbox a.deleteicon { position: absolute; top: 5px; left: auto; right: 5px; bottom: auto; display: block; } .floatbox h2 { color: #333; text-shadow: 0 1px 0 #fff; } .floatbox p { overflow: hidden; } #loginbox.floatbox, #registerbox.floatbox { width: 300px; } #loginbox .loading { position: absolute; top: 20px; right: 10px; } #twitterlogin { padding: 0; background: none; border: none; margin: 0; position: static; } #twitterlogin p { padding: 0 0 10px; } /* FLOATBOX - GLOBAL INFOBOX */ .floatbutton { width:245px; margin:0 auto; } .infobox { width:350px; text-align:center; } /* FLOATBOX FORM */ .floatbox form { position:relative; background-color:#EDF0F7; border:1px solid #DADEE5; padding:10px 0; margin:10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; } .floatbox form h3 { background-color:#434E54; font-size:14px; color:#FFF; padding:5px; margin-top:-10px; margin-bottom:10px; text-transform:capitalize; } .floatbox form p { clear:both; padding:0 10px 5px; overflow:hidden; } .floatbox label { float:left; width:140px; font-weight:bold; text-transform:capitalize; position:relative; } /* MAPSEARCH FLOATBOX */ #mapsearchbox .floatbox { width:900px; } #mapsearchbox #mapsearchleft { width:600px; float:left; } #mapsearchbox #mapsearchleft p { clear:both; overflow:hidden; } * html #mapsearchbox #mapsearchleft p { margin-bottom:10px; } #mapsearchbox #mapsearch-form { position:relative; } #mapsearchbox #mapsearchleft label { width:160px; float:left; } * html #mapsearchbox #mapsearchleft label { position:relative; } #mapsearchbox #mapsearchleft input { width:300px; float:left; } #mapsearchbox #mapsearchleft #mapsearchbtn { float:right; } #mapsearchbox #postingimg { position:absolute; left:445px; top:3px; width:16px; height:16px; } #mapsearchbox #mapsearch { height:400px; width:100%; border:1px solid #999; margin-bottom:10px; } #mapsearchbox #mapsearchright { width:275px; float:right; } #mapsearchbox #searchcontainer { border:1px solid #999; background-color:#FFF; } #mapsearchbox #searchcontainer .gs-results-attribution { font-size:11px; color:#666; border-top:1px solid #CCC; padding:10px; } #mapsearchbox #msgdiv { background:url(/static/v2p/png/normal/16/info_16.png) no-repeat 5px center; font-weight:bold; padding:5px 0 5px 30px; background-color:#FFC; position:relative; } #mapsearchbox #searchcontainer li { border-top:1px solid #CCC; padding:0; } #mapsearchbox #searchcontainer li a { background:url(/static/v2p/images/location_pin.gif) no-repeat 5px center; color:#666; display:block; padding:5px 10px 5px 30px; } #mapsearchbox #searchcontainer li a:hover { background-image:url(/static/v2p/images/location_pin_over.gif); background-color:#F2F4F8; } #mapsearchbox #searchcontainer li a b { color:#09F; } /* AVATAR CROPPER FLOATBOX */ #avatarcropper .floatbox { width:770px; } #avatarcropper #testWrap { float:left; margin:0 0 10px 0; background-color:#111; border:1px solid #FFF; position:relative; } #avatarcropper #previewArea { overflow:hidden; float:right; background-color:#111; border:1px solid #FFF; } /* COMMENT SECTION */ #addcomment textarea { width:665px; } #addcomment .loading { float:right; } #commentlist .innerbody { padding:10px; } #commentlist .loginwarning { padding:0; } .commentitem { position:relative; padding:10px; border-bottom:1px dashed #CCC; overflow:hidden; } * html .commentitem { background-color:transparent; } .commentitem:hover { background-color:#F2F4F8; } .commentitem h3 { font-size:13px; margin-bottom:5px; width:360px; overflow:hidden; } .commentitembody { overflow:hidden; position:relative; padding-left:10px; } * html .commentitembody { width:500px; } .commentitembody blockquote { margin:20px; padding:5px 10px; background-color:#EDF0F7; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px dashed #DADEE5; overflow:hidden; } * html .commentitembody blockquote { position:relative; display:block; } .commentmenu { font-size:12px; position:absolute; right:40px; top:14px; } * html .commentmenu img { behavior:url(/static/v2p/images/iepngfix.htc); } .commentmenu a { margin-right:5px; } .commentitem .deleteicon { position:absolute; top:10px; right:10px; display:block; } /*.commentitem .commentmenu, .commentitem .deleteicon { display:none; } .commentitem:hover .commentmenu, .commentitem:hover .deleteicon { display:block; }*/ /* move to playground labs */ .quotecomment, .privatemessage, .replycomment { width:350px; position:relative; background-color:#EDF0F7; margin:10px 0; padding:10px; border:1px solid #DADEE5; -moz-border-radius:5px; -webkit-border-radius:5px; } .quotecomment textarea, .privatemessage textarea, .privatemessage input, .replycomment textarea { width:340px; } .privatemessage textarea, .privatemessage input { margin-top:5px; } #loadmorecomment { margin-top:10px; } /* PAGINATE */ .totalitemwrapper { height:35px; position:relative; margin:5px 0 0; overflow:hidden; text-transform:capitalize; clear:both; } .totalitem { overflow:hidden; } .totalitem span { display:inline; float:left; padding:0 10px; line-height:27px; text-transform:capitalize; } .totalitem a { text-align:center; line-height:27px; display:inline; width:30px; height:30px; background:transparent url(/static/v2p/images/item_button_small.png) no-repeat center top; float:left; } * html p.totalitem a { background-image:url(/static/v2p/images/item_button_small.gif); } .totalitem a:hover { background-image:url(/static/v2p/images/item_button_over.png); color:#FFF; } * html p.totalitem a:hover { background-image:url(/static/v2p/images/item_button_over.gif); } .totalitem #goto-page { position:absolute; right:0; } .totalitem #goto-page input { width:35px; vertical-align:middle; text-align:center; } .totalitem #goto-page { display:none; } /* FILTER -- ALPHABETICAL LIST */ .filter { margin-bottom:10px; font-size:13px; line-height:26px; position:static; } .filter .letterfilter { padding:5px 8px; margin:5px 0; background-color:#F2F4F8; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #DADEE5; position:static; } .filter strong a, .filter span a, .filter span span { padding:2px 5px; background: #E5E5E5 url(/static/v2p/images/button_background2.gif) repeat-x left center; border: 1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; } .filter strong { font-weight:normal; } .filter span a:hover { background-image:none; background-color:#B1B1B1; color:#FFF; border:1px solid #999; } .filter span span { color:#666; } .filter a.selected { background-image:none; background-color:#B1B1B1; color:#FFF; border:1px solid #999; } /* LOADING */ .loading { height:16px; padding-left:20px; background:transparent url(/static/v2p/images/ajax-loader-small.gif) no-repeat left top; font-size:13px; font-weight:bold; color:#666; display:none; position:relative; margin-bottom:5px; } .loading img { display:none; } .big-loading { height:32px; width:32px; background:transparent url(/static/v2p/images/ajax-loader.gif) no-repeat left top; } /* GLOBAL LOGIN BOX */ #loginbox.floatwrapper { width:300px; } /* OVERLAY ICON */ .deleteicon, .editicon, .videoicon, .musicicon, .photoicon, .albumicon { position:absolute; width:24px; height:24px; background-color:transparent; background-position:left top; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; } .deleteicon { display:none; background-image:url(/static/v2p/images/button/delete.png); } .editicon { display:none; background-image:url(/static/v2p/png/normal/24/gear_24.png); } .videoicon { display:block; background-image:url(/static/v2p/png/normal/24/play_24.png); } .musicicon { display:block; background-image:url(/static/v2p/png/normal/24/music_24.png); } .photoicon { display:block; background-image:url(/static/v2p/png/normal/24/photo_camera_24.png); } .albumicon { display:block; background-image:url(/static/v2p/png/normal/24/book_24.png); } * html .deleteicon, * html .editicon, * html .videoicon, * html .musicicon, * html .photoicon, * html .albumicon { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } /* TAG AUTO COMPLETE */ #tat_table { border:1px solid #CCC; background-color:#FFF; } #tat_table .autoRowTable { background-color:#FFF; font-size:13px; color:#666; } #tat_table .autohRowTable { background-color:#09F; color:#FFF; font-size:13px; cursor:pointer; } #tat_table .autoRowTable .autoSpan { font-weight:bold; color:#333; } #tat_table .autohRowTable .autoSpan { font-weight:bold; color:#FFF; } /* GOOGLE MAP COMPONENT */ #map_wrapper .bigmarker { position:relative; width:235px; height:276px; background:transparent url(/static/v2p/images/big_marker.png) no-repeat left top; } * html #map_wrapper .bigmarker { background-image: url(/static/v2p/images/big_marker.gif); } #map_wrapper .bigmarker .bigmarker_img { position:absolute; left:17px; top:16px; width:200px; height:150px; border:1px solid #666666; } #map_wrapper .bigmarker .iteminfo { position:absolute; width:200px; left:17px; top:171px; } #map_wrapper .bigmarker .iteminfo p { width:150px; font-size:10px; float:left; color:#FFFFFF; white-space:nowrap; overflow:hidden; line-height:13px; padding:0; } #map_wrapper .bigmarker .iteminfo p strong { font-size:11px; color:#333; } #map_wrapper .bigmarker .iteminfo img { float:left; margin-right:5px; display:block; width:30px; height:30px; border:none; padding:3px;background-color:#FFFFFF; } #map_wrapper .bigmarker .deleteicon { display:none; position:absolute; left:210px; top:0; z-index:50; } #map_wrapper .bigmarker .deleteicon:hover { cursor:pointer; } #map_wrapper .smallmarker { position:relative; width:76px; height:52px; background:transparent url(/static/v2p/images/small_marker.png) no-repeat left top; } * html #map_wrapper .smallmarker { background-image: url(/static/v2p/images/small_marker.gif); } #map_wrapper .smallmarker img { position:absolute; top:4px; left:5px; width:37px; height:28px; cursor:pointer; } #map_wrapper .infopane_wrapper { position:absolute; left:940px; height:100%; width:310px; background:transparent url(/static/v2p/images/info_pane_left.png) repeat-y left top; } * html #map_wrapper .infopane_wrapper { background-image:none; } #map_wrapper .infopane { height:100%; width:260px; margin-left:15px; padding:10px 15px; background:#2b2b33 url(/static/v2p/images/info_pane_background.png) repeat-x left top; } #map_wrapper .infopane p, #map_wrapper .infopane h2, #map_wrapper .infopane p, #map_wrapper .infopane strong { color:#FFFFFF; } #map_wrapper .infopane h2 { font-size:14px; } #map_wrapper .infopane .deleteicon { position:absolute; top:5px; right:10px; z-index:10; display:block; } #map_wrapper .infopane textarea { width:250px; margin-bottom:10px; } #map_wrapper .infopane_imgcontainer { margin:25px 0 10px; } #map_wrapper .infopane_imgcontainer img { margin:3px; border:3px solid #FFF; display:block; width:30px; height:30px; background-color:#FFF; float:left; } #map_wrapper .infopane_imgcontainer img.selected { border-color:#FF9900; } #map_wrapper .infopane_imgcontainer img:hover { border-color:#BFDFFF; cursor:pointer; } #mapbox #notmatch-wrapper { display:table; width:100%; height:100%; } #mapbox #notmatch { color:#333; display:table-cell; vertical-align:middle; text-align:center; font-size:13px; padding:0 10px; } #mapbox #notmatch strong { color:#111; text-decoration:underline; } /* ===== COMMON MAIN CONTENT ELEMENT ===== */ /* UPDATE ITEM */ #main .updateitem { position:relative; width:150px; height:190px; float:left; margin:4px; padding-left:10px; padding-top:10px; background:transparent url(/static/v2p/images/updateitem.png) no-repeat left top; } * html #main .updateitem { background-image:url(/static/v2p/images/updateitem.gif); } #main .updateitem h3 { font-size:13px; margin-bottom:8px; width:140px; overflow:hidden; height:18px; } #main .updateitem .updateitemimg { border:1px solid #CCC; display:block; width:140px; height:105px; background:#F2F4F8 url(/static/v2p/images/ajax-loader-small.gif) no-repeat center center; overflow:hidden; text-indent:-9999px; } * html #main .updateitem .updateitemimg { position:relative; } #main .updateitem .updateiteminfo { width:142px; font-size:11px; line-height:13px; color:#999; white-space:nowrap; overflow:hidden; clear:both; padding:0; } * html #main .updateitem .updateiteminfo { position:relative; } #main .updateitem .deleteicon { top:-10px; right:-10px; } #main .updateitem .updateitemicon, #main .updateitem .editicon { right:5px; bottom:10px; } #main #photoalbums .updateitem .editicon, #main #videocategories .updateitem .editicon { right:5px; bottom:15px; } /* -- Item Privacy -- */ #main .updateitem .privacy_status { position:absolute; width:16px; height:16px; right:6px; bottom:12px; display:block; } * html #main .updateitem .privacy_status { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } .public-item .privacy_status, .privacy_setting .privacy_public { background:transparent url(/static/v2p/png/normal/16/group_16.png) no-repeat left top; } .friend-item .privacy_status, .privacy_setting .privacy_friend { background:transparent url(/static/v2p/png/normal/16/user_16.png) no-repeat left top; } .topfriend-item .privacy_status, .privacy_setting .privacy_topfriend { background:transparent url(/static/v2p/png/normal/16/star_16.png) no-repeat left top; } .private-item .privacy_status, .privacy_setting .privacy_private { background:transparent url(/static/v2p/png/normal/16/lock_16.png) no-repeat left top; } #main .updateitem .privacy_setting { display:none; position:absolute; bottom:30px; right:-5px; padding:10px 10px 20px; background:transparent url(/static/v2p/images/privacy-setting.png) no-repeat left top; width:110px; height:80px; z-index:5; } #main .updateitem .privacy_setting.option_2 { height:40px; background-image:url(/static/v2p/images/privacy-setting-2.png); } #main .updateitem .privacy_setting.option_3 { height:60px; background-image:url(/static/v2p/images/privacy-setting-3.png); } * html #main .updateitem .privacy_setting { background-image:url(/static/v2p/images/privacy-setting.gif); } * html #main .updateitem .privacy_setting.option_2 { background-image:url(/static/v2p/images/privacy-setting-2.gif); } * html #main .updateitem .privacy_setting.option_3 { background-image:url(/static/v2p/images/privacy-setting-3.gif); } #main .updateitem .privacy_setting li { position:relative; overflow:hidden; height:20px; } *:first-child+html #main .updateitem .privacy_setting li { height:18px; } * html #main .updateitem .privacy_setting li { width:110px; height:17px; } #main .updateitem .privacy_setting li span { display:inline; float:left; width:16px; height:16px; margin-right:5px; } #main .updateitem .privacy_setting .selected { background:transparent url(/static/v2p/images/checkmark16.png) no-repeat right top; } #main .updateitem .privacy_setting li a { display:block; float:left; width:89px; } /* -- Item Privacy -- */ /* -- Move Photo -- */ #main .updateitem .movephoto_status { position:absolute; display:block; width:22px; height:16px; right:24px; bottom:12px; background:transparent url(/static/v2p/images/move_photo.png) no-repeat left top; } * html #main .updateitem .movephoto_status { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } #main .updateitem .movephoto_setting { display:none; position:absolute; bottom:30px; right:10px; padding:10px 10px 20px; background:transparent url(/static/v2p/images/movephoto-setting.png) no-repeat left top; width:110px; height:40px; z-index:5; font-size:13px; } * html #main .updateitem .movephoto_setting { background-image:url(/static/v2p/images/movephoto-setting.gif); } #main .updateitem .movephoto_setting select { width:110px; margin:3px 0; } /* -- Move Photo -- */ /* -- Improper Item -- */ .improper-item h3 { color:#E00; } .improper-item .movephoto_status { display:none; } .improper-item .privacy_status { background:transparent url(/static/v2p/png/normal/16/lock_16_dis.png) no-repeat right bottom; } /* -- Improper Item -- */ /* UPDATE ITEM INPLACE-EDITOR FORM */ #main .updateitem .inplaceeditor-form { width:140px; position:relative; top:-20px; margin-bottom:-15px; } *:first-child+html #main .updateitem .inplaceeditor-form { top:-20px; margin-bottom:-19px; } * html #main .updateitem .inplaceeditor-form { top:-20px; margin-bottom:-19px; } @media screen and (-webkit-min-device-pixel-ratio:0){ #main .updateitem .inplaceeditor-form { margin-bottom:-19px; } } #main .updateitem .inplaceeditor-form input { width:135px; display:block; } #main .updateitem .inplaceeditor-form a { font-size:13px; } /* ===== COMMON SIDEBAR ELEMENT ===== */ .sidebarbox { position:relative; } .sidebarbox .updateitem { margin-bottom:5px; } /* MINI PROFILE */ #miniprofile img { position: relative; } #miniprofile .avatar { display: block; margin: 0 auto 10px; padding: 2px; border: 1px solid #ccc; background-color: #fff; } #miniprofile .content { overflow: hidden; } #miniprofile h3 { margin-bottom: 5px; } #miniprofile textarea { width: 175px; margin: 5px 0; } #miniprofile .updateitem ~ p { padding: 0; } /* SEND MESSAGE and SMS */ #sendpmmessage, #sendsmsmessage { position: relative; margin: 10px 0 0; padding: 10px; background-color: #f2f4f8; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both; } #sendpmmessage p, #sendsmsmessage p { clear: both; } #sendpmmessage p:last-child, #sendsmsmessage p:last-child { padding: 0; } #sendpmmessage .deleteicon, #sendsmsmessage .deleteicon { display: block; top: 5px; right: 5px; } #messagealert { padding: 2px 8px; background-color: #ff9; color: #660; } * html #sendpmmessage .deleteicon, * html #sendsmsmessage .deleteicon { right: 20px; } /* RECENT UPDATE */ #recentupdate .updateitem { clear:both; } #recentupdate .updateitem img { position:relative; width:30px; height:30px; padding:2px; background-color:#FFF; border:1px solid #CCC; float:left; margin-right:10px; } #recentupdate .updateitem .content { overflow:hidden; } * html #recentupdate .updateitem .content { width:150px; } /* FRIENDS and SMALL PHOTO */ #friendlist a img { display:inline; float:left; margin:2px; padding:2px; background-color:#FFF; border:1px solid #CCC; width:30px; height:30px; } #friendlist a img:hover { background-color:#09F; } * html #friendlist a img { position:relative; } #friendlist .totalfriends { padding:5px 0; } #friendlist .totalfriends span { font-weight:bold; font-size:11px; color:#FFF; background-color:#F90; padding:2px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /* TAGCLOUD */ #tagcloud, #alltags, #locationtags { text-align:justify; } .tc100 a, .tc200 a, .tc300 a, .tc400 a { margin:1px; } .tc100 a { font-size:12px; color:#9AC; } .tc200 a { font-size:16px; color:#19D; } .tc300 a { font-size:20px; color:#17B; } .tc400 a { font-size:24px; color:#00509F; } .tc100 a:hover, .tc200 a:hover, .tc300 a:hover, .tc400 a:hover { text-decoration: underline; color: #0CF; background-color: #FFF; } /* ===== COMMON STATIC PAGE LAYOUT ===== */ .static-page #main { float:none; width:700px; margin:10px auto; padding:10px 20px; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#FFF; } .static-page #main ul { list-style:disc inside; } .static-page #main ol { list-style:decimal outside; } .static-page #main ul, .static-page #main ol { margin:10px 0 10px 30px; } /* ===== SPECIFIC PAGE SECTION ===== */ /* INTRO PAGE */ #intro-page #wrapper { width:900px; margin:10px auto; border:none; background:none; } #intro-page #header { background:transparent url(/static/v2p/images/homepage/header.png) no-repeat center top; height:70px; position:relative; } * html #intro-page #header { background-image:url(/static/v2p/images/homepage/header.gif); } #intro-page #localselect { position:absolute; top:25px; right:10px; } #intro-page #localselect a img { vertical-align:bottom; } #intro-page #headerlinks { position:absolute; top:55px; right:10px; } #intro-page #content { background-image:none; background-color:#F6FCFF; padding:10px; border-left:1px solid #747474; border-right:1px solid #747474; } #intro-page #main { width:650px; float:left; } #intro-page #map_wrapper, #intro-page #pg-howto { background-color:#FFF; border:1px solid #CCC; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:8px; } #intro-page #map { width:630px; height:350px; border:1px solid #CCC; background-color:#121212; } #intro-page #pg-howto span { display:block; border:1px solid #999; } #intro-page #pg-howto object { display:block; } #intro-page #campaign-event { padding:10px; border:1px solid #FF9517; background-color:#FFB010; -moz-border-radius:5px; -webkit-border-radius:5px; } #intro-page #campaign-event h2 { display:none; } #intro-page #campaign-event li { display:block; width:200px; height:60px; float:left; padding:0; margin-right:13px; overflow:hidden; } #intro-page #campaign-event li a { display:block; width:200px; height:60px; background-color:#121212; background-position:left top; overflow:hidden; text-indent:-9999px; } #intro-page #campaign-event li a:hover { background-position:left -60px; } #intro-page #campaign-event li a:active { background-position:left -120px; } /* #intro-page #campaign-event #campaign1-banner a { background-image:url(/static/v2p/images/homepage/newyear.jpg); } #intro-page #campaign-event #campaign2-banner a { background-image:url(/static/v2p/images/homepage/android.jpg); } */ #intro-page #campaign-event #campaign3-banner a { background-image:url(/static/v2p/images/homepage/pg-hotline.jpg); } #intro-page #campaign-event li:hover iframe { position:relative; top:-60px; } #intro-page #campaign-event li:active iframe { position:relative; top:-120px; } #intro-page #updatesection { padding:5px 0; } #intro-page #update-colleft { width:340px; float:left; } #intro-page #latestsection, #intro-page #favsection, #intro-page #friendupdate, #intro-page #latestblog { padding:5px 10px 10px; border:1px solid #CCC; margin-bottom:5px; background:#FFF url(/static/v2p/images/homepage/box.jpg) repeat-x top left; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #intro-page #latestsection, * html #intro-page #favsection, * html #intro-page #friendupdate { padding-bottom:0; width:330px; } * html #intro-page #latestblog { padding-bottom:0; width:270px; } #intro-page #updatesection h2 { display:block; width:150px; height:30px; text-indent:-9999px; margin-bottom:5px; } #intro-page #latestsection h2 { background:transparent url(/static/v2p/images/homepage/latestupdate_en.png) no-repeat left top; } #intro-page #favsection h2 { background:transparent url(/static/v2p/images/homepage/favourites_en.png) no-repeat left top; } #intro-page #friendupdate h2 { background:transparent url(/static/v2p/images/homepage/friends_en.png) no-repeat left top; } #intro-page #latestblog h2 { background:transparent url(/static/v2p/images/homepage/latestblogs_en.png) no-repeat left top; } #intro-page #morelatestitem { position:absolute; top:10px; right:10px; font-weight:bold; font-size:13px; display:block; } * html #intro-page #morelatestitem { right:20px; } #intro-page .latestitem, #intro-page .favitem, #intro-page .freinditem { float:left; margin-right:3px; position:relative; } #intro-page .latestitem a, #intro-page .favitem a, #intro-page .freinditem a { display:block; } #intro-page .latestitem a img, #intro-page .favitem a img, #intro-page .freinditem a img { border:1px solid #CCC; display:block; width:44px; height:44px; padding:2px; background-color:#FFF; position:relative; } #intro-page .latestitem a:hover img, #intro-page .favitem a:hover img, #intro-page .freinditem a:hover img { border:1px solid #09F; } * html #intro-page .latestitem a, * html #intro-page .favitem a, * html #intro-page .freinditem a { display:block; float:left; } #intro-page #latestblog { width:280px; height:299px; float:right; } *:first-child+html #intro-page #latestblog { height:314px; } * html #intro-page #latestblog { height:294px; } #intro-page .blogitem { margin-bottom:4px; } *:first-child+html #intro-page .blogitem { height:50px; margin-bottom:6px; } * html #intro-page .blogitem { height:49px; margin-bottom:1px; } * html #intro-page .blogitem a { position:relative; } #intro-page .blogitem a img { background-color:#FFF; float:left; margin-right:10px; border:1px solid #CCC; width:44px; height:44px; padding:2px; display:block; position:relative; } #intro-page .blogitem a:hover img { border:1px solid #09F; } #intro-page .blogitem h3 { font-size:13px; margin-bottom:0; } #intro-page .blogitem p { overflow:hidden; font-size:12px; padding:0; line-height:normal; white-space:nowrap; } #intro-page #sidebar { width:200px; float:right; padding:10px; background:#4096EE url(/static/v2p/images/homepage/sidebox_bg.jpg) repeat-x left top; border:1px solid #167ECA; -moz-border-radius:5px; -webkit-border-radius:5px; } #intro-page #sidebar p { color:#FFF; } #intro-page #register { border-bottom:1px solid #4E9DEC; } * html #intro-page #register { padding-bottom:10px; height:220px; } #intro-page #register h2 { text-indent:-9999px; overflow:hidden; height:35px; background:transparent url(/static/v2p/images/homepage/feature_en.png) no-repeat left top; } #intro-page #register li { color:#333; } #intro-page #signup { background:transparent url(/static/v2p/images/homepage/register_btn_en.png) no-repeat center top; display:block; height:35px; width:143px; margin:10px auto; } * html #intro-page #signup { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } #intro-page #signup:hover { background-position:center -35px; } #intro-page #signup:active { background-position:center -70px; } #intro-page #signin { padding-top:10px; border-top:1px solid #7fc2f7; position:relative; } * html #intro-page #signin { height:185px; } #intro-page #signin h2 { text-indent:-9999px; overflow:hidden; height:35px; background:transparent url(/static/v2p/images/homepage/signin.png) no-repeat left top; } #intro-page #mainform { margin-bottom:10px; } #intro-page #signin label { font-weight:bold; float:left; width:70px; margin-right:5px; } #intro-page #signin input#user_name, #intro-page #signin input#password { width:110px; } #intro-page #login { background:transparent url(/static/v2p/images/homepage/signin_btn.png) no-repeat center top; display:block; width:85px; height:21px; overflow:hidden; text-indent:-9999px; } * html #intro-page #login { cursor:pointer; } #intro-page #login:hover { background-position:center -21px; } #intro-page #login:active { background-position:center -42px; } #intro-page #forgotpasswordbutton { position:absolute; right:10px; bottom:2px; font-size:13px; display:block; color:#FFF; } #intro-page #forgotpasswordbutton:hover { color:#333; } * html #intro-page #forgotpasswordbutton { bottom:20px; right:5px; } #intro-page #mobilesupport { background:transparent url(/static/v2p/images/clientapp.png) no-repeat left top; display:block; height:115px; width:160px; overflow:hidden; margin:0 auto; } * html #intro-page #mobilesupport { cursor:pointer; } #intro-page #mobilesupport:hover { background-position:left -120px; } #intro-page #mobilesupport:active { background-position:left -240px; } #intro-page #footer { background:transparent url(/static/v2p/images/homepage/bottom.png) no-repeat center top; height:140px; padding-top:0; } #intro-page #footer p { padding-bottom:5px; } * html #intro-page #footer { background-image:url(/static/v2p/images/homepage/bottom.gif); } #intro-page #clientdownload { border-bottom:1px solid #3D7CBA; } #intro-page #intro-tagcloud { padding-top:10px; border-top:1px solid #7FC2F7; } #intro-page #intro-tagcloud h2 { text-indent:-9999px; overflow:hidden; height:35px; background:transparent url(/static/v2p/images/homepage/tagcloud_en.png) no-repeat left top; } #intro-page #tagcould-wrapper { padding:5px; height:212px; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:justify; line-height:1.5em; overflow:hidden; } #intro-page #tagcould-wrapper span a { margin:0; } @media screen and (-webkit-min-device-pixel-ratio:0) { #intro-page #tagcould-wrapper { height:202px; } } #intro-page #tagcould-wrapper { height:208px\9 } * html #intro-page #updatesection h2, * html #intro-page #register h2, * html #intro-page #signin h2, * html #intro-page #login, * html #intro-page #mobilesupport, #intro-page #intro-tagcloud h2 { behavior:url(/static/v2p/images/iepngfix.htc); } /* INTRO PAGE ----- CRIE LINKS */ #crie-links { background: #fff url(/static/v2p/images/button_background2.gif) repeat-x left -15px; border: 1px solid #ccc; padding: 4px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 0; } #crie-links li { display: inline; font-size: 12px; padding: 0 10px; border-left: 1px solid #ccc; } #crie-links li:first-child { border: none; padding-left: 0; } #crie-links strong { margin-right: 5px; text-shadow: 0 1px 0 #fff; } #crie-links li .ads-link { display: inline; } /* REGISTER AND LOGIN PAGE */ #registerlogin-page #formcontainer { width:650px; margin:10px auto; padding:10px 0;0 } #registerlogin-page .request { color:#F00; font-weight:bold; } #registerlogin-page #register, #registerlogin-page #sidebox { border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#FFF; } #registerlogin-page #register { width:400px; float:left; padding:10px; } #registerlogin-page #register h1 { color:#0099FF; padding-bottom:5px; } #registerlogin-page #sidebox { width:200px; float:right; padding:10px; } #registerlogin-page #sidebox h2 { color:#66CC00; } #registerlogin-page #formcontainer label { width:135px; float:left; font-weight:bold; } #registerlogin-page #formcontainer .example { margin-left:140px; } /* REGISTER ----- MEMBER GET MEMBER */ #registerlogin-page #member-get-member { display:none; position:relative; padding-top:10px; border-top:1px solid #CCC; } #registerlogin-page #member-get-member h2 { overflow:hidden; } #registerlogin-page #member-get-member #mgm-detail { width:24px; height:24px; float:left; background-color:red; } #registerlogin-page #member-get-member label { height:40px; } #registerlogin-page #member-get-member select { margin-bottom:5px; } /* REGISTER AND LOGIN PAGE - FLOATBOX */ #registerlogin-page #byemail label, #registerlogin-page #bymobile label { float:none; } #registerlogin-page #bymobile p { text-align:right; margin-right:50px; } /* REGISTER AND LOGIN PAGE - FLOATBOX - FORGET PASSWORD */ #forgotpassword .floatbox { width: 300px; } #forgotpassword .floatbox label { float: none; display: block; width: auto; margin: 0 0 5px; } #forgotpassword .floatbox input[type=text] { margin-right: 5px; } #forgotpassword .floatbox textarea { display: block; margin: 5px 0; } #forgot-everything { padding-top: 10px; border-top: 1px dashed #999; } #userbox .floatbox { width: 350px; } #userbox ul { margin: 0 0 10px; } #userbox li { padding: 5px 10px; border-bottom: 1px solid #ccc; background-color: #fff; overflow: hidden; } #userbox li input { float: left; margin-right: 5px; position: relative; top: 15px; } #userbox li img { padding: 2px; border: 1px solid #ccc; background-color: #fff; float: left; margin-right: 10px; } #userbox li .display-name { overflow: hidden; } #alertmsg { z-index: 200; } #alertmsg2 .floatbox { width: 300px; } #alertmsg2 .floatbox p { overflow: visible; } #forgot-everything-2 { padding-top: 10px; border-top: 1px dashed #999; } /* REGISTER STEP PAGE */ #register-step #findfriends, #register-step #addsocialnetwork, #register-step #register-finished { display:none; } #register-step .register-step { padding:10px; margin:10px auto; width:700px; border:2px solid #79CAEC; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#FFF; } #register-step .register-step h2 { color:#09F; } #register-step form { margin-bottom:10px; } #register-step form p { overflow:hidden; } #register-step label { float:left; width:150px; font-weight:bold; } #register-step .step-menu { overflow:hidden; font-size:13px; padding-top:10px; border-top:1px dashed #CCC; } #register-step .step-menu .step-menu-back { float:left; } #register-step .step-menu .step-menu-next { float:right; } #register-step #welcome-message { border:2px solid #79CAEC; background:#FFF url(/static/v2p/images/register/thanks.png) no-repeat left center; padding:20px 20px 20px 100px; margin:10px auto; width:600px; -moz-border-radius:10px; -webkit-border-radius:10px; } #register-step #welcome-message p { padding-right:200px; } #register-step #register-finished { border:2px solid #79CAEC; background:#FFF url(/static/v2p/images/register/finish.png) no-repeat 10px center; width:590px; padding-left:120px; } #register-step #profileinfo { background:#FFF url(/static/v2p/images/register/profile.png) no-repeat 560px top; } #register-step #profileinfo p { overflow:hidden; } #register-step #profileinfo #avatar-upload { overflow:hidden; padding:0 0 10px; clear:both; } #register-step #profileinfo #avatar-upload img { float:left; margin-right:10px; border:1px solid #CCC; padding:3px; } #register-step #profileinfo #avatarloading img { border:none; padding:0; } #register-step #profileinfo #display_name { margin-right:10px; } #register-step #findfriends { background:#FFF url(/static/v2p/images/register/mail.png) no-repeat 570px top; } #register-step #findfriends p { overflow:hidden; } #register-step #findfriends #contactlist { overflow:auto; max-height:405px; margin-bottom:10px; padding-top:10px; } #register-step #findfriends #contactlist .hidden { display:none; } #register-step #findfriends .friendupdateitem { float:left; width:145px; height:90px; padding:8px; margin:3px; background-color:#F2F4F8; border:1px solid #E2E4E8; } #register-step #findfriends .friendupdateitem p { padding:0; } * html #register-step #findfriends .friendupdateitem p { width:125px; white-space:nowrap; text-overflow:ellipsis; } #register-step #addsocialnetwork { background:#FFF url(/static/v2p/images/register/social.png) no-repeat 530px top; } #register-step #addsocialnetwork h2 + p { padding-right:200px; } #register-step #socialnetwork-list { margin-bottom:10px; margin-top:70px; } #register-step .socialnetwork-item { padding:10px; position:relative; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; background:#F3F3F3 url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x scroll left -80px; margin-bottom:5px; } #register-step .socialnetwork-item h3 { margin:0; height:30px; overflow:hidden; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; } #register-step .socialnetwork-item .hi5-logo { background-image:url(/static/v2p/images/social_logo/hi5_logo_small.gif); } #register-step .socialnetwork-item .friendster-logo { background-image:url(/static/v2p/images/social_logo/friendster_logo_small.gif); } #register-step .socialnetwork-item .twitter-logo { background-image:url(/static/v2p/images/social_logo/twitter_logo_small.gif); } #register-step .socialnetwork-item .youtube-logo { background-image:url(/static/v2p/images/social_logo/youtube_logo_small.gif); } #register-step .socialnetwork-item .picasa-logo { background-image:url(/static/v2p/images/social_logo/picasa_logo_small.gif); } #register-step .socialnetwork-item .facebook-logo { background-image:url(/static/v2p/images/social_logo/facebook_logo_small.gif); } #register-step .socialnetwork-item .multiply-logo { background-image:url(/static/v2p/images/social_logo/multiply_logo_small.gif); } #register-step .socialnetwork-item .addsocialform { position:absolute; right:10px; top:12px; display:block; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/png/normal/24/add_24.png) no-repeat left top; } #register-step .socialnetwork-item .verify-success { position:absolute; right:10px; top:12px; display:none; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/png/normal/24/ok_24.png) no-repeat left top; } #register-step .socialnetwork-item .loading { padding-bottom:0; margin:10px 0; } #register-step .socialnetwork-item form { display:none; margin:10px 0 0; padding:10px; background-color:#FFF; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; } #register-step .socialnetwork-item form .error-text { color:#F00; } /* LATEST UPDATE PAGE */ #latestupdate-page #main { width:940px; float:none; } #latestupdate-page .contentbox .top { background:transparent url(/static/v2p/images/content_header_latest.png) no-repeat left bottom; } * html #latestupdate-page .contentbox .top { background-image:url(/static/v2p/images/content_header_latest.gif); } #latestupdate-page .contentbox .body { background:url(/static/v2p/images/content_body_latest.png) repeat-y left top; padding:0 5px; } * html #latestupdate-page .contentbox .body { background-image:url(/static/v2p/images/content_body_latest.gif); } #latestupdate-page .contentbox .bottom { background:url(/static/v2p/images/content_footer_latest.png) no-repeat left top; } * html #latestupdate-page .contentbox .bottom { background-image:url(/static/v2p/images/content_footer_latest.gif); } #latestupdate-page #latestactivities .innerbody { padding-left:15px; } #latestupdate-page #itemslist { margin-bottom:10px; overflow:hidden; } #latestupdate-page #itemslist img { float:left; display:block; width:48px; height:48px; border:1px solid #FFF; background-color:#FFF; } #latestupdate-page #latestnav { text-align:center; font-size:10px; font-weight:bold; color:#999; width:350px; padding:0 10px; margin:0 auto; height:24px; line-height:26px; } #latestupdate-page #latestnav #latestprev { background:#FFF url(/static/v2p/images/latestprev.jpg) no-repeat left top; float:left; } #latestupdate-page #latestnav #latestnext { background:#FFF url(/static/v2p/images/latestnext.jpg) no-repeat left top; float:right; } #latestupdate-page #latestnav #latestprev, #latestupdate-page #latestnav #latestnext { text-indent:-9999px; overflow:hidden; width:24px; height:24px; display:block; } #latestupdate-page #latestnav #latestprev:hover, #latestupdate-page #latestnav #latestnext:hover { background-position:left -24px; } #latestupdate-page #latestnav #latestprev:active, #latestupdate-page #latestnav #latestnext:active { background-position:left -48px; } #latestupdate-page .popup { padding:5px 10px; border:1px solid #999; } #latestupdate-page .popup p { padding:0; margin:0; } /* TAGS PAGE */ #tags-page #mapbox { border:1px solid #CCC; height:300px; overflow:hidden; background:#EEE url(/static/v2p/images/ajax-loader.gif) no-repeat scroll center center; } #tags-page .tabs { float:none; border-bottom:1px solid #999; margin-bottom:10px; } #tags-page #photoupdate, #tags-page #videoupdate { overflow:hidden; } #tags-page #videoupdate { display:none; } #tag .tabs .loading { position:absolute; right:0; top:0; } /* HOME PAGE */ /* ----- HOME PAGE - MAIN LAYOUT ----- */ #userhome-page .tabs { float:none; } #userhome-page .tabs strong { color:#FFF; } #userhome-page .tabs li.selected strong { color:#444; } #userhome-page .tabs a:hover strong, #userhome-page .tabs .selected strong { color:#24618E; } #userhome-page #main { float:right; } #userhome-page #sidebar { float:left; } * html #userhome-page #main .innerbody .avatar { behavior:none !important; } /* ----- HOME PAGE - USER MENU ----- */ #userhome-page #miniprofile .updateitem { margin:0; position:relative; } #userhome-page #miniprofile .updateitem a { word-wrap:break-word; } #userhome-page #miniprofile img.avatar { position:relative; float:left; display:block; margin-right:5px !important; } /*#userhome-page #miniprofile ul { margin:10px 0 0; }*/ #userhome-page #miniprofile #userphotoupload { margin-top:10px; padding:10px; overflow:hidden; background-color:#F2F4F8; border:1px solid #DADEE5; -moz-border-radius:5px; -webkit-border-radius:5px; } #userhome-page #miniprofile #userphotoupload label { font-weight:bold; color:#333; } #userhome-page #miniprofile #userphotoupload input { margin-bottom:5px; display:block; width:170px; } /* ----- HOME PAGE - TOP FRIEND SECTION ----- */ #userhome-page #topfriend-update a img { background-color:#FFF; border:1px solid #CCC; display:inline; float:left; height:30px; margin:2px; padding:2px; width:30px; position:relative; } #userhome-page #topfriend-update a img:hover { background-color:#09F; } /* ----- HOME PAGE - STATUS SECTION ----- */ #userhome-page #status-update #mystatus { position:relative; } * html #userhome-page #status-update #mystatus { overflow:hidden; width:200px; } * html #userhome-page #status-update #mystatus form { display:block; width:195px; } #userhome-page #status-update #mystatus input { width:180px; display:block; margin:5px 0; } * html #userhome-page #status-update .tabs { width:200px; position:static; } #userhome-page #statusInfoContainer { padding-top:10px; border-top:1px solid #999; } #userhome-page #status-update .updateitem { position:relative; margin-bottom:5px; } * html #userhome-page #status-update .updateitem { width:200px; } #userhome-page #status-update .updateitem .avatar { width:44px; height:44px; padding:2px; background-color:#FFF; border:1px solid #CCC; float:left; margin-right:10px; } #userhome-page #status-update .updateitem .blogsymbol { position:absolute; left:40px; top:40px; width:16px; height:16px; display:block; background:transparent url(/static/v2p/png/normal/16/write_16.png) no-repeat left top; } #userhome-page #status-update .updateitem .content { overflow:hidden; } * html #userhome-page #status-update .updateitem .content { float:left; width:130px; position:relative; } /* ----- NEW YEAR ADS ----- */ #userhome-page #ads-wrapper { width:228px; margin:10px auto; } #userhome-page .ads-item { width:226px; height:244px; overflow:hidden; border:1px solid #999; margin: 0 0 10px; } #userhome-page #zEyiSGiAAEGEQ4xPGyaZ { height: 188px !important; } /* ----- HOME PAGE - UPDATE FILTER SECTION ----- */ #userhome-page .homefilter { padding:10px; margin-bottom:10px; border:1px solid #CCC; background-color:#F2F4F8; margin-top:10px; position:relative; } * html #userhome-page .homefilter { width:653px; } * html #userhome-page .homefilter img { position:relative; width:24px; height:24px; display:inline; } #userhome-page .homefilter .filtersection { height:90px; float:left; margin-bottom:15px; padding:0 15px; border-right:1px solid #DDD; border-left:1px solid #FFF; position:relative; } #userhome-page .homefilter .first { border-left:none; padding-left:0; } #userhome-page .homefilter .last { border-right:none; padding-right:0; } #userhome-page .filtersection .filtertitle { font-size:14px; font-weight:bold; margin-bottom:10px; margin-left:0; } #userhome-page .filtersection li { margin-left:10px; } /* ----- HOME PAGE - FRIEND and PEOPLE UPDATE SECTION ----- */ #userhome-page #friendupdatecontent .loading, #userhome-page #peopleupdatecontent .loading, #userhome-page #passivefriendupdatecontent .loading, #userhome-page #topfriendupdatecontent .loading { position:relative; top:5px; } #userhome-page #friendupdatelist, #userhome-page #peopleupdatelist, #userhome-page #topfriendupdatelist { margin:10px 0; } #userhome-page #friendupdatelist .totalitemwrapper, #userhome-page #peopleupdatelist .totalitemwrapper, #userhome-page #topfriendupdatelist .totalitemwrapper { margin-top:0; padding-top:10px; border-top:1px solid #CCC; } * html #userhome-page #friendupdatelist .totalitemwrapper, * html #userhome-page #peopleupdatelist .totalitemwrapper, * html #userhome-page #topfriendupdatelist .totalitemwrapper { position:static; } #userhome-page .friendupdate { border-top:1px solid #CCC; } #userhome-page .friendupdate img { width:30px; height:30px; padding:3px; background-color:#FFF; border:1px solid #CCC; float:left; margin-right:10px; } #userhome-page .friendupdate_even { background-color:#F2F4F8; padding:5px; } #userhome-page .friendupdate_odd { padding:5px; } #userhome-page .friendupdate_content { overflow:hidden; } *:first-child+html #userhome-page .friendupdate_content { overflow:hidden; float:left; } * html #userhome-page .friendupdate_content { overflow:hidden; float:left; width:600px; } #userhome-page .friendupdate_content p { padding-bottom:5px; } #userhome-page .friendupdate_content img { float:none; margin-right:5px; margin-bottom:5px; } /**/ #userhome-page #main .refreshclick { display:inline; float:right; width:24px; height:24px; text-indent:-9999px; overflow:hidden; background:transparent url(/static/v2p/png/normal/24/refresh_24_dis.png) no-repeat left top; } #userhome-page #main .refreshclick:hover { background-image:url(/static/v2p/png/normal/24/refresh_24.png); } * html #userhome-page #main .refreshclick { behavior:url(/static/v2p/images/iepngfix.htc); } /* ----- HOME PAGE - FRIEND and PEOPLE UPDATE SECTION ----- */ * html #userhome-page #main .contentbox .innerbody { width:675px; } #userhome-page .updatelist { margin:10px 0; } * html #userhome-page .updatelist { position:relative; width:676px; overflow:hidden; } #userhome-page .item_update { padding:5px; border-top:1px solid #CCC; outline:none; } * html #userhome-page .item_update { width:666px; position:relative; } #userhome-page .item_update .avatar, #userhome-page .item_update .itemimg { float:left; margin-right:10px; display:block; } * html #userhome-page .item_update .avatar img, * html #userhome-page .item_update .itemimg img { float:left; } #userhome-page .item_content { float:left; width:590px; } * html #userhome-page .item_content { width:590px; display:block; } #userhome-page .item_content p { padding-bottom:5px; } #userhome-page .item_content .action-date { display:block; } #userhome-page .item_wrapper { float:left; margin:2px; overflow:hidden; position:relative; } * html #userhome-page .item_wrapper { display:inline; } #userhome-page .item_wrapper img { float:left; display:block; padding:2px; border:1px solid #CCC; background-color:#FFF; } #userhome-page .item_wrapper .action-item { width:140px; height:105px; } #userhome-page .item_wrapper .commentlist { float:left; } #userhome-page .item_wrapper a + .commentlist { margin-left:10px; } #userhome-page .comment-button { display:none; padding:2px 10px 2px 25px; background:#000 url(/static/v2p/png/normal/16/text_bubble_add_16.png) no-repeat 5px top; font-size:11px; position:absolute; top:3px; left:3px; color:#FFF; opacity:0.7; } #userhome-page .comment-button:hover { background-color:#FFF; color:#333; opacity:1; } #userhome-page .item_wrapper:hover .comment-button { display:block; } * html #userhome-page .comment-button { display:block; filter:alpha(opacity=70); } * html #userhome-page .comment-button:hover { filter:alpha(opacity=100); } #userhome-page .comment_box .avatar img, #userhome-page .comment_box .itemimg img { padding:0; border:none; background-color:#FFF; } #userhome-page .commentlist li { overflow:hidden; width:445px; padding:2px 4px; background-color:#EDF0F7; border-top:1px solid #FFF; line-height:15px; } #userhome-page .item_wrapper .commentlist li { width:410px; } #userhome-page .commentlist li .avatar, #userhome-page .commentlist li .itemimg { margin-right:5px; } #userhome-page .commentlist li img { padding:0; border:none; background-color:#FFF; } #userhome-page .commentlist li h3 { font-size:11px; margin:0; color:#666; font-weight:normal; } #userhome-page .commentlist li h3 a { font-weight:bold; } #userhome-page .commentlist li .comment-content { font-size:12px; overflow:hidden; color:#333; padding:0 5px; } #userhome-page .commentlist li .display-name { margin-right:5px; } #userhome-page .commentlist li .comment-text { color:#555; } #userhome-page .commentlist li .comment-date { display:block; font-size:10px; color:#999; } #userhome-page .commentlist li .avatar img { margin:0; } #userhome-page .commentlist .more-comment { font-size:11px; } #userhome-page .comment_box { border-top:none !important; } #userhome-page .comment_box .add_comment { display:block; float:left; width:375px; } #userhome-page .comment_box textarea { display:block; float:left; width:370px; height:18px; border:1px solid #DADEE5; color:#999; } #userhome-page .comment_box textarea:focus { color:#333; } #userhome-page .comment_box .add_comment a, #userhome-page .item_content .more_button { font-size:11px; position:relative; padding:0 10px; background-color:#388BC0; color:#FFF; line-height:20px; height:20px; -moz-border-radius:3px; -webkit-border-radius:3px; } #userhome-page .comment_box .add_comment a { float:right; margin:2px 0; } #userhome-page .item_content .more_button { float:left; } #userhome-page .comment_box .add_comment a:hover, #userhome-page .item_content .more_button:hover { background-color:#09F; } #userhome-page .item_content .more_button { margin:5px; } #userhome-page .comment_box .commenting a { display:none !important; } #userhome-page .comment_box .commenting { padding-bottom:16px; background:transparent url(/static/v2p/images/ajax-loader-small.gif) no-repeat right bottom; } /*#userhome-page .comment_box .commenting textarea { color:#333 !important; }*/ .loadmore-button { display:block; text-align:center; padding:5px; font-size:13px; font-weight:bold; border:1px solid #CCC; background:#E5E5E5 url(/static/v2p/images/button_background2.gif) repeat-x scroll left center; color:#666; text-shadow:0 1px 0 #FFF; -moz-border-radius:5px; -webkit-border-radius:5px; } .loadmore-button:hover { border-color:#999; color:#333; } .loadmore-button img { vertical-align:text-top; } /* ----- HOME PAGE - MESSAGE INBOX SECTION ----- */ #userhome-page #inboxcontent .loading { display:block; } * html #userhome-page #inboxcontent .tabs { position:static; } #userhome-page #inboxcontent #message, #userhome-page #inboxcontent #sentmessage, #userhome-page #inboxcontent #friendrequest, #userhome-page #inboxcontent #notification, #userhome-page #inboxcontent #birthdays { border-top:1px solid #999; padding-top:10px; } * html #userhome-page #inboxcontent #message, * html #userhome-page #inboxcontent #sentmessage, * html #userhome-page #inboxcontent #friendrequest, * html #userhome-page #inboxcontent #notification, * html ss#userhome-page #inboxcontent #birthdays { width:660px; } #userhome-page .homeupdateitem { position:static; border-bottom:1px solid #CCC; } #userhome-page .homeupdateitem .deleteicon { position:absolute; top:5px; right:5px; display:block; width:16px; height:16px; background:transparent url(/static/v2p/images/button/delete16.png) no-repeat left top; } #userhome-page .homeupdateitem .read { position:relative; padding:5px; overflow:hidden; } #userhome-page .homeupdateitem .notread { position:relative; background-color:#F2F4F8; padding:5px; overflow:hidden; } * html #userhome-page .homeupdateitem .read, * html #userhome-page .homeupdateitem .notread { width:660px; } #userhome-page .homeupdateitem .msginfo { width:170px; overflow:hidden; float:left; margin-right:5px; } #userhome-page .homeupdateitem .msginfo h3 { margin-bottom:0; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #userhome-page .homeupdateitem .msginfo p { font-size:11px; padding:0 0 3px; } #userhome-page .homeupdateitem .banuser-button { display:none; height:16px; width:16px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/images/banuser-small.png) no-repeat left top; position:absolute; left:40px; top:40px; opacity:0.5; filter:alpha(opacity=50); } #userhome-page .homeupdateitem .banuser-button:hover { opacity:1; filter:alpha(opacity=100); } * html #userhome-page .homeupdateitem .banuser-button { behavior:url(/static/v2p/images/iepngfix.htc); } #userhome-page .homeupdateitem .msg { width:390px; overflow:hidden; float:left; } #userhome-page .homeupdateitem .msg h4 { background-color:#90A8A8; color:#FFFFFF; font-size:13px; padding:5px; margin-bottom:0; } #userhome-page .homeupdateitem .msg h4 a { color:#FFF; } #userhome-page .homeupdateitem .msg h4 a:hover { color:#09F; } #userhome-page .homeupdateitem .msg p { position:relative; overflow:hidden; } #userhome-page .homeupdateitem .msgsum, #userhome-page .homeupdateitem .msgfull { background-color:#FFF; padding:5px 10px; overflow:hidden; } #userhome-page .homeupdateitem .msgfull textarea { width:350px; display:block; } /* ----- HOME PAGE - FRIEND REQUEST SECTION ----- */ #userhome-page #inboxcontent #friendrequest .homeupdateitem { padding:5px; border-bottom:1px solid #CCC; } #userhome-page .homeupdateitem .friendreqinfo { overflow:hidden; } #userhome-page .homeupdateitem .friendreqinfo h2 { font-size:14px; margin-bottom:0; } #userhome-page .homeupdateitem .friendreqinfo h3 { margin-bottom:5px; overflow:hidden; white-space:nowrap; width:550px; } /* ----- HOME PAGE - NOTIFICATION SECTION ----- */ #userhome-page #notification .homeupdateitem { padding:5px; } #userhome-page #notification .homeupdateitem img { width:48px; height:48px; padding:3px; background-color:#FFF; border:1px solid #CCC; float:left; margin-right:5px; } #userhome-page .notificationinfo { overflow:hidden; padding-left:10px; } * html #userhome-page .notificationinfo { float:left; width:500px; } #userhome-page .notificationinfo p { padding-bottom:5px; overflow:hidden; } #userhome-page .notificationinfo span { background-color:#FFFF99; } /* ----- HOME PAGE - BIRTHDAY SECTION ----- */ #userhome-page #birthdays .homeupdateitem { padding:5px; } #userhome-page #birthdays .homeupdateitem p { overflow:hidden; } * html #userhome-page #birthdays .homeupdateitem p { width:590px; } /* ----- HOME PAGE - PROFILE VISIT SECTION ----- */ #userhome-page #viewrecentvisitorcontent .whoviewmyprofile { border-top:1px solid #999; padding-top:10px; } #userhome-page #viewrecentvisitorcontent .homeupdateitem { padding:5px; border-bottom:1px solid #CCC; } #userhome-page #viewrecentvisitorcontent .homeupdateitem h3 { font-size:14px; margin-bottom:0; } #userhome-page #viewrecentvisitorcontent .whoviewmyprofileinfo { width:250px; float:left; overflow:hidden; } #userhome-page #viewrecentvisitorcontent .whoviewmyprofilebutton { width:250px; float:right; overflow:hidden; } /* HOME PAGE - STICKY */ #userhome-page #sticky { position:relative; background-color:#FFF; padding:10px; margin:10px 0; border:2px solid #79CAEC; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; width:675px; } #userhome-page #sticky .deleteicon { position:absolutel; right:0; top:0; display:block; } #userhome-page #sticky .sticky-wrapper { overflow:hidden; width:640px; height:155px; margin:0 auto; position:relative; } #userhome-page #sticky .sticky-container { width:2700px; overflow:hidden; position:relative; } #userhome-page #sticky .sticky-content { overflow:hidden; float:left; width:640px; height:155px; padding:0 !important; } #userhome-page #sticky .sticky-nav { } #userhome-page #sticky #sticky-prev { background-image:url(/static/v2p/images/latestprev-16.jpg); left:5px; } #userhome-page #sticky #sticky-next { background-image:url(/static/v2p/images/latestnext-16.jpg); right:5px; } #userhome-page #sticky .sticky-nav a { width:16px; height:16px; display:block; background-position:left top; background-repeat:no-repeat; position:absolute; top:80px; } #userhome-page #sticky .sticky-nav a:hover { background-position:left -16px; } #userhome-page #sticky .sticky-nav a:active { background-position:left -32px; } /* HOME PAGE - WEBMASTERTALK STICKY */ #userhome-page #webmastertalk { overflow: auto; } #userhome-page #webmastertalk p { line-height: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { #userhome-page #webmastertalk p { line-height: normal; } } /* HOME PAGE - SUGGESTION */ #userhome-page #suggestions { display:block; padding:10px 15px; margin-bottom:10px; position:relative; overflow:hidden; background:#FFF url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left bottom; border:2px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; } #userhome-page #suggestions #hide-suggestion { position:absolute; top:5px; right:5px; width:16px; height:16px; overflow:hidden; text-indent:-9999px; display:block; background:transparent url(/static/v2p/images/button/delete16.png) no-repeat left top; } #userhome-page #suggestions .suggestinfo { float:left; width:320px; overflow:hidden; position:relative; clear:right; } #userhome-page #suggestions h4 { margin-bottom:0; } #userhome-page #suggestions p { padding:0; } #userhome-page #suggestions .suggestitem { float:left; width:300px; margin-right:20px; overflow:hidden; position:relative; } #userhome-page #suggestions .suggestitem p { position:relative; } #userhome-page .suggestitem .groupsuggestinfo, #userhome-page .suggestitem .friendsuggestinfo { float:left; } /* HOME PAGE - FLOATBOX */ #userhome-page #sendmessage .floatbox { width:500px; } #userhome-page #sendmessage textarea { width:320px; } #userhome-page #mms-floatbox .floatbox { text-align:left !important; width:400px; } /* PROFLIE PAGE */ #profile-page #username-status { overflow:hidden; padding-top:5px; border-bottom:1px solid #CCC; margin-bottom:10px; } * html #profile-page #username-status { width:525px; } #profile-page #username-status .user-displayname { font-size:18px; margin-right:10px; color:#444; } #profile-page #username-status span { font-size:14px; } #profile-page #editmystatus-inplaceeditor { margin:10px 0 0; } #profile-page #editmystatus-inplaceeditor input { width:400px; } #profile-page #userdetail { width:210px; margin-right:10px; margin-bottom:10px; float:left; overflow:hidden; } #profile-page.group-profile #userdetail { width:600px; padding:0 0 20px 0; margin-right:0; } #profile-page #userdetail ul { list-style:none; } #profile-page #aboutme { float:left; width:300px; margin-bottom:10px; overflow:hidden; } #profile-page #aboutme h4 { margin-bottom:3px; font-size:13px; } #profile-page #aboutme p { font-size:11px; line-height:1.35em; padding-bottom:5px; } #profile-page #mapbox { border:1px solid #CCC; height:300px; overflow:hidden; background:#EEE url(/static/v2p/images/ajax-loader.gif) no-repeat scroll center center; } #profile-page #mapbox .smallmarker { position:relative; width:76px; height:52px; background:transparent url(/static/v2p/images/small_marker.png) no-repeat left top; } * html #profile-page #mapbox .smallmarker { background-image: url(/static/v2p/images/small_marker.gif); } #profile-page #mapbox .smallmarker img { position:absolute; top:4px; left:5px; width:37px; height:28px; } #profile-page #latestblog li { list-style:disc outside; margin-left:15px; } #profile-page #grouplist a img { background-color:#FFF; border:1px solid #CCCCCC; display:inline; float:left; width:30px; height:30px; margin:2px; padding:2px; } #profile-page #grouplist a img:hover { background-color:#09F; } * html #grouplist a img { position:relative; } /* PROFLIE PAGE - FLOATBOX */ #profile-page #profileedit .floatbox { width:500px; } *:first-child+html #profile-page #profileedit .avatar50 { float:left; } * html #profile-page #profileedit .avatar50 { float:left; } #profile-page #avatar-upload { margin-bottom:10px; } #profile-page #avatar_file_result2 { width:300px; padding:5px; background-color:#FFF; font-size:12px; position:relative; left:150px; } #profile-page #popupDateField img { vertical-align:text-top; } #profile-page #calendarview { padding-left:150px; } /* ----- Calendar View ----- */ div.calendar { font-size: smaller; color: #000; margin:10px 0; } div.calendar.popup { margin-left: 0px; margin-top: 0px; } div.calendar table { background-color: #eee; border: 1px solid #aaa; border-collapse: collapse; table-layout: fixed; } div.calendar thead { background-color: white; } div.calendar td, div.calendar th { padding: 3px; text-align: center; } div.calendar td.title { font-weight: bold; } div.calendar th { background: #ddd; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: bold; color: #555; } div.calendar tr.days td { width: 2em; color: #555; text-align: center; cursor: pointer; } div.calendar tr.days td:hover, div.calendar td.cbutton:hover { background-color: #34ABFA; cursor: pointer; } div.calendar tr.days td:active div.calendar td.cbutton:active { background-color: #cde; } div.calendar tr.days td.selected { font-weight: bold; background-color: #fff; color: #000; } div.calendar tr.days td.today { font-weight: bold; color: #D50000; } div.calendar tr.days td.otherDay { color: #bbb; } /* ----- Calendar View ----- */ #profile-page #addlocationmenu { margin-left:150px; margin-top:10px; } #profile-page #mapedit { position:relative; left:150px; width:300px; height:200px; border:1px solid #CCC; } #profile-page #hint { margin-bottom:20px; } #profile-page #interestedit textarea { width:410px; margin-bottom:10px; } #profile-page #sendmessage textarea, #profile-page #sendmessage input { width:425px; } #profile-page #sendsms .floatbox { width:350px; } #profile-page #sendsms label { width:100px; } #profile-page #sendsms textarea { width:220px; } #profile-page #viewphotosetavatar .floatbox { width:620px; } #profile-page #viewphotosetavatar .photo-item { float:left; border:1px solid #FFF; display:block; width:100px; height:100px; background-color:#111; } #profile-page #viewphotosetavatar .photo-item:hover { border:1px solid #09F; } /* FRIEND PAGE */ #friends-page #latestfriend .innerbody { position:relative; } * html #friends-page #latestfriend .innerbody { zoom:1; } #friends-page #latestfriend #loading { position:absolute; top:10px; right:10px; } #friends-page #friendsmenu { margin-bottom:10px; } #friends-page .friendupdateitem { display:block; float:left; height:100px; width:150px; padding:5px; margin:3px; border:1px solid #CCC; background: transparent url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left -45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } * html #friends-page .friendupdateitem { height:105px; margin:2px; } #friends-page .friendupdateitem .frienditem-menu { overflow:hidden; } #friends-page .friendupdateitem .frienditem-menu a { display:inline; float:left; width:16px; height:16px; margin:3px; } #friends-page .friendupdateitem h4 { margin-bottom:5px; } #friends-page .friendupdateitem .friendstatus { display:block; width:100%; overflow:hidden; white-space:nowrap; padding:0; } .frienditem-menu .settopfriend { background:transparent url(/static/v2p/png/normal/16/star_16_dis.png) no-repeat left top; } .frienditem-menu .rmtopfriend { background:transparent url(/static/v2p/png/normal/16/star_16.png) no-repeat left top; } * html .frienditem-menu a { behavior:url(/static/v2p/images/iepngfix.htc); } /* FRIEND PAGE - FLOATBOX */ #friends-page #invitefriend .floatbox { width:380px; } #friends-page #invitefriend input { width:200px; } #friends-page #sendmessage .floatbox, #friends-page #sendcomment .floatbox { width:500px; } #friends-page #sendmessage textarea, #friends-page #sendcomment textarea { width:330px; } * html #friends-page #sendmessage textarea, #friends-page #sendcomment textarea { width:320px; } #friends-page #importcontact .floatbox { width:535px; } * html #friends-page #importcontact .floatbox { width:545px; } #friends-page #contactlist .friendupdateitem { margin:5px; position:relative; } #friends-page #contactlist .friendupdateitem p { padding:0 0 10px; } #friends-page #contactlist .friendupdateitem img { width:48px; height:48px; margin-bottom:5px; display:block; } * html #friends-page #contactlist .friendupdateitem img { behavior:url(/static/v2p/images/iepngfix.htc); width:48px; height:48px; } #friends-page #contactlist .friendupdateitem .email-address { display:block; font-size:11px; overflow:hidden; width:145px; } /* friend photo will be class 'thumbnail' and 'pushbottom10' */ #friends-page #friendsearch .floatbox { width:550px; } #friends-page #friendsearch input#keyword { width:350px; } #friends-page #friendsearch #friendsearchresult { margin-top:10px; } #friends-page #friendsearch .searchitem { border-top:1px dashed #CCC; padding:5px; position:relative; } #friends-page #friendsearch .searchitem:hover { background-color:#EDF0F7; } #friends-page .searchitem .searchiteminfo { float:left; overflow:hidden; } #friends-page #sendinvitesms .floatbox { width:385px; } #friends-page #sendinvitesms #phonenumber-list { padding:10px; margin-bottom:10px; border:1px solid #DADEE5; background-color:#EDF0F7; -moz-border-radius:5px; -webkit-border-radius:5px; } #friends-page #sendinvitesms #phonenumber-list p { padding-bottom:5px; } #friends-page #sendinvitesms #phonenumber-list input { width:200px; border:1px solid #DADEE5; } #friends-page #sendinvitesms #phonenumber-list input.format-ok { background:#FFF url(/static/v2p/images/checkmark16.png) no-repeat 185px center; border:1px solid #DADEE5; } #friends-page #sendinvitesms #phonenumber-list input.format-error { background:#FFF url(/static/v2p/images/xmark16.png) no-repeat 185px center; border:1px solid #DADEE5; } /* LATEST PHOTO, LATEST VIDEO PAGE */ #latestphoto-page #latestupdate .updateitem { position:relative; } * html #latestphoto-page #latestupdate .updateitem { width:205px; } #latestphoto-page #latestupdate .privacy_status { display:inline; float:left; position:absolute; top:25px; left:25px; width:16px; height:16px; z-index:5; } * html #latestphoto-page #latestupdate .privacy_status { behavior:url(/static/v2p/images/iepngfix.htc); } /* PHOTO, VIDEO LATEST PAGE -- SIDEBAR */ #archive .parent li a { font-weight:bold; } #archive .child { margin:5px 0 5px 15px; } #archive .child li a { font-weight:normal; } #archive .expand { padding-left:15px; background:transparent url(/static/v2p/images/small-arrow-down.gif) no-repeat left 4px; } #archive .collapse { padding-left:15px; background:transparent url(/static/v2p/images/small-arrow.gif) no-repeat left 3px; } /* PHOTO ALBUM, VIDEO CATEGORY PAGE */ #photoalbum-page #photoalbums .updateitem, #videocategory-page #videocategories .updateitem, #latestphoto-page #updatealbum .updateitem { background:transparent url(/static/v2p/images/updateitem_album.png) no-repeat left top; } * html #photoalbum-page #photoalbums .updateitem, * html #videocategory-page #videocategories .updateitem, * html #latestphoto-page #updatealbum .updateitem { background-image:url(/static/v2p/images/updateitem_album.gif); } #photoalbum-page #photoalbums .updateitem .privacy_status, #videocategory-page #videocategories .updateitem .privacy_status, #latestphoto-page #updatealbum .updateitem .privacy_status { bottom:25px; } /*#photoalbum-page #photoalbums .updateitem .privacy_setting, #videocategory-page #videocategories .updateitem .privacy_setting { bottom:40px; }*/ #createalbummenu, #categorymenu { margin-top:5px; } .createform { position:relative; margin:10px 0; padding:15px; background-color:#F2F4F8; border:1px solid #CCC; width:300px; -moz-border-radius:5px; -webkit-border-radius:5px; } .createform label { float:left; font-weight:bold; width:140px; } #updatealbum .totalitemwrapper { margin:0; } #updatealbum .totalitem { padding:0; } /* PHOTO ALBUM, VIDEO CATEGORY PAGE - FLOATBOX */ #photoalbum-page #photoalbumsetting .floatbox, #videocategory-page #photoalbumsetting .floatbox, #setphotoprivacy .floatbox, #photos-page #editphoto .floatbox, #photos-page #editvideo .floatbox { width:350px; } #photos-page #albumesetting-menu-main { padding:5px 10px; margin-bottom:10px; background-color:#DDD; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; } #photos-page #albumesetting-menu-main p { padding:0; overflow:hidden; text-align:center; } #photos-page #albumesetting-menu-main span { margin-right:20px; } #photos-page #allpicinalbum { margin-bottom:10px; overflow:hidden; } #photos-page #allpicinalbum .noitemselected, #photos-page #allpicinalbum .itemselected { width:100px; height:100px; display:inline; float:left; margin:3px; background-color:#333; cursor:pointer; } #photos-page #allpicinalbum .noitemselected { border:3px solid #FFF; } #photos-page #allpicinalbum .itemselected { border:3px solid #09F; opacity:.5; } #photos-page #actionmsg { font-size:13px; background-color:#FF9; color:#660; padding:6px 10px; text-align:center; font-weight:bold; margin-bottom:14px; } #photos-page #actionmsg.errortext {} #photos-page #album-info { margin-bottom:10px; } #photos-page #album-info p { padding-bottom:0; font-size:11px; line-height:1.4; } #photos-page #album-info strong { font-size:13px; } #photos-page #albumsetting-menu-1 { padding-top:5px; border-top:1px solid #CCC; margin-bottom:5px; } #photos-page #albumsetting-menu-2 { padding-top:5px; border-top:1px solid #CCC; } #photos-page #albumsetting ul li { list-style:disc inside; } #photos-page #albumsetting #privacysetting, #photos-page #albumsetting #createalbum { padding:10px; margin:5px 0; background-color:#F2F4F8; border:1px solid #DADEE5; -moz-border-radius:5px; -webkit-border-radius:5px; } #photos-page #albumsetting h3 { display:none; } #photos-page #albumsetting h4 { font-size:13px; margin-bottom:5px; color:#666; } #photos-page #albumsetting input { width:175px; } #photos-page #albumsetting select { width:180px; } /* ----- Coverlist ----- */ #photo-coverlist .floatbox, #video-coverlist .floatbox { width:680px; } #coverlist { margin:10px 0; } #coverlist-item { width:510px; display:block; float:left; } #coverlist-item .cover-thumbnail { display:block; float:left; border:1px solid #FFF; background-color:#111; } #coverlist-item .cover-thumbnail:hover { border:1px solid #09F; } #coverlist-item .cover-thumbnail:active { border:1px solid #333; } #coverlist-item img { width:100px; height:75px; display:block; } #cover-preview { width:150px; float:right; } #cover-preview img { border:1px solid #CCC; background-color:#FFF; padding:4px; display:block; margin-bottom:10px; } /* PHOTOVIEW, VIDEOVIEW */ #itemview-page .adsbox { display:none; } #itemview-page #viewitem .innerbody { overflow:inherit; } #itemview-page .itemcontainer .loading { top: 10px; right: 10px; float: right; } #itemview-page .itemcontainer #sendimproper { float:right; position:relative; display:block; overflow:hidden; text-indent:-9999px; width:32px; height:32px; background:url(/static/v2p/png/normal/32/close_2_32.png) no-repeat center top;} #itemview-page .itemcontainer #deleteimg { float:right; position:relative; display:block; width:32px; height:32px; background:url(/static/v2p/images/button/delete.png) no-repeat center center; } #itemview-page .itemcontainer #rotate90 { background:url(/static/v2p/images/rotate270.png) no-repeat center top; display:block; height:32px; width:32px; overflow:hidden; float:right; position:relative; } #itemview-page .itemcontainer #rotate90:active { background-image:url(/static/v2p/images/rotate270_active.png); } #itemview-page .itemcontainer #rotate270 { background:url(/static/v2p/images/rotate90.png) no-repeat center top; display:block; height:32px; width:32px; overflow:hidden; float:right; position:relative; } #itemview-page .itemcontainer #rotate270:active { background-image:url(/static/v2p/images/rotate90_active.png); } #itemview-page .itemcontainer #setavatarbutton { background:url(/static/v2p/images/avatar.gif) no-repeat center top; display:block; height:32px; width:32px; overflow:hidden; float:right; position:relative; text-indent:-9999px; } #itemview-page .itemcontainer #star { background:url(/static/v2p/png/normal/32/star_32_dis.png) no-repeat center top; display:block; height:32px; width:32px; overflow:hidden; float:right; position:relative; text-indent:-9999px; } #itemview-page .itemcontainer #stared { background:url(/static/v2p/png/normal/32/star_32.png) no-repeat center top; display:block; height:32px; width:32px; overflow:hidden; float:right; position:relative; text-indent:-9999px; } #itemview-page .itemcontainer { padding:0 10px 10px; position:relative; } * html #itemview-page .itemcontainer { width:650px; } #itemview-page .itemwrapper { width:650px; margin:10px auto; position:relative; } #itemview-page .itemwrapper_top { height:12px; background:url(/static/v2p/images/imgframe_top.png) no-repeat center bottom; } #itemview-page .itemwrapper_body { background:url(/static/v2p/images/imgframe_body.png) repeat-y center top; } #itemview-page .itemwrapper_body .item-status { text-align:center; font-size:15px; font-weight:bold; padding-top:10px; } #itemview-page .itemwrapper_body #itemtitle { width:500px; text-align:center; margin:0 auto 10px; } #itemview-page .itemwrapper_body #itemtitle h2 { margin:0; } #itemview-page .itemwrapper_body #itemtitle h2 .inplaceeditor-form { text-align:center; font-size:13px; font-weight:normal; } #itemview-page .itemwrapper_body #itemtitle h2 .editor_field { width:100%; text-align:center; margin-bottom:5px; font-size:18px; font-weight:bold; } #itemview-page .itemwrapper_body #next, #itemview-page .itemwrapper_body #previous { position:relative; width:40px; height:26px; display:block; overflow:hidden; } #itemview-page .itemwrapper_body #next:hover, #itemview-page .itemwrapper_body #previous:hover { background-position:left -26px; } #itemview-page .itemwrapper_body #next:active, #itemview-page .itemwrapper_body #previous:active { background-position:left -52px; } #itemview-page .itemwrapper_body #next { right:20px; background:url(/static/v2p/images/next.png) no-repeat left top; float:right; } #itemview-page .itemwrapper_body #previous { left:20px; background:url(/static/v2p/images/previous.png) no-repeat left top; float:left; } #itemview-page .itemwrapper_body img, #itemview-page .itemwrapper_body embed, #itemview-page #imageview { display:block; margin:0 auto; max-width: 610px; } #itemview-page .itemwrapper_body video { display:block; margin:0 auto; } #itemview-page .itemwrapper_bottom { height:15px; background:url(/static/v2p/images/imgframe_bottom.png) no-repeat center top; } * html #itemview-page .itemwrapper { border:1px solid #CCC; width:630px; background-color:#FFF; } * html #itemview-page .itemwrapper_top { background-image:none; } * html #itemview-page .itemwrapper_body { background-image:none; } * html #itemview-page .itemwrapper_bottom { background-image:none; } * html #itemview-page .itemcontainer #sendimproper, * html #itemview-page #deleteimg, * html #itemview-page #rotate90, * html #itemview-page #rotate270, * html #itemview-page #setavatarbutton, * html #itemview-page #star, * html #itemview-page #stared, * html #itemview-page #next, * html #itemview-page #previous { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } #itemview-page #info { float:left; width:300px; position:relative; left:10px; } #itemview-page #info .avatar { position:relative; display:block; } #itemview-page #info p { padding-bottom:5px; } #itemview-page #info #Description-inplaceeditor { margin-bottom:10px; } #itemview-page #info #edittags { margin-bottom:10px; } #itemview-page #info .tag-edit { position:relative; } #itemview-page #info .tag-edit table { position:absolute; top:40px; } #itemview-page #info .tag-edit table #smartInputFloaterContent { width:150px; } #itemview-page #info .private-item span { padding-left:20px; background:#FFF url(/static/v2p/png/normal/16/lock_16.png) no-repeat left top; } #itemview-page #info .friend-item span { padding-left:20px; background:#FFF url(/static/v2p/png/normal/16/user_16.png) no-repeat left top; } #itemview-page #info .topfriend-item span { padding-left:20px; background:#FFF url(/static/v2p/png/normal/16/star_16.png) no-repeat left top; } #itemview-page #info .public-item span { padding-left:20px; background:#FFF url(/static/v2p/png/normal/16/group_16.png) no-repeat left top; } #itemview-page #info .improper-item span { padding-left:20px; background:#FFF url(/static/v2p/png/normal/16/lock_16_dis.png) no-repeat left top; font-weight:bold; color:#F00; } #itemview-page #info #hprivacy strong { float:left; margin-right:10px; } #itemview-page #info #privacy-inplaceeditor select { margin-right:10px; } #itemview-page .sidebar-ads { display: block; width: 228px; margin: 10px auto; } #itemview-page #zEyiSGiAAEGEQ4xPGyaZ { height: 190px; } /* Facebook Link Button */ #itemview-page .facebook_like_button { width: 350px !important; position: relative; top: 5px; left: 10px; } /* Photoview, Videoview Group Section */ #itemview-page #grouplist { margin:10px 0; padding:10px; background-color:#F2F4F8; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; } #itemview-page #grouplistitem { background-color:#F3F5F8; margin-bottom:10px; border:1px solid #CCC; max-height:170px; overflow:auto; } *:first-child+html #itemview-page #grouplistitem { height:170px; overflow:auto; position:relative; } * html #itemview-page #grouplistitem { height:170px; overflow:auto; position:relative; } #itemview-page #grouplistitem li { background:url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left center; display:block; position:relative; color:#444; padding:3px; margin-bottom:1px; } #itemview-page #grouplistitem li:hover { background-color:#09F; color:#FFF; background-image:none; cursor:pointer; } #itemview-page #grouplistitem li input { position:absolute; right:10px; top:15px; } * html #itemview-page #grouplistitem li { overflow:hidden; height:35px; } * html #itemview-page #grouplistitem li img { float:left; margin-right:5px; } * html #itemview-page #grouplistitem li span { float:left; position:relative; top:10px; } * html #itemview-page #grouplistitem li input { right:25px; top:10px; } /* Relate Photo and Video */ #relatephoto { padding: 10px; margin: 10px 0 0; background-color: #f2f4f8; border: 1px solid #cfd6e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #relatephoto h3 { font-size: 14px; border-bottom: 1px dashed #cfd6e5; padding: 0 0 10px 20px; background: transparent url(/static/v2p/png/normal/16/photo_camera_16.png) no-repeat left top; } #relatephoto a { margin: 0 0 0 5px; } #relatephoto a img { border: 1px solid #ccc; padding: 3px; background-color: #fff; } #relatephoto a:hover img { background-color: #09f; } #relatephoto a:first-child { margin: 0 0 0 2px; } /* Social Network Share */ #itemview-page #sharebox h2 { font-size: 13px; color: #555; } #itemview-page #quickpost { overflow: hidden; } #itemview-page #quickpost a { float: left; margin: 1px 1px 3px; } #itemview-page #quickpost a img { border: none; } * html #itemview-page #quickpost a img { behavior: none; } #itemview-page #socialloginform { position: relative; padding: 5px; background-color: #f2f4f8; border: 1px solid #cfd6e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } * html #itemview-page #socialloginform { width: 205px; } #itemview-page #socialloginform .deleteicon { position: absolute; top: 0; right: 0; display: block; } #itemview-page #socialloginform h2 { background-position: left top; background-repeat: no-repeat; height: 32px; line-height: 32px; font-size: 18px; text-transform: capitalize; color: #444; text-shadow: 0 1px 0 #fff; padding: 0 0 5px 40px; border-bottom: 1px solid #ccc; } #itemview-page #socialloginform p { overflow: hidden; padding-bottom: 10px; } #itemview-page #socialloginform h2#loginhi5 { background-image: url(/static/v2p/images/button/hi5_32.png); } #itemview-page #socialloginform h2#loginmultiply { background-image: url(/static/v2p/images/button/multiply_32.png); } #itemview-page #socialloginform h2#loginfacebook { background-image: url(/static/v2p/images/button/facebook_32.png); } #itemview-page #socialloginform h2#loginfriendster { background-image: url(/static/v2p/images/button/friendster_32.png); } #itemview-page #socialloginform h2#loginpicasa { background-image: url(/static/v2p/images/button/picasa_32.png); } #itemview-page #socialloginform h2#loginyoutube { background-image: url(/static/v2p/images/button/youtube_32.png); } #itemview-page #socialloginform h2#logintwitter { background-image: url(/static/v2p/images/button/twitter_32.png); } #itemview-page #socialloginform h2#loginemail { background-image: url(/static/v2p/images/button/email_32.png); } #itemview-page #socialloginform h2#loginflickr { background-image: url(/static/v2p/images/button/flickr_32.png); } #itemview-page #socialloginform h2#embedurl { background-image: url(/static/v2p/images/button/embed_32.png); } #itemview-page #socialloginform h2#pgembed-map { background-image: url(/static/v2p/images/button/embed-map_32.png); } #itemview-page #socialloginform label { font-weight: bold; float: left; width: 100px; font-size: 11px; line-height: normal; text-transform: capitalize; position: relative; top: 4px; } #itemview-page #socialloginform input, #itemview-page #socialloginform select { width: 140px; } #itemview-page #socialloginform #inputembed { width: 275px; } #itemview-page #socialloginform #refreshAlbumBtn { display: inline; float: none; } #itemview-page #socialloginform #refreshAlbumBtn img { border: none; width: 16px; height: 16px; display: inline; } #itemview-page #socialloginform #embedcustomize { font-size: 13px; display: block; margin-bottom: 5px; float: none; } #itemview-page #socialloginform #customembed_container { margin-bottom: 10px; background-color: #fff; border: 1px solid #DDE; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } * html #itemview-page #socialloginform #customembed_container { height: 130px; } #itemview-page #socialloginform #customembed_container p { font-size: 11px; line-height: 1.3; overflow: hidden; } #itemview-page #socialloginform #customembed_container label { width: 80px; float: left; position: relative; top: 3px; } #itemview-page #socialloginform #customembed_container input { width: 170px; } #itemview-page #socialloginform #pgembed_container textarea { width: 280px; } /* Photoview, Videoview Map Section */ #itemview-page #map_section { float:right; width:300px; position:relative; right:10px; } #itemview-page #map_section h2 { background:url(/static/v2p/png/normal/24/world_24.png) no-repeat left top; padding-left:30px; padding-bottom:5px; padding-top:3px; font-size:16px; } * html #itemview-page #map_section h2 { behavior:url(/static/v2p/images/iepngfix.htc); width:250px; } #itemview-page #map { height:200px; border:1px solid #999; overflow:hidden; margin:10px 0; } #itemview-page #map_section .button { float:left; margin-right:5px; } /* PHOTOVIEW, VIDEOVIEW -- SIDEBAR */ #itemview-page #sidebar #itemlist45 a img { display:inline; float:left; margin:2px; padding:2px; background-color:#FFF; border:1px solid #CCC; width:30px; height:30px; } #itemview-page #sidebar #itemlist45 a img:hover { background-color:#09F; } #itemview-page #sidebar #itemlist45 a img.currentview { background-color:#FFB56A; border:1px solid #EEA459; } * html #itemview-page #sidebar #itemlist45 a img { position:relative; } /* SHOP SEARCH */ #shopedit { position:absolute; top:2px; left:200px; z-index:10; } #shopedit input { padding:5px 30px 5px 5px; border:1px solid #CCC; background-color:#FFF; background-position:98% center; background-repeat:no-repeat; } #shopedit input.success { background-image:url(/static/v2p/images/checkmark16.png); } #shopedit input.waiting { background-image:url(/static/v2p/images/ajax-loader-small.gif); } #shopedit input.failure { background-image:url(/static/v2p/images/xmark16.png); } #shopedit #searchshopresult { background-color:#FFF; border:1px solid #CCC; } #shopedit #searchshopresult li { padding:2px; } #shopedit #searchshopresult li.shopselect { background-color:#09F; color:#FFF; cursor:pointer; } #shopedit #searchshopresult li.shopselect strong { color:#FFF; } #shopedit #searchshopresult:empty { display:none; } /* PHOTOVIEW, VIDEOVIEW -- FLOATBOX */ /* PHOTOVIEW, VIDEOVIEW GOOGLE MAP EMBEDDED CODE FLOATBOX */ #itemview-page #iteminmap-embed .floatbox { width:300px; } #itemview-page #iteminmap-embed #customembed_container { margin-bottom:10px; background-color:#EDF0F7; border:1px solid #DADEE5; padding:8px; -moz-border-radius:5px; -webkit-border-radius:5px; } #itemview-page #iteminmap-embed #customembed_container label { width:100px; position:relative; top:3px; } #itemview-page #iteminmap-embed #embedcustomize { font-size:13px; display:block; margin-bottom:5px; } #itemview-page #iteminmap-embed textarea { width:290px; } /* BLOG SECTION */ #blog-page #blogswrapper .top { background:url(/static/v2p/images/blog_header.png) no-repeat left top; height:10px; margin-top:5px; } * html #blog-page #blogswrapper .top { background:url(/static/v2p/images/blog_header.gif) no-repeat left bottom; margin-top:0; } #blog-page #blogswrapper .top h2 { display:none; padding:0; margin:0; height:0; } * html #blog-page #blogswrapper .body { overflow:hidden; padding-bottom:10px; } #blog-page #blogswrapper .innerbody { padding:0; background-image:none; overflow:hidden; } #blog-page #blogheader { padding:10px; position:relative; } #blog-page #blogheader #blogpic { margin-bottom:5px; overflow:hidden; text-align:center; max-height:200px; } * html #blog-page #blogheader #blogpic { height: expression(this.scrollHeight > 199 ? "200px" : "auto"); /* IE */ } #blog-page #blogheader ul { text-align:right; } #blog-page #blogheader ul li { display:inline; margin-left:5px; } #blog-page #blogheader ul li img { vertical-align:text-top; } #blog-page #blogheader h1 { font-size:22px; color:#FFF; padding:10px; position:absolute; margin:0; } #blog-page #blogs, #blog-page #blogview { border-top:1px solid #CCC; overflow:hidden; } #blog-page #blogs .blog-status, #blog-page #blogview .blog-status { padding:10px; } #blog-page #blogs .blogitem { border-bottom:1px solid #CCC; padding-bottom:25px; } #blog-page .blogtitleinfo { position:relative; padding:10px; background-color:#F2F4F8; border-bottom:1px dashed #CCC; } #blog-page .blogtitleinfo h2 { margin:0; padding-bottom:10px; border-bottom:1px solid #CCC; font-weight:bold; font-size:24px; overflow:hidden; } * html #blog-page .blogtitleinfo h2 { width:675px; } #blog-page .blogtitleinfo h2 a { color:#333; } #blog-page .blogtitleinfo h2 a:hover { color:#0CF; } #blog-page .blogtitleinfo h2 .blog-title { float:left; width:630px; } #blog-page .blogtitleinfo .editpost { display:inline; float:right; right:10px; top:10px; width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/png/normal/24/pen_24.png) no-repeat left top; } * html #blog-page .blogtitleinfo .editpost { behavior:url(/static/v2p/images/iepngfix.htc); } #blog-page .blogtitleinfo .share-twitter { float:right; } #blog-page #grouplist { margin:10px 0; padding:10px; background-color:#F2F4F8; border:1px solid #CCC; width:270px; -moz-border-radius:5px; -webkit-border-radius:5px; } #blog-page #grouplistitem { background-color:#F3F5F8; margin-bottom:10px; border:1px solid #CCC; max-height:170px; overflow:auto; } *:first-child+html #blog-page #grouplistitem, * html #blog-page #grouplistitem { height:170px; overflow:auto; position:relative; } #blog-page #grouplistitem li { background:url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left center; display:block; position:relative; color:#444; padding:3px; margin-bottom:1px; } #blog-page #grouplistitem li:hover { background-color:#09F; color:#FFF; background-image:none; cursor:pointer; } #blog-page #grouplistitem li input { position:absolute; right:10px; top:15px; } * html #blog-page #grouplistitem li { overflow:hidden; height:35px; } * html #blog-page #grouplistitem li img { float:left; margin-right:5px; } * html #blog-page #grouplistitem li span { float:left; position:relative; top:10px; } * html #blog-page #grouplistitem li input { right:25px; top:10px; } #blog-page .blogitemcontent { padding:20px; } * html #blog-page .blogitemcontent { width:650px; margin:0 auto; } #blog-page .blogitemcontent ul, #blog-page .blogitemcontent ol { padding:0 0 10px 30px; } #blog-page .blogitemcontent ul li { list-style:disc outside; } #blog-page .blogitemcontent ol li { list-style:decimal outside; } #blog-page .blogitemcontent img { max-width:650px; } * html #blog-page .blogitemcontent img { width: expression( this.width > 650 ? 650 : true ); } #blog-page .post-meta { font-size:12px; line-height:normal; padding:10px; color:#999; } #blog-page .post-meta p { padding: 0 0 5px; } #blog-page .post-meta strong { color:#999; } #blog-page .blogtitleinfo .post-meta { padding:10px 0 0; } #blog-page .blogtitleinfo .post-meta p { padding-bottom:5px; } #blog-page .page-nav { padding:10px; overflow:hidden; } *:first-child+html #blog-page .page-nav { position:relative; } #blog-page #blog-status { padding:10px; margin:0; } /* Relate Blog */ #relateblog { padding: 10px; margin: 0 0 10px; background-color: #f2f4f8; border: 1px solid #cfd6e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #relateblog h3 { font-size: 14px; border-bottom: 1px dashed #cfd6e5; padding: 0 0 10px 20px; background: transparent url(/static/v2p/png/normal/16/write_16.png) no-repeat left top; } #relateblog ul { padding: 0 0 0 20px !important; } #relateblog li { padding-bottom: 5px; } #blog-page #prevBlog, #blog-page #nextBlog { display:block; height:26px; overflow:hidden; text-indent:-9999px; width:40px; background-repeat:no-repeat; background-position:left top; } #blog-page #prevBlog { background-image:url(/static/v2p/images/next.png); float:right; } #blog-page #nextBlog { background-image:url(/static/v2p/images/previous.png); float:left; } * html #blog-page #prevBlog, * html #blog-page #nextBlog { behavior:url(/static/v2p/images/iepngfix.htc); cursor:pointer; } #blog-page #latestblog li, #blog-page #popularblog li, #blog-page #latestblogcomment li, #blog-page #blogarchive li, #blog-page #categoryblogpost li, #blog-page #recommendblogpost li, #blog-page #favouritesblogpost li, #blog-page #linkblogpost li { list-style:disc outside; margin-left:15px; } #blog-page .facebook_like_button { } #blogview .facebook_like_button { margin: 10px 0; } /* BLOG ARCHIVE */ #archive-blog { padding:10px; border-top:1px solid #CCC; } #archive-blog #archive-blog-list { margin-left:20px; } #archive-blog .blogitem { list-style:disc outside; } #archive-blog .blogitem h3, #archive-blog .blogitem p { display:inline; } #archive-blog .blogitem h3 { font-size:13px; margin:0 5px 0 0; } #archive-blog .blogitem p { font-size:11px; color:#999; padding:0; } #archive-blog-more-wrapper { text-align:right; } #archive-blog #archive-blog-more-bt { font-size:13px; font-weight:bold; background:transparent url(/static/v2p/images/small-arrow-down.gif) no-repeat scroll left 4px; padding-left:12px; } /* BLOG LAB */ #blog-page #latest-popular-blog #latestblog-column, #blog-page #latest-popular-blog #popularblog-column { width:330px; background-color:#FFF; border:1px solid #DADEE5; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #blog-page #latest-popular-blog #latestblog-column, * html #blog-page #latest-popular-blog #popularblog-column { position:relative; } #blog-page #latest-popular-blog #latestblog-column { float:left; } #blog-page #latest-popular-blog #popularblog-column { float:right; } #blog-page #latest-popular-blog h2 { padding:10px; margin-bottom:0; font-size:16px; border-bottom:1px solid #DADEE5; } #blog-page #latest-popular-blog .blogitem { position:relative; height:75px; padding:5px; border-bottom:1px solid #DADEE5; background-color:#F2F4F8; } * html #blog-page #latest-popular-blog .blogitem { background-color:#F8F8F8; } #blog-page #latest-popular-blog .blogitem:hover { background-color:#FFF; } #blog-page #latest-popular-blog h3 { font-size:13px; margin-bottom:0; } #blog-page #latest-popular-blog .blogitem-content { padding-bottom:0; font-size:11px; line-height:15px; } #blog-page #latest-popular-blog .post-meta { font-size:11px; background-color:#F2F4F8; display:none; } #blog-page #latest-popular-blog .blogitem-comment { position:absolute; top:2px; right:5px; font-weight:bold; color:#333; background:transparent url(/static/v2p/png/normal/32/text_bubble_32_edited.png) no-repeat left top; display:block; width:32px; height:32px; text-align:center; font-size:10px; line-height:26px; } #blog-page #latest-popular-blog .more-blog { text-align:right; padding:5px 10px; } #blog-page #latest-popular-blog-page h2 { padding:5px 10px 10px; margin-bottom:0; border-bottom:1px solid #DADEE5; } #blog-page #latest-popular-blog-page .blogitem { position:relative; padding:10px; border-bottom:1px solid #DADEE5; background-color:#F2F4F8; overflow:hidden; } * html #blog-page #latest-popular-blog-page .blogitem { background-color:#F8F8F8; } #blog-page #latest-popular-blog-page .blogitem .container { float:left; overflow:hidden; position:relative; width:600px; } #blog-page #latest-popular-blog-page .blogitem:hover { background-color:#FFF; } #blog-page #latest-popular-blog-page .blogitem h3 { margin-bottom:0; overflow:hidden; } #blog-page #latest-popular-blog-page .blogitem p { padding:0 0 5px; overflow:hidden; color:#999; } #blog-page #latest-popular-blog-page .blogitem .blogitem-content { color:#444; overflow:hidden; padding-bottom:10px; } #blog-page #latest-popular-blog-page .blogitem .post-meta { padding:0; overflow:hidden; } #blog-page #latest-popular-blog-page .blogitem .blogitem-comment { position:absolute; top:2px; right:5px; font-weight:bold; color:#333; background:transparent url(/static/v2p/png/normal/32/text_bubble_32_edited.png) no-repeat left top; display:block; width:32px; height:32px; text-align:center; font-size:10px; line-height:26px; } * html #blog-page #latest-popular-blog-page .blogitem .blogitem-comment { right:10px; } #blog-page #latest-popular-blog-page .totalitemwrapper { margin:10px 15px 0; } /* BLOG SECTION -- BLOG EDITOR */ #blog-page #editor-header { padding:10px; } #blog-page #editor-header h1 { position:relative; } #blog-page #editor { padding:10px; border-top:1px solid #CCC; } #blog-page #editor form p { clear:both; } #blog-page #editor label { display: block; font-weight: bold; margin-bottom: 5px; } #blog-page #editor textarea { width:665px; } #blog-page #editor .mceLayout { width:100%; } #blogtitle { margin-bottom: 20px; } #blogtitle input { width: 80%; padding: 5px; font-size: 18px; border: 1px solid #ccc; } /* BLOG SECTION -- BLOG EDITOR -- SIDEBAR */ #blogtags p { padding: 0 0 5px; } #blogtags input { border: 1px solid #ccc; padding: 5px; width: 190px; } #blogtags .notice { font-size: 11px; } #blogcats p > a { font-weight: bold; } #categorylist { padding: 5px 10px; margin-bottom: 10px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; } #categorylist li { padding: 3px 0; } #categorylist li:hover { color: #0CF; } #categorylist label { cursor: pointer; display: block; } #categorylist:empty { display: none; padding: 0; border: none; } #newcategorybox { padding: 10px 0 0; border-top: 1px dashed #ccc; } #newcategorybox p { overflow: hidden; } #newcategorybox label { display: block; font-weight: bold; margin-bottom: 5px; } #newcategorybox input { border: 1px solid #ccc; padding: 5px; width: 190px; } #blog-page #pghowto-blog-button { text-indent:-9999px; display:block; width:200px; height:120px; overflow:hidden; margin:0 auto; border:1px solid #999; background:#111 url(/static/v2p/images/pghowto-blog.jpg) no-repeat left top; } #blog-page #pghowto-blog-button:hover { background-position:left -120px; } #blog-page #pghowto-blog-button:active { background-position:left -240px; } /* BLOG SECTION -- BLOG MANAGE */ #blog-page #blogmanagesection h1 { padding:10px; position:relative; } #blog-page #blogmanagesection .tabs { float:none; padding-left:10px; } #blog-page #blogmanagesection #newitem { padding:10px; border-top:1px solid #666; } #blog-page #blogmanagesection #newitem label { float:left; width:150px; } #blog-page #blogmanagesection #newitem input, #blog-page #blogmanagesection #newitem textarea { width:250px; } #blog-page #blogmanagesection #blogmanagetab { border-top:1px solid #666; } #blog-page #blogmanagesection table { background:#FFF url(/static/v2p/images/inner_body2.jpg) repeat-x left top; width:100%; font-size:13px; } #blog-page #blogmanagesection thead { background-color:#666; } #blog-page #blogmanagesection th { text-transform:capitalize; padding:5px; color:#FFF; font-weight:bold; border-bottom:1px solid #333; } #blog-page #blogmanagesection tbody tr { border-collapse:separate; } #blog-page #blogmanagesection td { padding:10px 5px; border-bottom:1px solid #CCC; border-top:1px solid #FFF; vertical-align:top; color:#666; } #blog-page #blogmanagesection .deleteitem { display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/images/button/delete16.png); no-repeat left top; margin:0 auto; } #blog-page #blogmanagesection .edititem { display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/png/normal/16/write_16.png); no-repeat left top; margin:0 auto;} * html #blog-page #blogmanagesection .deleteitem, * html #blog-page #blogmanagesection .edititem { behavior:url(/static/v2p/images/iepngfix.htc); } #blog-page #blogmanagesection td.blogitem-title { color:#333; } #blog-page #blogmanagesection td.blogitem-postdate, #blog-page #blogmanagesection td.blogitem-category, #blog-page #blogmanagesection td.blogitem-group, #blog-page #blogmanagesection td.blogitem-status { font-size:11px; color:#999; } #blog-page #blogmanagesection td.blog-option { text-align:right; } /* ----- BLOG ENTRY SETTING ----- */ #blog-page #blogmanagesection .blogitem-checkbox { width:20px; } #blog-page #blogmanagesection .blogitem-postdate { width:60px; } #blog-page #blogmanagesection .blogitem-title { width:250px; } #blog-page #blogmanagesection .blogitem-category { width:90px; } #blog-page #blogmanagesection .blogitem-commentcount { width:90px; text-align:center; } #blog-page #blogmanagesection .blogitem-group { width:150px; } #blog-page #blogmanagesection .blogitem-star { width:50px; text-align:center; } #blog-page #blogmanagesection .blogitem-status { width:80px; text-align:center; } /* ----- BLOG CATEGORY MANAGE ----- */ #blog-page #blogmanagesection .categoryitem-title { width:150px; } #blog-page #blogmanagesection .categoryitem-info { width:480px; } #blog-page #blogmanagesection .categoryitem-info .editor_field { width:300px; } /* ----- BLOG FAVOURITES MANAGE ----- */ #blog-page #blogmanagesection .favourites-author { width:150px; } #blog-page #blogmanagesection .favourites-description { width:480px; } #blog-page #blogmanagesection .favourites-description .editor_field { width:300px; } /* ----- BLOG LINKS MANAGE ----- */ #blog-page #blogmanagesection .links-url { width:250px; } #blog-page #blogmanagesection .links-description { width:380px; } #blog-page #blogmanagesection .links-description .editor_field { width:250px; } /* ----- BLOG SETTING ----- */ #blog-page #blogmanagesection #blogmanage-setting { padding:10px; } #blog-page #blogmanagesection #blogmanage-setting label { font-weight:bold; float:left; width:150px; } #blog-page #blogmanagesection #blogmanage-setting input { width:300px; } #blog-page #blogmanagesection #blogmanage-setting h3 { font-size:15px; } #blog-page #blogmanagesection #blogmanage-setting #img1 { padding-bottom:10px; border-bottom:1px dashed #CCC; } #blog-page #blogmanagesection #blogmanage-setting #blogheaderthumbnail { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #CCC; } #blog-page #blogmanagesection #blogmanage-setting .fzone { position:relative; } /* BLOG SECTION -- BLOG MANAGE -- FLOATBOX */ #blog-page #favouritesearch .floatbox { width:550px; } #blog-page #favouritesearch #blogsearch-keyword { overflow:hidden; } #blog-page #favouritesearch input#keyword { width:350px; float:left; } #blog-page #favouritesearch #friendsearchresult { margin-top:10px; } #blog-page #favouritesearch .searchitem { border-top:1px dashed #CCC; padding:10px 0; position:relative; } #blog-page #favouritesearch .searchitem .searchiteminfo { float:left; overflow:hidden; } #blog-page #groupEditFloatBox .floatbox { width:350px; } #blog-page #groupEditFloatBox #addgrouptext { display:none; } #blog-page #groupEditFloatBox #grouplist { padding:0; margin:0; border:none; width:auto; height:auto; } #blog-page #groupEditFloatBox #grouplistitem { height:auto; max-height:none; } #blog-page #groupEditFloatBox #grouplistitem li { padding:10px; overflow:hidden; } #blog-page #groupEditFloatBox #grouplistitem li img { margin-right:10px; } *:first-child+html #blog-page #groupEditFloatBox #grouplistitem li img { float:left; } #blog-page #groupEditFloatBox #grouplistitem li input { top:20px; } #blog-page #groupEditFloatBox #grouplistitem li:hover { background-color:#09F; color:#FFF; background-image:none; cursor:pointer; } /* GROUP SECTION */ #group-page #groupitem.contentbox .innerbody #loading { float:right; } #group-page .tabs { float:none; border-bottom:1px solid #999; } * html #group-page .tabs { position:static; } #group-page #customgroup-header { font-size:32px; font-weight:normal; } #group-page #mygroup, #group-page #allgroup, #group-page #creategroup, #group-page #createnetworkgroup { padding-top:10px; } #group-page .groupitem { margin:5px 0; border:1px solid #CCC; padding:10px; background:#FFF url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left bottom; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #group-page .groupitem { width:650px; } #group-page .groupitem h3 { margin-bottom:5px; font-size:14px; } #group-page .groupitem .group-avatar { padding:3px; background-color:#FFF; border:1px solid #CCC; float:left; margin-right:20px; position:relative; } #group-page .groupitem .groupinfo { width:270px; overflow:hidden; float:left; margin-right:20px; position:relative; } #group-page .groupitem .groupinfo ul { margin-bottom:5px; } #group-page .groupitem .groupinfo p { padding-bottom:5px; } #group-page .groupitem .grounpfriend { width:230px; overflow:hidden; float:left; position:relative; } #group-page .groupitem .grounpfriend .avatar { width:30px; height:30px; padding:2px; border:1px solid #CCC; background-color:#FFF; margin:1px; } #group-page .groupitem .deleteicon { display:block; top:0; right:0; } #group-page .createform { padding:15px; } #group-page .createform p { clear:both; } #group-page .createform label { width:150px; float:left; position:relative; } #group-page #groupcreateform { padding:10px; border:1px solid #CCC; background-color:#FFF; } * html #group-page #groupcreateform h2 img { position:relative; width:32px; height:32px; } #group-page #groupcreateform label { float:left; width:150px; font-weight:bold; position:relative; } #group-page #groupcreateform #groupphotopreview, #group-page #groupcreateform #networkphotopreview { padding:3px; background-color:#FFF; border:1px solid #CCC; margin-top:5px; } #group-page #groupcreateform #uploadForm, #group-page #groupcreateform #uploadnetworkForm, #group-page #groupcreateform #uploadCssForm { position:relative; top:-10px; } #group-page #groupcreateform #checkloading { font-size:13px; font-weight:bold; color:#666; } #group-page #groupcreateform #checkloading img { vertical-align:middle; } #group-page #view-allgroupbutton { float:right; font-size:13px; font-weight:bold; } * html #group-page #view-allgroupbutton img { width:12px; height:12px; } #group-page #networkgroup-section, #group-page #search-filter-toggle, #group-page #groupsearch { display:none; } #group-page #pghowto-group-button { text-indent:-9999px; display:block; width:200px; height:120px; overflow:hidden; margin:0 auto; border:1px solid #999; background:#111 url(/static/v2p/images/pghowto-group.jpg) no-repeat left top; } #group-page #pghowto-group-button:hover { background-position:left -120px; } #group-page #pghowto-group-button:active { background-position:left -240px; } /* ----- GROUP MANAGE ----- */ #group-page #managegroup, #group-page #memberlist { padding-top:10px; } #group-page #membermanage { background-color:#FFF; border:1px solid #CCC; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } #group-page #membermanage select { position:relative; top:2px; } #group-page #memberslist { border:1px solid #999; border-bottom:none; } #group-page #memberslist table { font-size:13px; width:100%; background:#FFFFFF url(/static/v2p/images/inner_body2.jpg) repeat-x scroll left top; } #group-page #memberslist thead { background-color:#666; } #group-page #memberslist th { color:#FFF; font-weight:bold; padding:5px; text-transform:capitalize; } #group-page #memberslist td { padding:5px; color:#666; border-bottom:1px solid #999; vertical-align:top; } #group-page #memberslist .member-checkbox, #group-page #memberslist .member-status, #group-page #memberslist .member-joindate, #group-page #memberslist .member-post { text-align:center; } #group-page #memberslist .member-status form { text-align:center; } #group-page #memberslist .member-status form select { display:block; margin:0 auto 5px; width:100%; } #group-page #memberslist .member-status form a { padding:0 5px; } #group-page #memberslist .member-title { width:200px; } #group-page #memberslist .member-message img { width:16px; height:16px; } #group-page #memberslist .member-permission { width:100px; } #group-page #memberslist .member-permission .inplaceeditor-form a { text-transform:capitalize; margin-right:5px; } #group-page #sendmessage .floatbox { width:500px; } #group-page #sendmessage textarea { width:330px; } /* ----- GROUP PRIVATE ----- */ #group-page #privategroup { padding:10px; background-color:#FFF; border:1px solid #CCC; width:550px; margin:10px auto; -moz-border-radius:10px; -webkit-border-radius:10px; } #group-page #privategroup #groupcover { float:left; margin-bottom:10px; padding:3px; border:1px solid #CCC; } #group-page #privategroup #helper { overflow:hidden; float:right; width:380px; } #group-page #privategroup #privategroupinfo { float:left; width:150px; } #group-page #privategroup #privategroupinfo ul { margin-bottom:10px; } #group-page #privategroup #grounpfriend { float:right; width:380px; overflow:hidden; } #group-page #privategroup #grounpfriend .avatar { background-color:#FFF; border:1px solid #CCC; height:30px; margin:1px; padding:2px; width:30px; } /* MAP SECTION */ #map-page #content { padding-top:20px; position:relative; } #map-page .tabs { float:none; } #map-page #map-loading { display:block; position:absolute; left:75%; top:0; } #map-page #map-loading.fullscreen { left:82%; color:#FFF; background-image:url(/static/v2p/images/ajax-loader-onblue.gif); } #map-page #fullscreenbtn { position:absolute; top:10px; right:5px; } #map-page #map_wrapper { position:relative; clear:both; width:940px; height:500px; overflow:hidden; border:1px solid #999; background-color:#FFF; } #map-page #map_wrapper #map { position:absolute; height:100%; width:100%; top:0; left:0; } /* SEARCH PAGE */ #search-page #searchresult .innerbody { padding:10px; } #search-page .popfrienditem, #search-page .newfrienditem, #search-page .mostviewitem, #search-page .mostcommentitem { display:block; float:left; margin:1px; position:relative; overflow:hidden; width:39px; height:39px; } #search-page .friendsearchitem, #search-page .blogsearchitem { position:relative; padding:10px; border:1px solid #CCC; background:#FFF url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left bottom; margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; } *:first-child+html #search-page .friendsearchitem, *:first-child+html #search-page .blogsearchitem { overflow:hidden; } * html #search-page .friendsearchitem, * html #search-page .blogsearchitem { overflow:hidden; } #search-page .addfriend { position:absolute; right:10px; top:10px; } * html #search-page .addfriend { right:20px; } #search-page .friendinfo, #search-page .bloginfo { overflow:hidden; width:450px; } #search-page .bloginfo { width:auto; } * html #search-page .friendinfo { float:left; position:relative; } #search-page .friendinfo h3, #search-page .bloginfo h3 { font-size:14px; margin-bottom:5px; } #search-page .friendinfo img.avatar30:hover { background-color:#09F; cursor:pointer; } *:first-child+html #search-page .friendinfo img.avatar30 { display:block; float:left; position:static !important; } * html #search-page .friendinfo img.avatar30 { display:block; float:left; position:static !important; } * html #search-page .sidebarbox { position:static; } #search-page .sidebarbox img.avatar30:hover { background-color:#09F; cursor:pointer; } *:first-child+html #search-page .sidebarbox img.avatar30 { display:block; float:left; position:static !important; } * html #search-page .sidebarbox img.avatar30 { display:block; float:left; position:static !important; } /* SETTING PAGE */ #setting-page #main { width:730px; } #setting-page .tabs { float:none; border-bottom:1px solid #999; } #setting-page .settingcontent { position:relative; padding-top:15px; clear:both; } * html #setting-page .settingcontent h1 img { behavior:url(/static/v2p/images/iepngfix.htc); width:48px; height:48px; } * html #setting-page .settingcontent h1 a img { width:24px; height:24px; } #setting-page .settingform { background-color:#F2F4F8; padding:10px; margin-bottom:10px; border:1px solid #DADEE5; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; } #setting-page .settingform p { clear:both; overflow:hidden; } #setting-page .settingform label { width:150px; float:left; font-weight:bold; } #setting-page #passwordsettingform label { width:160px; } #setting-page .settingform input[type="text"], #setting-page .settingform input[type="password"] { width:180px; } #setting-page #defaultphotoname input { margin-right:5px; } #setting-page #defaultphotoname .hint { font-size:11px; } #setting-page #defaultphotoname .hint img { vertical-align:text-top; } * html #setting-page .settingcontent form label { position:relative; } /* ----- SETTING PAGE - EMAIL NOTIFICATION ----- */ #setting-page #notification-email { margin-bottom:10px; overflow:hidden; } #setting-page #notification-email label { font-size:13px; color:#666; width:150px; } *:first-child+html #setting-page #notification-email label { width:145px; } * html #setting-page #notification-email label { width:150px; } #setting-page #notification-email ul { overflow:hidden; margin:0; position:relative; } * html #setting-page #notification-email ul { float:left; width:520px; } #setting-page #notification-email li { display:block; list-style:none outside; position:relative; padding:8px; margin:0 0 3px; background-color:#EDF0F7; border:1px solid #DADEE5; -moz-border-radius:5px; -webkit-border-radius:5px; } * html #setting-page #notification-email li { width:480px; } #setting-page #notification-email li:hover { background-color:#CDE; border:1px solid #ABC; } #setting-page #notification-email li span { font-size:11px; line-height:normal; color:#999; padding-left:20px; } #setting-page #notification-email li:hover span { color:#555; } #setting-page #notification-email li input { margin-right:5px; } * html #setting-page #notification-email li input { margin-right:5px; } #setting-page #notification-email #addtwittersection { padding:20px 0 0 20px; } #setting-page #notification-email #twitterloadingimg { padding-bottom:0; } /* ----- SETTING PAGE - SOCIAL NETWORK SECTION ----- */ #setting-page .accountitem { position:relative; border:1px solid #CCC; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:transparent url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left -80px; margin-bottom:15px; } #setting-page .accountitem img { display:block; position:relative; margin-right:30px; } #setting-page .accountitem .accountinfo { overflow:hidden; width:400px; position:relative; } *:first-child+html #setting-page .accountitem .accountinfo { float:left; } * html #setting-page .accountitem .accountinfo { float:left; } #setting-page .accountitem .accountinfo p { padding:0; line-height:20px; } #setting-page .accountitem .deleteicon { display:block; position:absolute; top:-10px; right:-10px; } * html #setting-page .accountitem .deleteicon { right:0; } #setting-page .accountitem .editicon { display:inline; width:16px; height:16px; margin-top:2px; background-image:url(/static/v2p/png/normal/16/gear_16.png); } #setting-page #add_privacysetting_container { padding:10px; background-color:#EDF0F7; border:1px solid #DADEE5; margin-bottom:10px; width:350px; margin-left:10px; } #setting-page #add_privacysetting_container ul { margin:0 0 0 20px; } #setting-page #add_privacysetting_container li { list-style:none; } /* ----- SETTING PAGE - DEVICE SECTION ----- */ #setting-page #adddeviceform label { width:150px; } #setting-page #mbgsetting { position:relative; } #setting-page #mbgsetting #opensendcheckbox { display:none; /*position:absolute; left:326px;*/ } #setting-page #mbgsetting #openrecievecheckbox { position:absolute; left:400px; } #setting-page .deviceitem { position:relative; border:1px solid #CCC; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:transparent url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left -80px; margin-bottom:15px; height:40px; } #setting-page .deviceitem h2 { background:url(/static/v2p/png/normal/32/telephone_ok_32.png) no-repeat left center; padding-left:40px; font-size:28px; width:275px; position:relative; } * html #setting-page .deviceitem h2 { behavior:url(/static/v2p/images/iepngfix.htc); } #setting-page .deviceitem .deleteicon { display:block; position:absolute; top:-10px; right:-10px; } #setting-page .deviceitemsetting { font-size:13px; position:absolute; top:20px; left:325px; width:350px; } #setting-page .deviceitemsetting .phoneoption { position:relative; top:3px; } *:first-child+html #setting-page .deviceitemsetting .phoneoption { top:0; } * html #setting-page .deviceitemsetting .phoneoption { top:0; } #setting-page .deviceitemsetting .sendercontainer { display:none; /*position:absolute; display:block; width:70px;*/ } #setting-page .deviceitemsetting .receivercontainer { position:absolute; display:block; width:70px; left:75px; } #setting-page .deviceitemsetting .permission-select { position:absolute; right:0; top:0; } /* ----- SETTING PAGE - PRIVACY SETTING SECTION ----- */ #setting-page #privacysettingsave { padding:5px; text-align:center; margin-bottom:10px; background-color:#FF9; color:#333; font-weight:bold; } #setting-page .privacy-setting-item { border:1px solid #DADEE5; background-color:#F2F4F8; margin-bottom:10px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; } #setting-page .privacy-setting-item label { width:150px; color:#666; float:left; font-weight:bold; font-size:13px; } #setting-page .privacy-setting-item ul { margin:0; float:left; padding-left:10px; border-left:1px solid #DADEE5; } #setting-page .privacy-setting-item li { list-style:none; overflow:hidden; } #setting-page .privacy-setting-item li input, #setting-page .privacy-setting-item li img { vertical-align:sub; float:left; margin-right:5px; position:relative; top:2px; } * html #setting-page .privacy-setting-item li input { position:static; } *:first-child+html #setting-page .privacy-setting-item li input { position:static; } #setting-page .privacy-setting-item li strong { margin-right:10px; float:left; width:60px; } #setting-page .privacy-setting-item li span { font-size:11px; float:left; } #setting-page .privacy-setting-item li em { font-weight:bold; } #setting-page .privacy-section { overflow:hidden; margin-bottom:10px; } * html #setting-page .privacy-section { width:680px; } /* SETTING PAGE - FLOATBOX */ #setting-page #editFloatbox .floatbox { width:300px; overflow:hidden; } #setting-page #editFloatbox label { width:125px; } #setting-page #editFloatbox_album_container select { width:150px; } #setting-page #editFloatbox_privacysetting { display:none; padding:10px; background-color:#EDF0F7; border:1px solid #DADEE5; margin:0 0 10px; } #setting-page #editFloatbox_privacysetting p { font-size:11px; line-height:1.5em; } #setting-page #editFloatbox_privacysetting ul { margin-left:20px; } /* STATIC PAGE */ /* ----- FAQs PAGE ----- */ .static-page #pg-hotline { position:relative; width:700px; padding:10px; margin:0 auto 10px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#2A72A0 url(/static/v2p/images/comment_empty.png) no-repeat 10px center; border:1px solid #2C6990; } * html .static-page #pg-hotline, * html .static-page #pg-hotline img { behavior:url(/static/v2p/images/iepngfix.htc); } .static-page #pg-hotline p { padding:0 0 0 60px; color:#FFF; font-size:14px; line-height:20px; } .static-page #pg-hotline p img { width:16px; height:16px; position:relative; } .static-page #pg-hotline p strong { color:#FFF; } .static-page #pg-hotline p a { color:#FC0; font-weight:bold; } .static-page #pg-hotline p a:hover { color:#0CF; } .static-page .question a { color:#666; font-size:14px; } .static-page .question a:hover { color:#09F; border-bottom:1px dashed #09F; } .static-page .answer { display:none; padding:10px; background-color:#F2F4F8; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* DEVELOPER PAGE */ #developer-page .developercontent { border-top: 1px solid #999; padding: 10px 0; clear: both; } #developer-page .tabs { float: none; } #developer-page .developercontent h3 { color: #316ac5; } #developer-page .developercontent .request { color: #f00; font-weight: bold; } #developer-page .developercontent .code { font-family: "Courier New", Courier, monospace; display: block; overflow: hidden; } #developer-page .developercontent form { padding: 15px; border: 1px solid #ccc; background-color: #f2f4f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #developer-page .developercontent textarea { width: 660px; } #api_documentsection p { padding: 0 0 5px; overflow: hidden; } #api_documentsection p strong { float: left; width: 150px; } #api_documentsection p:hover { background-color: #f2f4f8; } /* CLIENT-DOWNLOAD PAGE */ #pgclient-page #phonelist { float:right; width:500px; } #pgclient-page #menu { float:left; width:150px; } #pgclient-page #menu a { display: block; width: 150px; height: 50px; margin-bottom: 5px; background: no-repeat left top; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #pgclient-page #menu a:hover { background-position: left -50px; } #pgclient-page #menu a:active { background-position: left -100px; } #pgclient-page #menu a.selected { background-position: left -100px; } #pgclient-page #menu a#nokialogo { background-image: url(/static/v2p/images/mobile_logo/nokia_logo.jpg); } #pgclient-page #menu a#blackberrylogo { background-image: url(/static/v2p/images/mobile_logo/blackberry_logo.jpg); } #pgclient-page #menu a#samsunglogo { background-image: url(/static/v2p/images/mobile_logo/samsung_logo.jpg); } #pgclient-page #menu a#sonylogo { background-image: url(/static/v2p/images/mobile_logo/sony_logo.jpg); } #pgclient-page #menu a#motologo { background-image: url(/static/v2p/images/mobile_logo/moto_logo.jpg); } #pgclient-page #menu a#o2logo { background-image: url(/static/v2p/images/mobile_logo/o2_logo.jpg); } #pgclient-page #menu a#applelogo { background-image: url(/static/v2p/images/mobile_logo/apple_logo.jpg); } #pgclient-page #menu a#googlelogo { background-image: url(/static/v2p/images/mobile_logo/google_logo.jpg); } #pgclient-page #menu a#htclogo { background-image: url(/static/v2p/images/mobile_logo/htc_logo.jpg); } #pgclient-page #menu a#asuslogo { background-image: url(/static/v2p/images/mobile_logo/asus_logo.jpg); } #pgclient-page #menu a#hplogo { background-image: url(/static/v2p/images/mobile_logo/hp_logo.jpg); } #pgclient-page #menu a#dopodlogo { background-image: url(/static/v2p/images/mobile_logo/dopod_logo.jpg); } #pgclient-page #menu a#imobilelogo { background-image: url(/static/v2p/images/mobile_logo/imobile_logo.jpg); } #pgclient-page #menu a#lglogo { background-image: url(/static/v2p/images/mobile_logo/lg_logo.jpg); } #pgclient-page #menu a#wellcomlogo { background-image: url(/static/v2p/images/mobile_logo/wellcom_logo.jpg); } #pgclient-page .phoneitem {display: block; width: 100px; height: 130px; padding: 5px; margin: 5px 5px 30px; text-align: center; float: left; position: relative; } #pgclient-page .phoneitem img { display: block; width: 56px; height: 75px; margin: 0 auto; } * html #pgclient-page .phoneitem img { behavior: url(/static/v2p/images/iepngfix.htc); } #pgclient-page .phoneitem a { display: block; width: 70px; height: 15px; background: transparent url(/static/v2p/images/download.gif) no-repeat left top; position: absolute; left: 20px; bottom: 0; overflow: hidden; } #pgclient-page .phoneitem a:hover { background-position: left -15px; } /* ----- APPLE IPHONE INSTALL INSTRUCTION AND USER MANUAL ----- */ #pgclient-page #apple .instruction { padding:10px 0; overflow:hidden; } #pgclient-page #apple .instruction h4 { margin-bottom:20px; } #pgclient-page #apple .step { width:150px; float:left; margin-right:15px; margin-bottom:5px; } #pgclient-page #apple .phoneitem img { cursor:pointer; } /* CLIENT-DOWNLOAD PAGE - FLOATBOX */ #pgclient-page #downloadclient .floatbox { width:250px; overflow:hidden; } #pgclient-page #downloadclient label { float:none; } #pgclient-page #downloadclient input#phonenumber { width:240px; margin:5px 0; display:block; } /* CONTACT/FEEDBACK PAGE */ #feedback-page #main label { width:100px; float:left; font-weight:bold; } #feedback-page #main p { clear:both; } #feedback-page #main input { width:250px; } #feedback-page #main textarea { width:500px; } /* WEB CAMPAIGN PAGE */ #campaign-page #topbar { height:25px; background:url(/static/v2p/images/nav.png) repeat-x left top; } #campaign-page #topbar #backtohomepage { background:url(/static/v2p/images/campaign/pg_barlogo.png) no-repeat left top; display:block; width:115px; height:25px; } #campaign-page #header { height:350px; background-color:#333; border-bottom:1px solid #999; } #campaign-page #content { background-image:url(/static/v2p/images/inner_body2.jpg); } #campaign-page #maincolumn { float:left; width:620px; } #campaign-page #announcement { padding:20px; background:#F3F3F3 url(/static/v2p/images/inner_body2_inverse.jpg) repeat-x left top; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px; } #campaign-page #announcement ul { margin-bottom:10px; } #campaign-page #announcement li { list-style:disc outside; margin-left:20px; } #campaign-page #announcement #colleft { float:left; width:250px; } #campaign-page #announcement #colright { float:right; width:250px; } #campaign-page #main-detail { height:200px; width:578px; padding:10px 20px 20px; background:#93C240 url(/static/v2p/images/campaign/background.jpg) repeat-x left top; border:1px solid #005E20; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; margin-bottom:10px; } #campaign-page #main-detail h1 { width:500px; overflow:hidden; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; } #campaign-page #main-detail p, #campaign-page #main-detail li { color:#005E20; font-size:14px; } #campaign-page #main-detail p { padding-bottom:5px; } #campaign-page #main-detail a { color:#FFF; } #campaign-page #main-detail a:hover { color:#FF0; } #campaign-page #main-detail strong { color:#005E20; } #campaign-page #rulesdetail, #campaign-page #rewarddetail { display:none; } /*#campaign-page #contestdetail h1 { height:110px; background-image:url(/static/v2p/images/campaign/contest1.png); position:relative; }*/ #campaign-page #contestdetail #reward-image { display:block; margin-bottom:10px; } * html #campaign-page #contestdetail #reward-image { behavior:url(/static/v2p/images/iepngfix.htc); } #campaign-page #rulesdetail h1 { height:66px; background-image:url(/static/v2p/images/campaign/contest2.png); position:relative; } #campaign-page #rewarddetail h1 { height:45px; background-image:url(/static/v2p/images/campaign/contest3.png); position:relative; } #campaign-page #badge { display:block; width:100px; height:100px; background:url(/static/v2p/images/campaign/badge.png) no-repeat left top; position:absolute; left:510px; top:-30px; } #campaign-page #tabbar ul { margin:0; padding:0; } #campaign-page #tabbar li { display:inline; } #campaign-page #tabbar li a { display:block; height:40px; float:left; overflow:hidden; text-indent:-9999px; background:no-repeat left top; } #campaign-page #tabbar li.selected { background-position:left -80px; } #campaign-page #tabbar #contestdetail-tab a { background-image:url(/static/v2p/images/campaign/tab1.jpg); width:150px; } #campaign-page #tabbar #rulesdetail-tab a { background-image:url(/static/v2p/images/campaign/tab2.jpg); width:170px; } #campaign-page #tabbar #rewarddetail-tab a { background-image:url(/static/v2p/images/campaign/tab3.jpg); width:110px; } #campaign-page #campaign-register { width:310px; height:425px; float:right; background:url(/static/v2p/images/campaign/register_campaign.png) no-repeat left top; position:relative; } #campaign-page #campaign-register h2 { width:145px; height:35px; text-indent:-9999px; background:url(/static/v2p/images/campaign/join_campaign.png) no-repeat left top; margin-top:40px; margin-left:20px; } #campaign-page #campaign-register form { padding:0 20px; } #campaign-page #campaign-register p { overflow:hidden; color:#444; } #campaign-page #campaign-register #campaign-register-agree { font-weight:bold; } #campaign-page #campaign-register #campaign-register-agree a { color:#FFF; } #campaign-page #campaign-register #campaign-register-agree a:hover { color:#FF0; } #campaign-page #campaign-register label { font-weight:bold; font-size:14px; } #campaign-page #campaign-register input { width:260px; color:#333; font-size:16px; margin:2px 0; } #campaign-page #campaign-register input#r_agree { width:auto; margin:0; } #campaign-page #campaign-register-bottom { height:20px; background:url(/static/v2p/images/campaign/register_campaign.png) no-repeat left bottom; } * html #campaign-page #backtohomepage, * html #campaign-page #main-detail h1, * html #badge, * html h2 img { behavior:url(/static/v2p/images/iepngfix.htc); } /* ===== ADDITIONAL COMPONENT ===== */ /* SPREAD PLAYGROUD */ #pgspread-page #pgspread-header { margin-bottom:10px; } #pgspread-page #pgspread-intro { margin-bottom:30px; } #pgspread-page .pgspread-step { position:relative; margin-bottom:80px; padding:10px; background-color:#F2F4F8; border:1px solid #DADEE5; -moz-border-radius:6px; -webkit-border-radius:6px; } #pgspread-page .pgspread-step img { position:absolute; top:-30px; } #pgspread-page #pgspread-step-list, #pgspread-page #pgspread-contest, #pgspread-page #pgspread-code { margin:0; } #pgspread-page #pgspread-step-list li, #pgspread-page #pgspread-contest li, #pgspread-page #pgspread-code li { list-style:none; display:block; } #pgspread-page .pgspread-step .pgspread-step-info { padding-left:150px; } #pgspread-page .pgspread-step .pgspread-step-info h2 { margin:0; } #pgspread-page .pgspread-step .pgspread-step-info p { padding:0; } #pgspread-page #head-pgspread-step1, #pgspread-page #head-pgspread-step2, #pgspread-page #head-pgspread-step3 { width:220px; height:40px; overflow:hidden; text-indent:-9999px; } #pgspread-page #head-pgspread-step1 { background:transparent url(/static/v2p/images/spread-pg/head-step01.png) no-repeat left top; } #pgspread-page #head-pgspread-step2 { background:transparent url(/static/v2p/images/spread-pg/head-step02.png) no-repeat left top; } #pgspread-page #head-pgspread-step3 { background:transparent url(/static/v2p/images/spread-pg/head-step03.png) no-repeat left top; } #pgspread-page #head-pgspread-contest { width:192px; height:52px; overflow:hidden; text-indent:-9999px; background:transparent url(/static/v2p/images/spread-pg/pgspread-contest.png) no-repeat left top; } #pgspread-page #pgspread-contest { overflow:hidden; height:220px; } #pgspread-page #pgspread-contest li { float:left; text-align:center; width:210px; height:210px; padding:0; } #pgspread-page #pgspread-contest h3 { font-size:13px; letter-spacing:2px; display:inline; padding:5px 10px; background-color:#344; color:#FFF; -moz-border-radius:6px; -webkit-border-radius:6px; } #pgspread-page #pgspread-code { } #pgspread-page #pgspread-code li { overflow:hidden; margin-bottom:10px; } #pgspread-page #pgspread-code label { float:left; width:150px; } #pgspread-page #pgspread-code img, #pgspread-page #pgspread-code textarea { display:block; float:left; } #pgspread-page #pgspread-code img { margin-right:20px; } #pgspread-page #pgspread-code textarea { padding:10px; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:"Courier New", Courier, monospace; background-color:#344; color:#FFF; } .newmember-gif { display: block; clear:both; width:630px; height:40px; margin:5px auto; } /* NEW YEAR CAMPAIGN */ #newyear-campaign #outerwrapper { background:none; width:auto; } #newyear-campaign #wrapper { width:800px; } #newyear-campaign #content { padding:10px; background-position:left -10px; background-image:none; } #newyear-campaign #topbar { background:transparent url(/static/v2p/images/nav.png) repeat-x scroll left top; height:25px; } #newyear-campaign #backtohomepage { background:transparent url(/static/v2p/images/campaign/pg_barlogo.png) no-repeat scroll left top; height:25px; width:115px; display:block; } * html #newyear-campaign #backtohomepage { behavior:url(/static/v2p/images/iepngfix.htc); } #newyear-header { background:#111 url(/static/v2p/images/newyear/newyear-header.png) no-repeat left top; height:415px; border-bottom:1px solid #666; } #newyear-tagline { width:740px; margin:10px auto; font-size:16px; } .banner-item { background-color:#FFF; display:block; list-style:none; margin-bottom:10px; } .banner-item iframe { border:none; width:100%; height:100px; overflow:hidden; } #newyear-rules { font-size:11px; color:#999; line-height:1.4em; width:740px; margin:20px auto; } #newyear-rules em { text-decoration:underline; } #newyear-winner { width: 740px; margin: 0 auto 20px; } .winner-section { padding-top: 10px; border-top: 1px dashed #ccc; font-size: 48px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } .winner-list { overflow: hidden; margin: 0 0 20px; padding-left: 40px; } .winner-list li { float: left; padding: 8px; margin: 5px; height: 175px; width: 200px; border: 1px solid #ccc; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; } .winner-list .winner-img { display: block; margin: 0 0 5px; } .winner-img img { display: block; width: 200px; height: 150px; background-color: #333; } .winner-list .display-name { display: block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Gossip Star Page */ #gossip-campaign { background: #000 url(/static/v2p/images/gossipstar/background.jpg) no-repeat fixed center top; } #gossip-campaign #outerwrapper { background: none; width: auto; } #gossip-campaign #wrapper { width: 800px; border: none; } #gossip-campaign #content { padding: 10px; background: #fff none; overflow: hidden; } #gossip-campaign #content h2 { color: #c00; text-transform: uppercase; overflow: hidden; text-indent: -9999px; width: 214px; height: 39px; } #gossip-campaign #topbar { background: #fff none; padding: 10px 10px 0; } #gossip-campaign #backtohomepage { background: transparent url(/static/v2p/images/gossipstar/gossip-header.jpg) no-repeat scroll left top; height: 65px; width: 780px; display: block; } * html #gossip-campaign #backtohomepage { behavior: url(/static/v2p/images/iepngfix.htc); } #gossip-header { background-color: #fff; height: 417px; padding: 0 10px 10px; } #gossip-rules, #gossip-price, #gossip-gallery, #gossip-activity, #gossip-news-from-photo { padding: 10px; } #gossip-activity h2 { background: #fff url(../images/gossipstar/activity-head.jpg) no-repeat left top; } #gossip-activity ol { margin: 10px 0; padding: 20px; background-color: #bc0d08; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #gossip-activity ol li { list-style: decimal inside; color: #fff; } #gossip-activity p { padding: 0; font-size: 11px; } #gossip-activity li strong, #gossip-activity li a { color: #fef000; } #gossip-activity li a:hover { color: #fff; } #gossip-price h2 { background: #fff url(../images/gossipstar/price-head.jpg) no-repeat left top; } #gossip-price ul { margin: 10px 0; padding: 20px; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #gossip-news-from-photo h2 { background: #fff url(../images/gossipstar/news-from-photo-head.jpg) no-repeat left top; } #gossip-gallery h2 { background: #fff url(../images/gossipstar/gallery-head.jpg) no-repeat left top; } #gallery-list { overflow: hidden; margin: 10px 0; padding: 20px; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .gallery-item, .gallery-item a { float: left; } .gallery-item img { margin: 5px; border: 5px solid #fff; } .gallery-item a:hover img { border-color: #c00; } #gossipcontent { overflow: hidden; } .gossip-paginate { text-align: center; font-weight: bold; text-shadow: 0 1px 0 #fff; position: relative; height: 32px; line-height: 32px; } .gossip-paginate a { width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; } .gossip-paginate a:hover { top: -1px; } .gossip-paginate a:active { top: 0; } .gossip-paginate span { background-color: #9a1b1f; text-shadow: 0 -1px 0 #661215; color: #fff; padding: 2px 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .gossip-paginate #prev { position: absolute; left: 0; background: transparent url(../images/gossipstar/prev.png) no-repeat left top; } .gossip-paginate #next { position: absolute; right: 0; background: transparent url(../images/gossipstar/next.png) no-repeat left top; } #gossipfeed { display: block; width: 760px; height: 50px; background: #fff url(../images/gossipstar/gossipfeed.png) no-repeat left top; margin: 0 10px; overflow: hidden; text-indent: -9999px; } #gossipfeed:active { background-position: left -50px; } #gossip-feed { overflow: hidden; padding: 10px; background-color: #bc0d08; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #gossip-feed a { color: #fff; } #gossip-feed a:hover { color: #fef000; } #gossip-feature { float: left; width: 370px; } #gossip-feature li { position: relative; height: 180px; padding: 0; } #gossip-feature li img { position: absolute; left: 0; top: 0; background-color: #666; display: block; width: 370px; height: 180px; } #gossip-feature li p { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 0; background-color: #000; color: #fff; opacity: 0.75; } #gossip-feature li p span { padding: 0 10px; display: block; } #gossipfeed-list { float: right; width: 370px; } #gossipfeed-list li { overflow: hidden; background-color: #a00; padding: 10px; margin: 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #b30c07 url(../images/gossipstar/gossipfeed-item.png) repeat-x left top; border: 1px solid #900; } #gossipfeed-list li img { border: 3px solid #fff; float: left; margin: 0 10px 0 0; background-color: #111; } #gossipfeed-list li p { color: #fff; padding: 0; } /* Playground Advertising Page */ #pg-advertising-header { margin-bottom:20px; display:block; } #pg-advertising-title { overflow:hidden; text-indent:-9999px; height:55px; margin-bottom:20px; background:#FFF url(/static/v2p/images/advertising/advertising-title.jpg) no-repeat left top; } #ads-position { margin:20px 0; } #ads-position h3 { overflow:hidden; text-indent:-9999px; height:35px; margin-bottom:15px; } #ads-postion-left { float:left; width:340px; } #ads-postion-left h3 { background:#FFF url(/static/v2p/images/advertising/ads-position-left.jpg) no-repeat left top; } #ads-postion-right { float:right; width:340px; } #ads-postion-right h3 { background:#FFF url(/static/v2p/images/advertising/ads-position-right.jpg) no-repeat left top; } #ads-postion-left img, #ads-postion-right img { display:block; } #ads-postion-sample { overflow:hidden; margin:10px 0 !important; } #ads-postion-sample li { width:50%; float:left; margin-bottom:10px; list-style:none; font-size:15px; } /* Playground Idea */ #feedback { position: fixed; top: 25%; right: 0; display: block; overflow: hidden; text-indent: -9999px; width: 35px; height: 100px; background: #91be3f url(/static/v2p/images/feedback.png) no-repeat left top; z-index: 9999; -moz-box-shadow: 0 1px 1px #123; -webkit-box-shadow: 0 1px 1px #123; } #feedback:hover { width: 38px; } * html #feedback { position: absolute; behavior:url(/static/v2p/images/iepngfix.htc); } /* ===== SPECIFIC BROWSER HACK ===== */ /* IE7 IMAGE RESAMPLE */ *:first-child+html img { -ms-interpolation-mode:bicubic; } * html img { -ms-interpolation-mode:bicubic; behavior:url(/static/v2p/images/iepngfix.htc); } /* IPHONE */ @media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }