/* General Structure
----------------------------------------------- */

body {
	margin: 0; padding: 0;
	font: 11px/15px Arial, serif;
	text-align: left; 
	color: #666;
	}
/* gutter links for reskins */
	
.gutLinks {
	position: absolute;
	top: 18px;
	left: 0;
	display: block;
	padding-top: 400px;
	background: red;
	filter: alpha(opacity=50);
	opacity: .5;
}

#gutLinkRit {
	right: 0;
	left: auto;
}

.fixedPrice,
#podUpsellMembersOnly b
{ color: red}
	
#wrapper {
	padding-top: 30px;
	margin: 0 auto;
	width: 998px;
}	
	
.col {
	float: left;
	margin: 0 18px 0 0;
	position: relative;
	min-height: 1px;
}

.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, .arrowRit, .arrowDownLft, .arrowDownRit, .arrowUpLft, .arrowUpRit {
		background: url(/i/common/site/arrows.png) no-repeat  !important;
	}

	.arrowLft {  
		background-position: 0 0 !important;
		padding: 2px 0 2px 11px !important;
	}
	.arrowRit {  
		background-position: right -40px  !important;
		padding: 2px 11px 2px 0 !important;
	}
	
	.arrowDownSmlRit {
		background: url(/i/common/site/arrowsSml.png) no-repeat !important;
	}
	
		.arrowDownSmlRit {
			background-position: right -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: #CE5119;	}
	.podDownload .arrowLft { background-position: 0 -160px; }
	.podDownload .arrowRit { background-position: right -200px !important; }
	
	.podMyShockwave .arrowLft, .podMyShockwave .arrowRit, .tabsMyShockwave .arrowRit { color: #426700;	}
	.podMyShockwave .arrowLft { background-position: 0 -240px; }
	.podMyShockwave .arrowRit { background-position: right -280px !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 -398px !important;
		padding: 0 20px 0 0 !important;
	}
	.arrowUpRit {
		background-position: right -438px !important;
	}
	
	/* no workie with IE6, sue me */	
	.arrowLft.disabled, .carousel .carousel-nav-left a.disabled{ background-position: left -320px !important; }
	.arrowRit.disabled, .carousel .carousel-nav-right a.disabled { background-position: right -360px !important; }

	.arrowLftLrg, .arrowRitLrg {
		background: url(/i/common/site/arrowsLrg.png) no-repeat  !important;
	}
	#podGameTrophies a.arrowLftLrg {
		background-position: 0 7px !important;
		padding: 10px 0 10px 22px !important;
	}
	#podGameTrophies a.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
----------------------------------------------- */



#mainNav #logo {
	width: 193px;
	position: absolute;
	top: -28px;
}

	#logo a {
		display: block;
		padding-top: 68px;
	}
	
	#headerNoNav {
		height: 45px
	}
	.nsiClubGame #headerNoNav {
		height: 82px
	}
	



/* main and sub navigation
----------------------------------------------- */

#mainNav {
	position: relative;
	height: 40px;
	z-index: 2;
	}

#mainNav li {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	}

