/*----- Start "Main definitions" -----*/ * { padding: 0; margin: 0; outline: 0; } body {font-size: 13px; line-height: 1.5; font-family: Arial, "Trebuchet MS", sans-serif; color: #333; background: #fff; text-align: left;} a img { border: 0; } a { color: black; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } .meta h3,.meta h3 a{font-size:12px;color:black;font-weight:bold;text-decoration:none;margin:5px 0px 2px;line-height:13px;width: 100%;} h4{line-height:12px;font-size:10px;margin:1px 0 0;text-decoration:none;} h4 a{color:black;text-decoration:none;} h4 strong{font-weight:normal;color:#239492;} .meta{text-align:center; float: left; width: 100%;} .left { float: left; display: inline; } .right { float: right; display: inline; } .cl { font-size: 1px; line-height: 0; height: 0; clear: both; } h3, h4 {font-size: 16px; font-weight: bold; line-height: 19px; margin-bottom: 5px; color: black;} .account_hidden { display: none !important; } /*----- End "Main definitions" -----*/ /* Different Types of pages Home Page = Advertisers Page = Developers Page = Publishers Page = */ .notmore{background-color: #ccc;} .shell { width: 960px; margin: 0 auto; position: relative; } .hide { display: none; } /*----- Start "Top Part (Main Navigation, Logo & Sound Button)" -----*/ #top {display: block; height: 55px; background: url(images/headbg_nav2011.png) repeat-x transparent 0 -5px;z-index: 10; margin-bottom: -8px;position: relative;} #top_head {float: left; width: 940px;} #userauth {float: right; color: white; height: 30px; padding-top: 8px; font-size: .89em;} h1#logo a {float: left; background: url(images/logo.gif) no-repeat 0 center; text-indent: -99em; display: block; overflow: hidden; height: 45px; width: 158px;} #sound-link { float: left; display: inline; margin-top: 16px; width: 23px; height: 23px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/sound-ico.gif) no-repeat 0 0; cursor: pointer; } #pronunciation {display: none; position: absolute; z-index: 400; top: 40px; left: 158px; width: 127px; height: 58px; background: url(images/pronounce.png) no-repeat;} #pronunciation span {display: none;} #userauth a { color: #7CD6F0; text-decoration: none; } #userauth #authno { background: url(images/noauth.png) no-repeat left 2px; padding-left: 20px; margin-top:10px; } #userauth #authno.hov{ background-position:left -17px;} #userauth a:hover { color: white; text-decoration: underline; } #userauth .divider { background: url(images/divider.png) no-repeat; display:block; height:6px; width:162px; cursor:default; } #userauth .expand > ul { display: none; } #userauth .expand.hover > ul { display: block; } #userauth li > a { color: white; width: 90%; float: left; padding: 0 5px; border-radius:7px; } #userauth li:hover > a { background-color: #4D4D4D; text-decoration: none; } #userauth li.expand { background: url(images/liarrow.png) no-repeat right 9px; } #userauth ul { position: absolute; padding: 0 0 26px 0; background: url(images/dropbtm.png) no-repeat center bottom; } #userauth div.expand > ul { top: 23px; right: -10px; } #userauth ul span.ulbg { float:left; padding: 20px 20px 0 20px; background: url(images/nav2011_sprite.png) no-repeat -30px -170px; width: 180px; } #dashboard { position: relative; float: left; cursor: pointer; } #dashboard span.pull { float: left; background: url(images/dashbars.png) no-repeat left 5px; line-height: 2em; padding: 7px 0 0 27px; } #dashboard span.pull:hover { background-position: left -23px; } #dashboard ul li.expand{background-position: 177px 9px;} #authbar { position: relative; float: left; margin-left: 20px; background: url(images/authclose.png) no-repeat right center; padding: 0 10px 0 0; cursor: pointer; } #authbar span.pull { float: left; background: url(images/nav2011_sprite.png) no-repeat -265px -194px; padding: 5px 0 5px 10px; line-height: 2em; } #authbar #dwnarrow { float: left; padding-right: 13px;background: url(images/namedwnarrow.png) no-repeat right center; } #dwnarrow em { color: #7CD6F0; } .dwnarrow{padding-right: 13px; background: url(images/namedwnarrow.png) no-repeat right 15px;} #authbar #smile { float: left; background: url(images/authpic.png) no-repeat left top;padding-left:25px; } #authbar #smile:hover { background-position: left -28px; } #userauth .dropRight { top: -18px; left: 178px; } #userauth .dropLeft{ top: -18px; right: 178px; } #dashboard ul li { position: relative; float: left; clear: left; width: 100%; padding: 5px 20px 0 5px; } #authbar ul li { position: relative; float: right; clear: left; width: 100%; padding: 5px 0 0 10px; } #authbar .logOutX { display: inline-block; height: 13px; width: 13px; background: url(images/logbtn.png) no-repeat right 1px; margin-bottom: -2px; } #messages {float: left; width: 30px; height: 24px;display: block; position: relative; background: url(images/nav2011_sprite.png) no-repeat -570px -25px; margin-left: 20px;} #messages span{position: absolute; color: black;top: 0px; right: 0px; font-weight: bold; width: 14px; text-align: center;} #messages a {float: left; height: 100%; width: 100%;} #messages a:hover {text-decoration: none; color:white;} /*------ End "Top Part (Main Navigation, Logo & Sound Button)" ------*/ /*----- Start "Utility Navigation" -----*/ #top_sub {z-index: 1;width: 960px; height: 65px;padding-right: 17px; float: left; margin: -60px 0 0 0;} #nav ul li{float: left;} #nav ul.main {float: right; width: 555px; margin-right: 47px;} #nav ul.utility {float: right; width: 146px;padding-top: 10px;} #nav ul li a {display: block; overflow: hidden;text-indent: -999em; background: url(images/nav2011_sprite.png); background-repeat: no-repeat;background-position: 0 0; color: white;} #nav ul.main li a {width: 110px; height: 60px;} #nav ul.utility li a {width: 34px; height: 40px;} li#nav-developers a{background-position: -18px -97px !important; width: 112px !important;} li#nav-advertisers a{background-position: -150px -97px !important;} li#nav-publishers a{background-position: -281px -97px !important;} li#nav-games a{background-position: -412px -97px !important;} li#nav-community a{background-position: -543px -97px !important; width: 113px !important;} li#fbook a{background-position: -287px -22px !important;} li#twitter a{background-position: -360px -22px !important;} li#blog a{background-position: -433px -22px !important;} li#support a{background-position: -506px -22px !important; margin-left: 10px;} /*------ End "Utility Navigation" ------*/ /* global rounded corner spans */ span.top-left {width:10px;height:10px;position:absolute;top:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:0 -100px;} span.top-right {width:10px;height:10px;position:absolute;top:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-90px -100px;} span.bottom-left {width:10px;height:10px;position:absolute;bottom:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:0 -190px;} span.bottom-right {width:10px;height:10px;position:absolute;bottom:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-90px -190px;} span.top-leftcol {width:10px;height:10px;position:absolute;top:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-100px 0;} span.top-rightcol {width:10px;height:10px;position:absolute;top:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-190px 0;} span.bottom-leftcol {width:10px;height:10px;position:absolute;bottom:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-100px -190px;} span.bottom-rightcol {width:10px;height:10px;position:absolute;bottom:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-190px -190px;} #content-head h2.achieve-more {width: 693px; height: 183px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/achievement_advert.png) no-repeat 0 0;margin:-20px 0 15px 0;} #headtoptxt{padding-top:15px;} #vidcontainer {height: 400px;width: 640px;display:block; padding-top:4px;} #objVeeplePlayer {padding:4px 4px;} iframe{border-radius:10px;} #Login {display:block; width:100px; height:18px; margin:5px auto 0 auto;} #videos-head h2.vids {background:transparent url(images/videoshead.gif) no-repeat scroll 0 0;font-size:1px;height:25px;line-height:0;margin: 20px 60px 0 50px;text-indent:-4000px;border-bottom: 5px solid #fc6a06;} #vidall {float: left; width: 100%; margin-top: 20px;} #vidthumbs .vidcont {float: left;width: 250px;margin-right: 70px;} #vidthumbs .vidcontb {float: left;width: 250px;} #vidthumbs p.desc {float: left; padding-top: 7px;} #vidthumbs{float: left; width: 100%;margin-top: 20px;} #vidthumbs .thickbox{float: left;border-style: solid;border-width: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #vidcenter {margin-left: 55px; float: left;} /*----- Start "Header" -----*/ #header, #header .shell { background-color: #fff; background-repeat: repeat-x; background-position: center 0;} #header .shell { padding-top: 40px;} #header .cnt { position: relative; margin-left: 226px; margin-right: 190px; } #header .cnt h2 { font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 40px; white-space: nowrap; } #header .cnt h2.oneline { padding: 13px 0 0 100px; } #header.noHead,#header.noHead div.shell {background-image: none !important; padding: 0;} .twoline { margin: -10px 0 0 30px; } #header .cnt .right { width: 140px; } #header .cnt .right a.simple-link { font-weight: bold; color: #fff; text-decoration: underline; background: url(images/white-arrow.gif) no-repeat right 5px; padding-right: 10px; } #header .cnt .right a.simple-link:hover { text-decoration: none; } #header h1 { margin-top: 15px; color: white; font-size: 1.7em; font-weight: normal;} .adv-page #header, .adv-page #header .shell { background-image: url(images/adv-page-header.jpg); } .adv-page #header .shell { height: 74px; } .dev-page #header, .dev-page #header .shell { background-image: url(images/dev-page-header.jpg); } .dev-page #header .shell { height: 74px; } .pub-page #header, .pub-page #header .shell { background-image: url(images/pub-page-header.jpg); } .pub-page #header .shell { height: 74px; } .home-page #header, .home-page #header .shell { background-image: url(images/head_bg_nohills.jpg);} .general-page #header, .general-page #header .shell { background-image: url(images/gen-page-header.jpg); } .general-page #header { height: 106px; } .general-page #header .shell { height: 74px; } .general-page .promo-ad {margin:-25px auto 30px;width:630px;height:163px;} .cata #header { background: url(../../static/feeds/images/landscape_bg.jpg) bottom right no-repeat; border-bottom:1px solid #DEDEDE;} .cata #header .shell { background: none; } .cata #header .shell h1{color:black;} /*------ End "Header" ------*/ /*----- Start "Content Main Positions" -----*/ #main { margin-top: 20px;} #sidebar { width: 148px; float: left; display: inline; } #content { width: 690px; float: right; display: inline; background: url(images/content-line.gif) repeat-y 0 0; padding-left: 40px; padding-right: 8px; } #content p em {font-style:italic;font-weight:bold;} #content .row ul li {margin:0 0 0 15px;} #content .row ul {margin:5px;} /*------ End "Content Main Positions" ------*/ /*----- Start "Sub Navigation" -----*/ .subnav { position: relative; width: 100%; } .subnav .character { display: block; font-size: 1px; line-height: 0; text-indent: -4000px; position: absolute; z-index: 10; } .subnav .character-1 { width: 183px; height: 126px; background: url(images/character-1.png) no-repeat 0 0; top: -114px; left: 0px; } .subnav .character-2 { width: 156px; height: 115px; background: url(images/character-2.png) no-repeat 0 0; top: -115px; left: -2px; } .subnav .character-3 { width: 157px; height: 133px; background: url(images/character-3.png) no-repeat 0 0; top: -133px; left: 5px; } .subnav ul { border-top: solid 1px #bcbcbc; margin-bottom: 20px; position: relative; z-index: 9; } .subnav ul li { list-style-type: none; font-size: 14px; padding: 5px 0 5px 3px; border-bottom: solid 1px #bcbcbc; position: relative; height: 100%; } .subnav ul li a { text-decoration: none; padding-right: 11px; } .subnav ul li a:hover { text-decoration: none; background: url(images/red-arrow.gif) no-repeat right 5px; } .subnav ul li.active { background: #888888 url(images/white-arrow.gif) no-repeat 10px center; padding-left: 22px; color: #fff; } .subnav ul li.active a { color: #fff; } .subnav ul li.active a:hover { background: none !important;} .dev-page .subnav ul li a:hover { background-image: url(images/orange-arrow.gif); } .adv-page .subnav ul li a:hover { background-image: url(images/purple-arrow.gif); } .pub-page .subnav ul li a:hover { background-image: url(images/green-arrow.gif); } /*------ End "Sub Navigation" ------*/ /*------ SEARCH BAR ------*/ #side { width: 239px; float: right; margin: 0 40px 0 0; display: inline; position: relative; background-color: transparent;} #side h2 { background: none; padding-left: 20px; } #side #games_search h3.sidebar_header, #side #games_featured h3.sidebar_header {position: relative; text-transform: normal; font-weight: normal; font-size: 1em; line-height: 14px; background-color: black; color: white; padding: 5px 5px; border-radius: 5px; -moz-border-radius: 5px; text-align: center; } #side form { position: relative;} #games_searchfield {height: 20px; width: 121px; color: #B2B2B2; margin: 0 26px 0 0; border-radius: 5px; -moz-border-radius: 5px; text-align: center; font: 1.1em "Trade Gothic LT Std Bold", Arial; border: 0;} #rating_filter {margin-right: 23px;} #searcharea { position: relative; background-color: black; padding: 3px 1px 3px 3px; float: right; margin: -5px 45px 15px 0;} #games_search_submit {position: absolute; top:0px; right: 2px;} #side #games_featured h3 { margin-bottom: 18px !important; } #side #games_featured ul { margin: 0 0px 10px 0px; clear: both;list-style-type: none; padding: 0 43px;} #side #games_featured li { position: relative; margin: 4px 0; clear: both;} .br { margin: 9px 0; border-top: 1px dashed #8BE4E0;} #side #games_featured li a { text-decoration: none; font-weight: normal; font-size: 1em; display: block; background-color: #72C7C5; text-align: center; padding: 0px 0px; color: white;} #side #games_featured li a:hover { background-color: #8ef3dd; color: black;} #side #games_featured li a:active { background-color: black; color: white;} .navborder {position: relative; background-color: #8BE4E0; padding: 5px 5px;} /*------ End "SEARCH BAR" ------*/ /*------ PAGINATION ------*/ .pagination { margin-left: 20px; margin-top: 20px; } .pagination ul { list-style-type: none; } .pagination ul li { display: block; float: left; line-height: 24px; } .pagination ul li.inactive { border: none; } .pagination ul li.inactive, .pagination ul li.active { padding: 0 5px;} .pagination ul li.inactive a { font-weight: normal; text-decoration: none; font-size: 11px; color: #414244; } .pagination ul li.inactive a:hover, .pagination ul li.active a:hover { color: #55C6DA; } .pagination ul li.active a { font-weight: normal; text-decoration: none; border: 1px solid #aaa; border-top-color: #ccc; border-left-color: #ccc; background: #fbecd6; padding: 1px 4px; font-weight: bold; } .pagination ul li.previous, .pagination ul li.next { width: 50px; height: 25px; font-size: 11px; border: none; } .pagination ul li.previous a, .pagination ul li.next a { display: block; height: 25px; text-decoration: none; font-weight: normal; line-height: 23px; } .pagination ul li.previous { margin-right: 10px; text-indent: 17px; background: url(images/b_paginator_prev.gif) 0 1px no-repeat; } .pagination ul li.next { margin: 0 10px 0 10px; text-indent: 5px; background: url(images/b_paginator_next.gif) 0 1px no-repeat; } /*------ End PAGINATION ------*/ /*------ TOP BAR ------*/ ul, ol { line-height: 1.5em; margin: 0; padding: 0; list-style: none;} #games #games_nav {position: relative; background: url(images/bg_dashes.gif) bottom left repeat-x;} #games #games_nav #viewing { font-size: 11px; color: #5d5d60; font-weight: normal; } #games #games_nav #viewing li { margin: 0; } #games #games_nav #viewing strong { color: #5d5d60; font-weight: bold; } #catalog_filter label { display: block; width: 100px;clear: both; float: left; text-align: right; color: #54545b; font-weight: bold; } #games #games_nav #subscriptions { position: absolute; bottom: 0; right: 0; font-size: 11px; line-height: 30px; color: #5d5d60; font-weight: normal; } #games #games_nav #subscriptions #subscribe { padding-right: 44px; margin-right: 5px; color: #5d5d60; font-weight: normal; text-decoration: none; background: url(images/b_xml.gif) right top no-repeat; } #games #games_nav h3#subscriptions a.json { text-decoration: none; padding-right: 34px; text-indent: -9999em; overflow: visible; background: url(images/b_json.gif); } #modal .b { background:url(/static/web/images/b.png); } #modal .tl { background:url(/static/web/images/tl.png); } #modal .tr { background:url(/static/web/images/tr.png); } #modal .bl { background:url(/static/web/images/bl.png); } #modal .br { background:url(/static/web/images/br.png); } #modal { position: absolute; width: 100%; top: 150px; left: 0; z-index: 100; text-align: left; } #modal .popup { position: relative; } #modal table { margin: auto; border-collapse: collapse; } #modal .body { padding: 10px; background: #fff; width: 370px;} #modal .loading { text-align: center; } #modal .image { text-align: center; } #modal img { border: 0; } #modal .tl, #modal .tr, #modal .bl, #modal .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #modal .popup table .content { position: relative; } #modal .popup h2 { border-bottom: 2px solid #ddd; margin: 0 -10px 10px -10px; padding-left: 10px; padding-bottom: 5px; } #modal .footer { border-top: 1px solid #DDDDDD; margin: 20px 0 0 0; padding: 10px 0 0; height: 30px; } #modal .popup .buttons { float: right; background: none; padding: 0; margin: 0 !important;} #modal .popup .buttons .b_cancel { float: left; margin: 0 10px 0 0; } .b_cancel { display: block; width: 84px; height: 26px; background: url(images/b_cancel.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden; } input.b-save { display: block; border: none !important; padding: 50px 0 0 0; margin: 0; cursor: pointer; } .b-save { display: block; width: 59px; height: 26px; background: transparent url("images/b_save.gif") no-repeat center top; border: none; } #catalog_filter{float: right;} .lithumb {float: left;width: 100%; height: 100%; position: relative;} /*------ End TOP BAR ------*/ #games h1 {float: left; font-size: 1.7em; font-weight: normal;} .features {background:url("images/pill_left.png") no-repeat scroll left top transparent; height:27px; padding: 0 5px 0 8px; position: absolute; left:2px; bottom: 0px;} .features > div {background:url("images/pill_right.png") no-repeat scroll right top transparent; height: 27px; padding-right: 8px; float: left;} .features span {display:block; height:24px; width:24px; float:left;} .features .lb_enabled {background:url("images/feature_icons.png") repeat scroll 24px 0 white; width: 20px;} .features .poi_enabled {background:url("images/feature_icons.png") repeat scroll 0 0 white; width: 20px;} .features .achieve_enabled {background:url("images/feature_icons2.png") no-repeat scroll 2px 0 white; width: 20px;} .features .premium {background:url("images/feature_icons.png") repeat scroll 48px 0 white; width: 20px;} /*----- Start "Content Head" -----*/ #content-head { padding-top: 5px; font-size: 14px; line-height: 21px; color: #262626; } #content-head .title { float: left; display: inline; width: 325px; } #content-head .title h2 { font-size: 38px; font-weight: bold; color: #262626; line-height: 39px; text-transform: uppercase; } #content-head h2.more-money {width: 690px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-49.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.beam-message {width: 690px; height: 124px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-15.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.beam-message2 {width: 690px; height: 158px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-73.jpg) no-repeat 0 0;margin:-25px 0 0 0;} #content-head h2.entertain {width: 690px; height: 122px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-51.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.more-plays {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-61.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.universal-login {width: 693px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/head_universal.jpg) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.mochi-social {width: 670px; height: 134px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/head_mochi_social.png) no-repeat 0 0;margin:-25px 0 15px 0;} .mandarin #content-head h2.mochi-social {width: 670px; height: 134px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/head_mochi_social-mandarin.png) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.earn-more {width: 693px; height: 158px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/earnmore.jpg) no-repeat 0 0;margin:-25px 0 15px 0;} .mandarin #content-head h2.earn-more {width: 693px; height: 158px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/earnmore-mandarin.jpg) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.more-plays {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-61.gif) no-repeat 0 0;margin:-25px 0 15px 0;} .mandarin #content-head h2.more-plays {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-61-mandarin.gif) no-repeat 0 0;margin:-25px 0 15px 0;} #content-head h2.build-it {background:transparent url(images/txt-title-28.gif) no-repeat scroll 0 0;font-size:1px;height:164px;line-height:0;margin:-27px 0 15px;text-indent:-4000px;width:690px;} .mandarin #content-head h2.build-it {background:transparent url(images/txt-title-28-mandarin.gif) no-repeat scroll 0 0;font-size:1px;height:166px;line-height:0;margin:-27px 0 15px;text-indent:-4000px;width:690px;} #content-head h2.your-players {width: 690px; height: 130px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-62.gif) no-repeat 0 0;margin:-9px 0 15px 0;} #content-head .content { float: right; display: inline; width: 330px; } #content-head .content.full { float: right; display: inline; width: 690px;margin:0 0 15px 0; } #content-head .content p { padding-bottom: 15px; } #content-head .content p.intro {padding:0;font-size:17px;width:530px;float:left;} #content-head .content p.intro em {font-style:italic;font-weight:bold;} /*------ End "Content Head" ------*/ /*----- Start "Footer" -----*/ #footer { padding: 50px 0 50px; } #footer ul { float: left; display: inline; width: 150px; margin-right: 41px; border-top: solid 1px #bcbcbc; font-size: 12px; line-height: 18px; } #footer ul.last { margin-right: 0 !important; } #footer ul li { border-bottom: solid 1px #bcbcbc; padding: 5px 0; list-style-type: none; list-style-position: outside; } #footer ul li a { text-decoration: none; padding-right: 11px; width:141px;} #footer ul li a:hover { background-image: url(images/red-arrow.gif); background-repeat: no-repeat; background-position: right 4px; } #footer ul li h3 { font-size: 1.4em; line-height: 18px; text-transform: uppercase; margin-bottom: 0; } #footer ul li h3 a { color: #262626; } #footer ul li h3 a:hover { color: #e21b1b; } #footer ul li.post .date { font-size: 10px; color: #646464; text-transform: uppercase; } #footer ul li.post .title { color: #262626; font-weight: bold; font-style: italic; } #footer ul li.post .title a { color: #262626; } #footer ul li.post .title a:hover { background: none; } #footer ul li.post .more a { font-size: 11px; text-decoration: underline; } #footer .copy { border-bottom: none; font-size: 10px; line-height: 15px; color: #999999; float:left; height:15px;padding:15px 0px 0px 30px;margin:5px 0px 0px;background:url('images/mochi-made.png') no-repeat 0 0;} #footer .copy a { color: #6d6d6d; font-size: 10px; } #footer .copy a:hover { background: none !important; padding-right: none; } #footer .china, #footer .unitedstates { border-bottom: none; font-size: 10px; line-height: 15px; color: #999999; margin-top: 15px;float:right;} #footer .china, #footer .unitedstates a { color: #6d6d6d; font-size: 10px; } #footer .china, #footer .unitedstates a:hover { background: none !important; padding-right: none; margin:20px 0px 0px; } #footer .china a.flag { width:16px;height:11px;display:block;text-indent:-5000px;background:url(images/cn.png) top left no-repeat;float:left;margin:3px 4px 0 0; } #footer .china a.flag:hover { width:16px;height:11px;display:block;text-indent:-5000px;background:url(images/cn.png) top left no-repeat !important; float:left; } #footer .unitedstates a.flag { width:16px;height:11px;display:block;text-indent:-5000px;background:url(images/us.png) top left no-repeat;float:left;margin:3px 4px 0 0; } #footer .unitedstates a.flag:hover { width:16px;height:11px;display:block;text-indent:-5000px;background:url(images/us.png) top left no-repeat !important; float:left; } .home-page #footer ul { width: 153px; margin-right: 23px; } .home-page #footer { width: 870px; padding-top: 5px; } .general-page #footer ul { width: 153px; margin-right: 38px; } .general-page #footer { padding-top: 25px; } .general-page #footer .last { margin-right: 0 !important; } .adv-page #footer ul li a:hover { background-image: url(images/purple-arrow.gif); } .adv-page #footer ul li h3 a:hover { color: #792ee5; } .dev-page #footer ul li a:hover { background-image: url(images/orange-arrow.gif); } .dev-page #footer ul li h3 a:hover { color: #fc6a06; } .pub-page #footer ul li a:hover { background-image: url(images/green-arrow.gif); } .pub-page #footer ul li h3 a:hover { color: #75ae07; } /*------ End "Footer" ------*/ /*----- Start "Home Page Only" -----*/ #main-character { z-index:900;display: block; width: 350px; height: 300px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/main-character3.png) no-repeat 0 87px; float: left;} #home-page-text { float: right; display: inline; width: 410px; height: 246px; color: #fff; margin: 0 51px 0 0;background:transparent; position:relative; z-index:2;} #home-page-text #pager {text-align:right;text-indent:-4000px;z-index:999;position:relative;} #home-page-text #pager a {margin:10px 3px 0 0;font-size:11px;font-weight:bold;width:20px;height:20px;background:white;padding:2px 5px;color:#000;text-decoration:none;-moz-border-radius: 20px;border-radius: 20px;} #home-page-text #pager .activeSlide {color:#fff;background:#ee3a2a;} #home-page-text .rotator {background:transparent;} #home-page-text .rotator div {display:none;background:transparent !important;} #home-page-text .rotator div p a {background:#ff3e4d;color:#fff;text-decoration:none;padding: 1px 3px; } #home-page-text .rotator div p strong {font-size:15px;font-style:italic;} #home-page-text .rotator div a.img { display: block; width: 410px; height: 246px;} /* props open the a to full size */ /* Slides */ /* Slide 1 */ #home-page-text .rotator div .slide1 {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-53.gif) no-repeat 0 0;margin:0 0 10px 0;} /* Slide 2 */ #home-page-text .rotator div .slide2 {width: 410px; height: 190px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/gamefund-rotator1.png) no-repeat 0 0;margin:0 0 10px 0;} /* Slide 3 */ #home-page-text .rotator div .slide3{width: 410px; height: 190px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/hiring.png) no-repeat 0 0;margin:0 0 10px 0;} /* Slide 4 */ #home-page-text .rotator div .slide4 {width: 410px; height: 207px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/mochicoins.png) no-repeat center top;margin:0 0 10px 0;} /* Slide 5 */ #home-page-text .rotator div .slide5{width: 410px; height: 195px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/social-api.png) no-repeat center top;margin:0 0 10px 0;} /* Slide 6 */ #home-page-text .rotator div .slide6 {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/mochiadvertisingrotator.png) no-repeat 0 0;margin:0 0 10px 0;} /* Slide 7 */ #home-page-text .rotator div .slide7{width: 410px; height: 193px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/achievements-api.png) no-repeat center top;margin:0 0 5px 0;} /* Slide FGS */ #home-page-text .rotator div .slideFGS2011{width: 425px; height: 200px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/fgs2011.png) no-repeat center top;margin:0 0 5px 0;} /* Slide GamesCata */ #home-page-text .rotator div .slideGamesCata{width: 425px; height: 200px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/gamescata.png) no-repeat center top;margin:0 0 5px 0;} /* Slide - */ #home-page-text .rotator div .slide-{width: 410px; height: 190px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/rotator-banner/translate-game.png) no-repeat center top;margin:0 0 10px 0;} #callouts { width: 960px; background: url(images/callouts4.png) bottom left no-repeat; position: relative; margin-left: -10px; padding: 7px 10px 10px 0; } #callouts ul li { float: left; display: inline; width: 170px; padding: 4px 32px 0; background: url(images/callouts-col.gif) repeat-y right 0; } #callouts ul li.last { background: none; padding-right: 0; } #callouts ul li h3 { font-size: 20px; text-transform: uppercase; padding: 4px 0 5px 55px; margin-bottom: 0; } #callouts ul li h3.develop { background: url(images/ico-develop.gif) no-repeat 0 0; } #callouts ul li h3.advertise { background: url(images/ico-advertise.gif) no-repeat 0 0; } #callouts ul li h3.network { background: url(images/ico-network.gif) no-repeat 0 0; } #callouts ul li h3.play { background: url(images/ico-play.gif) no-repeat 0 0; } #callouts ul li p { font-size: 14px; line-height: 19px; height: 70px; padding-top: 5px; } #callouts ul li a.redlink { display: block; width: 144px; height: 35px; line-height: 32px; padding-left: 15px; margin-top:15px; white-space: nowrap; background: url(images/redlink2.gif) no-repeat 0 0; font-weight: bold; font-size: 14px; letter-spacing: -0.03em; color: #fff; text-decoration: none; } #callouts ul li a.redlink:hover { text-decoration: underline; } .home-wrap {position:relative; z-index:1; float: left;} #whats-new {margin:-50px 0 0 -10px;background: url(images/callouts5.png) top left no-repeat; width:965px; padding:60px 0 0 0; float:left;} #whats-new .content {float:left; margin: 0 0 10px 0; padding-right: 50px;} #whats-new .content p {font-size:16px;} #whats-new .sidenote {width:202px;float:right;height:104px;background: url(images/callouts-col.gif) repeat-y left 0;padding:0 25px 0 40px;} #whats-new .leaderboards-3 {background: url(images/leaderboard-graffic1.gif) top left no-repeat;padding:0 0 0 100px;min-height:92px;} #whats-new .leaderboards-3 h2 {background:url(images/txt-title-68.gif) top left no-repeat;text-indent:-5000px;width:555px;height:28px;margin:0 0 4px 0;} #whats-new .consumables {background: url(images/consumable-graffic1.gif) top left no-repeat;padding:0 0 0 105px;min-height:92px;margin:0 0 0 22px;} #whats-new .consumables h2 {background:url(images/txt-title-68.gif) top left no-repeat;text-indent:-5000px;width:555px;height:28px;margin:0 0 4px 0;} #whats-new .mochi-social {position:relative;min-height:92px;margin:0 0 0 32px;} #whats-new .mochi-social img {position:absolute;top:0;left:0;} #whats-new .mochi-social h2 {background:url(images/txt-title-79.png) top left no-repeat;text-indent:-5000px;width:439px;height:26px;margin:0;} #whats-new a.redlink { display: block; width: 144px; height: 35px; line-height: 32px; padding-left: 24px; margin-top:8px; white-space: nowrap; background: url(images/redlink2.gif) no-repeat 0 0; font-weight: bold; font-size: 14px; letter-spacing: -0.03em; color: #fff; text-decoration: none; } #whats-new a.redlink:hover { text-decoration: underline; } #whats-hot {width: 954px; height: 152px;background:url(images/whats-hot.png) top left no-repeat; position: relative;} #feed{display: block; height: 70%; text-decoration: none; padding: 30px 25px 0 240px;} #feed #posttitle { color: black; text-decoration: none; font: normal 18px "Trade Gothic LT Std Bold", Arial, sans-serif;} #feed #postcont { padding-top: 5px; color: black; font: 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;} #feed #more {position: absolute; right: 40px; bottom: 23px; padding: 5px 10px; text-decoration: none; color: white; background-color: #68CDEE; font-size: 13px; font-weight: bold;} #feed #more:hover{background-color: #46BCD8;} span.top-left {width:10px;height:10px;position:absolute;top:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:0 -100px;} span.top-right {width:10px;height:10px;position:absolute;top:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-90px -100px;} span.bottom-left {width:10px;height:10px;position:absolute;bottom:0;left:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:0 -190px;} span.bottom-right {width:10px;height:10px;position:absolute;bottom:0;right:0;display:block;z-index:10;background:url(images/UIRoundedImage2.png) no-repeat;background-position:-90px -190px;} /*------ End "Home Page Only" ------*/ /*----- Start "Advertising Page Only" -----*/ .adv-page a { color: #A922CE; } .adv-page #sidebar a { color: #000; } .adv-page .theme-heading { border-color: #a922ce; } .adv-page .theme-heading h3 { color: #000; } .adv-page .theme-heading .tabs li a { background: url(images/adv-heading-tabs.gif) no-repeat 0 0; } .adv-page .theme-heading .tabs li a:hover, .adv-page .theme-heading .tabs li a.active { color: #A922CE; } .adv-page table.pr-table tr td a img { border-color: #A922CE; } .adv-page .question-link span { background: url(images/purple-arrow.gif) no-repeat right center; } .adv-page .question-link { background: url(images/question-ico.gif) no-repeat 0 3px; } /*------ End "Advertising Page Only" ------*/ /*----- Start "Developers Page Only" -----*/ .dev-page a { color: #fc6a06; } .dev-page #sidebar a { color: #000; } .dev-page .theme-heading { border-color: #fc6a06; } .dev-page .theme-heading h3 { color: #fc6a06; } .dev-page a.arrowed-link { background: url(images/orange-arrow.gif) no-repeat right 4px; } .dev-page .question-link span { background: url(images/orange-arrow.gif) no-repeat right center; } .dev-page .question-link { background: url(images/question-ico-orange.gif) no-repeat 0 3px; } .dev-page .clock-link { background: url(images/clock-link.gif) no-repeat 0 3px; padding-left: 22px; text-decoration: underline; } .dev-page .clock-link:hover { text-decoration: none; } .dev-page .ad-formats li a img { border-color: #fc6a06; } /*------ End "Developers Page Only" ------*/ /*----- Start "Publishers Page Only" -----*/ .pub-page a { color: #76af07; } .pub-page #sidebar a { color: #000; } .pub-page .theme-heading { border-color: #82bf0c; } .pub-page .theme-heading h3 { color: #82bf0c; } .pub-page a.arrowed-link { background: url(images/green-arrow.gif) no-repeat right 4px; } .pub-page .question-link span { background: url(images/green-arrow.gif) no-repeat right center; } .pub-page .question-link { background: url(images/question-ico-green.gif) no-repeat 0 3px; } .pub-page .doc-link { background: url(images/doc-ico-green.gif) no-repeat 0 3px; } /*------ End "Publishers Page Only" ------*/ /*----- Start "Vancouver 2010 Page Only" -----*/ #vancouverMasthead{ background: url(images/vancouver2010/backtile_header.jpg) no-repeat left top; width: 690px; height: 120px; } #vancouverContent{ background: url(images/vancouver2010/backtile_content.jpg) no-repeat left top; width: 690px; height: 496px; font-variant: normal; } #vancouverLeft{ width: 502px; display: block; float: left; } #vancouverRight{ width: 186px; display: block; float: right; } #skiJumping{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/skiJumping.png) no-repeat left top; width: 485px; height: 418px; margin: 6px 0 0 17px; } #skiJumping a{ display: block; width: 485px; height: 418px; } #zipLink{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/btn_downloadZip.png) no-repeat left top; width: 151px; height: 61px; margin: 302px 0 0 17px; } #zipLink a{ display: block; width: 151px; height: 61px; } p.segaLink{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/logo_sega.png) no-repeat left top; width: 82px; height: 40px; margin: 79px 0 0 46px; } p.segaLink a{ display: block; width: 82px; height: 40px; } p.ratedE{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/logo_Eeveryone.gif) no-repeat left top; width: 39px; height: 58px; margin: 65px 0 0 18px; } #vancouverMasthead h2{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/head_main.png) no-repeat left top; width: 214px; height: 43px; margin: 42px 0 0 24px; } #vancouverHeadline h3{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/head_playGame.gif) no-repeat left top; width: 690px; height: 43px; margin: 0; } #vancouverMasthead h4{ display: block; float: left; text-indent: -9000px; background: url(images/vancouver2010/logo_officialMiniGame.png) no-repeat left top; width: 155px; height: 95px; margin: 15px 0 0 283px; } #vancouverMasthead h4 a{ display: block; width: 155px; height: 95px; } /*----- End "Vancouver 2010 Page Only" -----*/ /* Response panels from form submits */ .error-panel, .success-panel, .warning-panel { border-bottom: 2px solid; border-top: 2px solid; margin: 1em 0; padding: 1em 20px 1em 55px; font-size: .9em; font-weight: bold; min-height: 23px; padding-left: 55px; background-position: 8px 8px; background-repeat: no-repeat; } #side .warning-panel { padding-left: 20px; margin: 0 0 25px 0; } .error-panel h2, .success-panel h2, .warning-panel h2 { font-size: 1.5em; font-weight: bold; margin-bottom: .2em; margin-left: 0 !important; } .error-panel ul, .success-panel ul, .warning-panel ul { margin: 0; padding: 0; } .error-panel p, .success-panel p, .warning-panel p { margin: 0; padding: 0; margin-left: 0 !important; padding-left: 0 !important; } .error-panel ul li, .success-panel ul li, .message-panel ul li { background-image: none; padding: 0; margin-bottom: .2em; } .error-panel { background-image: url(images/g_warning_symbol2.gif); background-color: #fdedeb; color: #eb5441; border-color: #f4aea6; } .error-panel h2 { color: #DF2020; } .error-panel .message { display: block; color: #4B4545; } .success-panel { background-image: url(images/g_success_symbol2.gif); background-color: #f6fbea; color: #657565; border-color: #bcce99; } .success-panel h2 { color: #779022; } .success-panel .title { display: block; font-size: 1.2em; font-weight: bold; color: #49812a; margin-bottom: .2em; } .warning-panel { background-color: #fffacd; border-color: #dcd382; } .warning-panel p { color: #8e8532; } /*----- Start "Headings With Graphics" -----*/ .heading { border-bottom: solid 5px #262626; padding: 10px 0 5px; margin-bottom: 10px; height: 18px; } .heading h3 { line-height: 1; } .heading h3.replace { font-size: 18px; } .heading .tabs { float: right; display: inline; line-height: 37px; font-size: 13px; font-weight: bold; position: relative; margin: -9px 10px -10px 0; } .heading .tabs li { float: left; display: inline; list-style-type: none; } .heading .tabs li a { text-decoration: none; color: #fff; float: left; display: inline; width: 109px; text-align: center; } .heading .tabs li a:hover, .heading .tabs li a.active { background-position: 0 bottom !important; } .heading-type-1 { background: url(images/heading-type-1.gif) no-repeat 480px bottom; } .dev-page .heading-type-2 { background: url(images/heading-type-2.gif) no-repeat right bottom; } .dev-page .heading-type-3 { background: url(images/heading-type-3.gif) no-repeat right bottom;} .dev-page .heading-type-4 { background: url(images/heading-type-4.gif) no-repeat 179px bottom;} .adv-page .heading-type-5 { background: url(images/heading-type-1-purple.gif) no-repeat 132px bottom; } .adv-page .heading-type-6 { background: url(images/heading-type-6.gif) no-repeat 384px bottom; } .adv-page .heading-type-7 { background: url(images/heading-type-7.gif) no-repeat 152px bottom; padding-top: 17px; } .adv-page .heading-type-8 { background: url(images/heading-type-8.gif) no-repeat right bottom;height:25px; } .pub-page .heading-type-9 { background: url(images/heading-type-9.gif) no-repeat 156px bottom; } .pub-page .heading-type-10 { background: url(images/heading-type-10.gif) no-repeat 150px bottom; } /*------ End "Headings With Graphics" ------*/ /*----- Start "Slider (Only Used in Publications Pages)" -----*/ .slider { height: 114px; position: relative; margin-bottom: 30px; } .slider .buttons span { position: absolute; top: 0; display: block; width: 27px; height: 114px; font-size: 1px; line-height: 0; text-indent: -4000px; cursor: pointer; } .slider .buttons span.prev { left: 0; } .slider .buttons span.next { right: 0; } .slider .holder { width: 613px; position: relative; overflow: hidden; height: 114px; margin-left: 37px; } .slider .holder .content { position: absolute; top: 0; left: 0; width: 1000000px; height: 114px; margin-left: 7px;} .slider .holder .content .fragment { float: left; display: inline; margin-right: 25px; margin-top: 7px; position: relative;} .slider .holder .content .fragment a { text-decoration: none; } .slider .holder .content .fragment .overlay_caption { padding: 4px; margin:0; position: absolute; width: 92px; bottom: 0; left: 0; z-index: 100; color: #fff; line-height: 13px; background: url(/static/public/images/overlay_bg.png) 0 0 repeat } .pub-page .slider .buttons span.prev { background: url(images/button-prev.gif) no-repeat 0 0; } .pub-page .slider .buttons span.next { background: url(images/button-next.gif) no-repeat 0 0; } /*------ End "Slider (Only Used in Publications Pages)" ------*/ /*----- Start "TAKE OVER GRAPHIC" -----*/ #takeover a {text-decoration: none; height:100%; float:left; cursor:pointer;} #takeover{height:263px;width:935px;float:left; position:absolute; right:25px; top:25px;} #takeicon{height:207px;width:207px;float:left;background: url(images/takeicon.png) no-repeat 0 0; margin:20px 0 0 322px;} #taketitle{height:100px;width:406px;float:left;background: url(images/taketitle.png) no-repeat 0 0;margin: 25px 0 -10px -12px;} #taketitle h2{text-indent:-999em;} #taketxt{float:left; width:395px; color: black; font-weight: bolder; font-size: 1.4em; margin-bottom: 15px;} #takemore{height:30px;width:110px;float:left;background: url(images/takemore.png) no-repeat 0 0; text-align: center; font-weight: bold; color: white; font-size: 1.3em; background-color: #EB3525;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px; line-height: 30px;} /*----- End "TAKE OVER GRAPHIC" -----*/ /*----- Start "Uncategorized Style" -----*/ .question-link { padding: 2px 0 2px 15px; text-decoration: none; display: block; font-size: 12px; margin-bottom: 10px; } .question-link span { padding-right: 10px; text-decoration: underline; } .question-link:hover span { text-decoration: none; } .advertisers-block .cnt { text-align: center; } #publisher_rotator .cnt { text-align: center; } #publisher_rotator .cnt a { padding-top: 15px; z-index: 100; } .right-advertisers-block { float: right; display: inline; width: 205px; margin-right: 17px; } table.pr-table tr td { font-weight: bold; text-align: left; vertical-align: top; padding-right: 10px;} table.pr-table tr td a img { border: solid 3px #e21b1b; } table.pr-table tr td a { text-decoration: none; } table.pr-table tr td a:hover { text-decoration: underline; } table.pr-table tr td p { padding: 5px 0; } table.ad-campaigns tr td { padding: 0 25px 15px 0; } .audience-tab { margin-bottom: 30px; margin-top: 40px; } .audience-tab .col { width: 200px; padding-right: 50px; background: url(images/callouts-col.gif) repeat-y right 0; margin-right: 25px; float: left; display: inline; min-height: 320px; } .audience-tab .last-col { float: right; margin-right: 0; padding-right: 0; background: none; width: 140px; } .audience-tab h2 { font-size: 28px; line-height: 36px; color: #262626; font-weight: bold; letter-spacing: -1px; } .audience-tab h3 { line-height: 21px; margin-bottom: 15px; } .audience-tab h3.ages { color: #888888; font-weight: normal; font-size: 20px; line-height: 30px; letter-spacing: -1px; margin-bottom: 10px; } .audience-tab h3.ages img { margin-bottom: -2px; margin-left: 3px; } ul.benefits-3col li { width: 204px !important; margin-right: 30px !important; padding-bottom: 25px; } ul.benefits-3col li.last { width: 222px !important; margin-right: 0 !important; } ul.benefits h4 { font-weight: bold; font-size: 16px; color: #262626; line-height: 19px; margin-bottom: 5px; } .get-start ul li { float: left; display: inline; width: 145px; padding-right: 29px; margin-right: 5px; list-style-type: none; background: url(images/step-path.gif) no-repeat right 0; } .get-start ul li.last { padding-right: 0; margin-right: 0; background: none; } .get-start ul li a.image img { border: solid 3px #A922CE; } .get-start ul li h3 { margin-top: 5px; } .get-start ul li h3 span { color: #A922CE; display: block; } .get-start ul li p { margin-bottom: 5px; } a.arrowed-link { padding-right: 11px; background: url(images/purple-arrow.gif) no-repeat right 4px; font-weight: bold; text-decoration: none; } a.arrowed-link:hover { text-decoration: underline; } .audience { width: 325px; float: left; display: inline; } .comscore { float: right; display: inline; width: 325px; } .comscore .heading { margin-bottom: 5px; } .comscore .heading span.date { float: right; display: inline; font-size: 12px; font-weight: bold; } .comscore table .a-right { text-align: right; padding-right: 10px; } .comscore table tr td { border-top: solid 1px #bcbcbc; font-size: 14px; padding: 4px 0; } .comscore table tr.first td { font-weight: bold; } .comscore table tr th { font-size: 13px; color: #792ee5; font-weight: normal; padding: 4px 0; } .ad-formats { margin-bottom: 30px; } .ad-formats .heading { margin-bottom: 0; border-bottom: 0; } .ad-formats li { float: left; display: inline; width: 145px; list-style-type: none; margin-right: 34px; } .ad-formats li a img { border: solid 3px #792ee5; } .ad-formats li.last { margin-right: 0; } .centered-table { text-align: center; } .centered-table tr td { vertical-align: middle; padding: 10px 5px; } ul.benefits{list-style-type: none; padding-bottom:0px; margin-bottom:0px} ul.benefits li{float: left; width:146px; margin-right:34px; margin-bottom: 0;min-height:180px; position: relative;} ul.benefits li.ads{padding-left:50px; background:url(images/ads.gif) no-repeat 0 28px; } ul.benefits li.analytics{padding-left:50px; background:url(images/analytics.gif) no-repeat 0 28px; float: left;} ul.benefits li.coin{padding-left:50px; background:url(images/achievement_thumb.gif) no-repeat 0 28px; float: left;} ul.benefits li.game{padding-left:50px; background:url(images/game.gif) no-repeat 0 28px; float: left;} ul.benefits li.scores{padding-left:50px; background:url(images/scores.gif) no-repeat 0 28px; float: left;} ul.benefits li.control{padding-left:50px; background:url(images/control.gif) no-repeat 0 28px; float: left;} ul.benefits li.login{padding-left:50px; background:url(images/univLogin.gif) no-repeat 0 28px; float: left;} ul.benefits li.social{padding-left:50px; background:url(images/social-icon01.gif) no-repeat 0 28px; float: left;} ul.benefits li.achivements{padding-left:50px; background:url(images/coin.gif) no-repeat 0 28px; float: left; } ul.benefits li.fund{padding-left:50px; background:url(images/ico-fund.gif) no-repeat 0 28px; float: left;} ul.benefits li.last{margin-right:0} ul.benefits li.right-end .heading-type-2{background-position: right bottom;} ul.benefits li .heading{margin-bottom:0} ul.benefits li p { margin-bottom: 5px; } ul.benefits li h4{padding-top:14px; } ul.benefits li h4.title { font-size: 18px; } .explanation { width:508px; float: left; display: inline; padding-bottom:15px; } .explanation p.space{padding-bottom:35px} #content .corner{background-position: right bottom;} .iconLink{width:43px; height:43px;float:left; position:absolute; left:0px; top:28px; cursor:pointer;} .iconLink a{display: block; float: left; width: 100%; height: 100%;} .narrow .explanation{width:320px;} .narrow .explanation ul{list-style-type: none; font-style: italic; font-size: 14px;} .narrow .explanation li {background:url(images/bull.gif) no-repeat 0 7px; padding-left:10px; padding-bottom:3px} .narrow .explanation li span{color:#fc6a06; padding-right:5px} .orange-frame{float: right; display: inline; padding-top:35px} .orange-frame img{display: block; border:solid 4px #fc6a06} .character-pic{float: right; display: inline; padding-top:10px} .coins{float: left; display: inline; padding-right:32px; padding-top:50px} .consumables{float: left; display: inline; padding-right:30px; padding-top:0px} .sign-up{float: left; display: inline; padding-right:8px; padding-top:40px; padding-left:15px;} .character-heart{padding-top:67px; margin-right:-60px; float: right; position:relative;} .control-holder{float: left; display: inline; padding-right:70px} /*------ End "Uncategorized Style" ------*/ .txt-title-3, .txt-title-4, .txt-title-5, .txt-title-8, .txt-title-9, .txt-title-10, .txt-title-13, .txt-title-16, .txt-title-17, .txt-title-18, .txt-title-19, .txt-title-20, .txt-title-45, .txt-title-46, .txt-title-47, .txt-title-58, .txt-title-59, .txt-title-60, .txt-title-63, .txt-title-64, .txt-title-65, .txt-title-66 { width: 114px; height: 14px; background: url(images/txt-title-3.gif) no-repeat 0 0; font-size: 1px; line-height: 0; text-indent: -4000px; } .txt-title-defaultui { width: 340px; background: url(images/achievetxt1.gif) no-repeat 0 0;text-indent: -4000px;} .txt-title-toaster { width: 340px; background: url(images/achievetxt2.gif) no-repeat 0 0;text-indent: -4000px;} .txt-title-customui { width: 340px; background: url(images/achievetxt3.gif) no-repeat 0 0;text-indent: -4000px;} .txt-title-points { width: 320px; background: url(images/achievetxt4.gif) no-repeat 0 0;text-indent: -4000px;} .txt-title-consumables { width: 450px; background: url(images/txt-title-consumables.gif) no-repeat 0 0;text-indent: -4000px;} .txt-title-5 { width: 65px; background: url(images/txt-title-5.gif) no-repeat 0 0; } .txt-title-4 { width: 82px; background: url(images/txt-title-4.gif) no-repeat 0 0; } .txt-title-8 { width: 101px; background: url(images/txt-title-8.gif) no-repeat 0 0; } .txt-title-9 { width: 69px; background: url(images/txt-title-9.gif) no-repeat 0 0; } .txt-title-10 { width: 182px; background: url(images/txt-title-10.gif) no-repeat 0 0; } .txt-title-13 { width: 321px; background: url(images/txt-title-13.gif) no-repeat 0 0; } .txt-title-16 { width: 105px; background: url(images/txt-title-16.gif) no-repeat 0 0; } .txt-title-17 { width: 105px; background: url(images/txt-title-17.gif) no-repeat 0 0; } .txt-title-18 { width: 264px; background: url(images/txt-title-18.gif) no-repeat 0 0; } .txt-title-19 { width: 121px; background: url(images/txt-title-19.gif) no-repeat 0 0; } .txt-title-20 { width: 127px; background: url(images/txt-title-20.gif) no-repeat 0 0; } .txt-title-45 { width: 77px; background: url(images/txt-title-45.gif) no-repeat 0 0; } .txt-title-46 { width: 69px; background: url(images/txt-title-46.gif) no-repeat 0 0; } .txt-title-47 { width: 113px; background: url(images/txt-title-47.gif) no-repeat 0 0; } .txt-title-57 { width: 77px; background: url(images/txt-title-57.gif) no-repeat 0 0; } .txt-title-58 { width: 100%; background: url(images/txt-title-58.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-59 { width: 100%; background: url(images/txt-title-59.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-60 { width: 100%; background: url(images/txt-title-60.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-63 { width: 100%; background: url(images/txt-title-63.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-64 { width: 100%; background: url(images/txt-title-64.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-65 { width: 100%; background: url(images/txt-title-65.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-66 { width: 100%; background: url(images/txt-title-66.gif) no-repeat 0 0; padding:0 0 8px 0; } .txt-title-69 { width: 100%; background: url(images/txt-title-69.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-70 { width: 100%; background: url(images/txt-title-70.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-71 { width: 100%; background: url(images/txt-title-71.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-72 { width: 100%; background: url(images/txt-title-72.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-75 { width: 100%; background: url(images/txt-title-75.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-76 { width: 100%; background: url(images/txt-title-76.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-77 { width: 100%; background: url(images/txt-title-77.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-title-78 { width: 100%; background: url(images/txt-title-78.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-loginProfile { width: 100%; background: url(images/txt-loginProfile.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .txt-dataAccess { width: 100%; background: url(images/txt-dataAccess.gif) no-repeat 0 0; padding:0 0 8px 0;text-indent: -4000px; } .button-signup-orange, .button-signup-purple, .button-contactsales-purple-white, .button-applytoday-orange-white, .button-signup-green { display: block; width: 76px; height: 27px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/button-signup-orange.gif) no-repeat 0 0; margin-bottom: 4px; } .button-signup-purple { background: url(images/button-signup-purple.gif) no-repeat 0 0; } .button-contactsales-purple-white { width: 118px; background: url(images/button-contactsales-purple-white.gif) no-repeat 0 0; } .button-applytoday-orange-white { width: 103px; background: url(images/button-applytoday-orange-white.gif) no-repeat 0 0; } .button-signup-green { background: url(images/button-signup-green.gif) no-repeat 0 0; } .button-contactsales-purple, .button-contactsales-purple-inline, .button-self-serve-purple, .button-signuptoday-orange, .button-freesignup-purple, .button-signuptoday-purple, .button-signuptoday-purple-fr, .button-applytoday-orange, .button-freesignup-green, .button-signuptoday-green, .button-signuptoday-beta, .button-graphic-assets { display: block; width: 150px; height: 45px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/button-contactsales-red.gif) no-repeat 0 0; margin-bottom: 10px; } .button-contactsales-purple-inline { float: left; display: inline !important; } .button-freesignup-purple { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .button-signuptoday-orange { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .mandarin .button-signuptoday-orange { background: url(images/button-signuptoday-red-mandarin.gif) no-repeat 0 0; } .button-signuptoday-purple { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .adv-page .button-signuptoday-purple { background: url(images/button-advertisenow-red.gif) no-repeat 0 0; } .button-signuptoday-purple-fr { background: url(images/button-signup-purple-fr.gif) no-repeat 0 0; } .button-applytoday-orange { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .button-freesignup-green { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .button-signuptoday-green { background: url(images/button-signuptoday-red.gif) no-repeat 0 0; } .mandarin .button-signuptoday-green { background: url(images/button-signuptoday-red-mandarin.gif) no-repeat 0 0; } .button-signuptoday-beta { background: url(images/button-betasignup-red.gif) no-repeat 0 0; } .adv-page .button-signuptoday-green { background: url(images/button-advertisenow-red.gif) no-repeat 0 0; } .button-self-serve-purple { float: right; background: url(images/button-self-serve.gif) no-repeat 0 0; } .button-graphic-assets { background: url(images/button-graphic-assets-red.gif) no-repeat 0 0; } #games #title { background-image: url("/static/web/images/h_g_games.gif"); margin-bottom: 11px; } #games #sub { background-image: url("/static/web/images/h_g_action.gif"); } #main #games { width: 658px; float: left; margin-right: 20px;} #games #side { width: 289px; float: left; } #main #games h2 { background: url("/static/web/images/h_g_taste.gif") no-repeat; text-indent: -9999em; overflow: hidden; } #main #games .gblock { list-style-type: none; clear: left; padding-bottom: 5px; } #main #games .gblock li { margin: 10px 0px 0 0px; width: 130px; float: left; } #main #games .gblock li img { display: block; border: 0; margin: 0 auto 5px;} #main #games .gblock li h3 { margin: .5em 0; font-size: 13px; line-height: 1em; float: left; clear: both; height: 20px;} #main #games .gblock li h4{line-height:11px;font-size:11px;text-decoration:none; clear: both; color:#000;} #main #games .gblock li p { margin: 0 0 0 0px; font-size: 1em; line-height: 1.2em;} #main #info { width: 440px; float: left; } #main #map { height: 300px; width: 450px; float: right; margin: 0 0 40px 0;} #main #mapframe { border: 5px solid #000000; position: relative;} #mapframe .map_carrier { background: url("/_media/css/images/map_carrier.png"); height: 85px; width: 67px; position: absolute; bottom: -15px; left: -59px;} #map small { display: inline-block; float: right;} #play_game { } #play_game #game { margin: 10px 0 10px; text-align: center; padding: 0 0 15px;} #play_game #game .title { background: url("/static/web/images/g_divider_hor.gif") repeat-x left bottom; padding: 0 0 10px; margin: 0 0 15px; } #play_game #game .back { font-size: .9em; margin-left: 20px; line-height: 1.8em; float: right; } #play_game #game h1 { text-align: left; text-indent: 0; float: left; margin: 0; font-size: 2em; } #play_game #game h1 span { color: #64646b; } #play_game #game #flashcontent { margin: 0 auto !important; } #play_game #game embed { border: 5px solid #ddd; padding: 3px; } #play_game #game #view { float: right; display: none; } #play_game #games { background: url("/static/web/images/g_divider_hor.gif") repeat-x; padding-top: 5px; margin: 10px 0 0; } #play_game #games div { height: 1%; } #play_game #games h3 { letter-spacing: -0px; font-size: 1em; } #play_game #games ul { margin: 0; padding: 0; } #play_game #games li { text-align: center; width: 100px; float: left; margin: 0 0 10px; } #play_game #games li a { font-size: .9em; line-height: 1.6em;} #play_game #games li .thumb { margin: 0 auto 3px; } #play_game #games li .thumb, #profile.game #games li .thumb img { width: 30px; height: 30px; } #play_game .embed_panel { margin: 0 0 10px; background: #fcf8f0 url("/static/web/images/g_divider_hor.gif") repeat-x left top; padding-left: 10px; } #play_game .embed_panel div { background: url("/static/web/images/g_divider_hor.gif") repeat-x left bottom; padding: 10px 15px 5px 5px; } #play_game .close { float: right; font-size: .9em; font-weight: normal; padding-right: 10px;} #play_game .embed_panel h4 { margin: 0; } #play_game #game_info { border-top: 6px solid #DEDEDE; border-bottom: 1px dashed #bbb; color:#686868; font-family:Helvetica,Verdana,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; } #play_game #game_info ul { margin: 10px 0; font-size: .9em; } #play_game #game_info #key_meta { float: left; width: 420px; margin-right: 20px; padding-top: 20px;} #play_game #game_info #key_meta .thumb { float: left; margin-right: 20px; margin-top: 0; padding: 3px; border: 3px solid #8CC63F; } #play_game #game_info #key_meta .thumb, #play_game #game_info #key_meta .thumb img { width: 100px; height: 100px; } #play_game #game_info #key_meta h2 { font-size: 1.5em; margin: 0; } #play_game #game_info #key_meta h3 { font-size: .9em; font-weight: normal; color: #777; margin: 0 0 6px; } #play_game #game_info #key_meta #actions li { float: left; position: relative; padding: 0 5px;} #play_game #game_info #key_meta #actions li a { font-size: .9em; text-decoration: none;} #play_game #game_info #key_meta #actions li a:hover {background-color: #95f3ee; color: black; !important; } #play_game #game_info #key_meta #actions #download_link, #add_link{ background-color: #239492; color: white; padding: 7px;} #play_game #game_info h4 { color:#239492; font-size:1.1666em; line-height:1.5em; margin:5px 0 0 0; } #play_game #game_info ul, ol { line-height:1.5em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 1.5em; padding:0;} #play_game #game_info #key_meta #game_embed { margin: 1em 0 0;} #actions #game_embed {width: 445px;} #play_game #game_info #key_meta #game_embed #embed_code { width: 420px; height: 60px; background: #fff; } #play_game #game_info #secondary_meta {float: left; width: 420px; padding-left: 20px; padding-top: 20px;} #play_game #game_info #secondary_meta.no_lb { width: 400px; margin-right: 0px; } #play_game #game_info #secondary_meta .description { margin-bottom: 1em; font-size: 1em; } #play_game #game_info #secondary_meta #controls ul { margin-top: 0; } button{line-height:12px;max-height:26px;} #play_game #game_info #widget { float: right; margin: 4em 0 1.5em; width: 100%;} #play_game #game_info #widget #widget_embed_link { margin-left: 10px; background-color: #239492; color: white;text-decoration: none; font-size: .9em; float: right; padding: 7px;line-height: 12px;} #play_game #game_info #widget #showboard { cursor: pointer;border: none; background-color: #239492; color: white; text-decoration: none; float: right; padding: 7px; margin-left: 10px;line-height: 12px;display:block; font-size: .9em; vertical-align:center;} #widget h2 {float: left; margin-top: 7px;} #play_game #game_info #widget .widget_embed_code { width: 365px; height: 60px; background: #fff; margin-bottom: 1em; float: none; } #play_game #game_info #widget embed { border: 3px solid #ddd; padding: 1px; margin-top: .3em; } #widget #topbar{margin-top:-30px; float: left;} .FFfix{display:block; font-size: .9em; vertical-align:center;} #play_game #developer { padding-top: 1em; float:left;width:100%;clear:both; } #play_game #developer h2 { margin: 0 0 .7em; } #play_game #developer #dev_games { margin: 0em 0 0; } #play_game #developer #dev_games .thumb { margin: 0 auto .3em; background-color: #fff; float: none; padding: 3px; border: 3px solid #844a19; } #play_game #developer #dev_games .thumb, #play_game #developer #dev_games .thumb img { width: 75px; height: 75px; } #play_game #developer #dev_games h4 { margin: 0 0 .5em; } #play_game #developer #dev_games ul { margin: 0 0 0 0; } #play_game #developer #dev_games ul li { float: left; width: 100px; height: 125px; margin: 0 .5em 0em; text-align: center; overflow: hidden; } #play_game #developer #dev_games ul li a { font-size: .9em; line-height: 1.3em; } .news_list ul { list-style-type: none; } .news_list li { margin-bottom: 5px;} .news_list { margin-bottom: 25px; } .profiles .bottom { margin-bottom: 50px; } .profiles .thumb { float: left; margin-right: 15px;} .profiles img.thumb { border: 3px solid gray; } .profiles dd { margin-bottom: 15px; } .profiles h2 { margin-top: 15px; } .profile_box { margin-bottom: 30px; border-bottom:3px dotted #ccc;min-height:140px;height:auto !important;height:140px; } .row { margin-bottom: 30px; border-bottom:3px dotted #ccc;min-height:140px;height:auto !important;height:140px; } .row .col1 {float:left;width:320px;} .row .col2 {float:right;width:367px;} .row .col1b {float:left;width:340px;} .row .col2b {float:right;width:333px;} .pub-page .row {padding:0 0 40px 0;margin:0 0 40px 0;border:none;} .pub-page .row .col1 {float:left;width:348px;} .pub-page .row .col2 {float:right;width:324px;} .pub-page .row.alt .col1 {float:right;width:300px;} .pub-page .row.alt .col2 {float:left;width:367px;} .pub-page .row h3 {border-bottom:5px solid #82BF0C;} .dev-page .row {padding:0 0 40px 0;margin:0 0 40px 0;border:none;} .dev-page .row .col1 {float:left;width:300px;} .dev-page .row .col2 {float:right;width:367px;} .dev-page .row.alt .col1 {float:right;width:300px;} .dev-page .row.alt .col2 {float:left;width:367px;} .dev-page .row h3 {border-bottom:5px solid #FC6A06;} .dev-page .row .thumbs {margin:8px 0 0 0;float:left;} .dev-page .row .thumbs a {margin:0 5px 0 0;} .assets .row { margin-bottom: 30px; border-bottom:3px dotted #ccc;min-height:90px;height:auto !important;height:90px; } .assets .row img {float:left;margin:0 20px 0 0;} .assets .row textarea {float:right;width:550px;padding:5px;background:#eee;border:none;margin:0 90px 0 0;} .game-fund .fund-wrapper {width:728px;margin:-15px auto 15px;} .game-fund .fund-wrapper p {padding:5px 40px;} .game-fund .fund-wrapper h3 {padding:10px 40px 0;} .game-fund .fund-wrapper ul {margin:0 40px 0 53px;} .game-fund .fund-wrapper ul li {margin:0 0 15px 0;} .game-fund .fund-wrapper h1.logo {width: 468px;height:309px; background: url(images/fund/mochi-dev-fund-logo.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund .fund-wrapper h2.benefits {width: 728px;height:42px; background: url(images/fund/txt-benefits.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund.mandarin .fund-wrapper h2.benefits {width: 728px;height:42px; background: url(images/fund/txt-benefits-mandarin.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund .fund-wrapper h2.apply {width: 728px;height:42px; background: url(images/fund/txt-apply.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund.mandarin .fund-wrapper h2.apply {width: 728px;height:42px; background: url(images/fund/txt-apply-mandarin.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund .fund-wrapper h2.faq {width: 728px;height:42px; background: url(images/fund/txt-faq.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund.mandarin .fund-wrapper h2.faq {width: 728px;height:42px; background: url(images/fund/txt-faq-mandarin.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund .fund-wrapper h2.update {width: 728px;height:42px; background: url(images/fund/txt-update.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund.mandarin .fund-wrapper h2.update {width: 728px;height:42px; background: url(images/fund/txt-update-mandarin.png) no-repeat 0 0;text-indent: -4000px;margin:0 auto;} .game-fund .fund-wrapper .steps {margin:20px 50px 30px 30px;list-style:none;} .game-fund .fund-wrapper .steps li {font-size:14px;font-weight:bold;margin:5px 0;color:#003e54;height:40px;} .game-fund .fund-wrapper .steps li.step1 {text-indent:-5000px;background: url(images/fund/txt-step1.png) no-repeat 0 0;} .game-fund.mandarin .fund-wrapper .steps li.step1 {text-indent:-5000px;background: url(images/fund/txt-step1-mandarin.png) no-repeat 0 0;} .game-fund .fund-wrapper .steps li.step2 {text-indent:-5000px;background: url(images/fund/txt-step2.png) no-repeat 0 0;} .game-fund.mandarin .fund-wrapper .steps li.step2 {text-indent:-5000px;background: url(images/fund/txt-step2-mandarin.png) no-repeat 0 0;} .game-fund .fund-wrapper .steps li.step3 {text-indent:-5000px;background: url(images/fund/txt-step3.png) no-repeat 0 0;} .game-fund.mandarin .fund-wrapper .steps li.step3 {text-indent:-5000px;background: url(images/fund/txt-step3-mandarin.png) no-repeat 0 0;} .game-fund .fund-wrapper a.apply-now {float:right;margin:10px 0 0 0;width:303px;height:184px;display:block;background: url(images/fund/apply-now.png) no-repeat 0 0;text-indent:-5000px;} .game-fund .fund-wrapper a.apply-now:hover {background-position:0 -184px;} .game-fund .fund-wrapper .shanda-logo {margin:15px 0 10px 0;float:right;} /*----- Mandarin Pages -----*/ .mandarin #content-head .title h1 {font-size:34px;font-weight:bold;line-height:1.5;} /* Generic */ ul.bullet-list {list-style-type: none; font-size: 14px;} ul.bullet-list > li { background:url(images/bull.gif) no-repeat 0 7px; padding-left:10px; padding-bottom:3px }