body { background: #D3ECFB url(/images/nav3.o/page_bg.jpg) repeat-x; } body#schlKidsHome { background: #23a4db url(/images/nav3.o/kids_home_bg.jpg) 0 0 no-repeat; margin: 0; padding: 8px; } html, body#schlTweens { background: none; margin: 0; padding: 0; height: 100%; } body, td { font: normal 12px arial, sans-serif; } #schlPageWrapper { width: 970px; } #schlPageContent { background-color: #fff; padding-bottom: 30px; padding-left: 25px; } body#schlTweens #schlPageContent { background: transparent url(/images/tween/overlay.png); padding-top: 12px; } /*body#schlTweens #schlPageContent { behavior: url(/scripts/iepngfix.htc); } */ #schlKidsWrapper #schlPageContent { background-color: transparent; padding-bottom: 0px; } #schlKidsHome #schlPageContent { background-color: transparent; padding-bottom: 30px; } #schlHeader { width: 920px; margin-bottom: 12px; text-align: left; } #schlHeader #nav { border-bottom: solid 1px #A9D3ED; width: 920px; } #schlKidsHome #schlHeader #nav { border-bottom: none; width: 920px; } #schlHeader #logo { padding-top: 3px; width: 475px; float: left; } #schlHeader #logo #logoKids { float: left; } #schlHeader #buttons { padding-top: 12px; width: 445px; float: right; } #schlHeader #schlNav #buttons { border-bottom: solid 1px #A9D3ED; } #schlHeader #buttons img { vertical-align: top; } #schlHeader #buttons ul { margin: 0 0 5px 10px; padding: 0; list-style: none; } #schlHeader #buttons ul li { background: url(/images/nav3.o/bullet_green.gif) 0 5px no-repeat; padding-left: 8px; display: inline; font-size: 11px; margin-right: 10px; } #header #buttons ul li.pi { float: right; } #schlHeader #buttons ul li.buttonsLinks { float: right; } #schlHeader #buttons ul li a { color: #006699; text-decoration: none; font-weight: normal !important; } #schlHeader #buttons ul li a:hover { text-decoration: underline; } #schlHeader #search { width: 920px; } #schlHeader a { text-decoration: none;} #schlHeader a:visited { color: #939; } #schlHeader a:hover { text-decoration: underline; } #schlHeader #personalized a { color: #006699; text-decoration: none; font-size: 11px; } #schlHeader #personalized a:hover { text-decoration: underline; } #breadcrumb { padding-left: 2px; padding-bottom: 5px; border-bottom: solid 1px #A9D3ED; margin-bottom: 10px; font-family: "MS Trebutchet", arial, sans-serif; font-size: 14px; } #breadcrumb a { color: #2481BA; text-decoration: none; font-family: "Trebuchet MS", Trebuchet, arial, sans-serif; font-size: 14px; } #innerHeader { width: 920px; height: 44px; } #schlSearchBox { float: right; color: #666666; font-size: 11px; } #schlHeader #schlSearchBox form { margin: 0; padding: 0; } #schlHeader #schlSearchBox #gSearch { clear: left; height: 22px; width: 282px; } #schlHeader #schlSearchBox #gSearch td { } #schlHeader #schlSearchBox #txtSearch { border: 1px solid #3399CC; background-color: #fff; } #schlHeader #schlSearchBox .txtSearch { border: 0; width: 226px; } #schlHeader #schlSearchBox .btnSearch { } #schlHeader #schlSearchBox .rdBtn { float: left; } #schlHeader #schlSearchBox label { float: left; padding-top: 3px; } #schlChannel { } #schlTopNav { margin-top: 4px; text-align: left; } #schlMainContent { width: 920px; margin-bottom: 12px; text-align: left; } #schlKidsWrapper #schlMainContent { margin-left: 32px; width: 920px; margin-bottom: 12px; text-align: left; } #schlContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #schlContent { display:inline-block; } /*this trips hasLayout for ie7*/ #schlContent { display:block; } /*this returns it back to normal*/ #schlLegacy { width: 743px; float: left; } #schlLegacy h1 { color: #666666; font-size: 14px; margin: 0 0 12px 0; } #schlLegacy h2 { color: #666666; font-size: 16px; margin: 0 0 12px 0; } #schlLeaderboard { margin-bottom: 10px; width: 730px; background: url(/images/common3.o/txtVAdvertisement.gif) no-repeat; padding-left: 13px; } #schlKidsHome #schlLeaderboard { margin-bottom: 10px; width: 730px; background: transparent url(/images/common3.o/txtVAdvertisementKidsHome.gif) no-repeat; padding-left: 13px; } #schlLeaderboard3o { width: 920px; margin: 0 auto 12px auto; height: 90px; } #schlLeaderboard3o #leaderboard3o { float:left; margin-right:7px; padding-left:13px; width: 728px; } #schlLeaderboard3o #ad3o120x90 { float: left; width: 120px; } #schlLeaderboardBtm { float: left; margin-left: 5px; margin-top: 10px; width: 715px; background: url(/images/common3.o/txtVAdvertisement.gif) no-repeat; padding-left: 13px; } #schlSkyscraper { float: right; width: 160px; background: url(/images/common3.o/txtHAdvertisement.gif) no-repeat; padding-top: 13px; } #schlKidsHome #schlSkyscraper { float: right; width: 160px; background: transparent url(/images/common3.o/txtHAdvertisementKidsHome.gif) no-repeat; padding-top: 13px; } #schlSkyscraper #ad120x90 { width: 120px; margin-bottom: 10px; } #schlSkyscraper #skyscraper { } .adText { font-size: 11px; color: #ccc; line-height: 11px; } .box743Borders { border-left: 1px solid #a9d3ed; border-right: 1px solid #a9d3ed; padding: 1px 0px 1px 10px; } .box743NoBorders { padding: 1px 0px 1px 10px; } .dBlock { display: block; } #schl3o { width: 920px; } #schl3o h1 { color: #666666; font-size: 14px; margin: 0 0 12px 0; } /* #schlLegacy a, #schl3o a { color: #006699; text-decoration: none; } #schlLegacy a:hover, #schl3o a:hover { text-decoration: underline; } */ #schl3o a { color: #006699; text-decoration: none; } #schl3o a:hover { text-decoration: underline; } #schl3o:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #schl3o { display:inline-block; } /*this trips hasLayout for ie7*/ #schl3o { display:block; } /*this returns it back to normal*/ #schlFooter { width: 960px; margin-left: 10px; padding: 10px 0; font-size: 11px; font-family: arial, sans-serif; color: #006699; } #schlFooter ul { list-style: none; margin: 0; padding: 0; height: 14px; font-size: 11px !important; } #schlFooter ul li { float: left; padding-right: 12px; padding-left: 12px; vertical-align: bottom; background: url(/images/nav3.o/div_footer.gif) 100% 50% no-repeat; padding-top: 1px; } #schlFooter ul li.pp { font-size: 110%; font-weight: bold; padding-left: 0; padding-top: 0; } #schlFooter ul li.last { padding-right: 0; background: none; } #schlFooter .copyright { margin-top: 10px; text-align: center; } #schlFooter a { text-decoration: none; color: #006699; } #schlFooter a:hover { text-decoration: underline; } /* msn header */ .T11Tah{font-family:tahoma; color:#000000; font-size:11px;} .L11TahWh1{font-family:tahoma;color:#ffffff;font-size:11px;text-decoration:none;} .L11TahWh1:hover{color:#ffffff;text-decoration:underline;} /*tweens*/ body#schlTweens #schlHeader { margin-bottom: 0px; width: 970px; } body#schlTweens #innerHeader { width: 970px; height: 22px; } body#schlTweens #innerHeader #schlChannel { background: url(/images/tween/overlay_search.png) no-repeat; width: 678px; text-align: right; padding-right: 8px; color: #3081FF; font-size: 11px; } body#schlTweens #innerHeader #schlChannel { behavior: url(/scripts/iepngfix.htc); } body#schlTweens #innerHeader #schlChannel a { color: #3081FF; text-decoration: underline; } body#schlTweens #innerHeader #schlSearchBox { margin-bottom: 2px; } #tweens { position: relative; min-height: 100%; height: 100%; } html>body#schlTweens #tweens { height: auto; } #stacks { margin-bottom: 15px; } #stacks .filler { background: url(/images/tween/you_friends_reads.jpg) no-repeat;} #stacks .stepInto { padding-left: 0px; } #stacks .subnav { padding-top: 3px; } #stacks .subnav a { padding-right: 1px; } #schlLegacyTweens { width: 720px; float: left; } #didYaKnow { background: url(/images/tween/didYaKnow_btm.gif) 0 100% no-repeat; padding-bottom: 12px; width: 173px; margin-left: 6px; margin-top: 10px; } #didYaKnow .dykContent { background-color: #fff; color: #007069; padding: 10px 15px 0 15px; } #didYaKnow .dykContent ul { list-style: none; margin: 0; padding: 0; } #didYaKnow .dykContent ul li { background: url(/images/tween/bullet.gif) 0 4px no-repeat; padding-left: 10px; padding-bottom: 10px; } #didYaKnow .dykContent a { color: #007069; text-decoration: none; } #didYaKnow .dykContent a:hover { text-decoration: underline; } .dykTop { margin-top: 10px; } #schlSide { float: right; width: 179px; } #schlSide #skyscraper { background: url(/images/tween/vAd.gif) 0 1px no-repeat; padding-left: 19px; } body#schlTweens #adTop #leaderboard { background: url(/images/tween/vAdLg.gif) 0 1px no-repeat; padding-left: 15px; width: 728px; margin-right: 10px; float: left; } body#schlTweens #adTop #ad200x90 { background: url(/images/tween/vAdLg.gif) 0 1px no-repeat; padding-left: 15px; width: 200px; float: left; } body#schlTweens #adTop #ad150x90 { background: url(/images/tween/vAdLg.gif) 0 1px no-repeat; padding-left: 15px; width: 150px; float: left; } body#schlTweens #adTop { background: none; margin-bottom: 6px; } body#schlTweens #adTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body#schlTweens #adTop { display:inline-block; } /*this trips hasLayout for ie7*/ body#schlTweens #adTop { display:block; } /*this returns it back to normal*/ #schlTweenNav { width: 767px; height: 28px; position: relative; list-style: none; margin: 0; padding: 0; } #schlTweenNav li { position: absolute; height: 28px; } #schlTweenNav li a { display: block; height: 28px; outline: none; text-indent: -9999px; } #schlTweenNav li#schlTweenNavBA { left: 0; top: 0; width: 175px; } #schlTweenNav li#schlTweenNavBA a { background: url(/images/tween/nav.png) -400px -0px no-repeat; } #schlTweenNav li#schlTweenNavBA a:hover { background-position: 0px 0px; } #schlTweenNav li#schlTweenNavG { left: 175px; top: 0; width: 100px; } #schlTweenNav li#schlTweenNavG a { background: url(/images/tween/nav.png) -400px -28px no-repeat; } #schlTweenNav li#schlTweenNavG a:hover { background-position: 0px -28px; } #schlTweenNav li#schlTweenNavB { left: 271px; top: 0; width: 100px; } #schlTweenNav li#schlTweenNavB a { background: url(/images/tween/nav.png) -400px -56px no-repeat; } #schlTweenNav li#schlTweenNavB a:hover { background-position: 0px -56px; } #schlTweenNav li#schlTweenNavV { left: 367px; top: 0; width: 100px; } #schlTweenNav li#schlTweenNavV a { background: url(/images/tween/nav.png) -400px -84px no-repeat; } #schlTweenNav li#schlTweenNavV a:hover { background-position: 0px -84px; } #schlTweenNav li#schlTweenNavYO { left: 460px; top: 0; width: 169px; } #schlTweenNav li#schlTweenNavYO a { background: url(/images/tween/nav.png) -400px -112px no-repeat; } #schlTweenNav li#schlTweenNavYO a:hover { background-position: 0px -112px; } #schlTweenNav li#schlTweenNavYP { left: 624px; top: 0; width: 143px; } #schlTweenNav li#schlTweenNavYP a { background: url(/images/tween/nav.png) -400px -140px no-repeat; } #schlTweenNav li#schlTweenNavYP a:hover { background-position: 0px -140px; } #stacks .stacksLogo { padding-left: 3px; } #schlTweenBlog #schlTweenNav li#schlTweenNavB a { background: url(/images/tween/nav.png) -200px -56px no-repeat; } #schlTweenVideos #schlTweenNav li#schlTweenNavV a { background: url(/images/tween/nav.png) -200px -84px no-repeat; } #schlTweenReads #schlTweenNav li#schlTweenNavBA a, #schlTweenAuthors #schlTweenNav #schlTweenNavBA a { background: url(/images/tween/nav.png) -200px 0px no-repeat; } #schlTweenGames #schlTweenNav li#schlTweenNavG a { background: url(/images/tween/nav.png) -200px -28px no-repeat; } #schlTweenOpinions #schlTweenNav li#schlTweenNavYO a { background: url(/images/tween/nav.png) -200px -112px no-repeat; } #schlTweenProfile #schlTweenNav li#schlTweenNavYP a { background: url(/images/tween/nav.png) -200px -140px no-repeat; } /* minisites bottom content */ #msfMoreOnStacks { background: url(/kids/stacks/common/images/more_on_stacks.png) no-repeat; } #msfMoreOnStacks h3 { height: 25px; margin-bottom: 14px; padding-top: 12px; } #msfMoreOnStacks ul { height: 114px; list-style: none; margin: 0 0 0 23px; padding: 0; } #msfMoreOnStacks ul li { float: left; height: 104px; padding-top: 9px; } #msfMoreOnStacks ul li.blog { background: url(/kids/stacks/common/images/blog_bg.png) no-repeat; margin-right: 40px; padding-left: 8px; width: 173px; } #msfMoreOnStacks ul li.video { background: url(/kids/stacks/common/images/video_bg.png) no-repeat; margin-right: 49px; padding-left: 14px; width: 167px; } #msfMoreOnStacks ul li.msb { background: url(/kids/stacks/common/images/msb_bg.png) no-repeat; padding-left: 10px; width: 171px; } #msfMoreOnStacks ul li a { display: block; height: 88px; position: relative; width: 154px; } #msfMoreOnStacks ul li a img { border: 3px solid #040000; } #msfMoreOnStacks ul li a:hover img { border-color: #00fcff; } #msfMoreOnStacks ul li a img.over { border: none; } #msfMoreOnStacks ul li.blog a img.over { left: 3px; position: absolute; top: 65px; } #msfMoreOnStacks ul li.video a img.over { left: 3px; position: absolute; top: 64px; } #msfMoreOnStacks ul li.msb a img.over { left: 3px; position: absolute; top: 46px; } .msfSection { margin-bottom: 22px; padding-left: 24px; } .msfSection img { border: 0; } .msfSection h3 { color: #fff; font-size: 16px; line-height: 16px; margin: 0; padding: 0; } #msfMoreBooks { background: url(/kids/stacks/common/images/more_books.png) no-repeat; } #msfMoreBooks h3 { height: 25px; margin-bottom: 14px; padding-top: 12px; } #msfMoreBooks ul { height: 147px; list-style: none; margin: 0 0 0 44px; padding: 0; } #msfMoreBooks ul li { float: left; margin-right: 62px; } #msfMoreBooks ul li.b4 { margin-right: 0; } #msfMoreBooks ul li a img { border: 3px solid #040000; } #msfMoreBooks ul li a:hover img { border-color: #00fcff; } #msfOther { background: url(/kids/stacks/common/images/other_sites.png) no-repeat; } #msfOther h3 { height: 22px; margin-bottom: 3px; padding-top: 15px; } #msfOther ul { background: url(/kids/stacks/common/images/bg_other.jpg) no-repeat; height: 85px; list-style: none; margin: 0 0 0 4px; padding: 0; width: 665px; } #msfOther ul li { float: left; } #msfOther ul li.l1 { margin-left: 20px; padding-top: 26px; } #msfOther ul li.l2 { margin-left: 22px; padding-top: 8px; } #msfOther ul li.l3 { margin-left: 33px; padding-top: 14px; } #msfOther ul li.l4 { margin-left: 35px; padding-top: 14px; } /* teacher channel */ #teacher-channel { height: 52px; padding-top: 18px; } #teacher-channel #tcLogo { float: left; margin-top: 10px; } #teacher-channel #tcLogo h1 { margin: 0 0 5px 0; padding: 0; width: 182px; } #teacher-channel #tcLogo h1 a { background: url(/images/nav3.o/teacher_channel.gif) no-repeat; display: block; height: 25px; text-indent: -100001px; } #teacher-channel #tcLogo h2 { color: #696969; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 0 2px; } #schlHeader a { outline: none; } #schlHeader #teacher-channel #schlSearchBox { width: 579px; } #schlHeader #teacher-channel #schlSearchBox form { background: url(/images/nav3.o/tc_search_bg.gif) no-repeat; height: 26px; padding: 4px 0 0 4px; width: 575px; } #schlHeader #teacher-channel #schlSearchBox form .txtSearch { border-color:#5C5C5C #C1C1C1 #C1C1C1 #5C5C5C; border-style:solid; border-width:1px; color: #696969; float: left; font-size: 11px; height: 17px; padding: 3px 0 0 9px; width: 487px; } #schlHeader #teacher-channel #schlSearchBox form button { background: url(/images/nav3.o/tc_search_btn_bg.gif) no-repeat; border: none; color: #fff; font-size: 15px; height: 22px; text-transform: lowercase; width: 71px; } #schlHeader #teacher-channel #schlSearchBox form button[type] { padding-bottom: 4px; } *:first-child+html button[type]{ padding-top: 2px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs { height: 20px; list-style: none; margin: 0; padding: 0; position: relative; top: 1px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li { float: left; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab1 { width: 114px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab2 { width: 100px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab3 { width: 122px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab4 { width: 110px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab5 { width: 110px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li a { background: url(/images/nav3.o/tc_search_div.gif) 100% 6px no-repeat; color: #1b89cb; display: block; font-size: 12px; height: 16px; padding: 4px 14px 0 14px; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.tab5 a { background: none; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.on { background: url(/images/nav3.o/tc_search_on_left.gif) no-repeat; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.on a { background: url(/images/nav3.o/tc_search_on_right.gif) 100% 0 no-repeat; color: #000; } #schlHeader #teacher-channel #schlSearchBox .searchTabs li.onsup a { background: none; } #schlHeader ul#tcNav { border: 1px solid #64acd8; height: 25px; list-style: none; margin:11px 0 20px 0; padding: 0; width: 918px; } #schlHeader ul#tcNav li { float: left; text-align:center; } #schlHeader ul#tcNav li.btnHome { width: 84px; } #schlHeader ul#tcNav li.btnTR { width: 218px; } #schlHeader ul#tcNav li.btnSA { width: 200px; } #schlHeader ul#tcNav li.btnBA { width: 190px; } #schlHeader ul#tcNav li.btnSP { border-right: none; width: 226px; } #schlHeader ul#tcNav li a { background: url(/images/nav3.o/tc_btn_bg.jpg) repeat-x; border-right: 1px solid #b4d7ec; color: #fff; display: block; font: bold 14px Arial, Helvetica, sans-serif; height: 20px; padding: 5px 0 0 0; text-decoration: none; } #schlHeader ul#tcNav li a:hover { background: none; background-color: #fff; color: #000; text-decoration: none; } #schlHeader ul#tcNav li a.hov { background: none; background-color: #fff; border-right: none; color: #000; text-decoration: none; } #schlHeader ul#tcNav li.btnHome a.on, #schlHeader ul#tcNav li.btnTR a.on, #schlHeader ul#tcNav li.btnSA a.on, #schlHeader ul#tcNav li.btnBA a.on, #schlHeader ul#tcNav li.btnSP a.on { text-decoration: underline; } #schlHeader ul#tcNav li.btnHome a.hov, #schlHeader ul#tcNav li.btnHome a.on:hover, #schlHeader ul#tcNav li.btnTR a.hov, #schlHeader ul#tcNav li.btnTR a.on:hover, #schlHeader ul#tcNav li.btnSA a.hov, #schlHeader ul#tcNav li.btnSA a.on:hover, #schlHeader ul#tcNav li.btnBA a.hov, #schlHeader ul#tcNav li.btnBA a.on:hover, #schlHeader ul#tcNav li.btnSP a.hov, #schlHeader ul#tcNav li.btnSP a.on:hover { text-decoration: none; } #schlHeader ul#tcNav li.btnSP a { border-right: none; } #schlHeader #tc-dd { background-color: #fdfdfb; border-width: 0 1px 1px 1px; border-color: #64acd8; border-style: solid; display: none; padding: 7px 0 0 0; position: absolute; z-index: 10000001; } #schlHeader #tc-dd a { color: #1b89cb; display: block; font: normal 13px Arial, Helvetica, sans-serif; margin-bottom: 11px; padding-left:30px; }