#mainNav #tab-1 a,
#mainNav #tab-2 a,
#mainNav #tab-3 a {
	display: block;
	background: url(/i/common/nav/mainNavTabs.png);
	padding-top: 40px;
	overflow: hidden;
	height: 0;
}
	#mainNav #tab-1 {
		left: 195px;
		}
	#mainNav #tab-1 a {
		width:149px;
		}
	#online #mainNav #tab-1 { 
		top: 1px;
	}
	#online #mainNav #tab-1 a { 
		background-position: 0 -40px;
	}
		
	#mainNav #tab-2 {
		left: 346px;
		}
	#mainNav #tab-2 a {
		width:183px;
		background-position: -149px 0px;
		}
	#download  #mainNav #tab-2 { 
		top: 1px;
	}
	#download  #mainNav #tab-2 a { 
		background-position: -149px -40px; 
	}

	#mainNav #tab-3 {
		left: 531px;
		}
	#mainNav #tab-3 a {
		width:160px;
		background-position: -332px 0px;
	}
	#myShockwave #mainNav #tab-3  { 
		top: 1px; 
	}
	#myShockwave #mainNav #tab-3 a { 
		background-position: -332px -40px; 
	}

	
	
	#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;
	}

		.SignedInPremium #mainNav #myTools, 
		.SignedInClub #mainNav #myTools, 
		.SignedInFreeClub #mainNav #myTools, 
		.SignedInStandard #mainNav #myTools {
			background-position: right -63px;
			top: 0;
			height: 29px;
	}

	
	/* pre login state */


		#myTools .userMessage {
			position: absolute;
			top: 2px;
			left: 9px;
			z-index: 5;
			font-weight: bold;
		}
		#myTools .userMessage a {
			font-weight: bold !important;
		}
	
		#myTools #loginInputs {
			position: absolute;
			top: 15px; left: 8px;
			z-index: 10;
			padding-top: 5px
		}

		#myTools input.inputText {
			width: 105px;
			margin-right: 5px;
			border: 1px solid #77A922;
			height: 17px;
			padding: 3px 2px 1px;
			font-size: 12px;
			font-family: Arial;
		}
		#myTools input.signInFormLogin {
			color: #999;
		}

		#myTools #loginWrap label, #myTools #loginWrap span {
			display: block;
			float: left;
			width: 123px;
			padding: 3px 0 0;
			color: #728f3c;
		}
		#myTools .btnMyShockwavePlain, 
		#myTools .btnDisabledPlain {
			position: relative;
			top: -1px;
		}
		#myTools #cancelLogin {
			position: relative;
			top: 3px;
			left:1px;
			_left: 7px;
		}
		
		form a.btnMyShockwavePlain.disabled {
			background: #ccc !important;
			border: 1px solid #999 !important;
			color: #fff !important;
		}
		
			/* login hover under box */
			
			#myTools #loginWrap {
				width: 314px;
				position: absolute;
				top: 6px; left: 0;
				color: #fff !important;
			}
			#myTools #loginWrap #loginTop {
				height: 6px;
				font-size: 0;
				background: url(/i/common/userBar/loginBkgTop.png) no-repeat;
			}
			#myTools #loginWrap #loginMid {
				background: url(/i/common/userBar/loginBkgMid.png) repeat-y;
				height: 36px;
				padding:32px 0 0 8px;
			}
			#myTools #loginWrap #loginBot {
				background: url(/i/common/userBar/loginBkgBot.png) no-repeat;
				height: 12px;
				font-size: 0;
			}
			#myTools #loginWrap input {
				color: #000;
			}
		
				#myTools .errorOn #loginWrap {
					top: -16px; 
				}
				#myTools .errorOn  #loginWrap #loginMid {
					padding-top: 54px;
				}
				#myTools .errorOn #loginWrap #loginMid .error {
					position: absolute;
					top: 18px; left: 8px;
				}
				#myTools .errorOn .userMessage {
					top: -13px;
				}
		
		
		
		
			#myTools #loginWrap span.rememberMeWrap label {
				width: 100px
			}
		
			.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;
			position: absolute;
			top: 9px; left: 3px;
		}
		#myTools .username,
		#myTools #logout {
			position: absolute;
			top: 6px; left: 41px;
		}
		#myTools #logout {
			right: 4px; left: auto;
			font-weight: bold !important;
		}
		#myTools .username a {
			font-weight: bold !important;
		}
		
		#myTools ul.clearfix {
			position: absolute;
			top: 23px; left: 40px;
			width: 100%;
		}
		#myTools ul li {
			padding: 1px 7px 0 7px;
			border-left: 1px solid #a5bf75;
			position: static;
			float: left;
			height: 16px;
			position: relative;

		}
		#myTools ul li#tokenCount {
			width: 106px;
			text-align: right;
			background: url(/i/common/site/icons16x16.png) 4px -480px no-repeat;
		}
			#myTools ul li#tokenCount a {
                display: block;
                text-align: right;
                color: #666;
            }
			#myTools ul li#tokenCount 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 {
			width: 120px;
			padding-left: 26px;
			background: url(/i/common/site/icons16x16.png) 4px -400px no-repeat;
			cursor: pointer;
		}




#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 {
	background: url(/i/common/nav/subNavBkg.png);
}

