/* Register Login Password Overlays */

div#birthdateform div.textboxwrapper, div#birthdateform div.textboxerror
{
	width: 42px;
}

div#birthdateform input
{
	width: 32px;
}

div#birthdateform div#year
{
	width: 72px;
}

div#birthdateform div#year input
{
	width: 62px;
}

div#registerunder14, div#register14plus
{
	width: 521px;
}

div#registerunder14 div.content, div#register14plus div.content
{
	position: relative;	
	height: 400px;
	overflow: auto;
}

a#useralready
{
	float: right;
}

div#registerunder14 div.leftcol
{
	float: left;
	width: 130px;
	text-align: center;
}

div#registerunder14 div.rightcol
{
	float: right;
	width: 308px;
}

div#registerunder14 div.textboxwrapper, div#register14plus div.textboxwrapper, div#login div.textboxwrapper,
div#registerunder14 div.textboxerror, div#register14plus div.textboxerror, div#login div.textboxerror
{
	width: 192px;
}

div#registerunder14 .textboxwrapper input, div#register14plus .textboxwrapper input, div#login input
{
	width: 182px;
}

div#registerunder14 div.radiocheckbuttons input, div#register14plus div.radiocheckbuttons input
{
	width: 20px;
}

div#registerunder14 div.check
{
	float: right;
}

div#securityques div.currentvalue, div#location div.currentvalue
{
	width: 145px;
}


/* Overlay Boxes */
div#blocker
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/blockerbg.png);
}

div.black div.header, div.black div.header div.right, div.black div.footer, div.black div.footer div.right
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/boxblack.gif);
	background-repeat: no-repeat;
}

div.overlaybox
{
	margin: 75px auto 0;
	width: 422px;
}

div.overlaybox div.header
{
	margin-right: 16px;
	height: 30px;
	background-position: top left;
}

div.overlaybox div.header h1
{
	margin: 0 10px 0 16px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
}

div.overlaybox div.header div.close
{
	position: absolute;
	top: 5px;
	right: 20px;
}

div.overlaybox div.header div.close a
{
	padding-right: 20px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/btnclose.gif) no-repeat center right;
	color: #fff;
}

div.overlaybox div.header div.right
{
	position: relative;
	margin: 0 -16px 0 14px;
	height: 60px;
	padding-top: 5px;
	background-position: top right;
}

div.overlaybox div.content
{
	padding: 16px 25px 1px 25px;
	background-color: #fff;
}

div.overlaybox div.footer
{
	height: 17px;
	margin-right: 20px;
	background-position: bottom left;
}

div.overlaybox div.footer div.right
{
	position: relative;
	height: 17px;
	margin: 0 -20px 0 20px;
	background-position: bottom right;
}


/* Drop Down */
div.overlaybox div.dropdownlist div.dropdownlabel
{
	display: inline;
	float: left;
	padding: 7px 7px 0 0;
}

div.overlaybox div.dropdownlist a
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	color: #333;
}

div.overlaybox div.dropdownlist a:hover
{
	text-decoration: none;
}

div.overlaybox div.dropdownlist div.currentvalue
{
	position: relative;
	display: inline;
	float: left;
	height: 14px;
	margin-top:0;
	padding: 7px 10px 7px 15px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/ddcurrent.gif) no-repeat;
}

div.overlaybox div.dropdownlist div.dropdownbutton
{
	display: inline;
	float: left;
	width: 28px;
	height: 28px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/ddbtnbg.gif) no-repeat;
}

div.overlaybox div.dropdownlist ul.droplist
{
	display: none;
	position: absolute;
	left: 10px;
	top: 28px;
	border: 2px solid #a4d7f4;
	border-top: none;
	list-style: none;
}

div.overlaybox div.dropdownlist ul.droplist li a
{
	display: block;
	height: 17px;
	border-bottom: 1px solid #bce0f5;
	padding: 5px 10px;
	background-color: #fff;
}

div.overlaybox div.dropdownlist ul.droplist li.last a
{
	border-bottom: none;
}

div.overlaybox div.dropdownlist ul.droplist a:hover
{
	text-decoration: none;
	background-color: #bce0f5;
}

div.overlaybox div.dropdownlist div.dropdownlabelend
{
	display: inline;
	float: left;
	padding: 7px 0 0 7px;
}

/* Form Styles */
div.overlaybox .formcol {
	float: left;
}

div.overlaybox label
{
	position: relative;
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

div.overlaybox textarea
{
	border: none !important;
	background: none !important;
	font: 12px Arial, Helvetica, sans-serif;
}

div.overlaybox div.textboxwrapper, div.overlaybox div.textboxwrapper span
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/textboxbg.gif);
	background-repeat: no-repeat;
}

div.overlaybox div.textboxerror, div.overlaybox div.textboxerror span
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/textboxerrorbg.gif);
	background-repeat: no-repeat;
	height:28px;
}


