body {margin-top:15px;} #main-body {width:980px; background-color:#ebebeb; padding:10px;} #main-content{ width: 660px; height: 100%; float: left; } #main-right-column{ width: 310px; margin: 0 0 0 10px; float: left; } /* Misc */ .gry12 {font:12px Arial, Helvetica, sans-serif; color:#777;} .gry16 {font:bold 16px Arial, Helvetica, sans-serif; color:#d6d6d6;} .grn12, .green {font:bold 12px Arial, Helvetica, sans-serif; color:#388f16;} .red12, .red {font:bold 12px Arial, Helvetica, sans-serif; color:#ff0000;} .blu12 {font:12px Arial, Helvetica, sans-serif; color:#3291b3;} .f12 {font-size:12px;} /*-- used for the Category Belt --*/ .f14b {font-size:14px; font-weight:bold;} /*-- used for the Category Belt --*/ .fl {float:left;} .fr {float:right;} /* Pencil Ad */ .ad-feedback {text-align:right; padding:0 7px 10px 0;} /* Hero */ #hero {width:660px; height:302px; margin-bottom: 10px; } .hero-main {height:260px; overflow:hidden;} .hero-main-single {height:304px; overflow:hidden;} #hero-paging {background: url(/img/homepage/shared/hero-page-bkg.gif) no-repeat; width:660px; height:42px; padding:7px 0 0 7px;} #hero-paging img {margin-right:5px;} #hero-paging .offbutton {cursor:pointer; } /* Keystone */ .gameblock {_width:660px; overflow:hidden; float:left;} /* Featured/All Games: includes two rows of game icons+name+play button */ #keystone {width:660px; margin-bottom: 10px; overflow:hidden;} /* includes tabs, body and footer */ #keystonetabs {width:625px; height:24px; padding:0 0 0 35px;} /* tabs only - not the green bar below */ #keystonetabs-btm {width:660px; height:30px; background: url(/img/homepage/shared/keystone-top.gif) no-repeat;} /* Green stripe below the tabs */ .keystone-nav {position:relative; left:11px; height:25px; width:640px; text-align:left; font:bold 11px Arial, Helvetica, sans-serif; color:#388f16; float:left;} /* cat. links, game tix, fav games etc. */ .keystone-nav .keystone-pipe {padding:0 2px; font-size:16px; margin-top:-4px; color:#d6d6d6; float:left;} /* Pipe height between links */ .keystone-nav a {color:#555; text-decoration:none;} .keystone-nav a:hover {color:#555; text-decoration:underline;} .keystone-nav .selectable {color:#555; height:25px; cursor:pointer; float:left;} .keystone-nav .selected {height:25px; float:left} .keystone-nav .mostplayers {text-align:left; height:25px; float:left;} .keystone-nav .screenname {width:390px; text-align:left; color:#555; float:left;} .keystone-nav .favorites {width:180px; color:#555; float:left;} .keystone-nav .players {width:75px; text-align:right; color:#555; float:left;} #keystone .tabcontent {height:288px; background:#fff url(/img/homepage/shared/keystone-bkg2.gif) no-repeat; overflow:hidden;} #keystone .infoview {height:288px; width:660px; background:#fff url(/img/homepage/shared/keystone-bkg2.gif) no-repeat; overflow:hidden;} #keystone .game-mod {width:220px; height:95px; padding-bottom:10px; text-align:left; float:left;} #keystone .game-tn {width:120px; text-align:right; float:left;} #keystone .game {width:86px; padding-left:8px; text-align:left; font:12px Arial, Helvetica, sans-serif; float:left;} #keystone .game .title {height:65px;} #keystone .game .play {display:block; _width:76px; height:25px;} #keystone .game a {color:#2389ae; text-decoration:none;} #keystone .game a:hover {color:#2389ae; text-decoration:underline;} #keystoneallgames .gamelist {line-height:20px; text-align:left; font:bold 12px Arial, Helvetica, sans-serif; color:#b9b9b9;} #keystoneallgames .gamelist a {color:#b9b9b9; text-decoration:none;} #keystoneallgames .gamelist a:hover {text-decoration:underline;} #keystonemystuff .my-mini {width:150px; margin-left:10px; float:left;} #keystonemystuff .my-stuff {font:bold 12px Arial, Helvetica, sans-serif; color:#555; width:210px; text-align:left; float:left;} #keystonemystuff .my-stuff a {color:#555; text-decoration:none;} #keystonemystuff .my-stuff a:hover {color:#555; text-decoration:underline;} #keystonemystuff .my-favs {width:270px; font:bold 12px Arial, Helvetica, sans-serif; color:#b9b9b9; text-align:left; float:left;} #keystonemystuff .my-favs a {line-height:20px; color:#2389ae; text-decoration:none;} #keystonemystuff .my-favs a:hover {color:#2389ae; text-decoration:underline;} #keystonemystuff .fav-games {width:180px; margin-left:30px; _margin-left:10px; text-align:left; float:left;} #keystonemystuff .players {width:60px; text-align:right; color:#999; float:left;} #target-mystuff {position:relative;} #giftsPop2 {position:absolute;top:0;left:0;height:58px;width:258px;background:url(/img/home/en_US/giftsPop2.png) no-repeat top left;z-index:3000;} #giftsPopClose2 {height:14px;width:14px;cursor:pointer;position:absolute;top:4px;right:4px;} .keystone-footer {text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#555; height:30px;} .keystone-footer a {color:#555; text-decoration:none;} .keystone-footer a:hover {color:#555; text-decoration:underline;} .keystone-error {width:500px; text-align:left; padding-top:50px;} .error-text {margin:15px 0 0 20px; width:320px; float:left;} .timeleft {font-size:12px;font-weight:bold;} /* Keystone All Games - Download*/ #keystone .game-tn .dload-only {position:absolute;z-index:500;top:14px;left:26px;} /* for download only games in keystone */ /* Keystone All Games - Partner Games*/ #keystone .game-tn .partner-only {position:absolute;z-index:500;top:14px;left:26px;} /* for partner only games in keystone */ /* Keystone My Games - Premium */ #gametickets {} /* MyGames: Prem Game Tix banner */ /* Keystone Pagination */ .pagination {width:110px; color:#555; text-align:center;} /* pagination container */ .page-l {width:25px; text-align:left; float:left;} /* left arrrow button */ .page-num {font-weight:bold; width:60px; margin-top:5px; float:left;} /* pagination numbers */ .page-r {width:25px; text-align:right; float:left;} /* right arrrow button */ /* Scrolling Keystone Games */ #allgamesscrollWrapper,#gameticketsscrollWrapper,#myfavoritesscrollWrapper,#gameByPlayersscrollWrapper,#puzzlescrollWrapper,#cashscrollWrapper,#wordscrollWrapper,#cardscrollWrapper,#boardscrollWrapper,#casinoscrollWrapper,#arcadescrollWrapper,#sportsscrollWrapper,#clubpogoscrollWrapper,#downloadsscrollWrapper {overflow:hidden; position:relative;width:658px;height:218px;} *:first-child+html #allgamesscrollWrapper,*:first-child+html #puzzlescrollWrapper,*:first-child+html #wordscrollWrapper,*:first-child+html #cardscrollWrapper,*:first-child+html #boardscrollWrapper,*:first-child+html #casinoscrollWrapper,*:first-child+html #arcadescrollWrapper,*:first-child+html #sportsscrollWrapper,*:first-child+html #clubpogoscrollWrapper,*:first-child+html #downloadsscrollWrapper,*:first-child+html #gameticketsscrollWrapper {height:206px;} /*--overwrite preceding style in ie7 only--*/ #allgamesscrollContainer,#gameticketsscrollContainer,#myfavoritesscrollContainer,#gameByPlayersscrollContainer,#puzzlescrollContainer,#cashscrollContainer,#wordscrollContainer,#cardscrollContainer,#boardscrollContainer,#casinoscrollContainer,#arcadescrollContainer,#sportsscrollContainer,#clubpogoscrollContainer,#downloadsscrollContainer {width:50000px;height:218px;} /* Marketing Modules */ #marketing {width:310px; height:340px; background: url(/img/homepage/shared/marketing-alley-bkg.gif) no-repeat;} /* Game Belt old version - Buttercup is the version */ .old #catStage {width:900px; overflow:auto; overflow-x:hidden; overflow-y:hidden; margin:0 auto;} .old #catList {margin:0; padding:0; width:1000px; overflow:hidden;} .old #catList > li:first-child {border-left:1px solid #ebebeb;} .old #catList li {position:relative; padding:3px 0 0 5px; background-color:#fff; list-style:none; float:left; margin:9px 2px 3px 0; line-height:12px; height:34px;} .old #catList.items9 li {min-width:104px; *width:104px;} .old #catList.items10 li {min-width:92px; *width:92px;} .old #catList li img {position:absolute; right:5px; margin-top:-13px;} #cat-belt.old {text-align:left; font:12px Arial, Helvetica, sans-serif; color:#6bc349; width:1000px; height:49px; background:url(/img/homepage/shared/category-belt-bkg.gif) repeat-x;position:relative;z-index:98; } #cat-belt.old a {text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#6bc349;} #cat-belt.old a:hover {text-decoration:underline; font:12px Arial, Helvetica, sans-serif; color:#6bc349;} /*--Marketing Belt--*/ .modSpace {float:left;width:20px;height:190px;} /*space between belt modules*/ .storefront-btn {position:relative; top:10px;} /*--layout for generic 1x module--*/ .ma-1xTemplate {position:relative;width:150px;height:190px;float:left;text-align:center;background-position:no-repeat;} .ma-1xTemplate .map a {display:block;position:absolute;z-index:50;top:24px;left:0;width:150px;height:128px;} .ma-1xTemplate .copy {position:absolute;z-index:10;bottom:40px;left:0;width:148px;padding-left:2px;} .ma-1xTemplate .cta {margin-top:140px;} /*--layout for generic 2x module--*/ .ma-2xTemplate {position:relative;width:310px;height:190px;float:left;text-align:center;background-position:no-repeat;} .ma-2xTemplate a {color:#555;} .ma-2xTemplate h4 {margin:13px 0 0 10px;padding:0;text-align:left;font-size:12px;} .ma-2xTemplate .map a {display:block;position:absolute;z-index:50;top:56px;left:0;width:310px;height:98px;} .ma-2xTemplate .copy {position:absolute;z-index:10;top:62px;right:8px;width:148px;padding-left:2px;text-align:left;} .ma-2xTemplate .cta {position:absolute;bottom:7px;right:8px;} /*--Marketing Alley--*/ /*--Reg Module--*/ #regmodWrapper {width:292px;padding-top:8px;} #regmod h2 {text-align:left;} #regmod h2.white {color:#fff;} #regmod h2.black {color:#000;} #regmod input {float:none;} #regmod {height:212px;} #regmod input.cta {float:left;font-size:14px;font-weight:bold;color:#fff !important;width:128px;} #regmod .fbWrapper {float:right;padding-top:4px;overflow:hidden;} #regmod .or {float:left;margin:3px 10px 0 0;font-weight:bold;font-size:14px;text-align:right;} #regmod .ctaWrapper {margin-top:25px;padding:8px 21px;overflow:hidden;} #regmod .overTxtLabel {color:#999;} /*--for infield text--*/ /*--remove skin1, skin2, skin3 after 11/22--*/ #regmod.skin1 {background:url('/img/home/common/regMod-skin1.png') no-repeat;color:#000;} .skin1 a {color:#2389ae;} .skin1 h2 {font-size:16px;color:#fff;margin:0;padding:7px 0 20px 21px;} .skin1 h2 a {color:#fff;} .skin1 input.field {width:250px;margin:0 21px 8px 21px;} .skin1 .ctaWrapper {border-top:1px solid #ccc;} #regmod.skin2 {background:url('/img/home/common/regMod-skin2.jpg') no-repeat;color:#000;} .skin2 a {color:#2389ae;} .skin2 h2 {font-size:16px;color:#000;margin:0;padding:12px 2px 12px 21px;} .skin2 input.field {width:250px;margin:0 21px 8px 21px;} .skin2 .ctaWrapper {border-top:1px solid #666;} #regmod.skin3 {background:url('/img/home/common/regMod-skin3.png') no-repeat;color:#000;} .skin3 a {color:#2389ae;} .skin3 h2 {font-size:14px;color:#000;margin:0;padding:12px 0 16px 70px;} .skin3 input.field {width:210px;margin:0 21px 8px 60px;} .skin3 .ctaWrapper {border-top:1px solid #666;} /*--for 11/22--*/ #regmod.default {color:#000;background-repeat:no-repeat;} .default {color:#2389ae;} .default h2 {font-size:16px;margin:0;padding:12px 2px 12px 21px;} .default input.field {width:250px;margin:0 21px 8px 21px;} .default .ctaWrapper {border-top:1px solid #666;} #regmod.custom {color:#000;background-repeat:no-repeat;} .custom a {color:#2389ae;} .custom h2 {font-size:14px;margin:0;padding:12px 0 16px 70px;} .custom input.field {width:210px;margin:0 21px 8px 60px;} .custom .ctaWrapper {border-top:1px solid #666;} /* More Stuff */ #more-stuff {width:993px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; color:#555;} #more-stuff h3 {text-align:left; margin:3px 0 0 13px; font-size:14px; color:#fff;padding:0;} #more-stuff h3 a, #more-stuff h3 a:hover {color:#fff;text-decoration:none;} #sale a, #community a, {font:bold 12px Arial, Helvetica, sans-serif; color:#555;} .gry10 {font-size:10px;} /* For Your Mini */ #for-mini {width:310px; height:190px; text-align:left; background: url(/img/homepage/shared/for-mini-bkg.gif) no-repeat; float:left;} #for-mini a {color:#555; text-decoration:underline;} #for-mini .horiz-divide-le {position:absolute; margin:22px 0 0 0; width:185px; line-height:2px; background-color:#fff;} #for-mini .horiz-divide {margin:5px 0; width:185px; line-height:2px; background-color:#fff;} #for-mini .mini-l {width:96px; float:left;} #for-mini .mini-r {width:195px; text-align:left; float:left;} #for-mini .lmtd-count {font-weight:bold;color:#388f6b;} /*--Expressions--*/ #expressions2x {position:relative;width:310px;height:190px;text-align:left;float:left;} #expressions2x a {color:#555; text-decoration:underline;} #expressions2x .map a {display:block;position:absolute;z-index:50;top:56px;left:0;width:310px;height:98px;} #expressions2x .mini-r {width:170px; text-align:left; float:right; padding:15px 8px 0 0;} #expressions2x .copy {position:absolute;z-index:10;top:62px;right:8px;width:148px;padding-left:2px;text-align:left;} #expressions2x .cta {position:absolute;bottom:7px;right:8px;} #expressions1x {position:relative;width:150px;height:190px;background: url(/img/homepage/shared/sale-bkg.gif) no-repeat;float:left;text-align:center;} #expressions1x .map a {display:block;position:absolute;z-index:50;top:24px;left:0;width:150px;height:128px;} #expressions1x .copy {position:absolute;bottom:35px;left:0;width:150px;text-align:center;font-weight:bold;} #expressions1x .cta {margin-top:140px;text-align:center;} /* Sale */ #sale {width:150px;height:190px;background: url(/img/homepage/shared/sale-bkg.gif) no-repeat;float:left;text-align:center} /* Community */ #community {width:310px; height:190px; font:12px Arial, Helvetica, sans-serif; background: url(/img/homepage/shared/community-bkg.gif) no-repeat; text-align:left; float:left;} #community a {font-weight:bold; color:#555; text-decoration:none;} #community a:hover {font-weight:bold; color:#555; text-decoration:underline;} #community h3 a {font-size:14px;} /* Facebook Feed */ #facebook {width:310px; height:190px; font:12px Arial, Helvetica, sans-serif; background: url(/img/homepage/shared/facebook-bkg.gif) no-repeat; text-align:left; float:left;} #facebook a {font-weight:bold; color:#555; text-decoration:none;} #facebook a:hover {font-weight:bold; color:#555; text-decoration:underline;} #facebook h3 a {font-size:14px;} /* Get Gems */ .get-gems {width:150px;height:190px;float:left;} /* World Winner */ #world-winner {width:150px; height:190px; font:bold 12px Arial, Helvetica, sans-serif; background: url(/img/homepage/shared/ww-bkg.gif) no-repeat; float:left; text-align:center} #world-winner a {line-height:14px; color:#3291b3; text-decoration:none;} #world-winner a:hover {color:#3291b3; text-decoration:underline;} #world-winner .more-ww {padding-top:6px} #world-winner .more-ww a {color:#555; text-decoration:none;} #world-winner .more-ww a:hover {color:#555; text-decoration:underline;} /* Generic */ .generic {width:310px;height:190px;float:left;} .generic .storefront-btn {margin-top:55px;} .generic .content {padding:10px 15px 0 15px;text-align:left;} .generic .tix-l {width:140px;float:left;} .generic .tix-r {width:140px;float:right;} .generic a {font-weight:bold;color:#555555;} /* 2 Game Ticket */ .twoTix {width:310px;height:190px;float:left;} .twoTix .storefront-btn {margin-top:55px;} .twoTix .tix-l {width:140px;float:left;margin-left:10px;_margin-left:5px;} img.tn {margin-top:2px;} .twoTix .tix-r {width:140px;float:right;margin-right:10px;_margin-right:5px;} .twoTix a {font-weight:bold;color:#555555;} /*--end Marketing Belt--*/ /* Auth Community */ /* Start Shopping */ #shopping a {font-weight:bold; color:#fff; text-decoration:none; outline:none;} #shopping a:hover {color:#fff; text-decoration:underline; outline:none;} #shopping {width:363px; height:100px; text-align:left; background: url(/img/homepage/shared/shopping-bkg.gif) no-repeat; float:left; color:#fff;} #shopping h3 {margin:5px 0 15px 15px; font-size:14px; color:#444;} #shopping .divider {width:2px; height:85px; margin:-26px 0 0 0; background-color:#abd3e4; float:left;} #shopping ul {line-height:18px; list-style:none; margin:-10px 0 0 0px; _margin:-5px 0 0 0px; padding:0px; text-align:left; float:left;} #shopping .shopping-l {margin-left:15px; padding-right:30px;} #shopping .shopping-r {margin-left:15px; float:left;} #shopping .shop-col1 {margin-left:15px; padding-right:30px; float:left;} #shopping .shop-col2 {margin-left:15px; float:left;} /* Start Social */ #social a {font-weight:bold; color:#fff; text-decoration:none; outline:none;} #social a:hover {color:#fff; text-decoration:underline; outline:none;} #social {width:609px; height:100px; text-align:left; background: url(/img/homepage/shared/social-bkg.gif) no-repeat; float:right; color:#fff;} #social h3 {margin:5px 0 15px 15px; font-size:14px; color:#444;} #social ul {line-height:18px; list-style:none; margin:-10px 0 0 15px; _margin:-5px 0 0 0px; padding:0px; text-align:left; float:left;} #social .divider {width:2px; height:85px; margin:-26px 0 0 0; background-color:#abd3e4; float:left;} #social .community-col1 {width:115px; float:left; margin-left:15px; padding-right:15px;} #social .community-col1 ul {line-height:18px; list-style:none; margin:-10px 0 0 0; _margin:-5px 0 0 0px; padding:0px; text-align:left; float:left;} #social .community-col2 {margin-left:15px; padding-right:15px; float:left;} #social .community-col3 ul {padding-right:15px; _padding-left:15px; float:left;} #social .community-col4 ul {float:left;} /* Unauth Community */ /* Start Community */ #unauth-community {width:980px; height:71px; text-align:left; background: url(/img/homepage/shared/unauth-community-bkg.gif) no-repeat;} #unauth-community h3 {margin:5px 0 8px 0; font-size:14px; color:#444;} #unauth-community .divider {width:2px; height:53px; margin:10px 0 0 0; _margin-top:-10px; background-color:#abd3e4; float:left;} /* Start Welcome */ #welcome {width:209px; padding-left:15px; color:#fff; float:left;} #welcome img {padding-top:5px;} #welcome a {font-weight:bold; color:#555; text-decoration:none;} #welcome a:hover {font-weight:bold; color:#555; text-decoration:underline;} /* Start Quick Links */ #quick-links {width:235px; padding-left:15px; float:left;} #quick-links select {width:215px;} /* Start Latest */ #latest-news {width:485px; height:70px; padding-left:10px; float:left;} #latest-news a {margin:2px 0 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#555; float:left;} #latest-news .minis {position:relative; top:-60px; left:12px; _top:-65px;} /* remove if we keep the mini in the background graphic */ #latest-news .news-cycle {width:362px; height:21px; background-color:#a2d6e7; float:left;} /* Scrolling News Links */ #slideWrap {width:5000px; height:21px;} .test-wrapper {width:362px; height:21px; overflow:hidden;position:relative;display:block;} .newsModule {width:415px; height:40px; margin-bottom:6px; overflow:hidden;} .slideItems {height:21px; overflow:hidden; float:left;} .newsLink {width:362px; background-color:#a2d6e7; height:21px; position:relative; padding-left:5px; font-weight:bold; color:#555;} .newsLink a:link {color:#555;} #BrowseControls {width:44px; height:21px; float:right;} #slideLeft {float:left;font-weight:bold;cursor:pointer;} #slideRight {float:right;font-weight:bold;cursor:pointer;} /*------------------------------------------- * Daily Special */ #ds-container{ width: 660px; margin-bottom: 10px; padding-top: 35px; padding-bottom: 10px; float: left; background: #fff; -moz-border-radius: 8px; border-radius: 8px; position: relative; } #ds-hdr{ width: 100%; height: 30px; background: #4fa1be; border-bottom: 2px solid #95c6d8; color: #fff; text-align: left; position: absolute; top: 0px; left: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-topleft-radius: 5px; border-topright-radius: 5px; } #ds-hdr h3{ margin: 7px 0 0 10px; text-transform: uppercase; } #ds-hdr span{ color: #ffdd00; } .ds-content{ width: 300px; margin-top: 7px; padding: 0 0 0 25px; float: left; text-align: left; color: #555555; } .ds-content.active{ border-right: 1px solid #d6d6d6; } .ds-content .info{ width: 175px; margin: 0 0 0 10px; float: left; line-height: 1.4em; } .ds-content .thumb{ width: 110px; float: left; cursor: pointer; } .ds-content span.token{ padding-left: 20px; background: url(/img/homepage/shared/ds-token.png) top left no-repeat; font-weight: bold; } .ds-content span.isComplete{ padding-left: 20px; background: url(/img/homepage/shared/ds-complete-sm.png) center left no-repeat; color: #388f16; font-weight: bold; } .ds-club-exclusive{ margin-left: 3px; padding-left: 20px; background: url(/img/home/common/icon-cpgame-fp.gif) 0 0 no-repeat; color: #2389ae; font-weight: bold;} .ds-price{ padding-bottom: 4px; padding-left: 23px; background: url(/img/home/common/icon-smallToken-fp.gif) 0 0 no-repeat; font-weight: bold; } .btn_head{ margin: 5px 0 0 0; padding: 3px 12px; color: #212121 !important; font-weight: bolder; text-decoration: none; background-color: #e7c200; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee202), to(#e4bf00)); background: -moz-linear-gradient(0% 100% 90deg,#e4bf00, #fee202); border: 2px solid #ff9600; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 0px #9b9b9b; -webkit-box-shadow: 0px 2px 0px #9b9b9b; box-shadow: 0px 2px 0px #666; text-align: center; display: inline-block; cursor: pointer; } a.btn_head:hover{ background: #ffe404; color: #212121; } .btn_head.club{ background: #6bc349; border: 2px solid #a1e287; color: #fff !important; } .btn_head.club:hover{ background: #6dc14a; }