#subNav {
	border: 1px solid #fff;
	position: relative;
	height: 34px;
	background-repeat: repeat-x;
	border-bottom: none;
	position: relative;
	z-index: 1;
}
	.hideSubNav #subNav ul {
		visibility: hidden !important;
	}

	#subNav ul li a {
		display: block;
		padding: 11px 10px 8px 10px;
		font-size: 12px;
	}
	#subNav ul li a:hover { 
		text-decoration: none; 
	}
	#subNav ul li {
		float: left;
		height: 34px;
		padding-right: 1px;
		background-repeat: no-repeat;
		position: relative;
		}

	#online #subNav 						{ background-position: 0 0 }
	#online #subNav ul li a					{ color: #003D7B; }
	#online #subNav ul li a:hover,
	#online #subNav ul li.active a			{ background-position: left -34px; }
	#online #subNav ul li 					{ background-position: right -68px; }
	
	#download #subNav 						{ background-position: 0 -102px }
	#download #subNav ul li a,
	#download #subNavMore ul li a 			{ color: #a73512; }
	#download #subNav ul li a:hover,
	#download #subNav ul li.active a		{ background-position: left -136px; }
	#download #subNav ul li 				{ background-position: right -170px; }
	
	#myShockwave #subNav 					{ background-position: 0 -204px }
	#myShockwave #subNav ul li a			{ color: #3d5714; }
	#myShockwave #subNav ul li a:hover,	
	#myShockwave #subNav ul li.active a		{ background-position: left -238px; }
	#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: -251px;
		}
		#myTools .dropmenu div h5 {
			padding: 0; margin: 0;
			color: #666;
		}
		#myTools div ul li {
			border: none;
		}
		#myTools div ul.block1,
		#myTools div ul.block2 {
			width: 173px;
			float: left;
			padding: 0 10px 0 15px;
			border-right: 2px dotted #ccc;
		}
		#myTools div ul.block2  {
			float: right;
			padding: 0 15px 0 0;
			width: 173px;
			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;
		}

	#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;
	}
	
	
	#moreDropDown span {
		font-size: 15px;
	}
	#moreDropDown .arrowDownRit {
		background-position: right -395px !important;
	}
	#moreDropDown .arrowUpRit {
		background-position: right -435px !important;
	}
	#download #moreDropDown .arrowDownRit {
		background-position: right -477px !important;
	}
	#download #moreDropDown .arrowUpRit {
		background-position: right -518px !important;
	}
	#subNavMore {
		background: url(/i/common/nav/subNavBkg.png) 0 -306px repeat-x;
		padding: 6px 0;
		border-bottom: 1px solid #9ac8ec;
	}
		#download #subNavMore {
			background-position: 0 -339px;
			border-bottom: 1px solid #f8b974;
		}
	#subNavMore ul {
		width: 100%;
		text-align: right;
	}
	#subNavMore li {
		display: inline;
		padding: 0 10px 0 11px;
		border-left: 1px solid #9bc9e7;
	}
	#subNavMore li:first-child {
		border-left: none;
	}
		#download #subNavMore li {
			border-color: #f8b974;
		}
	
	
	
	
    #globalSearch {
        position: absolute;
        top: 4px;
        right: 10px;
    	width: 209px;
    }
    
    .cartEnabled #globalSearch { right: 30px; }
    
    #globalSearch input {
        position: absolute;
        top: 0; left: 0;
        border: none;
        height: 17px;
        padding: 3px;
        border: 1px solid #ccc;
		font-size: 12px;
		font-family: Arial;
		color: #999;
        width: 142px
    }
    #globalSearch #searchSite,
    #globalSearch #searchWeb {
        position: absolute;
        top: 0; left: 150px;
       	background: url(/i/buttons/searchBtns.png);
        padding-top: 25px;
        width: 31px;
    }
    #globalSearch #searchWeb {
        position: absolute;
        top: 0; left: 181px;
        background-position: 32px 0;
        width: 32px;
    }


/* body content & general rules
----------------------------------------------- */

#mainContent {
	padding-top: 18px;
	padding: 20px 10px 0 40px;
	background: #fff;
	min-height: 400px;
}
	
	#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: none;
	}
		#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 {
	background: #fff;
	padding: 10px 10px 0 10px;
}		
	.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;
	height: 30px;
}

#footer {
	background: #eee;
	padding: 10px 9px 30px 9px;
	border: 1px solid #d6d4d7;
	border-top: none;
	position: relative;
	font-size: 10px;
}
	#footer h3 {
		margin-bottom: 3px;
	}
	ul.listNav  {
		border-top: 1px solid #ccc;
	}
	ul.listNav li {
		border-bottom: 1px solid #ccc;
		_zoom: 1;
	}
	ul.listNav li a {
		display: block;
		padding-top: 4px;
		line-height: 15px;
		height: 19px;
	}
	.legal a {
		color: #460;
	}

	#footer .colLast ul li a {
		font-weight: normal;
	}
	#footer .colLast ul li span {
		color: #4e4e4e;
	}

#footerLogo {
	position: absolute;
	bottom: 7px;
	left: 663px;
	padding-top: 36px;
	background: url(/i/common/site/nickFamilyLogo.png) no-repeat;
	width: 310px
}


ul.games4, ul.games3 {
	padding-left: 6px;
}
	.podNoPad ul.games4, .podNoPad ul.games3 {
		padding-left: 20px;
	}
ul.games4 li, ul.games3 li  {
	float: left;
	display: block;
	_display: inline;
	padding: 0 11px;
	position: relative;
	width: 129px;
	padding-bottom: 18px;
}
ul.games3 li {
	width: 180px;
}
ul.games4 li.doubleWide {
	width: 282px;
}
ul.games4 li.doubleWide img {
	margin-bottom: 0;
}

ul.games4Boxed {
	background: #feeed5; 
	border: 1px solid #ee9559; 
	padding: 17px 0 0 5px !important; 
	margin: 0 14px 25px;
}

