﻿
/* Ready for Bed Landing page */
.RFB-Landing{
	width:942px;
    height:500px;
	padding: 8px 0 8px 16px;
}
.RFB-Landing .Breadcrumbs{
	display:none;
}
.RFB-Landing .PageHeader{
	padding-left:12px;
}
.RFB-Landing .PageHeader h2{
	text-indent:-9000px;
	background:url(Images/ReadyForBed/pageTitle-Ready-for-Bed.gif) no-repeat;
	width:143px;
	height:29px;
	margin-bottom:0;
}
.RFB-Landing .PageHeader p{
	color:#002D57;
	margin-bottom:0;
}



/* REPLACED WITH FLASH FOR BEDTIME THEATER */ 
/*
.RFB-LandingTopLeft h2{
	display:block;
	width:623px;
	height:86px;
	text-indent:-9000px;
	background:url(Images/ReadyForBed/LandingIntroTitle.gif) no-repeat bottom right;
}
.RFB-LandingTopLeft p{
	padding:10px 82px 17px 385px;
	font-size:1.4em;
	color:#002D57;
}
.RFB-LandingTopLeft a{
	margin-left:375px;
}
*/ 

.RFB-LandingTopLeft{
	float:left;
	width:677px;
	height:271px;
	z-index:9;
	margin-bottom:-5px;
	position:relative;
	background:url(Images/bedtimeTheater/homeStarfieldBG.jpg) no-repeat 14px 11px;
}



.RFB-LandingTopRight{
	float:left;
	background:url(Images/ReadyForBed/LandingTopRightBG.jpg) no-repeat 0 2px;
	width:261px;
	height:260px;
	position:relative;
	margin-top:1px;
}
.RFB-LandingTopRight h2{
	text-indent:-9000px;
	position:absolute;
}
.RFB-LandingTopRight p{
	text-indent:-9000px;
	position:absolute;
}
.RFB-LandingTopRight a{
	position:absolute;
	bottom:7px;
	left:40px;
}

/* Landing Bottom */

.RFB-LandingSectionsWrapper{
	width:902px;
	height:195px;
	clear:both;
	margin-left:15px;
	z-index:1;
}
.RFB-LandingBtmLeft{
	width:432px;
	height:195px;
	background:url(Images/ReadyForBed/Landing-BtmLeft-BG-btm.jpg) no-repeat bottom left;
	float:left;
}
.RFB-LandingBtmLeftInner{
	width:432px;
	height:195px;
	background:url(Images/ReadyForBed/Landing-BtmLeft-BG-top.gif) no-repeat 0 0;
}
.RFB-LandingBtmLeft h3{
	width:216px;
	height:30px;
	background:url(Images/ReadyForBed/Landing-BtmLeft-Title.gif) no-repeat bottom right;
	padding:38px 0 0 101px;
}
.RFB-LandingBtmLeft p{
	display:block;
	width:220px;
	margin:4px 0 10px 104px;
}
.RFB-LandingBtmLeft a{
	margin:0 0 0 101px;
}


.RFB-LandingBtmRight{
	width:462px;
	height:189px;
	padding:6px 0 0 8px;
	background:url(Images/ReadyForBed/Landing-BtmRight-BG.jpg) no-repeat bottom right;
	float:left;
}
.RFB-LandingBtmRight h3{
	width:170px;
	height:24px;
	background:url(Images/ReadyForBed/Landing-BtmRight-title.gif) no-repeat 0 0;
	margin:25px 0 0 277px;
}
.RFB-LandingBtmRight p{
	display:block;
	width:165px;
	margin:3px 0 8px 284px;
	color:#fff;
	font-size:1.3em;
}
.RFB-LandingBtmRight a{
	margin:0 0 0 269px;
}





/* Bedtime Activities Landing */ 

.RFB-BA-Landing{
	width:922px;
	padding: 8px 0 30px 30px;
}
.RFB-BA-Landing .Breadcrumbs{
	margin-left:-2px;
}
.RFB-BA-Landing .PageHeader{
	padding-left:0px;
	margin-bottom:-7px;
	padding-right:30px;
}
.RFB-BA-Landing .PageHeader h2{
	text-indent:-9000px;
	background:url(Images/ReadyForBed/pageTitle-Bedtime-Activities.gif) no-repeat;
	width:193px;
	height:29px;
	margin-bottom:0;
}
.RFB-BA-Landing .PageHeader p{
	color:#002D57;
	margin-bottom:5px;
}

