/*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: 1px; } body { font: 62.5% 'Lucida Grande', Verdana, Arial; background-color: #efefef; } a:link, a:visited { color: #500; } a:hover, a:focus { color: #000; text-decoration: underline; } abbr, acronym { border: 0; } input, textarea, select { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .clear { clear: both; } /*------------------------------------------- Rules for every page -------------------------------------------*/ #headerwrap { background: #900 url(headerwr.gif) repeat-x 0 0; min-width: 922px; } #primarywrap { width: 100%; background: #fff url(feature_.gif) repeat-x left bottom; padding: 0 0 24px; /*overflow: hidden;*/ min-width: 922px; } #header, #global, #feature, #play #challenge, #play #achievement, #secondary, #tertiary, #footer, #contest_divider { width: 922px; margin: 0 auto; clear: left; } #header { position: relative; padding-top: 3em; } #header h2 { position: absolute; bottom: 0; } #header h2 a { display: block; text-indent: -2100px; background: transparent url(logo0000.gif) no-repeat 0 0; width: 416px; height: 57px; } /*\*/ #header h2 a:focus, #header h2 a:active { overflow: hidden; } /**/ #header > h3 { display: none; } #header a:hover, #header a:focus { color: #fff; } #utility, #welcome { margin: 0 0 0 469px; } #utility { padding: 1.7em 0 0; line-height: 1.0; margin: 0; position: absolute; right: 0; top: 0; } #utility li { display: inline; padding: 0 0 0 1em; margin: 0 0.6em 0 0; border-left: 1px solid #600; float: left; } #utility a { color: #fc9; text-decoration: underline; font: 1.1em Verdana, Arial, sans-serif; } #utility li#invite { border: none; } body#about #utility li#u_about a, body#feedback #utility li#u_feedback a { color: #fff; text-decoration: none; } #welcome { margin-top: 1.3em; width: 436px; background: #222 url(welcome_.gif) no-repeat 0 0; padding: 0px 7px 0 10px; overflow: hidden; position: relative; } #welcome img { float: left; margin: 0 14px 0 0; } #welcome h3 { font-size: 1.5em; color: #fff; font-weight: normal; margin: 0 0 0.25em; } #welcome li { display: inline; padding: 0 0 0 0.75em; margin: 0 0.5em 0 0; border-left: 1px solid #555; color: #fc6; font-style: italic; } #welcome ul li:first-child { padding-left: 0; border: 0; } #welcome a { color: #ccc; text-decoration: underline; font: normal 1.1em Verdana, Arial, sans-serif; white-space: nowrap;} #welcome label { display: none; } #welcome dt { color: #999; font-size: 1.2em; margin-bottom: 0.5em; } #welcome dt strong { color: #fff; } #welcome dd#fields { float: left; } #welcome dd input { width: 150px; margin-right: 5px; padding: 1px; } #welcome label#welcome_remember_label { color:#fff; display: inline; margin-right: 5px; } #welcome dd input#welcome_remember_me { width: auto; width:12px; height:12px; margin-right: 2px;} #welcome dd#welcome_remember { margin-bottom: 0.5em; margin-top: -4px; font-size: 90%;} #welcome h3 a.points { font-size: 100%; background: transparent url(levelnum.gif) no-repeat right 50%; padding: 0 70px 0 0; } #welcome p.levelup { color: #ccc; font: 1.1em Verdana, Arial, sans-serif; } #welcome a#mystuff { display: block; text-indent: -2100px; width: 81px; height: 20px; /*background: transparent url(../images/presentation/mystuff.gif) no-repeat 0 0;*/ position: absolute; top: 0; right: 0; } #welcome a#levelbug { display: block; text-indent: -2100px; width: 74px; height: 20px; /*background: transparent url(../images/presentation/levelbug.gif) no-repeat 0 0;*/ position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-position: 0 0; } #headerpad { height: 60px;} #levelbug { position: absolute; top: 0; right: 0; display: block; text-indent: -2100px; width: 74px; height: 20px; background: transparent url(levelbug.gif) no-repeat; } #levelbug img { position: absolute; top: 5px; left: 45px; border:none; } #profile_levelbug { padding-top: 5px; } #friends .levelbug_image, #fans .levelbug_image, .data_table .levelbug_image { margin-bottom: -1px; } #welcome a#mystuff:hover, #welcome a#levelbug:hover { background-position: 0 -20px; } #welcome a#mystuff:focus, #welcome a#levelbug:focus, #welcome a#mystuff:active, #welcome a#levelbug:active { /*\*/ overflow: hidden; /**/ } #welcome .hidden { display: none; } #welcome .shown { display: block; } #global { padding: 2em 0 0; } #nav { list-style: none; } #nav li { float: left; margin-right: 17px; } #nav a { display: block; height: 22px; text-indent: -2100px; } #nav_home a { width: 67px; background: transparent url(nav_home.gif) no-repeat 0 0; } #nav_play a { width: 57px; background: transparent url(nav_play.gif) no-repeat 0 0; } #nav_games a { width: 72px; background: transparent url(nav_game.gif) no-repeat 0 0; } #nav_upload a { width: 83px; background: transparent url(nav_uplo.gif) no-repeat 0 0; } #nav_cards a { width: 72px; background: transparent url(nav_card.gif) no-repeat 0 0; } #nav_badges a { width: 84px; background: transparent url(nav_badg.gif) no-repeat 0 0; } #nav_contribute a { width: 118px; background: transparent url(nav_cont.gif) no-repeat 0 0; } #nav_profile a { width: 112px; background: transparent url(nav_prof.gif) no-repeat 0 0; } #nav_community a { width: 119px; background: transparent url(nav_comm.gif) no-repeat 0 0; } #nav_forums a { width: 82px; background: transparent url(nav_foru.gif) no-repeat 0 0; } #nav a:hover, #nav a:focus, #home #nav_home a, #play #nav_play a, #profile #nav_profile a, #publish #nav_upload a, #community #nav_community a, #play #nav_games a, #cards #nav_cards a, #badges #nav_badges a, #forums #nav_forums a { background-position: 0 -22px; } /*\*/ #nav a:focus { overflow: hidden; } /**/ #search { width: 300px; float: right; text-align: right; } #search dt, #search dd { display: inline; } #search a { text-transform: lowercase; color: #900; text-decoration: underline; } #search a:hover, #search a:focus { color: #000; } #search dd#advanced { width: 1em; } #search dt input { border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221); border-style: solid; border-width: 2px 1px 1px 1px; margin: 0pt 4px 0pt 0pt; padding: 2px; width: 165px; } body#feedback #main form dd input, body#feedback #main form dd select, body#feedback #main form dd textarea, body#searchresults #sidebar fieldset #advancedsearchtext { border-top: 2px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; padding: 2px; width: 265px; margin: 0 4px 0 0; float: left; } #search dd input, body#feedback #main form dt input, body#searchresults #sidebar fieldset dl#advancedsearch dd input { border-right: 2px solid #848484; border-bottom: 2px solid #848484; border-top: 2px solid #f2f2f2; border-left: 2px solid #f2f2f2; background-color: #f0f0f0; margin: 0 14px 0 0; } body#searchresults #sidebar fieldset dl#includedresults { margin: 2em 0 0 15pt; } body#searchresults #sidebar fieldset dl#advancedsearch { margin: 0 14px 0 0; } #breadcrumbs { padding: 3em 0 0; font-size: 1.4em; color: #333; } #breadcrumbs li { display: inline; } #breadcrumbs li:before { content: '/ '; } #breadcrumbs li:first-child:before { content: ''; } #breadcrumbs a { color: #600; text-decoration: underline; } #breadcrumbs a:hover, #breadcrumbs a:focus { color: #000; } #breadcrumbs a.favorites { text-transform: lowercase; font-size: 80%; } #feature { clear: both; padding: 2.5em 0 0; overflow: hidden; } #feature .ad { height: 100%; margin: 0 0 0 546px; background-color: #f2f2f2; padding: 9px 37px; border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; } #secondary .horizontal_ad { width: 921px; text-align: center; margin-bottom: 10px; /* fix for star-rating in ad in games table */ min-height: 0px; } #subwrap { padding: 1.5em 0 0; } #secondary { padding: 0 0 2em; overflow: hidden; } #tertiary { background: #efefef url(feature_.gif) repeat-x 0 0; padding: 25px 0 0; margin: 25px auto 0; clear: left; overflow: hidden; } .error { font-family: Verdana, Arial, sans-serif; } .error ul { list-style: none; } .error ul li { color: #900; } p.error { border: 2px solid #900; background-color: #f5e5e5; color: #333; padding: 9px; } .error_block dd.error { color: #900; margin-bottom: 0.5em; } #main .form_block dd.error ul { color: #900; margin-bottom: 0.1em; } .form_block { margin-bottom: 1em; } .form_block .subnotes { color: #666; } .plug_email_error { color: #990000; font-weight: bold; margin-bottom: 15px; } #errorExplanation { width: 400px; border: 2px solid #900; background-color: #f5e5e5; color: #333;padding: 7px; padding-bottom: 12px; margin-bottom: 20px; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; font-size: 1.2em; } #errorExplanation ul li { font-size: 12px; list-style: square; padding-left: 12px;} #comment_errors_container ul li { list-style-type: none; } .tagcloud { list-style: none; font-size: 1.2em; line-height: 1.35; margin: 0 0 2em; overflow: hidden; } .tagcloud a { color: #333; text-decoration: none; } .tagcloud a:hover, .tagcloud a:focus { color: #000; text-decoration: underline; } /*popularity levels: 1-8; control font sizes */ .tagcloud a.popularity1 { font-size: 100%; } .tagcloud a.popularity2 { font-size: 112%; } .tagcloud a.popularity3 { font-size: 124%; } .tagcloud a.popularity4 { font-size: 136%; } .tagcloud a.popularity5 { font-size: 148%; } .tagcloud a.popularity6 { font-size: 160%; } .tagcloud a.popularity7 { font-size: 172%; } .tagcloud a.popularity8 { font-size: 184%; } #footer { clear: both; border-top: 1px solid #d5d5d5; padding: 1em 0 3em; margin-top: 3em; color: #333; font: normal 1.1em Verdana, Arial, sans-serif; } #footer li { display: inline; border-left: 1px solid #626262; padding: 0 0 0 0.75em; margin: 0 0.5em 0 0; } #footer li:first-child { padding-left: 0; border: 0; } #footer a { color: #333; text-decoration: underline; } #footer a:hover, #footer a:focus { color: #000; } img.indicator { vertical-align: middle; width: 16px; height:16px; } /*------------------------------------------- Home -------------------------------------------*/ #featuredgame { padding-bottom: 15px; width: 531px; float: left; background: #333 url(featured.gif) no-repeat left bottom; } #featuredgame h1 { text-indent: -2100px; width: 531px; height: 48px; background: transparent url(featured.gif) no-repeat 0 0; } #featuredgame img { margin: 6px 18px 0 11px; border: 3px solid #222; float: left; } #featuredgame dl { color: #ccc; margin-left: 310px; width: 207px; margin-top: 1em; } #featuredgame dt { font-size: 1.8em; margin: 0; } #featuredgame dt a { color: #fff; text-decoration: none; } #featuredgame dd { font-size: 1.3em; margin: 0 0 1.5em; } #featuredgame dd a { color: #ccc; text-decoration: underline; } #featuredgame dd.developer { font-style: italic; font-size: 110%; margin-top: 0.4em; } #featuredgame dd.developer a { color: #ccc; } #featuredgame dd.developer a:hover, #featuredgame dd.developer a:focus { color: #fff; text-decoration: underline; } #featuredgame dd.developer a { background: transparent url(develope.gif) no-repeat right bottom; padding: 0 18px 0 0; } #featuredgame dd.friendsonline { background: #191919 url(featured.gif) no-repeat right top; width: 12em; margin: -1em 0 0 0.3em; } #featuredgame dd.friendsonline a { color: #fff; text-decoration: underline; display: block; background: transparent url(featured.gif) no-repeat right bottom; } #featuredgame dd.friendsonline a strong { background: transparent url(featured.gif) no-repeat left bottom; display: block; } #featuredgame dd.friendsonline a span { background: transparent url(featured.gif) no-repeat 0 0; display: block; padding: 4px 12px 5px 14px; } #featuredgame dt a:hover, #featuredgame dd.friendsonline a:hover { color: #ccc; text-decoration: underline; } #featuredgame #challenge { clear: left; } #featuredgame #challenge img { border: 0; margin-left: 15px; margin-right: 12px; } /* #featuredgame #challenge dl { margin-left: 0x; } until we have challenge card back */ #featuredgame #challenge dl { margin-left: 30px; } #featuredgame #challenge > dl { width: 100%; } #featuredgame #challenge dl > dt { padding-top: 0em; } body#play #challenge #all_challenges dd.queschallenge_icon { position: relative; bottom: 20px; float: right; display: block; background: transparent url(question.gif) no-repeat left bottom; padding: 0 0px 0 18px;} body#play #achievement dd.queschallenge_icon { position: relative; bottom: 35px; float: right; display: block; background: transparent url(question.gif) no-repeat left bottom; padding: 0 0px 0 18px;} body#play #challenge #all_challenges dd .challenges_title a, body#play #achievement dd .challenges_title a { font: 11px Verdana, Arial, sans-serif; color: #222; position: relative; top: 1px;} body#play #challenge #all_challenges dd.challenge_signin { clear: left; } body#play #challenge img { float: left; display: block } body#play #challenge .home_challenge { width: 72%; position: relative; right: 30px; left: 0px; bottom: 12px; float: left; display: block;} body#play #challenge .play_challenge_name { padding: 0.7em 0 0 0; } body#play #challenge ul.challenge_tasks { margin: 0; padding: 0.5em 0 0 0; list-style-type: none; } body#play #challenge ul.challenge_tasks li { line-height: 18px; } body#play #challenge ul.challenge_tasks li.incomplete { background: url(challeng.gif) no-repeat 0 15%; padding-left: 23px; } body#play #challenge ul.challenge_tasks li.complete { background: url(challeng.gif) no-repeat 0 15%; padding-left: 23px; } body#play #achievement ul.achievement_tasks { margin: 0; padding: 0.5em 0 0 0; list-style-type: none; } body#play #achievement ul.achievement_tasks li { line-height: 18px; } body#play #achievement ul.achievement_tasks li.incomplete { background: url(achievem.gif) no-repeat 0 15%; padding-left: 23px; } body#play #achievement ul.achievement_tasks li.complete { background: url(achieven.gif) no-repeat 0 15%; padding-left: 23px; } body#play #challenge div.complete { } #feature .ad img { margin: 0 0 0.5em; border: none;} #feature .ad ul { list-style: none; } #feature .ad span#rating_message { font-weight: bold; padding-right: 1em; } #ad_iframe { border: none; height: 250px; width: 300px; } ul#rate { font: 1em Verdana, Arial, sans-serif; height: 1em;} ul#rate li { padding: 0; margin: 0 0.25em 0 0; display: inline; } ul#rate li:first-child { border: 0; padding: 0; } li.profile_invite { display: inline; padding: 0 0 0 1em; margin: 0 0.6em 0 0; border-left: 1px solid #600; float: left; } li.profile_invite { padding-left: 0; border: 0; background: #600 url(invite_b.gif) no-repeat right bottom; margin-top: 1em; /*margin-right: 1em;*/ } li.profile_invite a { color: #fff; text-decoration: none; display: block; background: transparent url(invite_b.gif) no-repeat left bottom; } li.profile_invite strong { background: transparent url(invite_t.gif) no-repeat right top; display: block; } li.profile_invite span { padding: 0.2em 0.7em 0.5em 0.6em; display: block; background: transparent url(invite_t.gif) no-repeat 0 0; } #home #latest, #home #popular, #contests, #news, #browsebycategory #col1, #browsebycategory #col2 { width: 297px; float: left; } #home #latest, #home #popular, #browsebycategory, #browsebycategory #col1 { margin: 0 15px 0 0; } #secondary h2 { font-size: 18px; } #secondary p.viewall, #tertiary p.viewall, body.category .column .viewall { clear: left; padding: 1em 0 0; border-top: 1px dashed #999; } #secondary p.viewall a, #tertiary p.viewall a, body.category .column .viewall a { text-transform: lowercase; color: #600; text-decoration: underline; font: bold 1.1em Verdana, Arial, sans-serif; } #secondary p.viewall a:hover, #tertiary p.viewall a:hover, #secondary p.viewall a:focus, #tertiary p.viewall a:focus, body.category .column .viewall a:hover, body.category .column .viewall a:focus { color: #000; text-decoration: underline; } .game { clear: left; margin: 0 0 20px; overflow: hidden; color: #333; font-family: Verdana, Arial, sans-serif;} .game .thumb { width: 99px; background: #222 url(game_bot.gif) no-repeat left bottom; padding: 3px 0 6px; text-align: center; float: left; } .game .thumb dt { width: 93px; margin: 0 auto; } .game .thumb dd a { position: relative; top: 1px; } .game .thumb a { font: bold 1em Verdana, Arial, sans-serif; text-decoration: underline; color: #fff; } .game .thumb a:hover, .game .thumb a:focus { color: #ccc; } .game .thumb a img { border: 0; } .game .description { margin: 0 0 0 110px; } .game .description dt { font: normal 1.6em 'Lucida Grande', Verdana, Arial, sans-serif; } .game .description dt a { color: #600; text-decoration: none; } .game .description dt a:hover, .game .description dt a:focus { color: #000; text-decoration: underline; } .game .description dd { font-size: 1.1em; line-height: 1.25; } .game .description dd.developer { font-style: italic; margin: 0 0 0.5em; } .developer a { color: #333; text-decoration: underline; background: transparent url(develope.gif) no-repeat right bottom; padding: 0 18px 0 0; } .game .description dd.developer a:hover, .game .description dd.developer a:focus { color: #000; } .game .summary li { margin-left: 2em; } img.game_icon { vertical-align: text-top; float:left; } .friend { clear: left; margin: 0 0 2em; overflow: hidden; color: #333; font-family: Verdana, Arial, sans-serif;} .friend .thumb { width: 99px; padding: 3px 0 6px; text-align: center; float: left; } .friend .thumb dt { width: 93px; margin: 0 auto; } .friend .thumb a { font: bold 1em Verdana, Arial, sans-serif; text-decoration: underline; color: #fff; } .friend .thumb a:hover, .friend .thumb a:focus { color: #ccc; } .friend .thumb a img { border: 0; } .friend .description { margin: 0 0 0 110px; } .friend .description dt { font: normal 1.6em 'Lucida Grande', Verdana, Arial, sans-serif; } .friend .description dt a { color: #600; text-decoration: none; } .friend .description dt a:hover, .friend .description dt a:focus { color: #000; text-decoration: underline; } .friend .description dd { font-size: 1.1em; line-height: 1.25; } .friend .description dd.developer { font-style: italic; margin: 0 0 0.5em; } .friend .description dd.developer a { color: #333; text-decoration: underline; background: transparent url(develope.gif) no-repeat right bottom; padding: 0 18px 0 0; } .friend .description dd.developer a:hover, .friend .description dd.developer a:focus { color: #000; } .fan { clear: left; margin: 0 0 2em; overflow: hidden; color: #333; font-family: Verdana, Arial, sans-serif;} .fan .thumb { width: 99px; padding: 3px 0 6px; text-align: center; float: left; } .fan .thumb dt { width: 93px; margin: 0 auto; } .fan .thumb a { font: bold 1em Verdana, Arial, sans-serif; text-decoration: underline; color: #fff; } .fan .thumb a:hover, .fan .thumb a:focus { color: #ccc; } .fan .thumb a img { border: 0; } .fan .description { margin: 0 0 0 110px; } .fan .description dt { font: normal 1.6em 'Lucida Grande', Verdana, Arial, sans-serif; } .fan .description dt a { color: #600; text-decoration: none; } .fan .description dt a:hover, .fan .description dt a:focus { color: #000; text-decoration: underline; } .fan .description dd { font-size: 1.1em; line-height: 1.25; } .fan .description dd.developer { font-style: italic; margin: 0 0 0.5em; } .fan .description dd.developer a { color: #333; text-decoration: underline; background: transparent url(develope.gif) no-repeat right bottom; padding: 0 18px 0 0; } .fan .description dd.developer a:hover, .fan .description dd.developer a:focus { color: #000; } #browsebycategory { width: 609px; float: left; } #browsebycategory h2 { text-indent: -2100px; background: transparent url(browsega.gif) no-repeat 0 0; width: 285px; height: 31px; } #browsebycategory .category { clear: left; overflow: hidden; margin: 0 0 2em; } #browsebycategory .category img { border: 1px solid #222; float: left; } /*#browsebycategory .category dl { margin: 0 0 0 78px; }*/ /* when category thumbnails are in */ #browsebycategory .category dl { margin: 0; } #browsebycategory .category dt { font-size: 1.6em; } #browsebycategory .category dt a, #browsebycategory .category dd a.viewall, #news a.more { color: #600; text-decoration: none; } #browsebycategory .category dt a:hover, #browsebycategory .category dd a.viewall:hover, #news a.more:hover, #browsebycategory .category dt a:focus, #browsebycategory .category dd a.viewall:focus, #news a.more:focus { color: #000; text-decoration: underline; } #browsebycategory .category dd { font-size: 1.1em; } #browsebycategory .category dd a { color: #333; text-decoration: none; } #browsebycategory .category dd a:hover, #browsebycategory .category dd a:focus { color: #000; text-decoration: underline; } #browsebycategory .category dd a.viewall, #news a.more { text-decoration: underline; } #news h2 { text-indent: -2100px; background: transparent url(news0000.gif) no-repeat 0 0; width: 58px; height: 31px; } #news dl { font: 1.1em/1.5 Verdana, Arial, sans-serif; color: #333; } /*#news dt { font-weight: bold; float: left; border-right: 1px solid #333; padding: 0 0.5em 0 0; margin: 0 0.5em 0 0; }*/ #news dt { color: #999; } #news dd { margin: 0 0 1em; } #news dd.newstitle { font-weight: bold; margin-bottom: 0; } #news a.more { text-transform: lowercase; } #browsebycategory .category .browse_games table { padding-top: 0.2em } #browsebycategory .category .browse_games table tr.graybg { background-color: #E4E4E4 } #browsebycategory .category .browse_games table tr td.sm_game_icon { padding: 0.4em 0 0 0.4em; vertical-align: top; width: 34px; } #browsebycategory .category .browse_games table tr td.sm_game_icon a img { width: 26px; height: 21px; } #browsebycategory .category .browse_games table tr td.browse_game_title { vertical-align: middle; padding: 0 6px 0 1px; width: 178px; } #browsebycategory .category .browse_games table tr td.browse_game_title span { line-height: 12px } #browsebycategory .category .browse_games table tr td.browse_game_title span.browse_developer a { line-height: 15px; font-style: italic; text-decoration: underline; color: #333; background: transparent url(develope.gif) no-repeat right bottom; padding: 0 18px 0 0; } #browsebycategory .category .browse_games table tr td.browse_rating { width: 66px; } #browsebycategory .category .browse_games table tr td.browse_rating span.num_rating { font-style: italic } #browsebycategory .category .browse_games table tr td.browse_rating ul.star-rating { font-size: 0.8em; } body#home #featured_challenge dd.home_whatischallenge { position: relative; bottom: 4px } body#home dd span.question_icon { float: left; display: block; background: transparent url(question.gif) no-repeat left bottom; padding: 0 0px 0 18px;} body#home dd span.question_challenge { font: 11px Verdana, Arial, sans-serif; color: #FFF; position: relative; top: 1px; } body#home #featured_challenge .challengecard_image { float: left; display: block } body#home #featured_challenge .home_challenge { width: 72%; display: block; margin-left: 112px; } body#home #featured_challenge .home_challenge_name { padding: 6px 0 0 0; } #leaderboards p.question_challenges { float: right; position: relative; bottom: 8px; right: 8px;} #leaderboards p .earnpoints_title a { font-size: 1em; color: #000000; font-family: Verdana, Arial, sans-serif;} #leaderboards p.question_challenges img { line-height: 12px; vertical-align: bottom; padding-right: 0.2em; } #leaderboards p.challenge_padding { clear:both; margin-top: 2em; } /*------------------------------------------- Play -------------------------------------------*/ #floating_game_holder { width: 100%; text-align: center; } #maingameholder { background: #333 url(corner_l.gif) no-repeat left bottom; margin: 0pt auto 1em; text-align: center; } #maingameholder1 { background: url(corner_r.gif) no-repeat right top; margin: 0px; text-align: center; } #maingameholder2 { background: url(corner_s.gif) no-repeat right bottom; margin: 0px; text-align: center; } #maingame_space_holder { margin: 0 0 2em; } #maingame { background: transparent url(corner_m.gif) no-repeat 0 0; padding: 10px; overflow: hidden; } #maingamecontent { margin: 0 auto; text-align: center; position: relative; } #maingamecontent p.disabled { color: #ccc; font-size: 1.6em; padding-top: 100px; } #maingamecontent p.disabled a { color: #933; } #maingamecontent iframe { border: 0px; } #maingamecontent tbody { vertical-align: top; } #maingamecontent .adholder { background-color: #f2f2f2; margin-left: auto; margin-right: auto; width: 100%; } #maingamecontent .ad_copy, .ad .ad_copy { padding: 0.5em 0 0.5em; text-align: center; } #maingamecontent .ad_chat { margin-left: auto; margin-right: auto; text-align: center } #gameadholder .chat_ad { margin: 0px 0px 0px 0px; background-color: #000; padding: 0px 0px 0px 0px; border-bottom: 0px; border-top: 0px; } #progress_bar_container { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px; border-top: 0px; } body#play #feature { padding-top: 1em; } body#play #challenge { background: #ebf5ff; color: #333; font-size: 1.3em; border-top: 1px solid #a4abb2; border-bottom: 1px solid #a4abb2; } body#play #challenge #all_challenges { margin: 0.5em 1em 0.5em 1em; } body#play #challenge div.challenge { margin: 0.5em 0 0.2em 0; float: none;} body#play #challenge h2 { font-size: 1.3em; font-weight: bold; } body#play #challenge img { float: left; padding-right: 1em; } body#play #challenge dl dt { font-size: 1.2em; font-weight: bold; } body#play #challenge ul { display: block; float: left; list-style-position: inside; padding: 0.25em 0em 0.5em 0.5em; } body#play #challenge p { padding: 1em 0 1.4em; } body#play #challenge .challenge_scheduled_end { padding-top: 0.5em;} body#play #achievement { background: #ffffc9; color: #333; font-size: 1.3em; border-top: 1px solid #e9dfbb; border-bottom: 1px solid #e9dfbb; margin-top: 7px; } body#play #achievement #all_achievements { margin: 0.7em 1em 0.1em 1em; } body#play #achievement h2 { font-size: 1.3em; font-weight: bold; } body#play #achievement dl dt { font-size: 1em; font-weight: bold; } body#play #achievement ul { display: block; float: left; list-style-position: inside; padding: 0.25em 0em 0.5em 0.5em; } body#play #achievement .game_achievement { float: left; width: 880px;} body#play #achievement .game_achievement .badge_complete, body#play #achievement .game_achievement .badge_incomplete { height: 50px; width: 50px; float: left; padding-right: 0.5em; } body#play #achievement .achievement_tasks { list-style: none; } body#play #achievement .game_achievement .achievement_desc { padding-bottom: 9px; } body#play #achievement .see_all { font: 0.9em Verdana, Arial, sans-serif; } body#play #secondary h2, #similargames h2, #latestcomments h2 { color: #333; font-size: 1.8em; } body#play #secondary h3 { color: #333; font-size: 1.3em; margin: 0 0 0.5em;} #gameinfo h3 { clear: left; } body#play #gameinfo h3 em { font: 85% Verdana, Arial, sans-serif; font-style: italic; } #gameinfo p { font: 1.2em/1.4 Verdana, Arial, sans-serif; margin: 0 0 0.75em; color: #333; } #gameinfo { width: 484px; float: left; background: #fcfcfc; padding: 1em 1em 1em 1em;} #gamesubinfo { width: 454px; margin-left: 529px; } #gameinfo ul { list-style: disc; } h3.creatorinfo span { display: block; margin: 0.5em 0.75em 0 0; float: left; } ::root h3.creatorinfo span { float: none; } h3.creatorinfo span img { vertical-align: middle; margin: 0 0.5em 0 0; } h3.creatorinfo span a { font-size: 125%; font-weight: normal; } ul.creatorinfo { list-style: none; margin: 1.25em 0 1.5em; } ul.creatorinfo li { display: inline; border-left: 1px solid #919191; padding: 0 0 0 0.5em; margin: 0 0.25em 0 0; } ul.creatorinfo li:first-child, #latestcomments ul.viewall li:first-child { padding-left: 0; border: 0; } #expiredchallenges { background: transparent url(expiredc.gif) no-repeat 0 2.5em; padding: 0 0 2em; } #expiredchallenges p { color: #333; font-size: 1.1em; margin-left: 30px;} #expiredchallenges a, #subinfo_tags p a { text-transform: lowercase; } #gamesubinfo #subinfo_contribute { width: 219px; float: left; } dl.rate { font-size: 1.2em; margin-bottom: 1em; } dl.rate dt span { float: left; padding-right: 5px; } dl.rate dd, td.averagerating div { clear: both; font-style: italic; color: #666; font-family: 'Lucida Sans', 'Lucida Grande', Verdana, Arial, sans-serif; } dl.rate dt { clear:both; } #subinfo_tags { margin-left: 235px; } #subinfo_contribute p, #subinfo_tags p { font-size: 1.1em; } #subinfo_contribute ul, #subinfo_tags ul { font-size: 1.1em; list-style: none; } #subinfo_contribute ul li, #subinfo_tags ul li { margin: 0 0 1em; } #subinfo_contribute li.share #subinfo_contribute li.flag { padding: 0 0 0 18px; background: transparent url(flag_ico.gif) no-repeat left bottom; } #subinfo_tags ul li { padding: 0 0 0 10px; background: transparent url(pointy_b.gif) no-repeat 0 0.4em; } #subinfo_tags li a { text-decoration: none; color: #333; } #subinfo_tags li a:hover, #subinfo_tags li a:focus { text-decoration: underline; } #similargames { width: 454px; float: left; } body#play #tertiary h2 { margin: 0 0 1em; } #latestcomments { margin: 0 0 0 469px; width: 454px; } #latestcomments div.comment { width: 454px; overflow: auto; } #latestcomments h2 span { font-size: 65%; font-weight: normal; } #latestcomments h2 span a { text-transform: lowercase; } #latestcomments .comment { padding: 0 0 2em; position: relative; } #latestcomments .comment img.avatar { border: 1px solid #333; float: left; width: 40px; height: 40px; margin: 0 15px 0 0; } #latestcomments .comment dl { margin-left: 60px; } #latestcomments .comment dt { font-size: 1.3em; } #latestcomments .comment dt span { color: #333; font-size: 80%; } #latestcomments .comment dt img { margin-bottom: -1px; } #latestcomments .comment dd textarea { font-size: 1.3em; color: #333; margin: 0 0 0.75em; } #latestcomments .comment a.developer { background: transparent url(develope.gif) no-repeat right 50%; padding: 0 18px 0 0;} #latestcomments a.flag { display: block; text-indent: -2100px; background: transparent url(flag_ico.gif) no-repeat 0 0; width: 13px; height: 11px; position: absolute; top: 0; right: 5px; } #latestcomments ul.viewall { padding: 1em 0 0; border-top: 1px dashed #999; font-size: 1.3em; list-style: none; } #latestcomments ul.viewall li { padding: 0 0 0 0.5em; border-left: 1px solid #c4c4c4; margin: 0 0.25em 0 0; display: inline; } #latestcomments ul.viewall a { text-transform: lowercase; } #latestcomments textarea, #latestcomments #preview, #latestcomments input, #latestcomments h3 { font-size: 1.2em; } /*----------- Game page Ads -----------*/ body#play #gamepage_header { width: 922px; margin: 0 auto; padding: 2em 0 0em; font: 1.2em 'Lucida Grande', Verdana, sans-serif; clear: left; } body#play #gamepage_header .breadcrumbs { float: left; width: 186px; margin-bottom: 15px; } body#play #gamepage_header h1.game_title { font: 18px 'Lucida Grande', Verdana, Arial, sans-serif; font-weight: normal; padding: 2px 20px 2px 0px } body#play #gamepage_header #ad_game468 { margin: 0 0 15px 450px; width: 454px; } body#play #gamepage_header #ad_game728 { margin-left: 194px; width: 728px; z-index: 1000; } /*------------------------------------------- Play: Category Pages -------------------------------------------*/ body#category #secondary table th.gametitle, body.category #secondary table td.gametitle { width: 315px; padding-left: 10px; } body#category #secondary table th.developer, body.category #secondary table td.developer { width: 144px; } body#category #secondary table th.gameplays, body.category #secondary table td.gameplays { width: 151px; padding-right: 15px; } body#category #secondary table th.dateuploaded, body.category #secondary table td.dateuploaded { width: 141px; } body#category #secondary table td.gametitle img { vertical-align: top; margin: 0 10px 0 0; border: 3px solid #333; float: left; } body#category #secondary table td.gametitle a { font-weight: bold; } body#category #secondary table td.averagerating div { font-size:1.2em; margin-top:5px; } body#play .column { width: 255px; margin: 0 0 0 15px; float: left; } body#play .greg_column { width: 270px; margin: 0 0 0 15px; float: left; } body#play .column.first { margin-left: 0; } body#play .column h2 { color: #333; margin: 0 0 0.5em; font-size: 1.6em; } /*------------------------------------------- Feedback, Publish, About, Register & Contacts -------------------------------------------*/ body#feedback #main form, body#publish #main form, body#about #main form, body#register #main form, body#contacts #main form, body#plugs #main form { margin: 0 0 0 32px; font-size: 1.2em; color: #333; width: 325px; } body#plugs #sidebar form { color: #333; width:325px; margin: 0 0 3em 0; } body#contacts #main form { width: 450px; } body#feedback #main form dt label, body#publish #main form dt label, body#about #main form, body#register #main form dt label, body#contacts #main form dt label, body#plugs #main form dt label, body#plugs #sidebar form dt label { font-weight: bold; } body#feedback #main form dd input, body#feedback #main form dd select, body#feedback #main form dd textarea, body#publish #main form dd input, body#publish #main form dd select, body#publish #main form dd textarea, body#about #main form dd input, body#about #main form dd select, body#about #main form dd textarea, body#register #main form dd input, body#register #main form dd select, body#register #main form dd textarea, body#contacts #main form dd input, body#contacts #main form dd select, body#contacts #main form dd textarea, body#plugs #main form dd textarea, body#plugs #main form dd input, body#plugs #sidebar form dd input, body#plugs #main form dd select, body#plugs #main form dd textarea { width: 325px; margin: 0.8em 0 2em; padding: 0.1em;} body#feedback #main form dt input, body#publish #main form dt input, body#about #main form dt input, body#register #main form dt input, body#contacts #main form dt input, body#plugs #main form dt input, body#plugs #sidebar form dt input { padding: 3px 7px; font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif; float: right; margin: 0; } body#contacts #main form dd textarea { width: 450px; } body#publish #main form dd textarea { margin-bottom: 0.5em; } body#publish #main form label em, body#about #main form label em, body#register #main form label em, body#plugs #main form label em, body#plugs #sidebar form label em, body#contacts #main form label em { color: #777; font-weight: normal; } body#feedback #sidebar dl a { text-decoration: none; } body#feedback #sidebar dl a:hover, body#feedback #sidebar dl a:focus { text-decoration: underline; } body#feedback #sidebar dd { font-style: italic; margin: 0 0 1em; } body#register dd#month, body#register dd#day { float: left; margin-right: 10px;} body#register #main form dd#month select { width: 140px; } body#register #main form dd#day select { width: 75px; } body#register #main form dd#year select { width: 90px; } body#register #main form dd#date select { width: 105px; } body#register #main form ul li { color: #990000; list-style: none; } body#register #updatesheader, body#register #main form dd.note { font-weight: bold; margin-bottom: 1em; } body#register.generic #sidebar.wide { width: 453px; margin-left: 469px; } * html body#register.generic #sidebar.wide { width: 449px; } #register #main dt#remember { position: absolute; } body#register.generic #main { width: 454px; } #sidebar .callout { background-color: #ebf5ff; border: 1px solid #a4abb2; padding: 2em 20px; position: relative; font-size: 115%; } body#register #sidebar .callout p { font-family: 'Lucida Grande', Verdana, sans-serif; } #registernow { display: block; text-indent: -9999px; width: 123px; height: 28px; background: transparent url(register.gif) no-repeat 0 0; position: relative; left: 290px; } #welcome dd#fields input { width: 110px; } #welcome dt#submit { float: left; } #welcome dd#remember { float: right; margin-top: 5px; font-size: 1.1em; } /*---------- Plugs ---------*/ body#plugs #main { width: 420px; } body#plugs #main, body#plugs #sidebar { font: 10px 'Lucida Grande', Verdana, Arial, sans-serif; } body#plugs #sidebar { width: 440px; margin: 35px 0 0 469px; } body#plugs #sidebar h2 { margin-top: 0.4em; } body#plugs #sidebar p { overflow: auto; } body#plugs #main form { margin-left: 0px; } body#plugs #main li { list-style: none; margin-top: 6px; } body#plugs #main form dd input, body#plugs #main form dd textarea { margin-top: 0.1em; width: 350px; } body#plugs #main form dd.create_contact input, body#contacts #main form dd.create_contact input { margin: 0.3em 0; } body#plugs #main form #save_container { margin: 0.2em 0 2em; text-align: right; } body#plugs #main p, body#plugs #main ul li label, body#plugs #sidebar p { font-family: 'Lucida Grande' Verdana, Arial, sans-serif; } body#plugs #main dl p.privacy_message { font: italic 11px Verdana, Arial, sans-serif; margin-bottom: 15px; } body#plugs #main #contact_list p { font-weight: bold; margin-bottom: 2px;} body#plugs #main #contact_list ul { border: 1px solid #ccc; width: 360px; height: 100px; overflow: auto; font-size: 1em; padding: 0px 0px 10px 10px; margin-bottom: 25px } body#about #promo p { font-size: 1.5em; } /*------------------------------------------- Generic pages -------------------------------------------*/ body.generic #main { width: 531px; float: left; } body.generic #main p, body.generic #sidebar p, body.generic #sidebar ul, body.generic #sidebar dl, body.generic #main ul { font: 1.2em/1.4 Verdana, Arial, sans-serif; margin: 0 0 1em; color: #333; } body.generic #main ol { padding: 2em 0 1em 0; border-top: 1px dashed #999; border-bottom: 1px dashed #999; margin: 1em 0; } body.generic #main ol img { border: 3px solid #333; float: left; margin: 0 10px 10px 0; } body.generic #main ol li { clear: left; margin: 0 0 1.5em; height: 1%; } body.generic #main ol li dt a { font-weight: bold; } body.generic #main img { float: left; margin-right: 15px; } body.generic #main img.indicator { float: none; margin-right: 5px; } body.generic #main h1 { font-size: 1.8em; margin: 0 0 0.75em; color: #000; font-weight: normal; } body.generic #main h3 { clear: left; font-size: 1.2em; color: #333; font-weight: bold; margin: 0 0 0.75em; } body.generic #main p, body.generic #main ul { font: 1.1em/1.4 Verdana, Arial, sans-serif; color: #333; margin: 0 0 1em; display: block;} body.generic #main .float { display: inline; float: left; } body.generic #main form { font-size: 1.2em; } body.generic #sidebar { width: 354px; margin: 0 0 0 547px; } body.generic #sidebar h2 { font-size: 1.4em; margin: 0 0 0.75em; color: #000; font-weight: normal; } body.generic #sidebar ul { padding-left: 15px; } body.generic #sidebar fieldset { border: 0; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; background-color: #f2f2f2; padding: 10px 10px 10px; width: 355px; } body.generic #sidebar fieldset dl { } body.generic #sidebar fieldset dl dt { font: 120% 'Lucida Grande', Verdana, Arial sans-serif; color: #000; margin: 0 0 0.75em; } body.generic #sidebar fieldset dl dd { margin: 0 0 0.5em 0.5em; } body.generic #sidebar fieldset dl dd input { margin-right: 5px; } body.generic #sidebar fieldset select { width: 300px; float: left; margin-right: 10px; vertical-align: middle;} body.generic .question_points { float: right; position: relative; bottom: 5px; display: block;} body.generic .earnpoints_title a { font: 11px Verdana, Arial, sans-serif; color: #000000; } body.generic .questionmark_icon { line-height: 12px; vertical-align: bottom; padding-right: 0.2em; } body.generic #secondary.padding4 { padding-top: 4px; } /* ------------------------------------------ Badges -------------------------------------------*/ body#badges.generic #main { width: 584px; } body#badges.generic #main .badge_wrapper { margin-bottom: 6px; background-color: #f3f3f3; } body#badges.generic #sidebar { width: 316px; margin-left: 590px; padding-top: 35px;} body#badges.generic .view_badgeinfo { background-color: #333333; padding-bottom: 8px; } body#badges.generic #main #newbadges .newbadges_heading { height: 27px; width: 118px; background: url(redarrow.gif) no-repeat 108px 0px #a31919; } body#badges.generic #main #mybadges .earnedbadges_heading { height: 27px; width: 133px; background: url(redarrow.gif) no-repeat 123px 0px #a31919; } body#badges.generic #main #morebadges .unachbadges_heading { height: 27px; width: 164px; background: url(redarrow.gif) no-repeat 154px 0px #a31919 } body#badges.generic #main #mybadges .mybadges_heading { height: 27px; width: 108px; background: url(redarrow.gif) no-repeat 98px 0px #a31919; } body#badges.generic #main #morebadges .morebadges_heading { height: 27px; width: 122px; background: url(redarrow.gif) no-repeat 112px 0px #a31919 } body#badges.generic #main .badge_type { padding-left: 14px; position: relative; top: 4px; font: 1.4em 'Lucida Grande', Verdana, sans-serif; color: #FFFFFF } body#badges.generic #main img { float: none; margin: 0px 5px 0px 5px; } body#badges.generic #main .badges_list { padding-bottom: 10px; } body#badges.generic #main .badges_list dl.badge { margin-top: 10px; width: 558px; margin-left: auto; margin-right: auto } body#badges.generic #main .badges_list dl.badge dt { float: left; } body#badges.generic #main dl.badge a img { border: 1px solid #f2f2f2; } body#badges.generic #main dl.badge a:hover img { border: 1px solid #333333; } body#badges.generic .view_badgeinfo .main_badge { border-bottom: 1px solid #5c5c5c; height: 70px } body#badges.generic .view_badgeinfo .main_badge dl.badge_desc dt.badge_img img { margin: 0.8em 0.5em 1em 0.7em; float: left } body#badges.generic .view_badgeinfo .main_badge dl.badge_desc dd.badge_name { padding-top: 11px; font: 14px 'Lucida Grande', Verdana, Arial, sans-serif; color: #ffbc1c; } body#badges.generic .view_badgeinfo .main_badge dl.badge_desc dd.badge_difficulty { font: 14px 'Lucida Grande', Verdana, Arial, sans-serif; color: #ffbc1c; } body#badges.generic .view_badgeinfo .badge_details { background-image: url(slant_da.gif); background-repeat: repeat-x; padding: 12px 8px 3px 10px } body#badges.generic .view_badgeinfo .badge_details dt.achievement_description { margin: 4px 0px 4px 0px; font: 1.0em 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff; height: 40px; } body#badges.generic .view_badgeinfo .badge_details dt.achievement_description .removed_ach { font-style: italic; color: #bbb; } body#badges.generic .view_badgeinfo .badge_details dt.achievement_description a#achievement_game { font: 1.0em 'Lucida Grande', Verdana, Arial, sans-serif; color: #ef2222 } body#badges.generic .view_badgeinfo .badge_details form dd#badge_favorite { font: 11px 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff; margin-top: 8px } body#badges.generic .view_badgeinfo .badge_details form dd#badge_favorite .fav_error { font: 11px 'Lucida Grande', Verdana, Arial, sans-serif; color: #ef2222 } body#badges.generic .view_badgeinfo .badge_details .play_now { padding: 2px 0px 2px 0px; width: 200px; text-align: center; background-color: #555; border: 1px solid #eee; margin: 13px auto 0px auto } body#badges.generic .view_badgeinfo .badge_details .badge_date { padding: 3px 1px; width: 200px; text-align: center; background-color: #555; margin: 13px auto 0px auto } body#badges.generic .view_badgeinfo .badge_details .play_now a { font: 1.2em 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff; } body#badges.generic .view_badgeinfo .badge_details .badge_date { font: 1.2em 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff; text-decoration: none } body#badges.generic .ad { margin: 6px 0 0 0; padding: 9px 0 12px 0px; background-color: #f2f2f2; border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; text-align: center; } body#badges.generic .ad .ad_copy { padding-top: 6px;} body#badges.generic #ad_container .ad { width: 316px; float: right; position: relative; right: 15px; margin: 6px 0 0 0; padding: 9px 0 12px 0px; background-color: #f2f2f2; border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; text-align: center; } body#badges.generic #ad_container .ad .ad_copy { padding-top: 6px;} body#badges.generic #sidebar dl.badge_desc { margin-right: 5px; } body#badges.generic dd.badge_date { font: 1.2em 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff; } /* ------------------------------------------ Flowing Lists -------------------------------------------*/ body ul#fans_links { padding-top: 0; } body ul#fans_links.fansheaders, body ul#friends_links.friendsheaders { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1em;} body ul.flow_list { height: 18px; padding: .7em 0 0 0; margin: 0 0 0 0; display: inline; } body .flow_list li { display: inline; padding: 0 0 0 0.5em; margin: 0 0 0 0; border-left: 1px solid #999; text-transform: lowercase; } body .flow_list li.first { border-left: none; } body ul.top25kongs { position: relative; bottom: 3px; left: 2px;} body ul#fans_links.fansheaders p.userfans { display: inline; margin-left: 5px; } body ul#fans_links.fansheaders p.userfans a { font-size: 11px; } /*------------------------------------------- Left Justified Controls -------------------------------------------*/ body #main #ljust_controls { clear: both; } body #main #ljust_controls fieldset { border: none; } body #main #ljust_controls h3 { margin: 0 0 0 0; } body #main #ljust_controls dt, body #main #ljust_controls dd { display: inline; } /*------------------------------------------- Search results -------------------------------------------*/ body#searchresults #main ol, ul.pagination { font: normal 1.1em/1.4 Verdana, Arial, sans-serif; list-style: none; } ul.pagination { color: #999; text-transform: lowercase; } ul.pagination li { display: inline; border-left: 1px solid #b3b3b3; padding: 0 0 0 0.75em; margin: 0 0.75em 0 0; cursor: default; } ul.pagination li.current { color: #333; font-weight: bold; } ul.pagination li:first-child { border: 0; padding-left: 0; } ul.pagination a { text-decoration: none; } ul.pagination a:hover, ul.pagination a:focus { text-decoration: underline; } /*------------------------------------------- Points -------------------------------------------*/ body#points h1 { float: left; } body#points #feature #main ul.points_sublinks { position: relative; bottom: 3px } body#points #secondary table.rewards tbody tr td a img { border: 0px; } #points #secondary table.data_table td { padding-top: 0.75em !important; padding-bottom: 0.75em !important; } /*------------------------------------------- Profile -------------------------------------------*/ body#profile #main #accountinfo h1 { font-size: 1.8em; font-weight: normal; float: left; margin: 0 10px 0 0; } body#profile #main h3 { margin-top: 10px; } body #accountinfo h1.developer span { padding: 0 20px 0 0; background: transparent url(develope.gif) no-repeat right 50%; } body #accountinfo ul.developer span { padding: 0 20px 0 0; background: transparent url(develope.gif) no-repeat right 50%; } body #accountinfo ul li:first-child, body#profile #secondary ul.memberlinks li:first-child { border: 0; padding-left: 0; } body #accountinfo p { margin: 3em 0 0; font: 1.2em/1.4 'Lucida Grande', Verdana, Arial, sans-serif; margin: 0 0 1em; color: #333; } body#profile #secondary h2 { color: #333; font-size: 1.8em; float: left; margin: 0 0.5em 0 0; } body#profile #secondary ul.memberlinks { padding: 0.5em 0 0; text-transform: lowercase; } body#profile #secondary .wrapper { margin: 0 0 2em; clear: left; width: 921px; overflow: hidden; background: transparent url(feature_.gif) repeat-x left bottom; padding: 1.6em 0 28px; } body#profile #secondary #recentlyonline .wrapper { background: none; padding-bottom: 0; } body#profile #secondary .wrapper dl { float: left; clear: none; margin: 0; text-align: center; } body#profile #secondary .wrapper dl.game { width: 99px; margin-left: 60px; height: 142px; } body#profile #secondary .wrapper dl.game.first { margin-left: 0px; } body#profile #secondary .wrapper dl.favgame { width: 99px; margin-left: 60px; height: 134px; } body#profile #secondary .wrapper dl.favgame.first { margin-left: 0px; } body#profile #secondary .wrapper dl.game.preview { background-color: #aaa; } body#profile #secondary .wrapper dl p { padding: 0em 0 0em } body#profile #secondary .wrapper dl.card { margin-left: 15px; width: 87px; } body#profile #secondary .wrapper dl.card.first { margin-left: 0; } body#profile #secondary .wrapper dl.friend { margin-left: 10px; width: 120px; } body#profile #secondary .wrapper dl.friend.first { margin-left: 0; } body#profile #secondary .wrapper dl.fan { margin-left: 10px; width: 120px; } body#profile #secondary .wrapper dl.fan.first { margin-left: 0; } body#profile #secondary .wrapper dt a img { border: 3px solid #333; } body#profile #secondary .wrapper dl.friend dt a img { border: 1px solid #000; width: 40px; height: 40px; } body#profile #secondary .wrapper dl.fan dt a img { border: 1px solid #000; width: 40px; height: 40px; } body#profile #secondary .wrapper dd { margin: 0.5em 0 0 0; font-size: 1.2em; } body#profile #secondary .wrapper dd a:link, body#profile #secondary .wrapper dd a:visited { text-decoration: none; } body#profile #secondary .wrapper dd a:hover, body#profile #secondary .wrapper dd a:focus { text-decoration: underline; } body#profile #secondary ul.memberlinks li { display: inline; padding: 0 0 0 0.5em; margin: 0 0.25em 0 0; border-left: 1px solid #999; font-size: 11px;} body#profile #secondary ul.memberlinks li.links{ padding: 0.5em 0 0; text-transform: lowercase; font-size: 11px; } body#profile #secondary ul li.adrev_button { text-align: center; width: 200px; padding: 0; font: 1.4em/1.6 'Lucida Grande', Verdana, Arial, sans-serif; list-style-type: none; border: 0; background: #600 url(invite_b.gif) no-repeat right bottom; } body#profile #secondary ul li.adrev_button a { color: #fff; display: block; text-decoration: none; background: transparent url(invite_t.gif) no-repeat top left; background-position: 0% 0%;} body#profile #secondary ul li.adrev_button span { background: transparent url(invite_b.gif) no-repeat left bottom ; display: block; } body#profile #secondary ul li.adrev_button strong { background: transparent url(invite_t.gif) no-repeat right top; display: block; background-position: 100% 0%;} #secondary #gamesby ul { float: left; height: 14px; } dl#payment_amounts dt { float:left; margin: 0 5px; font-size: 1.2em; } dl#payment_amounts dd { clear:both;; font-size: 2em;} body#my_referrals #main p { margin: 3em 0 0; font: 1.2em/1.4 'Lucida Grande', Verdana, Arial, sans-serif; margin: 0 0 1em; color: #333; } body#profile #main #accountinfo ul.owner_edit { width: 375px; } body#profile #main #accountinfo ul.owner_edit li { position: relative; top: 0.3em; } body#profile #main #accountinfo ul.owner_edit li.first a { padding: 0 0 0 5px; } body#profile #main #accountinfo ul.owner_edit li a { padding-right: 5px; } body#profile .flow_list li.first { padding-left: 0px; } body #accountinfo h2 { margin-right: 0.1em; } body #accountinfo img.bug { margin: 0.65em 0.25em 0; } body#profile #main #accountinfo ul.owner_edit { float: left; margin: 0px; } body#profile #main #accountinfo ul.owner_edit .first { margin: 0 0.5em 0 0 !important; } #memberinfo { float: left; } .memberinfocol { width: 220px; } * html .memberinfocol { width: 200px; } #main #membercol1 { float: left; } #main ul#membercol2 { margin-left: 250px; list-style: none; width: 200px; } * html #main ul#membercol2 { margin-left: 250px; } *:first-child + html #main ul#membercol2 { margin-left: 250px; } body#profile ul#relationship_links { clear: both; float: left; width: 350px; } #profile #secondary #favorite_upsell .game { float: left; clear: none; margin: 15px 0px 8px 50px; } /* facebook app icon */ #profile ul.manage_contacts { clear: both; float: left; width: 150px; } #profile #facebookapp { float: right; margin-right: 32px; font-family: Verdana, Arial, sans-serif; font-size: 11px } #profile #facebookapp .fbapp_desc { border: 1px solid #e4e4e4; background: url(facebook.gif) no-repeat 5px 7px; width: 146px; height: 34px; padding: 5px 0px 0px 25px } #profile #facebookapp .fbapp_link { clear:both; background: #e4e4e4; text-align: center; width: 171px; height: 18px; border: 1px solid #e4e4e4 } p#messages a { padding-left: 19px; background: transparent url(gu_send0.gif) no-repeat 0 50%; } body#profile #main { width: 455px; } #recentlyplayed { margin-left: 470px; } #recentlyplayed table { font-size: 1.2em; width: 453px; border-collapse: collapse; margin-top: 4.4em; } * html #recentlyplayed table { width: 449px; } *:first-child + html #recentlyplayed table { width: 449px; } #recentlyplayed table th { text-align: left; font-family: Verdana, Tahoma, sans-serif; padding-bottom: 0.5em; font-size: 0.9em; } #recentlyplayed table th.rating { position: absolute; left: -9999px; } #recentlyplayed table th.rating, #recentlyplayed table td.rating { width: 84px; } #recentlyplayed table tr { border-bottom: 1px solid #ccc; } #recentlyplayed table td { padding: 0.7em 0 0.7em 10px; background-color: #fff; } #recentlyplayed table tr.alt td { background-color: #efefef; } #recentlyplayed table td.rating { font-size: 0.8em; } body#profile #secondary div.row1 { background: none; padding-bottom: 0; } #listings div { width: 448px; float: left; } #listings #comments { width: 440px; } #listings #shoutbox { margin: 0 15px 15px 0; width: 448px;} #listings table { width: 100%; clear: left; border-collapse: collapse; border-bottom: 1px solid #999; margin-top: 1.5em; } #listings table th { position: absolute; left: -9999px; } #listings table td { background-color: #fff; padding: 1em 1em 1.5em 0em; vertical-align: top; font: 1.1em Verdana, Tahoma, sans-serif; color: #333; border-top: 1px solid #999; text-align:left; } #listings table tr.alt td { background-color: #efefef; } #listings table td.game { width: 105px; padding-left: 1.5em; } #listings table td.user { width: 80px; } #listings table td dl { margin: 0; padding: 0; border: none; } #listings table td dl a img { border: none; } #listings table td dl.game dt a img { border: 3px solid #333; } #listings table td dl.game dt a:hover img { border: 3px solid #600; } .memberlinks li#add_a_shout a { padding: 0 0 0 1.5em; background-position: 2px 0; background-repeat: no-repeat; background-color: transparent; background-image: url(gu_comme.gif); } /* shoutbox */ dl#shout_whisper_tabs { margin-top: 18px; } dl#shout_whisper_tabs dd.bucket { width: 425px; padding: 0px 10px 0; top: -1px; } dl#shout_whisper_tabs dd.bucket .noob_info { width: 391px; margin: 1em 0; font-size: 1.1em; } dl#shout_whisper_tabs dt, dl#shout_whisper_tabs a.all_shouts_whispers { font: 1.1em 'Lucinda Grande' Verdana, Arial, sans-serif; } #shout_list table, #whisper_list table { font: 1em 'Lucinda Grande' Verdana, Arial, sans-serif; margin: 10px 0px; width: 427px; } #shout_list dl.friend, #whisper_list dl.friend, #whisper_list dl.game { width: 110px; text-align: center; margin-left: 12px; } #shout_list div, #whisper_list div { width: 280px; } #shout_list tr td.shout_content .date, #whisper_list tr td.shout_content .date { color: #777; display:block;} #shout_list tr td.shout_content .message p, #whisper_list tr td.shout_content .message p { font: 1em Verdana, Arial, sans-serif; color: #333; overflow: auto; min-height: 20px; height: auto; } #shout_list tr.reply td.shout_content, #whisper_list tr.reply td.shout_content { font-style: italic; } #shout_list tr td.shout_content ul li, #whisper_list tr td.shout_content ul li { list-style: none; color: #990000; display: inline; padding-right: 10px; } #shout_list tr td.shout_content ul li a, #whisper_list tr td.shout_content ul li a { color: #990000; } dl#shout_whisper_tabs p.all_shouts_whispers { margin-bottom: 8px; margin-left: 320px; width: 100px; font: 1em Verdana, Arial, sans-serif; text-align: right } #profile #secondary #comments div.noob_info { margin: 1.5em 0 1em 0; font-size: 1.1em; } #profile #secondary #comments div.my_comment { width: 280px; overflow: auto; min-height: 20px; height: auto } body#comments #secondary div.my_comment { width: 650px; overflow: auto; min-height: 20px; height: auto; margin-right: 15px; } /* badges */ body#profile.generic .achievements_wrapper { width: 450px; margin: 0px 0px 0px 467px; height: 100% } body#profile.generic #achievements { width: 450px; background-color: #333 } body#profile.generic #achievements .latest_achievements{ position: relative; top: 10px; height: 100%;} body#profile.generic #achievements .achievements_heading { display:inline; font: 15px 'Lucida Grande', Verdana, sans-serif; color: #ffbc1c; padding-left: 16px; } body#profile.generic #achievements .viewall_achievements { display: inline; color: #fff; font: 11px 'Lucida Grande', Verdana, sans-serif; padding-left: 3px } body#profile.generic #achievements .viewall_achievements a { color: #fff;} body#profile.generic .latest_achievements .noachievements_other { color: #fff; font: 11px 'Lucida Grande', Verdana, sans-serif; margin: 10px 0px 0px 16px } body#profile.generic .latest_achievements .noachievements_other a { color: #e81010; } body#profile.generic .latest_achievements .noachievements_bottom { background: url(profile_.jpg) no-repeat 0% 100% #333; } body#profile.generic #achievements img { float: none; margin: 0px 4px 0px 4px; } body#profile.generic #achievements .badges_list { padding-bottom: 10px; text-align: center; } body#profile.generic #achievements .badges_list dl.badge { float: left; padding-left: 12px; margin-top: 20px; width: 425px; } body#profile.generic #achievements .badges_list dl.badge dt { float: left; } body#profile.generic #achievements dl.badge a img { border: 1px solid #333; } body#profile.generic #achievements dl.badge a:hover img { border: 1px solid #f2f2f2; } body#profile.generic #achievements .badge_details { padding: 12px 10px 12px 16px; width: 424px; float: left; background: url(profile_.jpg) no-repeat 0% 100% #333; } body#profile.generic #achievements .badge_divider { background: url(slant_da.gif) repeat-x 0% 100%; width: 425px; margin-left: 10px } body#profile.generic #achievements .badge_details dl.badge_desc { padding: 10px 0px 0px 0px; margin-bottom: 7px; } body#profile.generic #achievements .badge_details dl.unlocked_badge { margin-top: 9px; } body#profile.generic #achievements .badge_details dl.badge_desc dt.badge_img img { margin: 0 0.7em 0 0; float: left } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_name { font: 1.4em 'Lucida Grande', Verdana, Arial, sans-serif; color: #c4eaf2; } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_name_inc { font: 1.2em 'Lucida Grande', Verdana, Arial, sans-serif; color: #c4eaf2; } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_task { margin-top: 2px; font: 12px 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_task a { color: #e81010 } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_task a:hover { color: #e81010 } body#profile.generic #achievements .badge_details dl.badge_desc dd.badge_date { padding-top: 8px; font: 12px 'Lucida Grande', Verdana, Arial, sans-serif; color: #fff } body#profile.generic .latest_achievements .noachievements_other a { color: #e81010; } body#profile.generic #achievements .badge_details dl.unlocked_badge { margin-top: 9px; } /* Shared data table shaping */ table.data_table { width: 921px; font: 1.2em Verdana, Arial, sans-serif; border-collapse: collapse; margin: 1em 0 0; } table.data_table thead th { background-color: #333; text-align: left; padding: 0.6em 0 0.6em; color: #fff;} table.data_table thead th a { color: #fff; } table.data_table thead th a:hover { color: #ccc; } table.data_table thead th.avatar { width: 50px; text-align: center; } table.data_table thead th.reciprocated { width: 60px; } table.data_table thead th.location { width: 180px; } table.data_table thead th.join_now { width: 200px; } table.data_table thead th.indicator { width: 30px; } table.data_table tr { border-bottom: 1px solid #999; } table.data_table tr.odd { background-color: #fff; } table.data_table td { padding: .4em 0 .2em 0; vertical-align: top; } table.data_table .first { padding-left: 10px; } table.data_table td .gameicon { float: left; margin: 0 0.5em 0 0 } table.data_table tr.disabled { background-color: #b99; } table.data_table .summary { background-color: #333; color: #fff; font-weight: bold; } table.data_table td .star-rating { font-size: 0.8em; } table.data_table a.developer { background: transparent url(develope.gif) no-repeat right 50%; padding: 0 18px 0 0; } /* Profile: Friends */ body.friends #secondary th.g { width: 144px; } body.friends th.location { width: 141px; } body.friends th.join_now { width: 141px; } body.friends th.favorites { width: 141px; } body.friends th.remove { width: 141px;} /* Game categories */ body.category #secondary th.gametitle { width: 315px; } body.category #secondary th.dateuploaded { width: 141px; } body.category #secondary th.developer { width: 144px; } body.category #secondary th.gameplays { width: 151px; } /* Invitations Users for management view */ table.users_invitations .username { width: 315px; } table.users_invitations .total { width: 144px; } table.users_invitations .accepted { width: 151px; } table.users_invitations .pending { width: 141px; } table.users_invitations .unsent { width: 141px; } table.users_invitations .add { width: 100px; } /* invividual invitations */ table.users_invitations td div { margin: 5px; padding: 8px; float: left; border: 1px solid #ccc; text-align: left; background-color: #ddd; } table.users_invitations td div dt { width: 100px; } table.users_invitations td div dt.invitation_state { font-weight: bold; } table.users_invitations td div dd.state_info { font-weight: normal; font-size: .8em; white-space: nowrap; margin-left: 4px; } table.users_invitations td div dd { padding-bottom: 6px; font-size: .9em; } table.users_invitations td div dl { float: left; } table.users_invitations td div ul { clear: both; list-style: none; } table.users_invitations td div li { float: left; padding: 4px; font-size: .9em; } table.users_invitations td.invitations_container { border-top: 1px solid #e8e8e8; } /* Invitations for invidual users */ table.my_referrals th.date_sent { width: 120px; } table.my_referrals th.status { width: 100px; } /* Rewards */ table.rewards th.date { width: 120px; } table.rewards th.points { width: 120px; } table.rewards th.description { width: 420px; } /* Leaderboard */ body#leaders #main, body#points #main { width: 681px; float: left; } table.leaders .username { width: 285px; } table.leaders .joined { width: 120px; } table.leaders .points { width: 120px; } table.leaders .lifetime { width: 120px; } table.leaders .level { width: 60px; } /* Favorites */ th.gametitle { width: 315px; } th.developer { width: 144px; } th.averagerating { width: 144px; } #favorites #secondary table.data_table td { padding-top: 0.5em !important; padding-bottom: 0.5em !important; } #favorites #secondary table.data_table td.first img { margin-right: 8px !important; } /* Cards */ body#profile #secondary .wrapper dt.cardimg a img { border: 0px; } #main #feature .cardimg a img { border: 0px; } /* Account Settings */ #register #main .edit_settings { background-color: #f2f2f2; padding: 0.5em 0 2em 0em; width: 450px } #register #main .edit_settings h2 { padding-left: 2.1em; color: #990000 } #register #main .edit_settings h2.payment_title { padding-left: 0; color: #990000; font-size: 1.3em; } #register #main #notifications dl#notification_options dt { margin-bottom: 1em; } #register #main #notifications dl#notification_options dt input { float: none; } #register #main #notifications p.message { padding-left: 2.5em; font: 1.2em 'Lucida Grande' Verdana, Arial, sans-serif; } #register #main #notifications dl p { font: 1em 'Lucida Grande' Verdana, Arial, sans-serif; } #register #main #notifications div.save_submit { margin-left: 300px } #register #main #notifications div.save_submit input { padding: 3px 7px; } /*------------------------------------------- Friends -------------------------------------------*/ body#friends #main, body#fans #main { width: 450px; } body#friends #sidebar, body#fans #sidebar { margin: 0 0 0 469px; width: 452px; text-align: left; } body#fans #main h1 ul.fansheaders li { font-size: 17px; } body#friends #main h1 ul.friendsheaders li.first, body#fans #main h1 ul.fansheaders li.first { padding-left: 0px; } body#friends #main h1 ul#friends_links { padding-top: 0px; } /* Friend Finder */ body#friends #sidebar #friend_finder, body#fans #sidebar #friend_finder { background-color: #f2f2f2; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; padding: 16px 30px; } body#friends #sidebar #friend_finder h3, body#fans #sidebar #friend_finder h3 { font-size: 1.2em; margin-bottom: 1px; } body#friends #sidebar #friend_finder p, body#fans #sidebar #friend_finder p { font: 1.1em Verdana, Arial, sans-serif; } body#friends #sidebar #submit_email, body#fans #sidebar #submit_email { margin-left: auto; margin-right: auto; background-color: #fff; border: 1px solid #cecece; width: 330px; padding: 12px 20px 8px 30px; } body#friends #sidebar #submit_email form ul li, body#fans #sidebar #submit_email form ul li { list-style-type: none; } body#friends #sidebar p, body#friends #sidebar #submit_email form ul li label, body#friends #sidebar #submit_email form ul li input, body#friends #sidebar #submit_email form ul li select, body#fans #sidebar p, body#fans #sidebar #submit_email form ul li label, body#fans #sidebar #submit_email form ul li input, body#fans #sidebar #submit_email form ul li select { font-size: 11px; } body#friends #sidebar #friend_finder p.disclaimer, body#fans #sidebar #friend_finder p.disclaimer { font-size: 11px; font-style: italic; color: #555; } /*------------------------------------------- Community -------------------------------------------*/ body#community #main { width: 287px; float: left; margin: 0 25px 0 0; } body#community #main h1, #leaderboard h2 { font-size: 1.8em; margin: 0 0 0.75em; color: #000; font-weight: normal; } body#community #main h2 { margin: 0 0 0.75em; } body#community #main h2 a { font-weight: normal; } body#community #main img { float: left; margin: 0 15px 0 0; } body#community #main p, body#community #sidebar p, body#community #sidebar ul, body#community #main ul, #leaderboard p { font: 1.2em/1.8 'Lucida Grande', Verdana, Arial, sans-serif; margin: 0 0 1em; color: #333; } body#community #sidebar { width: 287px; margin: 0 0 0 624px; } body#community #sidebar h2 { font-size: 1.8em; margin: 0 0 0.75em; color: #000; font-weight: normal; } body#community #sidebar ul { padding-left: 15px; } body#community #sidebar dt a { font-size: 1.4em; text-decoration: none; } body#community #sidebar dd { font-size: 1.2em; line-height: 1.4; margin-bottom: 1em; border-bottom: 1px dashed #999; padding-bottom: 1em; } body#community #main ul { margin: 10px 20px;} body#community #main ul li { padding: 5px;} #leaderboard { width: 287px; float: left; } #leaderboard dt { font-size: 1.4em; margin: 0 0 0 0; color: #000; font-weight: normal; } #leaderboard dd { clear: left; } /** html #leaderboard dd { margin-top: -14px; } *+html #leaderboard dd { margin-top: -14px; }*/ #leaderboard table { font-size: 1.2em; width: 100%; border-collapse: collapse; margin: 0 0 2em; border-top: 1px solid #999; } #leaderboard table a:link, #leaderboard table a:visited { color: #333; } #leaderboard table * { vertical-align: middle; } #leaderboard #thisweek td.username { width: 175px; } #leaderboard #lifetime td.username { width: 205px; } #leaderboard th { text-align: left; text-transform: lowercase; } ::root #leaderboard th { border-bottom: 1px solid #fff; } #leaderboard th.username { padding-left: 28px; } #leaderboard tr { border-bottom: 1px solid #ccc; padding: 0.4em 0; } #leaderboard thead tr { border-bottom: none; } #leaderboard td { padding: 0.4em 0; } #leaderboard table a img { border: 1px solid #222; } #leaderboard tr.alt { background-color: #efefef; } .username img.avatar { width: 22px; height: 22px; } #leaderboard dt.tab { float: left; margin: 0 0 0 3px; font: 100% Verdana, Arial, sans-serif; padding: 5px 7px; background-color: #e0e0e0; border-bottom: 1px solid #e0e0e0; } ::root #leaderboard dt.tab { margin-bottom: -1px; } #leaderboard dt.tab a:link, #leaderboard dt.tab a:visited { color: #5e5e5e; } #leaderboard dt.current { border: 1px solid #999; border-bottom-color: #fff; background-color: #fff; font-weight: bold; position:relative; } #leaderboard .currentTable { border-top: 1px solid #999; /*margin: 0;*/ } #leaderboard .currentTable th { padding-top: 5px; } #leaderboard dl dt.question_points { float: right;} #leaderboard dl dt .earnpoints_title a { font-size: 0.8em; vertical-align: bottom; color: #000000;} #leaderboard dl dt.question_points img { line-height: 12px; vertical-align: bottom; padding-right: 0.2em; } /* -- Login pages --*/ body #main dt#remember label#remember_label { margin-left: 5px; } /*------------------------------------------- Admin -------------------------------------------*/ .admin h3 { margin: 5px; } ul.controls { list-style: none; } ul.controls li { display: inline; } .admin ul { font-size: 1em; padding: 4px;} .admin ul li { cursor: move; list-style: none; padding: 4px; } #feature .admin { color: #ccc; } #feature .admin ul li { cursor: default; float: left; } #featuredgame .admin dl { width: auto; margin-left: 10px;} #featuredgame .admin dt, #main .admin dt { font-size: 1.2em; margin: 0.7em 0 0 0; } #featuredgame .admin dt a { color: #333; text-decoration: none; } #featuredgame .admin dd { font-size: 1.2em; margin: 0 0 1.5em; } #invitations dl { font-size: 1.2em; } #invitations dt { font-weight: bold;} #invitations dd { display: inline; margin-left: 5px;} #invitations ul { margin: 5px; list-style: none; } #invitations ul li { display: inline; } /*------------------------------------------- Chat Logs -------------------------------------------*/ #choose_room table.data_table { margin: 0px;} #choose_room table.data_table thead th.room_name { width: 150px; font-size: 12px;} #choose_room table.data_table thead th.last_message { width: 550px; } #choose_room table.data_table thead th.last_message_time { width: 221px;} #choose_room table.data_table tbody td.room_name { width: 150px; font-size: 12px;} #choose_room table.data_table tbody td.last_message { width: 550px; } #choose_room table.data_table tbody td.last_message_time { width: 221px; } #choose_room table.data_table tbody td.last_message .chat_overflow { overflow-x: auto; } #chat_history_logs table.data_table { margin: 0px;} #chat_history_logs table.data_table thead th.time { width: 220px; font-size: 12px;} #chat_history_logs table.data_table thead th.username { width: 105px; } #chat_history_logs table.data_table thead th.chatroom { width: 105px; } #chat_history_logs table.data_table thead th.message { width: 507px; } #chat_history_logs table.data_table tbody td.time { width: 220px; font-size: 12px;} #chat_history_logs table.data_table tbody td.username { width: 105px; } #chat_history_logs table.data_table tbody td.chatroom { width: 105px; } #chat_history_logs table.data_table tbody td.message { width: 507px; } #chat_history_logs table.data_table tbody td.message .chat_overflow { overflow-x: auto; } /*------------------------------------------- Badges -------------------------------------------*/ body#community #one_slot { width: 100%; float: left; margin: 0 25px 0 0; } body#community #one_slot p { font: 1.2em/1.8 'Lucida Grande', Verdana, Arial, sans-serif; margin: 0 0 1em; color: #333; line-height: 17px;} body#community #one_slot h1, #leaderboard h2 { font-size: 1.8em; margin: 0 0 0.75em; color: #000; font-weight: normal; } body#community #secondary table { border: 1px solid #ccc; } body#community #secondary table.data_table { clear: left; width: 921px; font: 1.2em Verdana, Arial, sans-serif; border-collapse: collapse; margin: 1em 0 0; } body#community #secondary table.data_table tr { border-bottom: 1px solid #ddd; vertical-align: middle; } body#community #secondary table.data_table td { padding: .4em 0 .2em 0; } body#community #secondary #badges.data_table thead th { background-color: #333; text-align: left; padding: 0.2em 0 0.2em 1em; color: #fff; font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;} body#community #secondary #badges.data_table tbody td { padding: 0.2em 0 0.2em 0.7em; font: 0.95em 'Lucida Grande', Verdana, Arial, sans-serif; } body#community #secondary #badges.data_table thead th.badge_image { width: 270px; padding: 0em 0em 0em 1em;} body#community #secondary #badges.data_table thead th.badge_code { width: 650px; } body#community #secondary #badges.data_table tbody td.badge_image { width: 270px; background-color: #fff; padding: 1.2em 1em 0.5em 3em;} body#community #secondary #badges.data_table tbody td.badge_image .badge_size { color: #989898;} body#community #secondary #badges.data_table tbody td.badge_code { width: 650px; vertical-align: middle;} body#community #secondary #badges.data_table tbody td.badge_code .overflow { overflow: scroll; } body#community #secondary #badges.data_table tbody td { border-left: 1px solid #ccc; } body#community #secondary #badges.data_table tbody textarea { border: 1px solid #aaa; background-color: #fafafa; } body#community #secondary #badges.data_table tbody td.around_vectors { background-color: #fff; padding: 1.7em 0 0 0em; } body#community #secondary #badges.data_table tbody td .vector_kong { float: left; padding: 6em 6em; } body#community #secondary #badges.data_table tbody td .vector_ant { float: left;} #badges_col1 { width: 380px; float: left; padding: 1.2em 0 0.7em 0; margin: 0 15px 0 15px; } #badges_col2 { width: 440px; float: left; padding: 1.2em 0 0.7em 0; margin: 0 15px 0 15px; } #badges_col1 .badge_instructions, #badges_col2 .badge_instructions { font: 1.15em 'Lucida Grande', Verdana, Arial, sans-serif; font-weight: bold;} .badge_instructions ul { list-style: none; font-weight: normal; } .badge_instructions li:before { content: "\00BB \0020"; } /*------------------------------------------- Game Statistics -------------------------------------------*/ #feature #main dl#game_stats dd { padding-bottom: 0.8em; } #feature #main dl#game_stats dt.formfieldtitle { font-weight: bold; } #feature #main dl#game_stats dd span.italic { font-style: italic; } #feature #main dl#game_stats dt.stat_type { padding-bottom: 0.3em; } /* styles for the star rater */ .star-rating{ list-style:none; margin: 0px; padding:0px; width: 65px; height: 12px; position: relative; background: url(star_rat.gif) top left repeat-x; } .star-rating li{ padding:0px; margin:0px; /*\*/ float: left; /* */ } .star-rating li a{ display:block; width:13px; height: 12px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover{ background: url(star_rat.gif) left center; z-index: 2; left: 0px; } .star-rating a.star-1{ left: 0px; } .star-rating a.star-1:hover{ width:13px; } .star-rating a.star-2{ left:13px; } .star-rating a.star-2:hover{ width: 26px; } .star-rating a.star-3{ left: 26px; } .star-rating a.star-3:hover{ width: 39px; } .star-rating a.star-4{ left: 39px; } .star-rating a.star-4:hover{ width: 52px; } .star-rating a.star-5{ left: 52px; } .star-rating a.star-5:hover{ width: 65px; } .star-rating li.current-rating{ background: url(star_rat.gif) left bottom; position: absolute; left: 0px; height: 12px; display: block; text-indent: -9000px; z-index: 1; } #star_ratings_block .star-rating li.current-rating { background: url(yourrati.gif) left bottom; } .star-rating img.indicator { position: absolute; left: 70px; } /* Star ratings */ #star_ratings_block, ul#average_rating, td.averagerating, dl.rate .star-rating { float: left; font-size: 0.8em; } div.game dd.rating { font-size: 0.8em; } #share_block { } #share_message { font-size: 1.0em; padding-right: 1em; } dl.share { font-size: 1.2em; margin-bottom: 1em; } dl.share dt span { padding-right: 5px; } table.contests .star-rating { font-size: 0.8em; } .share-icon{ list-style:none; margin: 2px; padding:0px; width: 64px; height: 16px; position: relative; } .share-icon li{ padding:0px; margin:0px; /*\*/ float: left; /* */ } .share-icon li a{ display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .share-icon li a.delicious { left: 0px; background: transparent url(deliciou.gif) top left ; } .share-icon a.digg{ left: 20px; background: transparent url(digg0000.gif) top left ; } .share-icon a.facebook{ left: 40px; background: transparent url(facebook.gif) top left ; } .share-icon a.stumble{ left: 60px; background: transparent url(stumble0.gif) top left ; } .share-icon a.send{ left: 80px; background: transparent url(send_ico.gif) no-repeat center; } #searchresults #results dl dt.username img { border: none; margin: 4px 0 0 3px; } #searchresults #results dl dt.username a { float: left; } #searchresults #results dl dd .title { font-size: 1.5em; } #searchresults #results dl dd .last_updated { margin-left: 1em; } #searchresults ul.search_tips { padding-top: 1.5em; list-style-position: outside; list-style-type: disc; margin-left: 2em; padding-left: 2em; padding-right: 4em; } #searchresults ul.search_tips li { margin-bottom: 1em; } #searchresults #feature #main ol li ul li { height: 100%; margin-bottom: 0em; } #searchresults #feature #main .gameresult_rating { margin-left: 108px } #searchresults #feature #main .gameresult_rating ul { font-size: 0.8em; } #searchresults dl.game_search_result p { margin-bottom: 5px; } .noob_info { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #ebf5ff; margin-bottom: 1em; padding: 1em; } body#play #get_shockwave { font-size: 1.2em; } body#play #preview_controls #preview_info { font-size: 1.8em; padding-bottom: 0.5em; } body#play #preview_controls ul { font-size: 1.5em; } #header h3#playing { display: block; position: absolute; font: 11px Verdana, Arial, sans-serif; line-height: 1; color: #fc9; bottom: 40px; left: 0; text-transform: uppercase; letter-spacing: 0.2em; padding-bottom: 2px; } #global .message { border-top: 1px solid #c7d0d8; border-bottom: 1px solid #c7d0d8; background-color: #ebf5ff; padding: 0.7em 10px 0.6em; margin-top: 35px; margin-left: auto; margin-bottom: -15px; width: 902px; color: #333; } #global .message p { font-size: 1.6em; } #global .message h2 { font-size: 1.8em; margin-bottom: .25em; } #thumb { float: left; background: #191919 url(thumb_bo.gif) no-repeat left bottom; padding: 1px 1px 3px; margin: 1em 10px; position: relative; width: 287px; } #thumb img { float: none; margin: 0; } #thumb a { font: bold 1.2em Verdana, Arial, sans-serif; text-decoration: underline; color: #fff; } #thumb p { text-align: right; padding-right: 8px; margin-bottom: 5px; } #thumb .ratings { margin: 4px 0 0 6px; list-style: none; width: 61px; height: 12px; overflow: hidden; background: transparent url(thumb_st.gif) repeat-x scroll 0 0; text-indent: -9000px; float: left; } #thumb .ratings li { float: left; margin-right: 1px; } #thumb .ratings a { text-indent: -9999px; display: block; height: 12px; width: 12px; background: transparent url(thumb_st.gif) no-repeat 0 0; } #thumb .ratings a:hover, #thumb .ratings a:focus { background-position: 0 -12px; } #main #challenge { border-top: 1px dashed #5c5c5c; padding-top: 10px; padding-bottom: 5px; margin: 20px 10px 0px; } #main #challenge img { float: left; } #featuredgame #challenge > dl { width: 440px; } *:first-child + html #featuredgame #challenge > dl { width: auto; } #main #challenge > dl dt { margin: 0; } #contests .tabset dt { font: 1.1em Verdana, Arial, sans-serif; } #contests .tabset dd.bucket { padding: 10px 10px 0; top: -1px; } .tabset p { font-size: 1.2em; margin-bottom: 1.5em; width: 267px; } .tabset table { font-size: 1.2em; width: 100%; border-collapse: collapse; margin: 0 0 2em; /*border-top: 1px solid #999;*/ } .tabset table caption { text-align: left; background-color: #fff; font: 1.2em 'Lucida Grande', Verdana, Arial, sans-serif; border-bottom: 1px solid #999; margin-bottom: 0.5em; padding-bottom: 0.5em; } .tabset table a:link, .tabset table a:visited { color: #333; } .tabset table * { vertical-align: middle; } .tabset #thisweek td.username { width: 175px; } .tabset #lifetime td.username { width: 205px; } .tabset th { text-align: left; text-transform: lowercase; } ::root .tabset th { border-bottom: 1px solid #fff; } .tabset th.username { padding-left: 28px; } .tabset tr { border-bottom: 1px solid #ccc; padding: 0.4em 0; background-color: #fff; } .tabset tr td { background-color: #fff; } .tabset thead tr { border-bottom: none; } .tabset td { padding: 0.4em 0; } .tabset table a img { border: 1px solid #222; } .tabset tr.odd, .tabset tr.odd td { background-color: #efefef; } .tabset dt.current { border: 1px solid #999; border-bottom: 1px solid #fff; background-color: #fff; font-weight: bold; position: relative; z-index: 1000; } * html .tabset #contests table { width: 260px; } * html .tabset #leaderboards table { width: 260px; } * html .tabset #challenges table { width: 260px; } #contests dl.tabset { width: 287px; } #leaderboards dl.tabset { width: 287px; } .prizes { list-style: none; font-size: 1.2em; margin-bottom: 1.5em; width: 267px; } #home #latest h2 a { display: block; text-indent: -2100px; background: transparent url(hotnewga.gif) no-repeat 0 0; width: 166px; height: 31px; } #home #popular h2 a { display: block; text-indent: -2100px; background: transparent url(highestr.gif) no-repeat 0 0; width: 224px; height: 31px; } #contests h2 a { display: block; text-indent: -2100px; background: transparent url(contests.gif) no-repeat 0 0; width: 94px; height: 31px; } /* tabset stuff */ dl.tabset dt.active, dl.tabset dt.dormant { margin-bottom: -1px; float: left; font-weight: bold; font-size: 1em; color: #333; position: relative; border-bottom: 1px solid #fff; background-color: none; z-index: 1000; } dl.tabset dt.active a, dl.tabset dt.active a:link, dl.tabset dt.active a:visited, dl.tabset dt.dormant a, dl.tabset dt.dormant a:link, dl.tabset dt.dormant a:visited { float: left; display: block; margin: 0 0 0 4px; padding: 5px 10px 4px; font-weight: normal; color: #333; border-bottom: 1px solid #999; border-top: 1px solid #e0e0e0; text-decoration: underline; background-color: #e0e0e0; } dl.tabset dt.active a, dl.tabset dt.active a:link, dl.tabset dt.active a:visited { background: #fff; background-color: #fefefe; padding-bottom: 5px; font-weight: bold; text-decoration: none; border: 1px solid #9e9e9e; border-bottom: none; } dl.tabset dd.bucket { width: 267px; margin: 0; padding: 0; clear: left; float: left; border-top: 1px solid #9e9e9e; background-color: #fcfcfc; position: relative; top: -2px; } #news dl.tabset dt { margin: 0; padding: 0; } #leaderboard2 dl.tabset dd.bucket { padding: 0; } #leaderboard2 table { font-size: 1.0em; width: 287px; border-collapse: collapse; margin-bottom: 0; } #leaderboard2 table a:link, #leaderboard2 table a:visited { color: #333; } #leaderboard2 table * { vertical-align: middle; } #leaderboard2 #thisweek .username { width: 143px; } #leaderboard2 #lifetime .username { width: 175px; } #leaderboard2 th { padding-top: 6px; text-align: left; text-transform: lowercase; } ::root #leaderboard2 th { border-bottom: 1px solid #fff; } #leaderboard2 th.username { padding-left: 32px; } #leaderboard2 tr { border-bottom: 1px solid #ccc; padding: 0.4em 0; } #leaderboard2 thead tr { border-bottom: none; } #leaderboard2 td { padding: 0.4em 0; } #leaderboard2 td.username { padding-left: 4px; } #leaderboard2 table a img { border: 1px solid #222; } #leaderboard2 tr.alt { background-color: #efefef; } .username img.avatar { width: 22px; height: 22px; } #leaderboard2 .currentTable { border-top: 1px solid #999; } #leaderboard2 .currentTable th { padding-top: 5px; } #gameutility { width: 922px; margin: 15px auto 0 auto; padding: 0em 0 1.5em; font: 1.2em 'Lucida Grande', Verdana, sans-serif; clear: both; list-style: none; } * html #gameutility { padding-bottom: 0; } *:first-child + html #gameutility { padding-bottom: 0; } #gameutility li { float: left; padding: 0 0 0 24px; border-left: 1px solid #ccc; margin: 0 8px 0 0; background-position: 7px 50%; background-repeat: no-repeat; background-color: transparent; } #gameutility li.first { border: none; padding-left: 17px; background-position: 0 50%; } #gameutility li.instructions { background-image: url(gu_instr.gif); } #gameutility li.rate { background-image: url(gu_rate0.gif); } #gameutility li.comments { background-image: url(gu_comme.gif); } #gameutility li.favorites { background-image: url(gu_favor.gif); } #gameutility li.send { background-image: url(gu_send0.gif); } #gameutility li.diggs { padding-left: 0px;} #gameutility li.diggs iframe { width: 100px; height: 18px;} #gameutility li.diggs img { vertical-align: middle; } #gameutility li.diggs a img { border: none; } * html #gameutility li.diggs img { vertical-align: top; } #gameutility li.more { background-image: url(gu_more0.gif); } ::root h3.creatorinfo span { display: inline; } dl.rate { padding-top: 0.5em; } p#yourrating { font-size: 1.3em; padding: 0 69px 0 0; background: transparent url(yourrati.gif) no-repeat right center; display: inline; } #yourrating span { position: absolute; left: -9999px; } #contributetools { font-family: Verdana, Tahoma, sans-serif; } #contributetools li { padding: 0 0 0 18px; background-position: 0 50%; background-repeat: no-repeat; background-color: transparent; line-height: 1.4; } #contributetools li.favorites { background-image: url(gu_favor.gif); background-position: 0 3px; } #contributetools li.favorites em { color: #666; text-transform: lowercase; } #contributetools li.highscores { background-image: url(contribu.gif); } #contributetools li.bug { background-image: url(contribv.gif); } #contributetools li.flag { background-image: url(contribw.gif); } #subinfo_tags #taglist { margin-bottom: 1em; } #subinfo_tags #taglist li { margin-bottom: 0.6em; } ul.pages { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.6em 0; text-align: center; font: 1.1em Verdana, Tahoma, sans-serif; list-style: none; width: 100%; margin: 0 0 1em; overflow: hidden; } .pages li { font-weight: bold; float: left; margin-right: 2px; } .pages a { display: block; background-color: #ddd; border: 1px solid #ccc; padding: 2px 5px; text-decoration: none; } .pages .current, .pages a:hover, .pages a:focus { display: block; background-color: #fff; border: 1px solid #999; padding: 2px 5px; text-decoration: none; } .pages .first, .pages .last { padding: 5px 0 0; } .pages .first a, .pages .last a { display: inline; background-color: transparent; border: none; padding: 0; } #commentutility { float: left; list-style: none; font: bold 1.1em Verdana, Tahoma, sans-serif; margin: 1em 0; } #commentutility li { float: left; border-left: 1px solid #666; margin: 0 0 0 5px; padding: 0 0 0 7px; } #commentutility li.first { padding: 0 0 0 17px; background: transparent url(gu_comme.gif) no-repeat 0 50%; margin-left: 0; border: none; } #latestcomments { position: relative; } #latestcomments h2 { width: 50%; } #allcomments { position: absolute; top: 0.5em; right: 0; font: bold 1.1em Verdana, Tahoma, sans-serif; } /* ====== sIFR styles =========== */ .sIFR-hasFlash #home #latest h2, .sIFR-hasFlash #home #popular h2, .sIFR-hasFlash #contests h2, .sIFR-hasFlash #browsebycategory h2, .sIFR-hasFlash #news h2 { text-indent: 0; width: auto; height: auto; background-image: none; } .sIFR-hasFlash #home #latest h2, .sIFR-hasFlash #home #popular h2, .sIFR-hasFlash #contests h2, .sIFR-hasFlash #browsebycategory h2, .sIFR-hasFlash #news h2 { visibility: hidden; height: 22px; margin-bottom: 15px; } * html.sIFR-hasFlash #home #latest h2 a, * html.sIFR-hasFlash #home #popular h2 a, * html.sIFR-hasFlash #contests h2 a { height: 2px; } * html.sIFR-hasFlash #browsebycategory h2, * html.sIFR-hasFlash #news h2 { font-size: 1px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } .promotional_referral_link { padding: 1em; } body#profile div.card { width: 100px; } .contest_bullet_list { list-style: disc outside; } .contest_bullet_list li { margin-left: 1.8em; } .rewards .reward_subject { padding-left: 0.8em; } body#announcement div#main { font-size: 1.2em; } #plugs div.auto_complete { width: 350px; background: #fff; } #plugs div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; } #plugs div.auto_complete ul li { margin:0; padding:3px; } #plugs div.auto_complete ul li.selected { background-color: #ffb; } #plugs div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; } dl.generic { font-size: 1.2em;} dl.generic dt { font-weight: bold;} dl.generic dd { margin-left: 1em;} table.data_table td.content { width:600px; } body#publish #main form dd#company, body#publish #main form dd#individual, body#register #main form dd#genderm, body#register #main form dd#genderf { margin: 0.5em 0 0; } body#publish #main form dd#company input, body#publish #main form dd#individual input, body#register #main form dd#genderm input, body#register #main form dd#genderf input { width: auto; margin: 0; padding: 0; vertical-align: top; } body#publish #main form dd#individual, body#register #main form dd#genderf, body#register #main form dt#updates, body#register #main form dt#remember, body#register #main form dt#display_birth_date, body#register #main form dt#display_gender { margin-bottom: 2em; } body#publish #main form dd#agree input, body#publish #main form dt#creator input ,body#register #main form dt#agree input, body#register #main form dt#updates input, body#register #main form dt#remember input, body#plugs #main form dt#save_container input, body#plugs #sidebar form dt#remember input, body#register #main form dt#display_birth_date input, body#register #main form dt#display_gender input { float: none; } body#publish #main form dd#send_bug_reports input, body#register #main form dt#send_bug_reports, body#publish #main form dt#upload_external_files input { float: none;} body#publish #main form dd#agree { margin-top: 1em;} body#publish #main form dd#send_bug_reports, body#publish #main form dt#upload_external_files { margin-bottom: 1em;} body#publish #main form dd#use_shell input { float: none; } body#publish p#steps { padding: 5px 10px 5px 0px; margin: 0 10px 10px 0; color: #ccc; font-size: 1.3em; } body#publish p#steps strong { color: #fff; } body#card form dd { clear:both; } /*------------------------------------------- Publish pages -------------------------------------------*/ body#publish.generic #main { width: 420px; float: left; } body#publish.generic #main a, body#publish.generic #sidebar a { color: #990000; } body#publish.generic #feature h1 { padding-bottom: 0px; margin-bottom: 0.1em; font-size: 1.6em; color: #000; font-weight: normal; } body#publish.generic #feature h2 { padding-bottom: 0px; margin-bottom: 0.5em; font-size: 1.4em; color: #990000; font-weight: normal; } body#publish.generic #sidebar { width: 430px; margin: 0 0 0 460px; } /* steps */ body#publish #feature p#steps { margin: 0.1em 0 1.5em 0; letter-spacing: 1px; color: #000; font-size: 1.3em; font-family: 'Lucida Grande', Verdana, sans-serif; } /* steps */ body#publish #feature p#steps .active_step { color: #990000; } /* steps */ body#publish #feature p#steps .inactive_step { color: #9d9d9d; } body#publish form #main { margin: 0; font-size: 1.2em; color: #333; width: 385px; } body#publish #main form dl.payment { margin: 0; font-size: 1.2em; color: #333; width: 360px; } body#publish #sidebar #upload_form_continued { margin-left: 15px; width: 400px; } body#publish #submain dd label, body#publish #main dd label, body#publish #sidebar dd label { font-weight: bold; font-family: 'Lucida Grande', Verdana, sans-serif; } body#publish #main dd input, body#publish #main dd select { width: 385px; margin: 0.1em 0 0em; padding: 0.1em; font-size: 12px; } body#publish #main dd input.check_box { width: 1em; float: left; } /* textfields */ body#publish #main dd textarea, body#publish #sidebar dd textarea { margin-bottom: 0.5em; width: 385px; margin: 0.1em 0 0; } /* field with no subnotes*/ body#publish #main dd.form_block { margin-bottom: 1.6em; } /* italic subnotes */ body#publish #main em { color: #888; font-weight: normal; } /* copy bottom of form */ body#publish #main dd p, body#publish #sidebar dd p, body#publish #main p { font-weight: normal; font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1em; } /* width and height fields */ body#publish #submain dl#width_height dd { margin-bottom: 0.6em; } /* width and height fields */ body#publish #submain dl#width_height { margin-bottom: 1.6em; } body#publish #main dl.api_fields dd.api_description { padding-left: 2.2em; line-height: 15px; margin-top: 0.2em; font-size: 1.1em; } body#publish #main dl.api_fields dd.api_heading label { color: #990000; font-size: 1.3em; font-weight: normal;} body#publish #main dl.api_fields dd input.check_box { float: none; margin-right: 0.2em;} body#publish #main dl.api_fields dd.api_heading { clear: right; } body#publish #currently_uploaded_game_icon_control_block img { float: none; clear: both; } body#publish #main form dl#payment_info dd { margin-bottom: 1.6em; } body#publish #main #api_form h2 { margin-top: 0px; } body#publish #main #api_form p { font-size: 1.2em; } body#publish #main dt#agree input, body#publish #main dd#creator input { float: none; } body#publish #main dd#send_bug_reports input, body#publish #submain dd#upload_external_files input, body#publish #main dd#game_exclusive input { float: none; } body#publish #main /* agreement checkbox */ body#publish #main dt#agree { margin-top: 1em;} /* creator checkbox */ body#publish #main dt#creator { margin-bottom: 1.4em;} /* checkboxes */ body#publish #main dt#send_bug_reports, body#publish #submain dt#upload_external_files { margin-bottom: 1em;} /* agreement copy */ body#publish #main dd textarea#publish_terms { font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1em; } /* submit button */ body#publish #main dd#publish_submit { text-align: right; clear: right;} body#publish #publish_submit input { float: none; padding: 3px 9px; font: 1em 'Lucida Grande', Verdana, sans-serif; } body#publish #publish_submit_new input { float: none; padding: 3px 9px; font: 1.2em 'Lucida Grande', Verdana, sans-serif; margin-bottom: 20px; } /* body#publish #publish_submit_new input { float: none; padding: 3px 9px; font: 1.2em 'Lucida Grande', Verdana, sans-serif; margin-top: 20px; } */ body#publish #main dd#use_shell input { float: none; } body#publish #sidebar .notes, body#plugs #sidebar .notes { background-color: #f2f2f2; padding: 9px 18px; border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; } body#publish #sidebar .notes h2, body#plugs #sidebar .notes h2 { color: #990000; margin-bottom: 0.5em; font-size: 1.5em;} body#publish #sidebar .notes ul { font: 1.2em 'Lucida Grande', Verdana, sans-serif; list-style: none; margin: 0; padding-left: 0.6em; text-indent: -0.8em; } body#publish #sidebar .notes ul li { margin-bottom: 0.6em; } body#publish #sidebar .notes ul li:before { content: "\00BB \0020"; } body#publish #submain { width: 420px; } body#publish #submain #upload_game h2, body#publish #main #api_form h2, body#publish #sidebar #total_adrev h2 { font-size: 14px; letter-spacing: 1px; padding: 5px 0 5px 13px; background-color: #f3f3f3; } body#publish #submain #upload_game dl#upload_form { margin: 13px 0 32px 13px; font-size: 12px; font-family: 'Lucida Grande', Verdana, sans-serif; } body#publish #main #api_form dl.api_fields { margin: 0px 0 20px 13px; } body#publish #main #api_form p { margin-left: 13px; } body#publish #main #api_form h3 { margin: 0px; color: #990000; font-size: 12px } body#publish #sidebar #total_adrev dl#adrev_summary dt { font-size: 12px; padding: 5px 0 5px 13px; background-color: #f8f8f8; font-family: 'Lucida Grande', Verdana, sans-serif; } body.generic #main table#statistics tr.headings { border: 5px solid #fff; font-size: 11px; background-color: #333333; font-family: 'Lucida Grande', Verdana, sans-serif; color: #fff; height: 25px; } body.generic #main table#statistics td.first { padding-left: 8px } body.generic #main table#statistics tr.headings td.stat_cat1 { width: 185px; } body.generic #main table#statistics tr.headings td.stat_cat2 { width: 58px; } body.generic #main table#statistics tr.headings td.stat_cat3 { width: 90px; } body.generic #main table#statistics tr.headings td.stat_cat4 { width: 87px; } body.generic #main #statistics form { margin: 0px; width: 100%; } body.generic #main #statistics textarea, body.generic #main #statistics input { margin: 0px; } body.generic #main table#statistics tr.stats_edit_single, body.generic #main table#statistics tr.stats_edit_add, body.generic #main table#statistics tr.stats_edit { font-size: 11px; background-color: #f3f3f3; font-family: 'Lucida Grande', Verdana, sans-serif; } body.generic #main table#statistics tr.stats_edit_single, body.generic #main table#statistics tr.stats_edit_add { height: 25px; } body.generic #main table#statistics tr.stats_edit dt { margin-top: 7px; } body.generic #main table#statistics label.radio_button_label { margin: 0px 1em 0px 0.75em; } body.generic #main table#statistics dd input#statistic_name { width: 150px; } body.generic #main table#statistics dd input { float: none; width: 14px; } body.generic #main table#statistics td { border-bottom: 3px solid #fff } body.generic #main table#statistics td a { text-decoration: underline; } body.generic #main table#statistics td a.edit { border-right: 1px solid #600; padding-right: 0.3em; } body.generic #main table#statistics dd label { font: 11px 'Lucida Grande', Verdana, sans-serif; font-weight: bold; } body.generic #main table#statistics em { font-size: 11px; color: #888;} body.generic table#statistics dl#statistics_field dd { margin: 0px; } body.generic table#statistics dl#statistics_field dd dl { margin: 12px 4px 12px 0px; } body.generic #main table#statistics input { font-size: 11px; } body#publish #sidebar #payment_apis { margin: -12px 0 16px 0; } body#publish #sidebar dl.payment_api_info { background-color: #222; margin-top: 2em; font: 1.2em 'Lucida Grande', Verdana, sans-serif; padding: 8px 12px 8px 12px; } body#publish #sidebar dl.payment_api_info dt { color: #FFF; font-weight: normal; font-size: 14px; } body#publish #sidebar dl.payment_api_info dt .total_adrev { color: #f7ce2b; font-size: 14px; } body#publish #sidebar p#instructions { font: 1.2em 'Lucida Grande', Verdana, sans-serif; } #feature .statistics h2 { margin-top: 0px; } #feature label.check_box_label { margin-left: 0.75em; } #feature label.radio_button_label { margin-left: 0.75em; } #feature .error_block { color: #900; } #feature .form_control_block { margin-top: 2em; } #publish #feature #game_title_block { margin-top: 0em; } #publish #feature #game_verify_creator_of_game_block { margin-top: 0.5em; } input.check_box { width: 1em; } /*------------------------------------------- Full Tabset -------------------------------------------*/ div#mode_select { display: inline; } .fulltabset table { font-size: 1.2em; width: 100%; border-collapse: collapse; margin: 0 0 1em; /*border-top: 1px solid #999;*/ } .fulltabset table a:link, .fulltabset table a:visited { color: #333; } .fulltabset table * { vertical-align: middle; } .fulltabset th { text-align: left; text-transform: lowercase; } ::root .fulltabset th { border-bottom: 1px solid #fff; } .fulltabset tr { border-bottom: 1px solid #ccc; padding: 0.4em 0; background-color: #fff; } .fulltabset tr td { background-color: #fff; } .fulltabset thead tr { border-bottom: none; } .fulltabset td { padding: 0.4em 0; } .fulltabset table a img { border: 1px solid #222; } .fulltabset tr.old, .fulltabset tr.old td { background-color: #efefef; } .fulltabset tr.my_score, .fulltabset tr.my_score td { background-color: #FFFFCC;} .fulltabset dt.current { border: 1px solid #999; border-bottom: 1px solid #fff; background-color: #fff; font-weight: bold; position: relative; z-index: 1000; } dl.fulltabset dt.active, dl.fulltabset dt.dormant { margin-bottom: -1px; float: left; font-weight: bold; font-size: 1em; color: #333; position: relative; border-bottom: 1px solid #fff; background-color: none; z-index: 1000; } dl.fulltabset dt.active a, dl.fulltabset dt.active a:link, dl.fulltabset dt.active a:visited, dl.fulltabset dt.dormant a, dl.fulltabset dt.dormant a:link, dl.fulltabset dt.dormant a:visited { float: left; display: block; margin: 0 0 0 4px; padding: 5px 10px 4px; font-weight: normal; color: #333; border-bottom: 1px solid #999; border-top: 1px solid #e0e0e0; text-decoration: underline; background-color: #e0e0e0; } dl.fulltabset dt.active a, dl.fulltabset dt.active a:link, dl.fulltabset dt.active a:visited { background: #fff; background-color: #fefefe; padding-bottom: 5px; font-weight: bold; text-decoration: none; border: 1px solid #9e9e9e; border-bottom: none; } dl.fulltabset dd.bucket { width: 855px; margin: 0; padding: 0; clear: left; float: left; border-top: 1px solid #9e9e9e; background-color: #fcfcfc; position: relative; top: -2px; } dl.anchors, dl.questions { font: normal 1.2em Verdana, sans-serif; margin: 0 0 1.5em; } .anchors dt { margin: 1em 0 0.5em; font-size: 110%; } .anchors dd { margin: 0 0 0.25em 0.75em; } #help #main h2 { font: 1.8em normal 'Lucida Grande', Verdana, sans-serif; color: #900; margin: 0 0 1em; } #main h2 { font: normal 1.5em 'Lucida Grande', Verdana, sans-serif; margin: 1em 0; } dl.questions { font: normal 1.1em/1.5 Verdana, sans-serif; } dl.questions dt { font-weight: bold; margin: 0 0 0.1em; } dl.questions dd { margin: 0 0 1em; } dl.questions .nested { margin-left: 15px; } /*------------------------------------------- Beta requests -------------------------------------------*/ body.game_beta #main, body.game_beta #secondary, body.game_beta #main ul.pagination li, body.game_beta #main form input, body.game_beta #main form label, body.game_beta #main form dd { font: 12px 'Lucida Grande' Verdana, Arial, sans-serif; } /* Beta request users */ body.game_beta #main #beta_user_requests { margin: 15px 0; } body.game_beta #main #beta_user_requests p { margin: 1px 0; } /* Beta Criterion */ body.game_beta #secondary #beta_criterion h2 { font: 1.4em 'Lucida Grande' Verdana, Arial, sans-serif; } body.game_beta #secondary #beta_criterion form h3 { font: bold 1.1em 'Lucida Grande' Verdana, Arial, sans-serif; margin-bottom: 15px; } body.game_beta #secondary #beta_criterion form label.check_box_label { margin-left: 5px; }