body {margin:0px;background:url(background.1.png);font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #666666;} img { border-width:0px } form {margin:0px;} a { color: #CC3300; text-decoration:none; } a:hover { color: #FF0000 } a:active { color: #333333 } h1 {font-size: 16px; font-weight:bold; color: #CC3300; margin: 0px; padding: 0px; } h2 {font-size: 14px; font-weight: bold; color: #CC3300;margin: 0px; padding: 0px; } h3 { font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; } h4 { margin: 0px; padding: 0px; } h5 { margin: 0px; padding: 0px; } h6 { margin: 0px; padding: 0px; } h7 { margin: 0px; padding: 0px; } .adReportsLink { position:absolute;top:250px;display:block; height:16px; width:300px; text-align:center; background-color:#CC3300; color:#FFFFFF; text-decoration:none } .gameTitle { font-size: 14px; font-weight:bold; color: #CC3300; text-decoration:none } .gameTitle:hover { color: #FF0000 } .gameTitle:active { color: #333333 } /* body */ body > .headerBackground { position:relative; width:988px; height:150px; margin-left:auto; margin-right:auto; background:url(headerBackground.3.png);} body > .headerBackground > .header { position:relative; width:980px; height:150px; } body > .headerBackground > .header >.logo { position:absolute; left:20px; top:18px; width:129px; height:100px; background:url(logo.2.png) } body > .headerBackground > .header >.novelGamesText { position:absolute; left:166px; top:20px } body > .headerBackground > .header >.buttonSmallFlashGames { position:absolute; left:167px; top:85px; width:127px; height:47px } body > .headerBackground > .header >.buttonMultiplayerFlashGames { position:absolute; left:300px; top:85px; width:127px; height:47px } body > .headerBackground > .header >.buttonECards { position:absolute; left:434px; top:85px; width:97px; height:47px } body > .headerBackground > .header >.buttonSupport { position:absolute; left:537px; top:85px; width:97px; height:47px } body > .headerBackground > .header >.buttonForBusiness { position:absolute; left:670px; top:85px; width:127px; height:47px } body > .headerBackground > .header >.languageBox { position:absolute; left:830px; top:95px; width:144px; overflow: display; z-index:100} /*body > .headerBackground > .header >.languageBox > .languageHeader{color: #074d67; font-weight: bold; height:20px; background:url(headerLanguageList.3.png); text-align: center; padding-top: 8px}*/ body > .headerBackground > .header >.languageBox > .languageSelected_e{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);} body > .headerBackground > .header >.languageBox > .languageSelected_c{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -27px;} body > .headerBackground > .header >.languageBox > .languageSelected_sc{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -54px;} body > .headerBackground > .header >.languageBox > .languageSelected_s{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -135px;} body > .headerBackground > .header >.languageBox > .languageSelected_j{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -108px;} body > .headerBackground > .header >.languageBox > .languageSelected_p{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -189px;} body > .headerBackground > .header >.languageBox > .languageSelected_g{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -81px;} body > .headerBackground > .header >.languageBox > .languageSelected_a{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -216px;} body > .headerBackground > .header >.languageBox > .languageSelected_f{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -162px;} body > .headerBackground > .header >.languageBox > .languageSelected_r{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -270px;} body > .headerBackground > .header >.languageBox > .languageSelected_k{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -243px;} body > .headerBackground > .header >.languageBox > .languageSelected_i{display:block; width:144px; height:28px; background:url(headerLanguageList.3.png);background-position:0px -297px;} body > .headerBackground > .header >.languageBox #languageDropDownList {display:none} body > .headerBackground > .header >.languageBox .languageNormal_e{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -325px;} body > .headerBackground > .header >.languageBox .languageNormal_e:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -649px;} body > .headerBackground > .header >.languageBox .languageNormal_c{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -352px;} body > .headerBackground > .header >.languageBox .languageNormal_c:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -676px;} body > .headerBackground > .header >.languageBox .languageNormal_sc{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -379px;} body > .headerBackground > .header >.languageBox .languageNormal_sc:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -703px;} body > .headerBackground > .header >.languageBox .languageNormal_s{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -460px;} body > .headerBackground > .header >.languageBox .languageNormal_s:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -784px;} body > .headerBackground > .header >.languageBox .languageNormal_j{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -433px;} body > .headerBackground > .header >.languageBox .languageNormal_j:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -757px;} body > .headerBackground > .header >.languageBox .languageNormal_p{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -514px;} body > .headerBackground > .header >.languageBox .languageNormal_p:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -838px;} body > .headerBackground > .header >.languageBox .languageNormal_g{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -406px;} body > .headerBackground > .header >.languageBox .languageNormal_g:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -730px;} body > .headerBackground > .header >.languageBox .languageNormal_a{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -541px;} body > .headerBackground > .header >.languageBox .languageNormal_a:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -865px;} body > .headerBackground > .header >.languageBox .languageNormal_f{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -487px;} body > .headerBackground > .header >.languageBox .languageNormal_f:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -811px;} body > .headerBackground > .header >.languageBox .languageNormal_r{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -595px;} body > .headerBackground > .header >.languageBox .languageNormal_r:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -919px;} body > .headerBackground > .header >.languageBox .languageNormal_k{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -568px;} body > .headerBackground > .header >.languageBox .languageNormal_k:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -892px;} body > .headerBackground > .header >.languageBox .languageNormal_i{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -622px;} body > .headerBackground > .header >.languageBox .languageNormal_i:hover{display:block; width:144px; height:27px; background:url(headerLanguageList.3.png);background-position:0px -946px;} /* body > .headerBackground > .header >.language_e { position:absolute; top:109px; width:30px; height:19px; background:url(language_e.1.png) } body > .headerBackground > .header >.language_c { position:absolute; top:109px; width:30px; height:19px; background:url(language_c.1.png) } body > .headerBackground > .header >.language_sc { position:absolute; top:109px; width:30px; height:19px; background:url(language_sc.1.png) }*/ body > .headerBackground > .header > form >.search { position:absolute; left:520px; top:18px; width:280px; height:52px } body > .headerBackground > .header > form >.search > div { position:absolute; right:215px; top:18px; font-size: 14px; visibility:hidden } body > .headerBackground > .header > form >.search > input[name="search"]{ position:absolute; left:85px; top:16px; width:106px; height:18px; padding:0px; border-width:1px; color:#999999 } body > .headerBackground > .header > form >.search >.searchBoxActive { position:absolute; left:85px; top:16px; width:106px; height:18px; padding:0px; border-width:1px; color:#000000 } body > .headerBackground > .header > form >.search > a { position:absolute; left:200px;top:15px; width:22px; height:22px; background:url(searchButton.1.png) } body > .headerBackground > .header > #loginArea { position:absolute; right:10px; top:26px } body > .headerBackground > .header > #loginArea #loginAreaNotLoggedIn { display:none } body > .headerBackground > .header > #loginArea #loginAreaNotLoggedIn .login { display:block; margin-right: 100px; padding-top:10px; padding-right:50px; height:30px; background:url(buttonGamePlayerAccountLogin.1.png) right no-repeat; text-decoration:none; font-size:14px; color:#666666 } body > .headerBackground > .header > #loginArea #loginAreaNotLoggedIn .login:hover { color:#CC6666 } body > .headerBackground > .header > #loginArea #loginAreaPlayerLoggedIn { display:none; color:#666666; margin-top:-5px } body > .headerBackground > .header > #loginArea #loginAreaPlayerLoggedIn #loginAreaPicture { display:inline-block; vertical-align:middle; width:50px; height:50px } body > .headerBackground > .header > #loginArea #loginAreaPlayerLoggedIn #loginAreaName { display:inline-block; vertical-align:middle; margin-left:10px; font-size:16px; max-width:150px; max-height:50px; overflow:hidden } body > .headerBackground > .header > #loginArea a { color:#666666; text-decoration:none; } body > .headerBackground > .header > #loginArea a:hover { color:#FF6666; text-decoration:none } body > .footerBackground { position:relative; width:988px; margin-left:auto; margin-right:auto; height:165px; background:url(footerBackground.2.png) } body > .footerBackground > .footer { position:relative; width:980px; height:165px; text-align:left } body > .footerBackground > .footer > .facebook { position:absolute; left:119px; top:5px; width:20px; height:20px; background:url(facebookIcon.1.png) } body > .footerBackground > .footer > .RSS { position:absolute; left:69px; top:5px; width:20px; height:20px; background:url(rss.4.png) } body > .footerBackground > .footer > .twitter { position:absolute; left:94px; top:5px; width:20px; height:20px; background:url(twitterIcon.1.png) } body > .footerBackground > .footer > .googleplus { position:absolute; left:144px; top:5px; width:20px; height:20px; background:url(googlePlusIcon.png) } body > .footerBackground > .footer > .linkedIn { position:absolute; left:169px; top:5px; width:20px; height:20px; background:url(linkedInIcon.png) } body > .footerBackground > .footer > .setAsHomePage { position:absolute; left:221px; top:0px; width:235px; height:21px; padding-top:5px; text-align:center} body > .footerBackground > .footer > .addToFavorites { position:absolute; left:457px; top:0px; width:196px; height:21px; padding-top:5px; text-align:center} body > .footerBackground > .footer > .send { position:absolute; left:654px; top:0px; width:224px; height:21px; padding-top:5px; text-align:center} body > .footerBackground > .footer > .links { position:absolute; left:18px; top:48px; width:944px; height:54px } body > .footerBackground > .footer > .links > .top { position:absolute; left:0px; width:944px; top:3px; text-align:center } body > .footerBackground > .footer > .links > .bottom { position:absolute; left:0px; width:944px; top:30px; text-align:center } body > .footerBackground > .footer > .copyright { position:absolute; left:0px; width:980px; top:113px; text-align:center; font-size: 10px } body > .footerBackground > .footer > .trademark { position:absolute; left:0px; width:980px; top:128px; text-align:center; font-size: 10px } body > .mainBackground { position:relative; width:980px; margin-left:auto; margin-right:auto; background:url(mainBackground.1.png); padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; } /* players */ body > .mainBackground> .players .commonTableFieldName { font-weight:bold } body > .mainBackground> .players { margin:50px 0px 0px 168px; height:400px; width:300px} body > .mainBackground> .players > h1 { margin-bottom:20px } body > .mainBackground> .players > .login { position:absolute; left:170px; top:150px; width:299px; height:238px; background-image:url(webmasterLoginBox.1.png); } body > .mainBackground> .players > .login > h1 { margin-bottom:30px; padding-top:10px; text-align:center} body > .mainBackground> .players > .login > form { font-weight:bold; width:210px; margin-right: auto; margin-left: auto;} body > .mainBackground> .players > .login > form > input{ margin: 5px auto; width:200px; } body > .mainBackground> .players > .login > .loginButton { margin-left:94px; margin-top:10px } body > .mainBackground> .players > .login > .forgetText{ display:block; text-align:right; margin-right: 10px; margin-top:14px; font-size:10px;} body > .mainBackground> .players > .register { position:absolute; right:170px; top:89px; width:260px; height:300px; background-image:url(gamePlayerRegisterBox.1.png);} body > .mainBackground> .players > .register > h1 { margin-bottom:26px; padding-top:10px; text-align:center } body > .mainBackground> .players > .register > form { margin-left:34px; font-weight:bold} body > .mainBackground> .players > .register > form > input{ width:180px; margin-bottom:5px; margin-top:5px } body > .mainBackground> .players > .register > .registerButton {margin-left:74px; margin-top:15px} body > .mainBackground> .players > .register > form > .notes{ font-size:10px; color:#CC3300; width:220px; font-weight:100; margin-top:2px; } body > .mainBackground> .playersChangePassword { margin:30px auto 40px; width:320px; height:300px; background-image:url(gamePlayerPasswordBox.1.png);} body > .mainBackground> .playersChangePassword > h1{ margin-bottom:30px; padding-top:10px; text-align:center} body > .mainBackground> .playersChangePassword > form { width:240px;margin:0px auto;} body > .mainBackground> .playersChangePassword > form > div{ margin-bottom:5px } body > .mainBackground> .playersChangePassword > form > input[type="password"]{ width:236px; margin-bottom:10px } body > .mainBackground> .playersChangePassword > form > input[type="button"] {margin: 0px 80px; width:70px; margin-top:20px;} body > .mainBackground> .playersChangePasswordResult { position:relative; margin-left:300px; margin-top:45px; margin-bottom:50px; width:382px; height:186px; background:url(webmasterForgetBox.4.png)} body > .mainBackground> .playersChangePasswordResult > h1 { margin-bottom:50px; padding-top:10px; text-align:center} body > .mainBackground> .playersChangePasswordResult > div{ margin-left:auto; margin-right:auto; width:280px; text-align:center } body > .mainBackground> .playersLoginFailed { position:relative; margin-left:300px; margin-top:45px; margin-bottom:50px; width:382px; height:186px; background:url(webmasterForgetBox.4.png)} body > .mainBackground> .playersLoginFailed > h1 { margin-bottom:50px; padding-top:10px; text-align:center} body > .mainBackground> .playersLoginFailed > div { margin-left:auto; margin-right:auto; width:280px; text-align:center } body > .mainBackground> .playersRegisterResult{ position:relative; margin-left:300px; margin-top:45px; margin-bottom:50px; width:382px; height:186px; background:url(webmasterForgetBox.4.png)} body > .mainBackground> .playersRegisterResult > h1 { margin-bottom:40px; padding-top:10px; text-align:center} body > .mainBackground> .playersRegisterResult > div { margin-left:auto; margin-right:auto; margin-top:10px; width:280px; } body > .mainBackground> .playersForget { position:relative; margin-left:300px; margin-top:45px; margin-bottom:50px; width:382px; height:186px; background:url(webmasterForgetBox.4.png) } body > .mainBackground> .playersForget > h1 { margin-bottom:20px; padding-top:10px; text-align:center } body > .mainBackground> .playersForget > div { margin-left:auto; margin-right:auto; margin-bottom:10px; width:280px} body > .mainBackground> .playersForget > form{ margin-left:30px; width:280px; margin-left:auto; margin-right:auto } body > .mainBackground> .playersForget > form > div { margin-bottom:10px} body > .mainBackground> .playersForget > form > input[type="text"] {margin-bottom:10px; width:280px;} body > .mainBackground> .playersForget > form > input[type="button"] { margin: 0px 100px; width:70px; } body > .mainBackground> .playersForgetResult { position:relative; margin-left:300px; margin-top:45px; margin-bottom:50px; width:382px; height:186px; background:url(webmasterForgetBox.4.png)} body > .mainBackground> .playersForgetResult > h1 { margin-bottom:50px; padding-top:10px; text-align:center} body > .mainBackground> .playersForgetResult > div { margin-left:auto; margin-right:auto; width:280px;} /* adReport*/ body>.mainBackground> .adReportsForm { margin:80px 160px} body>.mainBackground> .adReportsForm > h1, body>.mainBackground> .adReportsThanksArea > h1{position:absolute; left:10px; top:10px; height:30px; width:400px; margin-left:154px; margin-top:30px; padding-left:40px;padding-top:5px; background-image:url(surveyQuestionaireTitleBackground.1.png); background-repeat:no-repeat;} body>.mainBackground> .adReportsForm > div { width:500px} body>.mainBackground> .adReportsForm > form >.adReportsScreenshot { margin-top:20px; margin-bottom:10px} body>.mainBackground> .adReportsForm > form >.adReportsScreenshotBox { margin-bottom:10px } body>.mainBackground> .adReportsForm > form >.adReportsName { margin-top:10px; margin-bottom:0px} body>.mainBackground> .adReportsForm > form >.adReportsEmail { margin-top:10px; margin-bottom:0px} body>.mainBackground> .adReportsForm > form >.adReportsMessage { margin-top:20px;} body>.mainBackground> .adReportsForm > form >.adReportsMessageBox {margin-top:10px; margin-bottom:10px} body>.mainBackground> .adReportsThanksArea > div {font-size:16px;text-align:center; margin:100px 160px;padding:50px 100px 40px 100px; border:10px solid #e5dfcd;} /* ecards */ body>.mainBackground>.eCardIndex >h1 { position:relative;margin-left:90px; margin-top:28px; margin-bottom:20px; padding-left:70px; padding-top:10px; height:33px; background:url(eCardsIcon.1.png); background-repeat:no-repeat; font-size:20px;} body>.mainBackground>.eCardIndex >.pageIntroduction {margin-left:140px; padding-left:20px; width:500px; height:40px; color:#CC3300; font-size:16px; font-weight:bold } body>.mainBackground> .eCardIndex> .instructions {margin-left:140px; height: auto; width:500px; padding:40px 80px 15px 20px; background:url(eCardStepIcon.3.png) no-repeat right ;} body>.mainBackground>.eCardIndex >.instructions .step0 { background:url(swfStepsNumber1.1.png); background-repeat:no-repeat; height:50px; padding:15px 20px 15px 60px;} body>.mainBackground>.eCardIndex >.instructions .step1 { background:url(swfStepsNumber2.1.png); background-repeat:no-repeat; height:50px; padding:10px 60px 15px 60px;} body>.mainBackground>.eCardIndex >.instructions .step2 { background:url(swfStepsNumber3.1.png); background-repeat:no-repeat; height:80px; padding:0px 60px 15px 60px;} body>.mainBackground>.eCardIndex >.instructions .step3 { background:url(swfStepsNumber4.1.png); background-repeat:no-repeat; height:70px; padding:5px 60px 15px 60px;} body>.mainBackground>.eCardIndex> .instructions .step4 { background:url(swfStepsNumber5.1.png); background-repeat:no-repeat; height:50px; padding:15px 20px 15px 60px;} body>.mainBackground>.eCardIndex >.instructions .step5 { background:url(swfStepsNumber6.1.png); background-repeat:no-repeat; height:60px; padding:8px 60px 15px 60px;} body>.mainBackground>.eCardIndex > a { display:block; height:46px; width:180px; background:#999999; margin:0px 0px 20px 380px; text-decoration:none; color:#FFFFFF; background:url(eCardStartButton.1.png) no-repeat; padding:24px 0px 0px 14px; font-weight:bold} body>.mainBackground>.eCardSelect { margin:30px 80px;} body>.mainBackground>.eCardSelect h1 {margin:15px 0px 15px;} body>.mainBackground>.eCardSelect textarea {width:400px; height:150px} body>.mainBackground>.eCardSelect > form > .theme >.filter > select , body>.mainBackground>.eCardSelect > form > .game > .filter > select { position:relative; top:-18px; left:180px} body>.mainBackground>.eCardSelect > form > .theme .item { display:block; width:200px; height:130px;float:left} body>.mainBackground>.eCardSelect > form > .theme .item label input { display:block;} body>.mainBackground>.eCardSelect > form > .theme .item .name { display:block; margin-left:24px; margin-top:-14px} body>.mainBackground>.eCardSelect > form > .game {clear:both } body>.mainBackground>.eCardSelect > form > .game .item { margin:0px 0px 20px;display:block; width:205px; height:46px;float:left} body>.mainBackground>.eCardSelect > form > .game .item label input { height:32px;margin-bottom:5px} body>.mainBackground>.eCardSelect > form > .game .item .name { font-weight:bold; display:block; margin-left:64px; margin-top:-34px;} body>.mainBackground>.eCardSelect > form > .game .item .freeUntil { font-size:10px; display:block; margin-left:64px; color:#CC0000 } body>.mainBackground>.eCardSelect > form > .game .item .price { font-size:10px; display:block; margin-left:64px; color:#CC0000 } body>.mainBackground>.eCardSelect > form >.messageBack {clear:both} body>.mainBackground>.eCardSelect > form > .languageArea { height:30px} body>.mainBackground>.eCardSelect > form >.languageArea > select{ position:relative; left:180px; top:-35px} body>.mainBackground>.eCardSelect > form > .criteria { display:none } body>.mainBackground>.eCardSelect > form >.criteria >#criteriaList .text { margin:5px 0px} body>.mainBackground>.eCardSelect > form > #viaEmail, body>.mainBackground>.eCardSelect > form > #viaFacebook{display:none; padding: 5px 10px; background: #E5DFCD; width: 600px} body>.mainBackground>.eCardSelect > form> #viaEmail > .fromNameEmail > input{ width:180px;} body>.mainBackground>.eCardSelect > form > #viaEmail> .fromNameEmail > input[name="fromName"]{ width:80px; margin-right:5px;} body>.mainBackground>.eCardSelect > form > #viaEmail> .toNameEmail .email{ width:180px;} body>.mainBackground>.eCardSelect > form > #viaEmail> .toNameEmail .name{ width:80px; margin-right:5px; margin-bottom: 5px;} body>.mainBackground>.eCardSelect > form > #viaEmail> .toNameEmail > input[type="button"]{ margin-bottom:35px;} body>.mainBackground>.eCardSelect> form > #viaEmail>.buttons {margin:20px 0px;} /*body>.mainBackground>.eCardSelect> form > #viaEmail>.buttons >.preview { width:100px } body>.mainBackground>.eCardSelect > form> #viaEmail >.buttons> .send{ margin-left: 40px;width:100px}*/ body>.mainBackground>.eCardSelect> form > #viaEmail>.buttons > .sendButton { margin-top: -46px; margin-left: 150px; } body>.mainBackground>.eCardSelect> form > #viaFacebook>.buttons {margin:30px 0px;} body>.mainBackground>.eCardSelect> form > #viaFacebook>.buttons > .facebookPostToWallButton { margin-top: -46px; margin-left: 140px; } body>.mainBackground>.eCardSelect> form > #viaFacebook>.buttons > .facebookSendPrivateMessageButton { margin-top: -77px; margin-left: 350px; } body>.mainBackground >.eCardSelect > form > .method{margin-top: 20px;} body>.mainBackground >.eCardSelect > form > .method > .facebookSelected {background: #E5DFCD; width: 120px; padding: 5px; margin-left: 130px; margin-top: -80px; height: 70px;text-align: center} body>.mainBackground >.eCardSelect > form > .method > .emailSelected {background: #E5DFCD; width: 120px; padding: 5px; height: 70px;text-align: center} body>.mainBackground >.eCardSelect > form > .method > .facebookNormal{ width: 120px; padding: 5px; margin-left: 130px; margin-top: -80px; height: 70px;text-align: center} body>.mainBackground >.eCardSelect > form > .method > .emailNormal { width: 120px; padding: 5px; height: 70px;text-align: center} body>.mainBackground >.eCardSelect > form > .method > #facebook > h3, body>.mainBackground >.eCardSelect > form > .method > #email > h3{ padding-top: 5px} body>.mainBackground >.eCardSelect > form > .method > #email > a{margin-left: auto;margin-right: auto;background:url(sendByEmail.1.png); display: block;height: 0px; width:49px; padding-top:50px; overflow: hidden;} body>.mainBackground >.eCardSelect > form > .method > #facebook > a{ margin-left: auto;margin-right: auto;background:url(sendByFacebook.1.png);display: block; overflow: hidden; padding-top:50px; width:49px; height: 0px} body>.mainBackground>.eCardConfirm > form >.settings { margin:30px 200px; border:2px solid #999999; padding: 30px 20px 60px} body>.mainBackground>.eCardConfirm > form >.settings > h3 {font-weight:bold; padding:5px} body>.mainBackground>.eCardConfirm > form >.settings > .settingsText{ position:relative; left:230px; top:-20px; width:300px;} body>.mainBackground>.eCardConfirm > form >.settings > .captcha { background:#E5DFCD;padding:20px 20px 10px; height:100px} body>.mainBackground>.eCardConfirm > form >.settings > .captcha > #recaptcha_image{height:57px; width:300px;} body>.mainBackground>.eCardConfirm > form >.settings > .captcha > .text {margin-top:20px} body>.mainBackground>.eCardConfirm > form >.settings > .captcha > a{ display:block; position:absolute; left:550px; bottom:146px; font-size:10px; } body>.mainBackground>.eCardConfirm > form >.settings > .captcha > input { position:relative; left:150px; bottom:38px; width:220px} body>.mainBackground>.eCardConfirm #submitting {text-align:center; background:#E5DFCD; height:120px; font-weight:bold; font-size:16px; padding-top:80px;margin:40px 220px; display:none} body>.mainBackground>.eCardConfirm input { width:100px; position:absolute; left:446px; margin-top:20px} body>.mainBackground>.eCardFinish { margin:70px 240px 70px; border:#E5DFCD solid 10px } body>.mainBackground>.eCardFinish > h1{ margin-bottom:40px; font-size:24px; text-align:center ; height:40px; padding-top:10px} body>.mainBackground>.eCardFinish >.text { margin-bottom:20px; padding:0px 50px 0px; text-align:center } body>.mainBackground>.eCardFinish > .email { margin-bottom:20px; text-align:center } body>.mainBackground>.eCardThanks > div{text-align:center; background:#E5DFCD; height:120px; font-weight:bold; font-size:16px; padding-top:80px;margin:50px 220px} body>.mainBackground>.eCardCard {background-position:center; height:680px; background-image:url(eCardBackground.3.png); background-repeat:no-repeat; margin-top:5px; margin-bottom:20px;} body>.mainBackground>.eCardCard >.eCard { display:block; width:760px; height:620px; position:absolute; top:40px;left:30px;} body>.mainBackground>.eCardCard >.ad { position:relative; left:796px; top:50px; width:160px} /* home Area*/ body>.mainBackground>.home { position:relative; width:980px; height:736px } body>.mainBackground>.home> .adBox { position:absolute; left:30px; top:18px;} body>.mainBackground>.home>.featuredGame { position:absolute; left:344px; top:18px; width:300px; height:260px; background:url(homeFeaturedBox.1.png)} body>.mainBackground>.home>.latestGame> h1, body>.mainBackground>.home>.popularGame > h1, body>.mainBackground>.home>.featuredGame > h1{position:absolute; left:10px; top:10px; } body>.mainBackground>.home>.featuredGame >.content { position:absolute; left:25px; top:62px; width:250px; height:150px } body>.mainBackground>.home>.latestGame { position:absolute; left:30px; top:292px; width:300px; height:434px; background:url(homeListBox.1.png) } body>.mainBackground>.home>.popularGame { position:absolute; left:344px; top:292px; width:300px; height:434px; background:url(homeListBox.1.png) } body>.mainBackground>.home>.latestGame >.listBigBox , body>.mainBackground>.home>.popularGame >.listBigBox{ position:absolute; left:25px; top:50px; width:250px; height:144px } body>.mainBackground>.home>.featuredGame >.content > .bigIcon, body>.mainBackground>.home>.latestGame >.listBigBox > .bigIcon, body>.mainBackground>.home>.popularGame >.listBigBox > .bigIcon { position:absolute; left:0px; top:0px } body>.mainBackground>.home>.featuredGame >.content > .bigTitle, body>.mainBackground>.home>.latestGame >.listBigBox > .bigTitle, body>.mainBackground>.home>.popularGame >.listBigBox > .bigTitle { position:absolute; left:116px; top:0px; width:134px } body>.mainBackground>.home>.featuredGame >.content > .bigDescriptions, body>.mainBackground>.home>.latestGame >.listBigBox > .bigDescriptions, body>.mainBackground>.home>.popularGame >.listBigBox > .bigDescriptions { position:absolute; left:116px; top:42px; width:134px; height:45px; overflow:hidden } body>.mainBackground>.home>.featuredGame >.content > .bigPlayButton, body>.mainBackground>.home>.latestGame >.listBigBox > .bigPlayButton, body>.mainBackground>.home>.popularGame >.listBigBox > .bigPlayButton { position:absolute; left:116px; bottom:10px } body>.mainBackground>.home>.latestGame > .list, body>.mainBackground>.home>.popularGame >.list{ position:absolute; left:21px; top:194px } body>.mainBackground>.home>.latestGame > .list > .item , body>.mainBackground>.home>.popularGame >.list > .item { position:relative; width:258px; height:41px } body>.mainBackground>.home>.latestGame > .list > .item >.smallIcon, body>.mainBackground>.home>.popularGame >.list > .item >.smallIcon { position:relative; top:3px } body>.mainBackground>.home>.latestGame > .list > .item >.smallTitle, body>.mainBackground>.home>.popularGame >.list > .item >.smallTitle { position:absolute; left:42px; top:5px; width:150px; height:36px } body>.mainBackground>.home>.latestGame > .list > .item >.new, body>.mainBackground>.home>.popularGame >.list > .item >.new { position:absolute; right:0px; top:14px } body>.mainBackground>.home>.latestGame > .list > .item >.updated, body>.mainBackground>.home>.popularGame >.list > .item >.updated { position:absolute; right:0px; top:13px } body>.mainBackground>.home>.latestGame > .more, body>.mainBackground>.home>.popularGame >.more { position:absolute; right:7px; bottom:7px; width:50px; height:16px; background:url(homeBoxMoreArrow.1.png); background-position:right; background-repeat:no-repeat } body>.mainBackground>.home>.news { position:absolute; left:658px; top:18px; width:292px; height:368px; background:url(homeNewsBox.5.png) } body>.mainBackground>.home>.news > h1{position:absolute; left:10px; top:10px; } body>.mainBackground>.home>.news >.list { position:absolute; left:18px; top:50px; width:264px; height:264px; overflow:hidden } body>.mainBackground>.home>.news >.list >.item { position:relative; width:246px; } body>.mainBackground>.home>.news >.list >.item >.date { position:relative; font-size: 12px; font-weight:bold; color: #666666 } body>.mainBackground>.home>.news >.list >.item >.text { position:relative; left:10px;} body>.mainBackground>.home>.news >.facebook { position:absolute; left:70px; bottom:16px; width:20px; height:20px; background:url(facebookIcon.1.png) } body>.mainBackground>.home>.news >.RSS { position:absolute; left:20px; bottom:16px; width:20px; height:20px; background:url(rss.4.png) } body>.mainBackground>.home>.news >.twitter { position:absolute; left:45px; bottom:16px; width:20px; height:20px; background:url(twitterIcon.1.png) } body>.mainBackground>.home>.news > .googleplus { position:absolute; left:95px; bottom:16px; width:20px; height:20px; background:url(googlePlusIcon.png) } body>.mainBackground>.home>.news > .linkedIn { position:absolute; left:120px; bottom:16px; width:20px; height:20px; background:url(linkedInIcon.png) } body>.mainBackground>.home>.news >.more { position:absolute; right:15px; bottom:16px; width:50px; height:16px; background:url(homeNewsMoreArrow.1.png); background-position:right; background-repeat:no-repeat } body>.mainBackground>.home>.business { position:absolute; left:658px; top:415px; padding:50px 20px 0px; width:252px; height:261px; background:url(homeBusinessBox.2.png) } body>.mainBackground>.home>.business > h1 { position:absolute; left:10px; top:10px;color:#FFFFFF } body>.mainBackground>.home>.business > div { height:100px; } body>.mainBackground>.home>.business > h2 { font-size:20px; color:#3888AF; text-align:center } body>.mainBackground>.home>.business > a { position:absolute; left:0px; top:0px; display:block; padding:250px 60px 5px; width:172px; height:56px; font-size:20px; font-weight:bold; text-align:center; color:#3888AF } /* Search */ body>.mainBackground > .search > h1{ margin-left:128px; margin-top:37px; margin-bottom:22px;} body>.mainBackground > .search > .total {position:absolute;left:630px; top:42px } body>.mainBackground > .search > .displaying { position:absolute; left:755px; top:42px } body>.mainBackground > .search > .game { margin:0px 125px 10px 115px; padding:1px; height:135px; border:1px solid #F2EFE6; background:#FFFFFF } body>.mainBackground > .search > .game .icon { margin:18px -118px -118px 18px; display:block } body>.mainBackground > .search > .game > .gameTitle { margin-left:141px; margin-top:24px; font-size:14px; font-weight:bold; color:#CC3300; display:block } body>.mainBackground > .search > .game > .descriptions { margin-left:141px; margin-top:20px } body>.mainBackground > .search > .game > .url { margin-left:141px; margin-top:20px; display:block } body>.mainBackground > .search > .pages{ margin-left:auto; margin-right:auto; margin-top:22px; text-align:center ; } body>.mainBackground > .search > .pages .previousPageButton { padding-top: 0px;padding-left:14px; padding-bottom:0px; background:url(gamePreviousPageButton.gif) top no-repeat;} body>.mainBackground > .search > .pages .nextPageButton{padding-top: 0px;padding-left:14px; padding-bottom:0px; padding-left:14px; background:url(gameNextPageButton.gif) top no-repeat;} body>.mainBackground > .search > .pages > .pageText { color:#CC3300; font-weight:bold; display:inline; margin-right:5px } body>.mainBackground > .search > .pages > div { color:#CC3300; font-weight:bold; display:inline; margin-right:5px } body>.mainBackground > .search > .pages > a { margin-right:5px } body>.mainBackground > .search >.internetText { margin:28px 86px 0px 86px; padding-top:22px; border-top:1px solid #C7C7C7; text-align:center } body>.mainBackground > .search >.googleBox, body>.mainBackground > .googleSearch>.googleBox { margin:18px auto 35px auto; width:360px } body>.mainBackground > .search > .searchNoMatch { position:relative; margin-left:293px; margin-top:34px; padding-top:99px; width:392px; height:105px; background:url(searchNoMatchBox.1.png);} body>.mainBackground > .search > .searchNoMatch > h1 {position:absolute; left:10px; top:10px; } body>.mainBackground > .search > .searchNoMatch > div { margin:0px auto 0px auto; padding-left:25px; width:130px; height:19px; background:url(searchNoMatchIcon.1.png); background-repeat:no-repeat; color:#000000; font-size:14px; text-align:right;} body>.mainBackground > .googleSearch> .googleResults { width:800px; margin:20px auto 20px auto } /* forum */ body>.mainBackground > .forums > .intro { margin:50px 114px 10px 114px; } body>.mainBackground > .forums > ol { margin:0px 114px 10px 114px; padding-left:20px } body>.mainBackground > .forums > .intro2 { margin:0px 114px 29px 114px; } body>.mainBackground > .forums > .forums { position:relative; margin-left:107px; margin-bottom:40px; padding-top:35px; width:769px; background:url(forumsIndexBoxTop.1.png); background-repeat:no-repeat } body>.mainBackground > .forums > .forums > h2{position:absolute; left:10px; top:10px;} body>.mainBackground > .forums > .forums > .topics { margin-left:379px; padding-top:5px; width:84px; height:22px; text-align:center; font-size:14px; font-weight:bold } body>.mainBackground > .forums > .forums > .posts{ margin-left:463px; margin-top:-27px; padding-top:5px; width:84px; height:22px; text-align:center; font-size:14px; font-weight:bold } body>.mainBackground > .forums > .forums > .lastPost { margin-left:547px; margin-top:-27px; padding-top:5px; width:222px; height:22px; text-align:center; font-size:14px; font-weight:bold } body>.mainBackground > .forums > .forums > .forum { position:relative; padding-top:15px; padding-bottom:20px; background:url(forumsIndexBoxMiddle.1.png); border-bottom:1px solid #492123; } body>.mainBackground > .forums > .forums > .forum > .name { margin-left:69px; width:305px; font-size:14px; font-weight:bold } body>.mainBackground > .forums > .forums > .forum > .descriptions { margin-left:15px; padding-left:55px; padding-top:11px; width:305px; background:url(forumsMessageIcon.gif); background-repeat:no-repeat;min-height:30px} body>.mainBackground > .forums > .forums > .forum > .topics { position:absolute; left:379px; top:34px; width:84px; text-align:center } body>.mainBackground > .forums > .forums > .forum > .posts { position:absolute; left:463px; top:34px; width:84px; text-align:center } body>.mainBackground > .forums > .forums > .forum > .lastPostName { position:absolute; left:547px; top:15px; width:222px; text-align:center } body>.mainBackground > .forums > .forums > .forum > .lastPostBy{ position:absolute; left:547px; top:55px; width:222px; text-align:center } body>.mainBackground > .forums > .forums > .forum > .lastPostDate { position:absolute; left:547px; top:70px; width:222px; text-align:center } body>.mainBackground > .forum { position:relative; margin-left:107px; margin-bottom:40px; margin-top:86px; width:769px; background:url(forumsForumBoxTop.1.png); background-repeat:no-repeat } body>.mainBackground > .forum > h1 { position:absolute; left:18px; top:4px; padding-left:30px; padding-top:5px; height:23px; background:url(forumsMessageIcon.gif); background-repeat:no-repeat } body>.mainBackground > .forum > h2 {color: #666666;} body>.mainBackground > .forum > h2.topics { padding-top:40px; padding-left:25px; width:214px; height:22px; font-size:14px; font-weight:bold } body>.mainBackground > .forum > h2.author { margin-left:239px; margin-top:-27px; padding-top:5px; width:105px; height:22px; font-size:14px; font-weight:bold; text-align:center } body>.mainBackground > .forum > h2.replies { margin-left:346px; margin-top:-27px; padding-top:5px; width:65px; height:22px; font-size:14px; font-weight:bold; text-align:center } body>.mainBackground > .forum > h2.views { margin-left:411px; margin-top:-27px; padding-top:5px; width:65px; height:22px; font-size:14px; font-weight:bold; text-align:center } body>.mainBackground > .forum > h2.date{ margin-left:476px; margin-top:-27px; padding-top:5px; width:138px; height:22px; font-size:14px; font-weight:bold; text-align:center } body>.mainBackground > .forum > h2.lastReply { margin-left:614px; margin-top:-27px; padding-top:5px; width:156px; height:22px; font-size:14px; font-weight:bold; text-align:center } body>.mainBackground > .forum > .thread { position:relative; padding-top:10px; padding-bottom:10px; min-height:30px; border-bottom:1px solid #492123; background:url(forumsForumBoxMiddle.1.png) } body>.mainBackground > .forum > .thread > .messageName { position:relative; display:block; left:10px; padding-left:36px; width:193px; min-height:21px; background:url(forumsForumMessageIcon.1.png); background-repeat:no-repeat; font-size:14px; font-weight:bold } body>.mainBackground > .forum > .thread > .pollName{ position:relative; display:block; left:10px; padding-left:36px; width:193px; min-height:21px; background:url(forumsForumPollIcon.1.png); background-repeat:no-repeat; font-size:14px; font-weight:bold } body>.mainBackground > .forum > .thread > .authorName { position:absolute; top:10px; left:239px; width:105px; text-align:center } body>.mainBackground > .forum > .thread > .authorIdentity { position:absolute; top:25px; left:239px; width:105px; text-align:center } body>.mainBackground > .forum > .thread > .replies{ position:absolute; top:10px; left:346px; width:65px; text-align:center } body>.mainBackground > .forum > .thread > .views { position:absolute; top:10px; left:411px; width:65px; text-align:center } body>.mainBackground > .forum > .thread > .date{ position:absolute; top:10px; left:476px; width:138px; text-align:center } body>.mainBackground > .forum > .thread > .lastReplyBy { position:absolute; top:10px; left:614px; width:156px; text-align:center } body>.mainBackground > .forum > .thread > .lastReplyDate { position:absolute; top:25px; left:614px; width:156px; text-align:center } body>.mainBackground > .forum > .newMessageTop { position:absolute; left:10px; top:-42px; padding-left:44px; padding-top:9px; height:20px; background:url(forumsNewMessageIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forum > .newPollTop { position:absolute; left:143px; top:-42px; padding-left:44px; padding-top:9px; height:20px; background:url(forumsNewPollIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forum > .newMessageBottom { position:relative; display:block; left:10px; margin-top:9px; margin-bottom:-38px; padding-left:44px; padding-top:9px; width:133px; height:20px; background:url(forumsNewMessageIcon.gif); background-repeat:no-repeat; color:#492123; z-index:2 } body>.mainBackground > .forum > .newPollBottom { position:relative; display:block; left:143px; margin-top:9px; margin-bottom:-38px; padding-left:44px; padding-top:9px; width:80px; height:20px; background:url(forumsNewPollIcon.gif); background-repeat:no-repeat; color:#492123; z-index:2 } body>.mainBackground > .forum > .pages { position:relative; width:733px; height:29px; padding-top:17px; padding-right:34px; border-left:1px solid #492123; border-right:1px solid #492123; border-bottom:1px solid #492123; background:url(forumsForumBoxBottom.1.png); text-align:right; font-weight:bold } body>.mainBackground > .forum > .pages > .previousPageButton { position:absolute; top:17px; right:22px; width:8px; height:13px; background:url(forumsForumPreviousPageButton.1.png) } body>.mainBackground > .forum > .pages > .nextPageButton { position:absolute; top:17px; right:12px; width:8px; height:13px; background:url(forumsForumNextPageButton.1.png) } body>.mainBackground > .forumMessage, body>.mainBackground > .forumPollResult{ position:relative; margin-left:107px; margin-bottom:40px; margin-top:86px; padding-top:36px; width:769px; background:url(forumsMessageBoxTop.1.png); background-repeat:no-repeat } body>.mainBackground > .forumMessage > h1, body>.mainBackground > .forumPollResult> h1 { position:absolute;left:18px; top:4px; padding-left:30px; padding-top:5px; height:23px; background:url(forumsMessageIcon.gif); background-repeat:no-repeat } body>.mainBackground > .forumMessage > .messages, body>.mainBackground > .forumPollResult > .messages { width:767px; padding-bottom:46px; margin-bottom:40px; border-left:1px solid #492123; border-right:1px solid #492123; border-bottom:1px solid #492123; background:url(forumsForumBoxBottom.1.png); background-repeat:repeat-x; background-position:center bottom } body>.mainBackground > .forumMessage > .newMessageTop, body>.mainBackground > .forumPollResult > .newMessageTop { position:absolute; left:10px; top:-42px; padding-left:44px; padding-top:9px; height:20px; background:url(forumsNewMessageIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forumMessage > .newPollTop, body>.mainBackground > .forumPollResult > .newPollTop { position:absolute; left:143px; top:-42px; padding-left:44px; padding-top:9px; height:20px; background:url(forumsNewPollIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forumMessage > .newMessageBottom , body>.mainBackground > .forumPollResult > .newMessageBottom{ position:relative; display:block; left:10px; margin-top:-77px; margin-bottom:-38px; padding-left:44px; padding-top:9px; width:133px; height:20px; background:url(forumsNewMessageIcon.gif); background-repeat:no-repeat; color:#492123; z-index:2 } body>.mainBackground > .forumMessage > .newPollBottom , body>.mainBackground > .forumPollResult > .newPollBottom{ position:relative; display:block; left:143px; margin-top:9px; padding-left:44px; padding-top:9px; width:80px; height:20px; background:url(forumsNewPollIcon.gif); background-repeat:no-repeat; color:#492123; z-index:2 } body>.mainBackground > .forumMessage > .messages .message, body>.mainBackground > .forumPollResult > .messages .message { border:1px solid #666666; } body>.mainBackground > .forumMessage > .messages .message > h2, body>.mainBackground > .forumPollResult > .messages .message > h2{ padding-left:15px; padding-top:4px; height:21px; margin-bottom:-21px; background:url(forumsMessageTitleBackground.1.png); font-weight:bold; color: #666666} body>.mainBackground > .forumMessage > .messages .message > .by, body>.mainBackground > .forumPollResult > .messages .message > .by{ height:21px; margin-right:140px; margin-bottom:-21px; text-align:right } body>.mainBackground > .forumMessage > .messages .message > .date, body>.mainBackground > .forumPollResult > .messages .message > .date { height:21px; margin-right:15px; text-align:right } body>.mainBackground > .forumMessage > .messages .message .text, body>.mainBackground > .forumPollResult > .messages .message .text { margin:20px 30px 20px 30px } body>.mainBackground > .forumMessage > .messages .message .option { display:block; margin:0px 35px 0px 35px } body>.mainBackground > .forumMessage > .messages .message .putVote { display:block; margin-left:30px; margin-top:20px; margin-bottom:-28px; padding-left:44px; padding-top:8px; width:100px; height:20px; background:url(forumsMessagePutVoteIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forumMessage > .messages .message .viewResults { display:block; margin-left:150px; margin-bottom:20px; padding-left:44px; padding-top:8px; width:100px; height:20px; background:url(forumsMessageViewResultIcon.gif); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forumPollResult .result { margin-left:50px; width:320px } body>.mainBackground > .forumPollResult .option { width:200px; line-height:20px } body>.mainBackground > .forumPollResult .barEven { margin-left:200px; margin-top:-20px; background:url(forumsMessageVoteBar0.1.png); height:20px; border-left:1px solid #660A00; border-right:1px solid #660A00 } body>.mainBackground > .forumPollResult .barOdd{ margin-left:200px; margin-top:-20px; background:url(forumsMessageVoteBar1.1.png); height:20px; border-left:1px solid #660A00; border-right:1px solid #660A00 } body>.mainBackground > .forumPollResult .percent { margin-left:530px; margin-top:-20px; margin-bottom:5px; line-height:20px } body>.mainBackground > .forumPollResult .total { margin:20px 30px 30px 30px } body>.mainBackground > .forumMessage > .messages .message > .postReplyButton { display:block; margin-left:auto; margin-right:0px; padding-bottom:10px; padding-left:44px; padding-top:9px; width:80px; height:21px; background:url(forumsMessagePostReplyButton.1.png); background-repeat:no-repeat; color:#492123 } body>.mainBackground > .forumMessage > .messages .group { margin-left:10px; padding-left:10px; margin-right:5px; border-left:2px solid #666666; background:url(forumsMessageReplyLine1.1.png); background-repeat:no-repeat } body>.mainBackground > .forumMessage > .messages .groupLast { margin-left:10px; padding-left:12px; margin-right:5px; background:url(forumsMessageReplyLine2.1.png); background-repeat:no-repeat } body>.mainBackground > .forumNewMessage, body>.mainBackground > .forumNewPoll{ position:relative; margin-left:176px; margin-bottom:40px; margin-top:26px; width:629px; padding-top:37px; background:url(forumsPostBar.1.png); background-repeat:no-repeat } body>.mainBackground > .forumNewMessage > h1, body>.mainBackground > .forumNewPoll > h1 { position:absolute;left:18px; top:4px; padding-left:30px; padding-top:5px; height:23px; background:url(forumsMessageIcon.gif); background-repeat:no-repeat } body>.mainBackground > .forumNewMessage > form, body>.mainBackground > .forumNewPoll > form{ margin:0px; padding:1px; background:#E5DFCD; border-left:1px solid #492123; border-right:1px solid #492123; border-bottom:1px solid #492123 } body>.mainBackground > .forumNewMessage > form > div > h2, body>.mainBackground > .forumNewPoll > form > div > h2 {color: #666666;} body>.mainBackground > .forumNewMessage > form > div > h2.name, body>.mainBackground > .forumNewPoll > form > div > h2.name { margin-left:17px; margin-top:22px; height:20px; font-weight:bold } body>.mainBackground > .forumNewMessage> form > div > input[name="name"], body>.mainBackground > .forumNewPoll> form > div > input[name="name"] { position:relative; left:150px; top:-20px; width:350px; border:1px solid #666666 } body>.mainBackground > .forumNewMessage > form > div > h2.subject, body>.mainBackground > .forumNewPoll > form > div > h2.subject { margin-left:17px; margin-top:-10px; height:20px; font-weight:bold } body>.mainBackground > .forumNewMessage> form > div > input[name="subject"] , body>.mainBackground > .forumNewPoll> form > div > input[name="subject"] { position:relative; left:150px; top:-20px; width:350px; border:1px solid #666666 } body>.mainBackground > .forumNewMessage > form > div > h2.message, body>.mainBackground > .forumNewPoll > form > div > h2.message { margin-left:17px; margin-top:-10px; height:20px; font-weight:bold } body>.mainBackground > .forumNewPoll > form > div > h2.options { margin-left:17px; margin-top:-10px; height:20px; font-weight:bold } body>.mainBackground > .forumNewMessage> form > div > textarea[name="message"], body>.mainBackground > .forumNewPoll> form > div > textarea[name="message"] { position:relative; left:150px; top:-20px; width:350px; height:110px; border:1px solid #666666 } body>.mainBackground > .forumNewPoll> form > div > textarea[name="options"] { position:relative; left:150px; top:-20px; width:350px; height:110px; border:1px solid #666666 } body>.mainBackground > .forumNewMessage > form > div >.postButton{ display:block; margin-left:150px; margin-bottom:20px; padding-left:44px; padding-top:9px; width:100px; height:20px; background:url(forumsPostMessageIcon.1.png); background-repeat:no-repeat; color:#666666 } body>.mainBackground > .forumNewPoll > form > div >.postButton { display:block; margin-left:150px; margin-bottom:20px; padding-left:44px; padding-top:9px; width:100px; height:20px; background:url(forumsPostPollIcon.1.png); background-repeat:no-repeat; color:#666666 } body>.mainBackground > .forumNewMessage #captcha, body>.mainBackground > .forumNewPoll #captcha{margin-left:150px } body>.mainBackground > .forumNewMessage #captcha #recaptcha_image , body>.mainBackground > .forumNewPoll #captcha #recaptcha_image { height:57px; width:300px;} body>.mainBackground > .forumNewMessage #captcha .text , body>.mainBackground > .forumNewPoll #captcha .text{ margin:20px 0px 20px} body>.mainBackground > .forumNewMessage #captcha .link , body>.mainBackground > .forumNewPoll #captcha .link { display:block; position:absolute; left:460px; bottom:110px; font-size:10px} body>.mainBackground > .forumNewMessage #captcha #recaptcha_response_field , body>.mainBackground > .forumNewPoll #captcha #recaptcha_response_field{ position:absolute; left:300px; bottom:66px} body>.mainBackground > .forumNewPoll #submitting , body>.mainBackground > .forumNewMessage #submitting {text-align:center; background:#E5DFCD; height:160px; font-weight:bold; font-size:14px; padding-top:100px; border:1px solid #492123; margin-top:-1px; display:none} body>.mainBackground > .forumThanks { position:relative; margin-left:113px; margin-top:18px; margin-bottom:50px; width:756px; height:286px; background:url(contactThanksBox.1.png) } body>.mainBackground > .forumThanks > h1 { position:absolute; left:10px; top:10px; } body>.mainBackground > .forumThanks > div { position:relative; width:500px; margin-left:auto; margin-right:auto; text-align:center; top:110px} /* news letter */ body>.mainBackground > .newsletters { position:relative; margin-left:113px; margin-top:25px; margin-bottom:37px; padding-bottom:11px; width:756px; background:url(newsletterBackgroundBottom.1.png); background-repeat:no-repeat; background-position:bottom } body>.mainBackground > .newsletters > h1 { position:absolute; left:10px; top:10px;z-index:2 } body>.mainBackground > .newsletters >.intro { position:relative; padding-left:26px; padding-top:52px; height:20px; background:url(newsletterBackgroundTop.1.png); background-repeat:no-repeat; z-index:1 } body>.mainBackground > .newsletters >.title { position:relative; padding-left:26px; padding-top:40px; margin-top:-28px; padding-bottom:130px; background:url(newsletterBackgroundMiddle.1.png); font-weight:bold; font-size:14px; z-index:0 } body>.mainBackground > .newsletters > form > div > .name { position:absolute; left:26px; top:120px; z-index:1 } body>.mainBackground > .newsletters > form > div > .email { position:absolute; left:26px; top:150px; z-index:1 } body>.mainBackground > .newsletters > form > div > input[name="name"]{ position:absolute; left:140px; top:120px; width:300px; border:1px solid #666666; float:left; z-index:1 } body>.mainBackground > .newsletters > form > div > input[name="email"]{ position:absolute; left:140px; top:150px; width:300px; border:1px solid #666666; float:left; z-index:1 } body>.mainBackground > .newsletters > form > div > input[name="subscribe"] { position:absolute; left:140px; top:180px; width:100px; z-index:1 } body>.mainBackground > .newsletters > form > div > input[name="unsubscribe"] { position:absolute; left:260px; top:180px; width:100px; z-index:1 } body>.mainBackground > .newsletters >.pastIssuesArea { position:relative; width:657px; padding-top:20px; padding-left:24px; padding-right:75px; padding-bottom:100px; background:url(newsletterBackgroundMiddle.1.png) } body>.mainBackground > .newsletters >.pastIssuesArea > div { height:24px; padding-left:10px; padding-top:7px; background:#666666; color:#A7A7A7; font-size:14px; font-weight:bold } body>.mainBackground > .newsletters >.pastIssuesArea > a { position:relative; width:81px; margin-right:-1px; margin-bottom:-1px; border:1px solid #575757; padding-top:4px; height:22px; text-align:center; display:block; float:left } body>.mainBackground >.newslettersResult{ position:relative; margin-left:113px; margin-top:18px; margin-bottom:50px; width:756px; height:285px; padding-top:1px; background:url(contactThanksBox.1.png) } body>.mainBackground >.newslettersResult > h1 { position:absolute; left:10px; top:10px; } body>.mainBackground >.newslettersResult > h2 { position:relative; margin-left:100px; margin-right:100px; margin-top:80px; } body>.mainBackground >.newslettersResult > div { position:relative; margin-left:120px; margin-right:120px; margin-top:30px } /* suggest game */ body>.mainBackground >.suggestBox { position:relative; margin-left:113px; margin-top:25px; margin-bottom:25px; width:756px; height:622px; background:url(suggestBox.1.png) } body>.mainBackground >.suggestBox > h1{position:absolute; left:10px; top:10px;} body>.mainBackground >.suggestBox > ul{ padding-left:0px; padding-top:55px; margin-left:50px } body>.mainBackground >.suggestBox >.suggestIntro { margin-left:30px; margin-right:30px; padding-bottom:20px;} body>.mainBackground >.suggestBox >form> div > div{ margin-left:120px; margin-top:10px; margin-bottom:-18px } body>.mainBackground >.suggestBox >form> div> input[name="name"] { margin-left:200px; width:335px; border:1px solid #666666 } body>.mainBackground >.suggestBox >form> div> input[name="email"]{ margin-left:200px; width:335px; border:1px solid #666666 } body>.mainBackground >.suggestBox >form> div> textarea[name="idea"] { margin-left:200px; width:335px; height:130px; border:1px solid #666666 } body>.mainBackground >.suggestBox >form> div> .intro { margin-left:30px; margin-top:20px; margin-bottom:10px } body>.mainBackground >.suggestBox >form> div> ul { margin-right:30px } body>.mainBackground >.suggestBox >form> div>.agreementAccept { margin-left:30px } body>.mainBackground >.suggestBox >form> div> input[type="button"] { position:absolute; left:340px; bottom:16px; width:auto} body>.mainBackground > .suggestThanks { position:relative; margin-left:113px; margin-top:18px; margin-bottom:50px; width:756px; height:286px; background:url(contactThanksBox.1.png) } body> .mainBackground > .suggestThanks > h1{position:absolute; left:10px; top:10px;} body>.mainBackground >.suggestThanks> div { position:relative; width:500px; margin-left:auto; margin-right:auto; text-align:center; top:130px} /* siteMap */ body> .mainBackground > .siteMap > h1 { margin-left:40px; margin-top:25px; margin-bottom:27px; } body> .mainBackground > .siteMap > .subtitle { display:block; margin-left:76px; margin-bottom:12px; font-size:14px; font-weight:bold; clear:both } body> .mainBackground > .siteMap > .subSubtitle{ display:block; margin-left:95px; margin-bottom:8px; font-size:14px; font-weight:bold; clear:both } body> .mainBackground > .siteMap > .category { margin-left:95px; width:700px; clear:both } body> .mainBackground > .siteMap > .category > .title { display:block; margin-bottom:8px; font-size:14px; font-weight:bold } body> .mainBackground > .siteMap > .category > .game { float:left; width:140px; height:100px } body> .mainBackground > .siteMap > .category > .game > .gameTitle {font-size:12px; font-weight:normal;color:#CC3300;text-decoration:none} body> .mainBackground > .siteMap > .category > .game > a{ display:block; color:#666666; font-size:10px; text-decoration:underline } body> .mainBackground > .siteMap > .category > .wiiGame { float:left; width:140px; height:30px } body> .mainBackground > .siteMap > .category > .ps3Game { float:left; width:140px; height:30px } body> .mainBackground > .siteMap > .tipsGame { margin-left:95px; width:700px; clear:both } body> .mainBackground > .siteMap > .tipsGame > div{ clear:both } body> .mainBackground > .siteMap > .tipsGame > a { float:left; width:175px; height:30px } /* pressRelease */ body>.mainBackground > .pressRelease{ margin-left:113px; margin-bottom:25px; margin-top:44px; width:756px; background:url(newsletterBackgroundMiddle.1.png) } body>.mainBackground > .pressRelease > h1{ left:0px; top:0px; padding-left:10px; padding-top:10px; height:34px; width:746px; background:url(newsletterBackgroundTop.1.png) } body>.mainBackground > .pressRelease > .date{ margin-left:9px; padding-left:9px; padding-top:14px; width:143px; height:25px; border-right:1px solid #666666; color:#666666; font-size:14px; font-weight:bold } body>.mainBackground > .pressRelease > .title { margin-top:-40px; margin-left:152px; right:0px; margin-right:8px; padding-left:16px; padding-top:14px; width:570px; height:25px; color:#666666; font-size:14px; font-weight:bold } body>.mainBackground > .pressRelease > .list { padding-bottom:11px; background:url(newsletterBackgroundBottom.1.png); background-repeat:no-repeat; background-position:bottom } body>.mainBackground > .pressRelease > .list > .item { position:relative; width:756px; height:23px } body>.mainBackground > .pressRelease > .list > .item > .date{ margin-left:9px; padding-left:10px; padding-top:6px; width:142px; height:16px; border-right:1px solid #666666; border-top:1px solid #666666 } body>.mainBackground > .pressRelease > .list > .item > .title{ position:absolute; top:0px; right:0px; margin-right:8px; padding-left:17px; padding-top:6px; width:569px; height:16px; border-top:1px solid #666666; display:block } body>.mainBackground > .pressReleaseDetail { margin-left:113px; margin-top:44px; margin-bottom:25px; width:756px; background:url(newsletterBackgroundMiddle.1.png) } body>.mainBackground > .pressReleaseDetail > h1{ left:0px; top:0px; padding-left:10px; padding-top:10px; height:34px; width:746px; background:url(newsletterBackgroundTop.1.png) } body>.mainBackground > .pressReleaseDetail >.content { min-height:300px; padding-bottom:30px; background:url(newsletterBackgroundBottom.1.png); background-repeat:no-repeat; background-position:bottom } body>.mainBackground > .pressReleaseDetail >.content > .adBox { margin-left:30px; margin-bottom:30px; margin-right:26px; margin-top:50px; float:right } body>.mainBackground > .pressReleaseDetail >.content > .adBox > a { top:387px} body>.mainBackground > .pressReleaseDetail >.content > .text { padding-left:35px; padding-right:180px; padding-top:20px } /* about us*/ body>.mainBackground> .aboutArea { position:relative; padding-left:38px; padding-top:33px; height:750px } body>.mainBackground> .aboutArea > h1 { position:relative; padding-left:9px; padding-top:5px; padding-bottom:5px; width:628px; height:17px; background:#FFF27F; } body>.mainBackground> .aboutArea> div { position:relative; margin-left:48px; margin-top:13px; margin-bottom:28px; width:589px } body>.mainBackground> .aboutArea> ol { position:relative; margin-left:68px; margin-top:13px; margin-bottom:28px; margin-right:314px; padding-left:0px } body>.mainBackground> .aboutArea>.aboutWebsite { position:absolute; left:680px; top:37px; border-left:1px solid #999999; padding-left:34px; height:534px; color:#CC3300; font-size:16px; font-weight:bold ; width:200px} body>.mainBackground> .aboutArea>.aboutWebsiteText { position:absolute; left:720px; top:70px; width:180px } body>.mainBackground> .aboutArea> .aboutWebsiteCertifyIcons { position:absolute; left:720px; top:140px; width:180px; text-align:center } body>.mainBackground> .aboutArea> .aboutWebsiteCertifyIcons > a { margin-bottom:15px; display:block } body>.mainBackground> .aboutArea> .aboutWebsiteCredits { position:absolute; left:720px; top:340px; width:180px } body>.mainBackground> .aboutArea> .aboutWebsiteCredits .role { display:inline; font-weight:bold } body>.mainBackground> .aboutArea> .aboutWebsiteCredits .names { display:inline } /* career*/ body>.mainBackground>.careerBox{margin-left:113px; margin-top:25px; } body>.mainBackground>.careerBox > .top {position:relative;background:url(careerBoxTop.1.png) ; background-repeat:no-repeat; width:795px;height:54px;} body> .mainBackground > .careerBox > .top > h1{position:absolute; left:10px; top:15px;} body>.mainBackground>.careerBox > .content {background:url(careerBoxMiddle.1.png) ; background-repeat:repeat; width:795px;} body>.mainBackground>.careerBox > .content > .intro { padding-left:25px; padding-top:5px; width:745px } body>.mainBackground>.careerBox > .content > .intro2 { position:relative; padding-left:25px; padding-bottom:5px; width:716px } body>.mainBackground>.careerBox > .content > .noVacancy { position:relative; margin:150px auto; text-align:center; font-size: 16px; font-weight:bold; color: #CC3300 } body>.mainBackground>.careerBox > .content > .openings{ position:relative; padding-left:40px; width:700px} body>.mainBackground>.careerBox > .content > .openings > table{ border:1px solid #cdc2ab;border-collapse: collapse;width:700px;margin-top:26px; margin-bottom:26px;} body>.mainBackground>.careerBox > .content > .openings > table td{ padding:5px;border:1px solid #cdc2ab;} body>.mainBackground>.careerBox > .content > .openings > table .header{ background:#e5dfcd;font-weight:bold;width:150px;vertical-align:top} body>.mainBackground>.careerBox > .bottom {position:relative;background:url(careerBoxBottom.1.png);display:block;width:795px;height:20px;margin-bottom:20px;} /* contact*/ body>.mainBackground>.contactArea { height:840px } body>.mainBackground>.contactArea > .contactForm { position:relative; width:756px; height:412px; margin-left:113px; margin-top:18px; background:url(contactFormBackground.1.png) } body>.mainBackground>.contactArea > .contactForm > h1{position:absolute; left:10px; top:10px;} body>.mainBackground>.contactArea > .contactForm >.contactFormIntro { position:absolute; left:10px; top:50px; width:736px } body>.mainBackground>.contactArea > .contactForm > form >.contactFormName { position:absolute; left:10px; top:90px } body>.mainBackground>.contactArea > .contactForm > form input[name="name"] { position:absolute; left:93px; top:90px; width:335px; border:1px solid #666666 } body>.mainBackground>.contactArea > .contactForm > form >.contactFormEmail { position:absolute; left:10px; top:130px } body>.mainBackground>.contactArea > .contactForm > form input[name="email"]{ position:absolute; left:93px; top:130px; width:335px; border:1px solid #666666 } body>.mainBackground>.contactArea > .contactForm> form >.contactFormSubject { position:absolute; left:10px; top:170px } body>.mainBackground>.contactArea > .contactForm > form input[name="subject"] { position:absolute; left:93px; top:170px; width:335px; border:1px solid #666666 } body>.mainBackground>.contactArea > .contactForm> form >.contactFormMessage { position:absolute; left:10px; top:210px } body>.mainBackground>.contactArea > .contactForm > form textarea[name="message"]{ position:absolute; left:93px; top:210px; width:460px; height:150px; border:1px solid #666666 } body>.mainBackground>.contactArea > .contactForm > form input[type="button"] { position:absolute; left:93px; top:370px; width:80px } body>.mainBackground>.contactArea > .contactFormIntro2 { margin-left:132px; margin-top:21px; margin-bottom:17px; width:718px } body>.mainBackground>.contactArea > .contactTableTitle { padding-left:8px; padding-top:4px; margin-left:130px; margin-top:-1px; font-weight:bold; width:169px; height:18px; background:#E5DFCD; border-top:1px solid #BABABA; border-bottom:1px solid #BABABA; border-left:1px solid #BABABA; float:left } body>.mainBackground>.contactArea > .contactTableText { width:360px; height:18px; padding-left:15px; padding-top:4px; margin-right:290px; margin-top:-1px; border-top:1px solid #BABABA; border-bottom:1px solid #BABABA; border-right:1px solid #BABABA; float:left } body>.mainBackground>.contactArea > .contactTableAddress { height:70px } body>.mainBackground>.contactArea > .contactTableOfficeHour { height:80px } body>.mainBackground>.contactArea > .contactTableHours { margin-bottom:10px } body>.mainBackground>.contactThanks { position:relative; margin-left:113px; margin-top:18px; margin-bottom:50px; width:756px; height:286px; background:url(contactThanksBox.1.png) } body>.mainBackground>.contactThanks > h1{position:absolute; left:10px; top:10px;} body>.mainBackground> .contactThanks > div { position:relative; margin-left:auto; margin-right:auto; text-align:center; top:130px} /* privacy statement*/ body>.mainBackground> .privacyStatement > .intro { position:relative; width:900px; padding-left:43px; padding-top:25px; padding-right:43px; padding-bottom:25px } body>.mainBackground> .privacyStatement> .item {padding-bottom:40px } body>.mainBackground> .privacyStatement> .item > h2 { margin-left:43px; margin-right:43px; padding-left:9px; padding-top:5px; padding-bottom:5px; background:#FFF27F; color:#CC3300; font-size:16px; font-weight:bold } body>.mainBackground> .privacyStatement> .item > div { margin-left:98px; margin-right:98px; padding-top:15px; } /* send to friends */ body>.mainBackground > .send {margin-left:290px; margin-top:25px; margin-bottom:25px; width: 407px; height: 252px;position:relative; background:url(sendIndexBox.1.png)} body>.mainBackground > .send > h1 { position:absolute; left:10px; top:10px;z-index:1} body>.mainBackground > .send > .intro { margin-left: auto; margin-right: auto; padding-top: 70px; width: 300px;text-align:center;} body>.mainBackground > .send > .content{position:relative; width:657px; padding-top:30px; padding-left:24px; padding-right:75px; padding-bottom:100px; } body>.mainBackground > .send > .content > .email{margin-left: 90px;background:url(sendByEmail.1.png); display: block;height: 0px; width:49px; padding-top:50px; overflow: hidden;} body>.mainBackground > .send > .content > .facebook{margin-left: 210px; margin-top: -50px;background:url(sendByFacebook.1.png);display: block; overflow: hidden; padding-top:50px; width:49px; height: 0px} body>.mainBackground > .sendByEmail{ display: none} body>.mainBackground > .sendByEmail >.sendBox { position:relative; margin-left:195px; margin-top:19px; padding-top:1px; width:585px; height:301px; background:url(sendBox.1.png)} body>.mainBackground>.sendByEmail>.sendBox > h1{position:absolute; left:10px; top:10px;} body>.mainBackground > .sendByEmail>.sendBox > .sendIntro { margin-left:20px; margin-right:20px; margin-top:60px; margin-bottom:30px } body>.mainBackground > .sendByEmail>.sendBox > form > div > div { margin-left:20px; height:20px; margin-bottom:-20px } body>.mainBackground > .sendByEmail>.sendBox > form > div > input[type="text"]{ margin-left:150px; margin-bottom:10px; width:330px; border:1px solid #666666 } body>.mainBackground > .sendByEmail>.sendBox > form > div > input[type="button"] { position:absolute; left:150px; bottom:22px; width:80px } body>.mainBackground > .sendByEmail > h2 { margin-left:220px; margin-top:25px; margin-bottom:20px;} body>.mainBackground > .sendByEmail > .emailContent { margin-left:195px; margin-bottom:40px; padding:30px 20px; border:1px solid #666666; width:543px } body>.mainBackground > .sendResult{ position:relative; margin-left:113px; margin-top:18px; margin-bottom:50px; width:756px; height:285px; padding-top:1px; background:url(contactThanksBox.1.png) } body>.mainBackground>.sendResult > h1{position:absolute; left:10px; top:10px;} body>.mainBackground > .sendResult > h2{ position:relative; margin-left:100px; margin-right:100px; margin-top:80px; font-size:14px; font-weight:bold } body>.mainBackground > .sendResult > div { position:relative; margin-left:120px; margin-right:120px; margin-top:30px } /* news page */ body>.mainBackground>.news { margin-bottom:40px } body>.mainBackground>.news > h1 { margin-left:107px; margin-top:26px; padding-left:10px; padding-top:10px; width:759px; height:26px; background:url(newsTitleBar.1.png);} body>.mainBackground>.news > .date { margin-left:107px; margin-bottom:-27px; padding-left:14px; padding-top:7px; width:102px; height:19px; border-left:1px solid #492123; border-right:1px solid #492123; border-bottom:1px solid #492123; background:url(newsSubtitleBar.1.png); color:#666666; font-size:14px; font-weight:bold } body>.mainBackground>.news > .content { margin-left:225px; padding-left:14px; padding-top:7px; width:636px; height:19px; border-right:1px solid #492123; border-bottom:1px solid #492123; background:url(newsSubtitleBar.1.png); color:#666666; font-size:14px; font-weight:bold} body>.mainBackground>.news > .item { margin-left:107px; width:767px; border-left:1px solid #492123; border-right:1px solid #492123; border-bottom:1px solid #492123; } body>.mainBackground>.news > .item >.date{ padding:14px 30px 14px 14px; width:72px; height:30px; margin-bottom:-58px; border-right:1px solid #492123; } body>.mainBackground>.news > .item >.content { margin-left:118px; padding:14px; width:632px; min-height:30px } /* error */ body>.mainBackground> .error> h1 { margin-left:384px; margin-top:72px; width:180px; padding-top:170px; text-align:center; background:url(errorIcon.1.png); background-repeat:no-repeat;} body>.mainBackground> .error > div { margin-left:200px; margin-right:200px; margin-top:20px; margin-bottom:80px } /* Support */ body>.mainBackground > .support > .introduction { position:relative; width:900px; padding-left:43px; padding-top:25px; padding-right:43px; padding-bottom:10px } body>.mainBackground > .support > h2{ margin-left:43px; margin-right:43px; padding-left:9px; padding-top:5px; padding-bottom:5px; background:#FFF27F; color:#CC3300; font-size:16px; font-weight:bold } body>.mainBackground > .support > ul { padding-bottom:20px; margin-bottom:0px } body>.mainBackground > .support > ul > .question { margin-left:72px; margin-right:72px; list-style-image:url(supportQuestionIcon.1.png); padding-left:7px; padding-bottom:5px; cursor:pointer } body>.mainBackground > .support > ul > .answer { margin-left:115px; margin-right:115px; list-style-image:url(supportAnswerIcon.1.png); padding-left:7px; padding-bottom:10px; display:none } /* Games */ body >.popupLinkArea { padding-top:40px; width:600px; text-align:center } body>.mainBackground >.awards > h1 { margin-left:130px; margin-top:50px; } body>.mainBackground >.awards > .list { margin:40px 130px 40px 130px } body>.mainBackground >.awards > .list > .award { float:left; padding:20px; width:200px; height:150px } body>.mainBackground >.awards > .list > .end { clear:both } body>.mainBackground >.releaseNotes { position:relative; margin-left:113px; margin-top:25px; margin-bottom:25px; width:756px; background:url(releaseNotesBackgroundMiddle.1.png) } body>.mainBackground >.releaseNotes > h1 { left:0px; top:0px; padding-left:10px; padding-top:10px; height:34px; width:746px; background:url(newsletterBackgroundTop.1.png) } body>.mainBackground >.releaseNotes > .list { padding-bottom:11px; background:url(newsletterBackgroundBottom.1.png); background-repeat:no-repeat; background-position:bottom } body>.mainBackground >.releaseNotes > .list > .date{ margin-left:9px; padding-left:9px; padding-top:14px; width:91px; height:25px; color:#666666; font-size:14px; font-weight:bold } body>.mainBackground >.releaseNotes > .list > .version { padding-left:9px; padding-top:14px; width:71px; height:25px; margin-top:-39px; margin-left:109px; color:#666666; font-size:14px; font-weight:bold } body>.mainBackground >.releaseNotes > .list > .details { padding-left:9px; padding-top:14px; height:25px; margin-top:-39px; margin-left:189px; margin-right:8px; color:#666666; font-size:14px; font-weight:bold } body>.mainBackground >.releaseNotes > .list > .item { margin-left:9px; margin-right:8px; width:739px } body>.mainBackground >.releaseNotes > .list > .item > .date { padding-left:9px; padding-top:6px; width:91px; height:20px; border-top:1px solid #666666} body>.mainBackground >.releaseNotes > .list > .item > .version{ padding-left:9px; padding-top:6px; width:71px; height:20px; margin-top:-27px; margin-left:100px; margin-bottom:-27px; border-top:1px solid #666666 } body>.mainBackground >.releaseNotes > .list > .item > .details { margin-left:180px; margin-right:0px; padding-left:9px; padding-top:6px; padding-bottom:6px; border-top:1px solid #666666 } body>.mainBackground >.gamesDownload {height:500px} body>.mainBackground >.gamesDownload > .gamesBox {position:relative; height: 150px; width: 300px;margin-left:145px; margin-top:39px; padding-top:1px} body>.mainBackground >.gamesDownload > .gamesBox > img{position:relative; margin-top:15px} body>.mainBackground >.gamesDownload > .gamesBox > h2{font-size: 15px;color:#CC3300;position:relative;margin-left:130px;margin-top:-85px;margin-bottom:10px} body>.mainBackground >.gamesDownload > .gamesBox > p{position:relative;margin-left:130px;} body>.mainBackground >.gamesDownload > .gameAd {position:absolute; left: 145px; margin-top: -270px;} body>.mainBackground >.gamesDownload > .platformList {position:relative; margin-left:500px; margin-top:-120px; width:330px;} body>.mainBackground >.gamesDownload > .platformList > .item{ height:80px; border:1px solid #FFFFFF;} body>.mainBackground >.gamesDownload > .platformList > .itemMiddle{border-top: 1px solid #666666;} body>.mainBackground >.gamesDownload > .platformList > .item > h2 {font-size: 12px;font-weight:normal;position:relative; padding-left: 40px;padding-top:15px; margin-top: 15px;display:block;width:120px; height: 32px; margin-left:10px; text-align: left} body>.mainBackground >.gamesDownload > .platformList > .item > h3 {font-size: 10px;font-weight:normal;position:relative; margin-left:190px; margin-top:-43px;} body>.mainBackground >.gamesDownload > .platformList > .item > a { position:relative; margin-left:190px; margin-top:5px; } body>.mainBackground >.gamesDownload > .platformList > .item > .windows{background:url(gameDownloadWindowsIcon.1.png) no-repeat; background-position:left; } body>.mainBackground >.gamesDownload > .platformList > .item > .mac{background:url(gameDownloadMacIcon.1.png) no-repeat; background-position:left; } body>.mainBackground >.gamesDownload > .platformList > .item > .ubuntu{background:url(gameDownloadUbuntuIcon.1.png) no-repeat; background-position:left; } body>.mainBackground >.gamesDownload > .platformList > .item > .fedora{background:url(gameDownloadFedoraIcon.1.png) no-repeat; background-position:left; } body>.mainBackground >.gamesDownload > .platformList > .item > .adobe{background:url(gameDownloadAdobeAirIcon.1.png) no-repeat;background-position:left; } body>.mainBackground > .game .sortActive { color: #CC3300; text-decoration:underline } body>.mainBackground > .game .sortDate { position:absolute; left:10px; top:39px } body>.mainBackground > .game .sortPopularity { position:absolute; left:100px; top:39px } body>.mainBackground > .game .sortName { position:absolute; left:220px; top:39px } body>.mainBackground > .game .sortLink { color: #CC3300; text-decoration:none } body>.mainBackground > .game .sortLink:hover { text-decoration:underline } body>.mainBackground > .game .pagesTop { position:absolute; top:39px; right:14px; color:#CC3300 } body>.mainBackground > .game .pagesBottom { position:relative; margin-top:-1px; padding-top:13px; padding-right:14px; width:758px; height:29px; color:#CC3300; background:url(gameIndexListBackgroundBottom.1.png); text-align:right } body>.mainBackground > .game .pagesNumbers { display:inline } body>.mainBackground > .game .pagesCurrent { font-weight:bold } body>.mainBackground > .game .firstPage{ width:14px; height:14px; background:url(gameFirstPageButton.gif); vertical-align:middle } body>.mainBackground > .game .previousPage { width:14px; height:14px; background:url(gamePreviousPageButton.gif); vertical-align:middle } body>.mainBackground > .game .nextPage{ width:14px; height:14px; background:url(gameNextPageButton.gif); vertical-align:middle } body>.mainBackground > .game .lastPage { width:14px; height:14px; background:url(gameLastPageButton.gif); vertical-align:middle } body>.mainBackground > .game .adBox { position:absolute; right:30px; bottom:28px; width:336px; height:280px } body>.mainBackground > .game .adReportsLink { width:336px; top:280px} body>.mainBackground > .game .tallAd { position:absolute; left:19px; width:160px; height:600px } body>.mainBackground > .game > .list h1{position:absolute; left:10px; top:10px; } body>.mainBackground > .game > .list > .gamelist{ position:relative; padding-left:12px; width:760px; min-height:505px; background:url(gameIndexListBackgroundMiddle.1.png) } body>.mainBackground > .game > .list > .gamelist >.game { position:relative; float:left; height:168px; width:373px; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; margin-right:-1px; margin-bottom:-1px } body>.mainBackground > .game > .list > .gamelist >.game-1 { float:none; clear:both } body>.mainBackground > .game > .list > .gamelist >.game-0 { float:none; clear:both } body>.mainBackground > .game > .list > .gamelist >.game > .icon { position:absolute; left:22px; top:19px } body>.mainBackground > .game > .list > .gamelist >.game > .title { position:absolute; left:138px; top:19px; width:140px } body>.mainBackground >.flashgameIndex { position:relative; width:980px; min-height: 980px} body>.mainBackground >.multiplayerflashgameIndex { position:relative; width:980px; min-height: 500px} body>.mainBackground >.gameIndex { position:relative; width:980px;} /*body>.mainBackground >.gameIndex > .categories { position:relative; margin-left:18px; margin-top:17px; width:162px; height:511px; background:url(gameCategoriesBackground.2.png) }*/ body>.mainBackground >.gameIndex > .categories { position:absolute; margin-left:18px; width:162px; background:url(gameCategoriesBackgroundMiddle.1.png)} body>.mainBackground >.gameIndex > .categories > h1 { padding-top:10px; width:162px; height:30px; text-align:center; background:url(gameCategoriesBackgroundTop.1.png)} body>.mainBackground >.gameIndex > .categories > .categoryLink{ display:block; margin-left:8px; margin-top:8px; padding-left:23px; padding-top:3px; width:123px; height:22px; font-weight:bold; line-height:10px; } /*body>.mainBackground >.gameIndex > .categories > .categoryLink {}(*/ body>.mainBackground >.gameIndex > .categories > .count { font-size:10px; font-weight:normal } body>.mainBackground >.gameIndex > .categories > .categoryLinkAll { background:url(gameIndexCategoryIconAll.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink1 { background:url(gameIndexCategoryIcon1.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink2 { background:url(gameIndexCategoryIcon2.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink3 { background:url(gameIndexCategoryIcon3.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink4 { background:url(gameIndexCategoryIcon4.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink5 { background:url(gameIndexCategoryIcon5.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink6 { background:url(gameIndexCategoryIcon6.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink7 { background:url(gameIndexCategoryIcon7.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink8 { background:url(gameIndexCategoryIcon8.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink9 { background:url(gameIndexCategoryIcon9.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink10 { background:url(gameIndexCategoryIcon10.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink11 { background:url(gameIndexCategoryIcon11.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink12 { background:url(gameIndexCategoryIcon12.gif); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink13 { background:url(gameIndexCategoryIcon13.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink14 { background:url(gameIndexCategoryIcon14.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink15 { background:url(gameIndexCategoryIcon15.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink16 { background:url(gameIndexCategoryIcon16.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink17 { background:url(gameIndexCategoryIcon17.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink18 { background:url(gameIndexCategoryIcon18.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink19 { background:url(gameIndexCategoryIcon19.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink20 { background:url(gameIndexCategoryIcon20.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink21 { background:url(gameIndexCategoryIcon21.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink22 { background:url(gameIndexCategoryIcon22.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink23 { background:url(gameIndexCategoryIcon23.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink24 { background:url(gameIndexCategoryIcon24.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink25 { background:url(gameIndexCategoryIcon25.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink26 { background:url(gameIndexCategoryIcon26.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink27 { background:url(gameIndexCategoryIcon27.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink28 { background:url(gameIndexCategoryIcon28.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink29 { background:url(gameIndexCategoryIcon29.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink30 { background:url(gameIndexCategoryIcon30.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink31 { background:url(gameIndexCategoryIcon31.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink32 { background:url(gameIndexCategoryIcon32.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink33 { background:url(gameIndexCategoryIcon33.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink34 { background:url(gameIndexCategoryIcon34.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink35 { background:url(gameIndexCategoryIcon35.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink36 { background:url(gameIndexCategoryIcon36.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink37 { background:url(gameIndexCategoryIcon37.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink38 { background:url(gameIndexCategoryIcon38.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink39 { background:url(gameIndexCategoryIcon39.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink40 { background:url(gameIndexCategoryIcon40.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink41 { background:url(gameIndexCategoryIcon41.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryLink42 { background:url(gameIndexCategoryIcon42.1.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .categories > .categoryAllInOneLink { display:block;width:132px; height: 30px;font-weight:bold ;background:url(gameCategoriesBackgroundBottom.1.png); padding-left:30px; padding-top: 10px} body>.mainBackground > .gameIndex > .list { position:relative;margin-left:190px; margin-top:20px; margin-bottom:20px; width:772px; padding-top:72px; background:url(gameIndexListBackgroundTop.png); background-repeat:no-repeat } body>.mainBackground >.gameIndex > .list > .gamelist >.game > .descriptions { position:absolute; left:138px; top:61px; width:216px } body>.mainBackground >.gameIndex > .list > .gamelist >.game > .version { position:absolute; left:138px; top:110px; font-size: 11px; font-style: italic } body>.mainBackground >.gameIndex > .list > .gamelist >.game >.multiplayergameVersion { position:absolute; left:138px; top:135px; font-size: 11px; font-style: italic } body>.mainBackground >.gameIndex > .list > .gamelist >.game > .online { position:absolute; left:138px; top:105px; width:104px; height:19px; padding-left:30px; padding-top:7px; background:url(gameMultiplayerOnlinePlayersBackground.1.png); font-size: 11px; font-weight:bold; color: #993300 } body>.mainBackground >.gameIndex > .list > .gamelist >.game > .new { position:absolute; right:20px; top:19px } body>.mainBackground >.gameIndex > .list > .gamelist >.game > .updated { position:absolute; right:20px; top:19px } body>.mainBackground >.gameIndex > .list >.gamelist >.smallGameList { float:left; margin-bottom:-1px; width:249px; height:50px; border-right:1px solid #000000; border-bottom:1px solid #000000 } body>.mainBackground >.gameIndex > .list >.gamelist >.smallGameList > .icon{ display:block; margin-left:10px; margin-top:7px; } body>.mainBackground >.gameIndex > .list >.gamelist >.smallGameList > .title { display:block; margin-left:50px; margin-top:-33px; margin-right: 4px} body>.mainBackground >.gameIndex > .list >.gamelist >.end { clear:both } body>.mainBackground >.gameIndex > .tallAd { position:absolute; left:19px; width:160px; height:600px } body>.mainBackground >.gameIndex > .tallAd0 { bottom:0px } body>.mainBackground >.gameIndex > .tallAd1 { bottom:620px } body>.mainBackground >.gameIndex > .tallAd2 { bottom:1240px } body>.mainBackground >.gameHasAwards { position:relative; width:980px; height:1164px; background:url(gameDetailHasAwardsBackground.1.png) } body>.mainBackground >.gameNoAwards { position:relative; width:980px; height:956px; background:url(gameDetailNoAwardsBackground.1.png) } body>.mainBackground >.gameHasAwards > .list{ position:absolute; left:672px; top:628px; width:290px; height:522px } body>.mainBackground >.gameNoAwards > .list { position:absolute; left:672px; top:628px; width:290px; height:314px } body>.mainBackground >.gameDetail >.game { position:absolute; left:17px; top:18px; width:600px; height:400px; padding-left:19px; padding-top:20px; padding-right:327px; padding-bottom:73px } body>.mainBackground >.gameDetail >.forBusiness { position:absolute; left:650px; top:305px; width:300px; height:51px } body>.mainBackground >.gameDetail >.forBusiness > h1{ color:#FFFFFF;position:absolute; left:10px; top:10px;} body>.mainBackground >.gameDetail >.forBusiness > .link { display:block; position:absolute; left:41px; top:70px; padding-left:60px; padding-top:12px; width:158px; height:28px; color:#FFFFFF; font-weight:bold; font-size:14px } body>.mainBackground >.gameDetail >.forBusiness > .license { display:block; position:absolute; left:41px; top:120px; padding-left:60px; padding-top:12px; width:158px; height:28px; color:#FFFFFF; font-weight:bold; font-size:14px } body>.mainBackground >.gameDetail >.forBusiness > .link:hover, body>.mainBackground >.gameDetail >.forBusiness > .license:hover { color:#FFFFCC } body>.mainBackground >.gameDetail >.gameAd { position:absolute; left:650px; top:29px; width:300px; height:250px } body>.mainBackground >.gameDetail >.gameAdBelow { position:absolute; left:126px; top:510px; width:728px; height:90px } body>.mainBackground >.gameDetail > .share { position:absolute; left:36px; top:455px; width:260px; height:44px } body>.mainBackground >.gameDetail > .share > .faceBookLike {position:absolute; left:10px;top:12px } body>.mainBackground >.gameDetail > .share > .tweetShare {position:absolute; left:90px;top:12px } body>.mainBackground >.gameDetail > .share > .googlePlusOne{position:absolute; left:193px;top:12px } body>.mainBackground >.gameDetail >.downloadButton2 { position:absolute; left:320px; top:460px } body>.mainBackground >.gameDetail >.flashPlayerButton { position:absolute; left:480px; top:455px; width:158px; height:39px } body>.mainBackground >.gameDetail > .descriptions { position:absolute; left:18px; top:628px; width:322px; height:314px } body>.mainBackground >.gameDetail h1{ position:absolute; left:10px; top:10px;} body>.mainBackground >.gameDetail > .descriptions > div { position:relative; padding:13px; left:8px; top:34px; width:280px; height:246px; overflow:auto } body>.mainBackground >.gameDetail > .credits { position:absolute; left:350px; top:628px; width:312px; height:154px } body>.mainBackground >.gameDetail > .credits > div { position:relative; padding:13px; left:8px; top:34px; width:270px; height:116px; overflow:auto } body>.mainBackground >.gameDetail > .credits > div .role { display:inline; font-weight:bold } body>.mainBackground >.gameDetail > .credits > div .names { display:inline } body>.mainBackground >.gameDetail >.relatedLinks { position:absolute; left:350px; top:820px; width:312px; height:152px } body>.mainBackground >.gameDetail >.relatedLinks > ul{ position:relative; top:40px; color:#CC3300 } body>.mainBackground >.gameDetail >.awards{ position:absolute; left:18px; top:950px; width:644px; height:200px } body>.mainBackground >.gameDetail >.awards > .award { position:relative; left:28px; top:36px; margin-right:10px; vertical-align:middle } body>.mainBackground >.gameDetail >.awards > .more{ position:absolute; right:15px; bottom:16px; width:50px; height:16px; background-position:right; background-repeat:no-repeat } body>.mainBackground >.gameDetail >.list > .more{ position:absolute; right:7px; bottom:7px; width:50px; height:16px; background-position:right; background-repeat:no-repeat } body>.mainBackground >.gameDetail .new{ position:absolute; right:0px; top:14px } body>.mainBackground >.gameDetail .updated { position:absolute; right:0px; top:13px } body>.mainBackground >.gameDetail >.list >.gamelist{ position:absolute; left:18px; top:40px } body>.mainBackground >.gameDetail >.list >.gamelist> .item { position:relative; width:258px; height:41px } body>.mainBackground >.gameDetail >.list >.gamelist> .item >.icon { position:relative; top:3px } body>.mainBackground >.gameDetail >.list >.gamelist> .item >.title { position:absolute; left:42px; top:5px; width:150px; height:36px } /* game tips */ body>.mainBackground > .tips > .list { position:relative; margin-left:190px; margin-top:20px; margin-bottom:20px; width:772px; padding-top:72px; background:url(gameIndexListBackgroundTop.png); background-repeat:no-repeat } body>.mainBackground > .tips > .tallAd0 { top:25px } body>.mainBackground > .tips > .tallAd1 { bottom:0px } body>.mainBackground > .tips > .list > .gamelist > .game >.tipsList { position:absolute; left:150px; top:50px } body>.mainBackground > .tips > .list > .gamelist > .game >.title { width: 200px } body>.mainBackground > .tips > .list > .gamelist > .game >.tipsList >.solution { display:block; min-height:20px; width:175px; background:url(tipsAnswerIcon.1.png); background-repeat:no-repeat; padding-left:25px } body>.mainBackground > .tips > .list > .gamelist > .game >.tipsList >.tips { display:block; min-height:20px; width:175px; background:url(tipsTipsIcon.1.png); background-repeat:no-repeat; padding-left:25px } body>.mainBackground > .tipsDetail { position:relative; margin-left:113px; margin-top:25px; margin-bottom:37px; padding-top:1px; width:756px; background:url(newsletterBackgroundMiddle.1.png) } body>.mainBackground > .tipsDetail > h1 { left:0px; top:0px; padding-left:10px; padding-top:10px; height:34px; width:746px; background:url(newsletterBackgroundTop.1.png) } body>.mainBackground > .tipsDetail > .content { min-height:400px; background:url(newsletterBackgroundBottom.1.png); background-repeat:no-repeat; background-position:bottom } body>.mainBackground > .tipsDetail > .content > .adBox { margin-left:30px; margin-bottom:30px; margin-right:26px; margin-top:60px; float:right } body>.mainBackground > .tipsDetail > .content > .adBox > a{ top: 370px } body>.mainBackground > .tipsDetail > .content > .title { position:relative; padding-left:26px; margin-top:23px; padding-top:8px; height:40px; font-size:16px; font-weight:bold } body>.mainBackground > .tipsDetail > .content > .text { padding-left:35px; margin-right:180px; padding-bottom:100px } body>.mainBackground > .tipsDetail > .content > .play{ position:absolute; left:35px; bottom:70px } body>.mainBackground > .tipsDetail > .content > a { position:absolute; left:40px; bottom:20px }