/* Zedge CSS Combined - Old style Layout & typography by Zedge Ltd 2007 - Kjelsberg, Henrik */ /* ------------------------------------------------------------------------------- // CSS-file: common-old.css // ------------------------------------------------------------------------------- */ /* LAYOUT ----------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: 1px; } body { background: url( /static/images/background.gif ) repeat-y center; height: 100%; width: 100%; } a img { border: none; } hr { border-color: #ddd #fff #fff #fff; border-style: solid; border-width: 1px 0; clear: both; } fieldset { border: none; } #container { width: 984px; min-height: 100%; height: 100%; height: auto !important; margin: 0 auto; } #middle { margin: 0 15px; } #downmiddle { margin: 0; } #downitemcontent { float: left; height: auto; width: 580px; } #downitemcontent #zeditor { width: 565px; } #downitemcontent .viewContentItemAd { background: #f8f8f8 none repeat 0 0; padding: 22px 50px 16px 50px; margin: 0 5px; } #downitemsidebar { float: right; width: 370px; min-height: 300px; height: auto; } #sidebar .advert { width: auto; height: auto; } #sidebar .advert_180x150{ width: auto; height: auto; margin:-6px 0 3px 8px;} div#content.fullscreen { width: 954px; } div#content.fullscreen div.sg_PoweredBy { display: none; } div#content.fullscreen img.sg_headerImage { display: none; } .greenbutton { background: #0f0 url( /static/images/buttons/green.gif ) repeat-x; border: 1px solid #0f0; color: #fff; } .greenbutton.hover { background: #0f0 url( /static/images/buttons/greenHover.gif ) repeat-x; border: 1px solid #0f0; color: #fff; } .blackbutton { background: #333 url( /static/images/buttons/black.gif ) repeat-x; border: 1px solid #333; color: #fff; } .blackbutton.hover { background: #000 url( /static/images/buttons/blackHover.gif ) repeat-x; border: 1px solid #000; cursor: pointer; } .blackbutton.disabled { background: #bbb url( /static/images/buttons/blackDisabled.gif ) repeat-x; border: 1px solid #bbb; cursor: default;} .bigblackbutton, .bigblackbutton-disabled{ display:block; width: 175px; height: 30px; text-align:center; margin-left: 400px; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: underline; margin-top: 20px; } .bigblackbutton { background: #333 url( /static/images/buttons/bigblackbutton.gif ) repeat-x; border: 2px solid #333; color: #fff; } .bigblackbutton:hover { background: #000 url( /static/images/buttons/bigblackbutton-hover.gif ) repeat-x; border: 2px solid #000; cursor: pointer; } .bigblackbutton-disabled { background: #bbb url( /static/images/buttons/bigblackbutton-disabled.gif ) repeat-x; border: 2px solid #bbb; color: #fff; cursor: default; } .bluebutton { background: #17a7ff url( /static/images/buttons/bluebutton.png) repeat-x; border:none; color: #fff; } /*--------- using as placeholder until proper orange button can be created -------------*/ .orangebutton { background: url(/static/images/tool-preview/login_btn.gif) repeat-x left;border:0px;color:#fff;margin-left:5px;width:135px;font-weight:bold; } input.save { background: url( /static/images/buttons/save.gif ) no-repeat left top; border: none; height: 24px; width: 53px; } input.save:hover { background-position: bottom left; } #editprofile hr { margin: 10px -15px; } #navbarbrowse { background:url(/static/images/box/search_corners.gif) no-repeat top right;height:54px;width:99%;margin-left:5px;margin-right:0px;margin-top:10px;margin-bottom:-15px; } .navbarbrleft { background:url(/static/images/box/search_corners.gif) no-repeat top left; } .navbarbodybrowse { background:url(/static/images/box/search_background.gif) repeat-x;height:44px;margin-left:10px;margin-right:30px; } #search { margin: 0; width: auto; text-align: left; height:28px;} #search input, #search select { margin-left: 9px; } #search #searchTooltip { background: url(/static/image/icon/info.png) no-repeat left 4px; color: #ccc; display: none; font-size: 10px; height: 16px; left: 120px; line-height: 16px; padding: 1px 0 0 13px; position: absolute; top: 13px; } #txt_query { width: 16em; color: #ccc; } #searchbar select#contentType { width: 9em; } #itemsearchbrowse { float: left; height: 25px;text-align:left; width: auto; } #search_box { position: relative; } #search_box .header, #search_box .footer { height:15px; } #search_box .header h2 { top:0; } #search_box .body { min-height: 25px; height: 25px; } #search_box .container { min-height: 25px; height: 25px;padding:0px; } #search_box .edge { min-height: 25px; height: 25px; } #searchbar .breadcrumbs { height: 17px; left: 486px; position: absolute; top: 12px; overflow: hidden; width: 450px; } #search input#searchButton { background:url(/static/images/buttons/search.gif) no-repeat left top; border: none; height: 24px; width: 61px; cursor: pointer; } #deSelectButton { background:url(/static/images/buttons/deselectAll.gif) no-repeat left top; border: none; height: 24px; cursor: pointer;margin-right:20px;width:100px; } #selectButton { background:url(/static/images/buttons/selectAll.gif) no-repeat left top; border: none; height: 24px; cursor: pointer;width:100px; } #deleteFileButton { background:url(/static/images/buttons/delete.gif) no-repeat left top; border: none; height: 24px; cursor: pointer; } #archiveButton { background:url(/static/images/buttons/moveToArchive.gif) no-repeat left top; border: none; height: 24px; cursor: pointer; } /*#updateSubButton { background:url(/static/images/buttons/search.gif) no-repeat left top; border: none; height: 24px; width: 61px; cursor: pointer; }*/ #todo .content { margin-bottom:-150px; } #flash_update .content { margin-bottom:-20px; } /* * Search suggestions */ #searchBox #result p { float: none; padding: 2px; } #searchBox .sug_p { background: #fff; cursor: pointer; font-size: 13px; height: 17px; margin: 0px; overflow: hidden; padding: 2px; text-align: left; } #searchBox p.sug_p_sel { background-color: #960000; color: #fff; cursor: pointer; font-size: 13px; height: 17px; margin: 0px; overflow: hidden; padding: 2px; text-align: left; } #searchBox .suggestRight { color: #999; font-size: 13px; font-style: italic; } #searchBox .resdiv { background: url(/static/image/layout/form/suggest-info-small.gif) no-repeat left top; border: 1px #ccc solid; border-top: none; display: none; height: 300px; left: 21px; padding-top: 24px; position: absolute; top: 30px; width: 216px; z-index: 2; } #front-page #searchbox .resdiv { background: url(/static/image/layout/form/suggest-info.gif) no-repeat left top;; } #narrowsearchbar .resdiv { background: url(/static/image/layout/form/suggest-info-medium.gif) no-repeat left top; left: 17px; width: 274px; } #searchBox .resdiv p span { font-weight: normal; } .floatLeft, .left { float: left; } .floatRight, .right { float: right; } .clear { clear: both; } .spacer { height: 100%; width: 1px; margin: 0 1em; } /* created due to box.left override */ .leftDiv { float:left; } .notification { background: url( /static/images/notification.gif ) repeat; } .topadvert { margin: 1em 0px 1em 15px; } .listU { margin-left:1em; padding: 0.5em 0em 0.3em 0em; list-style-type: disc; } .listO { margin-left:1.5em; padding: 0.5em 0em 0.3em 0em; } .listU li, .listO li { padding-bottom: 0.4em; } /* list styles for the "Hot Forum Topics" section of People screen - Chris */ .listHot { margin-left:1em; list-style-type:square; } .listHot li.red { color:#a00; } /* list styles for the "In the forums right now" section of People screen - Chris */ #forumnow ul, #recentprofiles ul { list-style-type: none; margin: -8px -15px; } #forumnow li, #recentprofiles li { border-color: #fff #fff #ddd; border-style: solid; border-width: 1px 0; height: 30px; padding: 5px 15px; position: relative; } #forumnow ul .avatar, #recentprofiles ul .avatar { float: left; height: 30px; margin-right: 10px; width: 30px; } #forumnow a.go { float:right; } #recentprofiles .user { display: block; margin-top: 8px; } #recentprofiles .gendermale, #recentprofiles .genderfemale, #recentprofiles .genderpro, #forummoderators .gendermale, #forummoderators .genderfemale { float: left; margin: 8px 8px 0 0; position: relative; } #recentprofiles .meta { position: absolute; right: 15px; top: 8px; } #recentprofiles .meta .flag { margin: 6px 10px; } /* list styles for the "Forum moderators" section in the forum - Jan Ove */ #forummoderators ul { list-style-type: none; margin: -8px -15px; } #forummoderators li { border-color: #fff #fff #ddd; border-style: solid; border-width: 1px 0; height: 30px; padding: 5px 5px; position: relative; } #forummoderators ul .avatar { float: left; height: 30px; margin-right: 10px; width: 30px; } #forummoderators .user { display: block; margin-top: 8px; } #forummoderators .meta { position: absolute; right: 5px; top: 8px; } #forummoderators .meta .flag { margin: 6px 10px; } /* list styles for the "In the forum now" section in the forum - Jan Ove */ #latestforumposts ul { list-style-type: none; margin: -8px -15px; } #latestforumposts li { border-color: #fff #fff #ddd; border-style: solid; border-width: 1px 0; height: 30px; padding: 5px 5px; position: relative; } #latestforumposts ul .avatar { float: left; height: 30px; margin-right: 10px; width: 30px; } .noavatar.large, .avatar.large { display: block; position: relative; height: 85px; width: 85px;color:#990000;text-align:center;vertical-align:middle;line-height:1.5em;padding-top:25px;margin-bottom:-20px; } .noavatar.small, .avatar.small { display: block; position: relative; } .noavatar { border: #666 solid 1px; } .noavatar:hover { border: #990000 solid 1px; } .myacctboxes .avatar span { display: block; font-size: .83em; width: 85px; text-align: center; } .myacctboxes .avatar span:hover { text-decoration: underline; } .myacctboxes a.avatar:hover { text-decoration: none; } .myacctboxes .noContent { background-color: #333; color: #fff; } #userdata { float: left; position: relative; list-style: none; left: 10px; } .ranktext { float: right; margin-right: 10px; width: 222px; } .profileicon { margin-right: 15px; } #mynews { list-style: none; padding-right: 15px; } #mynews li { list-style: square inside; padding: 2px 0; } #zedgenews li { list-style: square inside; padding: 2px 0; } .listNow { list-style-type: none; margin: -8px -15px; } .listHot li.red { color: #a00; } /* Captcha DIV block */ .captchaDiv { border:1px #bbbbbb solid; width:220px; height:29px; overflow:hidden; background:#ffffff; margin-bottom:20px; } .captchaDiv img { border-right:1px #bbbbbb solid; float:left; margin-right:10px; } .captchaDiv input { border:0px solid; font-size:22px; padding-left:3px; letter-spacing:6px; } #zcaptcha { width:100px; } img.ttipImg {vertical-align:middle;margin-right:10px} img.av {width:85px;height:85px;} img.avth {width:30px;height:30px;} #zedgerofday .container { margin-bottom: 0px;padding:0px; padding-top: 15px; position: relative; } #zedgerofday .footer { height: 20px; } #zedgerofday .shout { float:left; margin:5px; width:300px; position:relative; } #zedgerofday .awards { float:left; margin:0px 5px 0px 5px; position:relative; width:300px; height:150px; } #zedgerofday .awards dd { clear:both; float:left; font-size:12px; line-height:2.5em; padding:2px; width:250px; } #zedgerofday .award, #badgesBox .award { float:left; padding-top:5px; width:28px; height:30px; z-index:2; text-align:center; font:15px 'times new roman'; } #zedgerofday .award.gold, #badgesBox .award.gold { background: url( /static/images/icons/awards/item-small-gold.gif ) no-repeat top; margin:0px 4px; } #zedgerofday .award.silver, #badgesBox .award.silver { background: url( /static/images/icons/awards/item-small-silver.gif ) no-repeat top; margin:0px 4px; } #zedgerofday .award.bronze, #badgesBox .award.bronze { background: url( /static/images/icons/awards/item-small-bronze.gif ) no-repeat top; margin:0px 4px; } #zedgerofday .award.general, #badgesBox .award.general { background: url( /static/images/icons/awards/item-small-general.gif ) no-repeat top; margin:0px 4px; } #zedgerofday .award.lifetime, #badgesBox .award.lifetime { background: url( /static/images/icons/awards/item-small-lifetime.gif ) no-repeat top; margin:0px 4px; } #zedgerofday .award.people, #badgesBox .award.people { background: url( /static/images/icons/awards/people.gif ) no-repeat top; margin:0px 4px; padding-top:7px; } #zedgerofday dl.stats { border-left: 1px solid #ddd; height:100%; padding: 0px 5px; position: absolute; right: 5px; text-align: center; top: 0px; } #zedgerofday .stats dd { font-size: 32px; margin-top: 10px; } .noMargin { margin: 0px; } .killMargin { margin: -8px -15px; } .defaultPadding { padding: 15px; } table.two-col { table-layout:fixed;width:578px; border:1px #dddddd solid; border-collapse:collapse; padding:0px;margin-bottom:25px; } td.col-right { vertical-align:top;padding:20px;background:#fcfcfc; } td.col-left { width:238px;vertical-align:top;padding:20px;background:#fff;border-right:1px #f4f4f4 solid;overflow:hidden;text-align:center; } td.cropper { width:372px;border-right:1px #eeeeee solid;padding:20px;background-color:#ffffff; } td.cropper .per { width:240px;text-align:center; } p.cropHelp { height:100px;line-height:17px; } img.cropHelpIcon { float:left;margin-right:15px;padding-bottom:15px; } img.persBanner { margin-bottom:20px;margin-left:0px;border:1px #cccccc solid;width:577px;display:block; } select.cropPhone { width:130px; } select.cropPhone option { padding-right:25px; } input.setDimension { width:60px; } input.submitDimensions { width:120px; } input.uploadPers { font-weight:bold;width:170px; } input.uploadPersDisabled{ width:170px; } table.brandSelect { margin-bottom:20px; } table.brandSelect td { width:150px;vertical-align:top; } table.brandSelect td p { font-size:13px;margin-bottom:9px; } .ztable,.ztable-small {width:647px;border:1px #dddddd solid;background-color:white;border-collapse:collapse;margin-bottom:2px;padding:0px;table-layout:fixed;} .ztable-small {width:578px;table-layout:auto;} .ztable th,.ztable .thc,.ztable-small th,.ztable-small .thc {background: url(/static/images/table-header.png) repeat-x #ffffff; font-size:13px; padding:9px 0px 8px 12px; color:#444444;font-weight:bold;border:1px #ddd solid;} .ztable .thc,.ztable-small .thc {padding:9px 0px 8px 0px;text-align:center;} .ztable tr,.ztable-small tr {background:#ffffff;} .ztable tr.alt,.ztable-small tr.alt {background:#f4f4f4;} .ztable tr.sel,.ztable tr.sel-alt, .ztable-small tr.sel, .ztable-small tr.sel-alt{background:#ede3e3;} .ztd,.ztdc,.ztdr {text-align:left;border:1px #ddd solid;padding:7px;padding-left:12px;} .ztdc {text-align:center;padding:7px 0px 7px 0px;} .ztdr {text-align:right;padding:7px;} .ztd p { font-weight: bold; margin: 0; } .form_buttons {text-align:right;margin-bottom:20px;} span.fl {float:left;} span.fr {float:right;} /* for flash component within counter on People screen - Chris */ /* #flash_online_counter { width:367px;height:117px;overflow:hidden;border:0px #cccccc solid; } .flashcounter { width:465px;height:145px; } */ .flashtag {text-align:center;padding-top:10px;font-size:14px;} /* Arrow graphic styles for Create screen - Chris */ .create-arrow { top:-5px; float:right; height:67px; width:65px; overflow:hidden; margin-left:15px; position:relative; } .create-arrow a { height:67px; display:block; background: url( /static/images/icons/go.gif ) no-repeat bottom; } .create-arrow a:hover { background-position:top; } form {margin-bottom:28px;} /* TYPOGRAPHY ----------------------------------------------------------------------------- */ body { color: #666; font: 12px arial, helvetica, sans-serif, tahoma, verdana, georgia; text-align: center; } h1 { font-size: x-large; color: #333; margin-bottom:30px; padding-top:20px;} h1.white { color:#ffffff; } h2 { font-size: large; color:#222;margin-bottom:20px; } h3 { font-size: medium; color:#222;margin-bottom:17px; } h4 { font-size: small; color: #222; margin-bottom: 14px; } .sm { margin-bottom:2px; } h5, h6 { font-size: 0.9em; margin-bottom: 1em; color: #000; } p { margin-bottom:18px; line-height: 1.3em; background:transparent; } p.xlarge { margin-bottom:38px;} p.large { margin-bottom:28px;} p.med { margin-bottom:8px;} p.small { margin-bottom:3px;} p.none { margin-bottom:0px;} p.nocontent { margin-bottom:0px;font-size:1.3em;color:#a00;} a { text-decoration: none; color: #000; } a:hover { text-decoration: underline; } input { font: 12px arial, helvetica, sans-serif; padding: 2px; } select { font: 12px arial, helvetica, sans-serif; padding: 2px; } textarea { font: 12px arial, helvetica, sans-serif; padding: 2px; } a.ul,a.inTextLink { text-decoration:underline; color: #960000;} .ident { color: #960000; } .notice { color: #000; } .subnotice { color: #333; } .larger { font-size: larger; } .smaller { font-size: .9em; } .spacer { background-color: #fff; border-right: 1px solid #ccc; } /* NEEDS TO BE MORE SPESIFIC */ .update { clear: both; height: 25px; width: 100%; } .up { font-size: larger; } .down { font-size: smaller; } p.error { color:#cc0000;font-weight:bold;font-size:14px;padding:10px 0px 5px 0px;} blockquote:before, blockquote:after { content: '"'; font-size: large; } #container { text-align: left; } .formHeader { font-size: 11px; } .term { line-height: 1.2em; margin-bottom: 1.5em; } .term p { font-weight: bold; margin: 0; padding: 0 0 0.5em 0; } p.medBlet { height:auto; background:url(/static/images/arrow-small.gif) no-repeat; overflow:hidden; border:none; margin:0px 0px 5px 0px;padding:0px 0px 0px 10px;font-size:14px;} .disclaimer { font-size: 12px; color: #666666; font-style: italic; } span.cHAlt { color:#c6b286; } div.zLayer { visibility:hidden; position:absolute; width:220px; height:auto; left:1px; top:1px; border:2px #bbbbbb solid; background:#ffffff; padding:6px; } div.regTips { font-size: 11px; margin-bottom: 0px; color: #222; text-align: left; } h4.regTips { font-size: 11px; margin-bottom: 5px; } div.zLayer .regTipsA { width:300px; } span.sDiv { color: #aaa; padding-left: 9px; padding-right: 9px; } .boxheader { display:inline; margin-bottom:0px; } #subscribeButton { width:60px;font-weight:bold; } /* ITEM BOXES ----------------------------------------------------------------------------- */ .itemHeader { padding-left:5px; } .cItems { } .itemwrapper { clear:both;padding-top:20px;width:100%;text-align:center; } .itemcontainer { float:left; width:155px; margin:0px; margin-bottom:20px; display:inline; position:relative;} .singleitemcontainer { width:156px; margin:0px; margin-bottom:10px; display:inline; position:relative;} .itemheader, .itemfooter { width:100%; height:14px; background: url( /static/images/items/item_closure.gif ) no-repeat; } .itemheader { background-position: top left; } .itemfooter { background-position: bottom left; } .itembody { width: 100%; background: url( /static/images/items/item_background.gif) repeat-y; } .itembox { font-size:0.9em; width:128px; margin:0 auto; padding-bottom:0.3em; background-color:#fff; text-align:left; } .ringtone-item .award { width:21px;height:35px;float:left;margin-left:85px;margin-top:2px;clear:none;position:absolute;} .itemcontainer .award .place, .ringtone-item .award .place{ float:left; width:28px; height:35px; z-index:2; text-align:center; } .itemcontainer .award .place a, .ringtone-item .award .place a { display:block;height:35px;width:28px; } .itembody .award, .browserowbox .award { width:28px;height:28px;float:right;} .itembody .gold, .browserowbox .gold { background-image:url(/static/images/icons/awards/item-small-gold.gif); background-repeat:no-repeat; } .itembody .silver, .browserowbox .silver { background-image:url(/static/images/icons/awards/item-small-silver.gif); background-repeat:no-repeat; } .itembody .bronze, .browserowbox .bronze { background-image:url(/static/images/icons/awards/item-small-bronze.gif); background-repeat:no-repeat; } .itembody .general, .browserowbox .general { background-image:url(/static/images/icons/awards/item-small-general.gif); background-repeat:no-repeat; } .itembody .lifetime, .browserowbox .lifetime { background-image:url(/static/images/icons/awards/item-small-lifetime.gif); background-repeat:no-repeat; } .award .place { margin-top:4px; color:#000; text-align:center; font-size:9px; font-weight:bold; width:100%; font:15px 'times new roman'; } .place a:hover { text-decoration:none; } .iteminfo { margin-bottom:1em;height:1.3em; line-height:1.3em; margin-bottom:0em; overflow:hidden; width:95px; } /* Small version of item box styles for profiles People screen - Chris */ .itemcontainer-sm { float:left; width:110px; height:auto; margin:0px; margin-bottom:5px; display:inline; position:relative;} .itemheader-sm { width:110px; height:10px; background: url( /static/images/box/item_corners_small.png) no-repeat top; } .itemfooter-sm { width:110px; height:10px; background: url( /static/images/box/item_corners_small.png) no-repeat bottom; } .itembody-sm { width: 110px; background: url( /static/images/box/item_background_small.png) repeat-y; } .itembox-sm { font-size:0.9em; width:84px; margin:0 auto; padding-bottom:0.1em; background-color:#fff; text-align:left; } .iteminfo-sm { padding-left:16px;height:1.0em; line-height:1.0em; margin-bottom:0.1em; overflow:hidden; } .itemavatar { float:right; width:30px; height:30px; position:relative; } .boxringtones .itemavatar { float: none; position: absolute; right: 0; top: 0; } .itemtags, .itemuname { width:94px; position:relative; overflow:hidden; height:1.3em; line-height:1.3em;} .itemuname .itemunamelink { position:absolute;left:16px;top:0px;width:84px; } .itemtag, .itemtitle { font-size: 12px; height:1.3em; line-height:1.3em; position:relative; } .zodavatar { float:left;position:relative; } .zoddesc { float:left;margin-left:5px; } .itemuname { background-color:white } .item-margin4 { margin-right:6px;} /* wide rounded white boxes on Create screen - Chris */ .widecontainer { height:auto; margin:0px -5px; margin-bottom:5px; position:relative;} .wideheader { height:20px; margin-left:10px; background: url( /static/images/box/corners_white.png) no-repeat top right; } .widefooter { height:20px; margin-left:10px; background: url( /static/images/box/corners_white.png ) no-repeat bottom right; } .wideheader .left { background-position:top left;margin-left:-22px; } .widefooter .left { background-position:bottom left;margin-left:-22px; } .widebody { height:100%; background-color: #fff; } .widebox { margin:0 auto; padding-bottom:0.1em; background-color: #fff; text-align:left; } /* short rounded white boxes on Dowload screen - Chris */ .short { float:left; width:190px; margin:5px; margin-bottom:5px; position:relative; display:inline; } .shortheader { width:190px; height:20px; margin-left:10px; background: url( /static/images/box/corners_white.png) no-repeat top right; } .shortfooter { width:190px; height:20px; margin-left:10px; background: url( /static/images/box/corners_white.png) no-repeat bottom right; } .shortheader .left { background-position:top left;margin-left:-22px; } .shortfooter .left { background-position:bottom left;margin-left:-22px; } .shortbody { width:188px; height:100%; background-color: #fff; } .shortbox { width:185px; } /* rounded white boxes on the download item screen - Chris */ .downmain { width:auto; height:100%; position:relative; display:inline; } #downitemcontent .downmain { display:block; } #downitemcontent #zitem object { left: 55%; position: absolute; top: 50%; } .downmainheader { width:auto; height:15px; background: url( /static/images/box/corners_white_inner.gif) no-repeat top right;margin-left:-4px;margin-right:-3px; } .downmainheadleft { width:15px; height:15px; background: url( /static/images/box/corners_white_inner.gif) no-repeat top left; } .downmainfooter { width:auto; height:15px; background: url( /static/images/box/corners_white_inner.gif) no-repeat bottom right;margin-left:-4px;margin-right:-3px; } .downmainfootleft { width:15px; height:15px; background: url( /static/images/box/corners_white_inner.gif) no-repeat bottom left; } .downmainbody { width:auto; height:100%; background: #fff; border-left:1px solid #eee; border-right:1px solid #eee; } .downmainbox { width:95%; } #downmaingetit { width:520px; height:106px; margin-top:10px; margin-bottom:10px; background: url( /static/images/box/get_it.PNG) no-repeat; } #downmainreport { margin-right: 10px; text-align: right; } #downmainreport img { vertical-align: middle; } .downside { width:311px; margin:0px; position:relative; display:inline; } .downsideheader { width:311px; height:10px; background: url( /static/images/box/download_side_main.gif) no-repeat top left; } .downsidefooter { width:311px; height:10px; background: url( /static/images/box/download_side_main.gif) no-repeat bottom left; } .downsidebody { width:311px; height:100%; background: url( /static/images/box/download_side_body.gif) repeat-y left; } .downsidebox { width:291px; } .comment { float:left; width:454px; margin:5px; position:relative; display:inline; } .commentheader { width:454px; height:11px; background: url( /static/images/box/balloon_box_top.png) no-repeat; } .commentfooter { width:454px; height:14px; background: url( /static/images/box/balloon_box_btm.png) no-repeat; } .commentbody { width:454px; height:100%; background: url( /static/images/box/balloon_box_body.png) repeat-y; } .commentbox { width:400px; margin-left:25px; display:block;} /* New comment CSS by Kenneth */ .comment_container {border:0px #cccccc solid;padding-top:20px;} .comment_header {height:30px;margin-bottom:4px;color:#000000;font-size:11px;} .comment_avatar {display:block;float:left;} .bubble_wrap { float:right;width:92%; } .bubble_top {width:auto;height:14px;background:url(/static/images/box/bubble-top.gif) no-repeat right;margin-left:25px;margin-right:8px;} .bubble_top .left {background:url(/static/images/box/bubble-top.gif) no-repeat left;margin-left:-25px;width:25px;} .bubble_bg {width:auto;height:auto;background:url(/static/images/box/bubble-bg.gif) repeat-y left;margin-left:0px;margin-right:9px;line-height:1.5em;padding:0px;} .bubble_bg .bubbleright {background:url(/static/images/box/bubble-bg.gif) repeat-y right;width:auto;height:auto;margin-left:15px;margin-right:0px;overflow:hidden;color:#000;} .bubble_bg .bubble_content { color:#000;padding-left:10px;padding-bottom:2px; } .bubble_footer {width:auto;height:10px;background:url(/static/images/box/bubble-bottom.gif) no-repeat right;margin-left:25px;margin-right:8px;} .bubble_footer .left {background:url(/static/images/box/bubble-bottom.gif) no-repeat top left;margin-left:-23px;width:23px;} .comment_lspan {float:left;padding-left:14px;padding-top:10px;} .comment_rspan {float:right;padding-top:10px;} .comment_rspan a { color:#777777;} .post { width:526px; margin:5px; position:relative; display:inline; } .postheader { width:526px; height:11px; background: url( /static/images/box/black_tab_top.png) no-repeat; } .postfooter { width:526px; height:11px; background: url( /static/images/box/black_tab_btm.png) no-repeat; } .postbody { width:526px; height:100%; background: url( /static/images/box/black_tab_body.png) repeat-y; } .postbox { float:left;width:480px; margin-left:10px; } .posttoolbox { float:left;margin-left:10px; } .postbutton { background:url(/static/images/box/black_box.png) no-repeat;height:23px;width:81px;text-align:center;bottom:1em;padding-top:3px;margin-top:-10px; } .commenttoptitle { margin-bottom:10px;margin-top:10px; } .commentname { float:left;width:auto; } .commentpost { float:left;padding-left:5px;padding-right:5px; } .margincenter { margin-left:auto; margin-right:auto; } .spacerdiv { height: 0px; } /* text tool button style for comment posting in download item screen - Chris */ .text-tool { color:#fff; font-size:20px; cursor:pointer; } /* styles for download item screen - Chris */ .itemaward { position:absolute; z-index: 2; top: -5px; margin-left: 20px; width: 70px; height: 70px; padding-top: 8px; text-align:center; } #awardribboncontainer .itemaward.gold { background: url( /static/images/icons/awards/item-gold.gif ) no-repeat top; } #awardribboncontainer .itemaward.silver { background: url( /static/images/icons/awards/item-silver.gif ) no-repeat top; } #awardribboncontainer .itemaward.bronze { background: url( /static/images/icons/awards/item-bronze.gif ) no-repeat top; } #awardribboncontainer .itemaward.general { background: url( /static/images/icons/awards/item-general.gif ) no-repeat top; } #awardribboncontainer .itemaward.lifetime { background: url( /static/images/icons/awards/item-lifetime.gif ) no-repeat top; } .itemaward.small.gold { background: url( /static/images/icons/awards/item-small-gold.gif ) no-repeat top; } .itemaward.small.silver { background: url( /static/images/icons/awards/item-small-silver.gif ) no-repeat top; } .itemaward.small.bronze { background: url( /static/images/icons/awards/item-small-bronze.gif ) no-repeat top; } .itemaward.small.general { background: url( /static/images/icons/awards/item-small-general.gif ) no-repeat top; } .itemaward.small.lifetime { background: url( /static/images/icons/awards/item-small-lifetime.gif ) no-repeat top; } .itemaward span { color: #fff; font-family: 'times new roman'; font-size: 45px; -moz-opacity: 0.6; } #awardtext { padding-left:35%; height:auto; padding-top:2px; line-height:1.4em; } #awardribboncontainer { position: relative; margin-top:0px; margin-bottom:0px; } .awarddivider { border-top:2px solid #FFFFFF; margin:0px; } .flashplayerdload { float:right;margin-right:120px;margin-top:-100px; } .tinyaward {float:left; padding-top:5px; width:28px; height:35px; z-index:2; text-align:center; font:11px 'times new roman'; } .tinyaward.gold { background: url( /static/images/icons/awards/item-small-gold.gif ) no-repeat top; } .tinyaward.silver { background: url( /static/images/icons/awards/item-small-silver.gif ) no-repeat top; } .tinyaward.bronze { background: url( /static/images/icons/awards/item-small-bronze.gif ) no-repeat top; } .tinyaward.general { background: url( /static/images/icons/awards/item-small-general.gif ) no-repeat top; } .tinyaward.lifetime { background: url( /static/images/icons/awards/item-small-lifetime.gif ) no-repeat top; } .mobilezedge { float: right; margin: 15px 10px 0 -30px; } .sendPhone, .downloadPc, .addFavorite { clear: both; display: block; height: 45px; margin-bottom: 5px; width: 100%; text-align: center; } .sendPhone:hover, .downloadPc:hover, .addFavorite:hover { background-position: bottom; } a.sendPhone { background: url( /static/images/icons/sendPhone.gif ) no-repeat top; } a.downloadPc { background: url( /static/images/icons/downloadPc.gif ) no-repeat top; } a.addFavorite { background: url( /static/images/icons/addFavorite.gif ) no-repeat top; } /* styles for rating icons on download item screen - Chris */ #ratemaster { padding:0px 172px; } #ratecontainer { position:relative; clear:both; width:97px; margin-left:auto; margin-right:auto; text-align:center; } #ratecontainer .rateText { color:#000000; font-size:11px; position:absolute; top:29px; left:0px; width:100%; } #thumb-up { float:left;width:48px;height:44px;background:url(/static/images/icons/rateit.png) no-repeat top left;margin-right:1px; } #thumb-down { float:left;width:48px;height:44px;background:url(/static/images/icons/rateit.png) no-repeat top right; } /* styles for forum items and ringtones sidebar list boxes - Chris */ .whiterow { background-color:#ffffff; } .forumlistitem { display:block; line-height:2.5em; height:29px; overflow:hidden; } .downloadlistitem { height:32px; display:block; padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; line-height:2.5em; font-size:0.8em; font-weight:normal; overflow:hidden; } .poprtlistitem { height:32px; display:block; margin-left:0px; line-height:1.5em; font-size:0.8em; font-weight:normal; overflow:hidden; } .poprtlistitem .dlrownum { float:left;font-size:2.5em;line-height:1.5em;margin-right:5px; } .flb { line-height:1.5em; height:20px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; } .frn { line-height:1em; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; padding: 5px 15px; } .frn a { color: #666; } .lst { border-bottom:0px; } .avatarleft { float:left; margin-right:10px; } .playtone { float:right; margin-right:5px; } .ringlist { float:left; font-size:2em; color:#ccc; font-weight:bold; padding-left:5px; padding-right:5px; } #avatargrid { width:auto;margin-top:10px;margin-left:15px; } #avatargrid img { margin:2px; } #relatedbox_body .poprtlistitem.whiterow { margin-left:-5px; margin-right:-5px;padding-left:5px;padding-right:5px; } #moreImgcontainer { float:right; padding-right:20px; padding-top:80px; width:127px; } #moreScreenshots { background:url(/static/images/buttons/moreScreenshots.gif) no-repeat bottom; cursor:pointer; height:26px; width:127px; } #moreScreenshots:hover { background:url(/static/images/buttons/moreScreenshots.gif) no-repeat top; cursor:pointer; height:26px; width:127px; } #viewFullsize { background:url(/static/images/buttons/viewFullsize.gif) no-repeat bottom; cursor:pointer; float:left; height:26px; width:98px; } #viewFullsize:hover { background:url(/static/images/buttons/viewFullsize.gif) no-repeat top; cursor:pointer; float:left; height:26px; width:98px; } #num_votes { color:#000000; font-weight:bold; } .rightstars { text-align:right; height:15px; width:80px; margin-top:4px; } a.stars { position: relative; display: block; width: 53px; height: 1.3em; line-height: 1.3em; margin-bottom: 1em; text-decoration: none; } .boxringtones a.stars { margin-bottom: 0; } .smallstars { width:55px; height:9px; line-height:9px; font-size:5px; } .stars0 { background: url( /static/images/icons/stars_0.png ) no-repeat; } .stars1 { background: url( /static/images/icons/stars_1.png ) no-repeat; } .stars2 { background: url( /static/images/icons/stars_2.png ) no-repeat; } .stars3 { background: url( /static/images/icons/stars_3.png ) no-repeat; } .stars4 { background: url( /static/images/icons/stars_4.png ) no-repeat; } .stars5 { background: url( /static/images/icons/stars_5.png ) no-repeat; } .starsSml0 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px 0px; } .starsSml1 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px -9px; } .starsSml2 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px -18px; } .starsSml3 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px -27px; } .starsSml4 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px -36px; } .starsSml5 { background: url( /static/images/stars_small.gif ) no-repeat; background-position:0px -45px; } .starsLrg0 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px 0px; } .starsLrg1 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px -15px; } .starsLrg2 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px -31px; } .starsLrg3 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px -47px; } .starsLrg4 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px -64px; } .starsLrg5 { background: url( /static/images/stars.gif ) no-repeat; background-position:0px -80px; } .contentLink { display:block; position:relative; } /*.contentLink .fixDimensions { height:100px; width:100px; } */ .fixDimensions { height:128px; width:133px; } .zTP { height: 100%; position: absolute; width: 128px; background:url( /static/images/zedge_tp.gif ); } .zTP .fixHeight { height:100px; } .famfilterbackground { background-color: #333; height: 100%; position: absolute; z-index: 5; } .itemdl { margin-bottom:0.0em; position:relative; display:block; width:100%; height:1.3em; line-height:1.3em; } .boxringtones .itemdl { height: 30px; margin-top: 10px; } /* Personaliser Classes - migrated by Kenneth, can be gone over. */ img.dynaWall { border:1px #999999 solid;margin-top:5px;width:96px;height:96px;} div.dynaWallBox { width:98px;float:left;margin:0px 61px 20px 0px;} div.dynaFont { overflow:hidden;width:98px;height:36px;border:1px #999999 solid; float:left;margin: 0px 15px 10px 0px; background-color:white;} /* DynaSaver Classes */ img.dynaTemplate { border: 1px #999 solid; margin: 15px; width: 96px; height: 96px; } div.dynaTemplateIBox { margin-top: 6px; background-color:#f2f2f2;border:1px #cccccc solid;} div.dynaTemplateOBox { float:left; margin: 25px 19px 5px 0px;} /* - - - */ div.icBox {width:132px;height:132px;margin:0 auto;border:1px #dddddd solid;border-bottom:1px #e5e5e5 solid;overflow:hidden;} div.icBox img {padding: 2px 2px;} .myupload .icBox { border-style:none; } #myupload .rtPlayer object { left:53px; position:relative; top: 12px; } /* profile classes */ .proImg {margin-right:12px;float:left;} .proComm {border-bottom:1px #666666 solid;padding:12px 0px 15px 0px;width:100%;margin-bottom:0px;background:url(/static/images/gb-back-black.gif) top repeat-x #333232} .proCommTop {border-top:1px #444444 solid;border-bottom:1px #666666 solid;padding:12px 0px 15px 0px;width:100%;margin-bottom:0px;background:url(/static/images/gb-back-black.gif) top repeat-x #333232} /** * @section Zeditor */ #zeditor_size { text-align: center; width: 200px; z-index: 100; } #zeditor_color { height: 163px; overflow: hidden; text-align: center; width: 170px; z-index: 100; } #zeditor_image { background: #fff; border: 2px #bbb solid; height: 250px; padding: 12px; position: absolute; text-align: center; visibility: hidden; width: 330px; z-index: 100; } #zeditor_emoticons { background-color: #fff; border: 2px #bbb solid; height: 320px; padding: 12px; position: absolute; text-align: center; visibility: hidden; width: 452px; z-index: 100; } #zeditor_emoticons p.med { width: 452px; height: 295px; overflow: auto; } #zeditor_emoticons a img { padding: 5px; } #zeditor_menu { background: url( /static/images/account/wysiwygbg.png ) repeat-x; border-color: #ddd #ddd #fff #ddd; border-style: solid; border-width: 1px; height: 25px; padding: 5px 0 0 20px; overflow: hidden; text-align: left; } #zeditor { border: #ddd solid 1px; margin: 0px 0px 10px 0px; padding: 1px; width: 99%; } /* item rows in ajax content boxes */ .itembox_header { height: 25px; padding-top: 5px; } #itembox_header_dl { padding: 5px 0px 5px 5px; } .box .default.footer a { margin-right: -8px; } .header_info { color: #333; float: left; font-size: 1.4em; font-weight: bold; } .header_link { float: right; font-size: 1.2em; } .filtered_row { margin-bottom:0px;} .filtered_row_caption { font-size: 1.4em; font-weight: bold; margin-bottom: 17px; color: #333333; } #browse.deftabs .header_info, #browse.deftabs .filtered_row_caption { padding-left:15px; } #browse.deftabs .header_link { padding-right:15px; } #browse.deftabs .gamePad { padding-left:15px; } .famFilter { background-color: #eee; filter:alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity: 0.98; } /* bbcode interface */ #bbcSize { text-align:center;width:200px; } #bbcColor { text-align:center;width:170px; } #bbcColor .wrapper { width:170px;height:136px;overflow:hidden;margin-bottom:10px; } p.bbcSize{border:1px #cccccc solid;padding:3px;margin-bottom:2px;background-color:#f9f9f9;} a.bbcCol{display:block;float:left;width:30px;height:30px;border:1px #999999 solid;margin:0px 2px 2px 0px;overflow:hidden;} .spinner_layer { position:absolute; z-index:199; width:35px; height:35px; background:url(/static/images/icons/spinner_moz.gif) no-repeat; visibility:hidden; } .tab_spinner { position:absolute; bottom:9px; right:14px; z-index:199; width:16px; height:16px; background:url(/static/images/icons/spinner_moz.gif) no-repeat; visibility:hidden; } /* CLEAN UP! We do not need most of these .. classes to replace random inline styles */ .fontBold { font-weight:bold; } .textUnderline { text-decoration:underline; } .font10 { font-size:10px; } .font11 { font-size:11px; } .font12 { font-size:12px; } .font13 { font-size:13px; } .font14 { font-size:14px; } .font15 { font-size:15px; } .font16 { font-size:16px; } .font17 { font-size:17px; } .font18 { font-size:18px; } .font19 { font-size:19px; } .font20 { font-size:20px; } .font26 { font-size:26px; } .textLeft { text-align:left; } .textCenter { text-align:center; } .textRight { text-align:right; } .greyb { color:#bbbbbb; } .greyc { color:#cccccc; } .grey4 { color:#444444; } .grey5 { color:#555555; } .grey6 { color:#666666; } .grey7 { color:#777777; } .grey9 { color:#999999; } .fontBlack { color:#000000; } .pad0 { padding:0px; } .pad5 { padding:5px; } .pad12 { padding:12px; } .padLeft0 { padding-left:0px; } .padLeft2 { padding-left:2px; } .padLeft5 { padding-left:5px; } .padLeft10 { padding-left:10px; } .padLeft15 { padding-left:15px; } .padLeft30 { padding-left:30px; } .padLeft50 { padding-left:50px; } .padRight3 { padding-right:3px; } .padRight8 { padding-right:8px; } .padRight10 { padding-right:10px; } .padRight15 { padding-right:15px; } .padTop4 { padding-top:4px; } .padTop5 { padding-top:5px; } .padTop8 { padding-top:8px; } .padTop10 { padding-top:10px; } .padTop12 { padding-top:12px; } .padTop15 { padding-top:15px; } .padTop20 { padding-top:20px; } .padBottom30 { padding-bottom:30px; } .mar5 { margin:5px; } .marLeft0 { margin-left:0px; } .marLeft5 { margin-left:5px; } .marLeft10 { margin-left:10px; } .marLeft15 { margin-left:15px; } .marLeft20 { margin-left:20px; } .marLeft30 { margin-left:30px; } .marLeft50 { margin-left:50px; } .marLeft100 { margin-left:100px;} .marLeft115 { margin-left:115px;} .marRight0 { margin-right:0px; } .marRight5 { margin-right:5px; } .marRight10 { margin-right:10px; } .marRight13 { margin-right:13px; } .marRight15 { margin-right:15px; } .marRight20 { margin-right:20px; } .marRight30 { margin-right:30px; } .marTop0 { margin-top:0px; } .marTop5 { margin-top:5px; } .marTop10 { margin-top:10px; } .marTop15 { margin-top:15px; } .marTop20 { margin-top:20px; } .marBottom0 { margin-bottom:0px; } .marBottom1 { margin-bottom:1px; } .marBottom3 { margin-bottom:3px; } .marBottom5 { margin-bottom:5px; } .marBottom10 { margin-bottom:10px; } .marBottom16 { margin-bottom:16px; } .marBottom20 { margin-bottom:20px; } .marBottom25 { margin-bottom:25px; } .marBottom26 { margin-bottom:26px; } .marBottom30 { margin-bottom:30px; } .line20 { line-height:20px; } .line23 { line-height:23px; } .vertTop { vertical-align:top; } .vertMid { vertical-align:middle; } .vertBot { vertical-align:bottom; } .inline { display:inline;} .linkHand { cursor:pointer; } .loginButton { width:150px;font-size:15px;font-weight:bold;padding:3px 0px 3px 0px; } .gameLinkContain {width:150px;vertical-align:top;} p.cThanks {margin-bottom:0px;font-size:15px;font-weight:bold;padding-top:10px;} input.contactField {width:200px;} textarea.contactMsg {width:400px;height:150px;} input.sendMsg {width:150px;font-weight:bold;} .galleryContainer { background-color:#ffffff; width:100%; border:1px solid #cecece; border-top: 0px solid; margin-bottom:7px; height:100%; overflow:hidden; } .galleryWrap { margin:20px 12px 20px 12px; text-align:left; padding:0px; font-size:12px; } .galleryThumbContainer { width:110px; height:80px; float:left; margin:0px 0px 20px 0px; } .galleryThumb { padding:2px; border:1px #cccccc solid;height:70px;width:70px; } .criteriaBox { float:left; width:436px; border-left:1px #cccccc solid; padding-left:30px; } .criteriaHead { height:29px; font-size:14px; margin-bottom:9px; width:150px; height:20px; float:left; color:#444444; } .criteriaBody { height:29px; font-size:14px; margin-bottom:9px; width:260px; height:20px; float:left; } .screenshotBox { margin-bottom:0px; border-bottom:1px #cccccc solid; } img.screenShot { padding: 2px; margin:0px 9px 20px 0px; border:1px #cccccc solid; } .gameDesc { margin-bottom:30px; padding:30px 0px 0px 0px; font-size:15px; font-style:italic; } .quotStart { margin-right:9px; vertical-align:top; } .quotEnd { margin-left:9px; vertical-align:bottom; } .gamesBanner { display:block; margin-bottom:20px; height:180px; } #lstVendor { width:150px; margin-right:10px; } #lstDevice { width:200px; visibility:hidden; } .phoneHead { height:24px; } img.handSet { margin-right:7px; vertical-align:middle; } .gameShow { height:18px; margin-bottom:24px; } .cropHelp { height:70px; } .myAccountSide { height:15px; } .myAccountSideL { width:265px;overflow:hidden;float:left; } .myAccountTasks { width:250px;border-bottom:1px #bbbbbb dashed;margin-bottom:15px;padding-bottom:15px; } p.myTasks { font-size:18px;color:#555555 } .myAccountWhatsNew { width:250px; } .myAccountSideR { width:270px;overflow:hidden;border-left:1px #bbbbbb dashed; } .myProfileLink { width:255px;margin-left:15px;border-bottom:1px #bbbbbb dashed;margin-bottom:15px;padding-bottom:15px; } .myMobileInfo { width:255px;margin-left:15px; } .myAvatarContainer { font-size: 14px; height: 85px; } .myDownloadTableHead1 { width:30px; } .myDownloadTableHead2 { width:120px; } .myDownloadTableHead3 { width:100px; } .myDownloadTableHead4 { width:70px; } .myDownloadTableHead5 { width:60px; } .myDoSelect { margin-right:20px;width:100px } .myDoSelectAll { width:100px } .myWAPScrn1 { border:1px #dddddd solid;float:right;margin-left:30px; } .myWAPScrn2 { border:1px #dddddd solid;float:right;margin-left:50px; } .myPeopleTable { width:100%; table-layout:fixed; border-collapse:collapse; color:#444444; border:1px #dddddd solid; margin-bottom:25px; } .myPeopleTable tr { background:url(/static/images/table-back.gif) repeat-x #ffffff; } .myPeopleTable td { text-align:center; border:1px #dddddd solid; padding:7px; } .myPeopleTable td.first { width:50px; } .myPeopleTable td.mids { width:120px; } .myPeopleTable td.last { width:80px; } .myDivider { margin: 0px 7px 0px 7px; } .upMB { width:450px;font-size:13px; } .myPrLim { float:none;margin-left:10px; } .reportItemTitle { padding:5px;background-color:#fafafa; } .reportFormDiv { float:right;width:260px;overflow:hidden; } .reportFormContainer { float:left; width:300px; border-right:1px #cccccc solid; padding-right:5px; } form.reportForm { width:300px; margin:0px; } form.reportForm input, form.reportForm select { width:200px; } form.reportForm textarea { width:280px;height:100px; } input.resendEmail { width:200px; } .zpleft { width:260px; } span.exclaim { color:#960000;font-size:14px;font-weight:bold; } span.copyr { margin:5px auto; } input.embedCode { width:276px; } input.subRing { font-weight:bold; width:140px; } input.subRingPriv { font-weight:bold; width:160px; } input.ringTitle { width:143px; } textarea.ringTags { width:250px; height:31px; } textarea.ringDesc { width:250px; height:43px; } .ringtoneFlash { width:576px;height:240px; } #zrt_cropper { border:1px #cccccc solid;height:240px; } .cropBanner { display: block; margin-bottom:30px; border:1px #cccccc solid; width:587px; height:240px; } table.ringtoneUpload { width:588px;table-layout:fixed; border-collapse:collapse; color:#444444; border:1px #dddddd solid; margin-bottom:25px; } table.ringtoneUpload tr.alt { background-color:#f6f6f6; } table.ringtoneUpload td { padding:6px 6px 6px 8px; } table.ringtoneUpload td.title{ width:180px; vertical-align:top; padding-top:10px; } table.ringtoneUpload td.copy{ padding-top:10px; } table.ringtoneUpload td.copy p{ font-size:11px; text-align:justify; padding-right:25px;color:#000; } span.selTitle { float:left; font-size:11px; color:#2d4966; } p.procTip { margin-top:8px; margin-top:5px; margin-bottom:10px; font-size:10px; color:#555555; } .gbSub { margin-top:8px;font-size:11px; } .uploadFlash { width:352px; height:75px; } select.ringCat { width:149px; } span.ringDeleteWarn { color:#aa0000;font-weight:bold; } img.ringTags { vertical-align:text-bottom;margin-right:5px; } .toolContainer { width:570px;height:92px;margin-bottom:10px; } .toolWrapper1 { float:left;width:194px;margin-right:10px; } .toolWrapper2 { float:left;width:120px;margin-left:20px; } input.aniText { width:190px; } select.colorSel { width:120px; } select.bgColorSel { width:300px; } select.aniSel { width:350px; } select.phoneSel { width:190px } #fcol { border:1px #BBBBBB solid;width:118px;height:50px;background-color:#ffffff;float:left; } #bcol { border:1px #BBBBBB solid;width:118px;height:50px;background-color:#000000;float:left; } .themesBanner { display:block;margin-bottom:30px;width:580px;height:178px;border:1px #cccccc solid; } .regNotice { font-weight:bold;font-size:23px;position:relative;left:66px;top:220px;width:450px;height:70px;border:0px #cccccc solid;text-align:center; } .feedbackDiv { display:none;background-color:#f4f4f4;padding:20px;border:1px #cccccc solid;margin-bottom:20px;width:540px; } #tm_feedback { display:block;width:530px;height:80px;margin-bottom:15px;padding:2px; } input.cancelFeed { width:100px;margin-right:20px; } input.sendFeed { width:150px;font-weight:bold; } iframe.themeFrame { display:block;height:660px;width:602px;margin-left:-12px;margin-bottom:25px;padding:0px; } img.themeCheck { vertical-align:middle;margin-right:7px;width:24px;height:24px; } img.themePrev { border:1px #dddddd solid; } table.themeType { margin-bottom:12px; } table.themeType td { padding-top:10px;vertical-align:top; } table.themeType td p.copy { font-size:11px;text-align:justify;padding-right:25px; } table.themeType td.title { width:180px; } table.themeType select { width:300px; } table.themeType tr.alt { background-color:#f6f6f6; } p.zeroTolerance { color:#990000; } table.wallPrev { table-layout:fixed; width:589px; border:1px #dddddd solid; border-collapse:collapse; padding:0px; margin:0px; margin-bottom:20px; } table.wallPrev td.title { width:260px; vertical-align:middle; text-align:center; border-right:1px #eeeeee solid; padding-bottom:10px; padding-top:10px; background-color:#f9f9f9; } #f_desc { float:none; margin-left:10px; float:right; font-size:10px; color:#555555; padding-top:1px; } span.helpTxt { margin-left:30px; margin-top:5px; margin-bottom:10px; font-size:10px; color:#555555; } span.noDesc { font-style:italic;color:#888888; } #additional_images { position:absolute; visibility:hidden; border:1px solid black; width: 450px; height: 290px; top:auto; left:auto; overflow: auto; padding:10px; background-color:#FFFFFF; text-align:center; } #additional_images .close { clear:both; width:auto; height:auto; bottom:0px; left:auto; } #additional_images img { border:1px solid #EEEEEE; padding:5px; } #zitem.ringtone { height:120px; margin:5px 0px -20px 0px; padding-top:35px; padding-left:62px; } .myfavs_ringtone { background-position: bottom left; height:70px; margin-left: 10px; width: 100px; } .storeItem { float:left; text-align:center; width:32%; } .long { padding-left: 80px; } #zfirst { display:none; } #status_container, #download_to_pc_container, #game_download_options, #send_to_phone_container, #add_to_my_account_container, #share_friends_container, #embed_container { margin:0px; display:none; padding: 15px 55px 15px 55px; border-bottom:1px solid #EEEEEE; background-color:#FDF5E6; color:#000000; } #status_container { background-color: #F5F5F5; } #singleDLspace { display:none; height:0px; } .embed_container_links { height:30px; width:auto; padding-top:5px; color:#000000; text-align:center; } #getitFooter { height:20px; padding-top:5px; font-size:11px; } .getitFooter { height:20px; padding-top:5px; font-size:11px; } .divider { border-bottom:1px solid #eee; width:100%; margin-top:10px; } .share_friends_comments { width:400px; } .code_embed { font-size:11px; } .downboxtop { border-top: 1px solid rgb(204, 204, 204); margin-top: 5px; padding-top: 5px; } .screensaverDivL { float: left; text-align: center; padding-left: 80px; line-height:27px; } .screensaverDivL a { background: transparent url(/static/images/icons/screensaverSmall.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 23px; padding-bottom: 5px; } .wallpaperDivR { float: right; text-align: center; padding-right: 80px; line-height:27px; } .wallpaperDivR a { background: transparent url(/static/images/icons/wallpaperSmall.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 21px; padding-bottom: 5px; } .shareDivL { float: left; text-align: center; padding-left: 80px; line-height:25px; } .shareDivL a { background: transparent url(/static/images/share_.jpg) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; padding-bottom: 5px; } .shareDivR { float: right; text-align: center; padding-right: 80px; line-height:25px; } .shareDivR a { background: transparent url(/static/images/embed.jpg) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 16px; padding-bottom: 5px; } .commContainer { background:#f3f3f3; } #comment_hr { margin-top:10px;margin-bottom:10px; } #creator_hr { margin:15px 0px 20px 0px; } #zbb_bold { font-weight:bold;top:0px; } #zbb_italic { font-style:italic;margin-top:20px; } #zbb_under { text-decoration:underline;margin-top:20px; } #ztext_post { border:0px;width:460px; } #comm_post_button { font-weight:bold;width:130px;margin-left:30px; } .creatorDiv { float:left; } .creatorInfoDiv { float:left; display:inline; margin-left:5px; width:200px; } .creatorInfoDiv .details { padding-left:16px; line-height:1.30em; margin-bottom:0.1em; overflow:hidden; } .smFont { font-size:0.9em; } .halfTabs { width:50%; } .quarterTabs { width:25%; } #zFVoiceMaker { padding:0px;width:576px;height:550px;overflow:hidden;margin:0px;border:1px #cccccc solid;background-color:white; } #voicemakerFlash { width:580px; height:550px; } table.wallMaker { width:570px;table-layout:fixed;margin-bottom:30px; } table.wallMaker td.topTD { width:244px;padding-bottom:30px; } .colorSelContainer { float:left;width:120px; } /* Forum Classes */ .fHelp{margin-left:20px;font-style:italic;font-size:10px;color:#f6f3ef;} a.fHeadLink{color:#444444;} a.fHeadLink:hover{color:#444444;} a.fHeadLink:visited{color:#444444;} a.fHeadLink:hover:visited{color:#444444;} a.uMod{color:#a00; font-weight:bold;} a.uAdmin{color:#602; font-weight:bold;} a.fPag{background-color:#fafafa;color:black;float:left;display:block;font-size:11px;padding:0px 5px 1px 5px;border:1px #cccccc solid;margin-left:2px;} a.fPag:hover{color:black;background-color:#e5e5e5;text-decoration:none} a.fPag:visited:hover{color:black;background-color:#e5e5e5;text-decoration:none} a.fPag:visited{color:black;} .fPNext{margin-left:2px;border:1px #cccccc solid;background-color:#fafafa;} p.bbcSize{border:1px #cccccc solid;padding:3px;margin-bottom:2px;background-color:#f9f9f9;} a.bbcCol{display:block;float:left;width:30px;height:30px;border:1px #999999 solid;margin:0px 2px 2px 0px;overflow:hidden;} p.fBot{margin-bottom:20px;width:auto;height:20px;margin-top:2px;} div.smiley{width:500px;} div.showEmo{float:left;padding-top:8px;padding-left:6px;} div.showEmo a{margin-top:5px;} div.zFQuote{padding:15px;margin:10px 15px 0px 15px;border:1px #555555 dashed;border-left:3px #555555 solid;background:#f9f9f9;font-size:11px;} p.fQH{color:#555555;font-style:italic;} /* Forum Front Page Table */ table.fFrontTable{width:656px;border:1px #cccccc solid;background-color:white;border-collapse:collapse;margin-bottom:6px;padding:0px;table-layout:fixed;} table.fFrontTable .grey{background-color:#fafafa} th.fFrontHeader, td.fFrontHeader{font-size:13px;border:1px #cccccc solid;padding:8px 4px 8px 4px;font-weight:bold;text-align:center;} th.fFrontHeader, td.fFrontHeader .fBlank{width:28px;} th.fFrontHeader, td.fFrontHeader .fForum{width:280px;} th.fFrontHeader, td.fFrontHeader .fTopics{width:47px;} th.fFrontHeader, td.fFrontHeader .fPost{width:38px;} th.fFrontHeader, td.fFrontHeader .fLastP{width:150px;} th.fFrontHeader, td.fFrontHeader .fMyStatus{width:52px;} th.fFrontHeader, td.fFrontHeader .fMyTopic{width:270px;text-align:left;width:270px;padding-left:10px;} th.fFrontHeader, td.fFrontHeader .fMyReplies{width:56px;} th.fFrontHeader, td.fFrontHeader .fMyLastP{width:158px;text-align:left;padding-left:10px;} tr.fFrontHead{background:url(/static/images/forum/header-bg.gif) repeat-x #ffffff;} td.fCatRow{background:url(/static/images/forum/topic-header-bg.gif) repeat-x; padding:8px 0px 8px 12px; font-size:14px; font-weight:bold; color:#444444;} td.fFrontMainCell{border:1px #cccccc solid;padding:4px;vertical-align:middle;text-align:center;} td.fFrontLast{border:1px #cccccc solid;font-size:11px;padding:4px;} td.fFrontForum{border:1px #cccccc solid;padding:4px;width:280px;} td.fBasicCol{ border:1px #cccccc solid; padding:4px; } td.fBasicCol .fMyTopicTitle{padding:8px 10px 8px 10px;} td.fBasicCol .fMyTopicTitle p{margin-bottom:4px;} td.fBasicCol .fMyTopicTitle p a{color:#111111;font-size:13px;} td.fBasicCol .fMyTopicTitle span{font-size:11px;color:#aaaaaa;} td.fBasicCol .fMyTopicTitle span a{color:#aaaaaa;} td.fEmpty{height:5px;background-color:#d1cfc4;} tr.fAltRow{ background-color:#f6f6f6; } tr.pAltRow{ background-color:#f8f6f3; } img.fGotoPost{ margin-left:3px; padding-top:2px;} img.fTAvatar{float:left;margin-right:10px;width:30px;height:30px;} img.fTAvatarR{float:right;margin-left:10px;width:30px;height:30px;} img.zSmiley{vertical-align:middle;} img.av {width:85px;height:85px;} img.av_small{width:30px;height:30px;} img.viewTopic{vertical-align:middle;margin-right:10px;} img.fUnread{margin-right:5px;vertical-align:middle} img.fRead{vertical-align:middle;margin-left:20px;margin-right:5px;} img.fLocked{vertical-align:middle;margin-left:20px;margin-right:5px;} img.fPinned{vertical-align:middle;margin-left:20px;margin-right:5px;} img.fReportPost{vertical-align:middle;margin-right:6px;} span.vTopic{font-size:16px;font-weight:bold;color:#4d4d4d;} span.fSrch{float:right;font-size:12px;font-weight:bold;} img.warnForum{float:left;margin-right:10px;} #fModTools{width:300px;z-index:1000;} .fStatus {text-align:left;padding:12px;} .postPrev{margin-right:20px;font-size:11px;font-weight:bold;} .postSubmit{font-size:11px;font-weight:bold;} table.fTopic{table-layout:fixed;width:650px;border:1px #cccccc solid;background-color:white;border-collapse:collapse;margin-bottom:10px;} td.fTopicInfo{vertical-align:top;border:1px #cccccc solid;padding:6px 4px 4px 4px;text-align:center;width:120px;background:#fafafa;min-height:165px;} td.fTopicDate{border:1px #cccccc solid;padding:4px 8px 4px 8px;font-size:11px;background:#fafafa;height:20px;max-height:20px;width:442px;} td.fTopicText{vertical-align:top;border:1px #cccccc solid;padding:8px;min-height:140px;height:144px;text-align:left;background:url(/static/images/pro-hback.gif) bottom repeat-x #ffffff;line-height:17px;font-size:12px; overflow:hidden; } p.fTopicMeta{font-size:10px;margin-top:0px;} p.fTopicU{font-weight:bold;margin-bottom:5px;margin-top:1px;} p.fTopicR{margin-top:5px;margin-bottom:5px;font-size:11px;font-weight:bold;} p.fPostCount{margin-bottom:10px;height:14px;} p.fStates{margin-bottom:28px;padding-top:30px;} p.fCrumbs{font-size:15px;margin-bottom:18px;} p.fEditNotice{color:#444444;font-style:italic;font-size:11px;margin-top:20px;} p.fSearchTerm{font-size:17px;margin-bottom:19px;} p.fSearchTermHighlight{border-bottom: dotted 1px #666666;} hr.forum{height:1px;border:0px;color:#000000;background-color:#000000;} textarea.forumPost{width:400px;height:140px;} div.smileyPop{width:20px;height:20px;padding:3px;float:left;} #fmbutt{margin-right:20px;font-weight:bold;} input.fSearchBox{font-weight:bold;font-size:16px;margin-right:10px;width:230px;} input.fSearchButton{font-weight:bold;font-size:15px;} input.fTopicTitle{width:283px;} select.fSel{width:290px;} .optSelect{background-color:#eeeeee;} /* profile sub page classes */ .gbOD{border:1px #bbbbbb solid;padding:12px 12px 18px 12px;width:613px;background:url(/static/images/pro-hback.gif) bottom repeat-x #ffffff;margin-bottom:12px;font-size:13px;overflow:hidden;} .gbOD div {border-bottom:1px #dddddd dashed;border-top:1px #dddddd dashed;height:30px;margin-bottom:12px;background:#f3f3f3;} /********************************************************************** * * Step menu * ***********************************************************************/ ul.bread { background: transparent url(/static/images/bread/background.png) top right repeat-x; border: 1px solid #ccc; height: 28px; list-style-type:none; } ul.bread li{ background: transparent url(/static/images/bread/arrow.png) top right no-repeat; float: right; margin-left: -16px; text-align: center; width: 150px; } ul.bread li.first { background-position: top left; } ul.bread li.active { background-position: bottom right; } ul.bread li.firstactive { background-position: bottom left; } ul.bread li.lastactive { background-position: bottom right; } ul.bread li a{ display:block; color:#555; background: transparent url(/static/images/bread/arrow.png) top right repeat-x; height:28px; position:relative; line-height: 28px; } ul.bread li a:hover{ background-position: center right; text-decoration: underline; } ul.bread li.last{ width: 175px; } ul.bread span{ font-size: 12px; color: #999; margin-bottom: 0px; line-height:28px; } ul.bread .active span, ul.bread .firstactive span, ul.bread .lastactive span { color: #555; } /************************************************************************ * * LightBox * *************************************************************************/ /* * Generic lightboxcode */ #lbOverlay {position:absolute;left:0;width:100%;background-color:#000;z-index:1000000} #lbCenter {position:absolute;left:50%;background-color:#fff;z-index:1000001} .lightbox { text-align: left; } .body-overlayed iframe, .body-overlayed select, .body-overlayed embed, .body-overlayed object{ visibility: hidden; } .lightbox iframe, .lightbox select, .lightbox embed, .lightbox object { visibility: visible; } .lightboxHeaderLeft { background: url(/static/images/lightbox/LightboxHeaderFooter.png) no-repeat scroll left top; height: 33px; left: 0; position: absolute; top: 0; width: 15px; } .lightboxHeader { background: url(/static/images/lightbox/LightboxHeaderFooterStretch.png) repeat-x scroll center top; color: #fff; display:block; font-size: 14px; height: 33px; margin: 0 15px; text-align: left; } .lightboxHeaderRight { background: url(/static/images/lightbox/LightboxHeaderFooter.png) no-repeat scroll right top; height: 33px; position: absolute; right: 0; top: 0; width: 15px; } .lightboxHeader .lightboxTitle { display: block; padding: 10px 0; } .lightboxHeader #closeLink { background: url(/static/images/lightbox/close_icon.gif) no-repeat center top; height: 20px; position:absolute; right: 18px; top: 8px; width: 20px; } .lightboxHeader #closeLink:hover { background-position: center bottom; } .lightboxBody { background: #f5f5f5; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; margin: 0 4px; } .lightboxBody h1 { margin-bottom: 10px; } .lightboxBody p { color: #000; margin-bottom: 0; } .lightboxFooterLeft { background: url(/static/images/lightbox/LightboxHeaderFooter.png) no-repeat scroll left bottom; bottom: 0; height: 45px; left: 0; position: absolute; width: 15px; } .lightboxFooter { background: url(/static/images/lightbox/LightboxHeaderFooterStretch.png) repeat-x scroll center bottom; height: 45px; margin: 0 15px; position: relative; } .lightboxFooterRight { background: url(/static/images/lightbox/LightboxHeaderFooter.png) no-repeat scroll right bottom; bottom: 0; height: 45px; position: absolute; right: 0; width: 15px; } .lightboxFooter .lightboxFooterLeft { background: url(/static/images/lightbox/LightboxHeaderFooter.png) no-repeat left bottom; float:left; height: 100%; width: 25px; } .lightboxFooter #lightboxLogo { width: 200px; } .lightboxFooter #lightboxLogo img { position: relative; top: 10px } .lightboxFooter .buttons { position: absolute; right: 19px; top: 10px; width: auto; } .lightboxFooter .buttons input { margin-left: 10px; } .lightboxFooter .buttons a { background: url(/static/images/buttons/black.gif) repeat-x center top; border: 1px solid #333; color: #fff; cursor: pointer; display: block; height: 17px; padding: 3px 0 0 30px; text-decoration: none; width: 50px; } .lightboxFooter .buttons a:hover { background: #000 url( /static/images/buttons/blackHover.gif ); } .lightboxFooter .buttons a#buttonNo { position: absolute; right: 115px; } .lightboxFooter #lightboxButtons .blackbutton { cursor: pointer; } .lightboxFooter #lightboxButtons .blackbutton.disabled { cursor: default; } /* * Special case "Send to phone" lightbox */ #textSms .lightboxFooterLeft, #textSms .lightboxFooter, #textSms .lightboxFooterRight { height: 69px; } #textSms .lightboxFooter #logo { position:absolute; top: 26px; } #textSms .lightboxFooter .buttons { top: 22px; } #textSms ul { list-style-type: none; } #textSms .illustration { float: left; height: 250px; margin-left: 20px; position: relative; text-align: center; width: 165px; } #textSms .step1 { background: url(/static/images/lightbox/get_verification.png) no-repeat top left; } #textSms .step1 img { position: absolute; right: 48px; top: 95px; } #textSms .step2 { background: url(/static/images/lightbox/enter_verification.png) no-repeat top left; margin-left: 0; width: 200px; } #textSms .step2 img { position: absolute; right: 0; top: 88px; } #textSms .step3small, #textSms .step3images { text-align: center; } #textSms .step3small img { margin-top: 85px; } #textSms .step3images img { margin-top: 50px; } #textSms .communication { float: right; height: auto !important; height: 300px; min-height: 300px; position: relative; width: 380px; } #textSms .communication.step4 { width: 330px; } #textSms #step4communication { padding-top: 28px; } #textSms .communication .largeArrow { vertical-align: top; } #textSms .communication h4 { font-size: medium; margin: 12px 0; } #textSms .communication li { padding: 5px 0; } #textSms .communication span.first { display: block; float: left; width: 120px; } #textSms .phoneNumber { height: 43px; } #textSms .phoneNumber .changeLink { position: absolute; right: 11px; top: 15px; } #textSms .message { margin: 0 0 10px 5px; font-size: 12px; } #textSms .actionBox { background: #e5e5e5; border: 1px solid #ccc; padding: 5px 0 7px 10px; position: relative; width: 360px; } /* style for sendtophone ad */ #textSms #sendPhoneIllustration { width: 175px; } #textSms #sendPhoneIllustration img.spinnerImg { left: 0; margin-top: 25px; position: absolute; } #textSms #sendPhoneIllustration span { color: #222; display: block; font-size: 14px; font-weight: bold; margin: 34px 0 0 38px; } #textSms #sendPhoneIllustration span.whatNext { font-weight: bold; margin: 50px 0 0 15px; } #textSms #adOverlay { background: #f5f5f5; display: none; height: 280px; padding-top: 20px; position: absolute; right: 0; width: 330px; z-index: 1; } #pcDownload .pcDownloadLightbox { height: 363px; padding: 10px 0 0 20px; position: relative; } #pcDownload .pcDownloadLightbox h3 { margin-bottom: 5px; } #pcDownload .pcDownloadLightbox .communication { background: url( /static/images/lightbox/pcDownloadBox.png ) no-repeat left top; height: 257px; margin-top: 14px; width: 321px; } #pcDownload .pcDownloadLightbox .communication.iTunes { background-image: url( /static/images/lightbox/iTunesDownloadBox.png ); } #pcDownload .pcDownloadLightbox ul { list-style-type: none; padding: 25px 0 0 20px; } #pcDownload .pcDownloadButton { background:#333 url(/static/images/buttons/downloadbuttonLarge.gif) repeat-x 0 0; border: 1px solid #333; color: #FFF; cursor: pointer; display: block; font-size:15px; font-weight: bold; margin: 10px 0 0 85px; padding: 6px 0; text-align: center; width: 150px; } #pcDownload .pcDownloadLightbox a.disabled{ background:#ccc url(/static/images/buttons/downloadbuttonLarge.gif) repeat-x 0 15px; border: 1px solid #777; } #pcDownload .pcDownloadLightbox a.disabled:hover{ text-decoration: none; cursor:default; } #pcDownload #adOverlay { background: #f5f5f5; height: 280px; padding-top: 20px; position: absolute; right: 0px; top: 43px; width: 360px; z-index: 1; } #pcDownload #adOverlay iframe, #textSms #adOverlay iframe { border: none; float: right; height: 250px; margin: 3px 20px 0 0; width: 300px; } #textSms #hiddenSendSMS { display: none; } #textSms #sendPhoneIllustration.step4 { text-align: left; width: 200px; } #textSms .step4 ul { margin-left: 15px; padding-top: 27px; z-index: 1; } #textSms .step4 li { margin-bottom: 10px; padding-left: 30px; position: relative; } #pcDownload li { margin-bottom: 40px; padding-left: 30px; } #textSms .actionBox #overlay { background: #fff; display: none; height: 106px; left: 0; position: absolute; opacity: 0.8; filter: alpha(opacity=80); top: 0; width: 370px; z-index: 1; } #textSms .actionBox #overlaySpinner { left: 150px; position: absolute; top: 30px; } #textSms .actionBox #overlay span { bottom: 20px; color: #000; font-size: 14px; font-weight: bold; left: 90px; position: absolute; } #textSms #v_verification_code { margin-left: 10px; } #textSms #v_phonenumber_description { left: 127px; position: absolute; top: 55px; } #textSms #v_verification_code_description { left: 111px; position: absolute; top: 26px; } #textSms .sendToPhoneInput { width: 190px; } #textSms .sendToPhoneSelect { width: 196px; } #textSms .actionBox p { font-size: 11px; padding-top: 20px; } #textSms #errorMessage { display: none; padding: 6px 0; width: 372px; } #textSms #errorMessage div.notify_info { font-weight: normal; margin-bottom: 0; } #textSms p.smsNotification , #mobileWeb p.smsNotification { bottom: 5px; font-size: 11px; margin: 10px 0; position: absolute; } #textSms #step1Notification { bottom: 0; position: relative; } #textSms #trust-e { left: 145px; position: absolute; top: 27px; } #textSms .sendToPhoneLast { padding-left: 20px; } .lightboxBody p.singleMessage { font-size: 14px; padding: 70px 65px; } #send_to_phone_lightbox { min-height: 286px; } /* * Special case "Share with friends" lightbox */ #shareLightbox p { margin-bottom: 0; } #shareLightbox #share_container { height: 215px; padding: 10px; } /* * Special case "Post to websites" lightbox */ #divWildfirePost { margin: 0 auto; } /* * Special case "Game download to pc" lightbox */ #game_download_lightbox .lightboxBody { padding: 10px; } #game_download_lightbox .lightboxBody p { padding-bottom: 10px; } /* * Special case "Preview" lightbox */ #previewBox { background: #f4f4f4; border: 2px solid #bbb; padding: 15px; -moz-border-radius: 5px; } #previewBox .themeImages { float: left; margin: 0 10px 0px; } #previewBox .gameImages { float: left; margin: 10px; } .previewBody object { top: 33px; right: 35px; position: absolute; } /* * Special case "Confirm" lightbox */ #confirmBox .lightboxBody { height: 200px; } #inviteEditors .lightboxBody { height: 512px; } #inviteEditors .selectorListBox { height: 300px; } /* * Special case "Help" lightbox */ #helpLightbox .lightboxBody, #mobileWeb .lightboxBody { padding: 10px 25px 20px; } #helpLightbox #contentBox { background: url( /static/image/lightbox/help/bg-box.png ) no-repeat left 10px; height: 214px; margin: 20px auto 0; position: relative; width: 518px; } #helpLightbox #textSms { background: url( /static/image/lightbox/help/bg.png ) no-repeat left 10px; height: 354px; position: relative; width: 518px; } #helpLightbox ul, #mobileWeb ul { list-style-type: none; } #helpLightbox ul.pillMenu { left: 17px; position: absolute; top: 0; z-index: 1; } #helpLightbox ul.pillMenu li { background: url( /static/image/lightbox/help/btn-lightbox.png ) no-repeat center top; border-right: 1px solid #cacaca; cursor: pointer; float: left; height: 22px; width: 120px; } #helpLightbox ul.pillMenu li:hover { background-position: center bottom; } #helpLightbox ul.pillMenu li.last { background-position: right top; border-right: none; } #helpLightbox ul.pillMenu li.last:hover { background-position: right bottom; } #helpLightbox ul.pillMenu li.lastActive:hover { background-position: right center; } #helpLightbox ul.pillMenu li.first { background-position: left top; } #helpLightbox ul.pillMenu li.first:hover { background-position: left bottom; } #helpLightbox ul.pillMenu li.firstActive:hover { background-position: left center; } #helpLightbox ul.pillMenu li span { display: block; margin: 2px auto; text-align: center; width: 80px; } #helpLightbox ul.pillMenu li.active { background-position: center center; color: #fff; } #helpLightbox ul.pillMenu li.firstActive { background-position: left center; color: #fff; } #helpLightbox ul.pillMenu li.lastActive { background-position: right center; color: #fff; } #helpLightbox .subContent { display: none; height: 204px; left: 0; position: absolute; top: 0; width: 518px; } #helpLightbox .subContent .illustration { float: left; margin: 40px 0 0 20px; position: relative; } #helpLightbox .leftList { margin: 57px 0 0 88px; } #helpLightbox .rightList { position: absolute; right: 38px; top: 55px; } #helpLightbox .mainList { margin: 55px 0 0 100px; width: 320px; } #helpLightbox .leftList li, #helpLightbox .rightList li, #mobileWeb .mobileWebList li, #helpLightbox .mainList li, #helpLightbox .rightContent li{ margin-bottom: 15px; padding-left: 33px; } #helpLightbox .mainList li { margin-bottom: 0; } #helpLightbox .mainList li, #mobileWeb .mobileWebList li { height: 30px; padding-top: 4px; } #mobileWeb .mobileWebList .number2 { height: auto; position: relative; } #mobileWeb .mobileWebList .zCodeImage{ background: url( /static/image/icon/zcode-w-box.png ) no-repeat; height: 70px; margin-top: 10px; width: 120px; } #itemContainer .zCodeImage { background: url( /static/image/icon/zcode-w-box-small.png ) no-repeat; height: 53px; margin-top: 10px; width: 107px; position:absolute; left: 444px; } #mobileWeb .mobileWebList .zCode{ display: block; font-size: 12px; margin: 0 auto; padding-top: 49px; text-align: center; } #itemContainer .zCodeImage .zCode { display: block; font-size: 12px; margin: 0 auto; padding-top: 34px; text-align: center; } #zCodeHelpBox .lightboxBody{ padding: 10px 5px 20px 20px; } #zCodeHelpBox .lightboxBody .zCodeHelpLightbox{ position: relative; height: 310px; } #zCodeHelpBox .lightboxBody .communication{ position: absolute; top: 0px; left: 200px; } #zCodeHelpBox .lightboxBody .communication h3{ margin-bottom: 5px; margin-top: 10px; } #zCodeHelpBox .note{ font-size: 11px; } .zCodeTrHidden{ display: none; } #pcDownload .number1, #textSms .number1, #helpLightbox .number1, #mobileWeb .number1 { background: url(/static/image/icon/number1.png) no-repeat; } #pcDownload .number2, #textSms .number2, #helpLightbox .number2, #mobileWeb .number2 { background: url(/static/image/icon/number2.png) no-repeat; } #pcDownload .number3, #textSms .number3, #helpLightbox .number3, #mobileWeb .number3 { background: url(/static/image/icon/number3.png) no-repeat; } #helpLightbox .number4, #mobileWeb .number4 { background: url(/static/image/icon/number4.png) no-repeat; } #helpLightbox .tooltipText { bottom: -10px; color: #fff; height: 60px; position: absolute; right: 0; width: 238px; } #helpLightbox #textSms .tooltipText { bottom: 5px; right: 15px; width: 270px; } #helpLightbox .tooltipText span.heading { display: block; margin: 6px 17px 0; } #helpLightbox .tooltipText ul { margin: 4px 0 0 17px; } #helpLightbox .tooltipText p { color: #fff; margin: 6px 17px 0; } #helpLightbox span.title { float: left; font-size: 14px; margin: 30px 0 0 25px; } #helpLightbox #content4 span.title { margin-left: 0; } #helpLightbox #content3 p.message, #helpLightbox #content4 p.message { margin: 55px 0 0 78px; width: 415px; } #helpLightbox .troubleLink { bottom: 5px; left: 30px; position: absolute; } #helpLightbox .troubleLink a.ident { text-decoration: underline; } #helpLightbox .zCodeLogo { margin-right: 10px; vertical-align: middle; } #helpLightbox .leftContent { height: 235px; position: relative; width: 300px; } #helpLightbox .leftContent .zCodeDudes { height: 89px; left: 70px; position: absolute; width: 189px; z-index: 65558; } #helpLightbox .zCodeDudes span { font-size: 11px; position: absolute; right: 7px; top: 5px; } #helpLightbox .rightContent { background: url( /static/image/lightbox/help/greybox.png ) no-repeat left top; height: 241px; padding: 10px 10px 10px 15px; position: absolute; right: 20px; top: 80px; width: 194px; } #helpLightbox .rightContent * { color: #fff; } #helpLightbox .rightContent li { margin-bottom: 0; padding-bottom: 15px; } #helpLightbox .helpText { margin-bottom: 15px; position: relative; width: 300px; } #helpLightbox .helpText .arrow { bottom: 0; position: absolute; right: 0; } #helpLightbox .rightContent .number1 { background: url(/static/image/icon/number1-dark.png) no-repeat; } #helpLightbox .rightContent .number2 { background: url(/static/image/icon/number2-dark.png) no-repeat; } #helpLightbox .rightContent .number3 { background: url(/static/image/icon/number3-dark.png) no-repeat; } #helpLightbox .rightContent .number4 { background: url(/static/image/icon/number4-dark.png) no-repeat; } #helpLightbox #textSms .leftList { float: left; margin: 50px 0 0 30px; width: 200px; } #helpLightbox #textSms .rightList { float:right; margin: 50px 0 0 0; position: static; width: 250px; } #helpLightbox #textSms li { margin-bottom: 7px; position: relative; } #helpLightbox #textSms li.number1 { padding: 40px 0 0 3px; } #helpLightbox #textSms .illustration1 { left: 47px; position: absolute; top: 0; } #helpLightbox #textSms li.number2 { background-position: left 43px; padding: 73px 0 0 3px; } #helpLightbox #textSms .illustration2 { left: 47px; position: absolute; top: 0; } #helpLightbox #textSms li.number3 { padding: 40px 0 40px 3px; } #helpLightbox #textSms .illustration3 { position: absolute; right: 30px; top: 0; } #helpLightbox #textSms li.number4 { padding: 32px 0 0 3px; } #helpLightbox #textSms .illustration4 { position: absolute; right: 30px; top: 0; } #mobileWeb .mobileWebLightbox { height: 300px; position: relative; } #mobileWeb .communication { height: 308px; position: absolute; right: 0; top: 12px; width: 325px; } /* * Phoneselector lightbox */ #phoneSelect #phoneIcon { left: 12px; position: absolute; top: 8px; } #phoneSelect span#phoneSelectTitle { left: 34px; padding: 0; position: absolute; top: 12px; } #phoneSelect .lightboxBody { height: 305px; padding-left: 20px; } #phoneSelect .lightboxBody h1 { margin-bottom: 5px; padding-top: 10px; } #phoneSelect p.phoneSelectInfo { height: 36px; } #phoneSelect #selectedPhone { background: #fff; border: 2px solid #ddd; height: 100px; position: absolute; right: 17px; top: 100px; width: 100px; z-index:1000004; -moz-border-radius: 10px; } #phoneSelect #selectedPhone #lightboxSpinner { display:none; left: 42%; position: absolute; top: 42%; } #phoneSelect #selectedPhone img.normal { padding: 4px 15px; height: 92px; width: 70px; } #phoneSelect #selectedPhone img.large { padding: 8px 30px; height: 184px; width: 140px; } #phoneSelect #selectedPhone img.small { padding: 4px 25px; width: 50px; } #phoneSelect img#zoomer { bottom: 2px; display: none; height: 17px; padding: 0; position: absolute; right: 2px; width: 17px; z-index: 1000005; } #phoneSelect .phoneBox { height: 80px; position: relative; } #phoneSelect .phoneSelects { background: url(/static/images/lightbox/SearchBackground.png) no-repeat; float:left; height: 60px; padding:10px; width: 407px; } #phoneSelect .selDivBrand { float:left; margin-left: 15px; } #phoneSelect #phone_select_brands { border: 2px solid #a00; width: 150px; } #phoneSelect .selDivModel { float: left; margin-left: 10px; } #phoneSelect #phone_select_models { border: 2px solid #a00; width: 150px; } #phoneSelect p.phoneQuicklinks { float: left; font-size: 11px; height: 15px; margin: 3px 0 0 28px; overflow: hidden; width: 375px; } #phoneSelect .missingPhone { position: absolute; right: 138px; top: 65px; } #phoneSelect #phoneModelHelper { background: #fafafa url(/static/images/lightbox/phoneHelper.png) no-repeat; height: 126px; width: 500px; } #phoneSelect #logo { top: 22px; } #phoneSelect .phoneSelectButtons { position: absolute; right: 19px; top: 11px; } #phoneSelect #phonesel_go { margin-left: 10px; width: 82px; } #phoneSelect .phoneSelectButtons .blackbutton:hover { background-position: left bottom; } #inviteEditors #lightboxButtons #buttonNo { padding-left: 0; padding-top: 3px; right: 70px; text-align: center; } #inviteEditors #lightboxButtons #buttonYes { padding-left: 0; padding-top: 3px; text-align: center; } /*** Spinner **************************************************************************/ #spinner { position:absolute; top:0; right:0; } .spinner { background: url( /static/images/icons/spinner.gif ); height: 16px; width: 16px; } .games .itembody { height:236px; } .games .itembody .itembox { height:100%; } .games .itembody .itembox .info { width: 100%; } .games .itembody .itembox .title { height: 12px; overflow: hidden; position: relative; } .games .itembody .itembox .summary { height: 42px; overflow: hidden; position: relative; } .games .itembody .itembox .downloads { height: 12px; overflow: hidden; position: relative; } .rank { float:left;height: 76px; width: 76px; margin-right:15px; } .box .rank0 { background: url( /static/images/icons/rank/0.png ) no-repeat; } .box .rank1 { background: url( /static/images/icons/rank/1.png ) no-repeat; } .box .rank2 { background: url( /static/images/icons/rank/2.png ) no-repeat; } .box .rank3 { background: url( /static/images/icons/rank/3.png ) no-repeat; } .box .rank4 { background: url( /static/images/icons/rank/4.png ) no-repeat; } .box .rank5 { background: url( /static/images/icons/rank/5.png ) no-repeat; } .box .rank6 { background: url( /static/images/icons/rank/6.png ) no-repeat; } .box .rank7 { background: url( /static/images/icons/rank/7.png ) no-repeat; } .box .rank8 { background: url( /static/images/icons/rank/8.png ) no-repeat; } .rankSmall, .usertypeSmall { background-image: url( '/static/image/sprite/icon/badges-ranks-small.png' ); background-repeat: none; height: 30px; width: 30px; } .rankSmall-siteguard-1 { background-position: -450px 0; } .rankSmall-siteguard-2 { background-position: -420px 0; } .rankSmall-siteguard-3 { background-position: -390px 0; } .rankSmall-siteguard-4 { background-position: -360px 0; } .rankSmall-siteguard-5 { background-position: -330px 0; } .rankSmall-admin { background-position: -300px 0; } .rankSmall-moderator { background-position: -270px 0; } .rankSmall-0 { background-position: -240px 0; } .rankSmall-1 { background-position: -210px 0; } .rankSmall-2 { background-position: -180px 0; } .rankSmall-3 { background-position: -150px 0; } .rankSmall-4 { background-position: -120px 0; } .rankSmall-5 { background-position: -90px 0; } .rankSmall-6 { background-position: -60px 0; } .rankSmall-7 { background-position: -30px 0; } .rankSmall-8 { background-position: 0 0; } .box .rankadmin { background: url( /static/images/icons/rank/admin.png ) no-repeat; } .box .rankmoderator { background: url( /static/images/icons/rank/moderator.png ) no-repeat; } .box .rankcssknight { background: url( /static/images/icons/rank/cssknight.png ) no-repeat; } .box .rankgrimreaper { background: url( /static/images/icons/rank/grimreaper.png ) no-repeat; } .box .rankclippy { background: url( /static/images/icons/rank/clippy.png ) no-repeat; } .box .rankwenciii { background: url( /static/images/icons/rank/wenciii.png ) no-repeat; } .box .rankchampion { background: url( /static/images/icons/rank/champion.png ) no-repeat; } .box .ranksiteguard-5 { background: url( /static/images/icons/rank/sg_executive.png ) no-repeat; } .box .ranksiteguard-4 { background: url( /static/images/icons/rank/sg_guru.png ) no-repeat; } .box .ranksiteguard-3 { background: url( /static/images/icons/rank/sg_rocking.png ) no-repeat; } .box .ranksiteguard-2 { background: url( /static/images/icons/rank/sg_siteguard.png ) no-repeat; } .box .ranksiteguard-1 { background: url( /static/images/icons/rank/sg_prospect.png ) no-repeat; } .box .ranksiteguard-5_small { background: url( /static/images/icons/rank/sg_executive_small.png ) no-repeat; } .box .ranksiteguard-4_small { background: url( /static/images/icons/rank/sg_guru_small.png ) no-repeat; } .box .ranksiteguard-3_small { background: url( /static/images/icons/rank/sg_rocking_small.png ) no-repeat; } .box .ranksiteguard-2_small { background: url( /static/images/icons/rank/sg_siteguard_small.png ) no-repeat; } .box .ranksiteguard-1_small { background: url( /static/images/icons/rank/sg_prospect_small.png ) no-repeat; } .box .rankmobile { background: url( /static/images/icons/rank/mobile.png ) no-repeat; } .box .rankterminal { background: url( /static/images/icons/rank/terminal.png ) no-repeat; } /* people */ #peopletop .itemcontainer.people { margin-left:0px;margin-right:0px;margin-bottom:-10px;margin-top:-10px; } #zedger_otd .itemcontainer.people { margin-left:-5px;margin-right:0px;margin-bottom:-20px;margin-top:-5px; } .people .itembox .plate { background: url( /static/images/people_plate.gif ) no-repeat; height: 102px; margin-left: -2px; position: relative; width: 132px; z-index: 2; } .people .itembox .plate .avatarholder { float: left;margin-left: 8px; margin-top: 8px; width:83px;height:83px; } .people .itembox .avatar { float: left;height: 83px; position: relative; width: 83px; z-index: 0; } .people .itembox .plate ul { float: left; list-style-type: none; margin: 2px 12px; } .people .itembox .plate ul li { position: relative; margin-top: 10px; } .genderfemale, .gendermale, .genderpro { background: url( /static/image/icon/user/gender.png ) no-repeat; display: block; height: 15px; width: 14px; } .genderfemale { background-position: left 0px; } .gendermale { background-position: left -16px; } .genderpro { background-position: left -31px;; } .people .itembox .info { margin-top: 5px; } /* Flash ringtone */ #flash_rt_master {width:0px;height:0px;background-color:#ffffff;overflow:hidden;} .flash_rt_player {width:44px;height:65px;overflow:hidden;} #sql_debug {display:none;} .db_debug_entries {margin:0px auto;width:931px;padding:5px 10px 5px 10px;border:1px #f0f0f0 solid;margin-top:4px;margin-bottom:2px;text-align:left;overflow:hidden;} .db_debug_time {float:right;padding-left:20px;} .db_debug_num {float:left;width:20px;font-weight:bold;} .db_debug_sql {float:left;width:810px;} .pad-top { padding-top:5px; } .pad-left { padding-left:20px; } .pad-right { padding-right:15px; } /* Browsing Row */ .box.deftabs .container { padding:15px 0; } .browserow, .browserow-alt { border-color: #dedede #fff #dedede #fff; border-style:solid; border-width:1px 0; height:54px; overflow:hidden; padding:2px 5px 15px 5px; margin-top:-1px; } .browserow-alt { background-color: #fff; } .rowitem-left { float:left; } .rowitem-right { float:right; } .browserowbox .ringtone-player { float:left;padding-top:5px;width:48px;height:70px;overflow:hidden; } .browserowbox .ringtone-item { float:left;width:26%;padding-left:15px; } .browserowbox .ringtone-item .ringtitle { font-size:14px;font-weight:bold;margin-left:3px;padding:0px;line-height:1.5em; } .browserowbox .ringtone-item .ringstar { padding-top:5px;background-position:left;height:11px;margin-left:3px;padding:0px;line-height:1.5em;width:55px;} .browserowbox .ringtone-data { float: right; padding-top: 10px; width: 35%; } .browserowbox .ringtone-data .ringdatarow { height:1.2em; } .browserowbox .ringtone-data .ringlabel { float:left;text-align:right;width:30%;line-height:1em; } .browserowbox .ringtone-data .ringtext { float:right;text-align:left;width:64%;line-height:1em; } .browserowbox .ringtone-avatar { float:right; padding-top:20px; } .browserowbox .ringtone-user { float: right; padding-top: 25px; position: relative; text-align: right; width: 25%; } .browserowbox .ringtone-user span.ringuser { float:right; } .browserowbox .ringtone-user .avatar { float: right; padding-left: 10px; } .browserowbox a.getIt { background: url( /static/images/getIt.gif ) no-repeat bottom; display: block; margin-top: 2px; height: 25px; width: 68px; } .browserowbox a.getIt:hover { background-position: top; } .ringGoogleAd { margin: 15px 0px 16px 0px; } .itemcontainer a.getIt { background: transparent url( /static/images/buttons/Get_ringtones.gif) no-repeat bottom; cursor:pointer; display: block; height: 20px; left: 18px; margin-bottom: 8px; top: 10px; width:91px; z-index:1; } .itemcontainer a.getIt:hover { background:transparent url( /static/images/buttons/Get_ringtones.gif) no-repeat top; cursor:pointer; } .itemcontainer .ringtone-item { height: 84px; margin-bottom: 15px; } .itemcontainer .ringtone-item .ringtone-player { left: 90px; position: absolute; top: 52px; } .itemcontainer .rt-title { font-size: 14px; } /* Registration Complete Ad-Page */ input.regSkipAd { width:150px; font-size:15px; font-weight:bold; padding:3px 0px 3px 0px; } input.regSkipAd:hover { cursor: pointer; } #regAdHeadline { color:#4F4F4F; font-size:14px; font-weight:bold; position: relative; /* MultiIE fix*/ } #rpOfferTable span.rpTeaseText { color:#6F6F6F; font-size:12px; } #rpOfferTable span.rpTeaseTitle { color:#8C2929; font-size:13px; font-weight:bold; } /* Registration Complete Ad-Page */ input.regSkipAd { width:150px; font-size:15px; font-weight:bold; padding:3px 0px 3px 0px; } input.regSkipAd:hover { cursor: pointer; } #regAdHeadline { color:#4F4F4F; font-size:14px; font-weight:bold; position: relative; /* MultiIE fix*/ } #rpOfferTable span.rpTeaseText { color:#6F6F6F; font-size:12px; } #rpOfferTable span.rpTeaseTitle { color:#8C2929; font-size:13px; font-weight:bold; } /* Create section "Maker" styles */ .makerSuccess { background-color:#EFEFEF; border:1px solid #CCCCCC; text-align:center; padding:5px; margin-bottom:10px; } h3.makerNext { line-height:1.25em; text-align:center; } /* Create tools login pages */ #tool_login_form p, .tool_preview p { margin-bottom:5px; } #tool_login_form form { margin-left:8px;margin-bottom:-15px;font-size:11px;color:#666; } #tool_login_form form span.frm_tag { color:#000;font-size:12px; } #tool_login_form form span.frm_tag a{ color:#0000cc;text-decoration:underline; } #tool_login_form div.frm_user { float:left;width:33%;padding-left:0px; } #tool_login_form div.frm_pwd { float:right;width:33%; } #tool_login_form div.frm_sub { float:right;width:33%;margin-top:-1px; } #tool_login_form div.frm_sub input { background:url(/static/images/tool-preview/login_btn.gif) repeat-x;border:0px;color:#fff; } #tool_login_form div.frm_chk { clear:both;display:block; } #tool_login_form div.frm_chk a.ul { font-size:10px; } #create_wp_login {height:210px;background:url(/static/images/tool-preview/wp_maker.gif) no-repeat bottom right;margin-bottom:30px; } #create_vm_login {height:240px;background:url(/static/images/tool-preview/voice_maker.gif) no-repeat bottom right;margin-bottom:30px; } #create_tm_login {height:210px;background:url(/static/images/tool-preview/theme_maker.gif) no-repeat bottom right;margin-bottom:30px; } #create_sm_login {height:200px;background:url(/static/images/tool-preview/ss_maker.gif) no-repeat top right;margin-bottom:30px; } #create_rm_login {height:240px;background:url(/static/images/tool-preview/ringtone_maker.gif) no-repeat bottom right;margin-bottom:30px; } #create_pm_login { width:100%;height:230px;background:url(/static/images/tool-preview/personaliser.gif) no-repeat bottom right;margin-bottom:30px; } p.toolTagLine { color:#aa0000;font-size:13px;margin-bottom:20px;} .tool_preview ul { list-style-type:none; } .tool_preview ul li { margin-bottom:5px;margin-left:5px; } .tool_preview #tool_player { float:left;margin-top:40px;text-align:center; } .tool_preview #tool_player span { font-size:11px;color:#000; } #create_ringtone .content { margin-left:-5px; } .notifyHeader { margin-bottom: 3px; } .notificationClose { background: url(/static/images/lightbox/close_icon.gif) no-repeat top left; height: 20px; position: absolute; right: 0; top: 0; width: 20px; } .notify_info,.notify_error,.notify_success,.notify_phone,.notify_phone_games{ background:#fff9d7; border:1px #e2c822 solid; font-weight:bold; margin-bottom:20px; overflow:hidden; padding:10px; position:relative; } .notify_error { background: #FEDDDE url(/static/images/notify_error.gif) no-repeat; border: 1px #BE1E2D solid; padding-left: 40px; } .notify_info { background:#FFFFCC url(/static/images/notify_info.gif) no-repeat; border:1px #5983C6 solid; padding-left: 40px; } .notify_success { background:#CEEFB2 url(/static/images/notify_success.gif) no-repeat; border:1px #74B64A solid; padding-left: 40px; } .notify_info_small, .notify_success_small, .notify_error_small { background: url(/static/images/notification_small.png) no-repeat; height: 19px; width: 19px; } .notify_error_small { background-position: 0px 0; } .notify_success_small { background-position: -19px 0; } .notify_info_small { background-position: -38px 0; } .notify_phone { background:#FFFFCC url(/static/images/lightbox/phoneIconBlueNotif.gif) no-repeat 6px 5px; border:1px #5983C6 solid; padding: 13px 0 13px 40px; } .notify_phone_games { background:#FFFFCC url(/static/images/lightbox/phoneIconRedNotif.gif) no-repeat 6px 5px; border:1px #5983C6 solid; padding: 13px 0 13px 40px; } #textSms #errorMessage div.notify_error { font-weight: normal; margin-bottom: 0; } .blackbody .notify_info,.blackbody .notify_error,.blackbody .notify_success{ color:#000; } .msg_header {width: 100%; height:24px;background-color:#f4f4f4;border-bottom:1px #dddddd solid;padding:7px 2px 5px 2px;} #zeditor_msg {display:none;margin:0px;padding:0px;} #msg_title {float:left;font-size:15px;font-weight:bold;color:#555555;} .msg_footer {height:20px;background-color:#f4f4f4;border-bottom:1px #dddddd solid;padding:8px 2px 5px 2px;} #mEmo { text-align:center; visibility:hidden; position:absolute; width:324px; height:260px; left:1px; top:1px; z-index:2; border:1px #cccccc solid; background:url( /static/images/pro-hback.gif) bottom repeat-x #ffffff; padding:12px; } #zedge_mobile_makers #overlay {z-index: 2; opacity: 0.7; filter: alpha(opacity = 70); position: absolute; width: 568px;background: white;} #editsmskeyword fieldset { padding: 11px; } #editsmskeyword .tooltip { background-color: #fff9d7; padding: 10px; border: 1px solid #e7d041; } #editsmskeyword .error { background-color: #FEDDDE; padding: 10px; border: 1px solid #BE1E2D; } #editsmskeyword .s1 { float:left; margin-top: 4px; } #editsmskeyword .s2 { float:right; margin-top: 4px; margin-left: 20px; } /* please do not remove these!!! Susan */ .crumb {padding:0px 4px 0px 4px;} .message_container { text-align: center; margin: auto; min-width: 250px; overflow: hidden; position: relative; width: 50%; } .padding_overflow {padding:10px;overflow:hidden;} select#backColor { width:200px; } #small-search {padding:12px 5px 8px 15px;width:604px;height:30px;margin:7px 0px 5px 3px;background:url(/static/images/search-small.gif) no-repeat;} .white-box {padding:20px 30px 0px 30px;width:501px;height:124px;background:url(/static/images/white-box.gif) no-repeat;margin:10px 0px 10px 7px;} .char-ttip {padding-left:20px;font-size:11px;color:#2d4966;} p.copyright {font-size:11px;text-align:justify;padding-right:15px;font-weight:normal;} .vid_up_screen {cursor:pointer; border:1px #cccccc solid; height:96px;} /* tool preview login box. remove old styles */ .orange-login {width:537px;height:209px;background: url(/static/images/login-orange.png) no-repeat;padding:20px;} .orange-login-large {width:537px;height:380px;background: url(/static/images/login-orange-large.png) no-repeat;padding:20px;} .or-log-header {font-size:17px;color:#f6921e;font-weight:bold;} .or-log-cont {display:block;height:55px;padding-top:15px;} .or-log-float {float:left;width:170px;height:50px;} /* comment abd guestbook css - todo: remove old unused styles */ .zcom-title {background: url( /static/images/comm-header.gif) no-repeat; height: 39px; position: relative; } .zcom-avatar {float:left; margin: 4px 20px 0 4px; position: relative; width:30px;height:30px;} .zcom-right {float:right;width:100px;text-align:right;} .zcom-username {color:#000;font-size:12px;position:relative;top:6px;} .zcom-date {color:#666;font-size:10px;position:relative;bottom:-5px;} a.zcom-report {background: url( /static/images/flag.png ) no-repeat left top;display:block;height:39px;width:29px;float:right;padding-right:15px;} a.zcom-report:hover {background-position: left bottom; } a.zcom-delete {background: url( /static/images/com-delete.gif ) no-repeat left top;display:block;height:39px;width:27px;float:right;padding-right:15px;} a.zcom-delete:hover {background-position: left bottom; } .zcom-text {background-color:#fff;padding:15px;border:1px #eee solid;border-top:none;} .zcom-hide-overflow {width:100%;overflow:hidden;} img.introduction { margin-bottom: 20px; } #forumnow .fGotoPost { margin-left:0px;margin-right:5px; } /* * Widget display */ #widgets .rtwidget_preview { float: left; margin: 15px 7px 15px 7px; } .rtwidget_frm input { width: 230px; } .rtwidget_frm input.blackbutton { width: 70px; margin-left: 4px; } .rtwidget_link { float:right; padding-right:5px; padding-top:2px; } /* Widget creator wizard */ #createwidgets label { font-weight: bold;} #createwidgets select { width: 185px;} #createwidgets #preview_step3 { float: left;} #createwidgets #preview_step3 input[type="text"] { float: left;} #createwidgets .skin_mask { background-image: url(/static/images/skin-overlay.png); height: 95px;} #createwidgets .skin_mask_select { background-image: url(/static/images/skin-overlay-select.png); height: 95px;} #createwidgets .pw_skin { cursor: pointer; margin: 10px; float:left; height:95px; width:70px;} #createwidgets .skins { position: relative; background: #000000; margin: 0px; width: 650px; overflow: auto;} #createwidgets #fc_back{ background: black; width: 150px; padding-top: 15px; padding-bottom: 15px; text-align:center; margin-top: 15px;} #createwidgets #skins_default{height: 225px; overflow: hidden;} #createwidgets #fc_preview{ font-weight: bold;} #createwidgets .rainbow{ cursor:pointer; position:relative; top:3px;} #createwidgets #pw-preview{ margin-top:15px; } #createwidgets ul.last{ margin-left:15px; } #createwidgets div.websites a { display:block; margin-top: 5px; margin-bottom: 10px; color : #FFFFFF; font-weight: bold; width: 125px; height: 30px; background: transparent url(/static/images/tool-preview/login_btn.gif) repeat-x scroll left center; line-height: 30px; text-align:center; cursor: pointer; text-decoration: none; } #previewLightBox .tl{ background: transparent url(/static/images/box/black-white-edge-l.png) top left no-repeat; height: 11px; } #previewLightBox .tr{ background: transparent url(/static/images/box/black-white-edge-r.png) top right no-repeat; margin-left: 11px; height: 11px;} #previewLightBox .ml{ background: transparent url(/static/images/box/black-white-edge-ml.png) top left repeat-y;} #previewLightBox .mr{ background: transparent url(/static/images/box/black-white-edge-mr.png) top right repeat-y; margin-left: 11px; padding: 10px;} #previewLightBox .bl{ background: transparent url(/static/images/box/black-white-edge-l.png) bottom left no-repeat; height: 11px;} #previewLightBox .br{ background: transparent url(/static/images/box/black-white-edge-r.png) bottom right no-repeat; margin-left: 10px; height: 11px;} #previewLightBox #lbInner {text-align: left; border: 0px solid blue; margin: 0 auto; position:relative; left:-5px;} #previewLightBox #lbTitle {color:white; font-size: 14pt; text-align: left;} #previewLightBox #lbIngress {color:white; font-size: 10pt; text-align: left;} #previewLightBox #lbContent {text-align: left;} #previewLightBox #lbFooter {margin-top: 20px;} #previewLightBox #widgetoverlay{ filter:alpha(opacity=0); position:absolute; height: 100px; width: 100px; background: white; opacity:0;} #previewLightBox p { margin: 2px;} /*Menu type breadcrumb */ #txtMsgBread ul.bread { margin-top: -22px; margin-left: -20px; margin-right:-20px; margin-bottom : 20px; } #createwidgets ul.bread { background: transparent url(/static/images/bread/background.png) top right repeat-x; margin: -10px -15px 15px -15px; } #createwidgets #selects{ width: 175px; float: left; } #createwidgets .gethelp{ position:absolute; top: -10px; width: 16px; height: 16px; left: 90px; padding: 0px; background: url( /static/images/icons/help_icon.gif ) no-repeat center top; border: 0px; } #createwidgets .gethelp:hover{ background: url( /static/images/icons/help_icon.gif ) no-repeat center bottom; } #createwidgets #selects span{ margin-top: 3px; margin-bottom: 3px; margin-left: 75px; display: block; } #createwidgets #selects select{ display:block; width: 100%; } #createwidgets #selects .fakeselect{ display:block; background: transparent url(/static/images/promo/select.png) top left no-repeat; height:28px; } #createwidgets #selects .fakeselect a{ position:relative; top: 3px; left: 5px; } #createwidgets #intro #title{ font-size: 25px; color: #000000; position: relative; } #createwidgets #intro #subtitle{ font-size: 20px; color: #aaaaaa; position: relative; top:5px; } #createwidgets #intro ul{ float: left; width: 250px; list-style-type:none; margin-top: 40px; } #createwidgets #intro li{ color: #000000; font-size: 13px; margin-top: 20px; } #createwidgets span.getstarted{ font-size: 20px; margin-left: 10px; } #createwidgets span.getstarted a{ text-decoration: underline; } #p_zcode{ height: 55px; } #p_zcode label{ float:left; } .zcode_help{ background: transparent url(/static/images/icons/help_icon.gif) no-repeat scroll center top; border:0 none; height:16px; padding:0; width:16px; display: block; float:left; margin-left: 5px; margin-right: 5px; } .zcode_help:hover{ background: url( /static/images/icons/help_icon.gif ) no-repeat center bottom; } .zcode_holder{ position:absolute; left: 435px; top: 10px; width: 120px; height: 70px; border: 0px solid blue; background: url( /static/image/icon/zcode-w-box.png) no-repeat top left; } .zcode_holder div{ position: relative; } .zcode_holder div span{ display:block; border: 0px solid blue; font-size: 11px; font-weight: bold; margin-top: 50px; text-align: center; } .ad-top-lboard {float:left;width:728px;height:90px;} .ad-top-int {width:195px;margin-left:17px;height:90px;float:left;overflow:hidden;} /* Removed attribute selectors above - IE6 doesn't understand them */ /* Merged from header.css */ /* LAYOUT ----------------------------------------------------------------------------- */ #header { display: block; position: relative; } #iphoneringtones { background: url( /static/images/header/iPhone_ringtones.png ) no-repeat left top; display: block; height: 32px; left: 23em; position: absolute; top: 1em; width: 280px; z-index: 20; } #iphoneringtones:hover { background-position: left bottom; } .logo { position: relative; margin: 25px 0 15px 55px; } #account { position: absolute; right: 4em; top: 2em; width: auto; } #account.loggedin { right: 1px; top: 0; } #account .info { padding: .5em 2em .5em .5em; position: absolute; right: 5px; top: 0; } #account .personal { float: right; position: relative; right: 24px; top: 45px; } #myAccHeaderIcon { position:absolute; right:80px; top:2px; } #phoneChooserIcon{ position:relative; top:4px; padding-left:3px; } /* #account .personal a { margin-left: 1em; }*/ img.acct { padding: 0em .5em .1em 0 } #phoneChooserDiv.personal { position: relative; right:0; top:23px; width: 200px; } #account .personal a.phoneChooser { color: #000; font-size: 1em; } #sidebar .content .phoneChooserBox { display: block; height: 20px; margin-bottom: 6px; } .personal img#phoneIcon { left: 0; } /*#menu, #submenu ul { position: relative; list-style-type: none; }*/ /* Menu #menu { height: 46px;margin-left:-2px; } #menu li.right { width: 198px; } #menu li { width: 196px; border-right: 1px solid #000; } #menu a { display: block; height: 28px; padding-top: 14px; background: #000 url( /static/images/header/gloss.png ) repeat-x; } #menu a { border-color: #000; border-style: solid; border-width: 2px 0px; } #menu a:hover { background-color: #a00; } #menu li.active a { background-color: #700; } html #menu li.noborder { border: none; } #menu .end { width: 7px; height: 46px; background: url( /static/images/header/end.png ) no-repeat; } #menu .right.end { float: right; background-position: right; } */ /* Submenu #submenu { height: 28px; margin: 0 22px; padding: 0 15px; position: relative; background: url( /static/images/header/submenu.gif ) no-repeat bottom left; } #submenu.inactive { background: url( /static/images/header/submenu.gif ) no-repeat 0px -9px; } #submenu p { padding-top: 5px; } #submenu ul { float: left; height: 100%; } #submenu ul li { float: left; height: 100%; } #submenu ul li a { display: block; height: 100%; width: 130px; text-align: center; border-left: 1px solid #500; } #submenu li.last a { border-right: 1px solid #500; } #submenu li a span { display: block; padding-top: .5em; } #submenu li a:hover, #submenu li.active a { background: url( /static/images/header/submenu_hover.gif ) repeat-x bottom; text-decoration: none; } #submenu .create { left: 60px; } #submenu .upload { left: 130px; } #submenu .people { left: 650px; } */ /* LOOKS ----------------------------------------------------------------------------- */ #account .info { background-color: #fafafa; border-color: #e9e9e9; border-style: solid; border-width: 0 0 1px 1px; } /* TYPOGRAPHY ----------------------------------------------------------------------------- */ #menu a { font-size: medium; color: #fff; text-align: center; text-transform: capitalize; text-decoration: none; } #account { text-align: right; } #account .info { font-size: .8em; } #account .info .ident { font-size: 1.1em; } #account .personal .ident { font-size: 1.1em; } #account .personal .foot { font-size: .9em; } #submenu a { color: #fff; } #submenu.inactive a { color: #a00; } /* Ad section */ #browsead { height: 90px; margin: 10px 0px 0px 7px; width:950px; position: relative; } #browsead .zedgenews { border: 1px solid #ddd; height: 86px; padding: 2px; position: absolute; right: 5px; top: 0px; width: 206px; } /* footer.css */ /* LAYOUT ----------------------------------------------------------------------------- */ #footer { background-color: #fafafa; border-top: #ddd solid 1px; margin: 15px 6px 0 4px; padding-bottom: 10px; position: relative; } #footer .breadcrumbs { background-color: #eee; border-bottom: #ddd solid 1px; padding: 4px 15px; text-align: right; } #footer .breadcrumbs * { margin: 0; } #footer .breadcrumbs a.ident { color: #000; } #sitemap { width: 970px; padding: 20px 0; height: 98px; } #sitemap div { float: left; width: 136px; } #sitemap ul { list-style-type: none; padding-left: 2.0em; } /* Typography ----------------------------------------------------------------------------- */ #footer { text-align: center; } #footer h4 { margin-bottom: .3em; } #sitemap div { text-align: left; } #sitemap a { color: #666; font-size: .9em; } #footer .links a { color: #666; font-size: .9em; text-transform: capitalize; } #footer .copy { font-size: smaller; } /* Previous forms.css */ /* Layout ---------------------------------------------------------------------------------------*/ .bubble { position: absolute; } .bubble .start { float: left; height: 20px; width: 30px; } .bubble .original { padding: .2em 1em 0 0; } .bubble { left: 26em; top: 2em; } .bubble.inverted { left: 26em; top: 5em; } /* Looks ---------------------------------------------------------------------------------------*/ .bubble .start { background: url( /static/images/header/bubble.png ) no-repeat top left; } .bubble .end { background: url( /static/images/header/bubble.png ) no-repeat top right; } .bubble.inverted .start { background: url( /static/images/header/bubbleinverted.png ) no-repeat top left; } .bubble.inverted .end { background: url( /static/images/header/bubbleinverted.png ) no-repeat top right; } /* Typography ---------------------------------------------------------------------------------------*/ .bubble { font-size: .9em; } /* Help section */ .helpsmsupdate { margin-left: 20px; } .helpsmsupdate dt { font-weight: bold; } .helpsmsupdate dd { margin-left: 20px; } ul.helpreallyfree { margin-left: 20px; } ul.helpreallyfree li { margin-bottom: 5px; } #google_ads_div_bubble_top {display:inline;} /* Pro-flags ---------------------------------------------------------------------------------------*/ img.proflag { position: absolute; left: 5px; top: 6px; z-index: 10; } .downmainbody img.proflag { left: 0px; top: 13px; } #whattodonext img { width: 19px; height: 21px; margin-right: 5px; vertical-align: middle; } #whattodonext div.wtdaction { margin-bottom: 5px; } input.query { background: #FFFFFF url(/static/images/icons/search.gif) no-repeat left center; padding-left: 20px; } /** * @section View content item */ #itemContainer { background: #fff; border: 1px solid #cacaca; left: 5px; padding-bottom: 30px; position: relative; width: 567px; } #itemContainer h3 { margin-bottom: 5px; padding: 10px 0 0 20px; } #itemContainer h4 { font-weight: normal; overflow: hidden; padding-left: 20px; width: 400px; } #item { margin: 0 192px 20px; width: 155px; } #videoItem{ height: 410px; padding-top:10px; } #videoItem img{ border:1px solid #ccc; } #videoItem, #ringtoneItem { margin: 0 auto 20px; text-align: center; } #ringtoneItem { height: 101px; margin: 0 190px 20px; width: 155px; } #ringtoneItem object { position: relative; top: 47px; left: 72px; } .itemheader, .itemfooter { background: url(/static/images/items/item_closure.gif) no-repeat scroll 0 0; height: 14px; width: 100%; } .itemfooter { background-position: left bottom; } .itemheader { background-position: left top; } .itembody { background:transparent url(/static/images/items/item_background.gif) repeat-y scroll 0 0; text-align: center; width: 100%; } #item .itembody img { width: 128px; } .fullSize { background: url(/static/image/button/view_fullsize.png) no-repeat top left; cursor: pointer; height: 35px; position: absolute; right: 120px; top: 140px; width: 74px; } .fullSize a.button { height: 35px; width: 74px; } .moreImages { background: url(/static/image/button/more_screenshot.png) no-repeat top left; cursor: pointer; height: 35px; position: absolute; right: 107px; top: 140px; width: 95px; } .moreImages a.button { height: 35px; width: 95px; } .fullSize:hover, .moreImages:hover { background-position: left bottom; } .getItBox { position: relative; } #itemContainer .getItBox { height: 66px; margin: 0 auto; width: 480px; z-index: 0; } #itemContainer #getItOverlay { background: #fff; height: 100%; padding-top: 20px; position: absolute; width: 100%; z-index: 2; } #itemContainer #getItOverlay .spinner { margin-right: 10px; vertical-align: bottom; } .getItButton { cursor: pointer; height: 45px; position: absolute; top: 14px; width: 140px; } #itemContainer .getItButton a.button, #mystuff .getItButton a.button, #myfavorites .getItButton a.button { display: block; height: 43px; width: 137px; } .getItButton a.getItHelp, .zCodeImage a.getItHelp, #p_zcode a.getItHelp, .secondLevelHeader span.helpLink { background: url(/static/images/icons/help-icon.png) no-repeat top left; height: 19px; position: absolute; right: -5px; top: -5px; width: 20px; } .zCodeImage a.getItHelp{ right: 0px; top: 7px; } .secondLevelHeader span.helpLink { cursor: pointer; right: 8px; top: 8px; } .secondLevel span.closeLink { cursor: pointer; } #p_zcode a.getItHelp{ position: relative; float:left; top: 0px; width: 29px; } a.getItHelp:hover { background-position: bottom left; } .mobileWeb { background: url(/static/images/buttons/mobile-web.png) no-repeat top left; left: 0; } .oneButton .mobileWeb { left: 150px; } .twoButtons .mobileWeb { left: 52px; } .textSms { background: url(/static/images/buttons/text-sms.png) no-repeat left top; left: 161px; } .textSmsUnavailable { background: url(/static/images/buttons/text-sms-unavailable.png) no-repeat left top; left: 161px; cursor: auto; } .textFirst .textSms { left: 52px; } .mobileFirst .textSms { left: 265px; } .pcDownload { background: url(/static/images/buttons/pc-download.png) no-repeat top left; left: 322px; width: 154px; } .oneButton .pcDownload { left: 161px; } .iTunesDownload { background: url(/static/images/buttons/itunes-download.png) no-repeat top left; left: 322px; width: 154px; } .oneButton .iTunesDownload { left: 145px; } .twoButtons .pcDownload{ left: 265px; } #comments { background: #f8f8f8; margin: 0 6px 0 5px; } #itemMetaBox { margin: 10px auto 0; position: relative; width: 509px; } ul.itemMetaHeaderTop { background: url(/static/images/backgrounds/itemmeta-bg.png) repeat-x; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; font-size: 11px; height: 21px; list-style-type: none; width: 517px; } ul.itemMetaHeaderBottom { background: #f5f5f5; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; font-size: 11px; height: 21px; list-style-type: none; width: 517px; } ul.itemMetaHeaderTop li, ul.itemMetaHeaderBottom li{ float: left; height: 21px; padding: 4px 4px 0 4px; text-align: left; } ul.itemMetaHeaderTop li.tags { height: 14px; overflow: hidden; width: 248px; } ul.itemMetaHeaderTop li.category { height: 17px; width: 145px; } ul.itemMetaHeaderTop li.stars { float: right; height: 17px; width: 100px; } ul.itemMetaHeaderTop li.stars div { margin: 0px auto; } ul.itemMetaHeaderTop li a { text-decoration: underline; } ul.itemMetaHeaderBottom span { color: #000; } ul.itemMetaHeaderBottom li.downloads { width: 140px; } ul.itemMetaHeaderBottom li.size, ul.itemMetaHeaderBottom li.comments { width: 100px; } ul.itemMetaHeaderBottom li.likes { float: right; margin: 0 auto; text-align: center; width: 100px; } .itemOptions { border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; height: 70px; position: relative; left: 0; width: 517px; } #itemMetaBox .itemActions { float: left; height: 81px; width: 410px; } .itemActions a.button { display: block; height: 30px; width: 87px; } .itemVote { height: 80px; position: absolute; right: 0; text-align: center; width: 108px; } .loveIt { background: url(/static/images/icons/love-it.png) no-repeat; cursor: pointer; height: 42px; left: 30px; position: absolute; top: 26px; width: 27px; } .hateIt { background: url(/static/images/icons/hate-it.png) no-repeat; cursor: pointer; height: 42px; left: 63px; position: absolute; top: 32px; width: 27px; } .doneVote { background: #fff; height: 55px; left: 3px; opacity: .8; position: absolute; top: 20px; visibility: hidden; width: 105px; } .voteSuccess { margin-top: 15px; } .itemMetaFooter { border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; height: 10px; width: 517px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } .itemActions .action { color: #000; cursor: pointer; float: left; font-size: 10px; height: 20px; margin: 10px 0 0 15px; padding: 4px 0 0 20px; } .itemActions .message_container { left: 0; min-width: 270px; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 4; } .itemActions .share { background: url(/static/images/icons/share_with_friends.png) no-repeat left top; } .itemActions .favorites { background: url(/static/images/icons/add_to_favorites.png) no-repeat left top; } .itemActions .websites { background: url(/static/images/icons/post_to_websites.png) no-repeat left top; } .itemActions .text { background: url(/static/images/icons/add_text_to_wallpaper.png) no-repeat left top; } .itemActions .screensaver { background: url(/static/images/icons/create_screensaver.png) no-repeat left top; } .itemActions .sgReport { background: url(/static/images/icons/siteguard.gif) no-repeat left top; } .itemActions .proReport { background: url(/static/images/icons/proreport.png) no-repeat left top; } .itemActions .flagItem { background: url(/static/images/icons/flag.gif) no-repeat left top; } .itemActions .redo { background: url(/static/images/icons/refresh.png) no-repeat left top; padding-left: 22px; } .itemActions .uploadAnother { background: url(/static/images/icons/upload-another.png) no-repeat left top; } #itemContainer a.button { display: block; height: 30px; width: 80px; } .itemActions #sgReasonPopup { display: none; position: absolute; top: -45px; left: -12px; width: 510px; height: 105px; border: 1px solid black; text-align: center; background-color: white; z-index: 99; padding: 10px; } /** * @section level2box * * All on level2box and forms to be included in revamp */ .level2box { background: #fff; border: 1px solid #ccc; height: auto; margin: 10px auto 0; position: relative; width: 100%; } .level2box h3.level2boxHeader { border-bottom:1px solid #CCCCCC; margin: 10px 10px 0; } .level2boxContent { margin: 15px 10px; } .level2box .formHeader { margin-top: 15px; } .level2box span.formHeader { color: #222; display: block; font-size: 12px; font-weight: bold; padding-bottom: 3px; } .level2box span.formHeader span.tip { font-size: 11px; font-weight: normal; margin-left: 10px; } .level2box span.formRadio { display: block; float: left; width: 100px; } .level2box label.formLabel { margin: 0 15px 0 5px; } .level2box label.disabled { color: #888; } .level2box .level2full { float: left; width: 100%; } .level2box .level2quarter { float: left; position: relative; width: 50%; } .level2box .level2quarter select { width: 200px; } .level2box input.formCheck { margin-right: 3px; vertical-align: text-top; } /* End level2box */ #downitemsidebar .awardHeader { height: 15px; } /** * @section Mini profile */ #miniProfile { position: relative; } #miniProfile .level2box { border: none; float: left; font-size: 11px; margin: 5px; } #miniProfile .downmainbody { padding: 0 10px; } #miniProfile .userInfoContainer { background: #fafafa; height: 100%; margin-right: 11px; position: relative; } #miniProfile #userInfo { width: 340px; } #miniProfile #userInfo .avatar { float: left; } #miniProfile #userInfo .details { float: left; font-size: 11px; margin-left: 10px; overflow: hidden; width: 220px; } #miniProfile #userInfo .largeUsername { font-size: 20px; } #miniProfile #userInfo .shoutout { float:left; font-size:16px; margin-top:5px; } #miniProfile #userInfo .flag { position: absolute; right: 18px; } #miniProfile #userInfo .onlineStatus { position: absolute; right: 8px; } #miniProfile #userActions { width: 122px; } #miniProfile #userActions .downmainbody { height: 110px; padding-left: 4px; } #miniProfile #userActions ul { list-style-type: none; } #miniProfile #userActions li { height: 18px; padding-top: 2px; } #miniProfile #userActions .subscribeButton { bottom: 10px; position: absolute; right: 16px; } #miniProfile #userActions #subscribeUser { background: url( /static/images/buttons/subscribe.png ) no-repeat left top; height: 32px; width: 90px; display: block; } #miniProfile #userActions #subscribeUser:hover { background-position: left bottom; } #miniProfile #userUploads { width: 204px; } #miniProfile #userUploads .downmainbody { height: 110px; } #miniProfile #userUploads .otherItems { float: left; height: 50px; padding: 10px 0; position: relative; width: 60px; } #miniProfile #userUploads .oneItem .otherItems { left: 68px; position: absolute; } #miniProfile #userUploads .twoItems .otherItems { padding: 10px 10px; } #miniProfile #userUploads a { display: block; float: left; height: 90px; /*margin-left: 5px;*/ width: 55px; } #miniProfile #userUploads .zTP { height: 90px; width: 55px; } #miniProfile #userUploads .ringtone { height: 0; z-index: 3; } #miniProfile #userUploads .ringtone img { position: absolute; top: 15px; z-index: 3; } #miniProfile #userUploads object { position: absolute; right: 6px; top: 39px; z-index: 4; } #miniProfile #report { float: left; font-size: 11px; height: 20px; margin-left: 10px; width: auto; } #miniProfile #report a { float: left; margin-right: 10px; } #miniProfile .message_container { left: 0; min-width: 270px; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 4; } #miniProfile .profileLink { background: url( /static/images/icons/go_to_profile-icon.png ) no-repeat top left; display: block; float: right; font-size: 11px; height: 20px; margin-right: 10px; padding-left: 16px; } /* large register complete button */ .blackButtonLarge { padding: 5px; background: #333 url( /static/images/buttons/blackLarge.gif ) repeat-x; border: 1px solid #333; color: #eee; cursor: pointer; width: 164px; font-size:15px; font-weight:bold; } .blackButtonLarge.disabled{ background: #bbb url( /static/images/buttons/blackDisabledLarge.gif ) repeat-x; border-color: #bbb; cursor: default; color:#888; } /* PhoneTxtLayout */ .phoneTxtLarge{ background: transparent url(/static/images/layout/txt-upload/txt-bg-large.png); width:390px; height:250px; overflow:hidden; } .phoneTxtLarge .displayWrap{ padding:68px 0 0 17px; width:355px;height:100%; } .phoneTxtLarge .displayHeaderWrap{ width:100%; height:39px; background:url(/static/images/layout/txt-upload/txt-header-large.png); } .phoneTxtLarge .displayBodyWrap{ width:100%; height:100%; } .phoneTxtLarge .displayBody{ padding: 10px; height:123px; overflow:auto; font-size:15px; } /*********************/ .phoneTxtSmall{ background: transparent url(/static/images/layout/txt-upload/txt-bg.png); width:133px; height:105px; overflow:hidden; } .phoneTxtSmall .displayWrap{ padding:26px 0 0 8px; width:117px; height:100%; } .phoneTxtSmall .displayHeaderWrap{ width:100%; height:19px; background:url(/static/images/layout/txt-upload/txt-header.png) -1px 0px; } .displayHeaderSmall { font-size:10px; padding: 3px 0 0 6px; color: #555555; font-weight: bold; } .displayHeader { font-size:14px; padding: 12px 0 0 10px; color: #555555; font-weight: bold; } .phoneTxtSmall .displayBodyWrap{ width:100%; height:100%; } .phoneTxtSmall .displayBody{ overflow:hidden; padding: 3px; } /** * */ #comment_status { display: none; } #no_comments + #comments_container { display: none; } #comments p.med { margin-bottom: 20px; } /* -------------------------------------------------------------------------------- ---------------- REVAMP STYLES BELOW HERE -------------------------------------------------------------------------------- */ span.vr { color: #aaa; padding: 0 1em; } ul { list-style: none; } /* Terms of Service */ #tos, #privacy_policy, #dmca { color: #000000; } #tos h4, #privacy_policy h4, #dmca h3 { margin-top: 40px; } #tos ol, #tos ul, #privacy_policy ol, #privacy_policy ul, #dmca ol { margin-left: 50px; margin-bottom: 30px; } #tos ul, #privacy_policy ul { list-style: disc; } /** * @section Header */ #header { position: relative; margin-bottom: 4px; margin-left: 4px; } #header a { text-decoration: none; } #logo { margin: 25px 0 15px 55px; position: relative; } /* Bubbles */ .bubble { font-size: .9em; left: 26em; position: absolute; top: 2em; } .bubble .start, .bubble .end { float: left; height: 20px; } .bubble .start { background: url( /static/image/layout/header/bubble.png ) no-repeat top left; width: 30px; } .bubble .end { background: url( /static/image/layout/header/bubble.png ) no-repeat top right; } .bubble .original { padding: .2em 1em 0 0; } .bubble.inverted { left: 26em; top: 5em; } .bubble.inverted .start { background: url( /static/image/layout/header/bubble-inverted.png ) no-repeat top left; } .bubble.inverted .end { background: url( /static/image/layout/header/bubble-inverted.png ) no-repeat top right; } #account { position: absolute; right: 4em; text-align: right; top: 2em; } #account a:hover { color: #a00; } #account.loggedin { right: 1px; top: 0; } #account .info { background-color: #fafafa; border-color: #e9e9e9; border-style: solid; border-width: 0pt 0pt 1px 1px; font-size: 0.8em; padding: .5em 2em .5em .5em; position: absolute; right: 6px; top: 0; } #account .info a.ident { font-size: 1.1em; } #account .info img { margin-right: 8px; vertical-align: bottom; } #account .personal { float: right; position: relative; right: 24px; top: 42px; } #account .personal img { position: absolute; right: 80px; } #account .personal p { margin-bottom: 10px; padding: 0; } #account .personal p a { font-size: 1.1em; } #account .personal .foot { font-size:0.9em; } #phoneChooserDiv.personal { position: relative; right: 0; top: 23px; width: 170px; } .phoneChooserBox { margin-bottom: 1em; } .personal img#phoneChooserIcon { left: 0; position: relative; top: 4px; } #account .personal a.phoneChooser { color: #000000; font-size: 1em; } /* Menu */ #menu { height: 46px; margin: 0 -4px; } #menu li { border-right: 1px solid #000; float: left; width: 195px; } #menu a { background: #000 url( /static/image/layout/header/menu-gloss.png ) repeat-x; border-color: #000; border-style: solid; border-width: 2px 0px; color: #fff; display: block; font-size: 1.3em; height: 28px; padding-top: 14px; text-align: center; text-transform: capitalize; } #menu a:hover { background-color: #a00; } #menu li.active a { background-color: #700; } #menu div.first, #menu div.last { background: url( /static/image/layout/header/menu-end.png ) no-repeat; height: 46px; position: absolute; width: 7px; z-index: 1; } #menu div.first { background-position: left top; left: -7px; } #menu div.last { background-position: right top; border: none; right: 0px; } /** * Submenu * @todo Convert gifs to png */ #submenu { background: url( /static/image/layout/header/submenu.png ) no-repeat bottom left; height: 28px; margin: 0 15px; padding: 0px 15px; } #submenu .quicklinks { float: left; padding-top: 7px; } #submenu { background-position: -2px -62px; } #submenu.inactive { background-position: -5px -14px; } #submenu ul { position: relative; } #submenu ul.create { left: 60px; } #submenu ul.upload { left: 265px; } #submenu ul.community { left: 264px; width: 656px; } #submenu li { float: left; height: 28px; } #submenu li a { border-left: 1px solid #500; color: #fff; display: block; height: 100%; text-align: center; width: 130px; } #submenu .last a { border-right: 1px solid #500; } #submenu li a span { display: block; padding-top: .5em; } #submenu li a:hover, #submenu li.active a { background: url( /static/image/layout/header/submenu-hover.png ) repeat-x bottom; text-decoration: none; } /* Flash on people front page */ #peopletop #flash_online_counter { width: 270px; } /* ================ */ /* = Moveable box = */ /* ================ */ #header .beta { bottom: 1.1em; position: absolute; left: 3.8em; } .getmoveable { background : url( /static/image/layout/box/help/mooveable.png ) no-repeat left top; display : inline-block; font-size : 0px; height : 12px; margin-left : 12px; vertical-align : text-top; width : 12px; } a.getmoveable.active { background-position: left bottom; } .moveable { color: #fff; cursor: move; display: none; padding: .5em; position: absolute; text-align: left; width: 240px; z-index: 9999; } .moveableheader { background: url( /static/image/layout/box/help/HeaderFooter2.png ) no-repeat left top; height: 30px; } .moveablefooter { background: url( /static/image/layout/box/help/HeaderFooter2.png ) no-repeat left bottom; height: 10px; } .moveablebody { background: url( /static/image/layout/box/help/Background2.png ) repeat-y; padding: .5em; } .moveable .minimize { background : url( /static/image/layout/box/help/minimize.png ) no-repeat left top; display : block; float : right; height : 15px; position : relative; right : .5em; top : .5em; width : 15px; z-index : 99999; } .moveable .minimize:hover { background-position: left bottom; } .moveable h3 { color : #fff; font-size : 1.2em; font-weight : bold; margin : 0 0 0 .2em; padding : 0 0 .5em 0; } #latest { margin-top: 2em; } .moveable hr { border-color: #111 transparent #333 transparent; border-style: solid; border-width: 1px 0px; left: -0.5em; margin: 0; padding: 0; position: relative; width: 240px; } .moveable ul { margin: 0 -0.5em; } .moveable .lst { border-bottom: none; } .moveable .st { border-top: none; } .moveable li { border-color : #333 transparent #111 transparent; border-style : solid; border-width : 1px 0; clear : both; height : 30px; padding : .5em .8em; position : relative; } .moveable .whiterow { background: none; } .moveable a { color: #fff; } .moveable a.ident { color: #999; } .moveable .fGotoPost { position : absolute; right : .8em; top : .95em; } .moveable .avatar { float : left; margin : 0 .5em 0 0; } .moveable .meta { position : absolute; right : .8em; top : .95em; } .moveable .user { top: .75em; position: relative; } .moveable .meta .flag { margin: 0 .5em .4em 0; } .moveable .gendermale, .moveable .genderfemale, .moveable .genderpro { float: left; margin-right: .5em; position: relative; top: .75em; } .moveable .genderfemale { background-position: right 0px; } .moveable .gendermale { background-position: right -16px; } .moveable .genderpro { background-position: left -31px; } /* ===================== */ /* = End mooveable box = */ /* ===================== */ /************************/ /* Top "noscript" box */ /************************/ #noscriptTop { background-color: #FAD163; border-bottom: 1px solid #9D9DA1; padding: 5px; font-size: 14px; color: #000000; } /************************************************************/ /* Box for notifying people about no JavaScript support */ /************************************************************/ .noJavaScriptNotice { width: 518px; margin: 0 auto 0 auto; position: relative; } input.defaultbutton, input.importantbutton, input.searchbutton, input.defaultbuttonSmall, input.importantbuttonSmall, input.searchbuttonSmall, input.defaultbuttonLarge, input.importantbuttonLarge, input.searchbuttonLarge { border: none; color: #fff; height: 24px; padding-top: 0; position: relative; text-align: center; width: 110px; } input.defaultbutton { background: url( /static/image/layout/button/default.png ) no-repeat left top; } input.importantbutton { background: url( /static/image/layout/button/important.png ) no-repeat left top; } input.searchbutton { background: url( /static/image/layout/button/search.png ) no-repeat left top; } input.defaultbuttonSmall { background: url( /static/image/layout/button/default-small.png ) no-repeat left top; } input.importantbuttonSmall { background: url( /static/image/layout/button/important-small.png ) no-repeat left top; } input.searchbuttonSmall { background: url( /static/image/layout/button/search-small.png ) no-repeat left top; } input.defaultbuttonLarge { background: url( /static/image/layout/button/default-large.png ) no-repeat left top; } input.importantbuttonLarge { background: url( /static/image/layout/button/important-large.png ) no-repeat left top; } input.searchbuttonLarge { background: url( /static/image/layout/button/search-large.png ) no-repeat left top; } input.defaultbuttonSmall, input.importantbuttonSmall, input.searchbuttonSmall { width: 80px; } input.defaultbuttonLarge, input.importantbuttonLarge, input.searchbuttonLarge { width: 135px; } input.defaultbuttonSmall:hover, input.defaultbutton:hover, input.defaultbuttonLarge:hover, input.searchbuttonSmall:hover, input.searchbutton:hover, input.searchbuttonLarge:hover, input.importantbuttonSmall:hover, input.importantbutton:hover, input.importantbuttonLarge:hover { background-position: left center; cursor: pointer; } input.disabled, input.disabled:hover { background-position: left bottom; cursor: default; } /* ------------------------------------------------------------------------------- // CSS-file: box.css // ------------------------------------------------------------------------------- */ /* Box Model Layout, looks & typography by Zedge Ltd 2007 - Kjelsberg, Henrik */ /* Layout */ .box { margin: 4px 0; } /* for small boxes under the profile section of People screen ("Zedger of the Day", "Hot forum topics") - Chris */ .box .fleft { float: left; width: 49%; position:relative;} .box .fright { float: right; width: 49%; position:relative;} .box .header, .box .footer { clear: both; height: 30px; } .box .white.header { height: 20px; } .box .blacktranshead.header, .box .whitetranshead.header, .box .blacktransfoot.footer, .box .blackglossfoot.footer, .box .whitetransfoot.footer, .box .whiteglossfoot.footer, .box .white.footer { height: 10px; } .box .black.header, .box .gray.header, .box .profileblack.header, .box .profilewhite.header { height:37px; } .box .blackglosshead.header, .box .whiteglosshead.header, .box .blackprofiletabs.header, .box .whiteprofiletabs.header { height: 35px; margin: 0px 0px 0px 1px; } #main_left .box .blackglosshead.header.partner, #main_left .box .whiteglosshead.header.partner, #main_left .box .blackprofiletabs.header.partner, #main_left .box .whiteprofiletabs.header.partner { height: 35px; margin: 0px -2px 0px 1px; } .box .default.header { height: 30px; } .box .default.footer { height: 12px; } .box .header .left, .box .footer .left { float: left; width: 25px; height: 100%; } .box .body { clear: both; width: 100%; } .box .edge { margin-left: 11px; } .box .container { margin-right: 11px; padding: 10px 15px; } /* a less padded container for counter section of People screen - Chris */ .box .csm { padding: 5px 5px; } .box ul.header, .box ul.footer { list-style-type: none; height: 37px; } .box .header li, .box .footer li { float: left; } .box ul.sidebar { list-style-type: none; } .box ol.sidebar { position: relative; left:10px; } .box ol.dlringtones { list-style-type:none; position:relative; } .box ol.dlringtones .whiterow { margin-left:-10px; margin-right:-5px; padding-left:10px; padding-right:5px; } /* lettered list on Help screen - Chris */ .lett { list-style-type: upper-latin; } .box .header li a { display: block; width: 100%; height: 37px; text-align: center; } .box .header li a span, .box .black.header h2, .box .profileblack.header h2, .box .blacktranshead.header h2, .box .blackglosshead.header h2, .box .profilewhite.header h2, .box .whitetranshead.header h2, .box .whiteglosshead.header h2, .box .orange.header h2 { position: relative; top: 40%; } .box .default.header h2 { position: relative; top: 60%; } #related_items .header li { position:relative; width:50%; } .box .items { width: 100%; margin-bottom: 1em; } .box .footer .go { bottom: 20px; display: block; float: right; right: 3em; position: relative; } #browse ul.header li { position: relative; width: 16.6%; } #browse ul.header li a.last { width: 100%; } #people ul.header li { position: relative; width: 33.3%; } #people ul.header li a.last { width: 100%; } #people .items dt { background-image: none; } #browse .items dt { background-image: none; } /* ------- pagination styles -------- */ .box .paglistholder .blacklistholderleft { float:left;height:0px;width:0px;position:absolute; } .box .paglistholder .whitelistholderleft { float:left;height:0px;width:0px;position:absolute; } .box #paglist, .box #paglistAlt { clear: both; font-size: small; float: left; height: 34px; width: 100%; position: relative; } .box #paglist li, .box #paglistAlt li { float: left; height: 100%; } .box #paglist a, .box #paglistAlt a { display: block; float: left; height: 100%; cursor:pointer; } .box #paglist a:hover, .box #paglistAlt a:hover { font-weight:bold; text-decoration: none; } .box #paglist span { color: #fff; display: block; padding-top: .5em; text-align: center; } .box #paglistAlt span { color: #000; display: block; padding-top: .5em; text-align: center; } .box #paglist .previous a span, .box #paglist .next a span, .box #paglistAlt .previous a span, .box #paglistAlt .next a span { padding-top: .5em; width: 50px; } .box #paglist .previous a span { margin-right: 1.5em; } .box #paglist .next, .box #paglistAlt .next { float: right; } .box #paglist .next a span { margin: 0 2em 0 1.5em; } .box #paglist .active span, .box #paglistAlt .active span { font-weight:bold; margin: 0 5px; padding-top: .4em; } .box #paglistAlt { height:30px; margin:0px; background: url(/static/images/table-header.png) repeat-x; list-style-type: none; } .box #paglistAlt .previous a span { margin: 0 1.5em 0 0.25em; } .box #paglistAlt .next a span { margin: 0 0.75em 0 1em; text-align:right; } .box #paglist .pagitem1 span { width: 20px; } .box #paglist .pagitem2 span { width: 25px; } .box #paglist .pagitem3 span { width: 30px; } .box #paglist .pagitem4 span { width: 35px; } .box #paglist .pagitem5 span { width: 50px; } .box #paglistAlt .pagitem1 span { width: 20px; } .box #paglistAlt .pagitem2 span { width: 25px; } .box #paglistAlt .pagitem3 span { width: 30px; } .box #paglistAlt .pagitem4 span { width: 35px; } .box #paglistAlt .pagitem5 span { width: 50px; } .itembox_header { position: relative; } /* Looks --------------------------------------------------------------*/ /* Header & footer appearence */ .box .default { background: url( /static/images/box/corners_default.jpg ) no-repeat; } .box .black, .box .profileblack { background: url( /static/images/box/corners_black_glossy.png ) no-repeat; } .box .blacktranshead, .box .blacktransfoot, .box .blackglossfoot { background: url( /static/images/box/corners_black_transparent.png ) no-repeat; } .box .blackglosshead { background: url( /static/images/box/corners_black_gloss_transbg.png ) no-repeat; } .box .whitetranshead, .box .whitetransfoot, .box .whiteglossfoot { background: url( /static/images/box/corners_white_transparent.png ) no-repeat; } .box .whiteglosshead { background: url( /static/images/box/corners_white.png ) no-repeat; } .box .protop { background: url( /static/images/box/corners_black.jpg ) no-repeat; } .box .gray, .box .profilewhite { background: url( /static/images/box/corners_lightgray_glossy.jpg ) no-repeat; } /* .box .white { margin-top:-20px; } */ .box .header.white { background: url( /static/images/box/corners_white.jpg ) no-repeat top right;margin-top:0px; } .box .header.white .left { background: url( /static/images/box/corners_white.jpg ) no-repeat top left;margin-top:0px; } .box .footer.white { background: url( /static/images/box/corners_white.jpg ) no-repeat bottom right;margin-top:0px; } .box .footer.white .left { background: url( /static/images/box/corners_white.jpg ) no-repeat bottom left;margin-top:0px; } .box .darkgray { background: url( /static/images/box/corners_darkgray.png ) no-repeat; } .box .orange { background-image:none; } .box .header.orange { background: url( /static/images/box/corners_orange_glossy.jpg ) no-repeat top right;height:37px; width:auto; } .box .header.orange .left { background: url( /static/images/box/corners_orange_glossy.jpg ) no-repeat top left; } .box .orange .footer { background: url( /static/images/box/corners_orange.gif ) no-repeat bottom right;height:30px;margin-left:30px; width:auto; } .box .orange .footer .left { background: url( /static/images/box/corners_orange.gif ) no-repeat bottom left;margin-left:-30px; width:30px; } .box .orange .body { background: #fffff5;border-left:1px solid #f6921e;border-right:1px solid #f6921e;width:auto;margin-left:8px;margin-right:13px; } .box .orange .container { background: #fffff5;margin-right:0px; } .box .orange .edge { background: none;margin-left:0px;margin-right:20px; } #register_member_login { background:none; height:auto; margin-top:-5px; margin-bottom:6px; } #register_member_login .body { background: #fffff5;border-left:1px solid #f6921e;border-right:1px solid #f6921e;width:auto;height:100%;margin-left:4px;margin-right:6px; } #register_member_login .container { background: none;padding-bottom:0; } #register_member_login .edge { background: #fffff5; } #register_member_login .footer { background: url( /static/images/box/corners_orange.gif ) no-repeat bottom right;height:30px;margin-left:30px;margin-right:-7px;width:auto; border:0; } #register_member_login .footer .left { background: url( /static/images/box/corners_orange.gif ) no-repeat bottom left;margin-left:-34px;width:34px;border:0; } #register_member_login .field { margin-bottom: 5px; } #phone_select_div_new { background:none;text-align:left;margin-top:-2px;height:200px; } #phone_select_div_new .header { background: url( /static/images/box/corners_default_trans.gif ) no-repeat top right;height:20px;margin-left:30px; width:auto; } #phone_select_div_new .header .left { background: url( /static/images/box/corners_default_trans.gif ) no-repeat top left;margin-left:-30px; width:30px; } #phone_select_div_new .footer { background: url( /static/images/box/corners_default_trans.gif ) no-repeat bottom right;height:20px;margin-left:30px; width:auto; } #phone_select_div_new .footer .left { background: url( /static/images/box/corners_default_trans.gif ) no-repeat bottom left;margin-left:-30px; width:30px; } #phone_select_div_new .body { background: #eee;border-left:3px solid #fff;border-right:3px solid #fff;height:180px;width:auto;margin-left:4px;margin-right:3px;margin-bottom:0px;padding-bottom:0px; } #phone_select_div_new .container { background: none;margin-right:0px;height:180px;margin-bottom:0px;padding-bottom:0px; } #phone_select_div_new .edge { background: #eee;margin-left:0px;margin-right:0px;height:180px; } #phone_select_div_new .content { height:180px;margin-bottom:0px;padding-bottom:0px; } #phone_select_div_new .header h2 { position:relative;top:80%;color: #000; font-size: 16px; font-weight: bold; } #phone_select_div_new .body p { color:#000;padding-left:10px;margin-bottom:0px; } #phone_select_div_new .body p.shout { margin-bottom:20px; } #phone_select_div_new .body .selDiv { float:left;border:2px solid #a00;margin-left:10px;margin-bottom:15px;padding:0px; } #phone_select_div_new .body .selDiv select { margin-top:0px; } #phone_select_div_new .body img { float:left;margin-left:10px;margin-top:15px;bottom:0px; } #phone_select_div_new .body .linkDiv { float:right;margin-right:10px;margin-top:20px;bottom:0px; } #phone_select_div_new .content #phonesel_go { margin-left:2px;margin-top:2px; } .box .container { background-color: #fafafa; } .box .body.white .container { background-color: #fff; } .box .body.gray .container { background-color: #e6e6e6; } .box .body.blackbody .container { background: none !important; padding: 10px 0px 5px 0px; } .box .body.whitebody .container { background: none !important; padding: 10px 0px; } .box .header { background-position: top right; } .box .header .left { background-position: top left; } .box .header.blacktranshead, .box .header.blackglosshead, .box .header.whitetranshead, .box .header.whiteglosshead { background-position: top right; margin-left:30px; width:auto; } #main_right .box .header.blackglosshead, #main_right .box .header.whitetranshead, #main_right .box .header.whiteglosshead { margin-right:2px; } .box .header.blacktranshead .left, .box .header.blackglosshead .left, .box .header.whitetranshead .left, .box .header.whiteglosshead .left { background-position: top left; float: left; margin-left:-30px; width:30px; } .box .header.blackglosshead .left { margin-left:-29px; } .box .body { background: url( /static/images/box/edges.jpg ) repeat-y left; } .box .edge { background: url( /static/images/box/edges.jpg ) repeat-y right; } .box .white .body { margin: 0 7px; background: url( /static/images/box/edges_white.jpg ) repeat-y left; } .box .white .edge { margin: 0 14px; background: url( /static/images/box/edges_white.jpg ) repeat-y right; } .box .body.blackbody { background: url( /static/images/box/black_bg.png ) repeat; color:#fff; } .box .body.whitebody { background: url( /static/images/box/white_bg.png ) repeat; color:#000;margin-left:5px;margin-right:5px;width:auto;height:100%; } .box .edge.blackedge, .box .edge.whiteedge { background-image:none; } .box .footer { background-position: bottom right; } .box .footer .left { background-position: bottom left; } .box .footer.blacktransfoot, .box .footer.blackglossfoot, .box .footer.whitetransfoot, .box .footer.whiteglossfoot { background-position: bottom right; margin-left:30px; } .box .footer.whitetransfoot, .box .footer.whiteglossfoot { margin-right:1px; } .box ul#paglist.whitetransfoot li a span, .box ul#paglist.whiteglossfoot li a span { color: #000; } .box .footer.blacktransfoot .left, .box .footer.blackglossfoot .left, .box .footer.whitetransfoot .left, .box .footer.whiteglossfoot .left { background-position: bottom left; margin-left:-30px; width:30px; } #profile .box #paglist.blacktransfoot .left, #profile .box #paglist.blackglossfoot .left, #profile .box #paglist.whitetransfoot .left, #profile .box #paglist.whiteglossfoot .left { margin-left: -20px; position: relative; width: 20px; } #profile .box #paglist.blacktransfoot, #profile .box #paglist.blackglossfoot, #profile .box #paglist.whitetransfoot, #profile .box #paglist.whiteglossfoot { margin-left: 20px; position: relative; width: 692px; } .box ul.header.blackprofiletabs a { background: url( /static/images/box/corners_black_gloss_transbg.png ) no-repeat top center;color:#fff;height:35px; } .box ul.header.whiteprofiletabs a { background: url( /static/images/box/corners_lightgray_trans.png ) no-repeat top center;height:35px; } .box ul.header a.first, .box ul.header.blackprofiletabs a.first, .box ul.header.whiteprofiletabs a.first { background-position: top left;} .box .header.blackprofiletabs a:hover, .box .header.whiteprofiletabs a:hover { background: url( /static/images/box/corners_gray_trans.png ) no-repeat top center; } .box .header a:hover { background: url( /static/images/box/corners_gray_glossy.jpg ) top center; } .box ul.header .active { background: url( /static/images/box/corners_black_glossy.png ) top center; } .box ul.header a.active:hover { background-image: url( /static/images/box/corners_black_glossy.jpg );color:#fff; } .box ul.header.blackprofiletabs .active { background: url( /static/images/box/corners_red_gloss_transbg.png ) no-repeat top center; } .box ul.header.whiteprofiletabs .active { background: url( /static/images/box/corners_black_gloss_transbg.png ) no-repeat top center; } .box ul.header.blackprofiletabs a.active:hover { background-image: url( /static/images/box/ie/tab_red_gloss.gif ); } .box ul.header.whiteprofiletabs a.active:hover { background-image: url( /static/images/box/ie/tab_black_gloss.gif ); } .box .header a.first:hover { background-position: top left; } .box .header a.last, .box ul.header.whiteprofiletabs a.last, .box ul.header.blackprofiletabs a.last { background-position: top right; margin-left:0px; width:99%; } .box .header a.last:hover { background-position: top right; } .box ul.gray.header { height: 37px; } .box .footer a.first { background-position: bottom left; } .box .footer a.last { background-position: bottom right; } #profile .box .rank { float: right; padding: 9px 0 0 0; } #profile #details .blackglosshead.header{ margin-right: 2px; } /* Typography --------------------------------------------------------------*/ .box .black.header h2, .box .profileblack.header h2, .box .blacktranshead.header h2, .box .blackglosshead.header h2, .box .orange.header h2 { color: #fff; font-size: 14px; margin: 0; font-weight: normal; } .box .whitetranshead.header h2, .box .whiteglosshead.header h2 { color: #000; font-size: 14px; font-weight: normal; } .box .header.blackglosshead a, .box .header.blackglosshead a:hover, .box .body.blackbody a, .box .body.blackbody h1, .box .body.blackbody h2, .box .body.blackbody h3, .box .body.blackbody h4, .box ul.header.whiteprofiletabs a:hover { color:#fff; } .box .body.whitebody a, .box .body.whitebody h1, .box .body.whitebody h2, .box .body.whitebody h3, .box .body.whitebody h4 { color:#000; } .box .body.blackbody a.ident, .box .body.whitebody a.ident { color: #a00; } .box .default.header h2, .box .white.header h2, .box .profilewhite.header h2 { color: #000; font-size: 16px; font-weight: bold; } .box .header a, .box .header a:hover { color: #000; text-decoration: none; text-transform: capitalize; } .box ul.header a.active { color: #fff; } .box ul.header a .arrow { display:none; } .box ul.header a.active .arrow { display:block; } /** * @title Description box. * * Style for the box on the front page displaying info for users on how * Zedge works. * - Variation 1 is with the search tabs inside the description box. * - Variation 2 is with the search option below the tabs in the main * items box. * */ #descriptionBox {} #descriptionBox.box { position: relative; } #descriptionBox .header { height: 13px; } #descriptionBox .fixedHeight.variation1 .content { height: 185px; } #descriptionBox .variation1 #phoneImage { background: url(/static/images/icons/phone_medium.png) no-repeat; bottom: 10px; height: 180px; left: 0px; position: absolute; width: 155px; } #descriptionBox .variation2 #phoneImage { background: url(/static/images/icons/phone_small.png) no-repeat; float:left; height: 120px; margin: -16px 0px 0px 0px; overflow:visible; width: 121px; } #descriptionBox #freePhoneText { margin: 0 0 0 170px; } #descriptionBox #freePhoneText h1 { margin-bottom: 0; padding-top: 0; } #descriptionBox #freePhoneText #million { font-size: 17px; margin-bottom: 8px; } #descriptionBox #freePhoneText #descriptionSearch { margin-right:5px; width:155px; } #descriptionBox #freePhoneText #descriptionGet { width: 200px; } #descriptionBox #freePhoneText img { margin-right: 5px; } #descriptionBox #freePhoneText p { margin-bottom: 0px; } #descriptionBox #descriptionSearch span { color:#368ec5; } #descriptionBox #descriptionGet span { color:#9ebd00; } #descriptionBox .variation1 #tabSearchBox { padding-left: 130px; margin-top: 23px; } #descriptionBox .variation1 #searchBox { background: url(/static/images/backgrounds/SearchBackground.png) no-repeat; margin-right: 0px; padding: 10px 0px 11px 0; width: 460px; } #descriptionBox .variation1 #searchBox #txt_query { width: 190px; } #descriptionBox #searchBoxMenu { list-style-type: none; padding: 0px 0px 20px 10px; } #descriptionBox #searchBoxMenu li { bottom: 0px; height: 25px; margin-bottom: -5px; overflow: visible; padding: -2px 0 0 0; text-align: center; margin-top: 0px; width:72px; z-index: 4; } #descriptionBox #searchBoxMenu li.active { background: url(/static/images/backgrounds/SearchTab.png) no-repeat 0px 0px; position:relative; } .variation2 #searchBox { background: url(/static/images/backgrounds/search_box_bg.png) repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc; height:20px; padding:15px 30px 15px 30px; left: 10px; width:558px; } .variation2 #searchBox #txt_query { width: auto; } .variation2.body .descriptionContainer { height: 99px; padding: 10px 15px 5px 0px; } .frontpage #overlay { background: #fff; display:none; filter:alpha(opacity=70); height: 680px; margin:57px 0px 0px -5px; position: absolute; width: 619px; z-index: 2; -moz-opacity: 0.7; } .frontpage #overlay img { padding: 37px 0px 0px 47%; } #searchbar { background: url( /static/images/backgrounds/SearchWideBackground.png ) no-repeat center top; height: 25px; margin-top: .7em; padding: .7em 1em; position: relative; z-index: 1; } #narrowsearchbar { background: url( /static/image/layout/form/search-background.png ) no-repeat center top; height: 41px; margin: 11px 0 7px; position: relative; z-index: 1; } #narrowsearchbar.special { padding-bottom: 6px; } #narrowsearchbar div.floatLeft { margin-top: 9px; padding-left: 8px; } #searchbar p { margin: 0px; } a.gethelp { background-color: #eee; border: #ccc solid 1px; color: #333; font-size: 10px; padding: 0px 4px; } a.gethelp:hover { background-color: #fff; color: #000; text-decoration: none; } .help { color: #fff; font-weight: normal; position : absolute; text-align: left; visibility: hidden; width: 240px; z-index: 5; } .help .boxheader, .help .boxfooter { background: url( /static/image/layout/box/help/HeaderFooter.png ) no-repeat; width: 240px; } .help .boxheader { background-position: left top; display: block; font-weight: bold; padding: 6px 10px; } .help .boxbody { background: url( /static/image/layout/box/help/Background.png ) repeat-y; padding: 4px 10px; position: relative; width: 220px; } .help .boxbody .arrow { left: -11px; position: absolute; top: 0px; } .help .boxfooter { background-position: left bottom; height: 13px; } .help a.close { background: url( /static/image/layout/box/help/Close.png ) no-repeat left top; display: block; float: right; height: 15px; position: relative; right: 15px; top: -2px; width: 15px; } .help a.close:hover { background-position: left bottom; } /** * @section Medium ad-box * * Special case styles for ad on view-content-item */ #advertBoxSquare .body .container { padding: 0px 23px 15px; } /** * @section Secondlevelbox styles */ .box .secondLevel { background: none; border: none; position: relative; } .box .secondLevel.smallBox { width: 240px; } .box .secondLevel.mediumBox { width: 400px; } .box .secondLevel.largeBox { width: 650px; } .box .smallBox .secondLevelHeader, .box .smallBox .secondLevelFooter { background: url( /static/image/layout/box/second-level/whitebox-small-header-footer-fa.png ) no-repeat; } .box .mediumBox .secondLevelHeader, .box .mediumBox .secondLevelFooter { background: url( /static/image/layout/box/second-level/whitebox-medium-header-footer-fa.png ) no-repeat; } .box .largeBox .secondLevelHeader, .box .largeBox .secondLevelFooter { background: url( /static/image/layout/box/second-level/whitebox-large-header-footer-fa.png ) no-repeat; } .box h3.secondLevelHeader, .box .secondLevelFooter { color: #555; font-size: 14px; height: 23px; margin-bottom: 0; margin-left: 0; padding: 10px 0 0 22px; width: 628px; } .box .smallBox .secondLevelHeader, .box .smallBox .secondLevelFooter { width: 218px; } .box .mediumBox .secondLevelHeader, .box .mediumBox .secondLevelFooter { width: 378px; } .box .smallBox .secondLevelFooter, .box .mediumBox .secondLevelFooter, .box .largeBox .secondLevelFooter { background-position: left bottom; height: 16px; } .box .secondLevelBody { height: 100%; padding-top: 10px; } .box .smallBox .secondLevelBody { background: url( /static/image/layout/box/second-level/whitebox-small-fa.png) repeat-y; } .box .mediumBox .secondLevelBody { background: url( /static/image/layout/box/second-level/whitebox-medium-fa.png) repeat-y; } .box .largeBox .secondLevelBody { background: url( /static/image/layout/box/second-level/whitebox-large-fa.png) repeat-y; } .box .secondLevel .topLine { border-top: 1px solid #ccc; } .box .secondLevelContent { margin: 0; padding: 0px 13px 15px 22px; } .secondLevel .secondLevelFull { float: left; height: auto; position: relative; width: 100%; } .secondLevel .secondLevelHalf { float: left; height: auto; position: relative; width: 50%; } .box .secondLevel .formHeader { margin-top: 15px; } .box .secondLevel span.formHeader { color: #222; display: block; font-size: 12px; font-weight: bold; padding-bottom: 3px; } .box .secondLevel span.formHeader span.tip { font-size: 11px; font-weight: normal; margin-left: 10px; } .box .secondLevel span.formRadio { display: block; float: left; width: 100px; } .box .secondLevel label.formLabel { margin: 0 15px 0 5px; } .box .secondLevel label.disabled { color: #888; } .box .secondLevel .secondLevelHalf select { width: 200px; } .box .secondLevel p.formCheckBox { margin-bottom: 10px; padding-left: 15px; } .box .secondLevel input.formCheck { margin-right: 3px; vertical-align: baseline; width: 20px; } .box .secondLevel #paglistAlt { background: none; height: 25px; } .secondLevel .helpText, .secondLevel .helpTextOpen { background: #eee; border: 1px solid #ddd; display: none; margin: 0 15px 15px; padding-top: 15px; position: relative; } .secondLevel .helpTextOpen { display: block; } .helpText .helpCloseLink, .helpTextOpen .helpCloseLink { bottom: 10px; cursor: pointer; height: 12px; position: absolute; right: 10px; } .secondLevel .footerlink { bottom: 20px; font-size: 11px; position: absolute; right: 10px; } /* ------------------------------------------------------------------------------- // CSS-file: form.css // ------------------------------------------------------------------------------- */ /** * @section Form */ input[type="text"], input[type="password"], select, .field, textarea { background-color: #fff; border-color: #aaa #ccc #ccc #aaa; border-style: solid; border-width: 1px; } input.regSignUp, input.regLogin { font-size:15px; font-weight:bold; margin-top:10px; padding:3px 0; width:150px; } input[type="checkbox"].formCheck { margin: 3px; } input { font: 12px arial, helvetica, sans-serif; padding: 2px; } input.query { background: #fff url( /static/images/icons/search.gif ) no-repeat left; border-color: #aaa #ccc #ccc #aaa; border-style: solid; border-width: 1px; color: #aaa; padding-left: 21px; } input[type="search"] { font-size: 1.3em; } input.query:focus { color: #000; } a#eraser { background: url( /static/image/layout/form/eraser.png ) no-repeat left top; right: 49px; top: 0; } a#eraser:hover { background-position: left bottom; } select { font-family: arial,helvetica,sans-serif; font-size: 12px; height: 21px; padding: 1px; } .half select.formField, select.formField { width: 255px; } select.formFieldLarge { height: 27px; width: 355px; } .formFieldGroup { height: auto; position: relative; } .full { width: 100%; } .half { width: 50%; } #grpDescription { width: 100%; height: 185px; } div.formFieldGroup { height: 55px; } div.autoHeight { height: auto; } #form_profile #div_about { height: auto; } input.formField{ background: #fff url( /static/image/layout/form/field-gradient.png ) repeat-x left top; height: 15px; width: 250px; } .full .formField, .full #zeditor { width: 555px; } /* Styles for large form fields */ div.formFieldGroupLarge { height: auto; margin-top: 10px; position: relative; width: 355px; } .secondLevel div.formFieldGroupLarge span.formHeader { margin-top: 0; } .formFieldLarge { font-size: 16px; } input.formFieldLarge { background: #fff url( /static/image/layout/form/field-gradient.png ) repeat-x left top; height: 22px; padding-left: 30px; width: 320px; } select.formFieldLarge { height: 27px; width: 355px; } select.error, input.error, div.checkBoxWrap.error { background: #f5caca; border-color: #cb3030 #e79191 #e79191 #cb3030; border-style: solid; border-width: 1px; height: 15px; } select.error { height: 21px } input.formFieldLarge.error { height: 22px; } select.formFieldLarge.error { height: 26px; } div.checkBoxWrap.error { height: 22px; } div.checkBoxWrap { display: inline; float: left; height: 22px; margin-right: 5px; width: 22px; } label.checkBoxLabel { display: block; padding-top: 4px; } .field_msg, .field_msg_error { color: #fff; display: none; float: none; font-size: 11px; height: 25px; max-width: 205px; padding: 0; position: absolute; right: 55px; text-align: center; top: 8px; width: auto; } .half .field_msg, .half .field_msg_error { right: 51px; } .full .field_msg, .full .field_msg_error { max-width: 400px; } .field_msg .message, .field_msg_error .message { background: #000; filter: alpha(opacity=90); height: 12px; line-height: 20px; opacity: 0.9; padding: 3px; width: auto; } .field_msg_error .message { background: #a00; } .field_msg span.arrow, .field_msg_error span.arrow { background: url(/static/image/icon/form/tooltip_arrow.png) no-repeat left 0px; bottom: 0; display: block; filter: alpha(opacity=90); height: 5px; left: 5px; opacity: 0.9; overflow: hidden; position: absolute; width: 10px; } .field_msg_error span.arrow { background-position: left -5px; } .formFieldGroupLarge .field_msg, .formFieldGroupLarge .field_msg_error { max-width: 300px; right: 0; top: -7px; } span.formIcon { cursor: pointer; display: block; height: 16px; left: 6px; top: 24px; position: absolute; width: 19px; } span.usernameIcon { background: url( /static/image/icon/form/username.png ) no-repeat left top; } span.emailIcon { background: url( /static/image/icon/form/email.png ) no-repeat left top; } span.passwordIcon { background: url( /static/image/icon/form/password.png ) no-repeat left top; } span.shoutoutIcon { background: url( /static/image/icon/form/shout.png ) no-repeat left top; } span.streamIcon { background: url( /static/image/icon/form/stream.png ) no-repeat left top; } textarea { font-family:arial,helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding:2px; } .half textarea { overflow: auto; } input.defaultbutton, input.importantbutton, input.searchbutton, input.defaultbuttonSmall, input.importantbuttonSmall, input.searchbuttonSmall, input.defaultbuttonLarge, input.importantbuttonLarge, input.searchbuttonLarge, input.filterButton { border: none; color: #fff; height: 24px; padding-top: 0; position: relative; text-align: center; } input.defaultbutton { background: url( /static/image/layout/button/default.png ) no-repeat left top; } input.importantbutton { background: url( /static/image/layout/button/important.png ) no-repeat left top; } input.searchbutton { background: url( /static/image/layout/button/search.png ) no-repeat left top; } input.defaultbuttonSmall { background: url( /static/image/layout/button/default-small.png ) no-repeat left top; } input.importantbuttonSmall { background: url( /static/image/layout/button/important-small.png ) no-repeat left top; } input.searchbuttonSmall { background: url( /static/image/layout/button/search-small.png ) no-repeat left top; } input.defaultbuttonLarge { background: url( /static/image/layout/button/default-large.png ) no-repeat left top; } input.importantbuttonLarge { background: url( /static/image/layout/button/important-large.png ) no-repeat left top; } input.searchbuttonLarge { background: url( /static/image/layout/button/search-large.png ) no-repeat left top; } input.filterButton { background: url( /static/image/button/filter-button.png ) no-repeat left top; } input.defaultbuttonSmall, input.importantbuttonSmall, input.searchbuttonSmall { width: 80px; } input.defaultbutton, input.importantbutton, input.searchbutton { width: 110px; } input.defaultbuttonLarge, input.importantbuttonLarge, input.searchbuttonLarge { width: 135px; } input.filterButton { height: 21px; width: 31px; } input.defaultbuttonSmall:hover, input.defaultbutton:hover, input.defaultbuttonLarge:hover, input.searchbuttonSmall:hover, input.searchbutton:hover, input.searchbuttonLarge:hover, input.importantbuttonSmall:hover, input.importantbutton:hover, input.importantbuttonLarge:hover, input.filterButton:hover { background-position: left center; cursor: pointer; } input.disabled, input.disabled:hover { background-position: left bottom; cursor: default; } /* large register complete button */ .blackButtonLarge { padding: 5px; background: #333 url( /static/images/buttons/blackLarge.gif ) repeat-x; border: 1px solid #333; color: #eee; cursor: pointer; width: 164px; font-size:15px; font-weight:bold; } .blackButtonLarge.disabled{ background: #bbb url( /static/images/buttons/blackDisabledLarge.gif ) repeat-x; border-color: #bbb; cursor: default; color:#888; } div #streamBlock{ float:left; } /* ------------------------------------------------------------------------------- // CSS-file: squeezebox.css // ------------------------------------------------------------------------------- */ #sbox-window iframe, #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } #sbox-overlay { background: #000; position: absolute; } #sbox-window { position: absolute; text-align: left; } #sbox-btn-close { position: absolute; width: 30px; height: 19px; right: 0; top: 6px; background: url(/static/images/lightbox/close_icon_alt.png) no-repeat top left; border: none; z-index: 65558; } #sbox-btn-close:hover { background-position: left bottom; } .previewBox #sbox-btn-close { right: -64px; top: -12px; } .sbox-window-ie6 #sbox-btn-close { background-image: url(/static/images/lightbox/close_icon.gif); } .sbox-loading #sbox-content { background-image: url(/static/images/icons/ajax-loader.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: hidden; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; } .sbox-content-iframe#sbox-content { overflow: visible; } #sbox-content.sbox-content-image { background: #000; border: 2px solid #fff; padding: 20px; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; } .scrollable #previewBox { border: none; } .scrollable #sbox-btn-close { right: 10px; top: 9px; } .scrollable #sbox-content { border: 2px solid #fff; overflow-y: scroll; -moz-border-radius: 5px; } .hor_ad_header { width:78px;height:10px;margin:0 auto;background:url(/static/images/ad-header.png) no-repeat 0px 0px;margin-bottom:2px;} #lboard-ad-head {height:90px;width:9px;background:url(/static/images/ad-header.png) no-repeat 0px -10px;position:absolute; left:729px; top:7px;} /* * Section: Activity Stream * Used in profiles, profile subpages and myaccount */ .streamtype{ background-image: url(/static/image/icon/stream-events.png); display: block; height: 16px; left: 13px; position: absolute; top: 1px; width: 16px; } #ac_stream .streamGroup{ height: 100%; padding: 0 0 10px 38px; position: relative; } #ac_stream .streamElements { overflow: hidden; width: 370px; } #ac_stream .hiddenItems { display: none; margin-top: 5px; position: relative; width: 350px; } #ac_stream .viewAll { width: 100%; } #ac_stream .streamCaption { margin-bottom: 4px; } #ac_stream .streamDate, #ac_stream .streamDateAll { color: #666; font-size: 11px; padding-bottom: 4px; width: 100%; } #ac_stream .streamMoreLink { color: #a00; cursor: pointer; font-size: 11px; margin-left: 20px; } #ac_stream .otherItems { float: left; height: 55px; margin: 0 8px 5px 0; position: relative; width: 55px; } #ac_stream .ringtone img { padding-top: 10px; } #ac_stream div.ringtonePlayer { left: 25px; position: absolute; top: 18px; } #ac_stream .otherItems .zTP { height: 55px; overflow: hidden; width: 55px; } /* Zebra in list items */ li.zebra { background: #F2F2F2; } /** * @section Generic selector */ .genericSelector { position: relative; width: 310px; background-image: url(/static/image/icon/mock-arrow-gray-right.png); background-position: center right; background-repeat: no-repeat; } #selectorOverlay { background: #fff; display: none; filter:alpha(opacity=70); height: 100%; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 2; } #selectorOverlay #overlaySpinner { left: 40%; position: absolute; top: 50%; } .optionsBox { background: #444; padding-top: 10px; position: relative; width: 270px; } .optionsBox .filterButton:hover { background-position: left bottom; } .peopleBox { height: 60px; } #selectorSearch { margin-left: 14px; } .selectorCtypes { color: #DDD; } .filterText { margin:8px 15px 15px; } .ctypeFilters { height: 66px; padding-top: 8px; width: 180px; } label.floatLeft { width: 90px; } .selectorListBox { border-width: 0 0 1px 1px; border-color: #f2f2f2; border-style: solid; height: 400px; overflow-y: scroll; overflow-x: hidden; width: 269px; } #selectedListBox { display: none; margin-top: 75px; padding-left: 20px; width: 280px; } .selectorListItem { height: 40px; overflow: hidden; padding: 5px; width: 240px; } .selectorListItem img, .selectorListItem .ringtonePlayer { margin-right: 10px; } .selectorListItem .ringtonePlayer { text-align: center; width: 40px; } #selectorSelectedItems { padding-left: 20px; } .thumbLink { margin-right: 5px; } .itemTitle { font-size: 11px; } .addLink { cursor: pointer; margin-top: 13px; } #getMoreLink { cursor: pointer; display: block; height: 30px; margin-left: 64px; padding-top: 10px; } #getMoreLink.disabled { display: none; } span.selectedTitle { display: block; margin: 0 0 14px 25px; position: relative; width: 240px; } span.selectedTitle span.title { color: #222; font-size: 13px; font-weight: bold; } span.selectedTitle span.limit { font-size: 11px; position: absolute; right: 0; } /** * @section Common lists */ .listView { padding: 0 1px; position: relative; top: -10px; width: 100%; } .listView li { border-bottom: 1px solid #ccc; height: 31px; padding: 6px 10px 4px; position: relative; width: 95%; } #messagesBox li, #fileSummary li { height: 25px; padding-top: 10px; } #fileSummary li.listHeader, .listView li.listHeader { font-size: 11px; height: 14px; padding-top: 4px; } .listHeader span, .listView span.textCenter{ text-align: center; } #ac_stream.listView li { height: auto; } .listView li.smallsizeList { border-right: 1px solid #ccc; } .largeBox li.fullsizeList, .largeBox li.listHeader { width: 628px; } .largeBox li.smallsizeList { width: 303px; } .mediumBox li.fullsizeList, .mediumBox li.listHeader { width: 378px; } .mediumBox li.smallsizeList { width: 179px; } .smallBox li.fullsizeList, .smallBox li.listHeader { width: 218px; } .listView li.zebra { background: #efefef; } .listView li.activeBox { background: #dedede; } .listView .username { display: block; margin-top: 7px; } .listView .firstField { text-align: left; width: 180px; } .listView .selectAll { text-align: right; width: 20px; } #friendRequestBox .listView .rankSmall { left: 50%; position: absolute; } #friendRequestBox .listView .usertypeSmall { left: 60%; position: absolute; } /* List icons */ .listView .online, .listView .offline, .listView .male, .listView .female { background-image: url(/static/image/sprite/icon/status.png); height: 16px; margin: 6px 0 0 4px; width: 16px; } .listView .online { background-position: right bottom; margin: 6px auto 0; } .listView .offline { background-position: right top; margin: 6px auto 0; } .listView .male { background-position: left top; } .listView .female { background-position: left bottom; } .listView .actionIcon { background-image: url(/static/image/sprite/icon/action-icons-large.png); background-repeat: no-repeat; cursor: pointer; height: 46px; width: 46px; } .listView .smallActionIcon { background-image: url(/static/image/sprite/icon/action-icons-small.png); background-repeat: no-repeat; cursor: pointer; display: block; height: 34px; width: 34px; } .listView .pmIcon { background-position: 0 0; margin-left: 12px; } .listView .pmIcon:hover { background-position: -26px 0; } .listView .removeIcon { background-position: -156px 0; margin-left: 12px; } .listView .removeIcon:hover { background-position: -182px 0; } .listView .accept { background-position: -52px 0; } .listView .accept:hover { background-position: -78px 0; } .listView .decline { background-position: -104px 0; } .listView .decline:hover { background-position: -130px 0; } .listView .accept, .listView .decline { margin: 0 10px; } /** * @section Groups lists */ .listView .listCol44 { width: 44px; border-right: 1px solid #CCCCCC; } .listView .listColEditGroup { width: 45px; padding-left:15px; border-left: 1px solid #CCCCCC } .listView .listColAddToGroup { width: 45px; } .listView .listCol55 { width: 55px; text-align:center; } .listView .listCol65 { width: 65px; text-align:center; } .listView .listCol105 { width: 105px; text-align:center; } .listView .listCol140 { width: 130px; padding: 0 0 0 7px; overflow: hidden; } .listView .listCol20 { width: 30px; border-right: 1px solid #CCCCCC; font-size: 14px; color: #800000; } .listView .listCol120 { width: 120px; } .listView .listColEdit { width: 90px; float: right; border-left: 1px solid #CCCCCC; } .listView .listColEdit .doMore{ margin: 4px 27px 0 0; } .listView .doEvenMore{ height: 34px; width: 37px; float: right; padding: 0 4px; } .listView .listColEdit span{ float: right; } #myGroups .doMoreContent, #myGroupMembers .doMoreContent{ border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #myGroups .listView, #myGroupMembers .listView { margin-top: 25px; } #myGroups .listView li, #myGroupMembers .listView li { width:648px; height: 44px; padding: 0; position: static; } #myGroups .listView div, #myGroupMembers .listView div{ height: 44px; line-height: 40px; } #myGroups .listView div .clear, #myGroups .listView div .clear{ height: 0; } #myGroups .listView img, #myGroupMembers .listView img{ padding: 7px; } #myGroups li.listHeader, #myGroupMembers li.listHeader{ height:33px; } #myGroups .listHeader span, #myGroupMembers .listHeader span{ border: none; } #myGroups .itemActions, #myGroupMembers .itemActions{ border-bottom: 1px solid #CCCCCC; } /* * */ dl.thumbplay{ position:relative; width:650px; margin:20px 0 20px 0; padding:0; } dl.thumbplay dt{ width:200px; position:relative; left:0; top:10px; font-weight:bold; } dl.thumbplay dd{ clear:left; width:410px; height:43px; border-left:1px solid #dddddd; margin:0 0 0 200px; padding:0 0 5px 5px; } .getItButton2{ float:right; margin-top:8px; background:url(/static/images/buttons/getItBlack.gif) no-repeat bottom; cursor:pointer; width:73px; height:24px; } .getItButton2:hover{ background:url(/static/images/buttons/getItBlack.gif) no-repeat top; } .hide{ display:none; } .buttonPadding{ padding: 30px 40px 0 0; } .buttonPadding2{ margin: 21px 4px 0 0; } .buttonPadding3{ margin: 20px 30px 0 0; } .right300{ bottom:20px; font-size:11px; position:absolute; right: 300px; } #myGroups .listView div.groupQuit{ background-repeat: no-repeat; background-position: 6px 8px; height: 32px; margin-top: 6px; position:absolute; width: 130px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #myGroups .listView .groupIcon { height: 16px; margin-top: 13px; width: 16px; } #myGroups .listView div.groupAdmin{ background-image: url(/static/image/icon/group-a.png); } #myGroups .listView div.groupEditor{ background-image: url(/static/image/icon/group-e.png); } #myGroups .listView div.groupQuitLink{ display: none; font-size: 12px; width: 105px; height: 20px; line-height: 20px; position: absolute; left: 24px; top: 6px; background-color: #E8E8E8; } .noTxtDeco:hover { text-decoration: none; } .groupNavCommon { text-align:center; line-height:24px; float:right; width:90px; height:24px; margin-left:8px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .groupNav { background-color:#ddd; color: #808080; } .groupNavActive { background-color:#aaa; color: #fff; } .groupNav:hover { background-color:#888; text-decoration: none; color: #eee; } .groupNavActive:hover { background-color:#888; text-decoration: none; }