body { font: normal 12px arial, sans-serif; background: #D3ECFB url(/content/presentation/www/images/page_bg.jpg) repeat-x; } #pageWrapper { width: 970px; } #pageContent { background-color: #fff; padding-bottom: 30px; } #header { width: 920px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #header #nav { border-bottom: solid 1px #A9D3ED; margin-bottom: 7px; } #header #logo { padding-top: 3px; width: 475px; } #header #logo #logoKids { float: left; } #innerHeader { width: 920px; height: 44px; } #schlSearchBox { float: right; color: #666666; font-size: 11px; } #header #schlSearchBox form { margin: 0; padding: 0; } #header #schlSearchBox #gSearch { height: 22px; width: 282px; clear: left; } #header #schlSearchBox .txtSearch { height: 18px; float: left; border: 1px solid #3399CC; width: 226px; } #header #schlSearchBox .btnSearch { float: left; border: 0; } #header #schlSearchBox .rdBtn { float: left; } #header #schlSearchBox label { float: left; padding-top: 3px; } #schlChannel { } #topnav { margin-top: 4px; } #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; } #schlFooter ul li { float: left; padding-right: 12px; padding-left: 12px; vertical-align: bottom; background: url(images/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; } #sub { margin-top: 10px; border-top: solid 1px #E4E4E4; } #sub td { padding-top: 10px; } #sub img { margin-top: 5px; } #sub ul { margin: 0 0 0 5px; padding: 0; list-style: none; } #sub ul li { background: url(/content/presentation/www/images/bullet2.gif) 0 2px no-repeat; padding-left: 15px; font-size: 11px; margin-bottom: 6px; } #sub ul li a { color: #006699; text-decoration: none; } #unav { margin: 5px 0 0 0; padding: 0; list-style: none; height: 25px; } #unav li { float: left; padding-left: 22px; padding-right: 20px; } #unav li#print { background: url(/content/presentation/www/images/icons/print_16x16.gif) 0 3px no-repeat; } #unav li#email { background: url(/content/presentation/www/images/icons/email_16x16.gif) 0 3px no-repeat; } #unav li#save { background: url(/content/presentation/www/images/icons/save_16x16.gif) 0 3px no-repeat; } #unav li#bookmark { padding-left: 0; } /*.small { font-size: 11px; }*/ a { /*color: #2481BA;*/ color: #069; text-decoration: none; } a:visited { color: #939; } a:hover { text-decoration: underline; } #clubs { margin-bottom: 6px; background: url(/content/presentation/www/images/box_289_top.gif) no-repeat; padding-top: 5px; width: 289px; } #clubsContent {background: #EBFAA1 url(/content/presentation/www/images/box_289_btm.gif) no-repeat 0 100%; font-size: 11px; padding: 0px 12px 5px 12px; } #clubs ul.clubsLinks { list-style: none; padding: 0; margin: 5px 0 0 0; } #clubs ul.clubsLinks li { display: inline; padding-right: 10px; font-size: 11px; } #clubs a { color: #006699; } #clubs ul li a { color: #006699; text-decoration: none; } #promoAreaButtons a, #promoAreaButtons a:visited, #promoAreaButtons a:hover { color: #fff; font-weight: bold; text-decoration: none; padding-right: 7px; background: url(/content/presentation/www/images/tarrow.gif) no-repeat 100% 55%; } .promoButtonOne { width: 278px; height: 15px; font: normal 11px/11px arial; margin-bottom: 3px; padding-left: 11px; padding-top: 4px; background: url(/content/presentation/www/images/promoButtonOne.gif) no-repeat; } .promoButtonOneSm, .promoButtonOneSmLast { width: 132px; height: 15px; font: normal 11px/11px arial; margin-bottom: 3px; padding-left: 11px; padding-top: 4px; background: url(/content/presentation/www/images/promoButtonOneSm.gif) no-repeat; float: left; margin-right: 3px; } .promoButtonOneSmLast { margin-right: 0px; } .promoButtonTwo { clear: both; width: 278px; height: 15px; font: normal 11px/11px arial; margin-bottom: 3px; padding-left: 11px; padding-top: 4px; background: url(/content/presentation/www/images/promoButtonTwo.gif) no-repeat; } .promoButtonTwoSm, .promoButtonTwoSmLast { width: 132px; height: 15px; font: normal 11px/11px arial; margin-bottom: 3px; padding-left: 11px; padding-top: 4px; background: url(/content/presentation/www/images/promoButtonTwoSm.gif) no-repeat; float: left; margin-right: 3px; } .promoButtonTwoSmLast { margin-right: 0px; } .promoButtonThreeSm, .promoButtonThreeSmLast { width: 132px; height: 15px; font: normal 11px/11px arial; margin-bottom: 3px; padding-left: 11px; padding-top: 4px; background: url(/content/presentation/www/images/promoButtonThreeSm.gif) no-repeat; float: left; margin-right: 3px; } .promoButtonThreeSmLast { margin-right: 0px; } .backgroundOne, .backgroundTwo, .backgroundFour { width: 272px; color: #fff; padding-left: 10px; padding-right: 7px; height: 13px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 3px; font-size: 11px; } .backgroundOne img, .backgroundTwo img, .backgroundThree img, .backgroundFour img { float: right; } .backgroundOne { background: url(/content/presentation/www/images/background1.gif) no-repeat; } .backgroundTwo { background: url(/content/presentation/www/images/background2.gif) no-repeat; } .backgroundThree { background: url(/content/presentation/www/images/background3.gif) no-repeat; width: 145px; color: #fff; padding-left: 10px; padding-right: 7px; height: 13px; padding-top: 3px; padding-bottom: 3px; font-size: 11px; } .backgroundFour { float: right; background: url(/content/presentation/www/images/background4.gif) no-repeat; width: 107px; color: #fff; padding-left: 10px; padding-right: 7px; height: 13px; padding-top: 3px; padding-bottom: 3px; font-size: 11px; } .marginBtmNone { margin-bottom: 0; } .fontArial11 { font-size: 11px; font-family: arial, sans-serif; } .fontArial12 { font-size: 12px; font-family: arial, sans-serif; } #storesTabs { background-color: #8CD051; width: 289px; margin-bottom: 5px; } #storesTabs .storesContent { padding-left: 12px; padding-right: 7px; padding-top: 7px; font-size: 11px; color: #fff; } #storesTabs .storesContent .prod { float: right; } #storesTabs .storesContent ul { list-style: none; margin: 10px 0 0 0; padding: 0; } #storesTabs .storesContent ul li { font-size: 12px; } #storesTabs .storesContent ul li.first { margin-bottom: 4px; } #storesTabs .storesContent a { color: #fff; } #storesTabs .storesContent ul li a { text-decoration: none; } #breadcrumb { padding-top: 5px; padding-left: 2px; /*padding-bottom: 9px; border-bottom: solid 1px #A9D3ED; */} #breadcrumb a { color: #2481BA; text-decoration: none; font-family: "MS Trebutchet", arial, sans-serif; } #adTop { width: 868px; margin: 0 auto 12px auto; } #adTop img { display: block; } #adTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #adTop { display:inline-block; } /*this trips hasLayout for ie7*/ #adTop { display:block; } /*this returns it back to normal*/ #adTop #leaderboard { float: left; background: url(/content/presentation/www/images/txtVAdvertisement.gif) no-repeat; padding-left: 13px; margin-right: 7px; width: 728px; } #adTop #ad120x90 { float: left; width: 120px; } .adMedium { margin-bottom: 12px; background: url(/content/presentation/www/images/txtHAdvertisement.gif) no-repeat; padding-top: 13px; } .adMedium .ad1 { margin-bottom: 10px; } /* #ad_bottom { padding-top: 5px; padding-bottom: 5px; width: 728px; margin: 0px auto 10px auto; color: #656565; font-size: 11px; text-align: center; padding-left: 95px; padding-right: 95px; } #ad_top { border-bottom: 1px solid #A9D3ED; border-top: 1px solid #A9D3ED; padding-top: 5px; padding-bottom: 5px; width: 728px; margin: 0px auto 10px auto; color: #656565; font-size: 11px; text-align: center; padding-left: 95px; padding-right: 95px; } */ /* tweens */ body#schlTweens3o { background: #E2E2E2 url(/content/presentation/www/images/tween/tweens_bg.jpg) repeat-x; } body#schlTweens3o #pageContent { padding-top: 9px; } body#schlTweens3o #innerHeader { width: 970px; height: 22px; } body#schlTweens3o #innerHeader #schlChannel { background: #fff url(/content/presentation/www/images/tween/tweench.gif) 100% 0 no-repeat; width: 678px; text-align: right; padding-right: 8px; color: #3081FF; font-size: 11px; } body#schlTweens3o #innerHeader #schlChannel a { color: #3081FF; text-decoration: underline; } body#schlTweens3o #innerHeader #schlSearchBox { margin-bottom: 2px; } #schlHeader #schlSearchBox form { margin: 0; padding: 0; } #schlHeader #schlSearchBox #gSearch { height: 22px; width: 282px; clear: left; } #schlHeader #schlSearchBox .txtSearch { height: 18px; float: left; border: 1px solid #3399CC; width: 226px; } #schlHeader #schlSearchBox .btnSearch { float: left; border: 0; } #schlHeader #schlSearchBox .rdBtn { float: left; } #schlHeader #schlSearchBox label { float: left; padding-top: 3px; } #stacks { margin-bottom: 15px; width: 920px; margin-left: auto; margin-right: auto; } #stacks .filler { background: url(/content/presentation/www/images/tween/you_friends_reads.jpg) no-repeat;} #stacks .stepInto { padding-left: 0px; } #stacks .subnav { padding-top: 3px; } #stacks .subnav a { padding-right: 1px; } #schlTweenNav { width: 767px; height: 28px; position: relative; list-style: none; margin: 0; padding: 0; } #schlTweenNav li { display: block; position: absolute; height: 28px; } #schlTweenNav a { display: block; height: 28px; outline: none; text-indent: -9999px; } #schlTweenNav #schlTweenNavBA { left: 0; top: 0; width: 175px; } #schlTweenNav #schlTweenNavBA a { background: url(/content/presentation/www/images/tween/nav.gif) 0 0 no-repeat; } #schlTweenNav #schlTweenNavG { left: 175px; top: 0; width: 98px; } #schlTweenNav #schlTweenNavG a { background: url(/content/presentation/www/images/tween/nav.gif) -175px 0 no-repeat; } #schlTweenNav #schlTweenNavB { left: 272px; top: 0; width: 98px; } #schlTweenNav #schlTweenNavB a { background: url(/content/presentation/www/images/tween/nav.gif) -272px 0 no-repeat; } #schlTweenNav #schlTweenNavV { left: 368px; top: 0; width: 95px; } #schlTweenNav #schlTweenNavV a { background: url(/content/presentation/www/images/tween/nav.gif) -368px 0 no-repeat; } #schlTweenNav #schlTweenNavYO { left: 461px; top: 0; width: 167px; } #schlTweenNav #schlTweenNavYO a { background: url(/content/presentation/www/images/tween/nav.gif) -461px 0 no-repeat; } #schlTweenNav #schlTweenNavYP { left: 626px; top: 0; width: 140px; } #schlTweenNav #schlTweenNavYP a { background: url(/content/presentation/www/images/tween/nav.gif) -626px 0 no-repeat; } #stacks .stacksLogo { padding-left: 3px; } /* teacher channel */ body#schlTC { background: none; background-color: #f0f0f0; } body#schlTC #pageWrapper { margin-left: auto; margin-right: auto; } body#schlTC #header a { outline: none; } body#schlTC #header #innerHeader { height: 85px; } body#schlTC #header #teacher-channel { height: 57px; padding-top: 18px; } body#schlTC #header #teacher-channel #tcLogo { float: left; margin-top: 10px; width: 182px; } body#schlTC #header #teacher-channel #tcLogo h1 { font-size: 16px; margin: 0 0 3px 0; padding: 0; width: 182px; } body#schlTC #header #teacher-channel #tcLogo h1 a { background: url(/content/presentation/www/images/tc/teacher_channel.gif) no-repeat; display: block; height: 25px; text-indent: -100001px; } body#schlTC #header #teacher-channel #tcLogo h2 { color: #696969; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 0 2px; } body#schlTC #header #teacher-channel #schlSearchBox { width: 579px; } body#schlTC #header #teacher-channel #schlSearchBox form { background: url(/content/presentation/www/images/tc/tc_search_bg.gif) no-repeat; height: 26px; padding: 4px 0 0 4px; width: 575px; } body#schlTC #header #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; } body#schlTC #header #teacher-channel #schlSearchBox form button { background: url(/content/presentation/www/images/tc/tc_search_btn_bg.gif) no-repeat; border: none; color: #fff; font-size: 15px; height: 22px; text-transform: lowercase; width: 71px; } body#schlTC #header #teacher-channel #schlSearchBox form button[type] { padding-bottom: 4px; } *:first-child+html button[type]{ padding-top: 2px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs { height: 20px; list-style: none; margin: 0; padding: 0; position: relative; top: 1px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li { float: left; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab1 { width: 114px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab2 { width: 100px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab3 { width: 122px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab4 { width: 110px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab5 { width: 110px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li a { background: url(/content/presentation/www/images/tc/tc_search_div.gif) 100% 6px no-repeat; color: #1b89cb; display: block; font-size: 12px; height: 16px; padding: 4px 14px 0 14px; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.tab5 a { background: none; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.on { background: url(/content/presentation/www/images/tc/tc_search_on_left.gif) no-repeat; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.on a { background: url(/content/presentation/www/images/tc/tc_search_on_right.gif) 100% 0 no-repeat; color: #000; } body#schlTC #header #teacher-channel #schlSearchBox .searchTabs li.onsup a { background: none; } body#schlTC #header ul#tcNav { border: 1px solid #64acd8; height: 25px; list-style: none; margin:11px 0 20px 0; padding: 0; width: 918px; } body#schlTC #header ul#tcNav li { float: left; text-align:center; } body#schlTC #header ul#tcNav li.btnHome { width: 84px; } body#schlTC #header ul#tcNav li.btnTR { width: 218px; } body#schlTC #header ul#tcNav li.btnSA { width: 200px; } body#schlTC #header ul#tcNav li.btnBA { width: 190px; } body#schlTC #header ul#tcNav li.btnSP { border-right: none; width: 226px; } body#schlTC #header ul#tcNav li a { background: url(/content/presentation/www/images/tc/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; } body#schlTC #header ul#tcNav li a:hover { background: none; background-color: #fff; color: #000; text-decoration: none; } body#schlTC #header ul#tcNav li a.hov { background: none; background-color: #fff; border-right: none; color: #000; text-decoration: none; } body#schlTC #header ul#tcNav li.btnHome a.on, body#schlTC #header ul#tcNav li.btnTR a.on, body#schlTC #header ul#tcNav li.btnSA a.on, body#schlTC #header ul#tcNav li.btnBA a.on, body#schlTC #header ul#tcNav li.btnSP a.on { text-decoration: underline; } body#schlTC #header ul#tcNav li.btnHome a.hov, body#schlTC #header ul#tcNav li.btnHome a.on:hover, body#schlTC #header ul#tcNav li.btnTR a.hov, body#schlTC #header ul#tcNav li.btnTR a.on:hover, body#schlTC #header ul#tcNav li.btnSA a.hov, body#schlTC #header ul#tcNav li.btnSA a.on:hover, body#schlTC #header ul#tcNav li.btnBA a.hov, body#schlTC #header ul#tcNav li.btnBA a.on:hover, body#schlTC #header ul#tcNav li.btnSP a.hov, body#schlTC #header ul#tcNav li.btnSP a.on:hover { text-decoration: none; } body#schlTC #header ul#tcNav li.btnSP a { border-right: none; } body#schlTC #header #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; } body#schlTC #header #tc-dd a { color: #1b89cb; display: block; font: normal 13px Arial, Helvetica, sans-serif; margin-bottom: 11px; padding-left:30px; } /************************ promo player *************************/ .mainPromoLeft { margin-bottom: 7px; } .mainPromoLeft #widgetRT { border: 1px solid #1c97dd; height: 304px; position: relative; width: 607px; } .mainPromoLeft #widgetRT h2 { color: #fff; font: bold 35px/37px "Times New Roman", Times, serif; left: 0; margin: 0; padding: 5px 0 0 15px; text-shadow: black 1px 1px 2px; position: absolute; top: 30px; width: 205px; } .mainPromoLeft #widgetRT h2 a, .mainPromoLeft #widgetRT h2 a:hover { color: #fff; text-decoration: none; } .mainPromoLeft #widgetRT ul#widgetLinks { /*background: url(images/widgetLinksBg.png);*/ font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif; left: 0; list-style: none; margin: 0; padding: 15px 10px; position: absolute; top: 141px; width: 260px; } .mainPromoLeft #widgetRT ul#widgetLinks li { padding-left: 10px; } .mainPromoLeft #widgetRT ul#widgetLinks a { color: #fff; display: block; text-decoration: none; text-indent: -13px; } .mainPromoLeft #widgetRT ul#widgetLinks a:hover { text-decoration: underline; } .mainPromoLeft #widgetRT table.buttons { bottom: 0; left: 0; margin: 0; position: absolute; width: 607px; } .mainPromoLeft #widgetRT table.buttons td { background: url(/content/presentation/www/images/btnWidgetBg.png) repeat-x; vertical-align: top; } .mainPromoLeft #widgetRT table.buttons td.b4 { border-right: none; } .mainPromoLeft #widgetRT table.buttons td a { background: url(images/widgetBorder.png) 100% 0 no-repeat; color: #303030; display: block; font: bold 13px Arial, Helvetica, sans-serif; height: 100%; outline: none; padding: 15px 12px 6px 12px; text-align: center; text-decoration: none; text-transform: uppercase; } .mainPromoLeft #widgetRT table.buttons td.b4 a { background: none; } .mainPromoLeft #widgetRT table.buttons td.hov a { color: #0388d7; } .mainPromoLeft #widgetRT table.buttons td.on { background: transparent url(images/btnWidgetOnRight.png) 100% 0 no-repeat; } .mainPromoLeft #widgetRT table.buttons td.on a { background: url(images/btnWidgetOnLeft.png) no-repeat; color: #0f7ec6; font-size: 13px; padding: 11px 10px 10px 10px; height: 100%; margin-right: 4px; } .mainPromoLeft #widgetRT ul.buttons { bottom: 0; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; } .mainPromoLeft #widgetRT ul.buttons li { background: url(/content/presentation/www/images/btnWidgetBg.png) repeat-x; float: left; } .mainPromoLeft #widgetRT ul.buttons li.b4 { border-right: none; } .mainPromoLeft #widgetRT ul.buttons li a { background: url(images/widgetBorder.png) 100% 0 no-repeat; color: #303030; display: block; font: bold 13px Arial, Helvetica, sans-serif; height: 100%; outline: none; padding: 15px 12px 6px 12px; text-align: center; text-decoration: none; text-transform: uppercase; } .mainPromoLeft #widgetRT ul.buttons li.b4 a { background: none; } /* #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.hov, #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.on { background: transparent url(images/btnWidgetOnRight.png) 100% 0 no-repeat; } #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.hov a, #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.on a { background: url(images/btnWidgetOnLeft.png) no-repeat; height: 100%; margin-right: 4px; } #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.hov a, #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.on a { color: #0c7dc5; font-size: 13px; padding: 11px 10px 10px 10px; } */ /* #contentContainer #leftColumn .mainPromoLeft #widgetRT ul.buttons li.hov { background: url(/content/presentation/www/images/btnWidgetBgHov.png) repeat-x; } */ .mainPromoLeft #widgetRT ul.buttons li.hov a { color: #0388d7; } .mainPromoLeft #widgetRT ul.buttons li.on { background: transparent url(images/btnWidgetOnRight.png) 100% 0 no-repeat; } .mainPromoLeft #widgetRT ul.buttons li.on a { background: url(images/btnWidgetOnLeft.png) no-repeat; height: 100%; margin-right: 4px; } .mainPromoLeft #widgetRT ul.buttons li.on a { color: #0f7ec6; font-size: 13px; padding: 11px 10px 10px 10px; } .mainPromoLeft #widgetRT .slide { display: none; } .spacing { display:block; height:9px; overflow:hidden; width:100%; } #yawyr { background: url(/content/presentation/www/images/yawyr_logo.png) no-repeat; height: 41px; margin: 10px auto 0 auto; width: 304px; }