/** layout.css
    Contains references to main layout elements
*/


/* Main holder
*/
.holder
{
	width: 957px;
	display: block;
	margin: 0px auto;
}
.holder .background
{
	width: 957px;
	display: block;
}


/* Body holder for launch wigglesworld
*/
.holder.launchWorld
{
	width: 592px;
	height: 564px;
	display: block;
	text-align: left;
	margin: 0px auto;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url("../images/layout/bg_launch.gif");
}


/* Body holder for all internal content
*/
.holder.standard .background .bodyHolder
{
	z-index: 1; /* Recently added to resolve issues with auto complete*/
	width: 957px;
	height: auto;
	display: block;
	text-align: left;
	clear: both;
	position: relative;
	top: -65px; /* Readjust spacing caused by negative margin */
	background-image: url("http://www.wiggletime.com/images/layout/bg_internal.gif");
	background-repeat: repeat-y;
	background-position: 131px 0px;
}

/* Readjusted paddings for various secondary classes
*/
.holder.standard .background .bodyHolder.internal
{
	padding: 0px 18px 0px 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 789px;
}
html > body .holder.standard .background .bodyHolder.internal
{
	width: 789px;
}
.holder.standard .background .bodyHolder.registration
{
	padding: 0px 18px 0px 98px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 841px;
}
html > body .holder.standard .background .bodyHolder.registration
{
	width: 841px;
}

.holder.standard .background .bodyHolderBottom
{
	width: 957px;
	height: 18px;
	background-image: url("http://www.wiggletime.com/images/layout/footer_internal.gif");
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative;
	left: 131px;
	top: -66px; /* Readjust spacing caused by negative margin */
}
.holder.standard .background .footer
{
	top: -65px; /* Readjust spacing caused by negative margin */
}


