/*----- 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: #e21b1b; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } .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: #262626; } /*----- End "Main definitions" -----*/ /* Different Types of pages Home Page = Advertisers Page = Developers Page = Publishers Page = */ .shell { width: 920px; margin: 0 auto; } .hide { display: none; } /*----- Start "Top Part (Main Navigation, Logo & Sound Button)" -----*/ #top { height: 53px; background: url(images/nav-bkg.gif) repeat-x #000 0 2px; position: relative; z-index: 100; } #logo { float: left; display: inline; width: 146px; height: 29px; font-size: 1px; line-height: 0; padding-top: 11px; padding-right: 13px; } #logo a { display: block; width: 146px; height: 29px; text-indent: -4000px; background: url(images/logo.gif) no-repeat 0 0; } #sound-link { float: left; display: inline; margin-top: 18px; 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: relative; z-index: 400; top: -10px; left: 160px; width: 127px; height: 58px; background: url(images/pronounce.png) no-repeat;} #pronunciation span {display: none;} #nav { width: 627px; height: 61px; float: left; display: block; position: relative; margin-bottom: -8px; margin-left: 28px; } #nav .bg { height: 61px; background: url(images/nav2.png) no-repeat 0 0; } #nav ul { float: left; display: inline; position: relative; list-style-type: none; text-transform: uppercase; padding: 19px 0 0 32px; } #nav ul li { float: left; display: inline; font-size: 1px; line-height: 0; margin-left: 24px; padding-left: 24px; background: url(images/nav-sep.gif) no-repeat 0 4px; } #nav ul li a { float: left; display: inline; text-indent: -4000px; height: 12px; background: url(images/navigation2.gif) no-repeat 0 -17px; padding-bottom: 3px; } #nav ul li a:hover { border-bottom: solid 2px #e21b1b; } #nav ul li a.active, #nav ul li a.active:hover { border-bottom: solid 2px #262626; } #nav ul li.nav-developers { margin-left: 0; padding-left: 0; background: none; } #nav ul li.nav-developers a { width: 83px; background-position: -2px -20px; } #nav ul li.nav-advertisers a { width: 88px; background-position: -85px -20px; } #nav ul li.nav-publishers a { width: 80px; background-position: -174px -20px; } #nav ul li.nav-games a { width: 44px; background-position: -256px -20px; } #nav ul li.nav-community a { width: 77px; background-position: -301px -20px; } #nav ul li.nav-developers a.active { width: 83px; background-position: -2px 0; } #nav ul li.nav-advertisers a.active { width: 88px; background-position: -85px 0; } #nav ul li.nav-publishers a.active { width: 80px; background-position: -174px 0; } #nav ul li.nav-games a.active { width: 44px; background-position: -256px 0; } #nav ul li.nav-community a.active { width: 77px; background-position: -301px 0; } /* #nav ul li a.active, #nav ul li a.active:hover { color: #262626; border-bottom: solid 2px #262626; } #nav ul li a:hover { border-bottom: solid 2px #e21b1b; } */ /*------ End "Top Part (Main Navigation, Logo & Sound Button)" ------*/ /*----- Start "Utility Navigation" -----*/ #utilityNav{ display: block; float: left; margin-left: 4px; margin-top: -1px; } #utilityNav ul{ text-transform: uppercase; list-style: none; color: #888; line-height: 13px; margin: 6px 0 0 6px; } #utilityNav ul a{ color: #888; font-size: 10px; text-decoration: none; } #utilityNav ul a:hover{ color: #fff; font-size: 10px; text-decoration: none; } /*------ End "Utility Navigation" ------*/ /*----- Start "Header" -----*/ #header, #header .shell { background-color: #fff; background-repeat: repeat-x; background-position: center 0; } #header .shell { padding-top: 26px; position: relative; } #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-top: 13px; } #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; } .adv-page #header, .adv-page #header .shell { background-image: url(images/adv-page-header.jpg); } .adv-page #header { height: 100px; } .adv-page #header .shell { height: 74px; } .dev-page #header, .dev-page #header .shell { background-image: url(images/dev-page-header.jpg); } .dev-page #header { height: 100px; } .dev-page #header .shell { height: 74px; } .pub-page #header, .pub-page #header .shell { background-image: url(images/pub-page-header.jpg); } .pub-page #header { height: 100px; } .pub-page #header .shell { height: 74px; } .home-page #header, .home-page #header .shell { background-image: url(images/header.jpg); } .general-page #header, .general-page #header .shell { background-image: url(images/gen-page-header.jpg); } .general-page #header { height: 100px; } .general-page #header .shell { height: 74px; } .general-page .promo-ad {margin:-25px auto 30px;width:630px;height:163px;} /*------ End "Header" ------*/ /*----- Start "Content Main Positions" -----*/ #main { margin-top: 40px; } #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" ------*/ /*----- 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; } #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: 17px; 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; margin-top: 15px;float:left;} #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; } #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: 25px; } .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 { display: block; width: 377px; height: 280px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/main-character2.png) no-repeat 0 0; margin-left: 50px; } #home-page-text { float: right; display: inline; width: 410px; height: 246px; color: #fff; margin: 0 51px 0 0;background:transparent;} #home-page-text #pager {text-align:right;text-indent:-4000px;margin:10px 0 0 0;} #home-page-text #pager a {margin:10px 3px 0 0;font-size:1px;text-indent:-4000px;width:10px;height:10px;background:white;padding:2px 3px;color:#fff;} #home-page-text #pager .activeSlide {margin:10px 3px 0 0;font-size:1px;text-indent:-4000px;width:10px;height:10px;background:#ff3e4d;padding:2px 3px;color:red;} #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 */ #home-page-text .rotator div .fueling {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;} #home-page-text .rotator div .febContest{ display: block; width: 410px; height: 246px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/contest/feb10/realityBytes_mochiHome.png) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .juneContest{ display: block; width: 410px; height: 246px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/contest/june10/made4mobile_mochiHome.png) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .vancouver{ display: block; width: 410px; height: 246px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/vancouver2010/home_tout_vancouver2010.png) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .introducing {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-55.gif) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .more-ways {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/txt-title-54.gif) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .mochiPlus {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/addictinggamerotators02.png) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .mochiAdvertising {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;} #home-page-text .rotator div .mochiLeaderboards {width: 410px; height: 140px; font-size: 1px; line-height: 0; text-indent: -4000px; background: url(images/leaderboardsrotators.png) no-repeat 0 0;margin:0 0 10px 0;} #home-page-text .rotator div .gamefund {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;} #callouts { height: 185px; width: 930px; background: url(images/callouts4.png) bottom left no-repeat; position: relative; margin-left: -10px; padding: 7px 10px 13px 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; } #whats-new {margin:0 0 0 -10px;background: url(images/callouts5.png) top left no-repeat #fff; width:940px; padding:30px 0 0 0; float:left;} #whats-new .content {width:675px;float:left;} #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 0 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;background: url(images/social-graffic2.png) top left no-repeat;padding:0 0 0 200px;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; } /*------ 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; } #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" -----*/ /*----- 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 "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; display: inline; width:146px; margin-right:34px; margin-bottom: 0;min-height:180px;} 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; display: inline;} ul.benefits li.coin{padding-left:50px; background:url(images/coin.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.game{padding-left:50px; background:url(images/game.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.scores{padding-left:50px; background:url(images/scores.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.control{padding-left:50px; background:url(images/control.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.login{padding-left:50px; background:url(images/univLogin.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.social{padding-left:50px; background:url(images/social-icon01.gif) no-repeat 0 28px; float: left; display: inline;} ul.benefits li.fund{padding-left:50px; background:url(images/ico-fund.gif) no-repeat 0 28px; float: left; display: inline;} 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:25px} #content .corner{background-position: right bottom;} .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-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: auto; 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 ul { list-style-type: none; clear: left; border-bottom:3px dotted #ccc; padding-top: 18px; } #main #games ul li { margin: 0 20px 10px 0; width: 269px; float: left; } #main #games ul li img { float: left; width: 50px; margin-right: 10px;} #main #games ul li h3 { margin: 0 0 .5em 60px; font-size: 1em; line-height: 1em; } #main #games ul li p { margin: 0 0 0 60px; 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: 0px; } #play_game .embed_panel div { background: url("/static/web/images/g_divider_hor.gif") repeat-x left bottom; padding: 10px 15px 5px; } #play_game .embed_panel .close { float: right; font-size: .9em; font-weight: normal; } #play_game .embed_panel h4 { margin: 0; } #play_game #game_info { border-top: 6px solid #eedddd; background: url("/static/web/images/g_divider_hor.gif") repeat-x left top; padding-top: 1em; 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; } #play_game #game_info #key_meta .thumb { float: left; margin-right: 20px; margin-top: 0; padding: 3px; border: 3px solid #5a3718; } #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 { margin: 0 0 1em; padding-bottom: 1.5em; background: url("/static/web/images/g_divider_hor.gif") repeat-x left bottom; } #play_game #game_info #key_meta #actions li { float: left; margin-right: 7px; } #play_game #game_info #key_meta #actions li a { font-size: .9em; padding: 5px 9px; border: 1px solid #e4ddce; text-decoration: none; } #play_game #game_info #key_meta #actions li a:hover { border: 1px solid #9edeea; background-color: #fffbf3 !important; } #play_game #game_info #key_meta #actions #download_link { background: url("/static/web/images/icon_download.gif") no-repeat 5px .6em; padding-left: 21px; } #play_game #game_info h4 { color: #815E13; 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; } #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; margin-right: 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; } #play_game #game_info #widget { float: right; margin: 0 0 1.5em; } #play_game #game_info #widget #widget_embed_link { float: right !important; margin-top: .2em; } #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; } #play_game #developer { padding-top: 1em; margin: 1em 0 0; background: url("/static/web/images/g_divider_hor.gif") repeat-x left top; border-top: 6px solid #eedddd;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;}