div.overlaybox div.textboxwrapper, div.overlaybox div.textboxerror 
{
	padding-left: 10px;
	background-position: top left;
}

div.overlaybox div.textboxwrapper span
{
	display: block;
	height: 23px;
	padding-top: 5px;
	background-position: top right;
}

div.overlaybox div.textboxerror span 
{
	display: block;
	height: 23px !important;
	overflow: hidden;
	padding-top: 5px;
	background-position:bottom right;
}

div.overlaybox div.radiobuttonerror{color: #ff0000;}

div.overlaybox div.textboxwrapper span input, div.overlaybox div.textboxerror span input
{
	border: none;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;
}

div.overlaybox div.textareawrapper div.content, 
div.overlaybox div.textareawrapper div.content div.right, 
div.overlaybox div.textareawrapper div.footer, 
div.overlaybox div.textareawrapper div.footer div.right
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/textareabg.gif);
	background-repeat: no-repeat;
}

div.overlaybox div.textareaerror div.content, 
div.textareaerror div.content div.right, 
div.overlaybox div.textareaerror div.footer, 
div.overlaybox div.textareaerror div.footer div.right
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/textareaerrorbg.gif);
	background-repeat: no-repeat;
}

div.overlaybox div.textareawrapper div.content
{
	padding: 0 0 0 10px;
	background-position: top left;
}

div.overlaybox div.textareawrapper div.content div.right
{
	padding-top: 10px;
	background-position: top right;
}

div.overlaybox div.textareawrapper div.footer
{
	margin: 0;
	height: 10px;
	padding-left: 10px;
	background-position: bottom left;
}

div.overlaybox div.textareawrapper div.footer div.right
{
	margin: 0;
	height: 10px;
	background-position: bottom right;
}

/* Other Common Styles */
div.overlaybox .clear
{
	clear: both;
}

div.overlaybox .clear0
{
	clear: both;
	height: 0px;
	font-size: 0px;
}

div.overlaybox span.numberhiliteleft
{
	padding: 0 0 0 7px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/numbgleft.gif) no-repeat center left;
	color: #fff;
	font-weight: bold;
	display: inline-block;
}

div.overlaybox span.numberhiliteright
{
	padding: 0 7px 0 0;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/numbgright.gif) no-repeat center right;
	display: inline-block;
}

div.overlaybox span.gamehiliteleft
{
	padding: 0 0 0 7px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/gamebgleft.gif) no-repeat center left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
}

div.overlaybox span.gamehiliteright
{
	padding: 0 7px 0 0;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/gamebgright.gif) no-repeat center right;
	display: inline-block;
}

div.overlaybox span.videohiliteleft
{
	padding: 0 0 0 7px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/videobgleft.gif) no-repeat center left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
}

div.overlaybox span.videohiliteright
{
	padding: 0 7px 0 0;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/videobgright.gif) no-repeat center right;
	display: inline-block;
}

div.overlaybox span.scorehiliteleft
{
	padding: 0 0 0 7px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/scorebgleft.gif) no-repeat center left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}

div.overlaybox span.scorehiliteright
{
	padding: 0 7px 0 0;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Backgrounds/scorebgright.gif) no-repeat center right;
	display: inline-block;
}

div.overlaybox div.buttonsleft
{
	float: left;
	margin: 5px 0;
}

div.overlaybox div.buttonsright
{
	float: right;
	margin: 5px 0;
}

div.overlaybox a.button
{
	float: left;
	height: 20px;
	padding-left: 15px;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/button_left.gif) no-repeat top left;
	color: #fff;
	line-height: 15px;
}

div.overlaybox a.button span
{
	display: block;
	background: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/button.gif) no-repeat top right;
	padding: 2px 15px 3px 0;
}

div.overlaybox a.button:hover
{
	text-decoration: underline;
}

div.overlaybox a.cancel
{
	color: #009fc2;
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/buttoncancel_left.gif);
}

div.overlaybox a.cancel span
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/buttoncancel.gif);
}

div.overlaybox a.reject
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/buttonreject_left.gif);
}

div.overlaybox a.reject span
{
	background-image: url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/buttonreject.gif);
}

div.overlaybox a.leadarrow
{
	background: transparent url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/arrowblue.gif) no-repeat right center;
	padding-right: 10px;
}

