/* Global Resets */
html, body, div, span,
applet, object, iframe,
h1, h2, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
h1, h2, h3, h4, h5, h6
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
strong {
font-weight: bold;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}
input { padding: 0; margin: 0 }
.w48p { width: 48% !important; }
.w50p { width: 50% !important; }
.w75p { width: 75% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }
.w5 { width: 5px !important; }
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w70 { width: 70px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w275 { width: 275px !important; }
.w280 { width: 280px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; } .pt5 { padding-top: 5px !important; }
.mt10 { margin-top: 10px !important; } .pt10 { padding-top: 10px !important; }
.mt15 { margin-top: 15px !important; } .pt15 { padding-top: 15px !important; }
.mt20 { margin-top: 20px !important; } .pt20 { padding-top: 20px !important; }
.mt30 { margin-top: 30px !important; } .pt30 { padding-top: 30px !important; }
.mt40 { margin-top: 40px !important; } .pt40 { padding-top: 40px !important; }
.mb5 { margin-bottom: 5px !important; } .pb5 { padding-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; } .pb7 { padding-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; } .pb10 { padding-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; } .pb15 { padding-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; } .pb20 { padding-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; } .pb30 { padding-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; } .pb30 { padding-bottom: 40px !important; }
.mb43 { margin-bottom: 43px !important; }
.mr5 { margin-right: 5px !important; } .pr5 { padding-right: 5px !important; }
.mr10 { margin-right: 10px !important; } .pr10 { padding-right: 10px !important; }
.mr15 { margin-right: 15px !important; } .pr15 { padding-right: 15px !important; }
.mr20 { margin-right: 20px !important; } .pr20 { padding-right: 20px !important; }
.mr30 { margin-right: 30px !important; } .pr30 { padding-right: 30px !important; }
.ml5 { margin-left: 5px !important; } .pl5 { padding-left: 5px !important; }
.ml10 { margin-left: 10px !important; } .pl10 { padding-left: 10px !important; }
.ml15 { margin-left: 15px !important; } .pl15 { padding-left: 15px !important; }
.ml20 { margin-left: 20px !important; } .pl20 { padding-left: 20px !important; }
.ml30 { margin-left: 30px !important; } .pl30 { padding-left: 30px !important; }
.mtsl11 {margin-top: 11px;}
.m0auto {margin: 0px auto !important}
.pt0 {padding-top: 0px !important;}
.pl5pr5 {padding: 0px 5px !important;}
.t20 { top: 20px !important; }
.dLoadBtn {margin-bottom: 5px !important; width: 145px; padding: 5px 0px;}
.dLoadGameButtons {display: inline;}
.dLoadSWUUpsellIcon {float: right; width: 190px; margin-top: -100px;}
.dLoadIconCopy {margin-top: 0px !important;}
.fltL { float: left !important; }
.fltR { float: right !important; }
.alignL { text-align: left !important;}
.alignR { text-align: right !important;}
.alignC { text-align: center !important; }
.noMarg { margin: 0 !important; }
.noPad { padding: 0 !important; }
.font9 { font-size: 9px !important }
.font10 { font-size: 10px !important }
.font11 { font-size: 11px !important }
.font12 { font-size: 12px !important }
.font13 { font-size: 13px !important }
.font14 { font-size: 14px !important }
.font15 { font-size: 15px !important }
.font16 { font-size: 16px !important }
.font17 { font-size: 17px !important }
.font18 { font-size: 18px !important }
.font20 { font-size: 20px !important }
.font24 { font-size: 24px !important }
.normal { font-weight: normal !important }
.bold { font-weight: bold !important }
.italic { font-style: italic !important }
.displayBlock { display: block !important; }
.displayInline { display: inline !important; }
.displayNone { display: none !important; }
.last { margin: 0 !important; }
.onlineSocial {padding-top: 21px !important;}
.irspacer { padding-right: 10px; }
.fiftyL { float: left; width: 48% }
.fiftyR { float: right; width: 48% }
.itemCentered { margin-right: auto !important; margin-left: auto !important}
.posAbsolute {
position: absolute;
top: 0;
left: 0;
}
.relative {
position: relative;
}
.font11 a {
font: bold 12px arial, helvetica, times new roman !important;
color: #660044;
}
/* overrides */
h1, h2, h3, h4, h5, h6 { font-weight: bold }
.plainList { padding: 0 0 0 30px; margin: 0 0 7px 0}
.plainList li { list-style-position: outside; }
.plainListSpace li { padding-bottom: 7px; }
ol.plainList li { list-style-type: decimal;}
ul.plainList li {list-style-type: disc;}
.sw_contactList {display: none;}
/* Universal Items */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size:0;
}
img { display: block; }
a img { border: 0 }
a { cursor: pointer; cursor: hand; outline: none; }
.clearLink {
display: block !important;
overflow: hidden;
height: 0 !important;
cursor: pointer;
background: url(/i/common/site/clearLinkShim.png) no-repeat;
}
.green { color: green; }
.red { color: red; }
.socialShareLinks {padding-top: 21px !important;}
.socialShareLinks_true {
margin: -12px 0px 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #b6b6b6;
}/* General Structure
----------------------------------------------- */
@font-face {
font-family: "NickMom Text A Front";
src: url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot");
src: url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot?") format("embedded-opentype"),
url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-3.woff") format("woff"),
url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-1.ttf") format("truetype"),
url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "NickMom Tune In A Front";
src: url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot");
src: url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot?") format("embedded-opentype"),
url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-3.woff") format("woff"),
url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-1.ttf") format("truetype"),
url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Salvo Sans Light";
src: url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot");
src: url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-3.woff") format("woff"),
url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-1.ttf") format("truetype"),
url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Salvo Sans Medium";
src: url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot");
src: url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-3.woff") format("woff"),
url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-1.ttf") format("truetype"),
url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-4.svg") format("svg");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Salvo Sans Regular";
src: url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot");
src: url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-3.woff") format("woff"),
url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-1.ttf") format("truetype"),
url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Salvo Sans Bold";
src: url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot");
src: url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-3.woff") format("woff"),
url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-1.ttf") format("truetype"),
url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-4.svg") format("svg");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Salvo Sans Black";
src: url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot");
src: url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-3.woff") format("woff"),
url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-1.ttf") format("truetype"),
url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-4.svg") format("svg");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Salvo Serif Light";
src: url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot");
src: url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-3.woff") format("woff"),
url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-1.ttf") format("truetype"),
url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Salvo Serif Medium";
src: url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot");
src: url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-3.woff") format("woff"),
url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-1.ttf") format("truetype"),
url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-4.svg") format("svg");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Salvo Serif Regular";
src: url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot");
src: url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-3.woff") format("woff"),
url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-1.ttf") format("truetype"),
url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Salvo Serif Bold";
src: url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot");
src: url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-3.woff") format("woff"),
url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-1.ttf") format("truetype"),
url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-4.svg") format("svg");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Salvo Serif Black";
src: url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot");
src: url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot?") format("embedded-opentype"),
url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-3.woff") format("woff"),
url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-1.ttf") format("truetype"),
url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-4.svg") format("svg");
font-style: normal;
font-weight: normal;
}
body {
margin: 0; padding: 0;
/* TODO: Set line-height as a multiplier with no unit to make it scale according to font size. Needs site-wide testing. */
font: 11px/15px Arial, sans-serif;
background: #F8F8F8;
text-align: left;
color: #666;
}
/*
various sign-in states
> these two are equal
NotSignedIn
SignedInStandard
> this = Unlimited
SignedInPremium
> these two are equal
SignedInClub
SignedInFreeClub
*/
#agSiteRefer {
background: url(http://www.addictinggames.com/images/background-gradient.png) repeat-x;
display: none;
}
#backToAgLogo.clearLink{
padding-top: 40px;
width: 225px;
background-image: url(http://www.addictinggames.com/images/logoTabsSprite.png);
margin: 5px 15px;
}
/* New Mamabar */
div.brand-mamabar {
position: relative;
height: 18px;
_height: 16px;
border-bottom: 2px solid #f1f1f1;
background-color: #fff;
text-align: center;
z-index: 10000;
}
div.brand-mamabar-wrapper {
position: relative;
width: 984px;
height: 18px;
margin: 0 auto;
text-align: left;
}
img.brand-mamabar-logo { float: right; }
ul.brand-mamabar-list {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
ul.brand-mamabar-list li {
float: left;
display: inline;
margin: 2px 15px 0px 0px;
/* font: bold 10px 'salvo sans bold', sans-serif; */
font-family: 'Helvetica','Arial',sans-serif;
}
ul.brand-mamabar-list a {
display: block;
line-height: 18px;
color: #999;
font-size: 11px;
text-decoration: none;
}
ul.brand-mamabar-list a:hover { text-decoration: underline; }
ul.brand-mamabar-list a.brand-mamabar-active {
color: #FFA64A;
cursor: default;
}
ul.brand-mamabar-list a.brand-mamabar-active:hover { text-decoration: none; }
li.brand-mamabar-more-link {
position: relative;
cursor: pointer;
margin-left: -5px;
}
li.brand-mamabar-more-link * { cursor: pointer; }
a.brand-mamabar-more-a {
padding-left: 5px;
display: block;
height: 16px;
_width: 1px;
}
li.brand-mamabar-more-link-hover a.brand-mamabar-more-a {
background: transparent url(/i/common/mamabar/mb_tab_left.gif) no-repeat top left;
text-decoration: none !important;
color: #fff;
}
a.brand-mamabar-more-a span {
display: block;
background: transparent url(/i/common/mamabar/mb_tab_right.gif) no-repeat top right;
padding-right: 20px;
height: 16px;
}
li.brand-mamabar-more-link-hover a.brand-mamabar-more-a span { background-position: 100% -29px; }
li.brand-mamabar-more-link div.brand-mamabar-more-wrapper ul {
padding: 7px 0 10px 10px;
background: transparent url(/i/common/mamabar/mb_topbar.gif) no-repeat top left;
}
li.brand-mamabar-more-link div.brand-mamabar-more-wrapper {
clear: both;
display: none;
position: absolute;
width: 138px;
left: -83px;
background: transparent url(/i/common/mamabar/mb_bottombar.png) no-repeat bottom left;
_background-image: url(/i/common/mamabar/mb_bottombar_ie.gif);
_margin-top: -2px;
}
li.brand-mamabar-more-link-hover div.brand-mamabar-more-wrapper { display: block; }
li.brand-mamabar-more-link div.brand-mamabar-more-wrapper li {
float: none;
display: block;
}
div.brand-mamabar .brand-mamabar-host-link {
color: #FFA64A;
}
ul.brand-mamabar-more-list a {
_display:inline;
}
/* gutter links for reskins */
.gutLinks {
position: absolute;
top: 18px;
left: 0;
display: block;
padding-top: 800px;
}
#gutLinkRit {
right: 0;
left: auto;
}
/* positioning for selectable reskins */
#reskinContent #reskinSponsorLink {
float: left;
}
#reskinContent ul {
height: 151px;
padding-top: 15px;
float: right;
display: inline;
margin-right: 25px;
}
#reskinContent ul li {
float: left;
}
#reskinContent ul li a {
float: left;
width: 120px;
padding-top: 135px;
}
/* for selectable skins */
.reskinContent-4 #reskinSponsorLink,
.reskinContent-3 #reskinSponsorLink,
.reskinContent-2 #reskinSponsorLink {
width: 420px;
padding-top: 166px;
}
.reskinContent-3 #reskinSponsorLink {
width: 570px;
}
.reskinContent-2 #reskinSponsorLink {
width: 650px;
}
.reskinContent-4 #selectableSkinLink-0,
.reskinContent-3 #selectableSkinLink-0,
.reskinContent-2 #selectableSkinLink-0 {
background-position: 0 0;
}
.reskinContent-4 #selectableSkinLink-1,
.reskinContent-3 #selectableSkinLink-1,
.reskinContent-2 #selectableSkinLink-1 {
background-position: -120px 0;
}
.reskinContent-4 #selectableSkinLink-2,
.reskinContent-3 #selectableSkinLink-2 {
background-position: -240px 0;
}
.reskinContent-4 #selectableSkinLink-3 {
background-position: -360px 0;
}
.reskinContent-4 #selectableSkinLink-0:hover,
.reskinContent-3 #selectableSkinLink-0:hover,
.reskinContent-2 #selectableSkinLink-0:hover,
.reskinContent-4 #selectableSkinLink-0.selected,
.reskinContent-3 #selectableSkinLink-0.selected,
.reskinContent-2 #selectableSkinLink-0.selected {
background-position: 0 -135px;
}
.reskinContent-4 #selectableSkinLink-1:hover,
.reskinContent-3 #selectableSkinLink-1:hover,
.reskinContent-2 #selectableSkinLink-1:hover,
.reskinContent-4 #selectableSkinLink-1.selected,
.reskinContent-3 #selectableSkinLink-1.selected,
.reskinContent-2 #selectableSkinLink-1.selected {
background-position: -120px -135px;
}
.reskinContent-4 #selectableSkinLink-2:hover,
.reskinContent-3 #selectableSkinLink-2:hover,
.reskinContent-4 #selectableSkinLink-2.selected,
.reskinContent-3 #selectableSkinLink-2.selected {
background-position: -240px -135px;
}
.reskinContent-4 #selectableSkinLink-3:hover,
.reskinContent-4 #selectableSkinLink-3.selected {
background-position: -360px -135px;
}
.fixedPrice,
#podUpsellMembersOnly b
{ color: red}
.headContainer,
#wrapper {
margin: 0 auto;
width: 1020px;
}
.headContainer {
padding: 30px 0px 0px 0px;
box-shadow: none;
}
.SignedInStandard li#logo,
.NotSignedIn li#logo {
background: url(/i/common/logos/sw_logo_extrude.png) no-repeat 10px 5px;
}
.SignedInPremium li#logo {
background: url(/i/common/logos/swu_logo_tail.png) no-repeat 10px 5px;
margin: -22px 0px 0px -88px;
}
.SignedInClub li#logo {
background: url(/i/common/logos/csw_logo.png) no-repeat 10px 5px;
}
.col {
float: left;
margin: 0 18px 0 0;
position: relative;
min-height: 1px;
z-index: 6;
}
.colLast {
margin-right: 0;
}
.col1 { width: 65px; }
.col2 { width: 148px; }
.col3 { width: 231px; }
.col4 { width: 314px; }
.col5 { width: 397px; }
.col6 { width: 480px; }
.col7 { width: 563px; }
.col8 { width: 646px; }
.col9 { width: 729px; }
.col10 { width: 812px; }
.col11 { width: 895px; }
.col12 { width: 978px; margin-right: 0 }
/* arrows
----------------------------------------------- */
.arrowLft, .arrowLftSm, .arrowLftSmDl, .arrowRit, .arrowRitSm, .arrowRitSmDl, .arrowDownLft, .arrowDownRit, .arrowUpLft, .arrowUpRit, .arrowLeftSmlAg {
background: url(/i/common/site/arrows.png) no-repeat !important;
}
.arrowLft {
background-position: left -156px !important;
padding: 2px 0 2px 11px !important;
}
.arrowRit {
background-position: right -199px !important;
padding: 0px 11px 2px 0 !important;
}
.arrowRitSm {
background-position: right -596px !important;
padding: 2px 11px 2px 0 !important;
}
.arrowRitSmDl {
padding: 3px 11px 2px 0 !important;
}
.arrowLftSmDl {
padding: 5px 0 2px 11px !important;
}
.arrowLeftSmlAg {
background-position: -6px -596px !important;
padding: 2px 0 1px 10px !important;
}
.arrowDownSmlRit {
background: url(/i/common/site/arrowsSml.png) no-repeat !important;
}
.arrowDownSmlRit {
background-position: right -36px !important;
padding: 0 10px 0 0 !important;
}
.arrowDownSmlLft {
background: url(/i/common/site/arrowsSml.png) no-repeat !important;
}
.arrowDownSmlLft {
background-position: left -36px !important;
padding: 0 10px 0 0 !important;
}
.podPurple .arrowLft, .podPurple .arrowRit { color: #681646; }
.podPurple .arrowLft { background-position: 0 -80px; }
.podPurple .arrowRit { background-position: right -120px !important; }
.podDownload .arrowLft, .podDownload .arrowRit { color: #BF177C; }
.podDownload .arrowLft { background-position: 0 -160px; }
.podDownload .arrowRit { background-position: right -199px !important; }
.podMyShockwave .arrowLft, .podMyShockwave .arrowRit, .tabsMyShockwave .arrowRit { color: #BF177C; }
.podMyShockwave .arrowLft { background-position: 0 -240px; }
.podMyShockwave .arrowRit { background-position: right -198px !important; }
.arrowDownLft, .arrowUpLft {
background-position: 0 -398px !important;
padding: 0 0 0 20px !important;
}
.arrowUpLft {
background-position: 0 -438px !important;
}
.arrowDownRit, .arrowUpRit {
background-position: right -477px !important;
padding: 0 20px 0 0 !important;
}
.arrowUpRit {
background-position: right -518px !important;
}
/* no workie with IE6, sue me */
.arrowLft.disabled, .carousel .carousel-nav-left a.disabled{
background-position: left -317px !important;
color: #999999 !important;
}
.arrowRit.disabled, .carousel .carousel-nav-right a.disabled {
background-position: right -359px !important;
color: #999999 !important;}
.arrowLftLrg, .arrowRitLrg {
background: url(/i/common/site/arrowsLrg.png) no-repeat !important;
}
.arrowLftLrg {
background-position: 0 7px !important;
padding: 10px 0 10px 22px !important;
}
.arrowRitLrg {
background-position: right -33px !important;
padding: 10px 22px 10px 0 !important;
}
/* no workie with IE6, sue me */
.arrowLftLrg.disabled, #podGameTrophies .carousel .carousel-nav-left a.disabled{ background-position: left -73px !important; }
.arrowRitLrg.disabled, #podGameTrophies .carousel .carousel-nav-right a.disabled { background-position: right -113px !important; }
/* header
----------------------------------------------- */
.swNavigator {
margin: -12px -13px 0px auto;
text-align: center;
width: 445px;
height: 13px;
padding-top: 1px;
}
#mainNav #logo {
width: 193px;
position: absolute;
top: -28px;
z-index: 1;
}
#mainNav .swuLogo {
width: 253px !important;
height: 253px;
}
#mainNav .clubLogo {
width: 175px !important;
height: 67px;
}
#logo a.img {
display: block;
margin-top: -20px;
}
#headerNoNav {
height: 45px;
margin-top: 50px;
}
.nsiClubGame #headerNoNav {
height: 82px
}
.nonMember { margin-top: 10px; }
.swuMember {
margin: -32px 0 -195px -70px;
}
#myTools,
.myTools {
margin-top: -42px;
margin-bottom: 10px;
float: right;
}
.myToolsSIP {
margin-top: -42px !important;
}
.myToolsSIS {
margin-top: -54px !important;
margin-bottom: -10px !important;
}
/* main and sub navigation
----------------------------------------------- */
#mainNav {
position: relative;
/*height: 40px;*/
margin-top: 10px;
}
#mainNav li {
display: block;
position: absolute;
top: 0;
z-index: 2;
}
.navigation ul li#tab-1 a,
.navigation ul li#tab-2 a,
.navigation ul li#tab-3 a {
padding: 5px 10px;
*+padding: 10px;
height: 20px !important;
font: 17px 'salvo sans medium', arial, helvetica, times new roman !important;
text-transform: uppercase;
color: #000;
}
.navigation ul li#tab-1 a:hover,
.navigation ul li#tab-2 a:hover,
.navigation ul li#tab-3 a:hover {
color: #e65c00;
text-decoration: none;
}
.navigation ul li { margin-right: -2px; }
.navigation ul li,
.navigation ul li img { display: inline; }
.navigation ul li img { height: 12px; }
#online ul li#tab-1 a,
#download ul li#tab-2 a,
#myShockwave ul li#tab-3 a {
background: -webkit-linear-gradient(top, #d0d0d0, #f2f2f2);
background: -moz-linear-gradient(top, #d0d0d0, #f2f2f2);
background /*\**/: #dedede\9;
*+background: #dedede;
color: #e65c00;
}
#online ul li img.separator1,
#download ul li img.separator1,
#download ul li img.separator2,
#myShockwave ul li img.separator2 { display: none; }
#mainNav li#myTools a {
padding: 0;
display: inline;
font-weight: normal;
}
#mainNav #myTools {
padding: 12px 0 0 8px;
left: 691px;
width: 299px;
top: -12px;
background: url(/i/common/userBar/nsiBkg.png) no-repeat scroll right 0;
height: 40px;
margin-bottom: 0;
position: absolute;
z-index: 3 !important;
}
.SignedInPremium #mainNav #myTools,
.SignedInClub #mainNav #myTools,
.SignedInFreeClub #mainNav #myTools,
.SignedInStandard #mainNav #myTools {
background-position: right -63px;
top: 0;
height: 29px;
z-index: 3 !important;
}
/* pre login state */
#myTools a {
color: #FFF !important;
font: normal 12px arial, helvetica, times new roman !important;
}
#myTools #loginOptions {
margin-left: -200px;
margin-bottom: 20px;
}
#myTools .userMessage a {
font-weight: bold !important;
color: #FFF;
}
form a.btnMyShockwavePlain.disabled {
background: #ccc !important;
border: 1px solid #999 !important;
color: #fff !important;
}
.rememberMeWrap label {
background: url(/i/common/userBar/checkBox.png) 0 -7px no-repeat;
padding: 0 0 0 17px !important;
line-height: 14px;
width: 106px;
display: inline;
float: none;
width: auto;
cursor:pointer;
}
.rememberMeWrap label.active {
background-position: 0 -27px;
}
.rememberMeWrap input {
position: absolute;
top: auto;
left: -9999px;
}
/* post login state */
#myTools img {
border: 1px solid #fff;
display: inline;
vertical-align: middle;
margin-right: 5px;
/*position: absolute;*/
/*top: 9px; left: 3px;*/
}
#myTools .username,
#myTools #logout {
/*position: absolute;*/
/*top: 6px; left: 41px;*/
color: #FFF !important;
margin-right: 10px;
}
#myTools #logout {
/*right: 4px; left: auto;*/
/*font-weight: bold !important;*/
}
#mainNav li#myTools .username a {
font-weight: bold !important;
display: block;
float: left;
overflow: hidden;
padding-left: 5px;
width: 145px;
}
#myTools ul.clearfix {
/*position: absolute;*/
/*top: 23px; left: 40px;*/
/*width: 267px;*/
}
#myTools ul li {
padding: 1px 7px 0 7px;
position: static;
float: left;
height: 16px;
position: relative;
}
#myTools ul li#tokenCount {
text-align: right;
background: url(/i/common/site/icons16x16.png) 4px -480px no-repeat;
border-left: none;
}
#myTools ul li#tokenCount a {
display: block;
text-align: right;
color: #666;
padding-left: 18px;
}
#myTools ul li#tokenCount span {
display: inline !important;
}
#myTools ul li#headerCashBalance {
color: #666;
margin-left: 10px;
}
#myTools ul li#headerCashBalance a {
color: #666;
padding-left: 13px
}
#myTools ul li#headerCashBalance span {
display: inline !important;
}
#myTools ul li#friendCount {
width: 83px;
text-align: right;
background: url(/i/common/site/icons16x16.png) 4px -520px no-repeat;
cursor: pointer;
}
#myTools ul li#faveGames {
padding-left: 26px;
background: url(/i/common/site/icons16x16.png) 4px -400px no-repeat;
cursor: pointer;
float: right;
}
#subNav #cart {
position: absolute;
top: 5px;
left: 894px;
width: 104px;
font-size: 10px;
line-height: 13px;
}
#subNav #cart a {
color: #fff;
font-weight: normal;
padding-top: 3px;
display: block;
}
#subNav a#cartIcon {
position: absolute;
top: 5px;
right: 3px;
background: url(/i/common/site/icons16x16.png) 0 -1440px no-repeat;
display: block;
height: 10px;
width: 16px;
padding-top: 11px;
height: 15px;
text-align: center;
}
#subNav, #subNav ul li, #subNav ul li a:hover, #subNav, #subNav ul li.active a, #subNav ul li div.newGenre:hover {
/*background: url(/i/common/nav/subNavBkg.png);*/
}
#subNav {
/*border:1px solid red;*/
position: relative;
z-index: 1;
margin: 10px 0px;
}
.hideSubNav #subNav ul {
visibility: hidden !important;
}
#subNav ul li a {
color: #000000;
display: block;
font: 14px 'Salvo Serif Regular';
padding: 7px 5px;
margin-top: 3px;
}
#subNav ul li a:hover { text-decoration: none; }
#subNav ul li.newGenre a {
padding-left: 20px;
}
#subNav ul li.newGenre img {
position: absolute;
top: 0px;
left: 0px;
}
#subNav ul li a:first-child {
margin-left: 3px;
}
#subNav ul li {
float: left;
height: 34px;
padding-right: 1px;
background-repeat: no-repeat;
position: relative;
}
#subNav ul li#moreDropDown { margin-top: -1px; }
#online #subNav ul li a,
#download #subNav ul li a { color: #000; font: 14px 'Salvo Serif Regular'; }
#online #subNav ul li a:hover,
#online #subNav ul li.active a,
#download #subNav ul li a:hover,
#download #subNav ul li.active a,
#online #subNavMore ul li a:hover,
#download #subNavMore ul li a:hover,
#myShockwave #subNavMore ul li a:hover {
color: #e65c00 !important;
text-decoration: none;
}
#download #subNavMore ul li a,
#online #subNavMore ul li a,
#myShockwave #subNavMore ul li a {
padding: 5px;
font: 12px 'Salvo Serif Regular';
color: #000;
}
#download #subNav ul li { background-position: right -170px; }
#myShockwave #subNav { background-position: 0 -204px }
#myShockwave #subNav ul li a:hover,
#myShockwave #subNav ul li.active a,
#myShockwave #subNavMore ul li a:hover {
background-position: left -238px;
color: #E65C00 !important;
text-decoration: none;
}
#myShockwave #subNav ul li { background-position: right -272px; }
.dropmenu div {
display: none;
background: url(/i/common/nav/dropMenuBkg.png) bottom left no-repeat !important;
_background: url(/i/common/nav/dropMenuBkgIE6.png) bottom left no-repeat !important;
position: absolute;
top: 34px;
left: -4px;
_left: -5px;
padding: 6px 0;
border: none;
width: 400px
}
#myTools .dropmenu div {
top: 17px;
left: -302px;
}
#myTools .dropmenu div h5 {
padding: 0; margin: 0;
color: #666;
}
#myTools div ul li {
border: none;
}
#myTools div ul li {
position: relative;
display: block;
float: none;
height: auto;
width: auto;
margin: 0;
border: none;
padding: 3px 0;
background: none;
}
#myTools div ul li a {
display: inline;
padding: 0;
font-size: 11px;
font-weight: normal;
background: none;
}
#myTools div ul li a:hover {
display: inline;
padding: 0;
background: none;
text-decoration: underline !important;
}
#myTools #sisUpsell {
position: absolute;
top: -16px;
left: 0;
padding: 2px;
width: 301px;
color: #fff;
background:url(/i/common/userBar/nsiBkg.png) no-repeat scroll right -112px;
text-align: center;
}
#myTools #sisUpsell a {
font-weight: normal;
color: #fff;
}
#mainNav .swTicker,
#mainNav .swTickerNSI {
width: 175px;
position: absolute;
z-index: 2;
font: 14px arial, helvetica, times new roman;
color: #EDEDED;
background: #666;
padding-left: 10px;
padding-top: 4px;
height:29px;
}
/*IE HACKS */
#mainNav .swTicker {
/*top: -37px\0; !important; *//* IE8 */
*+top: -41px; !important; /* IE7 */
*+height:29px !important; /* IE7 */
}
:root #mainNav .swTicker { top: -39px\0/IE9;} /* IE9 + IE10pp4 */
/* FF HACK */
@-moz-document url-prefix() {
#mainNav .swTicker,
#mainNav .swTickerNSI {
top: -40px; !important;
height: 29px !important;}
}
#mainNav .swTicker ul.tickerList li,
#mainNav .swTicker ul.tickerList li.myTokens,
#mainNav .swTicker ul.tickerList li.gameTime {
display: inline;
margin-right: 10px;
background: url(/i/common/site/icons16x16.png) no-repeat;
position: relative;
top: 6px;
padding: 0px 0px 0px 7%;
background-position: 0 -1640px;
}
#mainNav .swTicker ul.tickerList li.myTokens {
margin-right: 10px;
padding: 0px 0px 0px 7%;
background-position: 0 -480px;
}
#mainNav .swTicker ul.tickerList li.myTokens a,
#mainNav .swTicker ul.tickerList li.myCash a{
color: #FFF;
font: normal 11px arial, helvetica, times new roman;
padding-left: 5px;
}
#mainNav .swTicker ul.tickerList li.gameTime {
*+top:-10px; /* IE7 */
font-size: 11px;
margin-top: 1px;
margin-right: 10px;
padding-bottom: 20px;
background-position: 0 -400px;
float:right;
}
#mainNav .swTicker ul.tickerList li.gameTime ul li.moreGames ul li {
background: none;
background-position: 0px 0px;
}
#mainNav .swTicker ul.tickerList li.gameTime ul li.moreGames {
clear: both;
display: none;
background: #3F3F3F;
width: 311px !important;
top: 0px;
right: -10px;
right: -29px\9;
min-height: 130px;
padding-bottom: 10px;
margin: 22px 0px 0px -234px;
position: absolute;
z-index: 2;
line-height: 0.75em;
padding: 0px 10px 10px;
}
:root #mainNav .swTicker ul.tickerList li.gameTime ul li.moreGames {
margin-left:-230px \0/IE9;
}
#mainNav .swTicker ul li.tickerNSI {
background: none;
top: 9px;
}
#mainNav .swTicker ul li.tickerNSI SPAN { padding: 0px 18px; }
#mainNav li.moreGames ul.block1,
#mainNav li.moreGames ul.block2 {
width: 135px;
float: left;
margin-left: 8px;
border-right: 1px solid #ccc;
height: 98%;
display: block;
}
#mainNav li.moreGames ul.block1 {
padding: 0px 5px;
margin-left: 0px;
}
#mainNav li.moreGames ul.block2 {
width: 130px;
padding-left: 5px;
border: none;
}
#mainNav li.moreGames ul.block1 li,
#mainNav li.moreGames ul.block2 li {
margin: 0px;
padding:0px;
text-transform: none;
}
#mainNav li.moreGames ul.block1 li h5,
#mainNav li.moreGames ul.block2 li h5 {
font: bold 12px arial, helvetica, times new roman;
margin-bottom: -2px;
}
#mainNav li.moreGames ul.block1 li p,
#mainNav li.moreGames ul.block2 li p {
line-height: 1.3em;
text-transform: none;
}
#mainNav li.moreGames ul.block1 a,
#mainNav li.moreGames ul.block2 a {
display: block;
/* margin-bottom: -5px; */
margin:5px 0px 0px 0px !important;
color: #FFF;
font: normal 11px arial, helvetica, times new roman;
text-transform: none;
}
#mainNav li.moreGames ul.block1 a:hover,
#mainNav li.moreGames ul.block2 a:hover {
text-decoration: underline;
display: block;
}
#mainNav li.moreGames ul.block1 li.viewAll,
#mainNav li.moreGames ul.block2 li.viewAll {
margin: 30px 0px 0px 30px;
}
#mainNav li.moreGames ul.block1 li.viewAll a,
#mainNav li.moreGames ul.block2 li.viewAll a {
display: inline;
margin-top: 10px;
}
.favoriteArrow {
margin-left: 7px;
font-size: 8px;
color: #FFF;
}
.favoriteGamesHighlight a:hover {
text-decoration: underline !important;
}
.f_right {
float: right;
}
.profile_info {
font: normal 12px arial, helvetica, times new roman;
}
.arrowHolder {
display: inline;
font-size: 8px;
margin-left: 3px;
margin-top: -3px;
color: #FFF;
}
/* body content & general rules
----------------------------------------------- */
#mainContent {
background:#F8F8F8;
padding: 0 10px 80px 10px;
min-height: 400px;
position: relative;
z-index: 2;
width:1000px;
*+margin-left:-10px !important; /* IE7 */
margin-left:-10px\0/ !important; /* IE8 and IE9 */
}
:root #mainContent {left: 10px\0/IE9;} /* IE9 + IE10pp4 */
.dfContainer {
border: 1px solid #969696;
border-radius: 5px;
padding: 15px 5px 0px 5px;
width: 100%;
margin: 0px 0px 20px 0px;
}
.dfTreatment {
position: relative;
z-index: 4;
}
#altNav {
border-bottom: 1px solid #8fb3ec;
/* height: 268px; */
}
#download #altNav {
border-color: #dd6611;
}
#altNav li {
display: block;
position: relative;
border: 1px solid #8fb3ec;
border-bottom: none;
}
#download #altNav li {
border-color: #dd6611;
}
#altNav li a {
padding-top: 44px;
background-repeat: no-repeat;
}
#altNav li.altNavDouble a {
padding-top: 87px;
}
#online #altNav li a {
background-position: 0 -44px;
}
#online #altNav li.altNavDouble a {
background-position: 0 -88px;
}
#download #altNav li a {
background-position: 0 0;
}
#download #altNav li.altNavDouble a {
background-position: 0 0;
}
#altNav li a:hover {
background-position: 0 -88px !important;
}
#altNav li.altNavDouble a:hover {
background-position: 0 -176px !important;
}
.sponsoredLinks { padding: 20px 10px !important; }
.sponsoredLinks h5 {
margin: 0 0 7px 0;
padding-bottom: 7px;
border-bottom: 1px solid #ccc;
color: #999;
}
.sponsoredLinks table td {
width: 23%;
padding-right: 2%;
}
.sponsoredLinks table td a {
font-weight: normal;
color: #3177cc;
}
.sponsoredLinks table td .description,
.sponsoredLinks table td .linkGray {
color: #999;
}
#footerTop {
background: url(/i/common/site/footerBkg.png) no-repeat 50% 0;
height: 30px;
}
#footer {
padding: 0 45px 45px 45px;
background: #EEEEEE;
position: relative;
font-size: 11px;
}
ul.footerLinks li {
float: left;
}
ul.footerLinks li.sw_mod_links {
margin-right: 70px;
}
ul.footerLinks li.sw_gamesformom {
margin: 0px 0px 0px 1px;
}
#footer h2,
#footer .moreCoolGames {
padding-top: 35px;
margin-bottom: 25px;
letter-spacing: normal;
color: #666 !important;
font: normal bold 16px/18px Arial !important;
}
.extLinksHeader {
font-size: 11px;
font-weight: bold !important;
}
ul.extLinks li {
float: none;
width: 125px;
}
.extLinks a {
color: #666;
font-weight: normal;
}
ul.listNav {
border-top: 1px solid #ccc;
}
ul.listNav li {
border-bottom: 1px solid #ccc;
_zoom: 1;
}
ul.listNav li a,
#footer .colLast ul li {
display: block;
font: 12px 'Salvo Serif Regular';
margin-top: 3px;
padding: 7px 5px;
}
.legal a {
color: #460;
}
.colLast ul li a {
/*font-weight: normal;*/
display: inline;
}
.clear {
clear: both;
}
ul.corpLinks li {
float: left;
font-size: 11px;
margin: 20px 20px 0 0;
}
a.corpLinks:link { text-decoration: underline;}
a.corpLinks:visited { color: #003D7B; text-decoration: underline;}
a.corpLinks:hover { text-decoration: none;}
a.corpLinks:active { color: #003D7B;}
/*speficic changes for btnOnlinePlain in coppLinks */
.aboutUs {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 67px;
margin-top: 20px;
}
.aboutUs a.corpLinks {
display: block;
height: 20px;
padding: 6px 0;
}
ul.aboutUs li a.btnOnlinePlain {
border: 1px solid #3060BE;
display: block;
height: 20px;
/*overflow: hidden;*/
padding: 5px 9px 0 !important ;
text-decoration: none;
font-size: 11px ;
}
.aboutUs li {
font-size: 12px !important;
}
.footer .footerLinks {
overflow: hidden;
}
.aboutUs .exposeComments {
float: right;
margin-top: 24px;
margin-right: 0px;
}
.aboutUs .btnOnlinePlain:hover {
text-decoration: underline;
}
.shareIconsFooter a {
background-image: url("/i/common/site/find_us_on_facebook_button.png");
background-repeat: no-repeat;
float: left;
margin-left: 10px;
padding-top: 27px;
width: 91px;
}
.shareFacebookFooter { margin-top: -4px; }
.shareBlogFooter { background-position: 0 0 }
.shareTwitterFooter { background-position: 0 -42px }
.shareStumbleFooter { background-position: 0 -63px }
.shareFlickrFooter { background-position: 0 -84px }
#footerLogo {
padding-top: 36px;
background: url(/i/common/site/defyLogo.png) no-repeat bottom right;
background-size: 83px 30px;
}
ul.games4,
ul.games3 {
padding-left: 6px;
}
ul.games1 {
margin-top: -15px;
}
.podNoPad ul.games4,
.podNoPad ul.games3,
.podNoPad ul.games2,
.podNoPad ul.games1 {
padding-left: 20px;
}
ul.games4 li,
ul.games3 li,
ul.games2 li,
ul.games1 li,
ul.recentView li {
float: left;
display: block;
_display: inline;
padding: 0 11px 18px;
position: relative;
width: 129px;
}
ul.games4 li.nickMomStyle {
width: 122px;
padding: 10px 11px 0px;
margin: 0px 8px 10px 0px;
background: white;
border-bottom: 4px solid #AC800B;
min-height: 316px;
}
ul.games4 li.nickMomStyle h3 a,
.hoverBoxContent h3 a {
font: 12px 'salvo sans regular', arial, helvetica, times new roman;
color: #333;
text-decoration: none;
}
ul.games4 li.nickMomStyle h3 a:hover,
.hoverBoxContent h3 a:hover { color: #AC800B; }
ul.games4 li.nickMomStyle p {
font: bold 10px arial, helvetica, times new roman;
color: #999;
}
ul.games1 li {
width: 614px;
padding: 18px 0;
border-bottom: 1px solid;
}
#online ul.games1 li {
border-bottom-color: #cccccc;
}
#download ul.games1 li {
border-bottom-color: #cccccc;
}
ul.games1 li .content {
width: 325px;
padding-left: 15px;
}
ul.games2 li .content {
width: 125px;
padding-left: 15px;
}
ul.games1 li .content .title,
ul.games2 li .content .title {
font-size: 14px;
display: block;
padding-bottom: 8px;
}
#download ul.games1 li .content .title,
#download ul.games2 li .content .title {
color: #C8581D;
}
ul.games2 li {
width: 270px;
padding: 11px;
}
ul.games3 li {
width: 180px;
}
ul.games4 li.doubleWide {
width: 282px;
}
ul.games4 li.doubleWide img {
margin-bottom: 0;
}
ul.swSalesPod {
padding-bottom: 15px !important;
margin-right: 15px;
}
ul.swSalesPod li {
padding: 0 11px !important;
height: 276px !important;
}
/* ul.games4Boxed {
background: #feeed5;
border: 0px solid #ee9559;
padding: 17px 0 0 5px !important;
margin: 0 14px 25px;
} */
ul.game4Boxed {
background: #FFF;
border: 0px solid #DEDEDE;
padding: 0px 0 0 5px !important;
margin: 0 14px 19px;
}
.games4Boxed h3 a {
font: 12px 'salvo sans regular';
color: #333;
}
.games4Boxed h3 a:hover {
color: #ac800b;
}
ul.games4 .games4TwoColUpsell {
position: relative;
}
ul.games4 .games4TwoColUpsell .upsellContainer {
position: absolute; top: 0; left: 11px;
width: 274px;
}
ul.recentView li {
display: inline;
padding: 0px;
width: 100px;
margin: 0px -2px;
}
.recentPanel {
margin: 0px !important;
}
.gameRank {
position: absolute;
top: 0;
left: -8px;
height: 16px;
width: 16px;
background: url(/i/common/site/gameRank.png) no-repeat;
}
.gameRank2 { background-position: 0 -20px; }
.gameRank3 { background-position: 0 -40px; }
.gameRank4 { background-position: 0 -60px; }
.gameRank5 { background-position: 0 -80px; }
.gameRank6 { background-position: 0 -100px; }
.gameRank7 { background-position: 0 -120px; }
.gameRank8 { background-position: 0 -140px; }
.gameRank9 { background-position: 0 -160px; }
.gameRank10 { background-position: 0 -180px; }
.gameRank11 { background-position: 0 -200px; }
.gameRank12 { background-position: 0 -220px; }
.emptyMessage {
text-align: center;
padding: 15px 0 10px;
font: 13px 'Salvo Serif';
color:#333333;
}
.podInnerBox .emptyMessage {
padding: 5px 0 7px;
}
.salePrice {
color:red;
font-weight: bold;
}
.download { color: #de6713; }
.myShockwave { color: #446600 !important; }
.online { color: #3476ca; }
/* logos
----------------------------------------------- */
.clubExclusiveLogo {
background: url(/i/common/logos/clubExclusive.png) no-repeat;
padding: 10px 0 10px 102px;
}
.unlimitedLogo {
background: url(/i/common/logos/logoSW-SIP.png) no-repeat;
width: 290px;
height: 110px;
}
.unlimitedLogoSm {
background: url(/i/common/logos/logoSW-SIP-small_28.png) no-repeat;
padding: 10px 0 10px 102px;
}
/* inbody ad
----------------------------------------------- */
.bannerWrapper {
width: 100%;
margin-bottom: 20px
}
#daughter .bannerWrapper {
margin-top: 15px;
margin-bottom: 0;
}
.banner,
.banner > * {
text-align: center;
margin: 0px auto !important;
}
/*banner fix for iframe ad*/
.banner div[id^="coda_ad_728x90"] > div {
margin: 0 auto;
text-align: center !important;
}
.transparentAd {
background: none !important;
}
.dynamicSkin {
padding-bottom: 20px !important;
}
#inBodyAd {
width: 100%;
background: #FFF;
padding-top: 10px;
}
.adWrap {
text-align: center;
margin: 0px auto;
}
#inBodyAd td {
border-top: 10px solid #fff;
border-collapse: separate;
}
#inBodyAd td.adWrap {
width: 970px;
text-align: center; /* for Safari */
background: #FFF;
}
#inBodyAd td.adSide {
background: #fff;
width: 14px;
}
/* picon sizes
----------------------------------------------- */
.picon_small {
width: 92px;
height: 70px;
}
.picon_jigsaw {
background-position: -17px -13px;
}
.picon_regular {
width: 122px;
height: 92px;
}
.picon_large {
width: 122px;
height: 182px;
}
.picon_XL {
width: 272px;
height: 182px;
}
/* 16x16 icons
----------------------------------------------- */
.icon16Rit, .icon16Lft {
background-image: url(/i/common/site/icons16x16.png);
background-repeat: no-repeat;
line-height: 17px;
}
.icon16Rit {
padding: 1px 20px 2px 0;
}
.icon16Lft {
padding: 2px 0 2px 20px;
}
.icon16Play { background-position: 0 0 }
.icon16Download { background-position: 0 -40px ; color: #ce5119; }
.icon16Question { background-position: 0 -80px }
.icon16Buy { background-position: 0 -120px }
.icon16Info { background-position: 0 -160px }
.icon16Plus { background-position: 0 -200px }
.icon16Minus { background-position: 0 -240px }
.icon16Rit.icon16Close { background-position: right -280px }
.icon16Close { background-position: 0 -280px }
.icon16Help { background-position: 0 -320px }
.icon16UserOnline { background-position: 0 -360px }
.icon16Favorite { background-position: 0 -400px }
.icon16FavoriteAdded { background-position: 0 -440px }
.icon16Tokens { background-position: 0 -480px }
.icon16Tokens.icon16Rit { background-position: right -480px }
.icon16Friends { background-position: 0 -520px }
.icon16Warning { background-position: 0 -560px }
.icon16Pages { background-position: 0 -600px }
.icon16Screenshots { background-position: 0 -640px }
.icon16PlayVideo { background-position: 0 -680px }
.icon16Cash { background-position: 0 -720px }
.icon16Ticket { background-position: 0 -760px }
.icon16AddFriend { background-position: 0 -800px }
.icon16Trophy { background-position: 0 -840px }
.icon16Trophy.icon16Rit { background-position: right -840px }
.icon16ShareGame { background-position: 0 -880px }
.icon16GameInstruct { background-position: 0 -920px }
.icon16Email { background-position: 0 -960px }
.icon16Email.icon16Rit { background-position: right -960px }
.icon16Globe { background-position: 0 -1000px }
.icon16Embed { background-position: 0 -1040px }
.icon16OnlyOnShockwave { background-position: 0 -1080px }
.icon16GameFace { background-position: 0 -1120px }
.icon16Edit { background-position: 0 -1160px }
.icon16HighScores { background-position: 0 -1200px }
.icon16PlayClub { background-position: 0 -1240px }
.icon16TokenX2 { background-position: 0 -1280px }
.icon16TokenX3 { background-position: 0 -1320px }
.icon16TokenX4 { background-position: 0 -1360px }
.icon16TokenX5 { background-position: 0 -1400px }
.icon16Cart { background-position: 0 -1440px }
.icon16Silence { background-position: 0 -1480px }
.icon16Rit.icon16Silence { background-position: right -1480px }
.icon16Challenge { background-position: 0 -1520px }
.icon16Marketing { background-position: 0 -1560px }
.icon16PhotoSubmitted { background-position: 0 -1600px }
.icon16SWCash { background-position: 0 -1640px }
.icon16FacebookLike { background-position: 0 -1680px; }
.icon16Rit.icon16SWCash { background-position: right -1640px}
.clubGame .icon16Play { background-position: 0 -1240px; color: #77a922 }
#footer .icon16Lft,
#footer .icon16Rit {
background-image: url(/i/common/site/icons16x16Footer.png);
}
.icon16EmailUpdates {
background-position: 0 4px;
padding: 7px 0 2px 20px;
}
.icon16RSS { background-position: 0 -36px }
.icon16AG { background-position: 0 -76px }
.icon16Parents { background-position: 0 -116px }
.icon16Nick { background-position: 0 -156px }
.icon16NickJr { background-position: 0 -196px }
.icon16NickAcade { background-position: 0 -236px }
.icon16Neopets { background-position: 0 -276px }
.icon16TheN { background-position: 0 -316px }
.icon16AdChoices { background-position: right -355px }}
.iconSubmitPhoto {
padding: 4px 0 4px 28px;
background: url(/i/common/site/iconSubmitPhoto.png) 0 1px no-repeat;
position: relative;
display: block;
top: -4px
}
.shareIcons a {
padding-top: 16px;
width: 16px;
background-image: url(/i/common/site/shareIcons.png);
background-repeat: no-repeat;
float: left;
margin-right: 10px;
margin-top: 1px !important;
}
.shareDelicious { background-position: 0 0 }
.shareDigg { background-position: 0 -16px }
.shareFacebook { background-position: 0 -32px }
.shareGoogle { background-position: 0 -48px }
.shareMySpace { background-position: 0 -64px }
.shareReddit { background-position: 0 -80px }
.shareStumble { background-position: 0 -96px }
.shareTechnorati { background-position: 0 -112px }
.shareTwitter { background-position: 0 -128px }
.shareIcons .sharePlusOne {
background: none;
padding-top: 0;
width: 26px;
}
/* buttons
----------------------------------------------- */
a.btnOnlinePlain, a.btnMyShockwavePlain, a.btnDisabledPlain, a.btnRedPlain, a.btnPurplePlain, a.btnOrangePlain {
background: url(/i/common/site/tabsOffBkgSprite.png) !important;
padding: 3px 8px 5px 8px !important;
color: #fff !important;
font-weight: bold;
border: 1px solid #666;
zoom: 1;
vertical-align: middle;
}
a.btnOnlinePlain {
background-position: 0 -40px !important;
border: 1px solid #5794ed;
}
a.btnMyShockwavePlain {
background-position: 0 -80px !important;
border: 1px solid #77a922;
}
a.btnPurplePlain {
background-position: 0 -240px !important;
border: 1px solid #aa4378;
}
a.btnRedPlain {
background-position: 0 -216px !important;
border: 1px solid #aa0000;
}
a.btnOrangePlain {
background-position: 0 -120px !important;
border: 1px solid #dd6710;
}
a.btnDisabledPlain, a.btnOnlinePlain.disabled {
background-position: 0 -160px !important;
border: 1px solid #999;
color: #999 !important;
}
a.btnOnlineFull, a.btnDownloadFull, a.btnMyShockwaveFull, a.btnBuyFull, a.btnOnTheGoFull {
background: url(/i/buttons/btnOnlineFull.png) no-repeat center left;
color: #fff;
font-weight: bold;
border: 1px solid #3060be;
line-height: 22px;
}
a.btnDownloadFull {
background: url(/i/buttons/btnDownloadFull.png) no-repeat center left;
border: 1px solid #ce5119;
}
a.btnDownloadUpsell {
background: url('/i/buttons/swu_button_blue.png');
background-repeat: no-repeat;
border: 1px solid #3060BE;
}
a.btnPad {
padding: 5px 10px 5px 20px !important;
color: #FFF !important;
}
.dLoadFull {
background: url(/i/buttons/btnDownloadFull.png) no-repeat center left !important;
border: 1px solid #CE5119 !important;
}
.dLoadBuy {
background: url(/i/buttons/btnBuyFull.png) no-repeat center left !important;
border: 1px solid #79A91F !important;
}
.dLoadUpsell {
background: url('/i/buttons/swu_button_blue.png') no-repeat center left !important;
border: 1px solid #3060BE;
}
a.btnOnTheGoFull {
background: url(/i/buttons/btnDownloadFull.png) no-repeat center left;
border: 1px solid #ce5119;
}
a.btnMyShockwaveFull {
background: url(/i/buttons/btnMyShockwaveFull.png) no-repeat center left;
border: 1px solid #76aa21;
}
a.btnBuyFull, a.btnOnTheGoFull {
background: url(/i/buttons/btnBuyFull.png) no-repeat center left;
border: 1px solid #79a91f;
}
a.btnOnTheGoFull {
background: url(/i/buttons/btnOnTheGoFull.png) no-repeat center left;
border: 1px solid #79a91f;
}
a.btnBig {
font-size: 11px;
padding: 5px 10px 6px 22px;
}
a.btnSmall {
font-size: 10px;
padding: 2px 10px 3px 22px;
}
a.btnSmall:hover, a.btnBig:hover, a.btnOnlinePlain:hover, a.btnMyShockwavePlain:hover, a.btnPurplePlain:hover, a.btnBuyFull:hover {
color: #fff;
}
a.bcOverlayBtn {
margin-left: 10px !important;
background: url(/i/buttons/bcfs_button.png);
background-repeat: no-repeat;
border: 1px solid #ec008c;
}
.btnWrap {
padding: 10px 0 10px;
}
/* Large Buttons */
.btnLrgWrap {
padding: 30px 0 12px;
}
a.btnLrg {
font-size: 18px;
color: #fff;
background: url(/i/common/site/tabsOffBkgSprite.png);
padding: 6px 17px;
letter-spacing: 1px;
}
a.btnLrg:hover {
text-decoration: none;
color: #fff !important;
}
a.btnLrgGreen {
background-position: 0 -80px;
border: 1px solid #77a922;
}
a.btnLrgBlue {
background-position: 0 -40px;
border: 1px solid #3479d8;
}
a.btnLrgOnline {
background-position: 0 -40px;
border: 1px solid #3478cd;
}
a.btnLrgRed {
background-position: 0 -205px;
border: 1px solid red;
}
a.btnLrg.disabled {
background: #ccc;
color: #fff !important;
border-color: #999 !important;
}
.btnSpecialOffer {
margin-left: 5px;
position: relative;
top: 2px
}
.btnSpecialOffer img {
display: inline;
margin-bottom: -8px !important;
}
/* THESE ARE GOING OUT, REPLACED BY STYLES ABOVE---------------------------- */
a.btnDownloadIcon, a.btnBuyIcon, a.btnMyShockwaveIcon {
background: url(/i/buttons/btnDownloadIcon.png) no-repeat;
padding: 2px 0 3px 20px;
line-height: 20px;
color: #ce5119;
}
a.btnBuyIcon {
background: url(/i/buttons/btnBuyIcon.png) no-repeat;
color: #669d20;
}
a.btnMyShockwaveIcon {
background: url(/i/buttons/btnMyShockwaveIcon.png) no-repeat;
color: #426700;
}
a.btnDownloadIcon:hover { color: #ce5119; }
a.btnBuyIcon:hover { color: #669d20; }
.btnDownload {
background: url(/i/buttons/btnDownload.png) no-repeat;
padding: 2px 6px 3px 20px;
font-weight: bold;
color: #dd6710;
}
.btnExpand, .btnCollapse {
background: url(/i/buttons/btnExpandCollapse.png) no-repeat;
padding: 0 6px 3px 17px;
}
.btnCollapse {
background-position: 0 -38px;
}
/* END OF DEAD STYLES ---------------------------- */
/* Token Stacks
----------------------------------------------- */
.tokenStackSml {
height: 159px; width: 220px;
background-repeat: no-repeat;
}
.tokenStackSml-1 { background-image: url(/i/apps/tokenImages/tokendisplay_small_1.png) }
.tokenStackSml-2 { background-image: url(/i/apps/tokenImages/tokendisplay_small_2.png) }
.tokenStackSml-3 { background-image: url(/i/apps/tokenImages/tokendisplay_small_3.png) }
.tokenStackSml-4 { background-image: url(/i/apps/tokenImages/tokendisplay_small_4.png) }
.tokenStackSml-5 { background-image: url(/i/apps/tokenImages/tokendisplay_small_5.png) }
.tokenStackSml-6 { background-image: url(/i/apps/tokenImages/tokendisplay_small_6.png) }
.tokenStackSml-7 { background-image: url(/i/apps/tokenImages/tokendisplay_small_7.png) }
.tokenStackSml-8 { background-image: url(/i/apps/tokenImages/tokendisplay_small_8.png) }
.tokenStackSml-9 { background-image: url(/i/apps/tokenImages/tokendisplay_small_9.png) }
.tokenStackSml-10 { background-image: url(/i/apps/tokenImages/tokendisplay_small_10.png) }
.tokenStackSml-11 { background-image: url(/i/apps/tokenImages/tokendisplay_small_11.png) }
.tokenStackSml-12 { background-image: url(/i/apps/tokenImages/tokendisplay_small_12.png) }
.tokenStackSml-13 { background-image: url(/i/apps/tokenImages/tokendisplay_small_13.png) }
.tokenStackSml-14 { background-image: url(/i/apps/tokenImages/tokendisplay_small_14.png) }
.tokenStackSml-15 { background-image: url(/i/apps/tokenImages/tokendisplay_small_15.png) }
.tokenStackSml-16 { background-image: url(/i/apps/tokenImages/tokendisplay_small_16.png) }
.tokenStackLrg {
height: 203px; width: 279px;
background-repeat: no-repeat;
}
.tokenStackLrg-1 { background-image: url(/i/apps/tokenImages/tokendisplay_large_1.png) }
.tokenStackLrg-2 { background-image: url(/i/apps/tokenImages/tokendisplay_large_2.png) }
.tokenStackLrg-3 { background-image: url(/i/apps/tokenImages/tokendisplay_large_3.png) }
.tokenStackLrg-4 { background-image: url(/i/apps/tokenImages/tokendisplay_large_4.png) }
.tokenStackLrg-5 { background-image: url(/i/apps/tokenImages/tokendisplay_large_5.png) }
.tokenStackLrg-6 { background-image: url(/i/apps/tokenImages/tokendisplay_large_6.png) }
.tokenStackLrg-7 { background-image: url(/i/apps/tokenImages/tokendisplay_large_7.png) }
.tokenStackLrg-8 { background-image: url(/i/apps/tokenImages/tokendisplay_large_8.png) }
.tokenStackLrg-9 { background-image: url(/i/apps/tokenImages/tokendisplay_large_9.png) }
.tokenStackLrg-10 { background-image: url(/i/apps/tokenImages/tokendisplay_large_10.png) }
.tokenStackLrg-11 { background-image: url(/i/apps/tokenImages/tokendisplay_large_11.png) }
.tokenStackLrg-12 { background-image: url(/i/apps/tokenImages/tokendisplay_large_12.png) }
.tokenStackLrg-13 { background-image: url(/i/apps/tokenImages/tokendisplay_large_13.png) }
.tokenStackLrg-14 { background-image: url(/i/apps/tokenImages/tokendisplay_large_14.png) }
.tokenStackLrg-15 { background-image: url(/i/apps/tokenImages/tokendisplay_large_15.png) }
.tokenStackLrg-16 { background-image: url(/i/apps/tokenImages/tokendisplay_large_16.png) }
/* General Carousel Rules
----------------------------------------------- */
.carousel {
overflow: hidden;
}
.carouselFade .carousel-element .carousel-element-name {
display: none;
}
.carousel-element a.fullSize {
display: block;
}
.carouselFade .carousel-container,
.carouselSwitch .carousel-container{
position: relative;
}
.carouselFade .carousel-element,
.carouselSwitch .carousel-element {
position: absolute;
top:0; left: 0;
width: 100%;
display: block;
}
.carouselSlide .carousel-element,
.carouselLoop .carousel-element,
.carouselNoSlide .carousel-element {
float: left;
display: block;
_display: inline;
}
.carouselNoSlide .carousel-container {
border-bottom: none !important;
}
.carousel-nav {
position: relative;
height: 25px;
margin: 8px 0 0 0;
}
.carousel-nav a {
color: #003D7B !important;
font-weight: normal;
}
.carousel-nav a:hover {
text-decoration: none;
}
.carousel-nav-left {
position: absolute;
top: 0;
left: 10px;
}
.carousel-nav-left a {
background-position: 0 0 !important;
}
.carousel .carousel-nav-left a {
background-position: left -157px !important;
}
.carousel-nav-right {
position: absolute;
top: 0;
right: 10px;
}
.carousel .carousel-nav-right a {
background-position: right -199px !important;
}
.carousel-progress {
position: absolute;
left: 50%;
float: left;
text-align: left;
margin-top: 5px;
}
.carousel-progress ul {
position: relative;
left: -50%;
_left: -55%;
}
.carousel-progress li {
float: left;
position: relative;
}
.carousel-progress li a {
float: left;
background: url(/i/common/site/carouselProgress-black.png) -13px 0 no-repeat;
width: 7px;
padding-top: 14px;
margin: 0 3px;
_margin: 0 0 0 3px;
_display: inline;
}
.carousel-progress li a.active {
background-position: 0 0;
cursor: default;
}
/* HoverBox
----------------------------------------------- */
.hoverBoxContent {
display: none;
height: 0; /* helps js set correct height once in hoverBox */
}
#hoverBox .hoverBoxIgnore {
display: none;
}
#hoverBox {
position: absolute;
padding: 0;
display: none;
z-index: 100;
}
#hoverBox table {
width: 100%;
}
#hoverBox .shmm {
padding: 10px 10px 3px 10px;
}
#hoverBox #shadowBox .shmm li {
padding: 0;
margin: 0;
float: none;
width: 100%;
}
/* hoverBox arrows */
#hoverBox #hoverBoxArrow {
position: absolute;
height: 33px;
width: 39px;
overflow: hidden;
background-image: url(/i/common/hoverBox/hoverBoxArrows.png);
_background-image: url(/i/common/hoverBox/hoverBoxArrowsIE6.png);
background-repeat: no-repeat;
}
#hoverBox .arrowTopLft {
top: -23px;
left: 81px;
background-position: -157px 0;
}
#hoverBox .arrowTopRit {
top: -23px;
right: 89px;
background-position: 0 0;
}
#hoverBox .arrowBotLft {
bottom: -23px;
left: 83px;
background-position: 0 -33px;
}
#hoverBox .arrowBotRit {
bottom: -23px;
right: 88px;
background-position: -160px -33px;
}
/* default styles for when the hoverBox shows */
#hoverBox .shmm .hoverBoxContent {
display: block;
height: auto;
}
#hoverBox .shmm img {
margin-bottom: 7px;
}
#hoverBox .shmm .clubBox {
background: #FEEED5;
border: 1px solid #C8581D;
color: #000;
padding: 7px 7px 0 7px;
margin-bottom: 10px;
}
#hoverBox .shmm h4 {
color: #124499;
}
/* --- specific hoverBox styles --- */
/* regular/large picons */
#hoverBox.piconLrgLft .shmm {
padding-bottom: 10px;
}
#hoverBox.piconLrgLft .shmm img {
float: left;
margin-bottom: 0;
}
#hoverBox.piconLrgLft .shmm .hoverBoxContent {
padding: 0 0 0 10px;
float: left;
width: 138px;
}
/* jigsaws */
#hoverBox.jigsaws h5 { color: #456500; }
#hoverBox.jigsaws h5 span { color: #666; }
/*#hoverBox .hoverArchive {*/
/*min-width: 272px;*/
/*}*/
#hoverBox .hoverBoxContent h4,
#hoverBox .hoverArchive h4 {
font-size:14px;
}
#hoverBox.piconLrgLft .hoverBoxContent.hoverArchive {
padding: 10px 0px 0px 0px;
min-width: 272px;
clear: both;
}
/* avatars */
#hoverBox.avatar .shmm img {
float: left;
}
#hoverBox.avatar .shmm .hoverBoxContent {
padding: 0 0 0 10px;
float: left;
width: 150px;
}
/* New Feature Tip box
----------------------------------------------- */
.tipBox {
position: absolute;
/*display: none;*/
z-index: 100;
border: 3px #2775d1 solid;
border-radius: 10px;
background: white;
}
.tipBox .tipContent {
background: url(/i/common/tipBox/tipBoxIdeaBulb.png) left center no-repeat;
min-height: 36px;
padding: 5px 5px 0 30px;
margin: 5px;
}
/* arrows */
.tipBox .hoverBoxArrow {
position: absolute;
height: 13px;
overflow: hidden;
background-image: url(/i/common/tipBox/tipBoxArrows.png);
background-repeat: no-repeat;
}
.tipBox .closeTipBox {
cursor: pointer;
text-align: right;
display: block;
position: relative;
bottom: 0px;
}
.tipBox .arrowRitTop {
left: -9px;
top: 20px;
width: 10px;
background-position: 0 50%;
}
/**** Modify these if you need the arrow in a different place
.tipBox .arrowTopLft {
top: -23px;
left: 81px;
background-position: -157px 0;
}
.tipBox .arrowTopRit {
top: -23px;
right: 89px;
background-position: 0 0;
}
.tipBox .arrowBotLft {
bottom: -13px;
left: 73px;
background-position: 0 -80px;
}
.tipBox .arrowBotRit {
bottom: -13px;
right: 88px;
background-position: -160px -33px;
}
*/
/* Messenger
----------------------------------------------- */
#messenger {
border: 1px solid #eeaa01;
margin-bottom: 15px;
padding: 20px 100px;
background: #ffffdd;
position: relative;
font-weight: bold;
}
#messenger p {
text-align: center;
}
#messenger .btnClose {
position: absolute;
top: 4px; right: 5px;
_top: 6px; _right: 17px;
background: url(/i/temp/smallIcon.png) top right no-repeat;
font-size: 9px;
padding: 2px 20px 5px 0;
line-height: 10px;
font-weight: normal;
}
/* Link Colors and Headers
----------------------------------------------- */
a {
text-decoration: none;
outline: none;
color: #003d7b;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
a.plain {
color: #666;
}
a.disabled {
cursor: default;
color: #999 !important;
border: 0;
}
a.disabled:hover {
text-decoration: none;
}
a.selected {
color: #000;
cursor: text;
border: 0;
text-decoration: none;
}
a.selected:hover{
text-decoration: none;
}
a.local {
font-weight: normal;
}
p {
margin-bottom: 7px;
}
h1 {
color:#000000;
font: 28px "salvo sans regular";
padding: 0;
letter-spacing: .5px;
margin: 0 0 4px 0;
position: relative;
}
h1.pageTitle {
margin-bottom: 20px;
color: #666;
color: #AC800B;
text-transform: capitalize;
font: 28px 'salvo serif light',arial,helvetica,times new roman; !important;
}
h1.genreTitle {
letter-spacing: 0;
/*margin-bottom: 25px;*/
/*border-bottom: 1px solid #9accef;*/
/*font-variant: small-caps;*/
color: #AC800B;
text-transform: capitalize;
font: 28px 'salvo serif light',arial,helvetica,times new roman; !important;
}
h1.gamesAtShockwave {
font-variant: small-caps;
font: bold 24px arial black;
text-transform: none;
margin: -5px 0px 15px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid #9ACCEF;
}
h1.downloadGamesAtShockwave {
font-variant: normal;
font: bold 24px "arial black", sans-serif;
color: #C8581D !important;
letter-spacing: -1px;
line-height: 1em;
text-transform: none;
margin: 0px 0px 15px;
padding-bottom: 6px;
border-bottom: 1px solid #C8581D;
}
h2 { /* reserved for pod headers, see pods.css */ }
h2.sub {
font-variant: normal;
font-weight: bold;
margin-bottom: 15px;
color: #333;
}
h3 {
font-size: 11px;
}
h4 {
font-size: 16px;
margin-bottom: 10px;
line-height: 18px;
}
h5 {
font-size: 14px;
margin: 3px 0 7px 0;
}
.green { color: green; }
.red { color: red; }
ul.list {
padding-left: 20px;
list-style: disc;
margin-bottom: 7px;
}
ol.list {
padding-left: 20px;
list-style: decimal;
margin-bottom: 7px;
}
/* Pagination
----------------------------- */
.pag {
padding: 6px 0;
background: #fff;
}
.pag span {
padding-left: 7px;
}
.pag .pagLftNav,
.pag .pagRitNav {
float: left;
width: 12%;
text-transform: uppercase;
}
.pag .pagLftNav a.arrowLft {
background-position: left -160px !important;
}
.pag .pagLftNav a.arrowLft.disabled {
background-position: left -320px !important;
text-transform: uppercase;
}
.pag .pagLftNav a.arrowLft {
background-position: left -160px !important;
}
.pag .pagLftNav a.arrowLft.disabled {
background-position: left -320px !important;
text-transform: uppercase;
}
.pag .pagLftNav a.arrowLft {
background-position: left -160px !important;
}
.pag .pagLftNav a.arrowLft.disabled {
background-position: left -320px !important;
}
.pag .pagLftNav a.arrowLft {
background-position: left -160px !important;
}
.pag .pagLftNav a.arrowLft.disabled {
background-position: left -320px !important;
}
.pag .pagRitNav{
float: right;
text-align: right;
padding: 0;
}
.pag .pagRitNav a{
margin-right: 7px;
}
.pag .pagRitNav a,
.pag .pagLftNav a {
color: #BF177C;
}
.pag .pagRitNav a.arrowRit {
background-position: right -202px !important;
}
.pag .pagRitNav a.arrowRit.disabled {
background-position: right -362px !important;
}
.pag .pagNums{
text-align: center;
}
.pag .pagNums span {
padding: 0 3px;
}
.pag .pagNums span a {
background: #fff;
padding: 1px 4px;
color: #045CB6 !important;
border: 1px solid #ccc;
}
.pag .pagNums span a.disabled {
background: #666;
color: #fff !important;
}
.pag .pagNums span a.showAll {
background: none;
color: #045CB6 !important;
padding: 0;
border: none;
}
.pagBot {
border-top: 1px solid #ccc;
margin-top: 5px;
}
.pagTop {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
#gameListPaginator p {
margin-bottom: 15px;
margin-left: 7px;
}
/* Provides full screen dimmer
---------------------------------*/
#dimmer {
position: fixed;
top: 0; left: 0;
background: url(/i/common/shadowBox/dimmerBkg.png); /* bkg img fixes issue with Firefox transparency */
width: 100%; height: 100%;
z-index:9999998;
}
#dimmerMessage {
position: fixed;
top: 50%; left: 50%;
width: 400px; /* default width */
z-index: 9999999;
font-size: 11px;
color: #333;
}
.dimmerMessage { display: none }
#dimmerMessage .shadowBox { width: 100%;}
#dimmerMessage .swBtnSml, #dimmerMessage .swBtnMed { margin-bottom: 0}
#dimmerMessage .dimmerBtnClose {
padding-top: 26px;
width: 25px;
background: url(/i/common/shadowBox/dimmerCloseBtn.png) no-repeat;
display: block;
position: absolute;
top: 0;
right: 0;
}
/* built using table because children of a png24 background parent doesn't fade properly, background is white */
.shadowBox .shtl, .shadowBox .shtm, .shadowBox .shtr, .shadowBox .shbl, .shadowBox .shbm, .shadowBox .shbr { height: 10px; font-size: 1px; }
.shadowBox .shtl { background: url(/i/common/shadowBox/shtl.png) no-repeat; width: 10px; }
.shadowBox .shtm { background: url(/i/common/shadowBox/shtm.png) repeat-x; }
.shadowBox .shtr { background: url(/i/common/shadowBox/shtr.png) no-repeat; width: 10px}
.shadowBox .shbl { background: url(/i/common/shadowBox/shbl.png) no-repeat; width: 10px}
.shadowBox .shbm { background: url(/i/common/shadowBox/shbm.png) repeat-x; }
.shadowBox .shbr { background: url(/i/common/shadowBox/shbr.png) no-repeat; width: 10px}
.shadowBox .shmm { padding: 13px 18px; background: #fff }
.shadowBox .shml, .shadowBox .ml { background: url(/i/common/shadowBox/shml.png) repeat-y; width: 10px;}
.shadowBox .shmr { background: url(/i/common/shadowBox/shmr.png) repeat-y; }
.shadowBoxEvenPadding .shmm { padding: 13px; }
/* Game Pre-Play and Play
----------------------------------------------*/
#gameCanvasWrap {
background: #f0f0f0 url(/i/common/gameOverlay/gameCanvasOverlayBkg.jpg) center center no-repeat;
}
#gameCanvasWrap #ad1 { height: 0 }
#gameCanvasWrap #preplayDiv {
margin: 0 auto;
width: 640px;
}
.col10 #gameCanvasWrap #preplayDiv {
padding: 60px 0;
}
/* this is the game itself */
#gameCanvas {
position: relative;
text-align: center;
}
#gameCanvas iframe {
margin: 0 auto;
border: none;
}
#gameCanvas object,
#gameCanvas applet {
margin: 0 auto;
display: block;
}
/* Firefox error messages */
#gameCanvas comment {
position: absolute;
top: 200px;
left: 50%;
margin-left: -150px;
}
.col10 #gameCanvas comment {
top: 263px;
}
/* Free Club Game Message */
#gameCanvasWrap .freeClubDialog {
height: 600px
}
#gameCanvasWrap .freeClubDialog .shadowBox {
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -306px;
}
#gameCanvasWrap .freeClubDialog .shadowBox .content{
width: 552px;
padding-top: 30px;
position: relative;
}
#gameCanvasWrap .freeClubDialog .shadowBox .content .icon16Close{
position: absolute;
top: -5px;
right: -5px;
}
#gameCanvasWrap .freeClubDialog .logoClubShockwave {
background: url(/i/common/logos/logoSW-Club-tiny.png) no-repeat;
height: 51px;
width: 140px;
position: absolute;
top: -27px;
left: -34px;
}
#gameCanvasWrap .freeClubDialog .shadowBox .content p{
font-size: 15px;
line-height: 18px;
padding-bottom: 7px
}
#gameCanvasWrap .freeClubDialog .shadowBox .content .fltL {
background: url(/i/pods/freeGameOverlay/freeGameSignIn.png) no-repeat;
width: 212px;
height: 30px;
padding: 70px 0 0 15px;
}
/* Game Achievement Overlay
----------------------------------------------*/
#gameOverlay{
z-index:60;
position: absolute;
left: -9999px; /* prevents flicker that would otherwised be caused by display:none */
font-size: 11px;
}
#gameOverlay .shmm {
padding:0;
background: #ccdd99;
zoom: 1;
}
#gameOverlay .shmm #overlayTop {
background: url(/i/common/gameOverlay/overlayTop.png) repeat-x;
height: 50px;
position: relative;
}
#gameOverlay .shmm #overlayTop .swLogoSmall {
position: absolute;
top: 5px; left: 15px;
background: url(/i/common/site/swLogoSmall.png) repeat-x;
width: 69px;
height: 26px;
}
#gameOverlay .shmm #overlayBot{
background: #fff url(/i/common/gameOverlay/overlayBot.png) repeat-x;
padding: 25px 15px 8px;
zoom: 1;
}
#gameOverlay .shmm .content {
padding: 0 15px;
position: relative;
zoom: 1;
}
#gameOverlay .shmm .iconHelp {
background: url(/i/temp/iconHelp.png) 0 0 no-repeat;
position: absolute;
top: 10px; right: 40px;
width: 15px;
padding-top: 15px;
}
#gameOverlay .shmm .iconClose {
background: url(/i/temp/iconClose.png) no-repeat;
position: absolute;
top: 10px; right: 6px;
padding: 17px 0 0 0;
width: 17px;
}
#gameOverlay .shmm .content .section {
border-color: #4c6d09;
}
#gameOverlay .shmm .awardContainer {
position: absolute;
bottom: -96px;
right: 8px;
width: 230px;
height: 311px;
}
#gameOverlay .shmm .trophyMulti .awardContainer {
bottom: -136px;
}
#gameOverlay .tokenContainer {
position: absolute;
right: 0;
top: -12px;
}
#gameOverlay .shmm .content h4,
#gameOverlay .shmm .content .bigBoldFont,
#gameOverlay .shmm .content b {
color: #446605;
}
#gameOverlay .shmm .content p {
margin-bottom: 4px;
}
#gameOverlay .shmm .content p.section {
margin-bottom: 7px;
}
#gameOverlay.overlaySmlNoBkg #overlayTop,
#gameOverlay.overlaySmlNoBkg #overlayBot {
background: none;
}
#gameOverlay.overlaySmlNoBkg .shmm,
#gameOverlay.overlaySml .shmm {
width: 400px;
}
#gameOverlay.overlaySmlNoBkg .shmm {
background: #fff;
}
#gameOverlay.overlayLrg .shmm {
width: 575px;
}
#gameOverlay #signInBox {
margin: 45px 0 5px;
border: 1px solid #4c6d09;
background: #ccdd99;
position: relative;
height: 98px;
}
#gameOverlay #signInBox .fltL,
#gameOverlay #signInBox .fltR {
padding: 10px;
width: 226px;
}
#gameOverlay #signInBox .text {
width: 100px;
}
#gameOverlay #signInBox form li {
padding-bottom: 9px;
}
#gameOverlay #signInBox .last {
padding-bottom: 0;
margin-bottom: 0;
}
#gameOverlay #signInBox .last a {
line-height: 12px;
}
#gameOverlay #signInBox .leftHalf,
#gameOverlay #signInBox .rightHalf {
min-height: 1px;
}
#gameOverlay #signInBox .rightHalf p {
margin-top: 3px;
}
/* Facebook Game Overlay sign in */
#gameOverlay .shmm #overlayBotFb {
background: #fff url(/i/common/gameOverlay/overlayBot.png) repeat-x;
padding: 1px 15px 8px;
zoom: 1;
}
#gameOverlay #signInBoxFb {
margin: 70px 0 5px;
padding: 10px 0 0 10px;
border: 1px solid #4c6d09;
background: #ccdd99;
position: relative;
height: 88px;
zoom: 1;
}
#gameOverlay #signInBoxFb ul {
width: 330px;
border-right: 2px dotted #4e6c08;
margin-right: 25px;
}
#gameOverlay #signInBoxFb li {
margin-right: 5px;
float: left;
clear: none;
padding-bottom: 0;
}
#gameOverlay #signInBoxFb .text {
width: 110px;
}
/* Overlay overrides and rules for
Overlay with recommendations
------------------------------------ */
#gameOverlay #overlayRec {
background: #fff url(/i/common/gameOverlay/overlayBot.png) repeat-x;
padding: 20px 0 8px 15px;
width: 555px;
zoom: 1;
}
#gameOverlay .nsiOverlayRec #signInBoxFb {
margin-top: 0;
height: auto;
border: 0;
border-bottom: 2px dotted #77A922;
padding: 0;
}
#gameOverlay .nsiOverlayRec #signInBoxFb ul {
border: 0;
margin: 0;
}
#gameOverlay .nsiOverlayRec .tokenContainer {
top: -50px;
}
#gameOverlay .nsiOverlayRec #signInBoxFb ul{
width: 375px;
border-right: 0;
margin-right: 0;
}
.nsiOverlayRec input.text {
width: 125px;
padding: 4px 8px 6px !important;
font-size: 14px;
border: 1px solid #77A922;
}
.nsiOverlayRec a.btnMyShockwavePlain {
font-size: 14px;
padding: 4px 8px 6px !important;
}
#overlayRecHeader {
float: left;
font-size: 15px;
font-weight: bold;
color: #77A922;
text-align: right;
padding: 25px 5px 15px 0;
line-height: 1.3em;
}
#overlayRecList {
float: left;
}
#overlayRecList li {
float: left;
margin-left: 20px;
width: 92px;
}
.badgeYourBestScore {
background: url(/i/common/gameOverlay/badgeYourBestScore.png) no-repeat right 0;
padding: 7px 45px 25px 0;
}
/* Ratings Stars
--------------------------- */
.ratingStars, .ratingStarsUserRated {
background: url(/i/common/site/ratingStars.png) repeat-x 0 -30px;
width: 84px;
margin: 5px 0 7px;
}
.ratingStars div {
background: url(/i/common/site/ratingStars.png) repeat-x;
height: 15px;
padding: 0 !important;
}
.ratingStarsUserRated div {
background: url(/i/common/site/ratingStars.png) repeat-x 0 -15px;
}
.raterFloat .ratingStars {
float: left;
}
.raterFloat b {
padding-top: 3px;
}
/* User Ratings Stars
--------------------------- */
.userStarRater, .ratingWrap, .ratingConfirm {
position: relative;
padding: 0;
width: 155px;
_width: 160px;
}
ul.starActive {
background: url(/i/common/site/ratingStars.png) 0 -30px repeat-x;
width: 84px;
height: 15px;
position: relative;
}
ul.starActive li {
clear: none !important;
padding: 0 !important;
border: none !important;
float: none !important;
height: 15px !important;
position:absolute !important;
top: 0; left: 0;
}
ul.starActive li a {
position: absolute;
left: 0; top: 0;
display: block;
height: 15px;
outline: none;
width: 100%;
}
ul.starActive li a:hover, ul.starActive li a.active { background: url(/i/common/site/ratingStars.png) 0 -15px repeat-x; }
ul.starActive.selected li a:hover { cursor: default; }
.ratingStars-5 { width: 100%; z-index: 6 }
.ratingStars-4 { width: 80%; z-index: 7 }
.ratingStars-3 { width: 60%; z-index: 8 }
.ratingStars-2 { width: 40%; z-index: 9 }
.ratingStars-1 { width: 20%; z-index: 10 }
.starRatingText {
font-weight: bold;
position: absolute;
top: 0; left: 90px;
white-space: nowrap;
color: #000;
}
/* Bubble Review
_______________________________*/
.reviewBubble {
padding-bottom: 10px;
}
.reviewBubble .bubbleTopLft,
.reviewBubble .bubbleTopRit,
.reviewBubble .bubbleBotLft,
.reviewBubble .bubbleBotRit {
background: url(/i/common/site/reviewBubble.png) no-repeat;
height: 10px;
width: 50%;
float: left;
font-size: 0;
}
.reviewBubble .bubbleTopRit {
background-position: right top;
float: right;
}
.reviewBubble .bubbleBotLft {
background-position: left bottom;
height: 32px;
float: left;
}
.reviewBubble .bubbleBotRit {
height: 32px;
background-position: right bottom;
float: right;
}
.reviewBubble .bubbleContent {
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
padding: 0 10px;
position: relative;
background: #fff;
zoom: 1;
}
.reviewBubble .bubbleContent .clearfix {
padding: 0 0 5px 0;
}
.reviewBubble p {
margin: 0;
}
.reviewBubble h5 {
margin-top: 0;
}
.reviewBubble .ratingStars {
position: absolute;
top: -2px; right: 10px;
}
.reviewBubble .info {
width: 61%;
}
.col4 .reviewBubble .ratingStars {
position: static;
}
.reviewBubble img {
float: left;
}
.reviewBubble .reviewUser {
padding: 0 0 3px 15px;
}
/*for standalone pages without pod borders*/
.plainPage {
margin: 40px 0;
}
.subSection {
margin-bottom: 15px;
}
.subSection h1 {
font-size: 30px;
color: #333;
margin-bottom: 20px !important;
}
.subSection h2 {
font-variant: normal;
color: #333;
margin-bottom: 20px !important;
}
.subSection h3 {
font-size: 18px;
margin-top: 30px;
margin-bottom: 20px;
color: #666;
}
.subSection h4 {
margin-top: 20px;
}
.subSection h5 {
padding-top: 10px;
border-top: 1px solid #ccc;
margin-top: 20px;
line-height: 18px;
}
.subSection h6 {
font-size: 14px;
}
.subSection .indent,
.subSection .indentDouble{
padding-left: 20px;
}
.subSection .indentDouble {
padding-left: 40px;
}
.subSection .underline {
padding-left: 40px;
}
.subSection ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 7px;
}
.subSection ol {
padding-left: 23px;
list-style: decimal;
margin-bottom: 7px;
}
.subSection form ul {
padding: 0;
}
.subSection .answers {
margin-top: 20px;
}
.subSection .answers h3 {
background: #eee;
padding: 10px;
margin-top: 30px;
}
.subSection .section {
margin-top: 20px;
border: none;
padding: 0;
}
.subSection .entry {
border-top: 1px solid #ccc;
margin-top: 20px;
}
.subSection .btt {
margin-bottom: 20px;
}
.subSection .headline {
margin-bottom: 24px;
margin-top: -25px;
_margin-top: 0;
}
.listNav a {
color: #000000;
}
.listNav a:hover {
color: #E65C00;
}
.listNav .active a {
background: url(/i/common/site/arrowsSml.png) no-repeat 0 15px !important;
padding-left: 7px;
color: #E65C00;
display: block;
margin-top: 3px;
padding: 7px 8px;
}
.agreement {
border:1px solid #ccc;
height:100px;
overflow:auto;
padding:10px;
}
/* Static, modal login and register overlays */
#modalLogin {
font-size: 12px;
color: #7BB40D;
}
#modalLogin input.text {
display: block;
font-size: 17px;
margin-bottom: 5px;
border: 1px solid #7BB40D;
}
#modalLogin ul {
display: inline;
}
#modalLogin li {
display:inline;
float:left;
clear:none;
margin-right: 10px;
}
#modalLogin .btn {
font-size: 17px;
margin-top: 1.4em;
line-height: 28px;
}
#modalLogin .btn a {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 28px;
display: inline-block;
}
#modalRegister .btnFacebookBig {
font-size: 13px;
}
#modalLogin .desc {
font-size: 17px;
/*line-height: 25px;*/
color: #7BB40D;
font-weight: normal;
}
#modalLogin .podTitle,
#modalRegister .podTitle,
.fbLogin .podTitle {
font-variant: normal;
font-weight: bold;
font-family: Arial;
font-size: 22px;
line-height: 23px;
color: #656565;
margin-bottom: 5px;
}
#modalLogin .registerContainer {
color: #656565;
font-size: 17px;
text-align: center;
}
#modalLogin .registerContainer a {
margin-left: 17px;
}
#modalLogin .error,
#modalRegister .error {
font-size: 12px !important;
}
#modalRegister {
line-height: 1.5;
font-size: 13px;
color: #656565;
}
#modalRegister .modalPodContent {
border-radius: 4px 4px 4px 4px;
border:1px solid #E0E0E0;
background:#F5F5F5;
padding:20px;
margin-top:20px;
}
#modalRegister .leftSide {
float: left;
width: 475px;
margin-right: 10px;
padding-bottom: 10px;
padding-20px;
}
.fbLogin .fltL,
#modalRegister .leftSide{
padding-right: 50px;
background: transparent url(/i/common/site/vertDividerOr.png) no-repeat scroll center right;
}
#modalRegister form li {
padding-bottom: 10px;
}
#modalRegister label.desc {
float:left;
width: 120px;
font-size: 17px;
margin-right: 15px;
}
#modalRegister .noDesc {
margin-left: 135px;
}
#modalRegister .error {
margin-left: 135px;
}
#modalRegister .globalError .error {
margin-left: 0;
}
#modalRegister li div {
width: 310px;
float: left;
}
#modalRegister label.desc {
color: #656565;
font-weight: normal;
}
#modalRegister .btn,
#modalRegister input {
font-size: 17px;
}
#modalRegister label.choice,
#modalRegister select {
font-size: 13px;
}
#modalRegister input.text {
border: 1px solid #c1c1c1;
width: 300px;
}
#modalRegister #country {
width: 300px;
padding: 3px;
}
#modalRegister #month,
#modalRegister #day,
#modalRegister #year {
width: 95px;
}
.modalFacebook {
font-size: 13px;
color: #3B5997;
}
.modalFacebook h3 {
font-size: 17px;
}
/* Facebook Connect
------------------------ */
/* NSI Header */
#myTools .fbLoginForm .userMessage {
/*font-weight: normal;*/
/*top: 1px;*/
float: right;
font: normal 12px arial, helvetica, times new roman;
margin-top: -35px;
margin-bottom: 30px;
color: #09C;
}
.fbLoginForm #loginOptions{
background: transparent url(/i/common/userBar/avatarSmlEmpty_32.png) no-repeat scroll 0 6px;
height: 32px;
padding-top: 15px;
padding-left: 40px;
float: right;
margin: -20px 5px 20px
}
#mainNav #myTools .fbLoginForm #loginOptions a{
font-weight: bold;
}
#mainNav #myTools .fbLoginForm a.headerLoginSW{
/*
background: transparent url(/i/common/site/arrows.png) no-repeat scroll right -42px;
margin-right: 10px;
*/
padding-right: 10px;
}
#mainNav #myTools .fbLoginForm a.headerLoginFacebook,
.textLoginFacebook
{
background: transparent url(/i/common/userBar/facebook_icon_14.png) no-repeat scroll 10px 50%;
padding-left: 28px;
}
.textLoginFacebook {
background-position: 5px 0;
padding-left: 24px;
}
.facebookBlock {
text-indent: 20px;
background: transparent url(/i/common/userBar/facebook_icon_14.png) no-repeat scroll top left;
}
#myTools .errorOn .fbLoginForm .userMessage {
top: -13px;
}
#myTools .fbLoginForm #loginInputs {
padding-top: 0;
position: static;
}
/* Facebook connected user */
#mainNav #myTools .username a.facebookUser
{
padding-left: 18px;
margin-left: 5px;
background: transparent url(/i/common/userBar/facebook_icon_14.png) no-repeat scroll center left;
}
#friendsData .podPad .avatar6Up li a {
display: block;
}
#friendsData .podPad .avatar6Up li .nameIndented {
margin-left: 18px;
}
.facebookTextLink div
{
width: 18px;
float: left;
background: transparent url(/i/common/userBar/facebook_icon_14.png) no-repeat scroll center left;
}
/* Create/Link Account */
.fbLogin h3 {
font-size: 18px;
}
.fbLogin .dottedL {
padding-left: 20px;
border-left: 2px dotted #ccc;
}
.fbLogin form li.fiftyL {
clear: none;
}
.fbLogin p {
line-height: 1.5em;
margin-bottom: 1em
}
#facebookRegistrationForm label.choice {
margin: 0;
}
#facebookRegistrationForm .choice input.checkbox {
display: inline;
margin: 0 5px 0 0;
}
.ui-autocomplete {
width: 201px;
padding: 5px;
font-size: 13px;
position: absolute;
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
box-shadow: 4px 6px 6px #a9a9a9;
-webkit-box-shadow: 4px 6px 6px #a9a9a9;
-moz-box-shadow: 4px 6px 6px #a9a9a9;
}
.ui-autocomplete a {
display: block;
padding: 5px;
font-weight: normal;
}
.ui-autocomplete b {
font-weight: bold;
}
.ui-autocomplete a.ui-state-hover {
background-color: #eee;
text-decoration: none;
}
#breadCrumbs {
font-weight: bold;
padding-bottom: 5px;
text-transform:capitalize;
margin-bottom: 10px;
}
#online #breadCrumbs,
#download #breadCrumbs {
border-bottom:1px solid #ccc;
margin-bottom: 20px;
}
#download #breadCrumbs {
border-bottom: 1px solid #ccc;
}
#online #gameHeader #breadCrumbs {
border-bottom:none;
margin-bottom: 5px;
}
#breadCrumbs, #breadCrumbs a, #download #gameHeader #breadCrumbs,
#online #gameHeader #breadCrumbs,
#download #gameHeader #breadCrumbs a,
#online #gameHeader #breadCrumbs a {
font: bold 10px arial, helvetica, times new roman;
color: #b6b6b6;
}
body.family-kids #breadCrumbs {
margin-top: -5px;
padding-bottom: 0px;
}
#burgerKingPuzzles {
background: url(/sponsorsStatic/burgerKingPuzzles/burgerking_logo.png) no-repeat;
width: 120px;
padding-top: 60px;
display: block;
float: right;
}
#followButtons pt10{
zoom: 1;
}
.sw_support a {
font: normal 10px arial, helvetica, times new roman;
vertical-align: middle;
text-decoration: none;
margin-left: 10px;
}
.sw_support a:hover {
text-decoration: underline;
}
.subSection h2.sw_contactTitle {
margin-top: -46px;
zoom: 1;
}
.sw_drSignup, .sw_drHed, .sw_drSIShed {
text-decoration: none;
color: #003D7B;
font-weight : bold;
margin-left: 150px;
}
.sw_drSignupSIS {
margin-left: 100px;
}
.sw_drSignupSISentered {
margin-left: 150px;
}
.sw_drHed {
margin-left: -47px;
*margin-left: -42px;
font-size: 12px;
}
.sw_drSIShed {
margin: 0px 10px;
color: #666;
}
.sw_drSIShed SPAN {
color: #003D7B;
margin: 0px !important;
}
.sw_drPrizes {
display: none;
width: 1000px;
margin: 0px auto;
padding: 10px 0px 20px;
text-align: center;
height: 294px;
background: url(/i/common/dailyrewards/gradient.jpg) repeat-x;
}
.sw_drPrizes DIV {
margin: 0px auto 10px;
text-align: center;
color: #003D7B;
font: bold 16px arial, helvetica, times new roman;
}
.sw_drPrizes img {
margin: 0px auto;
}
.sw_drTheReward {
margin-left: -3px !important;
*+margin-left: 0px !important;
*+float: left;
}
.sw_drSignupContainer {
width: 986px;
margin: 0px auto;
text-align: center;
padding: 2px 7px 15px 7px;
border: none;
border-bottom: 1px solid #7AB50B;
height: 20px;
background: url(/i/common/dailyrewards/gradient_sml.jpg) repeat-x;
display: none;
zoom: 1;
}
.sw_drSignupContainer ul, .sw_drPrizes ul {
margin: 0px;
padding: 0px;
list-style-type: none;
zoom: 1;
}
.sw_drPrizes ul {
margin-left: 42px;
}
.sw_drSignupContainer ul li, .sw_drPrizes ul li {
display: inline-block;
zoom: 1;
*+display: inline;
vertical-align: middle;
}
.sw_drSignupContainer ul li.sw_drPassword {
margin-left: -15px;
}
.sw_drSignupContainer ul li input {
width: 104px;
height: 12px;
border: 1px solid #7AB50B;
margin-top: 2px;
}
.sw_drSignupContainer ul li span {
margin: 3px 4px 0px 20px;
font-weight: 600;
}
.sw_drCollapse,
.sw_drExpand {
/*float: right;*/
margin: 0px 10px 0px 2px;
*+margin: 3px 6px 0px 5px;
display: none;
}
.sw_drExpand {
display: block;
}
.sw_drExpand:hover,
.sw_drCollapse:hover {
cursor: pointer;
}
.sw_drFBLike {
margin: 10px 0px 10px 520px !important;
}
.sw_drMembership {
margin: -10px 0px 0px 10px;
*+margin: 3px 0px 0px 10px;
width: 120px;
height: 22px;
*+height: 35px;
}
.sw_drMembership img {
margin: -28px 0px 0px 270px;
margin-left: 280px \0/IE9;
*+margin-left: 290px;
display: none;
}
.sw_drpassLink {
margin-top: -2px;
}
.sw_drClose {
float: right;
margin-top: -28px;
}
.sw_drClose img {
display: none;
margin-top: 35px;
*+margin-top: 0px;
}
.sw_drFBlogin {
width: 152px;
height: 22px;
margin-left: 15px;
}
/* download bar ad styles */
#gamebarButtonAd {
background: url(/i/downloadGameBar/gamebarBottomBg.png) repeat-x 0 109px transparent;
position: fixed;
bottom: -200px;
width: 100%;
left: 0;
text-align: center;
z-index: 1000;
}
#gamebarLeftAd {
position: fixed;
bottom: 50px;
left: -44px;
z-index: 1000;
width: 1124px;
overflow: hidden;
display: none;
}
#gamebarLeftAd.collapsed {
left: 0;
width: 44px;
}
#gamebarButtonAd {
display: none;
}
#gamebarButtonAd img {
display: none;
}
/*share pod styles */
.titleWithSharePod {
display: block;
float: left;
width: auto;
}
#sharePod {
margin: 2px 20px;
}
#sharePod div {
float: left;
}
.podDownload h1 {
/*color: #C8581D;*/
color: #09C !important;
}
.pageSponsorLogo {
float: left;
left: 315px;
position: absolute;
top: -13px;
}
#homepageCheck {
margin-bottom: 36px !important;
/*padding-bottom: 10px;*/
}
#homepageCheck img {
text-align: center;
margin: 5px auto;
}
.gameRecspadding {
padding-top: 4px;
}
.upsellPadding {
padding-bottom: 12px;
clear: both;
}
/* World Wide Day of Play styles */
.wwwdop {
width: 100%;
position: absolute;
z-index: 10001;
top: 0;
left: 0;
background: #000;
}
.wwwdop_imgContainer {
position: relative;
margin: 13% auto;
z-index: 10002;
}
.wwwdop_img {
margin: 0px auto;
text-align: center;
position: relative;
top: -20px;
z-index: 10003;
}
.wwwdop_linkDiv {
width: 210px;
height: 25px;
margin : -105px 215px 0px 0px;
position: relative;
z-index: 10004;
float: right;
}
.wwwdop_closeDiv {
width: 80px;
height: 25px;
margin-right: 25px;
position: relative;
z-index: 10004;
float: right;
top /*\**/: 25px\9;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.wwwdop_img {
top: -45px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.wwwdop_closeDiv {
top: 0px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.wwwdop_linkDiv {
margin-top: -130px;
}
}
*+html .wwwdop_img {
top: -45px;
}
*+html .wwwdop_linkDiv {
margin-top: -130px;
}
*+html .wwwdop_closeDiv {
top: 0px;
}
/* h2 css position newestGames */
#podNewestGames .h2, .footer .h2 {
height: 30px;
display: block;
}
.footer .h2 {
margin-bottom: 25px;
padding-top: 35px;
}
/* class added for technical support link on all online games pages */
.gameTechnical {
margin: 0px 0px 10px 20px;
font: 12px arial;
color: #666;
}
.gameTechnical a { color: #bf177c; }
/* nick jr holiday footer fix */
.nickjrFooter {
padding-top: 35px;
}
/* new nick.com footer adjustments */
.policyFrame {
display: block;
width: 700px;
height: 3500px;
*height: 3605px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.policyFrame {
height: 3405px;
}
}
@media \0screen {
.policyFrame {height: 3505px;}
}
.nickFrame img,
.nickFrame h2 {
margin-left: 10px; !important;
}
.nickFrame {
width: 700px;
}
.nickFrame p {
font: 11px verdana, arial, helvetica, sans-serif;
padding: 0px 10px;
}
.nickFrame p.privacyUpdate {
color: #565555;
font-style: italic;
font-weight: bold;
}
.contactFormSuccess {
background : none !important;
border : none !important;
color : #666 !important;
font : normal 12px arial, helvetica, times new roman !important;
text-decoration : none !important;
}
.locality {margin-left: 20px !important;}
/* swu button/banner upsell ab test */
/*.swuButton,*/
.swuBanner {display: none;}
/* new df slideshow */
.container,
.thumbnails {
float: left;
}
.thumbnails {
width: 98px;
padding: 2px 0px 9px 7px;
margin-left: -5px;
}
.dynamicContainerDownload .thumbnails { margin-top: -5px; }
.container { margin-left: 5px; }
#appear {
padding: 0px;
position: relative;
z-index: 2;
border: 3px solid white;
margin-left: -2px;
margin-bottom: -8px;
}
#disappear {
display: none;
position: absolute;
top: 4px;
padding: 10px;
margin-top: -11px;
margin-left: -8px;
}
.slide,
.slideGenre {
width: 104px;
height: 73px;
position: absolute;
z-index: 2;
top: 12px;
left: 11px;
margin-left: 10px;
}
.slideGenre {
top: 84px;
}
.dynamicContainer,
.dynamicContainerDownload,
.dynamicContainerDownloadGenre {
background: #E3E3E3;
padding: 7px 7px 7px;
width: 630px;
}
.dynamicContainer {
background: #9c40c7;
}
.dynamicContainerDownload { padding: 10px 7px 8px; }
.dynamicContainerDownloadGenre { padding: 12px 7px 7px; }
.slideShowDownload,
.slideShowOnline,
.slideShowHome { padding: 0px 10px 0px 6px; }
.slideShowHome img.slide { margin: 9px 0px 0px 12px; }
.slideShowDownload {
margin-top: -7px;
margin-bottom: -10px;
}
.slideShowOnline {
margin-top: -5px;
}
.slideShowHome .container img {
margin-top: -7px !important;
}
.slideShowOnline .container img {
margin-top: 80px !important;
*+margin-top:78px !important; /* IE7 */
margin-top:78px\0/ !important; /* IE8 and IE9 */
}
.divider {
color: #FFF !important;
margin: 0px 2px;
}
/* nick mom modifications */
.nmHeader {
background: #FFF;
box-shadow: 0 7px 22px -7px #AAAAAA;
padding-bottom: 24px !important;
}
.ie7nopad { *+padding-bottom: 0px !important; }
#user-bar {
display: block;
background: #000;
height: 33px;
}
#user-bar-wrapper, #user-bar-wrapperSIS {
width: 960px !important;
margin: 0px auto;
}
#followUserBarMarkup {
float: left;
width: 330px;
padding-top: 8px;
}
.followService {
float: left;
height: 100%;
}
.facebookService {
position: relative;
float: left;
height: 20px !important;
width: 85px;
margin-bottom: 0px !important;
}
.facebookService .flux4Widget {
position: absolute;
bottom: 0px;
}
.serviceList {
position: relative;
}
#user-bar-wrapper .login {
min-width: 435px;
max-width: 567px;
position: relative;
float: right;
right: -18px;
padding: 10px 0px 0px;
text-align: right;
}
#user-bar-wrapperSIS .login {
min-width: 435px;
max-width: 567px;
position: relative;
float: right;
right: 10px;
padding: 10px 0px 0px;
text-align: right;
}
/*.tickerList li {
float: left;
}
.tickerList . {
.float: right;
}*/
#user-bar-wrapper SPAN,
#user-bar-wrapper SPAN a,
#user-bar-wrapperSIS SPAN,
#user-bar-wrapperSIS SPAN a {
margin: 2px 2px 0px;
font: bold 12px arial, sans-serif;
color: #FFF !important;
text-transform: uppercase;
}
#user-bar-wrapper SPAN a,
#user-bar-wrapperSIS SPAN a { font-size: 12px; }
#user-bar-wrapper SPAN:first-child,
#user-bar-wrapperSIS SPAN:first-child,
#user-bar-wrapperSIS SPAN.loginWelcome,
#user-bar-wrapperSIS SPAN.loginWelcome a {
margin: 2px 10px 0 -2px;
font: bold 12px arial, sans-serif;
color: #CCC;
text-transform: uppercase;
}
#user-bar-wrapperSIS SPAN:first-child { margin: -8px 10px 0px -3px; }
#user-bar-wrapperSIS SPAN.loginWelcome a {
margin-right: 0px;
margin-left: 2px;
}
.fbLoginButton {
margin-top: -19px;
/*margin-top *//*\**//*: -6px\9;*/
*+margin-top: -5px;
}
:root .fbLoginButton { margin-top: -6px\0/IE9;} /* IE9 + IE10pp4 */
.social { margin-left: 135px; }
.loginState {
margin: 5px 0px 0px;
width: 97px;
}
.loginState a {
font-size: 11px;
font-weight: bold;
color: #25A0E7;
}
.loginSocial {
width: 44px;
height: 18px;
display: inline-block;
vertical-align: middle;
background: url("http://s.fluxstatic.com/widgets4/Img/sprites.png?v=1");
cursor: pointer;
}
.logo { width: 347px; }
.nmPromo { margin-top: -100px; }
.footer {
/*width: 980px;*/
width:962px;
margin: 0px auto;
}
.nickMomCategory {
font: normal 11px arial, helvetica, times new roman !important;
color: #bf177c;
}
.nickmomTitle {
font: 13px 'salvo sans bold';
color: #63004C;
}
.highScoresChoice a,
.highScoresChoice span.selected {
background: #000;
}
#nickmomNav li a,
#nickmomNav li a.nickmomGames,
.highScoresChoice a,
.highScoresChoice span.selected {
padding: 3px 12px;
font: 17px 'salvo sans medium';
color: #FFF;
text-transform: uppercase;
text-decoration: none;
}
#nickmomNav {
margin: 0;
padding: 0;
}
#nickmomNav ul {
width: 100%;
position: relative;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#nickmomNav li {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(/js/polyfill/boxsizing.htc);
width: auto;
font-family: "Salvo Sans Medium";
font-size: 1.65em;
display: block;
float: left;
height: 27px;
text-transform: uppercase;
background-color: #000;
margin-right: 5px;
margin-left: 0;
margin-bottom: 15px;
border: none;
color: #fff;
text-align: center;
line-height: 1em;
padding: 0;
}
#nickmomNav li:hover {
background-color: #e65c00;
}
#nickmomNav li a {
display: block;
height: 25px;
overflow: hidden;
padding-bottom: 1px;
padding-top: 1px;
}
#nickmomNav li a.nickmomGames {
background: url(/i/common/nav/nickmomSelected.png) repeat-x;
background-position-x: 5px;
padding: 1px 12px 10px;
cursor: default;
}
.recentHelpful {
background: url(/i/common/nav/nickmomSelected.png) repeat-x !important;
background-position-x: 5px;
}
#nickmomNav .menu-wrapper:hover > li {
background-color: #e65c00;
}
#nickmomNav .menu-wrapper:hover .sub-nav {
display: block;
}
#nickmomNav .sub-nav {
display: none;
position: absolute;
z-index: 3;
top: 27px;
left: -239px;
border: 6px solid #e65c00;
background-color: white;
padding: 10px 31px 21px 30px;
-moz-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset;
-webkit-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset;
box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset;
-moz-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2);
-webkit-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2);
box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2);
font-size: 10px;
}
#nickmomNav .sub-nav li {
border: medium none;
background-color: white;
display: block;
float: none;
font-family: "Salvo Sans Medium";
height: auto;
margin: 0;
position: relative;
text-align: left;
text-transform: uppercase;
width: 215px;
font-size: 10px;
line-height: 1em;
}
#nickmomNav .sub-nav li a {
line-height: 1em;
font-size: 1.2em;
padding: 11px 10px 7px 0px;
color: black;
height: auto;
background: white;
}
#nickmomNav .sub-nav li .sub-item li a {
text-transform: capitalize;
font-family: "Salvo Sans Regular";
font-size: 1.2em;
line-height: 1.167em;
padding: 1px 10px 8px 0;
}
#nickmomNav .sub-nav li .sub-item li:first-child a {
padding-top: 10px;
}
#nickmomNav .sub-nav li:hover {
background: #fff;
}
#nickmomNav .sub-nav li:hover > a {
color: #e65c00;
background: white;
}
#nickmomNav .sub-nav .divider {
margin-top: 3px;
height: 1px;
line-height: 2px;
padding: 0px;
border-bottom: 1px dashed white;
color: none;
background: #e65c00;
}
.highScoresChoice {
margin: -41px 15px 0px 0px;
position: relative;
z-index: 3;
}
.highScoresChoice a,
.highScoresChoice span.selected {
padding: 0px 12px;
font-size: 12px;
}
.highScoresChoice span.selected { background: url(/i/common/nav/nickmomSelected.png) repeat-x; }
.navigation {
width: 980px;
margin: -7px auto 0;
*+margin-top: 0px;
padding-right: 20px;
clear: both;
}
.navigation ul {
width: 540px;
width /*\**/: 540px\9;
*+width: 540px;
margin-top: -24px;
margin-top: -25px\0/ !important; /* IE8 and IE9 */
*+margin: -32px 0px -20px;
}
.navigation p {
width: 256px;
margin: 15px 0px -10px;
*+margin: 10px 0px 0px;
font: 11px 'salvo sans regular';
text-transform: uppercase;
color: #999;
}
.navigation p img.minilogo,
.navigation p img.minilogoSIP {
width: 87px;
margin-top: -11px;
*+margin-top: -25px;
margin-top: -10px\0/;
}
@-moz-document url-prefix() {
.navigation p img.minilogoSIP {
margin-top: -4px;
}
}
.navigation p img.minilogoSIP {
margin-top: -3px\0/;
}
.highScorer h2,
.highScorer h2.ratingsPod {
margin: -10px 0px 0px 0px;
font: 18px 'salvo sans bold';
color: #111;
text-transform: uppercase;
}
.highScorer h2.ratingsPod { margin-top: 10px; }
.highScorer h2.dailyArchive {
background: -webkit-linear-gradient(left, #E1B701, #CD9E0A);
background: -moz-linear-gradient(left, #E1B701, #CD9E0A);
background-color: #E1B701;
width: 50%;
box-shadow: #CCC 0px 2px 2px;
padding: 5px 0px;
margin: -20px auto -50px !important;
color: #FFF;
text-align: center;
z-index:2;
}
/* ie Hack */
/*#mainNav .swTicker, #mainNav .swTickerNSI {
padding-top: 2px\0/;
padding-top: 2px\8;
}*/
#mainNav .swTicker ul.tickerList li.gameTime ul li.moreGames {
right: -10px\0/; /*IE 9 */
right: -10px\8; /*IE8 */
*+right: -10px; /*IE7 */
}
.tickerList li {
top: 6px\0/;
top: 6px\8;
}
.tickerList li.gameTime {
font-weight:bold;
top: 6px\0/;
top: 6px\8;
}
/* FF Hack */
@-moz-document url-prefix() {
#mainNav .swTicker ul.tickerList li,
#mainNav .swTicker ul.tickerList li.myTokens {
top: 4px;
}
#user-bar-wrapper .login {
min-width: 435px;
max-width: 567px;
position: relative;
float: right;
right: -62px !important;
padding: 10px 0px 0px;
text-align: right;
}
#user-bar-wrapperSIS .login {
min-width: 435px;
max-width: 567px;
position: relative;
float: right;
right: 8px !important;
padding: 10px 0px 0px;
text-align: right;
}
}
/* safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0){
.nmHeader { padding-bottom: 23px !important; }
#mainNav .swTicker ul.tickerList li.gameTime ul li.moreGames {
position: absolute;
width: 243px;
top: 10px;
right: -11px;
margin:15px 0px 0px -234px;
}
#mainNav .swTicker { height: 32px; }
#mainNav li.moreGames ul.block1 li.viewAll,
#mainNav li.moreGames ul.block2 li.viewAll {
margin-top: 20px;
}
.navigation ul { width: 450px; }
.thumbnails {padding: 5px 0px 5px 2px; }
.dynamicContainerDownload .thumbnails {margin-top: 0px; }
.dynamicContainerDownloadGenre .thumbnails {margin:-3px 0px 3px 0px;}
#disappear { top: 9px; }
.slideShowHome {
margin-top: -5px !important;
}
.slideShowHome img.slide {
margin-top: 0px !important;
}
.slideShowHome .container img {
margin-top: -12px !important;
}
.slideShowDownload {margin-top: -5px;}
.slideShowOnline {margin-top: -10px;}
.slideShowOnline .container img {
margin-top: 72px !important;
}
.slide {
top: 56px;
}
.slideGenre {
top: 81px;
}
.dynamicContainer {
padding: 7px 0px 13px 10px;
}
.dynamicContainerDownload {
padding: 7px 0px 13px 10px;
}
.dynamicContainerDownloadGenre {
padding: 17px 7px 8px;
}
/* nick mom safari hacks */
#user-bar {
height: 36px;
position: relative;
}
#user-bar-wrapper {
width: 960px;
}
.fbLoginButton { margin-top: -5px; }
#user-bar-wrapper SPAN:first-child {
margin-left: -12px;
}
.navigation ul { width: 540px; }
.avatar img { margin-top: 1px !important; }
#nickmomNav ul li a { padding: 3px 12px 1px; }
#nickmomNav ul li a.nickmomGames { position: static; }
.navigation { margin: -5px auto 0px; }
.navigation p img.minilogoSIP { margin: -4px 0px 0px 0px; }
}
/* NickMom overlay */
#nickMomOverlay #nickMomSwLogo, #nickMomOverlay #nickMomLearnMore {
margin: 0 auto;
}
#nickMomOverlay #nickMomSwHeader {
margin: 15px auto;
}
#nickMomOverlay {
font-size: 16px;
color: #666666;
margin: 30px;
}
#nickMomOverlay #introText {
margin-bottom: 20px;
}
#nickMomOverlay ul {
list-style-type: disc;
list-style-position: inside;
}
#nickMomOverlay ul li {
margin-top: 3px;
}
#nickMomOverlay #nickMomLearnMore {
margin-top: 20px;
}
/* end NickMom overlay */
/* General Pod Rules
----------------------------------------------- */
.pod,
.colLast .pod {
margin: 0px 0px 26px 0px;
position: relative;
}
#playOfTheWeekPod,
#mobilePlayOfTheWeekPod {
margin-bottom: 42px;
}
#playOfTheWeekPod div,
#mobilePlayOfTheWeekPod div {
text-align: center;
}
#podFacebookLikeThis {
margin-top: 16px !important;
}
.podComingSoon {
margin: 0px 0px 43px !important;
padding-bottom:5px;
}
.pod img {
margin-bottom: 5px;
}
.pod .avatarWrap object {
margin-bottom: 5px;
}
.pod .podContent,
.pod .podContent .podPad /* restores padding when .podContent has no padding */ {
padding: 15px 15px 8px 15px;
background-repeat: no-repeat;
}
.pod .podContent { padding: 15px 0 15px 15px; }
.podNoPad .podContent {
padding: 0;
}
/* for pods with internal white content areas */
.podInnerBox, .podInnerBoxNoPad, .podInnerBoxTopBotPad {
background: #fff;
margin-bottom: 10px;
border: 1px solid #ccc;
position: relative;
padding: 10px 10px 3px 10px;
}
.podInnerBox .column1,
.podInnerBox .column2 { font: 12px arial; }
.podInnerBox p.defaultSignIn {
font: 12px 'salvo serif regular';
color: #111;
}
.podInnerBoxNoPad {
margin-right: 15px;
padding: 0;
}
.podInnerBoxTopBotPad {
padding: 10px 0;
}
.podIntHead .podContent { /* spacing for internal header */
padding-top: 50px;
}
.podIntHead .podContent h2 {
position: absolute;
top: 1px; left: 1px;
height: 25px;
color: #fff !important;
padding: 13px 0 2px 15px !important;
width: 297px;
line-height: 15px;
}
.podDaily { margin-top: 40px; }
#myShockwave .podContent {
/* border: 1px solid #E0E0E0; */
background-color: #ffffff;
/* box-shadow: 0 2px 1px #9F9F9F;
clear: both;
margin-bottom: 36px !important;
padding-bottom: 15px !important; */
}
#myShockwave .myDownloadContainer {
background: #FFF;
padding: 20px 0px 10px;
border-radius: 4px;
}
.podDownload .podContent,
#download .podContent,
.podOnline .podContent,
#online .podContent {
margin-top:20px;
background: #FFF !important;
/* border: 1px solid #E0E0E0 !important;
box-shadow: #9f9f9f 0px 2px 1px; */
}
.newPodContent {
background: #FFF !important;
box-shadow: #9F9F9F 0px 2px 2px;
}
.newPodContentNoBkg{
box-shadow: #9F9F9F 0px 2px 2px;
}
.podDownload .podContainer,
.podComingSoon .podContainer {
background: none !important;
border: none !important;
margin-top: 10px;
}
.podComingSoon .podContainer {
margin: 10px 0px !important;
}
.podMyShockwave .podContent {
/* border: 1px solid #E0E0E0 !important; */
background-color: #ffffff !important;
}
.podPurple .podContent {
border: 1px solid #681646 !important;
background-color: #e9d5e0 !important;
}
.podPurple .podContainer {
background: #F5F5F5 !important;
border: 1px solid #EFEFEF !important;
margin-top: 10px;
border-radius: 4px;
-moz-border-radius: 4px;
}
.podGold .podContent {
border: 1px solid #c1c1c1 !important;
background-color: #ebeac2 !important;
}
.podWhite .podContent {
/*border: 1px solid #ccc !important;*/
background-color: #fff !important;
}
.podNoBkg .podContent {
border: none !important;
background-color: #fff !important;
padding-top: 10px;
padding-bottom: 0;
}
.podOnline .podContainer {
/* border: 1px solid #E0E0E0 !important; */
background: #FFF !important;
box-shadow: #9f9f9f 0px 2px 2px;
margin-top: 10px;
}
.podRecs,
#dailyPlayArchive,
#extraPuzzles,
#highScores,
.sponsoredLinks {
/*border: 1px solid #E0E0E0;*/
background: #FFF;
margin-bottom: 36px !important;
padding-bottom: 0px !important;
box-shadow: #9F9F9F 0px 2px 2px;
clear: both;
}
.sponsoredLinks {
padding: 17px 10px 20px !important;
margin-top: 20px;
}
.podRecs2 {
margin: 0px 10px 0px -5px !important;
}
.gameSelection {
margin: 20px 0px !important;
}
.podRecsSIS {
margin-top: 0px;
margin-bottom: 10px;
}
.podRecsSWU {
margin-bottom: 14px;
}
/* padding-top for side promo on game pages */
.adPod {
padding: 10px 0px;
}
/* Link Colors
---------------------------------------------- */
/* download color */
#download #gameHeader h1 a,
#podDownloadGameInfo h4 a,
#download .podNoBkg h2 {
color: #ca5119;
}
/* Pod Titles
----------------------------------------------- */
h2 {
color: #000000 !important;
font: 18px 'salvo sans bold',arial,helvetica,times new roman;
text-transform: uppercase;
padding: 0;
margin: 0 0 5px 0;
position: relative;
/*font-variant: small-caps;*/
}
.pod h1 {
/*color:#000000;*/
}
.pod h2, .podSubHeadIndent {
padding: 20px 0px 5px 20px;
}
.pod .podContent h2 { padding-left: 0; }
.podContent h2 {
background-position: 0 0;
margin-bottom: 12px;
line-height: 11px;
padding: 20px 0px 5px 20px;
}
.rework #podNewestGames h2, .rework #podDownloadGamesCarousel h2 {
text-transform: capitalize;
}
.pod h2 span {
color: #999;
vertical-align: 20%;
font-size: 14px;
letter-spacing: 0;
padding-right: 4px
}
.pod h2 span.link {
vertical-align: baseline;
font-variant: normal;
font-size: 11px;
}
.podOnline h2, .tabsOnline h2, .podDownload h2,.podMyShockwave h2, .podGray h2, .podPurple h2, { color: #000000 !important; }
.tabsDownload h2 { color: #c8581d !important; }
.tabsMyShockwave h2 {
color: #000000 !important;
font: 18px 'salvo sans bold',arial,helvetica,times new roman;
text-transform: uppercase;
}
.tabsGray h2 { color: #666 !important; }
#download .podNoBkg h2 {
color: #ca5119;
}
.podNoBkg h2,
.podNoBkg .podHeader {
height: 19px;
padding: 0 0 5px;
margin: 0;
font-size: 14px;
position: relative;
letter-spacing: 0;
color: #000000;
font-variant: normal;
}
/* Removal of H2 from home page ** Can convert once other pods are converted to use .header instead of h2*/
.podNoBkg .podGreen {
border-bottom: 0px solid #7BB40D !important;
}
.myShockwaveRecs {
margin-bottom: 30px;
}
.podNoBkg h2 span,
.podNoBkg .podHeader span {
position: absolute;
top: 2px; right: 0;
font-size: 11px;
font-weight: normal;
display: block;
}
#myShockwave h6 {
font: bold 22px Arial;
height: auto;
padding: 0 0 0 5px;
color: #000000;
margin: 0 0 4px 0;
}
#myShockwave h6 span {
font: bold 19px Arial;
text-transform: uppercase;
}
#myShockwave h4 span{
color: #999;
font-size: 14px;
letter-spacing: 0;
padding-right: 4px
}
#podDownloadGames h3,
.podDownload .podContent h4,
.podDownload .podContent h5 {
font: 12px 'salvo sans bold', helvetica, times new roman;
color: #63004C !important;
}
#podDownloadGames h3 {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
font-weight: bold;
}
.podMyShockwave .podContent h4,
#podDownloadGames .header,
.podMyShockwave .podContent h5 {
color: #000000;
}
#podDownloadGames .section h3 a {
font: 13px 'salvo sans bold', arial, helvetica, times new roman;
color: #604
}
.bigBoldFont {
font-weight: bold;
font-size: 20px;
line-height: 18px;
}
/* General Pod Content Rules
----------------------------------------------- */
.listDivider { /* provides list with dividers & removes top bar */
border-top: none !important;
}
.listDivider ul li {
border-top: 1px solid #ccc;
padding: 10px;
position: relative;
}
ul.divider li { /* provides list with dividers */
border-bottom: 1px solid #ccc;
padding: 10px;
position: relative;
}
ul.divider li.last {
border-bottom: none;
}
ul li p {
margin-bottom: 7px;
}
ul li .info {
float: left;
padding-left: 10px;
}
/* for floated avatars and text */
ul.avatarFlt li {
padding-bottom: 7px;
}
ul.avatarFlt li img {
float: left;
}
.col4 ul.avatarFlt li .info {
width: 79%;
margin: 0;
}
.col8 ul.avatarFlt li .info {
width: 91%;
}
/* for floated small picons and text */
ul.piconSmallFlt li {
padding-bottom: 7px;
}
ul.piconSmallFlt li img {
float: left;
}
.col4 ul.piconSmallFlt li .info {
width: 162px;
}
/* for floated regular picons and text */
ul.piconRegularFlt li {
/*padding-bottom: 7px;*/
}
ul.piconRegularFlt li img {
float: left;
}
.col4 ul.piconRegularFlt li .info {
width: 142px;
}
.col8 ul.piconRegularFlt li .info {
width: 440px;
position: relative;
}
.topDivider {
padding-top: 10px;
border-top : 1px solid #ccc;
}
.reviewHelpful span {
font-weight: bold;
}
.reviewHelpful span.rateMe {
padding-left: 10px;
font-weight: normal;
}
.reviewHelpful span a {
font-weight: normal;
}
.section {
/*border-bottom: 2px dotted #999;*/
/*padding: 0 0 10px 0;*/
margin-bottom: 10px;
}
.podDownload .section {
border-color: #e68301;
}
.sectionAbove {
border-top: 2px dotted #999;
padding: 10px 0 0 0;
margin-top: 10px;
}
.info {
float: left;
padding-left: 10px;
}
.podEmptyMessage {
font-weight: bold;
padding: 10px 20px 20px 20px;
}
.podEmptyMessage p {
text-align: center;
}
.podInnerBox .podEmptyMessage {
padding-top: 20px;
}
.piconXLWrap {
float: left;
width: 272px;
}
.piconXLFlt .info {
float: left;
width: 353px;
padding-left: 20px;
padding-top: 20px;
position: relative;
}
.piconRegularFlt img,
.piconRegularFlt .info {
float: left;
}
.piconRegularFlt .info {
width: 150px;
}
.pod .podTopRight {
position: absolute;
top: 10px;
right: 10px;
}
/* tag picker */
.tagPick3 {
width: 420px;
}
.tagPick3 li {
padding-bottom: 0;
width: 98px;
float: left;
clear: none;
margin-top: 2px;
}
.tagPick3 label {
font-weight: normal;
color: #666;
display: inline;
background: url(/i/common/site/iconCircleCheckmark.png) left 0 no-repeat;
padding-left: 14px
}
.tagPick3 label.active {
color: #000;
background-position: left -18px;
font-weight: bold;
}
.tagPick3 label:hover {
color: #000;
cursor: pointer;
text-decoration: underline;
font-weight: bold;
}
.tagPick3 input {
position: absolute;
top: auto; left: -9999px;
}
/* Specific Pods
----------------------------------------------- */
.ad300x250 {
height: 250px;
background: url(/i/pods/ads/ad300x250Bkg.png) right top no-repeat;
margin: 10px 0px;
}
.ad160x600 {
height: 600px;
width: 160px;
padding-top: 13px;
background: url(/i/pods/ads/ad160Bkg.png) no-repeat;
margin-left: auto;
margin-right: auto;
}
/* Dynamic Lead
----------------------------------------------- */
#dynLead {
position: absolute;
top: -12px; left: -18px;
width: 516px;
}
#dynLead .shadowBox {
position: absolute;
bottom: -3px; left: 2px;
width: 512px;
}
#dynLead .shadowBox .shmm {
padding: 6px 10px;
}
#dynLead .shadowBox .dynaInfoHead {
font-size: 18px;
font-weight: bold;
margin-bottom: 2px;
line-height: 18px;
color: #003D7B;
}
#dynLead .shadowBox p {
font-size: 12px;
line-height: 14px
}
#dynLead .shadowBox .dynaInfoWrap {
position: relative;
min-height: 50px;
_height: 50px;
_zoom: 1;
_width: 100%;
}
/* Dynamic Lead Variations */
#dynLead .dynLead-Hoz1Btn .dynaInfo {
width: 320px;
}
#dynLead .dynLead-Hoz1Btn img {
position: absolute;
right: 0;
top: 6px;
}
#dynLead .dynLead-HozSplit .dynaInfoWrap,
#dynLead .dynLead-HozSplit2Links .dynaInfoWrap {
min-height: 63px;
_height: 63px;
}
#dynLead .dynLead-HozSplit .dynaInfo,
#dynLead .dynLead-HozSplit2Links .dynaInfo {
width: 200px;
margin: 0 auto;
}
#dynLead .dynLead-HozSplit h3,
#dynLead .dynLead-HozSplit p,
#dynLead .dynLead-HozSplit2Links h3,
#dynLead .dynLead-HozSplit2Links p {
text-align: center;
}
#dynLead .dynLead-HozSplit .btn1,
#dynLead .dynLead-HozSplit .btn2,
#dynLead .dynLead-HozSplit2Links .btn1,
#dynLead .dynLead-HozSplit2Links .btn2 {
position: absolute;
top: 21px; left: 0;
}
#dynLead .dynLead-HozSplit .btn2,
#dynLead .dynLead-HozSplit2Links .btn2 {
left: auto; right: 0;
}
#dynLead .dynLead-VertLeft .shadowBox,
#dynLead .dynLead-VertRight .shadowBox {
width: 200px;
left: 2px; right: auto;
}
#dynLead .dynLead-VertRight .shadowBox {
left: auto; right: 3px;
}
#dynLead .dynLead-VertLeft p,
#dynLead .dynLead-VertRight p {
margin-bottom: 7px;
}
#podDownloadGames .podContent {
/* border:1px solid red; */
margin:0px;
background-repeat: no-repeat;
background-position: 0 48px;
}
#podDownloadGamesNoPriceFlag .podContent {
padding-top: 75px;
background-repeat: no-repeat;
background-position: 0 48px;
}
/* For Family & Kids Game Genre */
#mainContent .familykidsMod .podContent {
padding-top: 55px;
background-image: none;
}
.familykidsMod .podContent .section .hotCategory {
padding-right: 10px;
}
#podDownloadGames .podContent h2,
#podClubExclusiveGames .podContent h2 {
/*background: url(/i/common/site/tabsOffBkgSprite.png) 0 -120px repeat-x;*/
}
#podDownloadGames .newPodContent h2,
#podDownloadGames .swCustomPods h2,
#podDailyChallengeWinners h2 {
width: 100%;
background: #000 !important;
margin: 0px auto;
padding: 10px 0px !important;
font: 14px 'salvo sans bold', arial, helvetica, times new roman;
letter-spacing: .5px;
color: #FFF !important;
text-transform: uppercase;
text-align: center;
}
#podDownloadGames .swCustomPods h2 {
/*border-bottom: 4px solid #7BB40D;*/
padding-bottom: 10px !important;
}
#podDownloadGames .newPodContent {
/*border: 1px solid #E0E0E0 !important;*/
/* background: #FFF !important;
box-shadow: #9f9f9f 0px 2px 1px; */
}
.nickMomComing { margin: -10px 20px 0px -10px; }
#podDownloadGames .topDownGamePod,
.podGameRecs,
.downloadRecs {
width: 275px;
margin-top:-50px;
margin-left: -8px;
background: #FFF;
padding: 15px 10px 1px 10px;
}
.topDownGamePod p {
font: 11px arial, helvetica, times new roman;
line-height: 1.25em;
}
.podGameRecs {
height: 210px;
margin: 0px auto 10px 8px;
padding /*\**/: 10px 9px 10px\9;
*+padding: 10px 9px 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.podGameRecs { padding: 10px 9px 10px; }
}
.downloadRecs {
margin: 10px auto 10px 8px;
}
.recentDownloadRecs {
width: 295px !important;
padding: 18px 0px 0px !important;
border: none !important;
}
#podOnlineGames .podContent h2 {
background: url(/i/common/site/tabsOffBkgSprite.png) 0 -40px repeat-x;
}
#podClubExclusiveGames .podContent h2 {
background-position: 0 -80px;
}
/* Ticker on homepage
----------------------------------------------- */
#tickerHome .tickerContent {
border: 1px solid #c1c1c1;
background: #fff;
height: 40px;
position: relative;
padding: 6px;
}
.SignedInPremium #tickerHome .tickerContent,
.SignedInClub #tickerHome .tickerContent {
position: relative;
}
#tickerHome .tickerContent li {
position: absolute;
width: 98%;
height: 40px;
top: 6px;
left: 6px;
}
#tickerHome .tickerContent li .icon {
width: 16px;
height: 16px;
position: absolute;
bottom: 7px; right: 7px;
}
#tickerHome .tickerContent li.tickerToken .icon {
background: url(/i/common/site/icons16x16.png) 0 -480px;
}
#tickerHome .tickerContent li.tickerTrophy .icon {
background: url(/i/common/site/icons16x16.png) 0 -840px;
}
#tickerHome .tickerContent li.tickerCash .icon {
background: url(/i/common/site/icons16x16.png) 0 -720px;
}
#tickerHome .tickerContent li.tickerTicket .icon {
background: url(/i/common/site/icons16x16.png) 0 -760px;
}
#tickerHome .tickerContent li.tickerHighScores .icon {
background: url(/i/common/site/icons16x16.png) 0 -1200px;
}
#tickerHome .tickerContent li.tickerFavorite .icon {
background: url(/i/common/site/icons16x16.png) 0 -400px;
}
#tickerHome .tickerContent img {
float: left;
}
#tickerHome .tickerContent .info {
float: none;
padding-left: 50px;
}
#tickerHome .tickerClubUpsell {
position: absolute;
top: 10px; left: 515px;
height: 46px; width: 118px;
}
/* Specific Carousel Rules
----------------------------------------------- */
#dynLead .carousel-container,
#dynLead .carousel-element,
#dynLead a.fullSize {
height: 249px;
width: 100%;
}
#dynLead a.leftHalf,
#dynLead a.rightHalf {
height: 249px;
width: 50%;
position: absolute;
top: 0; left: 0;
}
#dynLead a.rightHalf {
left: 50%;
}
#dynLead .carousel-nav {
position: relative;
height: 23px;
margin: 0 18px;
border: 1px solid #c1c1c1;
padding-top: 7px;
visibility: hidden;
}
#dynLead .carousel-nav-left,
#dynLead .carousel-nav-right {
top: 7px;
}
#screenShotsWrapper .carousel-container,
#screenShotsWrapper .carousel-element {
height: 182px;
}
#screenShotsWrapper .carousel-nav {
height: 14px;
}
.col8 .carouselSlide {
width: 608px;
background: #fff;
border: 1px solid #ccc;
padding: 10px 0 0 0;
margin: 0 auto 10px auto;
}
/* margin-left offset when needed is calcuated in JSP */
.col8 .carouselSlide .carousel-container {
border-bottom: 1px solid #ccc;
width: 9999px !important;
}
.col8 .carouselSlide .carousel-element,
#podDownloadGamesCarousel .carouselNoSlide .carousel-element {
width: 122px;
margin: 0 15px;
}
#gameOverlay .carousel {
overflow: visible;
}
#gameOverlay .carousel-container {
position: relative;
height: 50px;
width: 100%;
}
#gameOverlay .carousel-element {
position: absolute;
top: 0; left: 0;
}
#gameOverlay .carousel-nav {
width: 180px;
padding: 0;
height: 20px;
}
#gameOverlay .carousel-nav-left {
left: 0;
}
#podGameTrophies .carouselSlide {
border: none;
margin: 0 30px;
padding: 0;
width: 586px;
}
#podGameTrophies .carousel-container {
border-bottom: none;
}
#podGameTrophies .carousel-nav {
position: static;
margin: 0;
height: auto;
}
#podGameTrophies .carousel-element {
width: auto;
padding-bottom: 0;
margin: 0;
}
#podGameTrophies .carousel-nav-left {
left: 0;
top: 57px;
}
#podGameTrophies .carousel-nav-right {
right: 0;
top: 57px;
}
.col8 .topGames {
background: #FFF;
border: 1px solid #DEDEDE;
border-color: #DEDEDE !important;
margin: 0px auto 14px;
}
/* Staff Picks
note: controls two layouts, on home and download
----------------------------------------------- */
#podStaffPicks { /* don't show until jquey tabs tells it to */
display:none;
margin-top: 20px;
}
#podStaffPicks .carousel {
background: #fff;
border: 1px solid #efefef;
width: 400px;
position: relative;
}
#podStaffPicks h1 {
display: inline;
font-size: 11px;
letter-spacing: 0;
color: #666;
}
#podStaffPicks .pick {
padding-bottom: 15px;
}
#podStaffPicks .carousel-container,
#podStaffPicks .carousel-element {
height: 186px;
}
#podStaffPicks .carousel-container {
border-bottom: 1px solid #efefef;
}
#podStaffPicks .carousel-element {
padding: 10px 10px 0 10px;
overflow: hidden;
width: 380px;
}
#podStaffPicks .carousel-element img {
float: left;
height: 92px;
width: 122px;
}
#podStaffPicks .carousel-element .info {
width: 243px;
}
#podStaffPicks .staffMember {
position: absolute;
top: 86px;
right: 15px;
width: 200px;
}
#podStaffPicks .staffMember img {
float: left;
margin-right: 10px;
}
#podStaffPicks .staffMember .contain {
margin-bottom: 5px;
}
/* for narrow version */
#podStaffPicks.podStaffPicksNarrow .carousel-container,
#podStaffPicks.podStaffPicksNarrow .carousel-element {
height: auto;
border-bottom:none;
}
#podStaffPicks.podStaffPicksNarrow .carousel,
#podStaffPicks.podStaffPicksNarrow .carousel-element {
width: auto;
border-bottom: none;
}
#podStaffPicks.podStaffPicksNarrow .carousel-element {
position: static;
border-bottom: 1px solid #efefef;
padding-bottom: 7px;
}
#podStaffPicks.podStaffPicksNarrow .carousel {
width: auto;
}
#podStaffPicks.podStaffPicksNarrow .carousel-nav {
display: none;
}
#podStaffPicks.podStaffPicksNarrow .staffMember {
position: static;
width: auto;
}
#podStaffPicks.podStaffPicksNarrow .carousel-element img {
width: 92px;
height: 70px;
}
#podStaffPicks.podStaffPicksNarrow .carousel-element .info {
width: 158px;
}
/* Token Statement
----------------------------------------------- */
#podTokenStatement .pod h2 {
padding: 0 0 0 34px;
}
#podTokenStatement .podContent {
margin-bottom: 7px;
}
#podTokenStatement, #tokenHead {
border-bottom: 1px solid #ccc;
}
#podTokenStatement .tokenStackSml {
position: absolute;
top: -15px; right: 0;
}
#tokenHead {
margin-bottom: 7px;
height: 150px;
position: relative;
}
#tokenHead h1 {
padding: 15px 0px 5px 20px;
}
#tokenHead h2 {
padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 -50px no-repeat;
}
#tokenHead #curBal {
position: absolute;
top: 70px;
left: 35px;
text-align: right;
}
#tokenHead #lifeBal {
position: absolute;
top: 70px;
left: 196px;
text-align: right;
}
#tokenHead div span {
color: #78aa23;
}
#podTokenStatement .paginationToken {
padding: 0 27px;
margin-bottom: 7px;
}
/* #podTokenStatement .paginationToken span {
padding-right: 25px;
}
#podTokenStatement .paginationToken span.lastMonth {
padding-left: 225px;
}
#podTokenStatement .paginationToken span.nextMonth {
padding: 0;
} */
.lastMonth, .nextMonth {
background: url(/i/common/site/arrows.png) no-repeat !important;
text-transform: uppercase;
color: #BF177C;
}
.lastMonth {
background-position: 193px -160px !important;
padding: 2px 0 2px 203px !important;
margin-right:25px;
margin-left:45px;
}
.nextMonth {
background-position: right -202px !important;
padding: 0px 11px 2px 0 !important;
}
.lastMonth.disabled{
background-position: 193px -319px !important;
color: #999999 !important;
}
.nextMonth.disabled {
background-position: right -362px !important;
color: #999999 !important;
}
#podTokenStatement table {
width: 97%;
background: #fff;
}
#podTokenStatement table#tokenTable {
margin-bottom: 7px;
}
#podTokenStatement table th,
#podTokenStatement table td {
text-align: right;
padding: 0 10px 6px;
}
#podTokenStatement table th.col-1,
#podTokenStatement table td.col-1 {
text-align: left;
width: 80%;
}
#podTokenStatement table td.col-2,
#podTokenStatement table td.col-3 {
width: 20%;
}
#podTokenStatement table tr.dayDivide td {
border-bottom: 2px solid #333;
padding: 0;
}
#podTokenStatement table tr.typeDivide td {
background: url(/i/common/site/1pxGray.png) 10px 0 no-repeat;
padding-top: 5px;
}
#podTokenStatement table th {
font-weight: bold;
font-size: 13px;
background: #000000;
color: #ffffff;
padding-top: 7px;
padding-bottom: 7px;
}
#podTokenStatement table tr.totals {
font-weight: bold;
font-size: 12px;
}
#podTokenStatement table tr.totals td {
padding-top: 8px;
}
#podTokenStatement table tr.totals td.col-2,
#podTokenStatement table tr.totals td.col-3 {
color: #78aa23;
}
#podTokenStatement table tr.breakdown {
display: none;
}
#podTokenStatement table tr.breakdown td {
padding: 0;
}
#podTokenStatement table tr.breakdown table td {
padding: 0 10px 6px;
}
#podTokenStatement table tr.breakdown table td.col-1 {
padding: 0 0 0 28px;
}
#podGamePageFeedback .podContent {
background: #c5e091 url(/i/pods/clubgame_feedbackform_image.png) no-repeat bottom right;
border: 1px solid #7BB40D;
padding: 15px;
position: relative;
}
#podGamePageFeedback form .req {
color: #a00 !important;
}
#podGamePageFeedback form li.buttons {
padding-bottom: 5px;
margin-top: 0;
}
#podGamePageFeedback textarea.textarea {
width: 290px;
}
#podGamePageFeedback .note {
position: absolute;
top: 15px;
right: 15px;
width: 300px;
font-weight: bold;
font-size: 12px;
color: #460;
}
/* Game Face Pods
----------------------------------------------- */
ul.iconRow {
padding: 0 0 10px 0;
}
ul.iconRow li {
float: left;
margin: 0 0 0 27px;
padding: 10px;
width: 140px;
_display:inline;
}
ul.iconRow li.active,
#podMyGameFace {
border: 1px dotted #ccc;
padding: 9px;
}
#podMyGameFace {
padding: 3px 3px 3px 3px;
}
#podMyGameFace h3 {
padding-bottom: 4px;
}
ul.iconRow li a,
ul.iconRow li span {
line-height: 20px;
}
ul.iconRow li span {
font-weight: bold;
}
#podVokiIcons .podInnerBoxNoPad {
padding-top: 10px;
min-height: 243px;
_height: 243px;
}
#podVokiIcons p {
width: 200px;
position: absolute;
top: 60px; left: 225px;
font-size: 12px
}
#podVokiIcons #vokiScreenshot {
width: 251px; height: 214px;
position: absolute;
top: 18px; left: 472px;
background: url(/i/pods/vokiScreenshot.png) no-repeat;
}
/* Profile Pods
----------------------------------------------- */
#podMyActivity .podInnerBoxNoPad,
#podMyActivity .podInnerBox {
height: 300px;
overflow: auto;
}
#podMyActivity .toggleNext {
position: absolute;
right: 5px;
top: 10px;
}
#podMyActivity .ui-tabs-panel h3 {
width: 480px;
}
.activityFeedDialog h1{
font-size: 18px;
font-weight: bold;
color: #333;
letter-spacing: normal;
margin-bottom: 15px;
}
.activityFeedDialog p{
margin-bottom: 15px;
}
.activityFeedDialog .btnOnlinePlain {
margin-right: 15px;
}
#activityFeedContent h1,
#activityFeedContent h2,
#activityFeedContent h3,
#activityFeedContent h4,
#activityFeedContent h5,
#activityFeedContent h6 {
font-size: 14px;
color: #003D7B !important;
padding: 0 !important;
margin: 0 0 5px !important;
font-weight: bold;
letter-spacing: normal;
text-transform: none !important;
font-variant: normal;
}
.activityItems .noActivity li {
border: none;
width: 87px;
padding-left: 0;
}
.activityItems .noActivity ul {
padding: 0;
}
.noActivity {
padding: 10px 0 0 10px;
}
.activityHidden ul {
width: 224px;
float:left;
}
.activityHidden ul li {
width: 102px !important;
}
.activityHidden ul .info {
padding: 0;
}
.activityItems .msgOpt {
position: absolute;
top: 10px;
right: 10px;
}
.activityItems .msgBody {
padding-left: 25px;
}
.activityItems .msgBody object {
float: right;
}
.activityItems .msgBody.hasOpt {
padding-right: 50px;
}
.activityItems .msgIcon {
position: absolute;
background-image: url("/i/common/site/icons16x16.png");
background-repeat: no-repeat;
top: 10px;
left: 10px;
height: 16px;
width: 16px;
padding: 0;
}
.activityItems .typeMarketing {
background-color: #E9F4CA;
}
.activityItems .typeMarketingImage .msgBody {
padding-left: 102px;
min-height: 70px;
}
.activityItems .typeMarketingImage .msgIcon {
background: none;
}
.activityItems .typeGoldenTicket .msgBody,
.activityItems .typeSweepstakes .msgBody,
.activityItems .typeSweepstakesAlert .msgBody,
.activityItems .typeCashPrize .msgBody {
padding-left: 130px;
min-height: 55px;
}
.activityItems .typeGoldenTicket .msgIcon,
.activityItems .typeSweepstakes .msgIcon,
.activityItems .typeSweepstakesAlert .msgIcon,
.activityItems .typeCashPrize .msgIcon {
background: url("/i/common/site/cashSweeps.jpg") no-repeat;
width: 120px;
height: 55px;
}
.activityItems .typeGoldenTicket .msgIcon { background-position: 0 -220px; }
.activityItems .typeCashPrize .msgIcon { background-position: 0 -280px; }
.activityItems .typeSweepstakesAlert .msgIcon.sweepsValue50,
.activityItems .typeSweepstakes .msgIcon.sweepsValue50 { background-position: 0 0;}
.activityItems .typeSweepstakesAlert .msgIcon.sweepsValue250,
.activityItems .typeSweepstakes .msgIcon.sweepsValue250 { background-position: 0 -55px;}
.activityItems .typeSweepstakesAlert .msgIcon.sweepsValue500,
.activityItems .typeSweepstakes .msgIcon.sweepsValue500 { background-position: 0 -110px;}
.activityItems .typeSweepstakesAlert .msgIcon.sweepsValue1000,
.activityItems .typeSweepstakes .msgIcon.sweepsValue1000 { background-position: 0 -165px;}
.activityItems .typeSweepstakesAlert .msgIcon.sweepsValue25000,
.activityItems .typeSweepstakes .msgIcon.sweepsValue25000 { background-position: 0 -280px;}
.activityItems .typeProfileAvatarUpdate .msgBody,
.activityItems .typeProfileUpdate .msgBody {
padding-left: 40px;
min-height: 30px;
}
.activityItems .typeGameReview .msgBody,
.activityItems .typeGameRating .msgBody {
padding-left: 90px;
}
.activityItems .typePhotoSelected .msgBody,
.activityItems .typePhotoSelectedAlert .msgBody{
padding-left: 85px;
min-height: 50px;
}
.activityItems .typeGameReview .msgIcon,
.activityItems .typeGameRating .msgIcon {
background: transparent url("/i/common/site/ratingStars.png") repeat-x scroll 0 -30px;
width: 85px ;
}
.activityItems .typeGameReview .msgIcon div,
.activityItems .typeGameRating .msgIcon div {
background: transparent url("/i/common/site/ratingStars.png") repeat-x scroll 0 0px;
width: 17px ;
height: 15px;
}
.msgIcon .starNum2 { width: 34px !important; }
.msgIcon .starNum3 { width: 51px !important; }
.msgIcon .starNum4 { width: 68px !important; }
.msgIcon .starNum5 { width: 85px !important; }
.activityPrefs table {
margin-bottom: 10px;
}
.activityPrefs td {
padding: 10px;
text-align: center;
border-bottom: 1px solid #ccc;
}
.activityPrefs ul {
list-style: none;
}
#podFavoriteGames h2 {
padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 0 no-repeat;
}
#podFavoriteGames .piconRegularFlt {
overflow:auto;
height: 200px;
position: relative;
}
.toggleContent {
margin-top: 7px;
}
#podFavoriteGames .btnDelete {
position: absolute;
top: 0; right: 20px;
font-weight: normal;
}
#podFavoriteGames .empty p {
padding: 10px 0 0 10px;
}
#podFavoriteGames .empty li {
border: none;
padding: 0;
margin-left: 30px;
width: 105px
}
#podFavoriteGames .empty li img {
float: none;
}
#podFavoriteGames .toggleNext {
position: absolute;
top: 10px; right: 20px;
}
#podMyRatingsReviews ul {
overflow:auto;
position: relative;
max-height: 360px;
}
#podMyRatingsReviews .reviewWrap {
float: left;
width: 427px;
padding-left: 15px;
}
#podMyRatingsReviews .podContent span {
padding: 0 10px;
}
#podTokensProfile h2, #podTokensProfileSml h2 {
/* padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 -50px no-repeat; */
}
#podTokensProfile .podContent, #podTokensProfileSml .podContent {
border: 1px solid #CCCCCC;
margin-right: 15px;
padding: 0;
}
#podTokensProfile .contentTop, #podTokensProfile .contentBot,
#podTokensProfileSml .contentTop, #podTokensProfileSml .contentBot {
padding: 15px 15px 8px 15px;
position: relative;
background: #fff;
}
#podTokensProfile .contentTop,
#podTokensProfileSml .contentTop {
border:1px solid #ffffff;
background: #3F3F3F;
color: #fff;
height: 38px;
}
#podTokensProfile #curBal {
float: left;
width: 32%;
padding-left: 246px
}
#podTokensProfileSml #curBal {
float: left;
width: 32%;
padding-right: 50px
}
#podTokensProfile #lifeBal {
float: left;
width: 17%;
}
#podTokensProfile .contentBot {
height: 70px;
}
#podTokensProfile .contentBot p {
padding-left: 245px;
height: 20px;
}
#podTokensProfileSml .contentBot p {
padding-left: 207px;
}
#podTokensProfileSml .contentBot .tokenStackSml {
position: absolute;
top: -7px; left: -7px;
}
#podTokensProfile .contentBot .alignR {
padding-top: 50px;
}
#podTokensProfile .contentBot p img {
float: left;
margin-right: 10px;
}
#podTokensProfile .tokenStackLrg {
position: absolute;
bottom: -20px; left: -30px;
}
#podProfileQuestions .podInnerBox {
margin-right: 15px;
padding: 15px 10px 8px;
}
#podProfileQuestions .podInnerBox h3 {
font-weight: normal;
}
#podProfileQuestions .podInnerBox p {
font-weight: bold;
word-wrap: break-word;
}
#podProfileQuestions .podInnerBox input {
margin-bottom: 7px;
}
#podProfileQuestions .logoClubShockwave {
background: url(/i/common/logos/logoSW-Club-tiny.png) no-repeat;
height: 51px;
width: 140px;
position: absolute;
top: -15px;
left: -5px;
}
#podProfileQuestions .logoShockwaveUnlimited {
background: url(/i/common/logos/logoSW-SIP-small.png) no-repeat;
height: 44px;
width: 109px;
position: absolute;
top: -15px;
left: -5px;
}
.profileHead {
position: relative;
margin-bottom: 25px;
_zoom: 1;
}
.profileFriends h1 {
/* padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 -100px no-repeat; */
}
.profileHead h1 {
width: 70%;
color:#000000;
}
.profileHead .arrowRit {
position: absolute;
right: 0; top: 0; _right: 10px;
}
.profileHead #profileHeadlineField {
width: 520px;
margin-right: 10px;
padding: 3px 3px 4px 3px;
border: 1px solid #CCCCCC;
}
.profileHead #profileHeadline {
margin-right: 10px;
font-weight: bold;
}
#podMyGames {
display: none; /* hide until jquery tells it to show/load */
}
#podMyGames .podContent {
padding-bottom: 15px;
}
#podMyGames h2 {
padding-left: 175px;
margin-bottom: 6px;
}
#podMyGames #avatarArea {
position: absolute;
top: auto; left: auto;
}
#podMyGames .ui-tabs-nav {
width: 175px;
float: left;
margin-top: 214px;
}
#podMyGames .ui-tabs-nav li {
width: 100%;
border-right: none;
margin: 3px 0 0 0;
border-bottom: 1px solid #E0E0E0;
height:29px;
}
#podMyGames .whiteRadius li {
border-radius: 0px 0px 0px 0px;
}
#podMyGames .ui-tabs-nav li a{
width: 163px;
}
#podMyGames .ui-tabs-nav .ui-tabs-selected a,
#podMyGames .ui-tabs-nav li.ui-tabs-selected,
#podMyGames .ui-tabs-nav .ui-tabs-selected a span {
background: #fff;
}
#podMyGames .ui-tabs-panel {
background: #fff;
width: 437px;
padding: 0;
float: left;
height: 350px;
overflow: auto;
position: relative;
}
#podMyGames .info {
width: 258px;
}
#podMyGames .info p {
margin-bottom: 2px;
position: relative;
}
#podMyGames .info p span {
position: absolute;
display: block;
top: 0; right: 0;
}
#podMyGames li .icon16Close {
position: absolute;
top: 9px; right: 10px;
}
#podMyGames .ui-tabs-panel .empty p {
padding: 20px 0 0 17px;
margin-bottom: 10px !important;
text-align: left !important;
}
#podMyGames .ui-tabs-panel h3 {
width: 304px;
}
#podMyGames .ui-tabs-panel .empty .games4 li {
border: none;
width: 83px;
_padding-left: 4px;
}
#podMyGames .ui-tabs-panel .empty .games4 li img {
display: block;
margin-bottom: 3px;
}
#podMyGames .btnDelete {
bottom:12px;
position:absolute;
right:10px;
z-index: 2;
}
#podMyGames .toggleNext {
position: absolute;
top: 10px; right: 5px;
}
.saleHeading {
margin-bottom: 10px;
margin-left: 17px;
font: 18px 'salvo sans bold', arial, helvetica, times new roman;
text-transform: uppercase;
}
.salesTopSeller {
border: 1px solid #DEDEDE;
padding-top: 25px;
margin-bottom: 20px;
}
#podMyFriendsFeed ul,
#podMyNotes ul {
height: 300px;
overflow: auto;
position: relative;
}
.podClubExclusiveContent,
.podUnlimitedExclusiveContent {
position: relative;
}
.podClubExclusiveContent p,
.podUnlimitedExclusiveContent p {
font-size: 12px;
border-bottom: 2px dotted #ccc;
padding-bottom: 6px;
padding-right: 200px;
margin-bottom: 10px;
}
.podClubExclusiveContent .clubLogo {
position: absolute;
top: -5px; right: 0;
width: 188px; padding-top: 67px;
background: url(/i/common/logos/clubShockwave.png) no-repeat;
}
.podClubExclusiveContent b.unlimted {
position: absolute;
top: -5px; right: 0;
width: 188px; padding-top: 67px;
background: url(/i/common/logos/clubShockwave.png) no-repeat;
}
.podClubExclusiveContent b.unlimited,
.podUnlimitedExclusiveContent b.unlimited {
color: #b74914;
}
.podClubExclusiveContent b.club {
color: #4f5d1f;
}
#podNewsletters p {
width: 69%;
}
#podNewsletters #newsletterImg {
position: absolute;
top: -11px; right: 1px;
width: 100px; height: 148px;
background: url(/i/pods/newsletterImage.png) no-repeat;
}
#podMyTokensPrizes .podInnerBox {
margin-right:15px;
padding: 15px;
}
#podMyTokensPrizes h2 {
/*background: url(/i/common/site/icons24x24.png) 0 -50px no-repeat;*/
}
#podMyTokensPrizes .section2 ul {
margin-bottom: 8px;
}
#podMyTokensPrizes .section2 ul li {
height: 67px;
border-bottom: 1px dotted #ccc;
background: url(/i/common/token/cashSweepsBkg.jpg) -314px -137px no-repeat;
position: relative;
}
#podMyTokensPrizes .section2 ul li.weekly {
background-position: -314px -207px ;
}
#podMyTokensPrizes .section2 ul li.monthly {
background-position: -314px -138px ;
}
#podMyTokensPrizes .section2 ul li.monthlyClub {
background-position: -314px -11px;
height: 122px;
}
#podMyTokensPrizes .section2 ul li .drawing,
#podMyTokensPrizes .section2 ul li .userTickets
{
position: absolute;
top: 15px; left: 320px;
text-align: center;
}
#podMyTokensPrizes .section2 ul li.monthlyClub .drawing,
#podMyTokensPrizes .section2 ul li.monthlyClub .userTickets {
top: 40px
}
#podMyTokensPrizes .section2 ul li .userTickets {
left: 430px;
}
#podMyTokensPrizes .section2 {
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
}
#podWhatAreTokens .podContent {
/* background: url(/i/common/token/whatAreTokensBkg.png) no-repeat; */
}
#podWhatAreTokens .tokenStackSml {
position: absolute;
top: 28px; right: -45px;
}
#podWhatAreTokens p.introText {
margin-top: 10px;
width: 170px;
}
#podWhatAreTokens p.introText a {
color: #660044;
}
#podMyTokensPrizes .sectionImg {
background: url(/i/common/token/instantWinBkg.jpg) no-repeat;
height: 150px;
width: 290px;
float: left;
}
#podMyTokensPrizes .block {
float: right;
width: 265px;
}
#podMyTokensPrizes p {
margin-bottom: 20px;
padding-top: 10px;
}
#podGameTrophies {
display: none;
z-index: 10;
}
#podGameTrophies .carouselSlide{
background: none !important;
}
#podGameTrophies .ui-tabs-panel{
position: relative;
z-index: -1;
}
#podGameTrophies .ui-tabs-nav .ui-tabs-selected a,
#podGameTrophies .ui-tabs-nav li.ui-tabs-selected,
#podGameTrophies .ui-tabs-nav .ui-tabs-selected a span {
background:none;
}
#podGameTrophies .ui-tabs-nav li {
background: none;
border-width: 0;
margin-right: 0;
}
#podGameTrophies .ui-tabs-nav li.ui-tabs-selected {
background: none;
border-width: 1px;
}
#podGameTrophies .ui-tabs-nav li.multiAchieveIcon {
background-image: url(/i/common/site/multiAchieveIconBkg.png);
background-position: 13px 12px;
background-repeat: no-repeat;
}
#podGameTrophies .ui-tabs-nav li.multiAchieveIcon.ui-tabs-selected {
background-position: 12px 11px;
}
#podGameTrophies .ui-tabs-nav li span {
height: 55px;
padding-top: 10px;
}
#podGameTrophies .ui-tabs-nav li.ui-tabs-selected span {
padding-top: 9px;
padding-left: 11px;
}
#podGameTrophies .ui-tabs-nav li.ui-tabs-selected a {
position: static; /* fixes IE issue with sliding */
}
#podGameTrophies .podInnerBox {
position: relative;
height: 249px;
background: #fff;
}
#podGameTrophies.trophyUpsell .podInnerBox {
position: relative;
height: 249px;
width: 60%;
}
#podGameTrophies .podInnerBox img,
#podGameTrophies .podInnerBox object {
float: left;
height: 249px;
}
#podGameTrophies .podInnerBox h4 {
padding-left: 159px;
padding-top: 10px;
}
#podGameTrophies .podInnerBox .trophyInfo {
float: left;
padding-top: 10px;
padding-left: 20px;
}
#podGameTrophies .multiAchieve .podInnerBox .trophyInfo {
width: 150px;
}
#podGameTrophies .multiAchieve .podInnerBox .trophyProgress {
float: right;
width: 250px;
padding-top: 10px;
}
#podGameTrophies .multiAchieve .podInnerBox .trophyProgress ul {
margin-bottom: 10px;
}
#podGameTrophies .multiAchieve .podInnerBox .trophyProgress ul li {
margin-bottom: 5px;
}
#podGameTrophies .podInnerBox h5 {
margin-bottom: 3px;
}
#podGameTrophies .podInnerBox p {
margin-bottom: 10px;
}
#podGameTrophies .multiTrophy .podInnerBox {
width: 60%;
background: #eeffcc;
}
#podGameTrophies .multiTrophy .trophyInfo,
#podGameTrophies.trophyUpsell .trophyInfo {
width: 192px;
}
#podGameTrophies .multiTrophy ul {
position: absolute;
top: 43px; right: 15px;
width: 225px;
}
#podGameTrophies .multiTrophy ul li {
padding: 8px 10px 0 10px;
position: relative;
left: -1px;
border: 1px solid transparent;
_border-color: #c5e091;
border-left: none;
cursor: pointer;
height: 56px;
}
#podGameTrophies .multiTrophy ul li.active {
border: 1px solid #ccc;
border-left: none;
background: #eeffcc;
}
#podGameTrophies .multiTrophy ul li img,
#podGameTrophies .multiTrophy ul li .wonBadgeSml {
float: left;
margin: 0 10px 0 0;
}
#podGameTrophies #trophyMessage {
position: absolute;
top: 57px; right: 1px;
width: 216px;
padding-top: 219px;
background: url(/i/common/upsells/trophyUpsellSWU.png) no-repeat;
}
#podGameTrophies .wonBadgeLrg {
position: absolute;
bottom: -18px; right: 0;
width: 60px;
height: 62px;
background: url(/i/common/site/wonBadgeLrg.png);
}
#podGameTrophies .wonBadgeSml {
height:48px;
width:48px;
}
#podGameTrophies .wonBadgeSml div {
height:48px;
width:48px;
background: url(/i/common/site/wonBadgeSml.png);
}
#podMyTokensPrizes #podMyTokens .contentBot {
background: #fff;
}
#podMyTokensPrizes #podMyTokens #curBal {
padding-left: 160px;
width: 40%;
}
#podMyTokensPrizes #podMyTokens #lifeBal {
width: 25%;
}
#podBlockedUsers ul li {
float: left;
width: 217px;
padding: 0 5px 10px 10px;
position: relative;
}
#podFavoriteGamesTall h2 {
padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 0px no-repeat;
}
ul.avatar6Up li {
float: left;
width: 100px;
padding: 0 6px 10px 10px;
position: relative;
}
ul.avatar3Up li {
float: left;
width: 217px;
padding: 0 5px 10px 10px;
position: relative;
}
ul.avatar3Up li img { float: left; }
ul.avatar3Up li .info { width: 167px; }
ul.avatar4Up {
padding: 4px 0 5px 0;
}
ul.avatar4Up li {
border: 1px solid transparent;
clear: none;
display: block;
float: left;
height: 47px;
margin-left: 9px;
padding: 5px 0 0 5px;
position: relative;
width: 144px;
}
.inviteFriendMultiHighlight {
background: #e7ebf5;
border: 1px solid #cad3e6;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.inviteFriendMultiSelected {
background: #37c;
border: solid 1px #000;
color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.inviteFriendsAvatar {
float: left;
margin-right: 9px;
}
.invitePreviewText {
background: #F2F0F1;
border: solid 1px #CCC;
margin: 0 0 10px 0;
padding: 11px 0 11px 14px;
}
.invitePreviewText img {
float: left;
margin-right: 15px;
}
.invitePreviewText span {
color: #3d568f;
float: left;
font-size: 13px;
font-weight: bold;
width: 470px;
}
.invitePreviewText p {
float: left;
font-size: 12px;
padding-top: 10px;
width: 470px;
}
#swInviteFriendsContainer { background: #f2f0f1; }
#swFriendsFriendsDefault { display: none; }
/* Friends Overrides */
#friendsData .silenceIcon {
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 55px;
background: transparent url(/i/common/site/icons16x16.png) no-repeat right -1480px;
}
.shadowBox .silenceIcon {
background: none;
width: auto;
}
#podMyFriendRequests .info { width: 125px; }
#podMyFriends h2 {
/* padding-left: 30px;
background: url(/i/common/site/icons24x24.png) 0 -100px no-repeat; */
color:#ffffff;
background-color:#000000;
}
#podMyFriends ul.avatar2Up li {
width: 131px;
float: left;
padding: 0 10px 10px 0;
}
#podMyFriends ul.avatar2Up li img {
float: left;
}
#podMyFriends ul.avatar2Up .info {
width: 79px;
word-wrap: break-word;
}
#podAccountSettings {
padding: 20px;
background-color: #FFF;
box-shadow: #9f9f9f 0px 2px 2px;
}
#podAccountSettings .podInnerBox {
padding: 10px 10px 8px;
}
#podAccountSettings .podInnerBox h4 {
margin-top: 0;
}
#podAccountSettings #personalInfoForm {
width: 50%;
}
#podAccountSettings #emailStatus {
position: absolute;
top: 14px; left: 245px;
width: 215px;
}
#podCommSettings .podInnerBox {
padding: 15px 15px 8px;
}
#podCommSettings #comm-1 form label {
font-weight: bold;
}
#podCommSettings #comm-1 form ul {
position: relative;
}
#podAccountInfo p {
position: relative;
_zoom: 1;
}
#podAccountInfo p span {
position: absolute;
top: 0; right: 0;
text-align: right;
}
#podAccountInfo .swuPromo {
background: #fff;
padding: 25px 0 15px;
margin-bottom: 7px;
}
#newsletterPromo {
background: #e9f4ca;
padding: 5px 15px 10px;
margin-bottom: 10px;
}
#newsletterPromo ul li {
padding-left: 3px;
list-style: disc inside;
}
/* Game Pages
---------------------------*/
.toolBar {
background: url(/i/common/site/toolbarBkg.png) repeat-x;
height: 30px;
}
.toolBar li {
float: left;
padding: 6px 10px 0 10px;
color: #666;
height: 22px;
font-weight: bold;
border-right: 1px solid #ccc;
}
.toolBar li.tool1 {
padding-left: 0;
}
.toolBar li.dotted {
border-right: 1px dotted #e2e2e2;
}
.toolBar li.downloadBtn {
background: #f5cf9c;
border-top: 1px solid #ccc;
padding-top: 5px;
}
.toolBar li.last {
border-right: none;
}
.toolBar .imgBtn {
padding: 1px 0 0 0;
border-right: none;
}
#gameHeader {
position: relative;
_zoom: 1;
margin-bottom: 10px;
}
#gameHeader h1 {
padding-bottom: 0;
color: #63004c;
}
#gameHeader h1#spongebobFix {
float: left;
*+float: none;
margin-right: 20px;
margin-top: 25px;
}
#gameHeader.clubGame {
background-repeat: no-repeat;
background-position: center 3px;
}
#gameHeader.clubGame {
background-repeat: no-repeat;
background-position: center 3px;
}
#gameHeader #freeGameLink {
width: 341px;
padding-top: 63px;
position: absolute;
left: 313px; top: -4px;
background: url(/i/clubHeaders/freeGameOfWeek_header.jpg) no-repeat;
}
.captkidfreecell #gameHeader.clubGame {
background-position: 400px 3px;
}
#headerPromoLogo img {
position: absolute;
top: -11px;
*+top: -31px;
left: 270px;
}
#gameHeader #headerPromoLogo {
position: absolute;
/*top: -11px; left: 370px;*/
left: 73px;
top: 14px;
}
.spongebobPromo {
margin-top: -15px;
*+margin-top: -5px;
margin-bottom: -5px;
}
#gameHeader .info {
position: absolute;
top: 0; right: 0;
text-align: right;
}
#gameHeader .spongebobFix {
top: 35px;
*+top: 17px;
font: bold 10px arial, helvetica, times new roman;
color: #999;
text-transform: uppercase;
}
#gameHeader .spongebobFix a { color: #666; }
#gameHeader .spongebobBreadCrumbs {
margin-top: 5px;
*+margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#gameHeader .spongebobBreadCrumbs { margin-top: 0px; }
}
#gameHeader .toolBar li.tool1 .ratingStars {
float: left;
margin-right: 6px;
margin-top: 0;
}
#gameHeader .toolBar li.active {
border-bottom: 1px solid #fff;
}
#gameHeader h1.badgeNew {
background: url(/i/common/site/badgeNew.png) no-repeat 0px 5px;
padding-left: 40px;
}
#gameHeader .toolShelf {
border-bottom: 1px solid #ccc;
padding: 15px;
position: relative;
}
#gameHeader .toolShelf .btnClose {
position: absolute;
top: 16px; right: 0;
width: 70px;
line-height: 17px
}
#gameHeader #gameInstructions img {
margin-bottom: 10px;
}
#gameInstructions img {
border: 1px solid #ccc;
padding:10px 4px 4px 4px;
background: #FFFFFF;
}
#gameHeader #gameInstructions ul,
#gameHeader #gameInstructions ol {
margin: 0 0 7px 20px;
}
#gameHeader #gameInstructions ul li {
list-style: disc;
}
#gameHeader #gameInstructions ol li {
list-style: decimal;
}
#gameHeader #gameInstructions .block1 {
width: 65%;
float: left;
padding-right: 3%;
border-right: 1px solid #ccc;
}
#gameHeader #gameInstructions .block2 {
padding-left: 2%;
width: 20%;
float: left;
}
#gameHeader #gameInstructions .block2 p {
margin-top: 7px;
}
#gameHeader #gameShareGame .blockShare {
width: 371px;
border-left: 1px solid #ccc;
float: left;
height: 200px;
padding-left: 20px
}
#gameHeader #gameShareGame .blockShare #copyURL p,
#gameHeader #gameShareGame .blockShare #embedGame p,
#gameHeader #gameShareGame .blockEmail p#emailGame {
padding-left: 20px;
margin-bottom: 12px;
background: url(/i/common/site/icons16x16.png) no-repeat 0 -1000px;
}
#gameHeader #gameShareGame .blockEmail p#emailGame {
background-position: 0 -960px;
}
#gameHeader #gameShareGame .blockShare #embedGame p {
background-position: 0 -1040px;
margin: 0;
}
#gameHeader #gameShareGame .blockShare #copyURL {
margin: 0 0 17px;
}
#gameHeader #gameShareGame .blockShare #copyURL p {
margin: 0;
}
#gameHeader #gameShareGame .blockShare p {
line-height: 14px;
padding-bottom: 2px;
}
#gameHeader #gameShareGame .blockShare span {
padding: 4px 0 0 20px;
display: block;
}
#gameHeader #gameShareGame .blockShare span input {
width: 300px;
}
#gameHeader #gameShareGame .blockShare img {
float: left;
}
#gameHeader #gameShareGame .blockShare #exampleEmbed {
padding-top: 6px;
padding-left: 65px;
background: url(/i/pods/embedThisGameArrow.png) 25px 0 no-repeat;
}
#gameHeader #gameShareGame .blockShare #exampleEmbed a {
width: 150px;
display: block;
float: left;
padding: 10px 0 0 10px;
}
#gameHeader #gameShareGame .blockEmail {
width: 480px;
float: left;
padding-right: 20px
}
#gameHeader #gameShareGame h4 {
margin-bottom: 18px;
}
#gameHeader #gameShareGame form {
}
#gameHeader #gameShareGame .formBlock1 {
width: 48%;
float: left;
}
#gameHeader #gameShareGame .formBlock1 li {
padding-bottom: 10px;
}
#gameHeader #gameShareGame .formBlock2 {
width: 40%;
float: left;
}
#gameHeader #gameShareGame .formBlock2 textarea {
height: 74px;
width: 229px !important;
}
#podRatingsReviews .podContent {
position: relative;
border-radius: 4px 0px 4px 4px;
}
#podRatingsReviews .podInnerBoxNoPad {
max-height: 300px;
overflow: auto;
}
#podRatingsReviews .averageRating {
float: right;
width: 220px;
font-weight: bold;
margin-bottom: 10px;
}
#podRatingsReviews .averageRating span {
float: left;
padding: 0 5px 0 0;
}
#podRatingsReviews .averageRating .ratingStars {
float: left;
}
#podRatingsReviews .averageRating .ratingStars {
margin-top: -1px;
}
#podRatingsReviews .podInnerBoxNoPad .ratingStars {
position: absolute;
top:7px; right: 10px; _right: 25px;
}
#podRatingsReviews .averageRating span.ratingNum {
width: 30px;
padding: 0 0 0 5px;
}
#podRatingsReviews .podTopRight {
padding: 6px 10px;
top: 11px;
z-index: 10;
font: 12px 'salvo sans bold';
text-transform: uppercase;
}
#podRatingsReviews .podTopRight a { color: #BF177C; }
#podRatingsReviews #writeReview {
margin-bottom: 10px;
}
#podRatingsReviews #writeReview textarea {
width: 350px;
}
#podGameAttributes {
position: static;
margin: 12px 0px 20px;
}
#podGameAttributes .toolBar li {
border-right: none;
}
.submitReminder {
background: #ffffdd;
font-weight: bold;
padding: 4px 5px;
border: 1px solid #eeaa01;
margin-top: 5px
}
/* High Scores
---------------------------*/
#podHighScores { /* hide until jquery fires the tabs */
display: none;
}
#podHighScores .podInnerBox {
width: 277px;
padding: 10px;
height: 136px;
overflow: hidden;
float: left;
}
#podHighScores .tableWrap {
padding: 0;
margin-right: 15px;
overflow: auto;
height: 157px;
width: 297px;
background: #fff;
float: right;
border: 1px solid #D8D8D8;
}
#podHighScores .podInnerBox .allTimeScore {
position: absolute;
top: 63px; right: 10px;
}
#podHighScores table {
width: 100%
}
#podHighScores table td,
#podHighScores table th {
padding: 3px 6px;
}
#podHighScores table td {
border-top: 1px solid #ccc;
vertical-align: middle;
}
#podHighScores table th {
font-weight: bold;
background: #eee;
}
#podHighScores td.score {
text-align: right;
white-space: nowrap;
}
#podHighScores table th.topScores,
#podHighScores table th.date {
width: 50%;
}
#podHighScores table th.narrow {
width: 25px;
}
#podHighScores table th.avatar {
width: 40px;
}
#podHighScores table th.score {
text-align: right;
}
#podHighScores table tr.highlight td {
background: #c5e091;
}
#podHighScores table img {
margin: 0;
}
#podHighScores .avatarUsername img,
#podHighScores .avatarUsername .username {
float: left;
}
#podHighScores .avatarUsername img {
margin-right: 10px;
}
#podHighScores .avatarUsername .username {
margin-top: 10px;
}
#podHighScores .gameOptions {
height: 35px;
}
#podGameInfo .podInnerBox {
padding: 10px;
/* height: 200px; */
/* overflow: auto; */
}
#podGameInfo .column1 {
float: left;
width: 47%;
}
#podGameInfo .column2 {
float: right;
width: 47%;
}
#podGameInfo ul {
padding: 0 0 7px 20px;
list-style: disc;
}
#podDownloadGameInfo .toolBarBot {
margin-top: 20px;
}
#podDownloadGameInfo .swuPromo {
position: absolute;
top: 160px; right: 0;
padding-top: 63px; width: 168px;
}
#podDownloadFullVersion .text {
padding-left: 109px;
}
/* applies to cooliris iframe */
#podDownloadGameInfo .moreInfoNSI,
#podDownloadGameInfo .moreInfoSIP {
position: absolute;
bottom: 60px; right: 10px;
}
#podDownloadGameInfo .moreInfoSIP {
bottom: 10px;
}
#podDownloadGameInfo #unlimitedPromo {
background: #eee;
text-align: center;
padding: 8px 0;
bottom:0;
left:0;
position:absolute;
width:100%;
_width: 685px;
}
#podDownloadGameInfo .btnClose {
top:10px;
right:10px;
position:absolute;
z-index: 10
}
#podDownloadGameInfo .raterFloat {
height: 24px;
}
#podJigsawCalendar .podInnerBox {
padding: 10px 0;
/* border:1px solid red; */
margin-left:-10px;
margin-right:5px;
}
.inlinePodTitleImg {
margin: 0 0 0 10px !important;
display: inline;
vertical-align: middle;
}
.calendar7Up, .dayList {
padding: 5px 0 0 12px;
}
#archiveListPaginator .calendar7Up, .dayList {
padding: 5px 0 0 0px;
}
.dayList {
padding-top: 0;
margin-left:-10px;
margin-right:5px;
/* border:1px solid red; */
}
.currWeek {
background: url(/i/pods/calendarWeekHighlight.png) no-repeat 10px -4px;
}
.calendar7Up li, .dayList li {
float: left;
padding: 5px 5px 10px 5px;
margin-left: 5px;
width: 73px;
}
.calendar7Up li { border-bottom: 1px dotted #666;}
.calendar7Up li:first-child { margin-left: 0px; }
.calendar7Up:last-child li { border: none; }
.calendar7Up li.active, .dayList li.active {
background: #fff;
margin-top: -6px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 15px;
border: 1px solid #ccc;
}
.dayList li {
padding-top: 0;
padding-bottom: 5px;
}
.calendar7Up h3, .dayList h3 {
text-align: center;
color: #003D7B;
}
#podDailyChallengeWinners li span {
display: block;
position: absolute;
top: 10px; right: 10px;
font-weight: bold;
}
#podDailyChallengeWinners ul {
max-height: 290px;
overflow: auto;
position: relative;
}
#podDailyChallengeWinners li b {
padding-right: 10px;
}
#podJigsawGameHead.piconXLFlt .info {
padding-top: 0;
}
#podJigsawGameHead .piconXLWrap div {
padding: 0 0 8px 76px;
background: url(/i/pods/submitPic.png) no-repeat;
}
#podJigsawGameHead .promoBox {
border: 1px solid #ccc;
padding: 7px 10px 2px 10px;
background: #eee;
}
/* Game Table List
---------------------------*/
#podGameTableList .pagTop,
#podGameTableList .pagBot,
#gameListPaginator .pagTop,
#gameListPaginator .pagBot { margin: 0; }
#podGameTableList .seoHead, .seoHead h1 {
font-size: 15px;
font-weight: bold;
color: #666;
letter-spacing: normal;
}
table.gameTableList { width: 100%; }
table.gameTableList th.listCol1 {
width: 60%;
}
table.gameTableList th.listCol2,
table.gameTableList th.listCol3,
table.gameTableList th.listCol4 {
width: 1%;
}
table.gameTableList th {
background: url(/i/common/site/tableListBkg.png) repeat-x;
padding: 3px 10px;
font-weight: bold;
line-height: 12px;
vertical-align: middle;
cursor: pointer;
}
table.gameTableList th span {
display: inline-block;
padding-right: 12px;
}
table.gameTableList th span:hover {
text-decoration: underline;
}
table.gameTableList th a:hover {
text-decoration: none;
}
table.gameTableList .bgSortArrow {
background-color: yellow;
width: 12px;
}
table.gameTableList th.active {
background: url(/i/common/site/tabsOffBkgSprite.png) repeat-x 0 -289px;
}
table.gameTableList th.active a {
color: #666;
background: url(/i/common/site/arrowsSml.png) no-repeat right -115px;
}
table.gameTableList th.activeAsc a {
background-position: right -156px;
}
table.gameTableList td {
padding: 10px;
border-top: 1px solid #ccc;
vertical-align: top;
border-left: 1px solid #eee;
}
table.gameTableList td.listCol1 .iconClubExclusive {
float: right;
}
table.gameTableList td img {
margin: 0;
float: left;
position: relative;
top: 0; left: 0;
}
table.gameTableList td .icon16Rit {
float: right;
margin-left: 4px;
padding-top: 16px;
}
table.gameTableList td .icon16Play {
margin-right: 4px;
}
table.gameTableList td .iconNew {
padding: 24px 0 0 0;
font-size: 10px;
background: url(/i/common/site/iconNew.png) no-repeat;
}
table.gameTableList td.listCol1 {
border-left: none;
}
table.gameTableList td .info {
padding-left: 102px;
float: none;
}
table.gameTableList td .ratingStars {
margin-bottom: 3px;
}
table.gameTableList td.listCol1 .info h3 {
margin-bottom: 4px;
}
table.gameTableList tr.highlight td {
background: #ffe7c3;
border-left: none;
}
table.gameTableList tr.highlight .info {
width: 336px;
}
table.gameTableList tr.highlight .ratingInfo {
float: right;
padding-right: 1px;
}
.listFilter {
font-weight: bold;
font-size: 19px;
color: #000;
margin-bottom: 15px;
margin-left: -4px;
}
.listFilter span {
padding: 0 6px;
}
.searchFilter {
font-weight: bold;
margin-bottom: 15px;
font-size:12px;
}
.searchFilter input {
border:1px solid #CCCCCC;
font-size:11px;
height:14px;
padding:3px;
width:180px;
}
.searchFilter .searchBtn {
background: url(/i/common/site/searchButton.png) no-repeat;
padding: 4px 12px 4px;
margin-right: 5px;
}
.searchFilter .searchBtn:hover {
text-decoration: none;
}
.tagFilter {
margin-bottom: 15px;
}
.tagFilter h3 {
font-size: 12px;
margin-bottom: 7px;
}
.tagFilter ul li {
width: 116px;
float: left;
color: #000;
font-weight: bold;
margin-bottom: 4px
}
#podBrainGames .podInnerBox {
padding-left: 16px;
padding-right: 18px;
background: #e6f7ff;
margin-bottom: 20px;
}
#podBrainGames .podInnerBox .fltL {
width: 122px;
}
#podBrainGames .podInnerBox .fltR {
width: 427px;
}
#podBrainGames .podInnerBox h4 {
color: #5794ed;
}
#podBrainGames .podInnerBox .block1,
#podBrainGames .podInnerBox .block2 {
width: 206px;
float: left;
}
#podBrainGames .podInnerBox .block2 {
float: right;
}
#podRecentWinnersFull .winDate {
position: absolute;
top: 10px;
right: 10px;
}
#podRecentWinnersFull .winDate span {
color: #999;
}
#podRecentWinnersFull .podInnerBoxNoPad {
margin: 0 15px 15px
}
#podCashSweeps .podInnerBox,
#podInstantWin .podInnerBox {
padding-top: 175px;
padding-right: 310px;
padding-left: 20px;
background: #fff url(/i/common/token/cashSweepsBkg.jpg) 15px 7px no-repeat;
height: 99px;
}
#podInstantWin .podSweepBox {
padding: 30px 0px 0px 310px;
}
#podInstantWin .podInnerBox {
background: #fff url(/i/common/token/instantWinBkg.jpg) 15px 7px no-repeat;
height: 142px;
}
#podMyTokens .podContent h2 {
* background: url(/i/common/site/tabsOffBkgSprite.png) repeat-x 0 -80px;
}
#podMyTokens .podContent {
/*border:1px solid red;*/
color: #35550b;
}
#podCashSweepHeader {
background: url(/i/common/token/cashSweepHeader.png) no-repeat;
padding-top: 80px;
}
#podCashSweepHeader p {
font-size: 12px;
padding-bottom: 10px;
padding-top: 8px;
background: url(/i/common/token/cashSweepValueLegend.png) right top no-repeat;
}
#podTicketPick .podInnerBox,
#podTicketPickClub .podInnerBox {
padding-left: 323px;
height: 118px;
font-size: 12px;
background: #fff url(/i/common/token/sweepPickerBkgs.jpg) no-repeat 10px 10px;
}
#podTicketPickClub .podInnerBox {
height: 149px;
}
#podTicketPick .sweepDaily {
background-position: 10px -168px;
}
#podTicketPick .sweepWeekly {
background-position: 10px -310px;
}
#podTicketPick .sweepMonthly {
background-position: 10px -452px;
}
.ticketPicker {
position: relative;
}
.ticketPicker input {
width: 40px;
font-size: 11px;
height: 13px;
border: 1px solid #999;
padding: 2px;
}
.ticketPicker .getTicketsBtn {
position: absolute;
bottom: 5px; right: 0;
}
.ticketPicker .ticketsToBuy {
text-align:right;
font-weight: bold;
margin-bottom: 15px;
}
.ticketPicker .fltR p {
text-align: right;
font-weight: bold;
color: #999;
}
.ticketPicker .drawing {
color: #999;
font-size: 11px;
}
#podTrophyCase .pagTop,
#podTrophyCase .pagBot {
margin: 0
}
#podTrophyCase ul.trophyList {
background: url(/i/pods/trophyCaseBkg.jpg) repeat-y;
}
.col8 #podTrophyCase ul.trophyList {
background: url(/i/pods/trophyCaseBkg.jpg) -40px -39px repeat-x;
}
#podTrophyCase ul.trophyList li {
padding-top: 59px;
height: 255px;
padding-left: 22px;
width: 172px;
float: left;
position: relative;
}
.col8 #podTrophyCase ul.trophyList li {
width: 152px;
padding-left: 0;
padding-top: 20px;
}
#podTrophyCase ul.trophyList li img {
position: absolute;
bottom: 20px; left:21px;
}
.col8 #podTrophyCase ul.trophyList li img {
position: absolute;
bottom: 20px; left:4px;
}
#podTrophyCase ul.trophyList li a.trophyTitle {
position: absolute;
bottom: 3px; left: 25px;
width: 143px; height: 18px;
text-align: center;
font-weight: bold;
color: #60502f;
background: url(/i/pods/trophyCaseTitleBkg.png) no-repeat;
overflow: hidden;
line-height: 16px
}
#podTrophyCase ul.trophyList li a.trophyTitle:hover {
text-decoration: none;
}
.col8 #podTrophyCase ul.trophyList li a.trophyTitle {
position: absolute;
bottom: 3px; left: 6px;
}
#podDailyPlayMini span {
font-size: 11px;
font-variant: normal;
font-weight: normal;
color: #666;
padding-left: 10px;
line-height: 18px;
}
.podChatPreLogin h5 {
color: #446500;
}
.podChatPreLogin h4 {
color: #333;
}
.col4 .podChatPreLogin .podContent {
background: url(/i/pods/chatPreLoginWide.png) bottom center no-repeat;
padding-bottom: 139px;
}
.col2 .podChatPreLogin .podContent {
height: 575px;
background: url(/i/pods/chatPreLoginSkinny.png) bottom center no-repeat;
}
#podChat {
overflow: hidden;
width: 148px;
position: absolute;
top: 0; left: 0;
}
/* wide version, no expansion */
.col4 #podChat {
position: static;
width: 314px;
}
#podChat.expand {
width: 314px;
}
.gameRecommendationsSidePod li {
list-style-type: none;
float: left;
padding: 7px 0px 0px 12px;
}
.downloadRecs li {
float: none !important;
display: inline !important;
*+width: 100%;
}
.downloadRecs li img {
margin-bottom: 10px !important;
}
.downloadRecs p {
clear: both;
padding: 5px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.downloadRecs li { float: left !important; }
.downloadRecs p { clear: both; padding: 5px 0px; }
.downloadRecs li img { margin-bottom: 0px !important; }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.gameRecommendationsSidePod li {
padding-left: 11px;
}
}
.gameRecommendationsSidePod li.wide {
/*margin: 0 10px;*/
margin: 0px;
}
#podRecommendedGames {
display: none;
width: 300px;
}
.podRecommendedGamesSlim {
margin: 10px 5px 10px 14px;
width: 130px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.podRecommendedGamesSlim {
margin: 10px 14px;
}
}
#podClubExclusives li,
#podSWUExclusives li {
float: left;
margin-right: 20px;
width: 296px;
}
#podClubExclusives li .info,
#podSWUExclusives li .info {
width: 150px;
}
#podClubExclusives .block1 h3,
#podSWUExclusives .block1 h3 {
color: #183087;
}
#podClubExclusives .block2 h3 span,
#podSWUExclusives .block2 h3 span {
font-weight: normal;
}
#podClubExclusives .block2 {
background: url(/i/pods/clubExclusivesRegWallBkg.png) !important;
color: #37550a;
}
#podSWUExclusives .block2 {
background-color: #eee;
border: none;
}
body #wrapper div .col #podSWUExclusives h2 .inlinePodTitleImg {
margin-bottom: -5px ;
}
#podSWUExclusives h2 {
color: #111;
font-weight:800;
}
#podSWUExclusives h2 em {
font-style: italic;
}
/* Club Games */
#clubGameLobby {
padding: 73px 11px 0 11px;
background: url(/i/pods/clubGames/texasHoldEmLobbyBkg.jpg) no-repeat;
height: 547px;
}
#clubGameLobby.clubGameBingo, #gameHolder {
background: url(/i/pods/clubGames/bingoLobbyBkg.jpg) no-repeat;
}
#gameHolder {
padding: 10px 10px 0 12px;
}
#pokerTabs {
width: 810px;
}
#bingoTabs {
width: 808px;
_width: 792px
}
#clubGameLobby .ui-tabs-nav li {
margin: 0 0 0 5px;
_margin: 0 0 0 4px;
}
#clubGameLobby .ui-tabs-nav a {
padding: 0;
}
#clubGameLobby .ui-tabs-nav a span {
height: 33px;
line-height: 13px;
text-align: center;
padding: 7px 0 0 0;
width: 194px;
}
#clubGameLobby.clubGameBingo .ui-tabs-nav a span {
width: 261px;
_width: 256px;
}
#clubGameLobby .ui-tabs-nav a span i {
height: auto;
font-weight: normal;
font-size: 11px;
font-style: normal;
}
#clubGameLobby .ui-tabs-panel {
padding-top:80px;
padding-bottom: 15px;
position: relative;
}
#clubGameLobby.clubGameBingo .bingoTypeTabs .tab1 {
margin-left: 139px;
_margin-left: 70px;
}
#clubGameLobby.clubGameBingo .ui-tabs-panel {
padding: 7px 0 0 0;
border-bottom: none;
border-left: none;
border-right: none;
background: transparent;
}
#clubGameLobby.clubGameBingo .bingoTypeTabs .ui-tabs-panel {
padding: 7px 0 0 0;
border: 1px solid #7bb40d;
}
#clubGameLobby.clubGameBingo .bingoTypeTabs .ui-tabs-panel {
padding: 68px 15px 15px 15px;
height: 368px;
}
.clubGamePoker .tableWrap,
.clubGameBingo .tableWrap {
max-height: 403px;
overflow: auto;
}
.clubGameBingo .tableWrap {
max-height: 367px;
}
.clubGamePoker .setStake {
height: 50px;
background: #e6efc4 url(/i/pods/clubGames/texasHoldEmLobbySetYourStake.png) 15px 10px no-repeat;
width: 624px;
margin-bottom: 15px;
position: absolute;
top: 15px; left: 15px;
}
.clubGamePoker .setStake ul {
padding: 18px 0 0 110px;
}
.clubGamePoker .setStake li {
float: left;
padding: 3px 5px;
margin: 0 0 0 13px;
}
.clubGamePoker .setStake li.active {
background: #fff;
}
.clubGamePoker .setStake li.active a {
color: #333;
}
#clubGameLobby .gameTableList th {
padding-top: 8px;
padding-bottom: 8px;
border-left: 1px solid #ccc;
cursor: default;
}
#clubGameLobby .gameTableList th.listCol4 {
border-left: none;
}
#clubGameLobby .gameTableList th.listCol1,
#clubGameLobby .gameTableList th.listCol2,
#clubGameLobby .gameTableList th.listCol4 {
width: 12%;
}
#clubGameLobby .gameTableList th.listCol1 span {
background:transparent url(/i/common/site/arrowsSml.png) no-repeat scroll right -115px;
padding-right:12px;
}
#clubGameLobby .gameTableList th.listCol3 {
width: 64%;
}
#clubGameLobby .gameTableList td {
border: none;
border-top: 1px solid #ccc;
background: #fff;
}
#clubGameLobby.clubGameBingo .btnQuickStart {
top:17px;
}
#clubGameLobby .btnQuickStart {
padding-top: 36px;
width: 132px;
background: url(/i/pods/clubGames/btnQuickStart.png) no-repeat;
position: absolute;
right:16px;
top:22px;
}
#bingoTabs .btnQuickStart {
top:22px;
}
#clubGameLobby #howToPlay {
position: absolute;
top: 187px; right: 41px;
padding-top: 67px;
width: 100px;
}
#clubGameLobby #howToJoin {
position: absolute;
top: 286px; right: 29px;
padding-top: 109px;
width: 74px;
}
#clubGameLobby.clubGameBingo #howToPlay,
#clubGameLobby.clubGameBingo #howToJoin {
position: absolute;
right: 25px;
padding-top: 116px;
width: 116px;
}
#clubGameLobby.clubGameBingo #howToPlay {
top: 206px;
}
#clubGameLobby.clubGameBingo #howToJoin {
top: 383px;
}
/* Betty Crocker Back to School sponsorship 09/06/2011
----------------------------------------------- */
#scratcherGame {
background: #eee;
padding: 6px 5px;
*+width: 800px;
width /*\**/: 800px\9;
}
.sw_bcScratcherContainer{
margin: 0px auto;
text-align: center;
}
.sw_bcScratcherHed {
width: 100% !important;
}
.sw_bcScratcherPromo {
margin: 15px 110px 100px;
*+margin-bottom: 30px;
}
.sw_bcScratcherPromo DIV:first-child {
float: left;
}
.sw_bcScratcherPromo DIV:last-child {
float: right;
}
.sw_bcScratcherBody {
background: url(/i/sponsors/bettyCrocker/chalkboard.png);
background-repeat: no-repeat;
width: 100%;
min-height: 827px;
padding: 185px 0px 0px 42px;
margin-left: 45px;
}
.sw_bcScratcherBody DIV:first-child,
.sw_bcScratcherBody DIV img {
margin: 0px 0px 20px 45px;
}
.sw_bcScratcherBody DIV:last-child {
width: 800px !important;
}
.sw_bcScratcherNSI {
margin-left: 690px;
padding-top: 40px;
}
.sw_bcSpotlight {
width: 100%;
min-height: 1147px;
background: url(/i/sponsors/bettyCrocker/spotlight_pg_bg.jpg);
background-repeat: no-repeat;
}
.sw_bcPromo1 {
float: left;
margin: 25px 0px 0px 20px;
}
.sw_bcPromo2 {
float: right;
margin: 9px 10px 0px 0px;
*+margin-top: -62px;
}
.sw_bcSpotlightGame {
margin-top: 250px;
}
.sw_bcSpotlightGame DIV,
.sw_bcSpotlightPlayGame DIV {
float: left;
margin: 0px 29px 0px 0px;
}
.sw_bcSpotlightPlayGame DIV {
margin: 10px 29px 0px 0px;
}
.sw_bcSpotlightGame DIV:first-child,
.sw_bcSpotlightPlayGame DIV:first-child {
margin-left: 200px;
}
.sw_bcSpotlightGame DIV:last-child{
margin: 0px;
}
.sw_bcSpotlightPlayGame DIV:last-child {
margin-top: 10px;
}
.sw_bcPlayScratcher {
margin: 240px 0px 0px 345px;
*+margin-top: 272px;
text-align: center;
}
.sw_bcRules {
margin: 10px 0px 0px 35px;
}
.sw_bcRules a {
font: 660 12px arial, helvetica, times new roman !important;
color: #FFF !important;
}
.sw_bcBoxTops4Ed {
margin: 200px 0px 0px 230px;
text-align: center;
}
.sw_bcRulesPage {
margin: 0px auto;
text-align: center;
width :773px;
}
.sw_bcScratcherLegal {
margin: 55px -30px 0px;
}
.sw_bcScratcherLegalInfo {
margin-top: 7px;
width: 850px;
}
.sw_bcLegal {
margin: 20px 40px;
}
.sw_bcLegalContainer,
.sw_bcLegalContainer h3,
.sw_bcLegal Container DIV,
.sw_bcRulesRecognition {
margin-top: 20px;
}
.sw_bcLegalContainer h3 {
font: bold 14px arial, helvetica, times new roman;
color: #666;
}
.sw_bcLegalContainer p {
margin-top: 10px; line-height: 1.4em;
}
.sw_bcPodSpotlight {
height: 30px;
margin-top: -10px;
}
/* Tour Pods
----------------------------------------------- */
.clubTour #mainImg {
float: left;
width: 386px;
padding-left: 100px;
}
.clubTour #sideImg {
float: right;
width: 322px;
padding-right: 100px;
}
.clubTour #introText {
width: 400px;
position: absolute;
top: 95px; left: 50px;
}
.clubTour #introText h4 {
font-size: 20px;
color: #17dcfe;
}
.clubTour #introText p {
font-size: 14px;
line-height: 18px;
color: #fff;
}
.clubTour .btnNextWrap {
position: absolute;
top: 96px;
right: 65px;
width: 300px;
text-align: right;
font-size: 15px;
}
.clubTour .btnLrgWrap {
position: absolute;
top: 109px;
left: 663px;
width: 248px;
text-align: right;
}
.clubTour .arrowLft {
background-position: 0 2px !important;
}
.clubTour .arrowRit {
background-position: right -37px !important;
}
#mbox_SW_Club_Tour_Games,
#mbox_SW_Club_Tour_Prizes,
#mbox_SW_Club_Tour_Trophies
{
height: 619px;
}
#mbox_SW_Club_Tour_Prizes {
background: url(/i/pods/tour/tourCashBkg.jpg) no-repeat;
}
#mbox_SW_Club_Tour_Games {
background: url(/i/pods/tour/tourGamesBkg.jpg) no-repeat;
}
#mbox_SW_Club_Tour_Trophies {
background: url(/i/pods/tour/tourTrophiesBkg.jpg) no-repeat;
}
#podMemberLevels {
margin-top: 20px;
}
#podMemberLevels table {
width: 100%;
}
#podMemberLevels table th {
width: 167px;
text-align: center !important;
font-weight: bold;
padding: 10px 0 0 0;
font-size: 14px
}
#podMemberLevels table th h3 {
position: absolute;
top: 0; left:0
}
#podMemberLevels #memberHead {
height: 74px;
}
#podMemberLevels #memberHead td,
#podMemberLevels table td#headFree,
#podMemberLevels table td#headUnlimited {
height: 74px;
height /*\**/: 55px\9;
*height: 54px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#podMemberLevels #memberHead td,
#podMemberLevels table td#headFree,
#podMemberLevels table td#headUnlimited {
height: 54px;
}
}
#podMemberLevels table #levelsHead {
width: 40%;
font-size: 16px;
font: 18px 'salvo sans bold',arial,helvetica,times new roman;
text-transform: uppercase;
font-weight: bold;
border-top: none;
border-left: none;
text-align: left;
padding: 0 0 20px;
vertical-align: bottom;
}
#podMemberLevels table #headFree {
background: url(/i/pods/tour/memberLevelsHeaders_free.png);
background-repeat: no-repeat;
padding: 0px;
}
#podMemberLevels table #headUnlimited {
background: url(/i/pods/tour/memberLevelsHeaders_swu.png);
background-repeat: no-repeat;
padding: 0px;
}
#podMemberLevels table #headClub {
background-position: 333px 0;
}
#podMemberLevels table td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
font-size: 12px;
}
#podMemberLevels table tr.tableFooter td {
border: none;
padding: 20px 0;
}
#podMemberLevels table td.unlimitedBkg span {
color: #dd6710;
}
#podMemberLevels table td.features {
text-align: left;
font-weight: bold;
background: #ffffff;
}
#podMemberLevels table td.features span {
font-size: 12px;
}
#podMemberLevels table td.checked {
background: url(/i/pods/tour/memberLevelsCheckmarks.png) center 10px no-repeat;
}
#podMemberLevels table td.checkedLrg {
background-position: center -40px;
}
#podMemberLevels table td.clubBkg {
background-color: #f8fbf0;
}
#podMemberLevels table td.unlimitedBkg {
background-color: #fff8ee;
}
/* Club Shockwave upsell */
#upsellFeature {
position: relative;
padding-top: 345px;
}
#upsellFeature #movieSwf {
position: absolute;
left: -10px;
top: -30px;
}
#upsellInfo .clearLink {
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 253px;
}
#upsellInfo p {
padding: 10px 20px 0;
font-size: 12px;
}
#upsellInfo ul {
padding: 15px 0 5px;
}
#upsellInfo ul li {
float: left;
padding: 0 0 10px 20px;
width: 122px
}
#upsellInfo ul li img {
margin-bottom: 3px;
}
#upsellInfo .alignC a {
font-size: 12px;
}
/* Mobile Minis */
#podMobileMinis .podContent {
height: 640px;
background: url(/i/common/site/minis_bg.jpg) 0 34px no-repeat;
}
#minis .mtext1 {position:absolute; width:300px; top:163px; left:22px;}
#minis .mtext2 {position:absolute; width:300px; top:413px; left:22px;}
#minis #mtitles {position:absolute; width:153px; top:246px; left:22px;}
#minis #mtitles p {margin:0; padding:0; height:29px; border-bottom: 1px dotted #999; }
#minis #mtitles p.last {border-bottom: none;}
#minis #mtitles a {color:#878787; display:block; padding:8px 0 9px 8px; text-decoration:none; font-size:11px; font-weight: bold;}
#minis #mtitles a:hover {color:#6e8bf4;}
#minis #mtitles a .arrow {display:none;}
#minis #mtitles a.current {background:none; color:#6e8bf4;}
#minis #mtitles a.current .arrow {display:inline;}
#minis #instruct {color:#6e8bf4; position:absolute; width:125px; top:255px; left:192px;}
#minis #instruct strong {display:block; font-size:10px; padding-bottom:10px;}
#minis #minigames {position:absolute; width:176px; height:204px; top:141px; left:382px;}
#accountUpgrades li {
background: url(/i/pods/tour/memberLevelsHeaders.png) -171px 0 no-repeat;
width: 154px;
}
#accountUpgrades li.fltR {
background-position: -337px 0;
}
#accountUpgrades li p a{
padding-top: 84px;
display: block;
_zoom: 1;
}
#podFreeRegConfirm h1 {
margin-bottom: 20px;
padding-left: 50px;
background: url(/i/pods/tour/memberConfirmCheckmark.png) 0 0 no-repeat;
}
#podFreeRegConfirmGameFace {
padding: 126px 251px 20px 0;
width: 201px;
background: url(/i/pods/tour/memberConfirmGameFace.png) 0 0 no-repeat;
position: relative;
left: 100px;
display: block;
color: #666;
font-weight: normal;
font-size: 12px;
}
#podFreeRegConfirmGameFace:hover {
text-decoration:none;
}
#podRss .rssFeeds {
margin-bottom: 25px;
}
#podRss .rssFeeds li {
float:left;
margin-right: 40px;
}
#podRss .rssFeeds li a {
padding-left: 20px;
background: url(/i/common/site/rssFeedIcons.png) no-repeat;
padding-bottom: 3px;
}
#podRss .rssFeeds li .rssYahoo {
background-position: 0 -40px;
}
#podRss .rssFeeds li .rssMsn {
background-position: 0 0;
}
#podRss .rssFeeds li .rssGoogle {
background-position: 0 -80px;
}
#podRss #rssCreateFeed {
width: 50%;
}
#podUpsellMembersOnly .podContent {
background: url(/i/common/upsells/upsell_13Bkg.png) no-repeat 136px 76px !important;
min-height: 200px;
_height: 200px;
}
#podUpsellMembersOnly h2,
#podUpsellMembersOnly h5 {
color: #426700;
}
#podWeRecommend3Up ul li {
width: 194px;
float: left;
padding-right: 10px;
}
#cooliris #topBar {
height: 25px;
background: url(/i/apps/cooliris/topBarBkg.png) repeat-x;
padding: 3px;
position: relative;
}
#cooliris h2 span {
font-variant: normal;
vertical-align: 0;
padding-left: 30px;
}
#cooliris #topBar form {
text-align: right;
padding-right: 31px;
}
#cooliris #topBar form input {
background: #d3daea;
}
#cooliris #topBar #searchCooliris {
width: 30px;
padding-top: 25px;
position: absolute;
right: 3px;
top: 2px;
background: url(/i/apps/cooliris/searchBtn.png) no-repeat;
}
#cooliris #topBar #logoCooliris {
position: absolute;
top: 5px;
left: 15px;
padding-top: 19px;
width: 74px;
background: url(/i/apps/cooliris/logoCooliris.png) no-repeat;
}
#cooliris #wallContent {
background: #4e6790;
}
#cooliris #sidebar {
float: left;
width: 137px;
padding: 15px;
font-size: 12px;
line-height: 11px;
border-right: 1px solid #243c68;
height: 380px;
_width: 131px;
_border-right: none;
}
#cooliris #sidebar li {
padding: 5px;
font-weight: bold;
}
#cooliris #sidebar li.active {
background: #304b76;
}
#cooliris #sidebar li.active a {
color: #fff;
}
#cooliris #sidebar li.spacer {
margin-bottom: 15px;
}
#cooliris #sidebar a {
color: #b4c5cf;
}
#cooliris #gamewall {
float: right;
width: 810px;
overflow: hidden;
height: 410px;
}
#cooliris .botBarEmpty {
min-height: 5px;
_height: 5px;
font-size: 1px;
background: #22335a;
}
#cooliris #searchResultTxt {
color: #B4C5CF;
position: absolute;
top: 7px; left: 15px;
font-size: 12px;
}
#podComingSoon h2 .logoSWUsmall {
position: absolute;
top: -9px;
left: 140px;
width: 109px; height: 44px;
background: url(/i/common/logos/logoSW-SIP-small.png) no-repeat;
_background: url(/i/common/logos/logoSW-SIP-small-IE.png) no-repeat;
}
/* Club Landing Pages */
.gameLandingClubExclusive .features li
{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
list-style: disc;
}
.gameLandingClubExclusive .features {
margin-left: 18px;
padding: 10px;
}
.gameLandingClubExclusive .features p,
.gameLandingClubExclusive .features .plainList li {
font-size: 12px;
font-weight: normal;
}
.gameLandingClubExclusive .grayContainer h1 {
color: #666666;
padding: 0 18px;
}
.gameLandingClubExclusive .grayContainer h4 a{
padding-left: 18px;
}
.gameLandingClubExclusive .grayContainer {
background-color: #F6F6F6 !important;
border: 1px solid #EFEFEF !important;
margin-bottom: 18px;
padding-bottom: 12px;
}
.colLast.gameLandingClubExclusive {
margin-top:29px;
}
.gameLandingClubExclusive div.blue {
color: #003D7B;
display: inline;
font-size: 15px;
font-weight: bold;
margin: 12px;
}
#gameBigImageHolder {
background-position: -12px !important;
height: 266px;
width: 642px;
margin: 1px;
}
#gameBigImageHolderScratchers {
/*background-position: -12px !important;*/
height: 266px;
width: 642px;
margin: 1px;
}
.gameLandingClubExclusive #club h2 {
color: #003D7B;
}
.gameLandingClubExclusive .podMyShockwave .podContent {
background-color: #F6F6F6;
border: 1px solid #EFEFEF;
}
.podOnline .modalBox, #online .modalBox, .podMyShockwave .modalBox, #download .modalBox {
background-color: #E9F4CA !important;
border: 1px solid #7BB40D !important;
}
#podClubLandingMovie .podContent h1 {
color: #fff;
}
#podClubLandingMovie #movieHolder {
position: absolute;
top: -10px; left: -10px;
height: 290px;
width: 666px;
}
#podClubLandingSignUp ul li i,
#podClubLandingSignUp ul li h4 {
float: left;
}
#podClubLandingSignUp ul li h4 {
width: 200px;
color: #8c8c8c;
}
#podClubLandingSignUp i {
background: url(/i/common/clubLanding/swu_features.gif) no-repeat;
height: 60px;
width: 57px;
display: block;
}
#podClubLandingSignUp li h4 {
margin: 15px 0 0 0;
}
#podClubLandingSignUp li.doubleLine h4 {
margin: 5px 0 0 0;
}
#podClubLandingSignUp #trialButton {
background-image: url("/i/mbox/unlimitedLanding/20100427/button_280x62_startfreetrial.png");
padding-top: 62px;
width: 280px;
}
i#f1300Games {
background-position: 0 -8px;
}
i#f20NewGames {
background-position: 0 -68px;
}
i#fBigCash {
background-position: 0 -128px;
}
i#fNoAd {
background-position: 0 -188px;
}
i#fWin100 {
background-position: 0 -248px;
}
i#f10DayFree {
background-position: 0 -310px;
}
#podClubLandingSignUp ul li {
height: 60px;
}
#genrePromoLogo {
position: absolute;
top: 0;
right: 0;
width: 180px;
height: 60px;
}
/* iPhone Promo Page */
#iphonePromo {
height: 700px;
background: url(/i/pods/iphonePromoBkg.jpg) no-repeat;
}
#iphonePromoCopy {
position: absolute;
top: 170px;
right: 20px;
width: 450px;
font-size: 14px;
line-height: 1.3;
}
#iphonePromoCopy strong,
#iphonePromoCopy b {
color: #454545;
}
#iphonePromo h2 {
color: #0d3387;
font-size: 18px;
font-weight: bold;
padding-left: 0;
}
#iphoneAppLink.arrowRitLrg {
font-size: 18px;
line-height: .9;
position: relative;
top: 5px;
margin-right: 15px;
}
#iphonePromoBotHead {
position: absolute;
top: 640px;
left: 70px;
width: 450px;
}
#iphoneAppStore {
background: url(/i/pods/iphoneAppStore.png) no-repeat;
padding-top: 44px;
width: 125px;
}
#ipadBox {
position: absolute;
bottom: 15px;
right: 70px;
text-align:center;
font-size: 15px;
}
#ipadImage {
padding-top: 180px;
width: 220px;
}
#iphoneLikeBtn {
/*width: 90px;*/
position: absolute;
top: -35px;
left: 0;
z-index: 20;
}
/* Home Club Upsell */
#homeClubUpsell {
margin-top: 30px;
}
#homeClubUpsell .topBar {
background: url(/i/common/site/tabsOffBkgSprite.png) repeat-x scroll 0 -83px;
padding-top: 5px;
height: 20px;
text-align: right;
color: #fff;
font-weight: bold;
padding-right: 146px;
position: relative;
}
#homeClubUpsell .topBar a {
color: #fff;
position: absolute;
top: auto;
right: 15px
}
#homeClubUpsell .logoClubShockwave {
background: url(/i/common/logos/logoSW-Club-tiny.png) no-repeat;
padding-top: 51px;
width: 140px;
position: absolute;
top: -14px;
left: 2px;
}
#homeClubUpsell .podContent {
padding-left: 147px;
background: #b9db81 url(/i/pods/homeClubUpsellBkgBlank.png) no-repeat !important;
height: 154px;
}
#homeClubUpsell .podContent .defaultUpsellImg {
position: absolute;
top: 60px;
left: 14px;
}
#homeClubUpsell .podContent #freeThisWeek {
width: 115px;
position: absolute;
top: 53px;
left: 14px;
text-align: center;
}
#homeClubUpsell .podContent ul.gamesList li{
float: left;
width: 121px;
margin-right: 10px;
}
#homeClubUpsell .podContent ul.gamesList li.wide{
width: 145px;
}
#homeClubUpsell .podContent ul.gamesList li.last{
width: 115px;
}
#homeClubUpsell .podContent ul.gamesList li.title{
float: left;
width: 69px;
font-weight: bold;
font-size: 13px;
color: #518114;
}
#homeClubUpsell .happeningNow {
color: #518114;
font-size: 12px;
font-weight: bold;
line-height: 18px;
margin-top: 10px;
}
#gameSWUUpsell {
height: 45px;
padding-top: 10px;
background: url(/i/common/upsells/gameSWUUpsellBkgs.png) 20px 0 no-repeat;
}
#gameSWUUpsell.gamePuzzle {
background-position: 20px 0;
}
#gameSWUUpsell.gameTokens {
background-position: 20px -77px;
}
#gameSWUUpsell.gameTrophy {
background-position: 20px -155px;
}
#gameSWUUpsell p {
text-align: center;
font-weight: bold;
font-size: 12px;
color: #689c20;
}
#gameSWUUpsell .btnWrap {
position: absolute;
top: 4px;
right: 20px;
}
/* for the NSI game overlay */
#upsellGameOverlay {
position: absolute;
top: 0;
right: 0;
padding-top: 98px;
width: 319px;
background: url(/i/common/upsells/nsiOverlayUpsells.png) no-repeat;
}
#upsellGameOverlay.upsellGameOverlayTokens {
background-position: 0 0;
}
#upsellGameOverlay.upsellGameOverlayTrophies {
background-position: 0 -98px;
}
/* facebook NSI game overlay */
#signInBoxFb #upsellGameOverlay {
position: absolute;
bottom: 0;
left: 0;
top: auto;
padding-top: 50px;
width: 543px;
background: url(/i/emails/upsells/nsiOverlayUpsellsWide.png) no-repeat;
}
#signInBoxFb #upsellGameOverlay.upsellGameOverlayTokens {
background-position: 0 0;
}
#signInBoxFb #upsellGameOverlay.upsellGameOverlayTrophies {
background-position: 0 -50px;
}
/* Preroll Upsell */
#clubPreroll #hoverBox {
display:block;
width: 588px;
}
#clubPreroll .logo {
background: url(/i/common/logos/logoSW-Club-tiny.png) no-repeat;
height: 51px;
width: 140px;
position: absolute;
top: -15px;
left: -5px;
}
#clubPreroll .shmm {
padding-top: 30px;
}
#clubPreroll #hoverBox h4 {
color: #666;
margin-bottom: 20px;
font-size: 18px;
}
#clubPreroll #hoverBox h5 {
color: #679d20;
margin-bottom: 20px;
line-height: 18px;
font-size: 16px;
font-weight: normal;
}
#clubPreroll .preroll-notAMember {
padding-top: 100px;
width: 227px;
float: left;
background: url(/i/pods/preroll/prerollSignIn.png) no-repeat;
margin: 0 10px 20px 0;
}
#clubPreroll .preroll-earnMore {
padding-top: 100px;
width: 311px;
float: left;
background: url(/i/pods/preroll/prerollEarnMore.png) no-repeat;
}
/* Facebook pods */
.podFacebook .podContent {
background-color: #ECEFF6 !important;
border-color: #3B5B96 !important;
color: #3B5B96;
}
.podFacebook h2 {
color: #3B5B96;
}
.podFacebook .podContent h3 {
font-size: 12px;
margin-bottom: 10px;
}
a.btnFacebook {
background: transparent url(/i/buttons/btnFacebook.png) no-repeat scroll left 50%;
padding: 3px 5px 2px 25px;
font-size: 12px;
line-height: 20px;
color: #fff;
margin: 5px 0;
display: inline-block;
border: 1px solid #3B5B96;
display: none;
}
a.facebookSignInFromInviteForm {
display: inline;
}
a.btnFacebook:hover {
text-decoration: none;
}
.btnFacebookBig {
background: #708BB8 url(/i/buttons/btnFacebookBig.png) scroll top left;
font-size: 17px;
padding: 0 8px 0 35px;
margin-left: 15px;
vertical-align: middle;
height: 28px;
display: inline-block;
line-height: 28px;
zoom: 1;
color: #fff;
border: 1px solid #3B5B96;
}
.inviteBody .ui-tabs-panel {
padding-top: 10px;
padding-bottom: 10px;
}
.inviteBody #comm-1 .podInnerBox {
margin: 0;
padding: 0
}
.inviteBody #challengeFriend.pod {
margin-bottom: 0;
}
#comm-2 .pagTop {
border: 1px solid #CCC;
margin-bottom: 0px;
}
#comm-2 .podPad {
border: 1px solid #CCC;
border-top: 0;
}
#comm-2 .podContent {
background: #FFF;
}
.toolBar li.shareIcons {
padding-top: 4px;
}
/* Facebook Like button on game pages */
.likeBtn {
min-width: 90px;
float:left;
margin-top: -2px;
}
div.shareIcons {
float:left;
}
/* Online home shockwave cash promo pod */
#shockwaveCashPromo {
padding: 15px 15px 7px;
margin-bottom: 25px;
background:#9574FF url(/i/pods/swCashPromo/swCashPromo_Bg.png) no-repeat scroll bottom left;
}
#shockwaveCashPromo li {
margin-left: 10px;
width: 92px;
float: left;
}
#shockwaveCashPromo #swcpBoost {
margin-left: 65px;
text-align: right;
float:left;
display: inline;
}
#shockwaveCashPromo .arrowRit {
margin-right: 40px;
display: inline;
}
#shockwaveCashPromo #swcpNew {
position: absolute;
top: -3px;
left: 0;
}
/* 404 pages both static and dynamic */
.notFoundErrorPage #mainContent {
background: #fff url(/i/pods/errorPageBg.jpg) scroll no-repeat 0 20px;
min-height: 520px;
line-height: 1.35;
}
.notFoundErrorPage .games4 li {
text-align: center;
width: 175px;
}
.notFoundErrorPage .games4 img {
display: inline-block;
}
.notFoundErrorPage h3 {
text-align: center;
font-size: 14px;
}
.notFoundErrorPage .games4 {
margin-top: 80px;
margin-bottom: 30px;
}
/* gifting overlay messages */
.giftingDialogs {
padding: 10px 0;
}
.giftingDialogs *,
.giftingDialogs {
text-align: center;
font-size: 14px;
}
.giftingDialogs h2,
.giftingDialogs h2 span {
color: #246ace;
font-variant: normal;
font-size: 16px;
margin-bottom: 25px;
}
.giftingDialogs .giftImage,
.giftingDialogs .receiverAvatarImage {
display: inline-block;
vertical-align: middle;
margin-bottom: 25px;
width: 80px;
height: 80px;
}
.giftingDialogs .btnOnlinePlain {
display: inline-block;
font-size: 12px;
}
.giftingDialogs .receiverAvatarImage {
padding-left: 195px;
background: transparent url(/i/common/site/arrow_right_grey.png) no-repeat 30px 50%;
}
/* free sign up page */
#joinNowThousandTokens {
background: url('/i/pods/tour/joinNowThousandTokens.png') no-repeat 50% 0px;
height: 805px;
padding: 125px 0 0 0;
vertical-align: middle;
}
#joinNowThousandTokens div {
display: inline-block;
float:left;
margin-right: 50px;
}
#joinNowThousandTokens .or {
background: url("/i/common/site/vertDividerOr.png") no-repeat scroll right center transparent;
height: 42px;
width: 50px;
margin-top:30px;
}
#joinNowThousandTokens .btnFacebookBig {
margin: 38px 0 0 0;
white-space:nowrap;
}
#wrapper #joinNowThousandTokens .btnSignUpLg {
background: url("/i/buttons/btnSignUpLarge.png") no-repeat scroll 0 0 transparent;
padding: 73px 84px 0;
line-height: 73px;
display: inline-block;
}
#joinNowThousandTokens .linkUpsellPage {
clear: both;
width: 100%;
height: 700px;
cursor: pointer;
}
#joinNowThousandTokens .signInOrRegister {
margin-left: 195px;
}
/* Registration Recommendations */
#registrationRecommendations {
background: url(/i/common/token/continueSplash.jpg) no-repeat bottom center;
height:280px;
color:#666666;
font-family:verdana;
font-size:24px;
font-weight:bold;
line-height:normal;
padding: 10px;
text-align: center;
}
#registrationRecommendations div {
text-align: left;
}
#registrationRecommendations .continuePlaying {
font-size: 18px;
font-family: Arial;
padding: 50px 100px 0;
text-align: center;
}
#registrationRecommendations span {
color: #15439b;
}
#registrationRecommendations .continue {
height: 70px;
width: 190px;
cursor: pointer;
margin: 70px auto 0;
}
#registrationRecommendations img {
float: right;
}
#registrationRecommendations .congratulations {
text-align: left;
}
/* Nick game card */
.nickGameCard {
background: url('/i/pods/gameCard/nickGameCardBG.jpg') no-repeat center 0;
padding-top: 228px;
width: 800px;
color: #666;
font-weight: bold;
}
.nickGameCard form#cashCardPinForm {
background: url('/i/pods/gameCard/nickGameCardExampleCards.jpg') bottom center no-repeat;
padding-bottom: 380px;
width:440px;
font-size: 14px;
}
.nickGameCard form#cashCardPinForm .desc {
width: 120px;
float: left;
color: #666;
}
.nickGameCard form#cashCardPinForm a.btnOnlinePlain {
margin-left: 120px;
}
.nickGameCard h4,
.nickGameCard h5,
.nickGameCard h6 {
text-align: center;
}
.nickGameCard h4 {
font-size: 24px;
padding-bottom: 10px;
}
.nickGameCard h5,
#wrapper .nickGameCard h6 {
font-size: 30px;
color: #df6a27;
}
#wrapper .nickGameCard h6 {
color: #666666;
padding: 30px 0 20px;
}
.nickGameCard .redeemEitherOr {
background: url("/i/common/site/vertDividerOr.png") no-repeat scroll right center transparent;
float: left;
padding-right: 50px;
width: 355px;
margin-right: 30px;
}
.nickGameCard #redeemUnlimited {
background: url(/i/pods/gameCard/nickGameCardRedeemUnlimited.png) no-repeat center 10px;
}
.nickGameCard #redeemCash {
background: url(/i/pods/gameCard/nickGameCardRedeemCash.png) no-repeat 525px 10px;
width:800px;
}
.nickGameCard .alreadyAMember {
float: right;
padding: 10px;
background-color:#CDE7F6;
border:1px solid #5794ED;
}
.nickGameCard #guestPassActivationForm {
float: left;
width: 600px;
}
.nickGameCard #redeemUnlimited,
.nickGameCard #redeemCash {
height: 500px;
}
.nickGameCard #redeemCash a {
margin: 110px 0 0 70px;
height: 80px;
width: 230px;
display: inline-block;
}
.nickGameCard p.font20 {
text-align: center;
line-height: normal;
padding: 15px 0;
}
.nickGameCard p.font16 {
text-align: center;
line-height: normal;
padding: 0 0 15px 0;
}
.nickGameCard ul.shockwaveCashPlusses {
margin-left: 450px;
}
.nickGameCard li {
line-height: 1.2em;
font-size: 14px;
padding-bottom: 10px;
}
.nickGameCard #guestPassActivationForm .globalError {
margin-right: 10px;
}
.nickGameCard li.bulletItem {
list-style-type: disc;
margin-left: 15px;
padding-bottom: 5px;
}
#shockwaveUnlimitedHeader,
#shockwaveCashHeader {
height: 80px;
width: 220px;
padding-bottom: 20px;
}
#shockwaveUnlimitedHeader {
background: url(/i/pods/gameCard/nickGameCardRedeemUnlimited.png) no-repeat center 10px;
}
#shockwaveCashHeader {
background: url(/i/pods/gameCard/nickGameCardRedeemCash.png) no-repeat center 10px;
}
/* adrenaline pod css */
#podAdrenalineGames .podContent h2 {
background: url(/i/common/site/tabsOffBkgSprite.png) 0 -320px repeat-x;
position: relative;
margin: 0;
top: 0;
left: 0;
width: auto;
}
#podAdrenalineGames h3 {
color: #333;
font-size: 15px;
line-height: 18px;
margin-bottom: 10px;
font-weight: bold;
}
#podAdrenalineGames .newAdreanlineGame h3 {
padding: 7px 0 0 15px;
}
#podAdrenalineGames .row {
padding: 4px 10px 5px;
border-bottom: 1px solid #AAAAAA;
}
#podAdrenalineGames .podContent {
border: 0;
background-color: #ccc !important;
padding: 0;
}
#podAdrenalineGames a {
color: #900;
}
#podAdrenalineGames .newAdreanlineGame {
background: url("/i/pods/adrenalineGames/ap_mplate_bg.png");
}
#podAdrenalineGames ul.genresList li{
width: 120px;
float: left;
margin-bottom: 8px;
}
#podAdrenalineGames .podContent .bgCarbonFiber {
overflow: hidden;
}
/* generic backgrounds */
.bgCarbonFiber {
background: url(/i/pods/adrenalineGames/ap_carbonfiber_bg.png) ;
}
/*style for the new download pod */
#podDownloadGamesCarousel .carousel-element p {
min-height: 30px;
margin-top: 5px;
}
#podDownloadGamesCarousel .downloadCarousel {
padding-bottom: 16px;
}
#podDownloadGamesCarousel h2 {
color: #C8581D;
padding-left: 5px;
}
#podDownloadGamesCarousel .moreRecs {
padding: 16px 0px 15px 14px;
}
#podDownloadGamesCarousel .arrowRit {
background-position: right -200px !important;
color: #CE5119;
margin-right: 10px;
float: right;
}
#podDownloadGamesCarousel .carousel-nav a {
top: 90px;
}
#podDownloadGamesCarousel .carousel-nav-left a {
left: 2px;
}
.gameTechAlert {
background: url("/i/pods/yellow_gradient_stretch.jpg") repeat-x scroll 0 0 #FFE218;
border: 1px solid #aa0000;
padding: 4px 10px;
margin-bottom: 10px;
height:100%; /* FoR IE7 */
}
.gameTechAlert img {
margin: 2px 10px 0px 0px;
display: inline;
vertical-align: middle;
text-align: left;
}
.gameTechAlert SPAN {
float: left;
}
.gameTechAlert SPAN.techAlertCopy {
font: bold 12px arial, helvetica, times new roman;
color: #aa0000;
clear: left;
margin: -25px 0px 0px 40px;
}
.gameBreak {
clear: both;
}
/* 99 cent sale pod */
.downloadSales {
width: 100%;
/*border: 1px solid #E0E0E0;*/
background: #FFF !important;
box-shadow: #9f9f9f 0px 2px 2px;
padding-bottom:1px;
}
.downloadSales iframe {
text-align: center;
}
/*#playOfTheWeekPod,*/
/*.mobileFeature {*/
/*height: 205px;*/
/*}*/
.mobileFeature img {
text-align: center;
margin: 0px auto;
}
.powContent {
/*border:1px solid red;*/
background: #FFF;
height:108px;
width:274px;
padding:0px;
margin: 0 auto;
margin-top:10px;
margin-bottom:10px;
overflow:hidden;
}
.powContent img {
margin-top:0px!important; /* IE7 */
}
.dsContent {
width: 294px;
background: #FFF;
margin: 20px 0px 20px 8px;
}
.dsGamesContainer,
.dsMMOGamesContainer,
.dsMobileContainer {
background-repeat: none;
background-position: 0 48px;
border: none !important;
/*border:1px solid red !important;*/
background-color: none !important;
background: none !important;
padding: 0px !important;
margin: 10px !important;
}
.dsMobileContainer {
margin-bottom: -20px !important;
}
.dsMobileContainer iframe.swPOTW {
width: 274px;
height: 108px;
margin: 0px 0px 10px -7px;
}
.mobilePOTW img.swPOTW {
width: 274px;
height: 108px;
}
.dsGamesContainer img {
width: 122px;
float: left !important;
}
.mmoSales h2 {
border-bottom: none !important;
}
.mmoSales {
height:420px;
}
.dsMore {
margin: 10px 10px 10px 0px;
}
ul.dsGamesList li {
border-bottom: 1px solid;
border-color: #CCC !important;
}
.gameCopy {
width: 135px !important;
padding-left: 10px;
margin-right: 5px;
float: right !important;
}
.customPod {
margin-top: -5px;
margin-bottom: 45px;
height:255px;
}
/* upsell pods */
.swWrap {
margin: 15px 0px -20px -22px;
border: none !important;
}
.swSlideUp {
position: fixed;
bottom: 0;
z-index: 50000;
margin-top: -10px;
opacity: 0;
}
.swSlideContent {
clear: both;
}
.swFLeft {
float: left;
}
.swSlideClose {
margin: 55px 0px 0px -60px;
}
.dHeaderContainer {
margin: -10px -1px 0px -19px;
}
img.dGamesTitle {
margin: -94px auto 10px;
width: 110px;
height: 83px;
}
a.registerLink {
font: bold 12px arial;
color: #bf177c;
text-transform: uppercase;
}
p.non-member {
font: 12px arial;
color: #111;
}
#now-on-nickmom {
color: #333333;
font-family: "museo-sans",sans-serif;
font-size: 12px;
font-weight: 500;
margin-left: 7px;
margin-bottom:22px;
}
#now-on-nickmom a {
color: #BF177C;
}
#now-on-nickmom .top {
background: url("/i/pods/nowOnNickmom/bg-nickmomMod-top.png") no-repeat scroll 0 0 transparent;
height: 56px;
width: 356px;
}
#now-on-nickmom .top:hover {
cursor: pointer;
}
#now-on-nickmom .posts {
background: url("/i/pods/nowOnNickmom/bg-nickmomMod-mid.jpg") no-repeat scroll 0 0 transparent;
clear: both;
display: inline-block;
min-height: 292px;
padding: 10px 10px 4px;
width: 356px;
}
#now-on-nickmom .post {
clear: both;
cursor: pointer;
padding-bottom: 10px;
}
#now-on-nickmom .loadingGif {
border: 0 none;
margin: 140px;
position: absolute;
}
#now-on-nickmom .post .time, #now-on-nickmom .post .title {
display: block;
font-size: 14px;
font-weight: 700;
width: 280px;
*+width: 210px !important; /* IE7 */
}
#now-on-nickmom .post .time {
color: #666666;
font-family: "museo-slab",sans-serif;
font-size: 11px;
font-weight: 500;
}
#now-on-nickmom img {
border: 1px solid #999999;
float: left;
margin: 3px 6px 7px 0;
}
#now-on-nickmom .bottom {
background: url("/i/pods/nowOnNickmom/bg-nickmomMod-bott.jpg") no-repeat scroll 0 0 transparent;
clear: both;
height: 53px;
padding: 10px 25px 0 10px;
width: 265px;
}
.nickmom-helper {
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;
height: 0px;
}/* Global Tab Settings */
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
.ui-tabs-panel {
margin-top: -1px;
}
.ui-tabs-nav {
list-style: none;
font-size: 13px;
/*border:1px solid red; */
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 5px 0 0;
font-weight: bold;
background: url(/i/common/site/tabsOffBkgSprite.png) repeat-x;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
float: left; /* fixes dir=ltr problem and other quirks IE */
padding: 0 12px;
}
.ui-tabs-nav a {
padding-left: 0;
text-decoration: none;
white-space: nowrap; /* @ IE 6 */
outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
color: #FFFFFF;
}
.white-nav a:link, .white-nav a:visited {
color: #FFF;
}
.white-nav .ui-tabs-selected a {
color: #666;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
z-index: 2;
margin-top: 0;
}
.ui-tabs-nav li.ui-tabs-selected {
border-bottom: none;
}
.ui-tabs-nav a span {
padding: 1px 0 3px 12px;
height: 25px;
background-position: 0 0;
line-height: 25px;
}
.ui-tabs-nav .ui-tabs-selected a span {
height: 26px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
.ui-tabs-panel {
padding: 15px 15px 8px 15px;
min-height: 1px; /* fixes content shifting on tab hover in IE7 */
_zoom: 1; /* fixes content shifting on tab hover in IE6 */
}
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/*
custom colors and backgrounds, default is gray
make sure these match the pod colors from common.css
*/
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-nav .ui-tabs-selected a span {
background: #f6f6f6;
color: #FFFFFF;
}
.ui-tabs-panel {
background: #f6f6f6; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-nav li, .ui-tabs-panel {
border: 1px solid #efefef;
}
.ui-tabs-nav li {
background: url(/i/common/site/tabsOffBkgSprite.png) repeat-x;
border-bottom: none;
}
.tabsOnline .ui-tabs-nav .ui-tabs-selected a,
.tabsOnline .ui-tabs-nav li.ui-tabs-selected,
.tabsOnline .ui-tabs-nav .ui-tabs-selected a span {
background: #e65c00;
color: #FFFFFF;
}
.tabsOnline .ui-tabs-panel {
background: #cde7f6;
}
.tabsOnline .ui-tabs-nav li, .tabsOnline .ui-tabs-panel {
border: 1px solid #E0E0E0;
}
.tabsOnline .ui-tabs-nav li {
background: #000000;
border-bottom: none;
}
.tabsMyShockwave .ui-tabs-nav .ui-tabs-selected {
color: #436600;
}
.tabsMyShockwave .ui-tabs-nav .ui-tabs-selected a,
.tabsMyShockwave .ui-tabs-nav .ui-tabs-selected span{
background-color: #e65c00 !important;
}
.tabsMyShockwave .ui-tabs-panel {
background: #FFFFFF;
border: 0px solid #E0E0E0 !important;
}
.tabsMyShockwave .ui-tabs-nav li, .tabsMyShockwave .ui-tabs-panel {
border: 1px solid #E0E0E0;
border-radius: 0px;
}
.tabsRadius .ui-tabs-nav li {
border-radius: 0px 0px 0px 0px !important;
}
.tabsRadius .ui-tabs-panel {
border-radius: 0px 0px 0px 0px !important;
}
.tabsMyShockwave .ui-tabs-nav li {
/*background: url(/i/common/site/tabsOffBkgSprite.png) 0 -80px repeat-x;*/
background:#000000;
border-bottom: none;
}
#podMyGames .ui-tabs-selected a,
#podMyGames .ui-tabs-selected span {
background: #e65c00 !important;
}
#highScoresInvite {
display: block;
margin: -27px 20px 0 0;
position: absolute;
right: -2px;
z-index: 100;
}
.tabsMyShockwave .ui-tabs-nav li.ui-tabs-trigger {
background: none;
border: none;
}
.tabsMyShockwave .ui-tabs-nav li.ui-tabs-trigger a.triggerGames {
background-color: #FFF !important;
}
.tabsMyShockwave .ui-tabs-nav li.ui-tabs-trigger a.triggerGames h2 {
#C8581D !important;
}form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}
form li{
margin:0;
padding-bottom: 20px;
position:relative;
clear:both;
}
form.tightForm li {
padding-bottom: 4px;
}
form li:after, .buttons:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
form li.submitBlock{
margin: 10px 0 0 0;
}
form .note {
font-size: 10px;
}
form .subhead {
font-size:16px;
line-height:18px;
margin:20px 0;
font-weight:bold;
padding: 5px;
background: #eee;
}
form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}
* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding: 0 0 2px 0;
}
form li div.accountInfoContainer {
margin-top: 20px;
}
*form li div.accountInfoContainer {
margin-top: 10px;
}
form li span{
float:left;
}
form li .indent{
padding-left: 20px;
}
form li div.address{
padding-bottom:0;
}
form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}
.clear{
clear:both !important;
}
/* ----- SECTIONS ----- */
form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
margin:0 0 10px 0;
}
/* ----- FIELDS AND LABELS ----- */
label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
display:block;
font-weight:bold;
color: #333;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
line-height:9px;
display:block;
}
input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:12px;
color:#333;
padding:3px;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff;
}
input.text, input.file{
padding:3px;
}
label.choice {
font-size:11px;
display:block;
line-height:1.3em;
margin:-1.65em 0 0 25px;
padding:.44em 0 3px 0;
}
label.accountInfo {
margin-top: -25px;
}
*label.accountInfo {
margin-top: -30px;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}
input.indented{
margin-left: 20px !important;
}
label.indented{
margin-left: 40px !important;
}
label.disabled {
opacity: .5;
}
textarea.textarea, input.text {
font-family: Arial, sans-serif;
}
select.select{
font-family: Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}
span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}
/* ----- BUTTONS ----- */
input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}
/* ----- TEXT DIRECTION ----- */
.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice,
.rtl div label, .rtl span label, .rtl input.text,
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct,
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}
/* ----- SIZES ----- */
.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
_width: 95% !important;
}
input.tiny, select.tiny{
width:40px !important;
}
input.small, select.small{
width:75px !important;
}
input.medium, select.medium{
width:200px;
}
input.large, select.large, textarea.textarea{
width:320px;
}
textarea.tiny{
height:3.5em;
}
textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}
/* ----- ERRORS ----- */
#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form div.globalError {
background-color: #FFDFDF !important;
margin:0 0 7px;
padding: 7px 10px 3px 10px;
}
form p.error, form p.localError, form span.error {
color:red;
font-weight:bold;
font-size:10px !important;
margin:0 0 5px 0;
clear:both;
background: url(/i/common/site/errorExclamation.png) no-repeat 0 2px;
padding: 0 0 0 15px;
width: auto !important
}
form p.error a, form p.localError a {
color:red !important;
text-decoration: underline !important;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}
/* ----- REQUIRED & HELP ----- */
form .req{
float: none;
color:green !important;
font-weight:bold;
margin:0;
}
form .help {
float: none;
margin: 0 0 0 5px;
background: url(../helpIcon.png) no-repeat;
padding: 0 0 2px 16px;
cursor: pointer;
}
form .help span {
float: none;
display: none;
}
/* ----- INSTRUCTIONS ----- */
form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}
/* ----- ALT INSTRUCTIONS ----- */
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}
/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}
.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}
* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}
.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}
.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}
/* ----- NO INSTRUCTIONS ----- */
.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}
/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}
/* ----- FIELD FLOATING ----- */
form li.leftHalf, form li.rightHalf{
width:48% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}/*
* Temporary stylesheet for rework project.
* These styles should be incorporated into the previous css structure
* and old styles should be removed as they are replaced site wide
*/
.UpperCase {
text-transform: uppercase;
}
.nmPodLink a {
font: 12px 'salvo sans bold', helvetica, times new roman;
color: #bf177c !important;
text-transform: uppercase;
}
.nmLink a {
color: #bf177c !important;
text-transform: uppercase;
}
.nmBoxShadow {
background-color: #FFF;
box-shadow: #9f9f9f 0px 2px 2px;
}
.headContainer {
margin-bottom:20px;
height:66px;
}
#gameTableListContent {
/* border:1px solid red; */
padding-bottom:10px;
}
.topGamesCarousel,
.topDailyGames,
.topGamesCarouselBreak {
padding: 15px 0 5px 18px;
/*border-bottom: 1px solid #ccc;*/
}
.topGamesCarousel,
.topGamesCarouselBreak {
position: relative;
}
.topGamesCarouselBreak {
margin-bottom: 20px;
background-color: #FFF;
box-shadow: #9f9f9f 0px 2px 2px;
}
.gameCategory {
margin: 30px 0px 20px;
}
.newPodContent .alignR a,
#podTopGames .headerLink {
position: absolute;
right: 10px;
top: 19px;
font: 12px 'salvo sans bold', helvetica, times new roman;
color: #bf177c !important;
text-transform: uppercase;
}
#podTopGames .moreLink,
#podDownloadGames .moreLink,
#homepageCheck .moreLink,
#podJigsawGameHead .moreLink,
#podJigsawCalendar .moreLink,
#podMyFriends .moreLink,
#recentActivitySettings .moreLink,
#podTokensProfile .moreLink,
#podProfileQuestions .moreLink,
#highScores .moreLink,
#dailyPlayArchive .moreLink,
#podTrophyCase .moreLink,
.profileHead .moreLink,
.moreLink {
margin: 10px 10px 10px 0px;
font: 12px 'salvo sans bold', helvetica, times new roman;
color: #bf177c !important;
text-transform: uppercase;
}
.newPodContent .alignR a { top: 240px; }
.newPodContent .carousel { border: none !important; }
.newPodContent .carousel-nav a {
font: bold 16px arial, helvetica, times new roman;
color: #bf177c !important;
text-transform: uppercase;
}
#podTopGames .heading {
font: 18px 'salvo sans bold', arial, helvetica, times new roman;
text-transform: uppercase;
color: #000;
margin-bottom: 5px;
}
#podTopGames .heading.dGamesHeader {
text-transform: capitalize;
}
#podTopGames .categoryHeader {
width: 100%;
margin: -20px auto 0px -13px;
text-align: center;
}
#podTopGames .heading a {
color: #000 !important;
}
#podTopGames .dGamesHeader {
margin: -10px 0px 5px 8px;
}
#podTopGames .dGamesHeader a,
.rework h1,
.rework h2,
.podDLpage h1,
.podOLpage h1 {
font: 28px 'Salvo Serif Light', helvetica, times new roman;
letter-spacing: .5px;
color: #ac800b !important;
/*text-transform: none;*/
padding: 10px 10px 0px !important;
}
#footer h2 {
padding: 35px 0 0 0 !important;
}
#podTopGames .heading img {
display: inline;
vertical-align: top;
margin-left: 10px;
}
#podTopGames .gameCategory img {
margin-top: -10px;
box-shadow: #CCC 0px 2px 2px;
position: relative;
z-index: 2;
}
#podNewestGames p,
#podTopGames p {
font: bold 10px arial, helvetica, times new roman;
line-height: 1.2em;
margin-bottom: 0;
color: #b0b0b0;
}
.categories,
.categories2 {
background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2, #FFF);
background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2, #FFF);
width: 625px;
padding: 30px 0px 30px 10px;
margin: -20px 0px -10px -9px;
}
.categories2 {
width: 630px;
margin: 0px 0px 10px -9px;
padding: 30px 0px;
}
.carouselSimple .carousel-nav {
height: 0;
margin: 0;
position: static;
}
.carouselSimple .carousel-nav-right,
.carouselSimple .carousel-nav-left {
position:static;
right: auto;
top: auto;
}
.carouselSimple .carousel-nav-right a {
position: absolute;
right: 2px;
top: 11px;
background: url(/i/common/site/arrowsOpenXL.png) -20px 0 no-repeat !important;
padding-top: 92px;
width: 20px;
}
.carouselSimple .carousel-nav-right a:hover {
background-position: -20px -92px !important;
background-color: #fff;
}
.carouselSimple .carousel-nav-left a {
position: absolute;
left: -16px;
top: 11px;
background: url(/i/common/site/arrowsOpenXL.png) 0 0 no-repeat !important;
padding-top: 92px;
width: 20px;
}
.carouselSimple .carousel-nav-left a:hover {
background-position: 0 -92px !important;
}
.carouselSimple .carousel-nav-right a.disabled,
.carouselSimple .carousel-nav-right a.disabled:hover{
background-position: -20px -184px !important;
}
.carouselSimple .carousel-nav-left a.disabled,
.carouselSimple .carousel-nav-left a.disabled:hover {
background-position: 0 -184px !important;
}
.col8 .carouselSimple {
width: 608px;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid transparent !important;
}
.col8 .carouselSimple .carousel-container {
width: 9999px !important;
border: none;
}
.col8 .carouselSimple .carousel-nickmom,
.col8 .carouselSimple .carousel-element {
width: 122px;
padding: 10px;
margin: 0 5px;
border: none;
}
.col8 .carouselSimple .carousel-nickmom {
background: #FFF;
min-height: 242px;
border-bottom: 4px solid #AC800B;
box-shadow: #9F9F9F 0px 2px 2px;
padding-bottom: 25px;
}
.col8 .carouselSlide {
border-color: #efefef;
}
.col8 .carouselSlide a,
.col8 .carouselSimple p a {
font: 13px 'salvo serif regular';
color: #333;
}
.col8 .carouselSlide .carousel-nav a {
font-family: 'salvo sans regular';
}
.col8 .topDailyGames .carouselSimple p a {
font: 14px 'salvo serif regular';
}
.col8 .carouselSlide a:hover { color: #ac800b; }
.col8 .carouselMore {
background: #FFF;
border: 1px solid #EFEFEF !important;
border-radius: 4px;
padding: 17px 0px 0px 5px;
}
.newPodContent .carouselMore {
margin: 0px auto;
padding: 0px;
border: none !important;
}
.col8 .carouselSlide .carousel-container {
border-bottom-color: #efefef;
}
#online .podRework .podContent {
background-color: #f6f6f6 !important;
border: 1px solid #efefef !important;
}
#online .podRework .bestDaily {
background: -webkit-linear-gradient(top, #F8F8F8, #F8F8F8, #E1E1E1, #E1E1E1) !important;
background: -moz-linear-gradient(top, #F8F8F8, #F8F8F8, #E1E1E1, #E1E1E1) !important;
border: none !important;
}
#online .podRework .topGamesPodNoBkg {
background: none !important;
border: none !important;
}
#topGamesCategories {
position: relative;
padding: 15px 0 15px 15px;
}
#topGamesCategories ul {
float: left;
width: 145px;
margin-left: 2px;
margin-top: 10px;
padding-right: 9px;
}
#topGamesCategories li {
/* background: url(/i/common/site/arrows.png) no-repeat -12px -557px;*/
padding: 0px 10px 0px 2px;
margin: 5px 0px 3px;
border-bottom: 1px solid #e5e5e5;
}
#topGamesCategories li a {
font: 11px 'salvo serif regular', arial, helvetica, times new roman;
color: #666;
}
.dsContainer, .powContainer {
width: 100%;
padding: 0px 0px 10px;
background: #000;
border: none;
}
.dsContainer img, .powContainer img {
margin: 0px !important;
}
.podNoBkg .podRecommender,
.podNoBkg .podRecommenderSlim,
.dsContainer h2,
.powContainer h2,
.rework .dsContainer h2 {
margin: 0px auto;
color: #FFF !important;
font: 16px 'salvo sans bold', arial, helvetica, times new roman;
text-transform: uppercase;
text-align: center;
letter-spacing: .5px;
}
.dsContainer h2 {
width: 282px;
padding: 10px 0px 0px !important;
}
.podNoBkg .podRecommender,
.podNoBkg .podRecommenderSlim {
/*width: 282px;*/
padding: 10px 15px;
background: #000;
}
.podNoBkg .podRecommenderSlim {
width: 141px;
padding: 15px 5px 13px 5px;
font: 11px 'salvo sans bold', arial, helvetica, times new roman;
}
.rework .podDownload .podContent {
background-color: #f6f6f6 !important;
/*border: 1px solid #efefef !important;*/
}
.nickmomPushdown {
height:320px;
background: white;
display:none
}
.nickmomPushdownImage {
background-image: url(/i/emails/nm_push_down_v2.jpg);
width: 980px;
height: 320px;
margin: 0 auto;
cursor: pointer;
}
.nickmomPushdownClose {
width: 40px;
height: 40px;
float: right;
}
/* Temp Rules -- Please include a removal date
----------------------------------------------- */
/* Temp fix for specific game page branding remove after 4/30/2011 */
.pillsbury-toaster-strudel-breakfast-rush #gameHeader #headerPromoLogo {
left: 515px;
}
/* Temp fix for Norwegian Jigsaw Postcard. Probably safe to remove after 5/31/2011, but check with Clint. */
.norwegian-cruise-line-jigsaw-postcard #gameHeader #headerPromoLogo {
left: 500px;
}
.norwegian-cruise-line-jigsaw-postcard-player #gameHeader #headerPromoLogo {
left: 550px;
}
.wrapper {
width: 980px;
margin: 0 auto;
padding-right: 20px;
}
.header-nav {
font-size: 10px;
min-height: 97px;
}
.header-nav a:hover {
text-decoration: none;
}
.header-social-login,
.header-logo,
.header-menu-games,
.header-menu-navPromo2,
.header-menu-navPromo1,
.header-menu-search,
.header-menu-navigation,
.header-menu-navigation-mobile,
.header-menu-search {
height: 40px;
font-size: 1.2em;
}
.header-social-login a,
.header-logo a,
.header-menu-navPromo2 a,
.header-menu-navPromo1 a,
.header-menu-search a,
.header-menu-navigation a,
.header-menu-navigation-mobile a,
.header-menu-search a,
.header-social-login a:visited,
.header-logo a:visited,
.header-menu-navPromo2 a:visited,
.header-menu-navPromo1 a:visited,
.header-menu-search a:visited,
.header-menu-navigation a:visited,
.header-menu-navigation-mobile a:visited,
.header-menu-search a:visited {
color: #333;
}
.header-mama-bar,
.header-social-login,
.header-menu-games,
.header-menu-navPromo2,
.header-menu-navPromo1,
.header-menu-search {
display: none;
}
.header-social-login > a,
.header-menu-games > a,
.header-menu-navPromo2 > a,
.header-menu-navPromo1 > a,
.header-menu-navigation > a,
.header-menu-navigation-mobile > a,
.header-menu-search > a {
display: block;
text-align: center;
padding: 13px 20px 0;
min-height: 27px;
text-transform: uppercase;
}
.header-social-login > a {
padding: 5px 20px 0;
min-height: 20px;
}
.header-social-login {
float: right;
height: 25px;
background: wheat;
}
.header-mama-bar {
border-bottom: 1px solid #f3f3f3;
width: 100%;
height: 21px;
background: #FFF;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
.header-mama-bar a {
color: #9A9A9A;
}
.header-mama-bar a:hover {
text-decoration: underline;
}
.header-mama-bar.is-pushdown-present {
top: 188px;
}
.header-mama-bar .header-mama-bar-inner {
padding: 4px 0 0;
position: relative;
}
.header-mama-bar .header-mama-bar-nickmom {
color: #FF9540;
padding: 0 12px 0 0;
}
.header-mama-bar .header-mama-bar-links {
padding: 0 12px 0 0;
}
.header-mama-bar .header-mama-bar-nickelodeon {
position: absolute;
top: 0;
right: 0;
}
.header-logo {
position: absolute;
left: 50px;
top: 0;
}
.header-logo a {
display: block;
overflow: hidden;
padding: 0;
height: 34px;
}
.header-logo img {
width: 152px;
margin: 6px 0 0 32px;
}
.header-menu-navigation-mobile {
width: 49px;
}
.header-menu-navigation-mobile a,
.header-menu-navigation-mobile a:visited {
color: #000;
}
.header-menu-navigation-mobile .header-menu-overlay {
position: fixed;
background: #F00;
top: 0;
bottom: 0;
left: 197px;
right: 0;
z-index: 3000;
opacity: 0;
filter: alpha(opacity=0);
/* For IE8 and earlier */
display: none;
}
.header-menu-navigation-mobile .header-menu-icon {
display: inline-block;
padding: 0;
background: transparent url(http://www.nickmom.com/img/header/menu-button.png) no-repeat 0 0;
width: 27px;
height: 20px;
min-height: auto;
margin: 10px 0;
}
.header-menu-navigation-mobile .menu-toggle {
width: 49px;
border-right: 1px solid #e6e6e6;
height: 40px;
padding: 0;
}
.header-menu-navigation-mobile .menu-toggle:hover .header-menu-icon {
background-position: 0 -29px;
}
.main-menu-is-active .header-menu-navigation-mobile .menu-toggle {
background-color: #ECECEC;
}
.main-menu-is-active .header-menu-navigation-mobile .header-menu-overlay,
.main-menu-is-active .header-menu-navigation-mobile .menu-dropdown {
display: block;
}
.header-menu-navigation-mobile li {
list-style-type: none;
}
.header-menu-navigation-mobile ul {
margin: 0;
padding: 0;
}
.header-menu-navigation-mobile .is-active {
display: block;
}
.header-menu-navigation-mobile .level-1 {
text-transform: uppercase;
margin: 0px 23px 0 14px;
padding: 14px 1px 11px;
font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif;
font-size: 1.6em;
}
.header-menu-navigation-mobile .level-1-link,
.header-menu-navigation-mobile .level-2-link {
padding: 17px 1px 12px 10px;
border-top: 1px solid #D7D7D7;
}
.header-menu-navigation-mobile .level-1 li:first-child .level-1-link {
border: none;
}
.header-menu-navigation-mobile .menu-dropdown {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 10000;
display: none;
width: 197px;
background: #ffffff url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0;
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%);
/* FF3.6+ */
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f3f1));
/* Chrome,Safari4+ */
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -webkit-linear-gradient(top, #ffffff 0%, #f4f3f1 100%);
/* Chrome10+,Safari5.1+ */
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -o-linear-gradient(top, #ffffff 0%, #f4f3f1 100%);
/* Opera 11.10+ */
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -ms-linear-gradient(top, #ffffff 0%, #f4f3f1 100%);
/* IE10+ */
background: url(http://www.nickmom.com/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, linear-gradient(to bottom, #ffffff 0%, #f4f3f1 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f3f1', GradientType=0);
/* IE6-9 */
}
.header-menu-navigation-mobile .menu-dropdown a {
display: block;
}
.header-menu-navigation-mobile [data-section="TV"] .is-clicked {
background: #993ec6;
border-color: transparent;
color: white;
}
.header-menu-navigation-mobile [data-section="Videos"] .is-clicked {
background: #bf177c;
border-color: transparent;
color: white;
}
.header-menu-navigation-mobile [data-section="Photos"] .is-clicked {
background: #29a2ff;
border-color: transparent;
color: white;
}
.header-menu-navigation-mobile [data-section="LOLS"] .is-clicked {
background: #babf13;
border-color: transparent;
color: white;
}
.header-menu-navigation-mobile [data-section="TV Programming"] .is-clicked {
background: #6a2b85;
border-color: transparent;
color: white;
}
.header-menu-navigation {
display: none;
float: left;
}
.header-menu-navigation li {
list-style-type: none;
}
.header-menu-navigation ul {
margin: 0;
padding: 0;
}
.header-menu-navigation .level-2 {
display: none;
}
.header-menu-navigation .is-active {
display: block;
}
.header-menu-navigation .level-1 {
margin: 0;
}
.header-menu-navigation .level-1 > li {
float: left;
text-align: center;
}
.header-menu-navigation .level-1 > li:hover .level-1-link {
color: white;
}
.header-menu-navigation .level-1-link {
padding: 28px 21px 0;
height: 47px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.3em;
font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif;
}
.header-menu-navigation .nav-main-item.current a {
color: #FFF;
}
.header-menu-navigation .TV:hover,
.header-menu-navigation .TV.current {
background: #993ec6;
}
.header-menu-navigation .Videos:hover,
.header-menu-navigation .Videos.current {
background: #bf177c;
}
.header-menu-navigation .Photos:hover,
.header-menu-navigation .Photos.current {
background: #29a2ff;
}
.header-menu-navigation .LOLS:hover,
.header-menu-navigation .LOLS.current {
background: #babf13;
}
.header-menu-navigation .level-2-link {
font-size: 1.3em;
font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif;
padding: 7px 10px 7px 8px;
font-weight: normal;
line-height: 1.3;
}
.header-menu-navigation .level-2-link,
.header-menu-navigation .level-2-link:visited {
color: #e1e1e1;
}
.header-menu-navigation .level-2-link:hover {
border-radius: 5px;
color: #FFF;
}
.header-menu-navigation .level-2 {
margin: 0 0 8px 0;
padding: 0;
z-index: 999;
}
.header-menu-navigation .level-2 li {
clear: both;
display: block;
}
.header-menu-navigation .header-menu-navigation-promo {
float: left;
}
.header-menu-navigation .header-menu-navigation-promo img {
max-width: 100%;
}
.header-menu-navigation .header-menu-navigation-promo .level-2-link {
padding: 0 10px;
font-size: 1em;
}
.header-menu-navigation .header-menu-navigation-promo .level-2-link span {
display: block;
margin-top: 10px;
width: 195px;
}
.header-menu-navigation .header-menu-navigation-promo .level-2-link:hover {
background: none !important;
}
.header-menu-navigation .menu-dropdown {
z-index: 10000;
height: 75px;
padding: 0;
}
.header-menu-navigation .menu-dropdown a {
display: block;
}
#expand-o-matic {
display: none;
width: auto;
height: 160px;
}
.header-menu-games {
float: left;
border-right: 1px solid #e6e6e6;
}
.header-menu-games a {
padding: 28px 22px 0;
height: 47px;
font-size: 1.3em;
background: #ffd000;
color: white;
font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif;
}
.header-menu-navPromo2 {
float: left;
background: white;
}
.header-menu-navPromo2 a {
text-decoration: underline;
}
.header-menu-navPromo2 a:hover {
background-color: transparent;
}
.header-menu-navPromo1 {
float: left;
margin: 0 0 0 30px;
}
.header-menu-navPromo1 a {
padding: 0;
display: block;
}
.header-menu-navPromo1 img {
margin-top: 12px;
}
.header-menu-navPromo1:hover .header-menu-navPromo1-text {
color: #bf177c;
}
.header-menu-navPromo1 .header-menu-navPromo1-text {
position: relative;
top: 6px;
display: none;
margin-left: 11px;
color: #777;
text-transform: none;
font-weight: normal;
font-size: 1em;
font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif;
}
.header-menu-navPromo1 .header-menu-navPromo1-arrow {
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #bf177c;
margin: 0 0 -2px 7px;
display: none;
}
.header-menu-search {
position: relative;
float: left;
border-left: 1px solid #e6e6e6;
}
.header-menu-search .menu-toggle {
width: 70px;
padding: 0;
height: 75px;
}
.header-menu-search .header-menu-search-icon {
display: inline-block;
margin-top: 29px;
width: 20px;
height: 19px;
background: transparent url(http://www.nickmom.com/img/header/search.png) no-repeat 0 0;
}
.header-menu-search .menu-dropdown {
display: none;
}
.header-menu-search .header-menu-search-go-arrow {
display: inline-block;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #ffffff;
}
.header-menu-search:hover,
.header-menu-search.is-active {
background: #6a2b85;
}
.header-menu-search:hover .header-menu-search-icon,
.header-menu-search.is-active .header-menu-search-icon {
background-position: -20px 0;
}
.header-menu-search:hover .menu-dropdown,
.header-menu-search.is-active .menu-dropdown {
display: block;
}
.header-menu-search .menu-dropdown {
position: absolute;
top: 75px;
right: 0;
z-index: 1000;
padding: 13px 6px 13px 13px;
width: 300px;
background: #6a2b85;
}
.header-menu-search .search-input-nickmom {
margin-right: 7px;
padding: 9px 14px 9px 14px;
width: 207px;
font-family: 'Salvo Serif Regular', helvetica, arial;
}
.header-menu-search .search-submit {
border: none;
position: relative;
top: 3px;
left: 0px;
padding: 0px 2px 0px;
background: transparent;
color: #FFF;
font-size: 18px;
font-family: 'Salvo Sans Regular', helvetica, arial;
}
@media screen and (max-height: 320px) and (max-width: 639px) {
.header-menu-navigation-mobile .menu-dropdown {
font-size: 9px;
}
.header-menu-navigation-mobile .level-1 {
padding: 10px 0px;
}
.header-menu-navigation-mobile .level-1-link {
padding: 13px 1px 8px;
}
.header-menu-navigation-mobile .level-2-link {
padding: 8px 1px 11px;
}
}
@media screen and (max-width: 639px) {
body.main-menu-is-active {
margin-left: 197px;
margin-right: -197px;
}
}
@media screen and (min-width: 640px) {
.header-nav {
z-index: 1000;
border: none;
background: white;
}
.header-logo,
.header-menu-games,
.header-menu-navPromo2,
.header-menu-navPromo1,
.header-menu-search,
.header-menu-navigation,
.header-menu-search {
height: 75px;
}
.header-logo {
position: static;
float: left;
width: 210px;
border-right: 1px solid #e6e6e6;
text-align: center;
}
.header-logo a {
padding: 0;
height: auto;
}
.header-logo img {
width: 168px;
margin: 14px 0 0 0;
}
.header-row {
clear: both;
}
.header-social-login {
display: block;
}
.header-menu-navigation-mobile {
display: none;
}
.header-menu-navigation {
display: block;
}
.header-menu-games a:hover {
background: #ffd000;
color: white;
}
}
@media screen and (min-width: 680px) {
.header-menu-search {
display: block;
}
}
@media screen and (min-width: 768px) {
#sponsor-bg {
padding-top: 48px;
}
.header-logo img {
margin: 14px 0 0 0;
}
.header-mama-bar,
.header-menu-navPromo1 {
display: block;
}
.header-menu-navigation .level-1 {
border-right: 1px solid #e6e6e6;
}
}
@media screen and (min-width: 960px) {
.header-menu-navigation .level-2 {
position: absolute;
left: 0;
width: 100%;
background: white;
text-align: left;
border: none;
}
.header-menu-navigation .level-2.is-active {
display: block;
}
.header-menu-navigation .level-2-menu-list {
width: 1000px;
margin: 0 auto;
text-align: center;
}
.header-menu-navigation .level-2-menu-list > li {
background: red !important;
padding: 0;
text-align: left;
}
.header-menu-navigation .sub-list,
.header-menu-navigation .header-menu-navigation-promo {
float: left;
text-align: left;
min-height: 120px;
border-right: 1px solid #000;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.header-menu-navigation .header-menu-navigation-promo {
margin-left: 0;
padding: 20px 0;
width: 210px;
}
.header-menu-navigation .header-menu-navigation-promo a {
padding-right: 10px;
}
.header-menu-navigation .sub-list {
max-width: 27.6%;
padding: 20px 12px 20px 2px;
margin-left: 10px;
}
.header-menu-navigation .TV .level-2 {
background: #7c32a1;
}
.header-menu-navigation .TV .level-2 a:hover {
background: #993ec6;
}
.header-menu-navigation .Videos .level-2 {
background: #8d115a;
}
.header-menu-navigation .Videos .level-2 .level-2-link:hover {
background: #bf177c;
}
.header-menu-navigation .Photos .level-2 {
background: #2183cc;
}
.header-menu-navigation .Photos .level-2 .level-2-link:hover {
background: #29a2ff;
}
.header-menu-navigation .LOLS .level-2 {
background: #7c800f;
}
.header-menu-navigation .LOLS .level-2 .level-2-link:hover {
background: #babf13;
}
.header-menu-navigation .header-menu-navigation-promo a:hover {
background: none;
}
}
@media screen and (min-width: 980px) {
.header-logo {
text-align: left;
}
.header-menu-navigation .level-1 {
border-right: none;
}
.header-menu-games {
display: block;
}
.header-menu-navPromo2 {
margin: 0;
}
.header-menu-navigation .header-menu-navigation-promo .level-2-link {
padding: 0;
}
.header-menu-search {
border-right: 1px solid #e6e6e6;
}
}
.games-header-nav {
background-color: #fff;
border-top: 1px solid #e6e6e6;
color: #4b4103;
padding: 0;
font-size: 13px;
font-family: 'Salvo Serif Regular', serif;
-moz-box-shadow: 0 30px 70px -21px #d3d3d3 inset;
-webkit-box-shadow: 0 30px 70px -21px #d3d3d3 inset;
box-shadow: 0 30px 70px -21px #d3d3d3 inset;
}
.games-header-nav a {
color: #000;
font-weight: normal;
}
.games-header-nav a:hover {
text-decoration: none;
}
.games-header-nav ul {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.games-header-nav ul li {
float: left;
}
.games-header-nav .user-bar {
float: left;
width: 200px;
font-family: 'Salvo Sans Regular', sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
padding: 20px 10px 0 0;
}
body.SignedInPremium .games-header-nav .user-bar {
padding-bottom: 0;
}
.games-header-nav .user-bar .brought-by {
color: #333;
font-size: 11px;
margin-bottom: 5px;
}
.games-header-nav .user-bar .create-account a:hover {
color: #b08000;
}
.games-header-nav .user-bar .create-account a:first-child {
margin-left: 0;
}
.games-header-nav .user-bar .create-account .fbLoginButton {
position: relative;
top: 7px;
margin: 0;
display: inline-block;
}
.games-header-nav .user-bar .create-account .user-info {
margin-top: 15px;
}
.games-header-nav .user-bar .create-account .avatar {
float: left;
width: 30px;
margin-top: 1px;
vertical-align:top;
}
.games-header-nav .user-bar .create-account .shockwave-game-dropdown {
clear: both;
background: #525252;
color: #ededed;
width: 980px;
margin: 30px auto 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
}
.games-header-nav .user-bar .create-account .shockwave-game-dropdown .favoriteArrow {
margin-left: 0;
vertical-align: middle;
}
.games-header-nav .shockwave-game-dropdown .my-games li a {
color: #FFF;
font-weight: bold;
}
.games-header-nav .shockwave-game-dropdown .my-games li a:hover {
color: #ffd000;
}
.shockwave-game-dropdown .my-games {
list-style: none;
margin: 0 auto;
padding: 8px 0 0 10px;
}
.shockwave-game-dropdown .my-games li {
color: #fff;
position: relative;
float: left;
height: 20px;
}
.shockwave-game-dropdown .sub-games-list {
text-transform: none;
display: none;
position: absolute;
top: 22px;
left: 0;
width: 320px;
background: #3f3f3f;
color: #FFF;
z-index: 10;
font-size: 11px;
line-height: 1.4;
box-shadow: 0 7px 9px -9px #000 inset;
}
.shockwave-game-dropdown .myCash,
.shockwave-game-dropdown .myTokens,
.shockwave-game-dropdown .gameTime {
background: url(/i/common/site/icons16x16.png) no-repeat;
background-position: 0 -1640px;
padding-left: 22px;
font-weight: bold;
}
.shockwave-game-dropdown .myCash {
margin-right: 15px;
}
.shockwave-game-dropdown .gameTime {
background-position: 0 -400px;
padding-bottom: 2px;
}
.shockwave-game-dropdown .myTokens {
background-position: 0 -480px;
margin-right: 15px;
}
.shockwave-game-dropdown .gameTime:hover .sub-games-list {
display: block;
}
.shockwave-game-dropdown .sub-games-list .games-list-menu {
clear: none;
float: left;
margin-left: 5px;
width: 125px;
padding: 15px;
}
.shockwave-game-dropdown .sub-games-list .games-list-menu strong {
font-size: 110%;
}
.shockwave-game-dropdown .sub-games-list .games-list-menu li {
float: none;
font-weight: normal;
padding-bottom: 3px;
height: auto;
}
.shockwave-game-dropdown .sub-games-list .games-list-menu li a {
font-weight: normal;
}
.shockwave-game-dropdown .sub-games-list .games-list-menu:first-child {
margin: 0;
padding-right: 10px;
border-right: 1px solid #6a6a6a;
}
.games-header-nav .user-bar .minilogo {
position: relative;
top: -1px;
width: 94px;
display: inline-block;
}
.games-header-nav .link-smash {
float: left;
padding: 20px 0 20px 20px;
width: 748px;
height: 108px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
position: relative;
}
.NotSignedIn .games-header-nav .link-smash {
height: 122px;
}
.games-header-nav .search-games .ui-autocomplete-input {
border: 1px solid #b0aca0;
float: left;
font-size: 12px;
font-family: 'Salvo Serif Regular', serif;
font-weight: normal;
line-height: 30px;
height: 30px;
color: #908871;
padding: 1px 8px 0;
width: 185px;
}
.games-header-nav .search-games .ui-autocomplete-input::-webkit-input-placeholder { /* WebKit browsers */
color: #908871;
}
.games-header-nav .search-games .ui-autocomplete-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #908871;
}
.games-header-nav .search-games .ui-autocomplete-input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #908871;
}
.games-header-nav .search-games .ui-autocomplete-input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #908871;
}
.games-header-nav .pseudo-tabs {
font-family: 'Salvo Sans Medium', sans-serif;
font-size: 13px;
}
.games-header-nav .pseudo-tabs ul {
margin-bottom: 10px;
}
.games-header-nav .pseudo-tabs a {
display: block;
margin-right: 20px;
padding: 1px 14px 0;
line-height: 32px;
background: #b0aca0;
color: #f8f8f8;
border-radius: 3px;
text-transform: uppercase;
}
.games-header-nav .pseudo-tabs a:hover,
#download .pseudo-tabs .download-tab,
#online .pseudo-tabs .online-tab,
#myShockwave .pseudo-tabs .shockwave-tab {
color: #4b4103;
background: #ffd102;
}
.games-header-nav .game-links {
clear: left;
}
.games-header-nav .game-links li {
float: none;
display: inline-block;
padding-right: 3px;
}
.games-header-nav .game-links li a {
display: block;
padding: 5px 7px;
border-radius: 5px;
text-transform: capitalize;
color: #000;
}
#sw-subnav ul li a.active,
.games-header-nav .game-links li a:hover {
color: #FFF;
background: #ffd102;
}
.games-header-nav .game-links .buffer {
display: block;
margin-top: 8px;
margin-right: 1px;
width: 10px;
height: 10px;
background: #FFd102;
border-radius: 5px;
}
#game-search-submit {
background: #ffffff url(/i/common/nav/games-search.png) no-repeat center;
border: 1px solid #FFF;
font-size: 12px;
font-family: 'Salvo Serif Regular', serif;
font-weight: normal;
padding: 3px 5px;
width: 24px;
float: left;
margin: 7px 0 0 -27px;
display: inline-block;
height: 18px;
outline: 0;
}
.game-links a#cartIcon {
color: #000;
font-size: 10px;
position: absolute;
top: 25px;
right: 10px;
background: url(/i/common/site/icons16x16.png) 0 -1440px no-repeat;
display: block;
width: 16px;
padding-top: 11px;
height: 15px;
text-align: center;
}
.bottom-shadow {
background: #f8f8f8 url('/i/common/nav/small-shadow.png') no-repeat 50% 0;
height: 20px;
}