/* Footer
*/
.footer
{
	width: 957px;
	display: block;
	clear: both;
	padding-top: 20px;
	position: relative;
}
.footer.alignCenter
{
	margin: 0px auto;
}
.footer ul
{
	margin: 0px 25px 0px 0px;
	padding: 0px;
	float: right;
}
.footer li
{
	color: #42550a;
	font-size: 0.69em;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
	float: left;
	list-style: none;
	background-image: url("../images/layout/footer_divider.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	position: relative;
}
.footer li.noDivider
{
	background-image: none;
}
.footer li a
{
	color: #ffffff;
	text-decoration: none;
}
.footer li a:hover
{
	color: #42550a;
}
.footer li a.theFARM
{
	width: 89px;
	height: 19px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	background-image: url("http://www.wiggletime.com/images/layout/logo_thefarm.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	top: -22px;
	left: 80px;
}
.footer li a span
{
	visibility: hidden;
}
.footer br
{
	clear: both;
}

.bodyHolder .contactForm {
	width: 770px;
	display: block;
	float: left;
}

.bodyHolder .contactImage {
	width: 218px;
	display: block;
	float: left;
	text-align: center;
}

.bodyHolder .activateBody {
	width: 365px;
	display: block;
	float: left;
}

.bodyHolder .activateImage {
	width: 350px;
	display: block;
	float: left;
	text-align: center;
}

.bodyHolder .forgotForm {
	display: block;
	width: 367px;
	float: left;
	padding-left: 10px;
}

.bodyHolder .forgotImage {
	display: block;
	width: 390px;
	float: left;
}
.bodyHolder .existingForm
{
	display: block;
	width: 365px;
	float: left;
	padding: 0px 50px 0px 10px;
}
.bodyHolder .existingBody
{
	display: block;
	width: 325px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.bodyHolder .existingBody a
{
	float: left;
}
.bodyHolder .existingBody img
{
	float: left;
	margin: -15px 0px 0px 20px;
}
.bodyHolder .selectAccountForm
{
	width: 549px;
	display: block;
	float: left;
}
.bodyHolder .selectAccountForm.wide
{
    width:780px;
}

.bodyHolder .selectAccountImage
{
	width: 197px;
	display: block;
	float: left;
	margin-left: 17px;
}
.bodyHolder .selectAccountImage.noPadding
{
	width: 225px;
	margin: 92px 0px 0px 0px;
}
.bodyHolder .memberHomeBody
{
	width: 504px;
	display: block;
	float: left;
	margin-right: 7px;
}
.bodyHolder .memberHomeBody.wide
{
	width: 764px;
	_margin-left:1px;
}
.wigglesTvFeature { float:left; width:764px; padding-bottom:23px; }
.wigglesTvFeature .body { float:left; }
.wigglesTvFeature .body h2 { width:358px; height:29px; background-image: url(http://www.wiggletime.com/images/layout/banner_yellow.gif); font-size:18px; color:#ffffff; padding-left:17px; padding-top:5px; }
.wigglesTvFeature .body p { width:370px; font-size:12px; color:#6a676d; padding-left:5px; }
.wigglesTvFeature img { float:right; width:375px; border:none; }
.wigglesTvFeature p img { float:none; width:auto; }
.bodyHolder .memberHomeBody .memberHomeTitle
{
	width: 504px;
	display: block;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.bodyHolder .memberHomeBody .memberHomeTitle .defaultText
{
	width: 279px;
}

.bodyHolder .memberHomeBody .memberHomeImage
{
	width: 185px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bodyHolder .memberHomeSide
{
	width: 257px;
	display: block;
	float: left;
}
.bodyHolder .singlePage
{
	width: 763px;
	display: block;
	padding-left: 22px;
	width: 741px;
}
.bodyHolder .singlePage img
{
	margin: 0px 0px 20px 0px;
}
.bodyHolder .pricingTitle
{
	display: block;
	width: 533px;
	float: left;
	margin-right: 18px;
}
.bodyHolder .unicefCustomText
{
	width: 705px;
	height: 84px;
	background-image: url("http://www.wiggletime.com/images/layout/bg_purchasebundledproduct.gif");
	background-repeat: no-repeat;
	background-position: center left;
	clear: both;
}
.bodyHolder .unicefCustomText span
{
	visibility: hidden;
}

bg_purchasebundledproduct.gif .bodyHolder .pricingImage img
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.bodyHolder .pricingBody
{
	width: auto;
	display: block;
	clear: both;
}
.bodyHolder .pricingBody img
{
	clear: both;
}


/* Dividers
*/
.verticalDivider
{
	display: block;
	width: 100%;
	background-image: url("../images/layout/bdr_purple_dotted.gif");
	background-repeat: repeat-y;
	background-position: 396px 10px;
}
.horizontalDivider
{
	display: block;
	background-repeat: repeat-x;
	background-position: 0px 50%;
	background-image: url("../images/layout/bdr_purple_dotted.gif");
	clear: both;
}
.horizontalDivider.full
{
	width: 735px;
	height: 40px;
}
.horizontalDivider.default
{
	width: 495px;
	height: 50px;
}


/* Side Bar
*/
.sideBar
{
	display: block;
	height: auto;
	float: left;
}
.sideBar img
{
	display: block;
}
.sideBar .top
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: no-repeat;
}
.sideBar .body
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: repeat-x;
}
.sideBar .bottom
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: no-repeat;
}

/* Orange side bar
*/
.sideBar.orange
{
	width: 196px;
}
.sideBar.orange .top
{
	height: 23px;
	background-image: url("../images/layout/side_orange_top.gif");
}
.sideBar.orange .body
{
	background: #ff7e30 url("../images/layout/side_orange_bg.gif") 0px 0px repeat-x;
	padding: 0px 12px 80px 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 172px;
}
html > body .sideBar.orange .body
{
	width: 172px;
}
.sideBar.orange .bottom
{
	height: 20px;
	background-image: url("../images/layout/side_orange_footer.gif");
}
.sideBar.orange .body .faqListItem
{
	background: #ff7e30 url("../images/layout/side_orange_divider.gif") bottom left repeat-x;
}


/* Member Home Feature items
*/
.featureList
{
	width: 257px;
	display: block;
	background: #fff url("../images/parents/feat02_mid.gif") top left repeat-y;
	margin-bottom: 7px;
}
.featureList .listHeader
{
	background-image: url("../images/parents/feat02_top.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	height: 46px;
	padding: 17px 10px 0px 17px;
}
.featureList .listHeader h3
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 33px;
	float: left;
}
.featureList .listHeader h3.h3WigglyNews
{
	width: 115px;
	background-image: url("../images/forms/h3_wigglesnews.gif");
}
.featureList .listHeader h3.h3ToursAndEvents
{
	width: 143px;
	background-image: url("../images/forms/h3_toursandevents.gif");
}
.featureList .listHeader a
{
	float: right;
	width: 72px;
	height: 25px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-image: url("../images/forms/btn_viewall.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 5px;
}
.featureList .listHeader a:hover
{
	background-position: 0px -25px;
}
.featureList .listHeader a span, .featureList .listHeader h3 span
{
	visibility: hidden;
}
.featureList .listBody
{
	background-image: url("../images/parents/feat02_btm.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	display: block;
	padding: 0px 8px 20px 8px;
}
.featureList .listBody ul
{
	margin: 0px;
	padding: 0px;
}
.featureList .listBody li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url("../images/layout/bdr_dotted_yellow.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	display: block;
	padding: 9px 0px;
}
.featureList .listBody li a
{
	font-size: 0.81em;
	color: #ff7e30;
	text-decoration: none;
	background-image: url("../images/forms/arrow_orange.gif");
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding: 3px 0px 6px 32px;
	display: block;
	height: 100%;
}
.featureList .listBody li a:hover
{
	color: #ed1b2f;
}

.featureList.blueFeature
{
	background: #fff url("../images/parents/featblue_mid.gif") top left repeat-y;
}
.featureList.blueFeature .listHeader
{
	background-image: url("../images/parents/featblue_top.gif");
	padding: 9px 10px 0px 11px;
}
.featureList.blueFeature .listHeader h3.h3UnicefGift
{
	width: 152px;
	height: 43px;
	background-image: url("../images/forms/h3_unicefgift.gif");
}
.featureList.blueFeature .listBody
{
	background-image: url("../images/parents/featblue_btm.gif");
}
.featureList.blueFeature .listBody li
{
	background-image: url("../images/layout/bdr_dotted_blue.gif");
}
.featureList.blueFeature .listBody li a
{
	color: #0077c1;
	background-image: url("../images/forms/arrow_blue.gif");
}
.featureList.blueFeature .listBody li a:hover
{
	color: #ed1b2f;
}

/* Feature puff
*/
.featurePuff
{
	background: #fff url("../images/parents/feat01_mid.gif") top left repeat-y;
	width: 244px;
	display: block;
	float: left;
}
.featurePuff.addSpace
{
	margin-right: 7px;
}
.featurePuff .puffHeader
{
	width: 244px;
	display: block;
	background-image: url("../images/parents/feat01_top.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.featurePuff .puffHeader .puffBody
{
	width: 244px;
	height: 95px;
	display: block;
	background-image: url("../images/parents/feat01_btm.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
}
.featurePuff .puffHeader .puffBody h3
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 40px;
}
.featurePuff .puffHeader .puffBody h3.h3WigglesStore
{
	width: 101px;
	background-image: url("../images/forms/h3_wigglesstore.gif");
}
.featurePuff .puffHeader .puffBody h3.h3PhotoCentre
{
	width: 92px;
	background-image: url("../images/forms/h3_PhotoCentre.png");
	height:25px;
	margin-top:4px;
}
.featurePuff .puffHeader .puffBody h3.h3Sponsors
{
	width: 67px;
	background-image: url("../images/forms/h3_sponsors.gif");
}
.featurePuff .puffHeader .puffBody h3 span
{
	visibility: hidden;
}
.featurePuff .puffHeader .puffBody img
{
	position: absolute;
	top: 20px;
	right: 5px;
}

.featurePuff .puffHeader .puffBody img.photoCentre{ top:10px; }
.featurePuff .puffHeader .puffBody a img
{
	border: 0px;
}


/*
*/
.launchContent
{
	width: 592px;
	height: 564px;
	display: block;
	position: relative;
}
.launchContent a.logo
{
	position: absolute;
	top: 143px;
	left: 29px;
}
.launchContent a.btnLaunch, .launchContent a.btnNext
{
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
	top: 470px;
}
.launchContent a.btnLaunch
{
	width: 134px;
	height: 44px;
	background-image: url("../images/forms/btn_launch.gif");
	text-align: center;
	left: 235px;
}
.launchContent a.btnNext
{
	width: 136px;
	height: 45px;
	background-image: url("../images/forms/btn_next.gif");
	left: 419px;
}
.launchContent a.btnLaunch:hover
{
	background-position: 0px -44px;
}
.launchContent a.btnNext:hover
{
	background-position: 0px -45px;
}
.launchContent a img
{
	border: 0px;
}
.launchContent h1
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 291px;
	left: 262px;
	width: 256px;
	height: 44px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("../images/headings/h1_launchingwiggletime.gif");
}
.launchContent a span, .launchContent h1 span
{
	visibility: hidden;
}
.launchContent p
{
	font-size: 14px;
	color: #ffffff;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 395px;
	left: 43px;
	display: block;
	width: 510px;
	text-align: center;
}
.launchContent p a
{
	color: #fa7f32;
	text-decoration: none;
}
.launchContent p a:hover
{
	color: #ed1b2f;
}


/* Error message
*/
.error
{
	width: auto;
	display: block;
	background-image: url("../images/layout/icon_error_form.gif");
	background-position: 0px 10px;
	background-repeat: no-repeat;
	padding: 10px 0px 0px 65px;
	margin: 0px 20px;
	min-height: 55px;
	clear: both;
}
.error p
{
	color: #fe7676;
	font-size: 0.75em;
	margin: 0px;
	padding: 11px 0px 8px 0px;
}
.error ul
{
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 17px;
	
}
.error ul li
{
	font-size: 0.75em;
	color: #fe7676;
	line-height: 1.38em;
	text-align:left;
}

.cleaner {
	width: 100%;
	height: 1px;
	overflow: hidden;
	clear: both;
}

#simplemodal-overlay {
    background-color:#000;
}

#simplemodal-container {
    background-color:#FFF;
    padding:5px;
    border: 3px solid #8e6bc9;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#simplemodal-container a.modalCloseImg {
	background:url(../Images/layout/playground/btn_close.png) no-repeat;
	width:42px;
	height:42px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}