div.overlaybox a.followarrow
{
	background: transparent url(/web/20090325233711im_/http://spongebob.nick.com/images/Common/arrowblueleft.gif) no-repeat left center;
	padding-left: 10px;
}

div.overlaybox div#contentpanel
{
	float: left;
	margin-right: 7px;
	width: 793px;
}

div.overlaybox div#contentpanel img
{
	float: left;
	margin: 0 10px 10px 0;
}

div#thecharacters div.content
{
	padding: 3px 0 0 7px;
}

div#thecharacters div.footer
{
	text-align: left;
}

div#thecharacters div.footer div.scrollbuttons
{
	float: right;
	margin: -5px 15px 0 0;
}

div#thecharacters div.footer div.scrollbuttons a
{
	padding: 0px;
	background: none;
}

div#ad300x250, div#ad160x600
{
	float: left;
	margin-bottom: 8px;
}


div.overlaybox p, div.overlaybox p.clear {margin-bottom: 10px;}
div.overlaybox p.clear {font-size:12px; height:auto;}
div.overlaybox .content {font: 12px Arial, Helvetica, sans-serif;}


/* form success/form fail */
div.overlaybox .success {background:#efe; border:1px solid green; color:#030; font:bold 12px Arial; margin:5px 0; padding:10px;}
div.overlaybox .fail {background:#fee; border:1px solid red; color:#300; font:bold 12px Arial; margin:5px 0; padding:10px;}

/* login/register */
#login .success {margin:5px 145px 5px 0;}
#login .fail {margin:5px 145px 5px 0;}

#login .content label {clear:left;}
#login .content #loginForm {margin:0;}
#login .content #loginForm p {margin-top:10px;}
#login .content img.decor {float:right;}
#login .footer {clear:both;}
#login .actions {background:#fff; display:block; height:45px; position:relative; left:-25px; padding:0 25px; width:372px;}

/* forgot password */
#forgot .textboxwrapper input {width:350px;}

/* age check */
#birthdate img.decor, 
#birthdate .separator {float:left;}
#birthdate .content h2, 
#birthdate .content p, 
#birthdate .content form {padding-left:120px;}
#birthdate div.separator {padding:20px 5px 0 5px;}
#birthdate form#ageCheck {position:relative;}
#birthdate #birthdateform {}
#birthdate label {text-indent:8px; margin-top:0;}
#birthdate .fail {margin:5px 0;}

/* send to a friend */
#sendtoafriend {position:relative;}
#sendtoafriend .textboxwrapper, #sendtoafriend .textboxerror {padding-left: 10px; background-position: top left;}
#sendtoafriend img.decor {position:absolute; right:15px; top:60px;}
#sendtoafriend .fail {position:relative; width:210px;}
#sendtoafriend .floatbuster {padding-bottom:5px; width:220px;}

/* correct effect of .textboxwrapper when added to #gender div */
#gender.textboxwrapper {background:none; margin:0 !important; padding:0 !important; width:auto !important;}
#gender.textboxwrapper input {width:auto !important;}

div.overlaybox div.dividergrey{margin-left:0; margin-right:0;}


/* for over-14 newsletter overlay */
#newsletter14 .content {position:relative;}
#newsletter14 .textboxwrapper, #newsletter .wrapper {float:left; margin-top:5px;width:200px;}
#newsletter14 select.wrapper {border:1px solid #999; width:40px;}
#newsletter14 label {clear:both;}
#newsletter14 label span.cap {line-height:36px; padding-right:10px; text-align:right;}
#newsletter label span .cap, #newsletter14 .wrapper span .cap {float:left; width:250px;}
#newsletter14 input, 
#newsletter14 select  {position:relative; bottom:-4px;}
#newsletter14 .textboxwrapper input {bottom:0px;}

/* 
            #birthdate .content img {float:left; margin-right:20px;}
            .separator {line-height:24px;}
            .textboxwrapper, .separator {float:left;}
            #birthdateform {height:20px; padding:5px 0;}
            #birthdate .content .buttonsright img {float:none; margin:0 10px 0 0;}
			#birthdate .content .buttonsleft img {float:none; margin:0;}
            #birthdate .content .buttonsleft a.button span {padding-left:0;}
            #birthdate .content .buttonsright a.button span {padding-right:0;}
			#register14plus .content {position:relative;}
			.content {position:relative;}
			.content label {clear:left; padding-top:10px;}
			#register14plus .content p {clear:left;}
			#register14plus .content .leftcol p {width:260px;}
			#register14plus .content .leftcol .dividergrey {margin:0; width:260px;}
			#register14plus .content .clear {height:50px; padding:10px 0;}
			#register14plus .content .clear .radiocheckbuttons {float:left;}
			#register14plus .content .clear p {clear:none; float:left; padding:5px 0 0 5px;}
			#register14plus .content #flux {position:absolute; top:18px; right:10px; width:190px;}
			#register14plus .content #flux h2 img {float:none; margin-right:3px; vertical-align: text-bottom;}
			#register14plus .content .fl {float:left; margin:5px 0 0 5px;}
			#register14plus  .content img.decor {position:absolute; right:10px; bottom:50px;}
			#login .content .clear {padding:10px 0;}
			#login .content img.decor {position:absolute; right:40px; bottom:100px;}

*/


/*
     FILE ARCHIVED ON 23:37:11 Mar 25, 2009 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:50:06 Sep 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.017
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.027
  esindex: 0.02
  cdx.remote: 43.618
  LoadShardBlock: 677.749 (3)
  PetaboxLoader3.datanode: 474.136 (4)
  PetaboxLoader3.resolve: 262.946 (2)
  load_resource: 317.89
*/