.RFB-BA-LandingCallout a{
	cursor:pointer;
}
.RFB-BA-LandingCallout p a.RFB-BA-LandingCalloutLink, /* had to do all these for IE6 to override the color */
.RFB-BA-LandingCallout p a.RFB-BA-LandingCalloutLink:link,
.RFB-BA-LandingCallout p a.RFB-BA-LandingCalloutLink:hover{
	display:block;
	width:200px;
	height:29px;
	cursor:pointer;
}

.RFB-BA-LandingTopLeft{
	float:left;
	background:url(Images/ReadyForBed/BA-LandingTopLeftBG.jpg) no-repeat 0 0;
	width:436px;
	height:199px;
}

.RFB-BA-LandingTopLeft h2{
	display:block;
	width:312px;
	height:86px;
	text-indent:-9000px;
	background:url(Images/ReadyForBed/BA-LandingTitle-bedtime-adventures.gif) no-repeat bottom right;
}
.RFB-BA-LandingTopLeft p{
	padding:6px 25px 0px 218px;
	font-size:1.2em;
	color:#fff;
}
.RFB-BA-LandingTopLeft .RFB-BA-LandingCalloutLink{
	background:url(Images/ReadyForBed/BA-LandingBtn-begin-your-adventure.gif) no-repeat;
}

.RFB-BA-LandingTopRight{
	float:left;
	background:url(Images/ReadyForBed/BA-LandingTopRightBG.jpg) no-repeat 0 0;
	margin:0 0 0 22px;
	width:436px;
	height:199px;
}
.RFB-BA-LandingTopRight h2{
	display:block;
	width:378px;
	height:87px;
	text-indent:-9000px;
	background:url(Images/ReadyForBed/BA-LandingTitle-talk-laugh-learn.gif) no-repeat bottom right;
}
.RFB-BA-LandingTopRight p{
	padding:5px 25px 2px 218px;
	font-size:1.2em;
	color:#fff;
}
.RFB-BA-LandingTopRight .RFB-BA-LandingCalloutLink{
	background:url(Images/ReadyForBed/BA-LandingBtn-start-the-conversation.gif) no-repeat;
}

.RFB-BA-LandingBtmLeft{
	float:left;
	background:url(Images/ReadyForBed/BA-LandingBtmLeftBG.jpg) no-repeat 0 0;
	width:436px;
	height:199px;
}
.RFB-BA-LandingBtmLeft h2{
	display:block;
	width:392px;
	height:80px;
	text-indent:-9000px;
	background:url(Images/ReadyForBed/BA-LandingTitle-written-in-the-stars.gif) no-repeat bottom right;
}
.RFB-BA-LandingBtmLeft p{
	padding:10px 25px 8px 218px;
	font-size:1.2em;
	color:#fff;
}
.RFB-BA-LandingBtmLeft .RFB-BA-LandingCalloutLink{
	background:url(Images/ReadyForBed/BA-LandingBtn-share-with-your-star.gif) no-repeat;
}

.RFB-BA-LandingBtmRight{
	float:left;
	background:url(Images/ReadyForBed/BA-LandingBtmRightBG.jpg) no-repeat 0 0;
	margin:0 0 0 22px;
	width:436px;
	height:199px;
}
.RFB-BA-LandingBtmRight h2{
	display:block;
	width:346px;
	height:87px;
	text-indent:-9000px;
	background:url(Images/ReadyForBed/BA-LandingTitle-picture-puzzlers.gif) no-repeat bottom right;
}
.RFB-BA-LandingBtmRight p{
	padding:6px 25px 4px 218px;
	font-size:1.2em;
	color:#fff;
}
.RFB-BA-LandingBtmRight .RFB-BA-LandingCalloutLink{
	background:url(Images/ReadyForBed/BA-LandingBtn-figure-it-out-together.gif) no-repeat;
	margin-left:218px;
	display:block;
	width:200px;
	height:29px;
	cursor:pointer;
}