ul.games4 .games4TwoColUpsell {
	position: relative;
	}
	ul.games4 .games4TwoColUpsell .upsellContainer {
		position: absolute; top: 0; left: 11px; 
		width: 274px;
	}

.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 {
	font-weight: bold;
	text-align: center;
	padding: 15px 0 10px;
}

	.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;
}


/* inbody ad
----------------------------------------------- */

#inBodyAd { 
	width: 100%; 
	border-collapse: separate;
}
#inBodyAd td { 
	border-top: 10px solid #fff;
	border-collapse: separate;
}
#inBodyAd td.adWrap { 
	width: 970px;
	text-align: center; /* for Safari */
}
#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;
	padding: 1px 20px 2px 0;
}
.icon16Lft { padding: 2px 0 2px 20px; line-height: 17px; }

	.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 }
	.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 }


	.clubGame .icon16Play { background-position: 0 -1240px; color: #77a922 }


#footer .icon16Lft {
	background-image: url(/i/common/site/icons16x16Footer.png);
}
	.icon16EmailUpdates { background-position: 0 4px }
	.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 }
	

.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;
}
	.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 }

/* buttons
----------------------------------------------- */

a.btnOnlinePlain, a.btnMyShockwavePlain, a.btnDisabledPlain, a.btnRedPlain, a.btnPurplePlain {
	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.btnDisabledPlain { 
		background-position: 0 -160px !important; 
		border: 1px solid #999;
		color: #999 !important;
	}

a.btnOnlineFull, a.btnDownloadFull, a.btnMyShockwaveFull, a.btnBuyFull {
	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.btnMyShockwaveFull {
	background: url(/i/buttons/btnMyShockwaveFull.png) no-repeat center left;
	border: 1px solid #76aa21;
}
a.btnBuyFull {
	background: url(/i/buttons/btnBuyFull.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;
}

.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: none;
}
.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: none;
}
.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;
}
.carousel-element h4 {
	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,
	.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-nav-right {
	position: absolute;
	top: 0;
	right: 10px;
}
	.carousel .carousel-nav-right a {
		background-position: right -40px !important;
	}

.carousel-progress {
	position: absolute;
	left: 50%;
	float: left;
	text-align: left;
}
.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.png) -20px 0  no-repeat;
	width: 14px;
	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: 0px 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 {
		border: 2px solid #76aa22;
		background: #e9f4ca;
		padding: 7px 7px 0 7px;
		color: #446700;
		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; }

		/* avatars */
		#hoverBox.avatar .shmm img {
			float: left;
		}
		#hoverBox.avatar .shmm .hoverBoxContent {
			padding: 0 0 0 10px;
			float: left;
			width: 150px;
		}



/* 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.disabled {
	cursor: default;
	color: #999 !important;
}
a.disabled:hover {
	text-decoration: none;
}

a.local {
	font-weight: normal;
}

p {
	margin-bottom: 7px;
}

h1 { 
	font: bold 24px Arial; 
	padding: 0;
	letter-spacing: -1px; 
	color: #446600;
	margin: 0 0 4px 0;
	position: relative;
}

	h1.pageTitle {
		margin-bottom: 20px;
		color: #666;
	}
	h1.genreTitle {
		letter-spacing: 0; 
		margin-bottom: 25px;
		border-bottom: 1px solid #9accef;
		font-variant: small-caps;
		color: #114398;
	}

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%;
}
.pag .pagRitNav{
	float: right;
	text-align: right;
	padding: 0;
}
.pag .pagRitNav a{
	margin-right: 7px;
}
.pag .pagRitNav a, 
.pag .pagLftNav a {
	color: #003D7B;
}
	.pag .pagRitNav a.arrowRit {
		background-position: right -40px !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;
}



/* 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:100;
}

#dimmerMessage {
	position: fixed;
	top: 50%; left: 50%;
	width: 400px; /* default width */
	z-index: 101;
	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: 0px; right: 0px;
}


/* 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; }

/* IE min-height hack so ad doesn't float during postgame overlay */
body#daughter.NotSignedIn #gameCanvas,
body#daughter.SignedInStandard #gameCanvas { _height: 430px; }

#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;
}

#gameOverlay #badgeYourBestScore {
	background: url(/i/common/gameOverlay/badgeYourBestScore.png);
	height: 46px; width: 40px;
	position: absolute;
	top: 20px; left: 184px;
}

/* Ratings Stars
--------------------------- */

.ratingStars, ratingStarsUserRated {
	background: url(/i/common/site/ratingStars.png) repeat-x 0 -30px;
	width: 84px;
	margin: 2px 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 .active a {
	color: #333;
	background: url(/i/common/site/arrowsSml.png) no-repeat 0 9px !important;
	padding-left: 7px;
}

.agreement {
	border:1px solid #ccc;
	height:100px;
	overflow:auto;
	padding:10px;
}