/* Stories */
.Story{
	margin:10px 0 0 0;
	padding:0;
	width:667px;
	position:relative;
}
.StoryNormal{
	background:url(Images/ReadyForBed/StoryBG-Normal.jpg) no-repeat top left;
}
.StoryTall{
	background:url(Images/ReadyForBed/StoryBG-Tall.jpg) no-repeat top left;
}
.Story .BookmarkTop{
	position:absolute;
	top:-23px;
	right:0;
	z-index:9;
}
.Story .StoryPicTopRight{
	float:right;
	padding:0 0 15px 24px;
}
.Story .StoryPicTopRightPng{
	z-index:9;
	position:absolute;
	top:0;
	right:0;
}
.Story .StoryPicWorryFreePlaceholder{
	float:right;
	width:265px;
	height:248px;
}
.Story .StoryPicLeft{
	float:left;
	padding:21px 26px 15px 3px;
}
.Story h2{
	background:url(Images/Global/hr-dotted-MedBlue.gif) repeat-x scroll left bottom;
	position:absolute;
	left:10px;
	top:10px;
	display:block;
	width:642px;
	font-size:1.8em;
	color:#0D4177;
	padding-bottom:3px;
	z-index:1;
}
.Story .Body{
	padding:50px 15px 14px 10px;	
}
.Story .Body p{
	padding-bottom:10px;
}
.Story .Body p.EndLine{
	padding-top:5px;
	font-weight:bold;
	text-transform:uppercase;
}
.Story .Body h6{
	font-size:1.2em;
	padding-top:10px;
	padding-bottom:4px;
}
.Story .Body ul{
	margin-left:15px;
}
.Story .Body li{
	list-style-type:disc;
	padding-left:0;
	margin-left:0;
}
.Story .Body p.ListIntro{
	padding-bottom:0px;
}

.BackToReadyForBedBtn{
	margin:10px 0 0 0;
}




/* Story Landing Pages */
/* This must stay below the Stories section to override classes */

.StoryLanding .Body{
	padding:46px 15px 14px 10px;	
}
.StoryLanding p.StoryLandingIntro{
	padding-right:50px;
	padding-bottom:5px;
}
.SmallTassle{
	position:absolute;
	top:0;
	right:6px;
	z-index:9;
}
.StoryLandingListWrapper{
	margin-left:4px;
	margin-top:1px;
}
.StoryLandingList{
	background:url(Images/ReadyForBed/StoryLandingList-BG.gif) repeat-y;
	width:618px;
	padding:2px 7px 6px 8px;
}
div.StoryLandingListItem{
	display:block;
	width:600px;
	height:64px;
	padding:7px 8px;
	margin-bottom:0px;
}
div.StoryLandingListItem:hover{
	background:url(Images/ReadyForBed/StoryLandingListItemBG-Over.gif) no-repeat;
}
img.StoryLandingListItemIcon{
	float:left;
	width:64px;
	height:69px;
	padding-right:0px;
}
div.StoryLandingListItem h3{
	font-size:1.4em;
	line-height:1.3em;
	padding-top:5px;
	padding-left:74px;
}
div.StoryLandingListItemTall h3{
	padding-top:0;
	color:#0D4177;
}
div.StoryLandingListItem h3 a{
	color:#0D4177;
}
div.StoryLandingListItem p{
	padding-left:74px;
}
div.StoryLandingListItem h3 img{
	display:inline;
	margin-top:-9px;
	margin-bottom:-1px;
}


.Story h2.StoryLandingHeading{
	position:absolute;
	left:10px;
	top:12px;
	display:block;
	width:642px;
	font-size:1.8em;
	color:#0D4177;
	padding-bottom:3px;
	height:27px;
	text-indent:-9000px;
}
.Story h2.Heading-BedtimeAdventures{
	background:url(Images/ReadyForBed/pageTitle-BedtimeAdventures.gif) no-repeat;
}
.Story h2.Heading-TalkLaughLearn{
	background:url(Images/ReadyForBed/pageTitle-TalkLaughLearn.gif) no-repeat;
}
.Story h2.Heading-WrittenInTheStars{
	background:url(Images/ReadyForBed/pageTitle-WrittenInTheStars.gif) no-repeat;
}
.Story h2.Heading-PicturePuzzlers{
	background:url(Images/ReadyForBed/pageTitle-PicturePuzzlers.gif) no-repeat;
}



