/*Background Styles*/ body.cbb-day { background:url(/staticarchive/205f6749cfa4e983a99df091d976881c6c706630.jpg) repeat-x 0 0 #6fc040; } body.cbb-night { background:url(/staticarchive/356f260a1fc2562184bbb83c4da7188ad1612a3f.jpg) repeat-x 0 0 #6fc040; } #cbb-container-outer{ padding:0; background-position:50% 0%; background-repeat:no-repeat; position:relative; top:-40px; margin-bottom:-40px;} /* Header Backgrounds */ .cbb-day #cbb-container-outer {background-image: url(/staticarchive/96bba435eb06fa58aece6ee029627b536fb8414e.jpg); } .cbb-night #cbb-container-outer { background-image: url(/staticarchive/cab00e81e8e197170c5a577efcfe0452fd703eab.jpg); } .cbb-day.cbb-summer #cbb-container-outer { background-image: url(/staticarchive/1cc8e06b2617bd52358966db2408ba57ea96fc6e.jpg); } .cbb-night.cbb-summer #cbb-container-outer { background-image: url(/staticarchive/736b5274e1b748d72723cffdde0166263df31c17.jpg); } body.cbb-day.cbb-autumn { background: url(/staticarchive/0b99cdfdd05959592502df0d2ef01120f82fbd48.jpg) repeat-x 0 0 #6fc040; } .cbb-day.cbb-autumn #cbb-container-outer { background-image: url(/staticarchive/dda8678fae149339c3cb9764699510d858d82722.jpg); } .cbb-night.cbb-autumn #cbb-container-outer { background-image: url(/staticarchive/ac1056d8e4a4bd340becb91361b68188f105130c.jpg); } body.cbb-day.cbb-winter { background: url(/staticarchive/6074266f285cdd674d80a8bc68a8d7b06a222664.jpg) repeat-x 0 0 #72c248; } body.cbb-night.cbb-winter { background: url(/staticarchive/6b61884f611023a0265a5a61aff3087e7181359b.jpg) repeat-x 0 0 #72c248; } .cbb-day.cbb-winter #cbb-container-outer {background-image: url(/staticarchive/3ab1d44256484342a3a9e12542a6a0fe312b78aa.jpg); } .cbb-night.cbb-winter #cbb-container-outer{ background-image: url(/staticarchive/a182c0ca538933c20af15848b3a81ce0d1e9353d.jpg); } /* Utility Classes */ .cbb-image-replace { text-indent: 100%; white-space: nowrap; overflow: hidden; } .cbb-next-row { height:auto; list-style:none; clear:both; margin: 0; } /* Layout */ .wrapper { width:976px; } .wrapper.radio-page-vertical-offset { margin-top: -63px; } #cbb-container-inner { position:relative; } /* this is set to relative with shoulders etc position absolute against this */ #cbb-primarypromos { width:752px; float:left; } /* primary promos */ .cbb-main-content { width:736px; float:left; } /* main content */ .cbb-main-content.radio-page-vertical-offset { margin-top: -63px; } #cbb-rightpromos { width:224px; float:left; } /* rhc */ /* Shared */ #cbb-embed-nav-audio, #cbbnavplayer { position: absolute; left: -9999em;} /* cbb-no-flash */ #cbb-content #cbb-no-flash,#cbb-content #cbb-no-js { width:auto; text-align: left; padding: 16px 16px 16px 16px; color: #666666; background: #ffffff; } #cbb-no-flash h2,#cbb-no-js h2 { margin: 0px 0px 22px 0px; } #cbb-no-flash h2 span,#cbb-no-js h2 span { display: block; } /* #cbb-no-flash p,#cbb-no-js { margin: 0px 20px 20px 0px; } removed this to fix a UAT issue*/ #cbb-no-flash a,#cbb-no-js a { color:#692ce6;} #cbb-no-flash img,#cbb-no-js img { float: right; } #cbb-item #cbb-embed #cbb-no-flash img,#cbb-item #cbb-embed #cbb-no-js img {width: 50%; height: 50%;} .no-flash-message { display: none; } .js-ready .no-flash-message { display: block; } #cbb-enhancedpromo-content #cbb-no-flash, #cbb-enhancedpromo-content #cbb-no-js { position: absolute; top: 0px; background: none; width: 600px; padding: 52px; } /* Main promo */ #cbb-mainpromo,#cbb-mainpromo-message-loading,.cbb-mainpromo-slide { width:736px; float:left; margin:0px 0px 16px 0px; } #cbb-home #cbb-mainpromo { min-height: 336px; position:relative; margin: 0 0 16px 0; } #cbb-mainpromo .cbb-frame_left, #cbb-mainpromo .cbb-frame_right { width:16px; height: 246px; float:left; display:block; } #cbb-mainpromo .cbb-activity-icon { height: 64px; width: 64px; position: absolute; top: 16px; right: 16px; display: block; } #cbb-mainpromo .cbb-button-playpause { height: 32px; width: 32px; position: absolute; top: 24px; right: 26px; background:url('/staticarchive/073e660549a9dcd95a483e900df0b7da9421dbeb.png') no-repeat; z-index: 20; cursor: pointer; } #cbb-mainpromo .cbb-button-playpause:hover { background-position: -32px 0px; } #cbb-mainpromo-content { position: relative; } #cbb-mainpromo-content li { position:relative; height:246px; display:block; } #cbb-mainpromo-content.js li { position:absolute; } /* Overlay promo slides if JS is available */ #cbb-mainpromo-content li .cbb-mainpromo-slide-image { position:absolute; height:244px; display:block; } #cbb-mainpromo-content li img { width:704px; height:214px; position:relative; display:block; padding:16px 0; float: left; } #cbb-mainpromo-message-loading { background: url('/staticarchive/7df503ce41394c51443194999a87b6d7692cc317.png') no-repeat;} /* Games (red) */ #cbb-mainpromo-slide-games { z-index: 11; } #cbb-mainpromo-slide-games .cbb-frame_left { background:url('/staticarchive/1cf42d24be74562bbb43f8a45713d3eff267d08a.png') no-repeat; } #cbb-mainpromo-slide-games .cbb-frame_right { background:url('/staticarchive/5610e07488f89dabcfc22f96c54ce10d5eea6fea.png') no-repeat; } #cbb-mainpromo-slide-games img { background:url('/staticarchive/bcc987424a16ff8d5e0a6ddd89d9ccbf280409ab.png') repeat-x; } /* Watch (pink) */ #cbb-mainpromo-slide-watch { z-index: 3; } #cbb-mainpromo-slide-watch .cbb-frame_left { background:url('/staticarchive/003e4591c6392fd4a39e9a23e2bc5bf2a4c913e0.png') no-repeat; } #cbb-mainpromo-slide-watch .cbb-frame_right { background:url('/staticarchive/b86ad2f894735b8c602548935ae030e8712f9aa1.png') no-repeat;} #cbb-mainpromo-slide-watch img { background:url('/staticarchive/5412607d8d623918ec9da93492512827dad8436c.png') repeat-x; } /* Songs (orange) */ #cbb-mainpromo-slide-songs { z-index: 9; } #cbb-mainpromo-slide-songs .cbb-frame_left { background:url('/staticarchive/98927c6ab623ac86d26d02cb29a02cb5d7bc6be1.png') no-repeat; } #cbb-mainpromo-slide-songs .cbb-frame_right { background:url('/staticarchive/bf560e5ca54beeed901a9cf720bb6533fefdb3e6.png') no-repeat; } #cbb-mainpromo-slide-songs img { background:url('/staticarchive/4805bfe667182c3c7795adcab5b80f2dfa24d4e6.png') repeat-x; } /* makes (blue) */ #cbb-mainpromo-slide-makes { z-index: 7; } #cbb-mainpromo-slide-makes .cbb-frame_left { background:url('/staticarchive/fa639f90ddf2f8f2a3e9a3228b7151fa9f6b59f4.png') no-repeat; } #cbb-mainpromo-slide-makes .cbb-frame_right { background:url('/staticarchive/ea26a56a97e382bd0c586a040fa7aa6b8d9b17b3.png') no-repeat; } #cbb-mainpromo-slide-makes img { background:url('/staticarchive/f959ce40cb79ca3f87208290e139c91c92c0a2e6.png') repeat-x; } /* stories (green) */ #cbb-mainpromo-slide-stories { z-index: 5; } #cbb-mainpromo-slide-stories .cbb-frame_left { background:url('/staticarchive/060ba8f6822c5fa552836ef844a887343b955fff.png') no-repeat; } #cbb-mainpromo-slide-stories .cbb-frame_right { background:url('/staticarchive/c2961966875504be7888217abf142a826b1bc300.png') no-repeat; } #cbb-mainpromo-slide-stories img { background:url('/staticarchive/cc7fe3f90d228506761e4a1d8239556d33a2ce30.png') repeat-x; } /* Radio (yellow) */ #cbb-mainpromo-slide-radio { z-index: 1; } #cbb-mainpromo-slide-radio .cbb-frame_left { background:url('/staticarchive/81394891eea2a774658eaa59bafa21b16b6914a5.png') no-repeat; } #cbb-mainpromo-slide-radio .cbb-frame_right { background:url('/staticarchive/8e4788690cab376585610d785076a52eeb524ce6.png') no-repeat; } #cbb-mainpromo-slide-radio img { background:url('/staticarchive/9a1224da8ed36f91546334cf2bf00fc61647c7ff.png') repeat-x; } /* Placeholder Loading Message */ #cbb-mainpromo-message-loading { position:absolute; top:100px; left:300px; color:#ffffff; font-size: 3.6em; } /* Missing JS Error (purple) */ #cbb-mainpromo-content #cbb-mainpromo-slide-error { height: auto; } /* Tabs */ #cbb-mainpromo-tabs { width:736px; height:66px; float:left; position:relative; margin:0 0 0 8px; left: 0; top: 244px; display:none;} .js-ready #cbb-mainpromo-tabs{ display: block;} #cbb-mainpromo-tabs .cbb-tab { width:126px; height:61px; text-align:center; cursor: pointer; float:left; padding:10px 0px 0px 0px; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-games { z-index: 12; position:absolute; top:-4px; left:0px; background:url('/staticarchive/745cdf6d5f984f4f1ab2427e8c2d441d4148071c.png') no-repeat; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-songs { z-index: 10; position:absolute; top:-4px; left:119px; background:url('/staticarchive/24b8e6347d495d4c80e9d5cf57dc33e7a12a095d.png') no-repeat; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-makes { z-index: 8; position:absolute; top:-4px; left:238px; background:url('/staticarchive/2c80ba89b79d3cf89c83e6410357d89242492292.png') no-repeat; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-stories { z-index: 6; position:absolute; top:-4px; left:357px; background:url('/staticarchive/6ad4a949249db5b91843b5d3684eea89753ffc27.png') no-repeat; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-watch { z-index: 4; position:absolute; top:-4px; left:478px; background:url('/staticarchive/8f3c369c2c4bf95d07a7373e7cf1b8685dc4ae9c.png') no-repeat; } #cbb-mainpromo-tabs #cbb-mainpromo-tab-radio { z-index: 2; position:absolute; top:-4px; left:597px; background:url('/staticarchive/b88d0e90206da62dcfecec5b1ff540a0379b5340.png') no-repeat; } /* Caption Overlay */ .cbb-mainpromo-slide .cbb-caption { width:704px; position:absolute; bottom:16px; left:16px; /* visibility: hidden; */ } .cbb-mainpromo-slide .cbb-caption h2 { /* font-size: 2.6em; */ font-size: 2.15em; margin:0px; padding:0px; } .cbb-mainpromo-slide .cbb-caption h2 a { width:672px; padding:11px 16px 11px 16px; } .cbb-mainpromo-slide:hover .cbb-caption { /* visibility: visible; */ } .cbb-mainpromo-slide .cbb-caption-container { height: 100%; width: 100%; overflow: hidden; position: relative; } /* Dasies ( homepage ) */ .cbb-homepage-decor { width:752px; height:40px; position:absolute; top:324px; left:-21px; background:url('/staticarchive/1fab44f157389bf323f78e40d2945e8effe945ab.png') no-repeat; } /* SECTION PAGE */ h1.section_title { position:absolute; top:346px; left:0px; color:#ffffff; width: 730px; } #cbb-radio #cbb-rightpromos, #cbb-games #cbb-rightpromos, #cbb-songs #cbb-rightpromos, #cbb-makes #cbb-rightpromos, #cbb-stories #cbb-rightpromos, #cbb-watch #cbb-rightpromos { height: 420px; } #cbb-slp-content { width:752px; float:left; } #cbb-slp-content .cbb-carousel-decor {width:762px; height:42px; position:absolute; left:-10px; top:299px; z-index:3; background:url('/staticarchive/a7c33223d4f5b4efcff9731d6b0f804cae480d8c.png') no-repeat; } #cbb-board { width:736px; height:300px; position:relative; } #cbb-board .cbb-decor { width:42px; height:25px; position:absolute; left:-25px; bottom:-12px; background:url('/staticarchive/7241622c13b84e110f30cc259cc007f2cf187471.png') no-repeat; } #cbb-board #cbb-boardcontent { width:704px; height:290px; display:block; padding:15px 16px 1px 16px; overflow: hidden; background:url('/staticarchive/6a8454fd9d34340c0404b8969b2925452583d6a5.png') no-repeat; } #cbb-board .cbb-bottom-decor { width:608px; height:40px; position:absolute; bottom:-30px; left:-10px; background:url('/staticarchive/60a58a41b13860f1b9f022822e4c96442067334d.png')no-repeat; } /* Radio Page specific */ #cbb-board .cbb-radio-bottom-decor { width:608px; height:40px; position:absolute; bottom:24px; left:0px; background:url('/staticarchive/60a58a41b13860f1b9f022822e4c96442067334d.png')no-repeat; } #cbb-board #cbb-radioboardcontent { width:704px; height:246px; display:block; padding:15px 16px 1px 16px; overflow: hidden; background:url('/staticarchive/b24dd61d3003af0d19b827f7f0b5316e04c456a7.png') no-repeat; } .wrapper.radio-virtical-offest, .cbb-main-content.radio-virtical-offest {margin-top: -63px} /** Radio Player */ #cbb-radioplayer { float: left; width: 752px; } #cbb-radioplayer .tl-corner, #cbb-radioplayer-lightbox .tl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left top; float: left; } #cbb-radioplayer .tr-corner, #cbb-radioplayer-lightbox .tr-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right top; overflow: hidden;} #cbb-radioplayer .top, #cbb-radioplayer-lightbox .top { background: #6fc040; height: 16px; display: block; width: 704px; float: left; } #cbb-radioplayer .content, #cbb-radioplayer-lightbox .content { background: #6fc040; padding: 0px 16px; } #cbb-radioplayer .bottom, #cbb-radioplayer-lightbox .bottom { background: #6fc040; height: 16px; display: block; float: left;} #cbb-radioplayer .bl-corner, #cbb-radioplayer-lightbox .bl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left bottom; float: left;} #cbb-radioplayer .br-corner, #cbb-radioplayer-lightbox .br-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right bottom; float: left;} #cbb-radioplayer .top, #cbb-radioplayer .bottom, #cbb-radioplayer .content { width: 704px; } #cbb-radioplayer .content { height: 290px; } #cbb-radioplayer #cbb-embed p.loading_content { min-width: 700px; } #cbb-radioplayer-lightbox { top: 60px; position: relative; margin: 0px auto 16px auto; width: 944px; overflow:hidden; } #cbb-radioplayer-lightbox .top, #cbb-radioplayer-lightbox .bottom, #cbb-radioplayer-lightbox .content { width: 912px; } #cbb-radioplayer-lightbox .content { height: 353px; } #cbb-radioplayer-lightbox #cbb-embed-lightbox p.loading_content { min-width: 908px; } /*Radio landing page RHS image*/ #cbb-radio #illustration-right-0 { background-image: url('/staticarchive/ff49111925fddb1082a7529cf80e14b9eabd445b.jpg'); background-repeat: no-repeat; height: 548px; position: absolute; top: 345px; } /* Navigation */ #cbb-banner{height:122px; padding-top:40px; margin-bottom:2px;} #cbb-banned-embed{position:relative} #cbb-local-nav{ margin-top: 5px;} body .cbeebies-nav { background: none; } a#cbb-ban-home { background: url('/staticarchive/7740af5b7bb897f119b948d8a6ef1557d9005735.png') no-repeat 0px 10px; float: left; height: 110px; width: 135px; z-index: 300; position: relative; left: -5px; margin-right:26px; } a:hover#cbb-ban-home { background-position: 0px -100px; } #cbb-home #cbb-ban-home{ background-position: 0px -210px;} #cbb-nav-sections { position: relative; float: left; height: 110px; z-index: 200; } #cbb-nav-sections li a { height: 110px; width: 90px; text-indent: -5000px; background-position: 0px 10px; background-repeat: no-repeat; margin-top:1px; margin-right:20px;} #cbb-nav-sections li a:hover { background-position: 0px -100px; margin-top:0px;} #cbb-nav-sections #cbb-ban-games a { background-image: url('/staticarchive/1ae072dfab735353888272801f06dbf6f6ec1735.png'); margin-right:22px; } #cbb-nav-sections #cbb-ban-songs a { background-image: url('/staticarchive/0f592e238f17102f353e49e5df919f8cec2ea06f.png'); margin-right:16px; } #cbb-nav-sections #cbb-ban-makes a { background-image: url('/staticarchive/e9f2ed59927ebb0a8a7a3bfaa1b3213783046cc5.png'); margin-right:24px; } #cbb-nav-sections #cbb-ban-stories a { background-image: url('/staticarchive/f5e57000458bfbd80c763fc4bddeb6350f0b77b9.png'); margin-right:19px; } #cbb-nav-sections #cbb-ban-watch a { background-image: url('/staticarchive/213abd4845bdacccc4f8f0c6e416d1ecc5308765.png'); margin-right:24px; } #cbb-nav-sections #cbb-ban-radio a { background-image: url('/staticarchive/3c1e77b0e8c8c635c13287d36bcbaa96853ab356.png'); margin-right:17px;} #cbb-games #cbb-nav-sections #cbb-ban-games a, #cbb-songs #cbb-nav-sections #cbb-ban-songs a, #cbb-makes #cbb-nav-sections #cbb-ban-makes a, #cbb-stories #cbb-nav-sections #cbb-ban-stories a, #cbb-watch #cbb-nav-sections #cbb-ban-watch a, #cbb-radio #cbb-nav-sections #cbb-ban-radio a{ background-position: 0px -210px; } #cbb-games #cbb-nav-sections #cbb-ban-games a:hover, #cbb-songs #cbb-nav-sections #cbb-ban-songs a:hover, #cbb-makes #cbb-nav-sections #cbb-ban-makes a:hover, #cbb-stories #cbb-nav-sections #cbb-ban-stories a:hover, #cbb-watch #cbb-nav-sections #cbb-ban-watch a:hover, #cbb-radio #cbb-nav-sections #cbb-ban-radio a:hover{ margin-top:1px; } /* cbeebies shows nav */ #cbb-nav-shows { width: 95px; height: 110px; float:left; position: relative; z-index: 200;} #cbb-nav-shows a { background: url('/staticarchive/a44f1504b6437861cde1653d3e6a0937b6d0b172.png') no-repeat 0px 10px; width: 95px; height: 110px; display:block; margin-top:1px;} #cbb-nav-shows a:hover { background-position: 0px -99px; margin-top:0px;} #cbb-showsindex #cbb-nav-shows a{ background-position: 0px -210px;} #cbb-showsindex #cbb-nav-shows a:hover{ margin-top:1px} /* cbeebies rainbow */ .cbb-day#cbb-home #cbb-banner-embed:before, .cbb-day#cbb-games #cbb-banner-embed:before, .cbb-day#cbb-songs #cbb-banner-embed:before, .cbb-day#cbb-makes #cbb-banner-embed:before, .cbb-day#cbb-stories #cbb-banner-embed:before, .cbb-day#cbb-watch #cbb-banner-embed:before, .cbb-day#cbb-radio #cbb-banner-embed:before, .cbb-day#cbb-showsindex #cbb-banner-embed:before{ content: " "; display: block; width:68px; height:113px; position: absolute; z-index: 0; top: 5px; background-image: url('/staticarchive/3ecd128504704e83c6e8891e384fc244ec2318c8.png'); } .cbb-night#cbb-home #cbb-banner-embed:before, .cbb-night#cbb-games #cbb-banner-embed:before, .cbb-night#cbb-songs #cbb-banner-embed:before, .cbb-night#cbb-makes #cbb-banner-embed:before, .cbb-night#cbb-stories #cbb-banner-embed:before, .cbb-night#cbb-watch #cbb-banner-embed:before, .cbb-night#cbb-radio #cbb-banner-embed:before, .cbb-night#cbb-showsindex #cbb-banner-embed:before{ content: " "; display: block; width:68px; height:113px; position: absolute; z-index: 0; top: 5px; background-image: url('/staticarchive/4900c855bce5e8a92e777628f2f7bb453edf02b8.png'); } #cbb-home #cbb-banner-embed:before{ left: 23px; } #cbb-games #cbb-banner-embed:before{ left: 163px; } #cbb-songs #cbb-banner-embed:before{ left: 273px; } #cbb-makes #cbb-banner-embed:before{ left: 385px; } #cbb-stories #cbb-banner-embed:before{ left: 495px; } #cbb-watch #cbb-banner-embed:before{ left: 606px; } #cbb-radio #cbb-banner-embed:before{ left: 714px; } #cbb-showsindex #cbb-banner-embed:before{ left: 825px; } #cbb-nav-presenter { float: left; display: inline; width: 95px; height: 440px; position: absolute; top: 60px; left: 893px; background: no-repeat 0px 0px;} /* Sound Toggle */ #cbb-sound-onoff { background: url('/staticarchive/060d3befbd4e926d3719e9ad759090ce4a6fb0b7.jpg') no-repeat 0 0; height: 19px; width: 19px; position: absolute; right: 0; top: 45px; cursor: pointer; margin: 0px 0px 0 0; } #cbb-sound-onoff:hover { background-position: 0px -19px; } #cbb-sound-onoff.cbb-sound-on { background-position: -19px 0;} #cbb-sound-onoff.cbb-sound-on:hover { background-position: -19px -19px;} /* Shoulders */ .cbb-shoulder { width:230px; height:1380px; position:absolute; top:40px; } .cbb-shoulder.left { /* background:#aaa; */ left:-230px; } .cbb-shoulder.right { /* background:#eee; */ right:-230px; } .cbb-shoulder div { width: 230px; height: 460px; } /* which pages to display shoulders */ /* off */ .cbb-shoulder.left,.cbb-shoulder.right { display:none; } /* on */ #cbb-home .cbb-shoulder.left,#cbb-home.cbb-shoulder.right { display:block; } .cbb-sub-section-toppicks .cbb-shoulder.left,.cbb-sub-section-toppicks .cbb-shoulder.right { display:block; } .cbb-sub-section-shows .cbb-shoulder.left,.cbb-sub-section-shows .cbb-shoulder.right { display:block; } .cbb-sub-section-atoz .cbb-shoulder.left,.cbb-sub-section-atoz .cbb-shoulder.right { display:block; } .cbb-sub-section-type .cbb-shoulder.left,.cbb-sub-section-type .cbb-shoulder.right { display:block; } .cbb-sub-section-theme .cbb-shoulder.left,.cbb-sub-section-theme .cbb-shoulder.right { display:block; } #cbb-show .cbb-shoulder.left,#cbb-show .cbb-shoulder.right { display:block; } /* Bottom illustration and links */ div.cbb-bottom-illustration { padding:53px 0 0 0; } div.cbb-foot { position:relative; padding:55px 0 0 0; background:url('/staticarchive/11a3e3c7afdaf15229db7ae9dad4e516ce6adf5b.jpg') no-repeat 0px 0px; width:100%;} .cbb-links-panel { width:328px; height:59px; background: url('/staticarchive/c83ede7389f203cb9427c605bcc23a3438a63d6d.png') no-repeat 0px bottom; } a.cbb-cbbc-link { width:92px; height:59px; position:relative; display:block; float:left; text-indent: -5000px; z-index:1; background:url('/staticarchive/2ef8b4ce3c5cd07ce5273b323eb67ec99833825a.png') no-repeat 18px 16px; } a.cbb-cbeebies-iplayer-link { width:136px; height:59px; position:relative; display:block; float:left; text-indent: -20000px; z-index:1;background:url('/staticarchive/3411c049ef490866d5eabcf6751b1d4551eb477d.png') no-repeat 11px 16px; } a.cbb-grownups-link { width:97px; height:59px; position:relative; display:block; float:left; text-indent: -20000px; z-index:1; background:url('/staticarchive/a0845ac526d40ed9f6721d7dc552da1745e2d8d2.png') no-repeat 11px 12px; } /* Caption styling */ #cbb-content .cbb-caption a { color:#fff; width:93%; height:100%; display:block; } #cbb-content .cbb-caption a:hover { text-decoration:none; color:#fff; } #cbb-carousel .cbb-caption a:hover { height:50px; } /* Secondary Promos */ .cbb-secondary-promo { background: url("/staticarchive/e6e5943ebc496b3dca4a69449722dc6c2e257cde.png") no-repeat scroll 0 0 transparent; float: left; height: 160px; margin: 0 16px 38px 0; position: relative; width: 240px; } #cbb-show .cbb-secondary-promos .cbb-secondary-promo{ display:none; } .cbb-secondary-promo .cbb-caption { bottom: 0; left: 0; margin: 8px 8px 0; position: absolute; visibility: hidden; width: 224px; } #cbb-primarypromos .cbb-secondary-promos { float:left; width:752px; padding:0 0 16px 0; } .cbb-secondary-promos .cbb-secondary-promo { float:left; position:relative; width:240px; height:160px; margin:0 16px 38px 0; background:url('/staticarchive/e6e5943ebc496b3dca4a69449722dc6c2e257cde.png') no-repeat; } .cbb-secondary-promos .cbb-secondary-promo.last { margin:0 0 38px 0; } .cbb-secondary-promos .cbb-secondary-promo:hover { background-position:-240px 0px; } .cbb-secondary-promo .cbb-caption-container { position:absolute; bottom:26px; height:100%; width:100%; overflow:hidden; } .cbb-secondary-promo img { position:absolute; bottom:0; left:0; margin:8px 0px 0px 8px; } .cbb-secondary-promo .cbb-caption { width:224px; position:absolute; bottom:0; left:0; visibility: hidden; margin:8px 8px 0px 8px; } .cbb-secondary-promo:hover .cbb-caption, .cbb-secondary-promo:focus .cbb-caption { visibility:visible; } .cbb-secondary-promo .cbb-caption h2 { font-size:1.231em; margin:0; } .cbb-secondary-promo .cbb-caption h3 { font-size:1.0em; padding:0 8px 8px 8px; margin:0 0 3px 0; } .cbb-secondary-promo .cbb-caption h3 a { font-weight:normal; } .cbb-secondary-promo .cbb-caption h2 a { padding:8px; width:208px; } .cbb-secondary-promo .cbb-caption p { padding:0 8px 8px 8px; margin:0 0 3px 0; font-size:1.0em; } .cbb-secondary-promos .cbb-songs { background:url('/staticarchive/390f73f87feebaf72d05b94fba06d239d2d1de3a.png') no-repeat; position:relative; } .cbb-secondary-promos .cbb-watch { background:url('/staticarchive/fb32fbf3b9eaf86d9e6ca92be7ea269f68e50805.png') no-repeat; position:relative; } .cbb-secondary-promos .cbb-games { background:url('/staticarchive/ee2316dbb873c945cd15bcd12707f8619e85f589.png') no-repeat; position:relative; } .cbb-secondary-promos .cbb-makes, .cbb-secondary-promos .cbb-prints { background:url('/staticarchive/c21a4a6bc293b6c33e1233856883d5e1f2236e27.png') no-repeat; position:relative; } .cbb-secondary-promos .cbb-stories { background:url('/staticarchive/372bb8f9891c0722f52d59558bab7ea0babe5192.png') no-repeat; position:relative; } .cbb-secondary-promos .cbb-radio { background:url('/staticarchive/c5e7b4bc49ccb34fadd52628ae1f9bcaaaeb9900.png') no-repeat; position:relative; } /* Section Indices Specific Styling */ #cbb-board .cbb-secondary-promo { float:left; position:relative; width:224px; height:126px; margin:0 16px 16px 0; background:none; } #cbb-board .cbb-secondary-promo.last { margin:0 0 16px 0;} #cbb-board .cbb-secondary-promo img { margin:0; } #cbb-board .cbb-secondary-promo .cbb-caption-container { height:126px; width:224px; } #cbb-board .cbb-secondary-promo .cbb-caption { margin:0; } #cbb-board .cbb-secondary-promo .cbb-caption-container { bottom:0; } /* Icons */ .promo-icon { width: 44px; height:44px; background: url('/staticarchive/f9792b7e8ab838f74293c14d12b0a5d23d8bf754.png') no-repeat; position: absolute; top:32px; right:8px; } .cbb-makes .promo-icon, .cbb-prints .promo-icon, #cbb-makes #cbb-related-activity .promo-icon, #cbb-print #cbb-related-activity .promo-icon { background-position: 0px -180px; } .cbb-secondary-promo.cbb-makes:hover .promo-icon, .cbb-secondary-promo.cbb-prints:hover .promo-icon, #cbb-makes #cbb-related-activity:hover .promo-icon, #cbb-print #cbb-related-activity:hover .promo-icon { background-position: -45px -180px; } .cbb-radio .promo-icon, #cbb-radio #cbb-related-activity .promo-icon { background-position: 0px -225px; } .cbb-secondary-promo.cbb-radio:hover .promo-icon, #cbb-radio #cbb-related-activity:hover .promo-icon { background-position: -45px -225px; } .cbb-songs .promo-icon, #cbb-songs #cbb-related-activity .promo-icon {} .cbb-secondary-promo.cbb-songs:hover .promo-icon, #cbb-songs #cbb-related-activity:hover .promo-icon { background-position: -45px 0px;} .cbb-watch .promo-icon, #cbb-watch #cbb-related-activity .promo-icon { background-position: 0px -45px; } .cbb-secondary-promo.cbb-watch:hover .promo-icon, #cbb-watch #cbb-related-activity:hover .promo-icon { background-position: -45px -45px; } .cbb-games .promo-icon, #cbb-games #cbb-related-activity .promo-icon { background-position: -1px -90px; } .cbb-secondary-promo.cbb-games:hover .promo-icon, #cbb-games #cbb-related-activity:hover .promo-icon { background-position: -45px -90px; } .cbb-stories .promo-icon, #cbb-stories #cbb-related-activity .promo-icon { background-position: 0px -135px; } .cbb-secondary-promo.cbb-stories:hover .promo-icon, #cbb-stories #cbb-related-activity:hover .promo-icon { background-position: -45px -135px; } /* Tertiary promo*/ .cbb-activities-section { } .cbb-main-content .cbb-activities { width:160px; float:left; list-style:none; margin:-1px 16px 16px -1px; } .cbb-main-content .cbb-activities .top { height: 8px; display: block; } .cbb-main-content .cbb-activities .content { display: block; padding:0px 8px 8px 8px; } .cbb-main-content .cbb-activities a { color: #213e11; text-decoration: none; display: block; width: 100%; } #cbb-radio li.cbb-activities:hover a { color: #000000; } .cbb-main-content .cbb-activities:hover a { color: #ffffff; } .cbb-main-content .cbb-activities h3, .cbb-activities p { font-size: 1.0em; margin: 0px; } #cbb-games .cbb-activities .top { background: url('/staticarchive/36fc8206562e05a1b5a5800f5869b9a875d0bc36.png') no-repeat left top; position: relative; } #cbb-games .cbb-activities:hover .top { background-position: right top; } #cbb-games .cbb-activities .content { position:relative; background: url('/staticarchive/36fc8206562e05a1b5a5800f5869b9a875d0bc36.png') no-repeat left bottom; } #cbb-games .cbb-activities:hover .content { background-position: right bottom; color: #ffffff; } #cbb-songs .cbb-activities .top { background: url('/staticarchive/a76bff6a23c7b66b1fa45d92c12072905835bb44.png') no-repeat left top; position: relative; } #cbb-songs .cbb-activities:hover .top { background-position: right top; } #cbb-songs .cbb-activities .content { background: url('/staticarchive/a76bff6a23c7b66b1fa45d92c12072905835bb44.png') no-repeat left bottom; position: relative; } #cbb-songs .cbb-activities:hover .content { background-position: right bottom; } #cbb-watch .cbb-activities .top { background: url('/staticarchive/655b8e7a4b3dfe2e3c1eb78ffff99a5e26166f8e.png') no-repeat left top; position: relative; } #cbb-watch .cbb-activities:hover .top { background-position: right top; } #cbb-watch .cbb-activities .content { background: url('/staticarchive/655b8e7a4b3dfe2e3c1eb78ffff99a5e26166f8e.png') no-repeat left bottom; position: relative; } #cbb-watch .cbb-activities:hover .content { background-position: right bottom; } #cbb-stories .cbb-activities .top { background: url('/staticarchive/3d5aa9b69c79c58fa401d9b19480c66f329eda11.png') no-repeat left top; position: relative; } #cbb-stories .cbb-activities:hover .top { background-position: right top; } #cbb-stories .cbb-activities .content { background: url('/staticarchive/3d5aa9b69c79c58fa401d9b19480c66f329eda11.png') no-repeat left bottom; position: relative; } #cbb-stories .cbb-activities:hover .content { background-position: right bottom; } #cbb-radio .cbb-activities .top { background: url('/staticarchive/62af8d777378e526a50ac7f17d0ece8c06699ee2.png') no-repeat left top; position: relative; } #cbb-radio .cbb-activities:hover .top { background-position: right top; } #cbb-radio .cbb-activities .content { background: url('/staticarchive/62af8d777378e526a50ac7f17d0ece8c06699ee2.png') no-repeat left bottom; position: relative; } #cbb-radio .cbb-activities:hover .content { background-position: right bottom; color:#302800; } #cbb-makes .cbb-activities .top { background: url('/staticarchive/cb0fa2b4c4cde0628e0b2b3ab2bd19e781979a85.png') no-repeat left top; position: relative; } #cbb-makes .cbb-activities:hover .top { background-position: right top; } #cbb-makes .cbb-activities .content { background: url('/staticarchive/cb0fa2b4c4cde0628e0b2b3ab2bd19e781979a85.png') no-repeat left bottom; position: relative; } #cbb-makes .cbb-activities:hover .content { background-position: right bottom; color:#003741; } #cbb-games .cbb-activities .content, #cbb-songs .cbb-activities .content, #cbb-watch .cbb-activities .content, #cbb-stories .cbb-activities .content, #cbb-radio .cbb-activities .content, #cbb-makes .cbb-activities .content { min-height: 115px; } /* pagination control */ .cbb-main-content .cbb-pagination { width:688px; float:left; margin: 0 0 16px 0; } .cbb-main-content .cbb-pagination *:hover { text-decoration: none; } .cbb-main-content .cbb-pagination-top {background: url('/staticarchive/028f7dd173dc3d5a0070550cbdfee41ca6c42a46.png') no-repeat top left; display: block; height: 16px; } .cbb-main-content .cbb-pagination .cbb-navigation { background: #83c950; padding: 0px 24px 0px 24px; height: 30px; } .cbb-main-content .cbb-pagination .cbb-navigation li { text-align:center; float: left; display: inline-block; margin: 0px; } .cbb-main-content .cbb-pagination .cbb-navigation a, .cbb-pagination .cbb-navigation span { width:22px; height:28px; float:left; background-image:url('/staticarchive/7dc25215ecce147f387f5397213b8a83b5a0e7c0.gif'); background-repeat:no-repeat; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-prev.cbb-disabled { background-position:0px -28px; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-next.cbb-disabled { background-position:0px 0px; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-prev { background-position:0px -84px; margin:0px 19px 0px 0px; } .cbb-main-content .cbb-pagination .cbb-navigation a:hover.cbb-prev { background-position:0px -140px; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-next { background-position:0px -56px; margin:0px 0px 0px 14px; } .cbb-main-content .cbb-pagination .cbb-navigation a:hover.cbb-next { background-position:0px -112px; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-show-all { width:127px; height:22px; float:right; text-align:center; font-size: 1.16em; color:#213e11; padding:9px 0px 0px 0px; margin:0px 0px 0px 25px; background:url('/staticarchive/603c7022fc6e65f35aa2564033b22f5e110d4079.png') no-repeat; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-show-all:hover { background-position:0px -62px; color: #fff; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-show-all.cbb-disabled { font-weight: bold; color: #68b43c; background: none; } .cbb-main-content .cbb-pagination .cbb-navigation .cbb-show-all-message { float: left; font-size: 1.385em; font-weight: bold; color: #213e11; padding: 4px 0 0 0; margin: 0; } .cbb-main-content .cbb-pagination .cbb-navigation ol a, .cbb-pagination .cbb-navigation ol span { font-weight: bold; width:33px; height:22px; text-align:center; float:left; display:block; color:#213e11; font-size:1.2em; padding:8px 0px 1px 1px; margin:0px 7px 0px 0px; background:url('/staticarchive/2ea07eacdaae6723fdc366c427cd2b0264631f09.png') no-repeat; } .cbb-main-content .cbb-pagination .cbb-navigation ol a:hover { background-position:0px -31px; color:#ffffff; } .cbb-main-content .cbb-pagination .cbb-navigation ol span.cbb-selected { background-image:url('/staticarchive/2ea07eacdaae6723fdc366c427cd2b0264631f09.png'); background-position:0px -62px; color:#ffffff; } .cbb-main-content .cbb-pagination .cbb-navigation ol span.cbb-elipse { background-position: 0 0; background: none; } .cbb-main-content .cbb-pagination-bottom { background: url('/staticarchive/028f7dd173dc3d5a0070550cbdfee41ca6c42a46.png') no-repeat bottom left; display: block; height: 16px; } /* grass */ .cbb-decoration-bottom { background: url('/staticarchive/87dec595730e41077b523836b6b31857471c10e6.png') no-repeat 0 0; height: 40px; width: 240px; position: absolute; top: 140px; } .cbb-decoration-bottom0 { } .cbb-decoration-bottom1 { background-position: 0 -40px; } .cbb-decoration-bottom2 { background-position: 0 -80px; } .cbb-decoration-bottom3 { background-position: 0 -120px; } .cbb-decoration-bottom4 { background-position: 0 -160px; } .cbb-decoration-bottom5 { background-position: 0 -200px; } /* BRAND SUPPORT PAGE */ /* secondary promos */ #cbb-show .cbb-secondary-promo,#cbb-show .cbb-secondary-promo.last { list-style:none; margin-bottom:16px; } /* carousel */ body #cbb-primarypromos #cbb-standardpromo .carousel-nav,body #cbb-primarypromos #cbb-standardpromo .carousel-window,body #cbb-primarypromos #cbb-standardpromo .carousel-arrow,body #cbb-primarypromos #cbb-standardpromo .carousel-arrow { background:none; } body #cbb-primarypromos #cbb-standardpromo #cbb-carousel li { display:none; } body #cbb-primarypromos #cbb-standardpromo #cbb-carousel li.cbb-firstslide { display:block; position:relative; left:-16px; } #cbb-standardpromo #cbb-carousel-container { width:736px; height:277px; position: relative; margin: 0px 0px 32px 0px; background: url('/staticarchive/d0d056c369467ef7bb605b49f6e24c398cf7f455.png') no-repeat; } #cbb-standardpromo #cbb-carousel-content { width:706px; height:253px; overflow: hidden; padding:7px 0px 0px 0px; margin:0px 0px 0px 16px; } #cbb-standardpromo .cbb-carousel-bottom { width:736px; height:16px; position:absolute; top:268px; left:0px; z-index:2; background:url('/staticarchive/e76fdb86c9f39d7e3e1c5e00cd36f51ab3c82fc3.png') no-repeat; } #cbb-standardpromo .cbb-carousel-decor { width:762px; height:42px; position:absolute; left:-21px; top:276px; z-index:3; background:url('/staticarchive/a7c33223d4f5b4efcff9731d6b0f804cae480d8c.png') no-repeat; } #cbb-standardpromo #cbb-carousel-container .carousel-window #cbb-carousel li .cbb-matte { background:url('/staticarchive/d56bf5aac13d950ed1fed699912ceaa8f44ee8ec.png') repeat 0 0; width: 100%; height: 100%; z-index: 1; position: absolute; top: 0px; } #cbb-standardpromo .cbb-right-matte, #cbb-standardpromo .cbb-left-matte { background:url('/staticarchive/d56bf5aac13d950ed1fed699912ceaa8f44ee8ec.png') repeat 0 0; height: 100%; z-index: 1; } #cbb-standardpromo .cbb-right-matte { width: 127px; float: right; position: relative; top: -273px; } #cbb-standardpromo .cbb-left-matte { width:137px; height:243px; float: left; position: absolute; top: 17px;} #cbb-standardpromo #cbb-carousel { width: 4000px; height: 243px; position: relative; margin: 0 0 0 142px; } /* javascript on */ .js-ready body #cbb-primarypromos #cbb-standardpromo #cbb-carousel li { width:432px; height:243px; margin:0px 5px 0px 0px; padding: 0; display: block; line-height: 0; position: relative; } .js-ready body #cbb-primarypromos #cbb-standardpromo #cbb-carousel li.cbb-firstslide { position:static;} /* enhanced promo flash embed */ #cbb-enhancedpromo { margin:0px 0px 40px 0px; } #cbb-enhancedpromo h1, #cbb-standardpromo h1 { position: absolute; z-index: -1; } /* no javascript */ #cbb-carousel-container .cbb-carousel-left { width:16px; height:273px; position:absolute; top:0px; left:0px; z-index:2; background: url('/staticarchive/faaa3825e6f597e700b745c7ec81ded434f89b8d.png') no-repeat; } #cbb-carousel-container .cbb-carousel-right { width:16px; height:273px; position:absolute; top:0px; right:0px; z-index:2; background: url('/staticarchive/7a56ee53af9f617fd6dd9acb92f4aabf7ac42628.png') no-repeat; } /* cbb-primarypromos #cbb-standardpromo #cbb-carousel-container #cbb-carousel li { display:none; } .js-ready #cbb-primarypromos #cbb-standardpromo #cbb-carousel-container #cbb-carousel li { display:block; } #cbb-primarypromos #cbb-standardpromo #cbb-carousel-container #cbb-carousel li.cbb-firstslide { display:block; margin-left: 138px; } #cbb-standardpromo { display: block; height:304px; width: 736px; float: left; margin: 0; padding: 0; position:relative; }*/ /* with javascript */ .js-ready #cbb-carousel-container .cbb-carousel-left { width:16px; height:273px; position:absolute; top:0px; left:0px; z-index:2; background: url('/staticarchive/faaa3825e6f597e700b745c7ec81ded434f89b8d.png') no-repeat; } .js-ready #cbb-carousel-container .cbb-carousel-right { width:16px; height:273px; position:absolute; top:0px; right:0px; z-index:2; background: url('/staticarchive/7a56ee53af9f617fd6dd9acb92f4aabf7ac42628.png') no-repeat; } .js-ready #cbb-carousel-container li { display:block; } #cbb-standardpromo { display: block; width: 736px; float: left; margin: 0; padding: 0; } #cbb-standardpromo #cbb-standardpromo #cbb-carousel { position: relative; left: -295px; height: 243px; } #cbb-standardpromo #cbb-carousel li { display: block; float: left; } #cbb-standardpromo #cbb-carousel li.cbb-firstslide { } /* controls */ .js-ready #cbb-standardpromo .gelui-carousel-navigation { display: block; position: absolute; cursor: pointer; background-image:url('/staticarchive/0346e379550d0ea2a28346018c8588b44f4832bb.png'); background-repeat:no-repeat; } .js-ready #cbb-standardpromo .gelui-carousel-navigation-left { width:74px; height:121px; top: 28%; z-index:4; left:16px; background-position:0px -121px; } .js-ready #cbb-standardpromo .gelui-carousel-navigation-left:hover { background-position:0px -363px; } .js-ready #cbb-standardpromo .gelui-carousel-navigation-right { width:74px; height:121px; top: 28%; z-index:4; right:14px; background-position:0px 0px; } .js-ready #cbb-standardpromo .gelui-carousel-navigation-right:hover {background-position:0px -242px; } /* #cbb-standardpromo .gelui-carousel-navigation-left { background-position:0px -363px; } #cbb-standardpromo .gelui-carousel-navigation-right { background-position:0px -242px; } #cbb-standardpromo .carousel-nav { position: absolute; bottom:56px; } */ /* slide images */ #cbb-standardpromo a.cbb-slide-image { display: block; left: 0; right: 0; position: absolute; } /* captions */ #cbb-standardpromo li .cbb-caption { width:432px; height: auto; background: url('/staticarchive/3c3f041762fe2429bb31da79a153d1984cfd2fad.png') repeat top left; position: absolute; bottom: 0; left: 0; } #cbb-standardpromo li .cbb-caption h2 { font-size: 1.6em; } #cbb-standardpromo li .cbb-caption h2 a { padding: 12px 12px 12px 60px; width: auto; position: relative; line-height: 1.2em; } #cbb-standardpromo li .cbb-caption p { font-size: 1em; font-size: 1.3em; } #cbb-standardpromo li .cbb-caption p a { font-weight: normal; } /* Activity Type Deccorative Icons */ #cbb-standardpromo li .cbb-caption-deccorative-icon { background: url('/staticarchive/3660e1b13846d0d841a858ea9f4975f1f9c97c47.png') no-repeat; width: 48px; height: 100%; position: absolute; border-right: 1px solid #ffffff; } #cbb-standardpromo li .cbb-caption-deccorative-icon.games { background-position: 0px 0px; background-color: #dc161f; } #cbb-standardpromo li .cbb-caption-deccorative-icon.songs { background-position: -48px 0px; background-color: #f27423; } #cbb-standardpromo li .cbb-caption-deccorative-icon.makes, #cbb-standardpromo li .cbb-caption-deccorative-icon.prints { background-position: -96px 0px; background-color: #03daff; } #cbb-standardpromo li .cbb-caption-deccorative-icon.stories { background-position: -144px 0px; background-color: #369e1e;} #cbb-standardpromo li .cbb-caption-deccorative-icon.watch { background-position: -192px 0px; background-color: #de067d; } /* GROWNUP PANEL SHARED */ /* Box styling */ .cbb-grownups-panel .cbb-cbeebies-gupanel-section { margin:0 0 16px 0; width:306px; float:left; background:#c1d4f3; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .header { width:304px; position:relative; background:#6879b6; margin:2px 0 0 0; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .header .left-shadow { width:1px; height:32px; display:inline-block; position:absolute; top:0; left:-1px; background:#bad2e4; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .header h3 { letter-spacing:-1px; height:29px; line-height:28px; font-size:1.384em; padding:0 12px; color:#fff; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .content { width:302px; float:left; position:relative; margin:0px 0px 0px 1px; background:#fff; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .content li { float:left; width:302px; margin:0 0 4px 0; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .content li a { display:block; margin:0 15px; padding:8px 16px 8px 8px; line-height:1.3em; color:#333333; } .cbb-grownups-panel .cbb-cbeebies-gupanel-section .content .bottom-shadow { width:304px; height:3px; position:absolute; bottom:-3px; right:-3px; background:#c1d4f3; } /* Right Hand Nav : Download Box styling */ #cbb-rightpromos .cbb-cbeebies-gupanel-download { width:204px; float:left; margin:0 0 12px 0; background:#c1d4f3; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content .left-shadow { width:1px; height:32px; display:inline-block; position:absolute; top:0; left:-1px; background:#bad2e4; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content h3 { height:22px; line-height:26px; font-size:1.461em; padding:0 8px; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content h3 a, #cbb-rightpromos .cbb-cbeebies-gupanel-download .content h3 a:hover { color:#6778ba; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content p { padding:0 40px 8px 8px; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content p a, #cbb-rightpromos .cbb-cbeebies-gupanel-download .content p a:hover { font-weight: normal; color:#000; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content { width:200px; float:left; position:relative; margin:0 0 0 1px; background:url('/staticarchive/7ea5348fee53096e6ebd05f21887a045d947f951.png') no-repeat bottom right #fff; } #cbb-rightpromos .cbb-cbeebies-gupanel-download .content .bottom-shadow { width:202px; height:3px; position:absolute; bottom:-3px; right:-3px; background:#c1d4f3; } /* Right Hand Nav : Download Box Progressively Enhanced Link styling */ .js-ready #cbb-rightpromos .cbb-cbeebies-gupanel-download:hover .content { cursor:pointer; } .js-ready #cbb-rightpromos .cbb-cbeebies-gupanel-download:hover .content h3 , .js-ready #cbb-rightpromos .cbb-cbeebies-gupanel-download:hover .content p { text-decoration:underline; } /* columns */ .cbb-grownups-panel .cbb-grownups-col1 { width:304px; float:left; margin:0 16px 0 0; } .cbb-grownups-panel .cbb-grownups-col2 { width:304px; float:left; margin:-37px 16px 0 0; } .cbb-activity .cbb-grownupscontent .cbb-grownups-col2 { min-height:250px;} .cbb-grownups-panel .cbb-grownups-col3 { width:304px; float:left; margin:0; } /* panel */ #cbb-content .cbb-grownups-panel { width:976px; float:left; margin:32px 0 0 0; position:relative; z-index:999;line-height: 1.3em;} #cbb-home .cbb-grownups-panel { margin:0; } #cbb-content .cbb-grownups-panel .top, #cbb-search .cbb-grownups-panel .top { width:976px; height:16px; background:url('/staticarchive/11e457f96690d001c81d38d84977aeff94a067eb.png') no-repeat top left; } /* content */ .cbb-grownups-panel .cbb-grownupscontent { float:left; position:relative; padding:0 16px 16px 16px; background:url('/staticarchive/11e457f96690d001c81d38d84977aeff94a067eb.png') no-repeat bottom left; } .cbb-grownups-panel .cbb-grownupscontent h2 { width:950px; height:32px; text-indent:-5000px; background:url('/staticarchive/5b5d23a60ac0cedfb36737dabb370ffce1f00ea0.png') no-repeat; } .cbb-grownups-panel .cbb-grownupscontent p { color:#333; } .cbb-grownups-panel .cbb-grownupscontent h3 { color:#6879b6; letter-spacing:-1px; margin:0 0 4px 0; } /* promo */ .cbb-grownups-panel .cbb-grownupspromo h3 a { width:170px; height:91px; position:relative; text-indent:-5000px; background:url('/staticarchive/ad20bd644458367f5b5a19a8531d1142be4063f7.png') no-repeat; } .cbb-grownups-panel .cbb-grownupspromo h3 a:hover { background:url('/staticarchive/ad20bd644458367f5b5a19a8531d1142be4063f7.png') no-repeat; } .cbb-grownups-panel .cbb-grownupspromo a { font-weight:bold; width:250px; height:39px; display:block; line-height:39px; font-size:1.2em; font-weight:bold; color:#fff; padding:0 0 0 10px; margin:20px 0 0 0; background:url('/staticarchive/eb7ecb4420863fe994841cacf45f468d0fd653ee.png') no-repeat 238px 13px #9f37d8; } .cbb-grownups-panel .cbb-grownupspromo a:hover { background-color:#51226c; } .cbb-grownups-panel .cbb-grownupspromo p { font-weight:bold; } .cbb-grownups-panel .cbb-generic a { color:#4f2e92; margin:0 5px; } /* themes */ .cbb-developmentthemes { display:block; float:left; margin:0; width:306px; } .cbb-developmentthemes .content ul li a img { vertical-align:middle; padding:0 4px 0 0; } /* slither */ #cbb-games .cbb-grownupscontent,#cbb-songs .cbb-grownupscontent,#cbb-makes .cbb-grownupscontent, #cbb-stories .cbb-grownupscontent, #cbb-watch .cbb-grownupscontent, /*#cbb-radio .cbb-grownupscontent,*/ #cbb-search .cbb-grownupscontent, #cbb-showsindex .cbb-grownupscontent { width:944px; padding:0 16px 16px 16px; background:url('/staticarchive/35297e5dea1bb2324f13f92369abcc19ed9780c0.png') no-repeat bottom left; } #cbb-radio .cbb-grownupscontent p { margin-right:220px; } #cbb-radio .cbb-activity .cbb-grownupscontent p { margin-right:0; } #cbb-games .cbb-activity .cbb-grownupscontent h2,#cbb-songs .cbb-grownupscontent h2,#cbb-makes .cbb-grownupscontent h2,#cbb-stories .cbb-grownupscontent h2, #cbb-stories .cbb-grownupscontent h2,#cbb-watch .cbb-grownupscontent h2,#cbb-search .cbb-grownupscontent h2,#cbb-showsindex .cbb-grownupscontent h2 { margin:0 0 4px 0; } .cbb-generic p { float:left; font-size:1.3em; width:670px; } .cbb-main-content .cbb-generic a { margin:0 5px; color:#4f2e92; } /* right hand nav promo panel */ #cbb-rightpromos .cbb-grownups-panel { width:224px; margin:0; } #cbb-rightpromos .cbb-grownups-panel .top { width:224px; height:16px; background:url('/staticarchive/284332a1f6e01675f3ed326d138839fa0956e242.png') no-repeat top left; } /* right hand nav promo content */ #cbb-rightpromos .cbb-grownupscontent h2 { height:58px; text-indent:-5000px; background:url('/staticarchive/686db0af99bc1270feb7ed2b8da12548e0f2d45d.png') no-repeat scroll 8px 0 transparent; } #cbb-rightpromos .cbb-grownupscontent { height:266px; width:208px; float:left; position:relative; padding:0 8px 16px; background:url('/staticarchive/284332a1f6e01675f3ed326d138839fa0956e242.png') no-repeat bottom left; } #cbb-rightpromos .cbb-grownupscontent p { padding:0 8px 8px; margin-right:0; } #cbb-rightpromos .cbb-grownupscontent .cbb-grownups-promo a { font-weight:bold; font-size:0.919em; background:url('/staticarchive/eb7ecb4420863fe994841cacf45f468d0fd653ee.png') no-repeat scroll 180px 5px #9f37d8; color:#fff; display:block; height:24px; line-height:24px; margin:0; overflow:hidden; padding:0 8px; width:188px; } #cbb-rightpromos .cbb-grownupscontent .cbb-grownups-promo { float:left; position:relative; } /* activity shared */ .cbb-activitiesindex .cbb-grownups-col1, .cbb-showsindex .cbb-grownups-col1, .cbb-search .cbb-grownups-col1 { width: auto; } #cbb-radio .cbb-activitiesindex .cbb-grownups-col1 {width:660px;} #cbb-games .cbb-activity .cbb-grownupscontent,#cbb-songs .cbb-activity .cbb-grownupscontent,#cbb-makes .cbb-activity .cbb-grownupscontent, #cbb-stories .cbb-activity .cbb-grownupscontent,#cbb-watch .cbb-activity .cbb-grownupscontent { position:relative; float:left; background: url('/staticarchive/11e457f96690d001c81d38d84977aeff94a067eb.png') no-repeat bottom left; } .cbb-activity .cbb-aboutactivity { min-height:200px; float:left; margin:0 16px 0 0; } .cbb-activity .cbb-grownupscontent .cbb-grownupspromo h3 { margin:-57px 0 12px 60px; } .cbb-activity .cbb-grownupscontent .cbb-grownupspromo { width:272px; margin:0 16px; } .cbb-activity .cbb-cbeebies-gupanel-section .content { float:left; } .cbb-playlist li, .cbb-activity .cbb-cbeebies-gupanel-section li { width:286px; float:left; margin:0 8px 4px 8px; } .cbb-activity .cbb-cbeebies-gupanel-section li a { line-height:2.6em; color:#333333;} /* EP: removed height:2.8em; */ /* shows */ #cbb-show .cbb-aboutshow { width:308px; min-height:200px; float:left; margin:0 16px 0 0; } #cbb-show .cbb-grownupscontent .cbb-grownupspromo{ width:262px; float:left; margin:-40px 16px 0 32px; } #cbb-show .cbb-grownupspromo h3 { margin:0 0 4px 57px; } /* news */ .cbb-grownupscontent .cbb-news { width:290px; float:left; margin:0 26px 0 0; } .cbb-instructions h3 { font-size:2.0em; color:#6778ba; margin:0 0 4px 0; } .cbb-grownupscontent .cbb-news img { float:right; margin:0 0 8px 8px; } .cbb-grownupscontent .cbb-news p, .cbb-instructions p { display:block; float:none; line-height:1.3em; margin:0 0 16px 0; color:#333; } .cbb-grownupscontent .cbb-news p a { color:#4f2e92; } .cbb-grownupscontent .cbb-news span { display:block; margin:0 0 16px 0; } /* TV Guide*/ .cbb-grownupscontent .cbb-tvguide { width:308px; float:left;} #cbb-home .cbb-grownupscontent .cbb-tvguide { margin:0 0 16px 0; } .cbb-grownupscontent .cbb-tvguide .cbb-cbeebies-gupanel-section { margin:0; } .cbb-grownupscontent .cbb-tvguide .cbb-cbeebies-gupanel-section h3 { height:37px; margin:0; padding:0; font-size:1.23em; } .cbb-grownupscontent .cbb-cbeebies-gupanel-section h3 { margin:0; } .cbb-grownupscontent .cbb-tvguide a.cbb-gupanel-textlink { display:block; padding:0 12px; height:auto; line-height:37px; color:#fff; background:url('/staticarchive/afbe3cb8db9c6ffac9dcfabbc87f5d2ec617598c.png') no-repeat scroll 282px 13px #483c8e; } .cbb-grownupscontent .cbb-tvguide a:hover.cbb-gupanel-textlink { background-color:#231a56; } .cbb-grownupscontent .cbb-grownupspromo { width:280px; float:left; margin:-36px 0 0 14px; } .cbb-grownupscontent .cbb-grownupspromo h3 { margin:0 0 12px 60px; } /* Search & Development Themes & TV Guide shared */ .cbb-grownupscontent .cbb-search .content, .cbb-grownupscontent .cbb-developmentthemes .content, .cbb-activity .cbb-grownupscontent .cbb-tvguide .content { float:left; padding:10px 0; } .cbb-grownupscontent .cbb-search .content li a, .cbb-grownupscontent .cbb-developmentthemes .content li a, .cbb-activity .cbb-grownupscontent .cbb-tvguide .content li a { color:#582d94; background:url('/staticarchive/dbed353cc3156ebc00c1581495e7205825117b2a.png') no-repeat 253px 10px; } .cbb-grownupscontent .cbb-search .content li a:hover, .cbb-grownupscontent .cbb-developmentthemes .content li a:hover, .cbb-activity .cbb-grownupscontent .cbb-tvguide .content li a:hover { background-color:#e0c2e3; text-decoration:none; } /* SEARCH PAGE */ #cbb-search #cbb-board { height:auto; } #cbb-search #cbb-boardcontent { width:752px; display:block; float:left; } #cbb-search #cbb-boardcontent #cbb-clp-content { width:704px; float:left; padding:0px 16px 0px 16px; background: none repeat #6fc040; } #cbb-search #cbb-search-content .cbb-search-container { width:672px; min-height:58px; position:relative; padding:16px; margin:0px 0px 20px 0px; background:#ffffff; } #cbb-search #cbb-search-content .cbb-search-container fieldset { display:none; } #cbb-search #cbb-search-content .cbb-search-container h1 { font-size:1.846em; } #cbb-search #cbb-search-content .cbb-icon { width:78px; height:74px; position:absolute; top:13px; right:12px; background:url('/staticarchive/55c66dcb54afaa54d2ccb3df7a996c9af64cc979.png') no-repeat; } #cbb-search #bbcsearchResults #bbcsearchResultsPages { display:none; } #cbb-search #cbb-search-results { width:672px; position:relative; padding:16px; background:#ffffff; } #cbb-search .bbcsearchResult a,#cbb-search .bbcsearchBestLink a { display:none; } #cbb-search .bbcsearchResult h3,#cbb-search .bbcsearchBestLink h3 { font-size:1.6em; margin:0px 0px 3px 0px; } #cbb-search .bbcsearchResult h3 a,#cbb-search .bbcsearchBestLink h3 a { color:#4a3398; display:block; } #cbb-search .bbcsearchResult p,#cbb-search .bbcsearchBestLink p { display:block; margin:0px 8px 24px 0px; } #bbcsearchResults h2 { display:none; } #bbcsearchResults #bbcsearchiPlayer h2 { display:block; } #cbb-search #cbb-search-content .cbb-decor { width:704px; height:56px; position:absolute; bottom:-43px; left:0px; background:url('/staticarchive/64be135f3eac4560fc17e8351bf7f6d62a24442d.png') no-repeat; } #cbb-search-results .cbb-disclaimer { padding:10px 0px 10px 0px; } #cbb-search-results .cbb-disclaimer a { color:#4a3398; } /* Pagination */ #bbcsearchPagination { display:inline-block; position:relative; padding:0px 22px 0px 30px; overflow:hidden; background-image:url('/staticarchive/ff24a29dbd347c9c67f4aba3383ef73f685bddf8.gif'); background-repeat:no-repeat; background-position:top left; } #bbcsearchPagination ul { display:block; float:left; margin:0px 0px 0px 0px; padding:0px 23px 0px 0px; background-image:url('/staticarchive/8a9811bcba0c8f43a7a410ad257a5ffcd6304064.gif'); background-repeat:no-repeat; background-position:top right; } #bbcsearchPagination li { display:inline-block; float:left; text-align:center; margin:0px; } #bbcsearchPagination li a { width:33px; height:22px; text-align:center; float:left; display:block; color:#213e11; font-size:1.2em; font-weight: bold; padding:8px 0px 1px 1px; margin:0px 7px 0px 0px; background:url('/staticarchive/2ea07eacdaae6723fdc366c427cd2b0264631f09.png') no-repeat; } #bbcsearchPagination li a:hover { background-position:0px -31px; color:#ffffff; } #bbcsearchPagination li span.active { width:33px; height:22px; display:block; float:left; text-align:center; font-size:1.2em; font-weight:bold; margin: 0px 7px 0px 0px; color: #ffffff; padding:8px 0px 1px 1px; background: url('/staticarchive/2ea07eacdaae6723fdc366c427cd2b0264631f09.png') no-repeat 0 -62px; } /* arrows */ #bbcsearchPagination a { width:22px; height:28px; float:left; background-image:url('/staticarchive/7dc25215ecce147f387f5397213b8a83b5a0e7c0.gif'); background-repeat:no-repeat; } #bbcsearchPagination a.bbcsearchPrevious { position:absolute; top:0px; left:0px; text-indent:5000px; background-position:0px -84px; margin:0px 19px 0px 0px; } #bbcsearchPagination a:hover.bbcsearchPrevious { background-position:0px -140px; } #bbcsearchPagination a.bbcsearchNext { position:absolute; top:0px; right:23px; text-indent:5000px; background-position:0px -56px; margin:0px 0px 0px 14px; } #bbcsearchPagination a:hover.bbcsearchNext { background-position:0px -112px; } /* iplayer promos (RHC) */ #cbb-search #bbcsearchiPlayer { width:224px; left:752px; position:absolute; top:-100px; background:#fcdb18; } #cbb-search #bbcsearchiPlayer h2 { width:224px; height:69px; position:relative; top:-41px; text-indent:-5000px; background:url('/staticarchive/a878fd2f37b83e170cf2125cbd450461484f8d60.png') no-repeat; } #cbb-search #bbcsearchiPlayer .result img { border:solid 3px #ffffff; margin:0px 0px 7px 0px; } #cbb-search #bbcsearchiPlayer ul { } #cbb-search #bbcsearchiPlayer li.result { width:192px; height:207px; float:left; position:relative; top:-150px; padding:0px 16px; } #cbb-search #bbcsearchiPlayer a { position:absolute; top:120px; font-size:1.3em; color:#3f3706; } #cbb-search #bbcsearchiPlayer a:hover { text-decoration:none; } #cbb-search #bbcsearchiPlayer a.video {} #cbb-search #bbcsearchiPlayer a.thumb { position:absolute; top:220px; } #cbb-search #bbcsearchiPlayer a.video img { display:none; } #cbb-search #bbcsearchiPlayer a.thumb img { width:186px; height:102px; display:block; position:absolute; top:-77px; } #cbb-search #bbcsearchiPlayer .subtitle { width:155px; height:25px; display:block; cursor:pointer; z-index:99; line-height:25px; position:absolute; top:103px; left:3px; overflow:hidden; font-size:0.7em; color:#ffffff; padding:0px 5px 0px 26px; background: url('/staticarchive/56fb64f0655d6ac2c8318e7559a61ebf568d5fc4.png') no-repeat; } #cbb-search #bbcsearchiPlayer .subtitle:hover,#cbb-search #bbcsearchiPlayer .subtitle:focus { text-decoration:underline; } #cbb-search #bbcsearchiPlayer li.result p.abstract { margin:256px 0px 0px 0px; font-size:1.0em; color:#3f3706; } #cbb-search .datestamp { font-weight:bold; color:#3f3706; } #cbb-search .moreiplayer { position:absolute; bottom:10px; left:0px; display:block; font-size:1.3em; padding:0px 16px 8px 16px; } #cbb-search .moreiplayer .cbeebies-hr { width:224px; height:20px; position:absolute; left:0px; bottom:-20px; background:url('/staticarchive/01ff5e14410fe46e980a5fe0395a0fa29a917ad4.png') no-repeat; } #cbb-search #bbcsearchiPlayer .moreiplayer a { position:static; } p.bbcsearchError { margin:-35px 0px 10px 0px; padding:0px 16px; } #cbb-search-results p.bbcsearchError {margin: -35px 0 0 15px; padding: 0 0 15px; } /* about bbc search */ #cbb-search .cbb-about-search { width:224px; left:752px; top:650px; position:absolute; } #cbb-search .cbb-about-search .top { width:224px; height:8px; background:url('/staticarchive/cb0e94b9d626810369020eb0353fc02ce165094c.png') no-repeat; } #cbb-search .cbb-about-search .content { float:left; padding:0px 16px 16px 16px; background:#b0dc71; } #cbb-search .cbb-about-search .content h2 { font-size:1.615em; } #cbb-search .cbb-about-search .content a { color:#333333; font-weight:bold; } #cbb-search .cbb-about-search-bottom { width:234px; height:20px; position:absolute; left:752px; top:808px; background:url('/staticarchive/d4b6610e2ec80d7ca902647967111c5a390927d1.png') no-repeat;} /* SECTION INDICES */ /* Right Hand Filters */ #cbb-slp-nav .cbb-filter-item { float: right; width: 224px; margin:0 0 8px 0; } #cbb-slp-nav .cbb-filter-item:hover .cbb-decoration-top,#cbb-slp-nav .cbb-filter-item:focus .cbb-decoration-top { background-position: 0px -8px; } #cbb-slp-nav .cbb-filter-item:hover .cbb-decoration-bottom,#cbb-slp-nav .cbb-filter-item:focus .cbb-decoration-bottom { background-position: 0px -16px; } #cbb-slp-nav .cbb-filter-item.no-hover:hover h2 a,#cbb-slp-nav .cbb-filter-item.no-hover:focus h2 a { background: #4a3398; color: #ffffff; } #cbb-slp-nav .cbb-filter-item.no-hover:hover .cbb-decoration-top,#cbb-slp-nav .cbb-filter-item.no-hover:focus .cbb-decoration-top { background-position: 0px 0px; } #cbb-slp-nav .cbb-filter-item.no-hover:hover .cbb-decoration-bottom,#cbb-slp-nav .cbb-filter-item.no-hover:focus .cbb-decoration-bottom { background-position: 0px 0px; } /* play game by show */ #cbb-slp-nav { float: right; width: 224px; } #cbb-slp-nav *:focus { text-decoration: none; } #cbb-slp-nav a:hover span.text { text-decoration: underline; } #cbb-slp-nav ul { float: right; } #cbb-slp-nav ul li { margin:0; list-style:none; } /* Decoration */ #cbb-slp-nav .cbb-decoration-top, #cbb-slp-nav .cbb-decoration-bottom, #cbb-slp-nav .cbb-filter-item li a span.cbb-decoration-bottom, #cbb-slp-nav .cbb-filter-item a span.cbb-decoration-bottom { display: block; height: 6px; width: 224px; position: static; top: 0px; } #cbb-slp-nav .cbb-filter-item .cbb-decoration-top, #cbb-slp-nav .cbb-filter-item li a span.cbb-decoration-top, #cbb-slp-nav .cbb-filter-item a span.cbb-decoration-top { background:url('/staticarchive/7a7e0cbd5f32a61b3f1908f8e694ca6ad848a6cd.png') no-repeat 0 0; } #cbb-slp-nav .cbb-filter-item .cbb-decoration-bottom, #cbb-slp-nav .cbb-filter-item li a span.cbb-decoration-bottom, #cbb-slp-nav .cbb-filter-item a span.cbb-decoration-bottom { background:url('/staticarchive/afd6233695871f79802cf2839e2f9c724fe5ecd0.png') no-repeat 0 0; height: 16px; float: right; } /* Default Styles */ #cbb-slp-nav ul h2 { font-size: 1.231em; margin:0; display:block; } #cbb-slp-nav h2 { font-size: 1.6em; margin:0; display:block; font-weight: bold; } #cbb-slp-nav ul h2 a, #cbb-slp-nav h2 a { width: 224px; display:block; overflow:hidden; color: #ffffff; } #cbb-slp-nav ul h2 a span.text, #cbb-slp-nav h2 a span.text { background: none repeat scroll 0 0 #4a3398; display: block; padding: 8px 0 0 16px; width: 208px; font-size: 0.769em; } #cbb-slp-nav ul h2 a:hover span.text, #cbb-slp-nav h2 a:hover span.text { background: #ffffff; color: #4a3398; } #cbb-slp-nav ul h3 { font-size: 1.231em; margin:0; display:block; margin: 0 0 0px 0; background: #4a3398; } #cbb-slp-nav ul h3 a { height:36px; line-height:36px; width: 180px; display:block; overflow:hidden; background: #8a73d9; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 12px; border-bottom: 1px solid #4a3398; } #cbb-slp-nav .cbb-theme-item h2 a, #cbb-slp-nav .cbb-theme-item h2 span { padding: 8px 0 8px 16px; width: 208px; background: none repeat scroll 0 0 #4a3398; display: block; color: #ffffff; } #cbb-slp-nav .cbb-sub-filter h3, #cbb-slp-nav .cbb-sub-filter h3 a { font-weight: normal; } /* Active Styles */ #cbb-slp-nav .cbb-active { background:none; width: auto;} #cbb-slp-nav .cbb-active h2 { padding: 0 4px 0 0; background:url('/staticarchive/2bb159c49efad052925412aeefe5a6947ecf2bcf.jpg') 231px 0 transparent no-repeat; } #cbb-slp-nav .cbb-active h2 span.text { background:url('/staticarchive/0c7f5438f3aed6fa002c8e6715d45501ffadbf9b.png') no-repeat; display: block; width: 200px; height: 48px; line-height: 48px; color: #4A3398; padding: 0 0 0 32px; font-size: 0.769em; } #cbb-slp-nav .cbb-active .cbb-decoration-top, #cbb-slp-nav .cbb-active .cbb-decoration-bottom, #cbb-slp-nav .cbb-filter-item:hover .cbb-active .cbb-decoration-top, #cbb-slp-nav .cbb-filter-item:hover .cbb-active .cbb-decoration-bottom { display: none; } #cbb-slp-nav .cbb-filter-item.cbb-active:hover h2 a { background:url('/staticarchive/0c7f5438f3aed6fa002c8e6715d45501ffadbf9b.png') no-repeat; } #cbb-slp-nav .cbb-sub-filter h3:hover a { background: #ffffff; color: #4a3398; } #cbb-slp-nav .cbb-filter-item.cbb-active ul li h2 a span.text, #cbb-slp-nav .cbb-filter-item.cbb-active h2 a span.text { background: #ffffff; color: #4a3398; padding: 0px; } /* Active filter style */ #cbb-slp-nav .cbb-sub-filter.cbb-filter-active h3 { background:url('/staticarchive/c583abe7d885377eb386da6baba9a7ffc4d9b3b6.png') no-repeat #4a3398 4px 1px; } #cbb-slp-nav .cbb-sub-filter.cbb-filter-active h3 a { background: none; color: #4a3398; } #cbb-slp-nav .cbb-sub-filter.cbb-filter-active h3 span { display: block; width: 180px; padding: 0px 0px 0px 12px; margin: 0px 0px 0px 16px; height: 36px; line-height: 36px; color: #4a3398; overflow: hidden; } /* panel */ #cbb-slp-nav .cbb-panel { width:224px; float:left; margin:0px 0px 8px 16px; } #cbb-slp-nav .cbb-panel .top { width:224px; height:6px; background:url('/staticarchive/cef857ac29187005a9113f60193c86140b8080fb.png') no-repeat; } #cbb-slp-nav .cbb-panel .content { width:192px; padding:0px 16px 8px 16px; background:url('/staticarchive/102c91a991d11dec4aab475a12690d9832abb375.png') no-repeat bottom left;} #cbb-slp-nav .cbb-panel .content h2 { font-size:1.3em; padding:4px 0px 0px 0px; margin:0px; } #cbb-slp-nav .cbb-panel .content h2,.cbb-panel .content h2 a { color:#ffffff; } #cbb-slp-nav a { color:#ffffff; } #cbb-slp-nav .cbb-panel .content li#slp_bt ul li { background:#8a73d9; margin:0px 0px 1px 0px; padding:0px; } #cbb-slp-nav .cbb-panel .content li#slp_bt ul li a { width:176px; display:inline-block; line-height:2.6em; padding:0px 8px 0px 8px; color:#ffffff; } #cbb-slp-nav .cbb-panel .content li#slp_bt ul li a:hover { background:#ffffff; color:#4a3398; text-decoration: none; } /* IPLAYER / CUSTOM PROMO */ .cbb-iplayer-promo, .cbb-custom-promo { width:224px; float:left; position:relative; } .cbb-iplayer-promo:hover .top, .cbb-iplayer-promo:hover .content, .cbb-iplayer-promo:hover .bottom, .cbb-custom-promo:hover .top, .cbb-custom-promo:hover .content, .cbb-custom-promo:hover .bottom { background-position: -224px 0; color: #ffffff; } .cbb-custom-promo:hover .content a { color: #fff; } /*, .cbb-iplayer-promo:hover .content a*/ .cbb-custom-promo { margin:0px 0px 40px 0px; } .cbb-iplayer-promo .top, .cbb-custom-promo .top { width:224px; height:44px; position:relative; z-index:1; background: url('/staticarchive/12e8521217671dbfac62563e3daa00e289373771.png') no-repeat; } .cbb-iplayer-promo h2, .cbb-custom-promo h2 { width:112px; height:36px; display:block; position:absolute; z-index:3; top:8px; left:6px; background: url('/staticarchive/b3f6afd2e739623c34847def0eb69a123feb1582.png') no-repeat; } .cbb-custom-promo h2 { background: none; z-index: 0; } .cbb-iplayer-promo .content { width:224px; display:block; /* and cbb-clearfix */ position:relative; z-index:2; background: url('/staticarchive/868acdfeda052091380b71b4334105c8334d7af7.png') repeat-y; } .cbb-custom-promo .content { position:relative; padding:0px 0px 0px 16px; background: url('/staticarchive/868acdfeda052091380b71b4334105c8334d7af7.png') repeat-y; } .cbb-iplayer-promo .bottom, .cbb-custom-promo .bottom { width:224px; height:9px; float:left; background: url('/staticarchive/8425cccf302382ede870afc2ff19439a29159b73.png') no-repeat; } .cbb-iplayer-promo .decor { width:224px; height:19px; position:relative; margin:0px 0px 8px 0px; background:url('/staticarchive/792e38fee46331ec07f81bffa79367e3a2bee883.png') no-repeat; } .cbb-custom-promo .decor { width:224px; height:19px; position:relative; margin:-8px 0px 8px 0px; background:url('/staticarchive/792e38fee46331ec07f81bffa79367e3a2bee883.png') no-repeat; } .cbb-custom-promo .bottom { margin-top:-10px; } .cbb-iplayer-promo .cbb-iplayer-promo-thumbnail { width:192px; height:108px; position:relative; margin:-22px 16px 12px 16px; } .cbb-iplayer-promo .cbb-iplayer-promo-text { width:192px; font-weight:bold; margin:0px 0px 8px 16px; } .cbb-iplayer-promo .cbb-iplayer-promo-text a { color: #333; text-decoration: none; } .cbb-iplayer-promo:hover .cbb-iplayer-promo-text a { color: #ffffff; } .cbb-iplayer-promo .cbb-iplayer-promo-text a:hover { text-decoration:underline; color: #ffffff; } .cbb-iplayer-promo .cbb-iplayer-promo-thumbnail .cbb-caption { width:192px; position:absolute; bottom:-3px; left:0px; padding:0px; } .cbb-iplayer-promo .cbb-iplayer-promo-thumbnail .cbb-caption h3 { background: url('/staticarchive/cc6dc9235a8f74db4cc4a15837a6e9d8c19bf589.png') no-repeat; width:100%; height:100%; font-size:1em; line-height:1.33em; margin:0; color:#fff;} .cbb-iplayer-promo .cbb-iplayer-promo-thumbnail .cbb-caption h3:hover { background:url('/staticarchive/cc6dc9235a8f74db4cc4a15837a6e9d8c19bf589.png') no-repeat 0 -72px #000; width:100%; height:100%; font-size:1em; margin:0; text-decoration:none; } #cbb-content .cbb-iplayer-promo .cbb-iplayer-promo-thumbnail .cbb-caption h3 a { width:161px; padding:5px 0px 3px 30px; color:#fff;} .cbb-iplayer-promo img { border:#ffffff solid 3px; margin:-12px 0 0 -3px; display:block; min-width:192px; min-height:108px; } .cbb-custom-promo img { position:relative; z-index:2; border:#ffffff solid 3px; margin:-28px 0 0 -3px; display:block; min-width:192px; min-height:108px; } .cbb-iplayer-promo li, .cbb-custom-promo li { margin:0; } .cbb-iplayer-promo li:hover .cbb-caption h3{ background:url('/staticarchive/cc6dc9235a8f74db4cc4a15837a6e9d8c19bf589.png') no-repeat 0 -72px #000; width:100%; height:100%; font-size:1em; margin:0; text-decoration:none; } #cbb-rightpromos .cbb-custom-promo-text { width:192px; font-weight:bold; margin:4px 0px 8px 0px; } #cbb-rightpromos .cbb-custom-promo-text a { color:#333; text-decoration:none; } #cbb-rightpromos .cbb-custom-promo:hover a, #cbb-rightpromos .cbb-custom-promo-text a:hover{ text-decoration:underline; color:#fff;} /* TV Guide Link */ .cbb-iplayer-promo .cbb-iplayer-guide-section { display:inline-block; } .cbb-iplayer-promo .cbb-iplayer-guide-section h3 { margin: 0 13px; } .cbb-iplayer-promo .cbb-iplayer-guide-section h3 { font-size: 1.4em; height: 34px; margin: 0 13px; background: url("/staticarchive/afbe3cb8db9c6ffac9dcfabbc87f5d2ec617598c.png") no-repeat scroll 176px -75px #e8c804; } .cbb-iplayer-promo .cbb-iplayer-guide-section h3:hover { font-size: 1.4em; height: 34px; margin: 0 13px; background: url("/staticarchive/afbe3cb8db9c6ffac9dcfabbc87f5d2ec617598c.png") no-repeat scroll 176px 11px #1d1454; } .cbb-iplayer-promo .cbb-iplayer-guide-section .header h3 { color: #fff; font-size: 1.8em; height: 29px; line-height: 28px; padding: 0 12px; } .cbb-iplayer-promo .cbb-iplayer-guide-section h3 a.cbb-gupanel-textlink { color: #333; display: block; float: left; font-size: 0.85em; line-height: 1em; padding: 10px 30px 0 8px; width: 160px; } .cbb-iplayer-promo .cbb-iplayer-guide-section h3:hover a.cbb-gupanel-textlink { color: #fff;} .cbb-iplayer-promo .cbb-iplayer-guide-section h3 a:hover.cbb-gupanel-textlink { color: #fff; text-decoration:none;display:block;} /* Custom */ .cbb-media-content-option1, .cbb-media-content-option2, .cbb-media-content-option3, .cbb-media-content-option4, .cbb-media-content-option5{ margin:0 auto; background:#eaeaea;} .cbb-media-content-option1{ width:500px; height:420px;} .cbb-media-content-option2{ width:720px; height:438px;} .cbb-media-content-option3{ width:746px; height:457px;} .cbb-media-content-option4{ width:446px; height:251px;} .cbb-media-content-option5{ width:640px; height:395px;} /* Playlist journey */ #cbb-related-playlist { position:relative; margin-bottom:8px; } #cbb-related-playlist .top { width:224px; height:8px; background:url('/staticarchive/4e0810599f97c0b991585160dbb0ab34fcb34ca7.png') left top no-repeat; } #cbb-related-playlist:hover .top { background-position:left -48px; } #cbb-related-playlist .content { position:relative; padding:0px 8px; width:208px; min-height:54px; background:url('/staticarchive/132c94fc4fe25d57bbeee73294b2f50d4958d9ba.png') repeat-y; } #cbb-related-playlist:hover .content { background-position:-672px 0; } #cbb-related-playlist .content .cbb-caption { margin:0; padding:24px 0 0 104px; color:#fff; font-size:1.3em; line-height:1.2em; } #cbb-related-playlist:hover .content .cbb-caption { text-decoration:underline; } #cbb-related-playlist .content .cbb-icon { position:absolute; left:108px; top:-4px; display:block; width:85px; height:29px; background:url('../img/playlist_assets/playlist_logo_85_29.png') left top no-repeat;} #cbb-related-playlist .content img { position:absolute; left:8px; top:0; display:block; width:96px; } #cbb-related-playlist .bottom { width:224px; height:8px; background:url('/staticarchive/96b442e5a7cdf86319bd8813bdaebebc0bcb248a.png') left -8px no-repeat; } #cbb-related-playlist:hover .bottom { background-position:left -56px; } #cbb-related-playlist .decoration { display:none; } /* ZONED THEMED */ .cbb-zone-themed { width:224px; } .cbb-zone-themed h2, .cbb-tvschedule-promo h2 { text-indent:-2000px; margin:0; overflow:hidden; position:absolute; } .cbb-zone-themed a { padding:0px 0px 0px 9px; } /* TV Schedule Image Promo */ .cbb-tvschedule-promo { width:224px; height:480px; float:left; position:relative; top:0; left:0; /*z-index:-1;*/ } .cbb-tvschedule-promo img { position: absolute; top: 0; } .cbb-tvschedule-promo .head-image { background: no-repeat top left; height: 1000px; position: absolute; width: 264px; overflow: hidden; display: block; position: relative; } .cbb-tvschedule-promo .cbb-tvschedule-textcontainer { width:204px; float:left; background: no-repeat bottom left; position: absolute; top: 334px; padding: 10px 10px 10px 16px; } .cbb-tvschedule-promo .cbb-tvschedule-textcontainer * { color: #000000; text-align: center; } .cbb-tvschedule-promo .cbb-tvschedule-datetime { font-size: 1.539em; font-weight: bold; } .cbb-tvschedule-promo .cbb-tvschedule-channel { font-size: 1.3em; padding: 0 16px;} /* DESTINATION PAGES */ .cbb-onward-links { width: 224px; float:left; } .cbb-onward-links .cbb-back-to-main-page { width: 224px; height: 134px; text-align:center; background: url('/staticarchive/012a7f8cd6287a59f8bed597ac80c4506301102a.png') no-repeat 0 0; display: block; padding: 0 0 16px 0; } /* Activity Intro */ #cbb-activity-intro { display:block; margin:16px 0px 0px 0px; background: #ffffff; padding: 16px; z-index: 400; position: relative; } #cbb-activity-intro h1, #cbb-activity-intro p { color: #213e11; } #cbb-activity-intro h1 { font-size: 1.84em; } #cbb-activity-intro p { font-size: 1.231em; } /* Activity Content */ #cbb-activity-content { width: 752px; float: left; } /* Related Activity Panel */ #cbb-related-activity { position: relative; clear:both; } #cbb-related-activity .promo-icon { top:16px; right: 16px; } #cbb-related-activity .top { width: 224px; height: 16px; background: url('/staticarchive/4e0810599f97c0b991585160dbb0ab34fcb34ca7.png') no-repeat; } #cbb-related-activity img { min-height: 108px; display: block; margin: 0 0 6px 0; } #cbb-related-activity .content { width:192px; padding: 0px 16px; background: url('/staticarchive/132c94fc4fe25d57bbeee73294b2f50d4958d9ba.png') repeat-y; } #cbb-related-activity .content a { text-decoration: none; color: #ffffff; font-size: 1em; } #cbb-related-activity:hover.cbb-radio .content a { color: #000000; } #cbb-radio #cbb-related-activity:hover .content a { color: #000000; } #cbb-related-activity .bottom { width: 224px; height: 16px; background: url('/staticarchive/96b442e5a7cdf86319bd8813bdaebebc0bcb248a.png') no-repeat; } #cbb-related-activity .decoration { width:224px; height:20px; position:absolute; bottom:-7px; left:0px; background: url('/staticarchive/d0086579f2960e314a82ec6d7f2a13d63aadbfd0.png') no-repeat; } .cbb-all-activities { float: right; clear: both; width: 240px; height: 110px; background: no-repeat; display: block; } /* hover states */ #cbb-stories #cbb-related-activity:hover .top { background-position: 0px -80px ; } #cbb-stories #cbb-related-activity:hover .bottom { background-position: 0px -80px ; } #cbb-stories #cbb-related-activity:hover .content { background-position: -896px 0px ; } #cbb-songs #cbb-related-activity:hover .top { background-position: 0px -48px ; } #cbb-songs #cbb-related-activity:hover .bottom { background-position: 0px -48px ; } #cbb-songs #cbb-related-activity:hover .content { background-position: -672px 0px ; } #cbb-games #cbb-related-activity:hover .top { background-position: 0px -16px ; } #cbb-games #cbb-related-activity:hover .bottom { background-position: 0px -16px ; } #cbb-games #cbb-related-activity:hover .content { background-position: -224px 0px ; } #cbb-watch #cbb-related-activity:hover .top { background-position: 0px -64px ; } #cbb-watch #cbb-related-activity:hover .bottom { background-position: 0px -64px ; } #cbb-watch #cbb-related-activity:hover .content { background-position: -1344px 0px ; } #cbb-makes #cbb-related-activity:hover .top { background-position: 0px -32px ; } #cbb-makes #cbb-related-activity:hover .bottom { background-position: 0px -32px ; } #cbb-makes #cbb-related-activity:hover .content { background-position: -448px 0px ; } #cbb-radio #cbb-related-activity:hover .top { background-position: 0px -96px ; } #cbb-radio #cbb-related-activity:hover .bottom { background-position: 0px -96px ; } #cbb-radio #cbb-related-activity:hover .content { background-position: -1120px 0px ; } /* ACTIVITIES */ /* Shared */ #cbb-activity-container { width:752px; float:left; } /* Onward Links */ #cbb-games .cbb-all-activities { background: url('f/cbb-more-games.jpg'); } #cbb-songs .cbb-all-activities { background: url('f/cbb-more-songs.jpg'); } #cbb-makes .cbb-all-activities { background: url('f/cbb-more-makes.jpg'); } #cbb-stories .cbb-all-activities { background: url('f/cbb-more-stories.jpg'); } #cbb-watch .cbb-all-activities { background: url('/staticarchive/34047dcf86aa48caddea9f6f18acde9d68a1041d.jpg'); } /* temp */ #cbb-lb-rhs-content { width: 720px; } /* EMPs */ #cbb-embed, #cbb-embed-lightbox { float: left; text-align:center; position: relative;} #cbb-embed p.loading_content, #cbb-embed-lightbox p.loading_content { background: url('/staticarchive/7df503ce41394c51443194999a87b6d7692cc317.png') no-repeat 50% 50%; min-height: 300px; min-width: 500px; text-indent: -5000px; } #cbb-emp { background: #ccc; float: left; display: inline; } .cbb-emp-holder { } .cbb-emp-holder.emp-640-360 { width: 672px; } .cbb-emp-holder.emp-640-360 .top { background: url('/staticarchive/96c280b1d873306005f501f1b5373fb5560d5a30.png') no-repeat 0 0; height: 16px; display: block; } .cbb-emp-holder.emp-640-360 .content { background: #6fc040; padding: 0px 16px; width: 640px; height: 360px; } .cbb-emp-holder.emp-640-360 .bottom { background: url('/staticarchive/b0e70fca005e77192d328617477bcf170fb5de98.png') no-repeat 0 0; height: 32px; display: block; } /* default styling */ #cbb-activity-content .activity-content-wrapper { /* margin: 0px auto; width: 532px; */ position: relative; } #cbb-activity-content .tl-corner, #cbb-boardcontent .tl-corner, #cbb-print-preview .tl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left top; float: left; } #cbb-activity-content .tr-corner, #cbb-boardcontent .tr-corner, #cbb-print-preview .tr-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right top; overflow: hidden;} #cbb-activity-content .top, #cbb-boardcontent .top { background: #6fc040; height: 16px; display: block; width: 704px; float: left; } #cbb-activity-content .content { background: #6fc040; padding: 0px 16px; overflow:hidden; } #cbb-activity-content .bottom, #cbb-boardcontent .bottom { background: #6fc040; height: 16px; display: block; float: left;} #cbb-activity-content .bl-corner, #cbb-print-preview .bl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left bottom; float: left;} #cbb-activity-content .br-corner, #cbb-print-preview .br-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right bottom; float: left;} #cbb-activity-container #cbb-activity-content .decoration { background: url('/staticarchive/ad2f903e1cddb55b15c8b9cca8a7244a776fc167.png') no-repeat 0 0; height: 32px; display: block; position: relative; } /* games */ #cbb-radio #cbb-activity-content .content, #cbb-games #cbb-activity-content .content { padding: 0 8px; } /* songs */ #cbb-songs #cbb-activity-intro { width: 608px; padding: 16px; background: #ffffff; position: relative; z-index: 200; margin:13px 0px 0px 0px; } .js-ready #cbb-songs #cbb-activity-container #cbb-activity-content .decoration { top: 120px; display: block; } #cbb-songs #cbb-activity-container #cbb-activity-content .decoration { display: none; } /* story */ #cbb-stories .cbb-onward-links { width:224px; float:left; } #cbb-stories #cbb-activity-content .cbb-image-wrapper { padding: 16px; width: 400px; background: #ffffff; margin: 0px 16px 16px 0px; float: left; } #cbb-stories #cbb-activity-content .cbb-image-wrapper h1 { color: #6fc040; margin: 0px 0px 16px 0px; } #cbb-stories #cbb-activity-content .cbb-image img { width: 398px; float: left; border: 1px solid #6fc040; } #cbb-stories #cbb-activity-content .content { width:auto; float:left; } #cbb-stories .cbb-storybook #cbb-activity-content .content { width:720px;} #cbb-stories #cbb-activity-nav { background: #ffffff; padding: 16px; width: 224px; float: left; } #cbb-stories #cbb-activity-nav .cbb-pagination_container { width:224px; height:68px; position:relative; margin:0px 0px 16px 0px; background:url('/staticarchive/bf7d1396c07b0fdaeae7537a1b029401e923391f.png') no-repeat; } #cbb-stories #cbb-activity-nav .cbb-pagination_container .cbb-next a { width:31px; height:37px; display:block; position:absolute; top:16px; right:15px; text-indent:-5000px; background-image:url('/staticarchive/9518756e0959cf71b45d42a23c3f8980ae87d97c.png'); background-position:-32px 0px; background-repeat:no-repeat; } #cbb-stories #cbb-activity-nav .cbb-pagination_container .cbb-back a { width:31px; height:37px; display:block; position:absolute; top:16px; left:16px; text-indent:-5000px; background-image:url('/staticarchive/9518756e0959cf71b45d42a23c3f8980ae87d97c.png'); background-position:0px 0px; background-repeat:no-repeat; } #cbb-stories #cbb-activity-nav .cbb-page { position:absolute; top:27px; left:74px; font-size:1em; font-weight:bold; } #cbb-stories #cbb-activity-nav p { margin:0px 0px 20px 0px; } #cbb-startagain { margin:0px 0px 10px 0px; } #cbb-startagain a { font-size: 1em; color: #4a3398; padding:0px 0px 10px 28px; background:url('/staticarchive/be071c97501c1b60b33d5960f14e505a73bdbb7b.png') no-repeat; } #cbb-stories #cbb-boardcontent.multi-printouts { width: 752px; float: left; } #cbb-stories #cbb-boardcontent.multi-printouts #cbb-item { width: 704px; padding: 0px 16px; background: #6fc040; } #cbb-stories #cbb-boardcontent.multi-printouts .cbb-make-main-content { float: left; } #cbb-stories #cbb-boardcontent.multi-printouts #cbb-item #cbb-print-item { margin: 0px 16px 0px 0px; } #cbb-stories .cbb-wrapper { width: 208px; background: #ffffff; padding: 16px; } #cbb-stories .cbb-wrapper .cbb-how-to-print { padding:0; } /* makes */ #cbb-makes .cbb-make-main-content { width: 100%; min-height: 420px; float: left; position: relative; } #cbb-makes #cbb-boardcontent { width: 752px; float: left; display: block; } #cbb-makes #cbb-boardcontent.multi-printouts { width: 752px; } #cbb-makes #cbb-boardcontent .bottom { width: 704px; } #cbb-makes #cbb-overview { width: 704px; background: #6fc040; padding: 0px 16px; float: left;} #cbb-makes #cbb-item #cbb-intro { width:416px; float:left; display:block; margin:0 16px 0 0; background:#ffffff; padding:12px 16px 18px 16px; } #cbb-makes #cbb-item #cbb-intro h1 { font-size:2.462em; color:#000;} #cbb-makes #cbb-item #cbb-intro p { font-size:1.538em; font-weight:bold; color:#333333; float:left; width:214px; } #cbb-makes #cbb-item #cbb-intro img { float:left; margin:0 16px 0 0; } #cbb-makes #cbb-item .activity-title { position:relative; color:#000; width:416px; } #cbb-makes #cbb-item .cbb-video-make .activity-title { float:left; padding-top:340px; } .js-ready #cbb-makes #cbb-item .cbb-video-make .activity-title { padding-top:268px; } .js-ready #cbb-makes #cbb-item .with-cue-points .activity-title { padding-top:392px; } #cbb-makes .cbb-video-make #cbb-embed { width:448px; min-height:252px; position:absolute; left:0; top:0; display:block; margin:0; } #cbb-makes #cbb-item .cbb-cue-point-info { display:block; clear:left; padding:16px 0 32px 0; } #cbb-makes #cbb-item .cbb-cue-point-info p { color:#000; text-align:left; font-size:1.231em; } #cbb-makes #cbb-item .cbb-cue-point-info .cbb-cue-point-title { font-size:1.846em; margin:0 0 14px 0; } #cbb-makes #cbb-item .cbb-cue-point-info .cbb-cue-point-title strong { font-weight:bold; } #cbb-item { width:752px; float:left; display:block; } #cbb-item #cbb-youneed { background:#ffffff; padding:16px; } #cbb-item #cbb-youneed h2 { color:#6fc041; font-size:1.538em; } #cbb-item #cbb-youneed ul { padding:0 0 0 16px; } #cbb-item #cbb-youneed li { list-style:outside disc; color:#333333; } #cbb-item #cbb-youneed #cbb-duration { font-size:1.231em; color:#666666; height:40px; margin:0 0 28px 0; } #cbb-item #cbb-youneed #cbb-duration img { float:right; } #cbb-item #cbb-youneed #cbb-duration span { width:120px; float:left; line-height:1.3em; margin:10px 0 0 0; } #cbb-item #cbb-youneed #cbb-duration span strong { font-weight:bold; } div .cbb-how-to-print { margin:0 0 0 0; padding:16px; background:#ffffff; } div .return_to_content { margin:10px 0 0 0; } #cbb-boardcontent.multi-printouts .cbb-wrapper a { color:#4a3398; } #cbb-youneed .cbb-print, #cbb-activity-intro .cbb-print { background:url('/staticarchive/87af4f0ca0b0e1c0fb58c2b9423cd5cb8f5f469c.png') no-repeat 0 0; padding:4px 0 4px 30px; color:#4a3398; } #cbb-content .cbb-print-lightbox { margin:16px 0 0 0; font-size: 0.769em;} #cbb-content .cbb-print-lightbox a { color:#4a3398; background:url('/staticarchive/87af4f0ca0b0e1c0fb58c2b9423cd5cb8f5f469c.png') no-repeat 0 0; padding:4px 0 3px 30px; font-size:1.3em; } #cbb-content .cbb-print-lightbox a:hover { background-position:0 -23px; } #cbb-printout #cbb-youneed .cbb-print { display:none; } #cbb-sequence { width:416px; float:left; display:block; margin:8px 16px 8px 0; background:#ffffff; padding:16px; } #cbb-sequence h2 { font-size:1.538em; color:#6fc040; margin-bottom:16px; } #cbb-sequence .cbb-segment h2 { font-size:1.231em; color:#6fc040; margin-bottom:6px; line-height:1.3em; } #cbb-sequence .cbb-segment p { line-height:1.3em; } /* segment */ .cbb-withimages .cbb-segment { float:left; margin:0 0 16px 0; position:relative; min-height:105px; } .cbb-withimages .cbb-segment p, .cbb-withimages .cbb-segment h2 { float:none; padding:0 0 0 201px; margin:0; } .cbb-withimages .cbb-segment p { color:#333333; } .cbb-withimages .cbb-segment img { float:left; border:1px solid #73c245; position:absolute; top:0; } div.cbb-wrapper {width:240px; float:right; display:block; position:relative; top:0; right:0; } div.cbb-wrapper.cbb-flash-make { width:208px; padding:16px; background:#ffffff; } div.cbb-wrapper .first-instruction { font-size:1.3em; margin:0 0 24px 0; } /* EP: removed padding:16px, not sure why it was added */ #cbb-makes .multi-printouts #cbb-item #cbb-overview .cbb-make-main-content .cbb-wrapper { width: 208px; background: #ffffff; padding: 16px; } #cbb-makes .multi-printouts #cbb-item #cbb-overview .cbb-make-main-content .cbb-wrapper .cbb-how-to-print { padding: 0px; } div .cbb-askhelp { width:125px; height:140px; background:url('/staticarchive/64660d340cb42fe22c72f20d96725353eb814808.png') no-repeat 0 0; padding:40px 15px 0 100px; float:right; color:#6fc040; font-size:1.213em; font-weight:bold; } div .cbb-askhelp span { color:#9a32dd;} #cbb-youneed li a { color:#4a3398; font-weight:bold; } #cbb-print-item { position:relative; margin:0 32px 20px 0; float:left; } #cbb-print-item a:hover h1 a { text-decoration: underline; } #cbb-print-item h1 { padding:0; margin:0; line-height:0.6em; } #cbb-print-item h1 a { position:absolute; bottom:0px; color:#ffffff; background:url('/staticarchive/3c3f041762fe2429bb31da79a153d1984cfd2fad.png') repeat top left; display:block; width:416px; margin:0; font-size:18px; padding:16px 0 16px 16px; } #cbb-print-item .cbb-lightbox-link img { min-height:234px; min-width:432px; display:block; } #cbb-print-item .print-image-icon { background:url('/staticarchive/87af4f0ca0b0e1c0fb58c2b9423cd5cb8f5f469c.png') no-repeat 0 0; width:26px; height:23px; position:absolute; top:16px; right:16px; } #cbb-print-item a:hover .print-image-icon { background-position:0 -23px; } div .cbb-more-prints { margin:0 0 10px 0; width:448px; } #cbb-makes .cbb-make-main-content .decoration { background: url('/staticarchive/13a64d0063bf071e2a8c903cfbbf11dfc8509c1b.png') no-repeat 0 0; width: 482px; height: 22px; display: block; position: relative; left: -16px; } #cbb-makes .cbb-make-main-content .decoration.cbb-make-list { background: url('/staticarchive/a4aa99cb9ae5ce6aba07aea018e9cd277d17e309.png') no-repeat 0 0; bottom: -40px; height: 41px; width: 448px; position: absolute; } #cbb-boardcontent.multi-printouts #cbb-item #cbb-overview .cbb-make-main-content { min-height: 238px; width: 704px; position: relative; } /* GEL UI Carousel Styling */ #cbb-make-carousel-content .gelui-carousel { margin: 0 8px; background: #b0dc71; height: 104px; width: 432px; position: absolute; overflow: hidden; } .gelui-carousel-navigation-left legend, .gelui-carousel-navigation-right legend, .gelui-carousel-navigation-left button, .gelui-carousel-navigation-right button { display: none; } /* cbb makes carousel styling */ #cbb-make-carousel-container { width: 476px; position: relative; } #cbb-make-carousel-container.cbb-vidlinks { display: none; width: 476px; position: absolute; top: 266px; left: 0; } /* shown by JS if EMP loads */ #cbb-make-carousel-container .carousel-window { background: #b0dc71; height: 104px; float: left; width: 552px; position: relative; left: -100px; } #cbb-make-carousel-container .cbb-make-carousel-left { background: url('/staticarchive/29975619be345a7c73609085ed4e2eac813492c8.png') no-repeat 0 0; width: 8px; height: 104px; display: block; float: left; z-index: 1; position: relative; } #cbb-make-carousel-container .cbb-make-carousel-right { background: url('/staticarchive/76b044902d70003e72f2d80b282113158bc2292b.png') no-repeat 0 0; width: 8px; height: 104px; position: absolute; right: 0px; top: 0px; z-index: 1; } #cbb-make-carousel-container .gelui-carousel-navigation-left, #cbb-make-carousel-container .gelui-carousel-navigation-right { position: absolute; z-index: 10; background: url('/staticarchive/88b21fcb5e725b24514124448d7a721af8c98db5.png') no-repeat 0 0; top: 20px; height: 60px; width: 38px; cursor: pointer; } #cbb-make-carousel-container .gelui-carousel-navigation-right { right: 0px; background-position: 0px -60px; } #cbb-make-carousel-container .gelui-carousel-navigation-left:hover { background-position: 0px -120px; } #cbb-make-carousel-container .gelui-carousel-navigation-right:hover { background-position: 0px -180px; } #cbb-make-carousel-container .carousel-nav .carousel-label, #cbb-make-carousel-container .carousel-nav .carousel-top, #cbb-make-carousel-container .carousel-nav .carousel-background, #cbb-make-carousel-container .carousel-nav .carousel-arrow, #cbb-make-carousel-container .carousel-nav .carousel-bottom { background: none; } #cbb-make-carousel-container ul#cbb-make-carousel { position: relative; height: 104px; width: 8000px; background: none repeat scroll 0 0 #b0dc71; z-index: 1; } #cbb-make-carousel-container ul#cbb-make-carousel li { height: 87px; width: 112px; margin: 8px 0px 0px 3px; float: left; cursor: pointer; } #cbb-make-carousel-container ul#cbb-make-carousel li img { margin: 0px; float: left; } #cbb-make-carousel .cbb-makes-carousel-item-title { display:block; padding:4px 0 4px 8px; background:#0e2103; width:104px; color:#ffffff; float:left; } #cbb-make-carousel-container .gelui-carousel-navigation-left.disabled { background-position: 0px -240px; } #cbb-make-carousel-container .gelui-carousel-navigation-right.disabled { background-position: 0px -302px; } #cbb-make-carousel a:hover .cbb-makes-carousel-item-title, #cbb-make-carousel-container ul#cbb-make-carousel li:hover span { background: #0da9c4; } #cbb-make-carousel-container ul#cbb-make-carousel li.cbb-selected-make span { background: #0da9c4; } #cbb-makes #cbb-make-carousel-container #cbb-make-carousel-content .gelui-carousel-navigation-left.disabled { } /* no javascript */ #cbb-make-carousel-container #cbb-make-carousel-content { overflow-x:scroll; overflow-y:hidden; } /* with javascript */ .js-ready #cbb-make-carousel-container #cbb-make-carousel-content { width: 448px; overflow: hidden; position: relative; } /* cbb makes print */ #cbb-print-preview { width:627px; margin:0px auto 16px auto; position:relative; font-size:1.3em; } #cbb-print-preview .tl-corner {} #cbb-print-preview .top { display: block; background: #6fc040; width: 627px; height: 16px; float: left; } #cbb-print-preview.instructions-print .top, #cbb-print-preview.instructions-print .bottom { width: 704px; float: left; } #cbb-print-preview.transcript-print .top, #cbb-print-preview.transcript-print .bottom, #cbb-print-preview.image-print .top, #cbb-print-preview.image-print .bottom { width: 595px; float: left; } #cbb-print-preview .header { width:539px; min-height:72px; float:left; } #cbb-print-preview .header-controls { float: right; } #cbb-print-preview .content { width:595px; display: block; float:left; padding:0px 16px; background: #6fc040; } #cbb-print-preview.instructions-print { width: 736px; } #cbb-print-preview.instructions-print .content { width: 704px; } #cbb-print-preview .bottom { width:627px; height:16px; display:block; margin:0px 0px 16px 0px; background: #6fc040; } #cbb-print-preview .content h2 { font-size: 1.231em; color: #6fc040; } .js-ready #cbb-print-preview .content .cbb-print-link,.js-ready #cbb-makes .cbb-print-link { cursor: pointer; font-size: 13px; margin-top: 5px; font-weight: bold; color: #333333; padding: 5px 0px 5px 30px; background: url('/staticarchive/20411cfe0f2783f8db3da7983a028258be35fcf8.png') 0 0 no-repeat; display: block; } #cbb-print-preview .content .cbb-print-link,#cbb-makes .cbb-print-link { display: none; } #cbb-print-preview .content .cbb-print-link:hover, #cbb-makes .cbb-print-link:hover { text-decoration:underline; } #cbb-print-preview .content .cbb-print-link:hover { background-position: 0 -22px; color: #ffffff; } #cbb-print-preview .content .header h2 { margin:0 0 20px 0; color:#333333; font-size:1.538em; width:650px; font-family:verdana; } #cbb-print-preview .content #image-to-print { background: #ffffff; } #cbb-print-preview.instructions-print .content .instruction .cbb-main .cbb-intro h2 { color:#6fc040; font-size:1.846em; margin:0 0 16px 0; } #cbb-print-preview.instructions-print .content .instruction .cbb-main .cbb-intro p { font-size:1.0763em; float:left; width:243px; line-height:1.3em; } #cbb-print-preview .footer { width:595px; height:80px; float:left; margin:-1px 0px 0px 0px; background:#ffffff; } #cbb-print-preview.instructions-print .footer { width:704px; } #cbb-print-preview .footer a {color:#692CE6; font-family:verdana; font-size:0.846em; font-weight:bold; text-decoration:underline;} #cbb-print-preview .footer a.link { width:212px; float:left; padding:0 0 0 34px; margin:24px 0 0 0; } #cbb-print-preview .footer .cbb-cbeebies-logo { width:106px; height:49px; float:left; margin:8px 0 0 0; } #cbb-print-preview .footer a.copyright { display:block; float:left; padding:24px 0 0 160px; } .cbb-print-back { display: block; width: 30px; height: 36px; background: url('/staticarchive/f78c0a81058ccf6e1deae4b6f8910e653f1cb28d.png') 0 0 no-repeat; float: left; } a.cbb-close-print { display: block; width: 38px; height: 38px; float: left; margin: 0px 0px 0px 18px; background: url('/staticarchive/cb3c8b21f85708e3bdec7ef71d589e3b37fa2fe6.png') 0 0 no-repeat; } a:hover.cbb-close-print { background: url('/staticarchive/cb3c8b21f85708e3bdec7ef71d589e3b37fa2fe6.png') 0 -38px no-repeat; } #cbb-printPanel { width: 628px; } #cbb-printPanel .tr, #cbb-printPanel .tl, #cbb-printPanel .tb, #cbb-printPanel .tc .bars, #cbb-printPanel .br, #cbb-printPanel .bl, #cbb-printPanel .bb { display: none; } #cbb-printPanel .tc .c { background: none; } #cbb-printPanel .panel-bd, #cbb-printPanel .c { margin: 0px; } #cbb-printPanel .panel-close { display: block; width: 38px; height: 38px; background: url('/staticarchive/cb3c8b21f85708e3bdec7ef71d589e3b37fa2fe6.png') 0 0 no-repeat; margin: 0px 0px 0px 18px; position: absolute; top: 16px; right: 18px; } /* print instructions */ #cbb-print-preview .instruction { width: 704px; float: left; background: #ffffff; font-family:verdana;} #cbb-print-preview .instruction .cbb-main { width: 480px; float: left; } #cbb-print-preview .instruction .cbb-sub-content { width: 224px; float: left; } #cbb-print-preview .instruction .cbb-sub-content .cbb-askhelp { width:auto; padding:0; background:none; font-size:1.385em; line-height:1.3em; } #cbb-print-preview .instruction .content h2 { margin: 0px 0px 10px 0px; } #cbb-print-preview .instruction .cbb-intro { overflow:hidden; padding:16px;background:#ffffff; } #cbb-print-preview .instruction .cbb-intro img { float:left; margin:0px 16px 0px 0px; } #cbb-print-preview .instruction .cbb-intro p { font-size:2.0em; font-weight:bold; } #cbb-print-preview #cbb-youneed { overflow:hidden; padding:16px 16px 16px 0; width:208px; float:left; background:#ffffff; } #cbb-print-preview #cbb-duration { float:left; margin:0 0 10px; width:208px; display:block; font-size:1em; color:#666666; } #cbb-print-preview #cbb-duration img { float:right; } #cbb-print-preview #cbb-duration span { width:127px; font-size:0.923em; line-height:1.6em; float:left; } #cbb-print-preview #cbb-youneed h2 { color:#6fc041; font-size:1.539em; float:left; width:208px; margin: 16px 0;} #cbb-print-preview #cbb-youneed ul { list-style:outside disc; margin:0; padding:0; display:block; float:left; width:208px; } #cbb-print-preview #cbb-youneed li { display:list-item; line-height:1.6em; margin:0px 0px 0px 18px; } #cbb-print-preview #cbb-sequence { margin:0px; width: 448px; } #cbb-print-preview .cbb-print-lightbox { visibility: hidden; } #cbb-print-preview .instructions #cbb-sequence { width:556px; } #cbb-print-preview .cbb-segment { width:448px; float:left; } #cbb-print-preview .cbb-segment h2 { width:243px; font-size:1em; color:#6fc041; margin:10px 0px 8px 0px; } #cbb-print-preview .cbb-withimages .cbb-segment h2 { margin:0px 0px 8px 0px; } #cbb-print-preview .cbb-segment .cbb-withimages .cbb-segment p { width:252px; } #cbb-print-preview.instructions-print .footer a.link { width:280px; padding: 0 0 0 16px; } #cbb-print-preview.instructions-print .footer a.copyright { padding:24px 0px 0px 240px; } /* cbb flash makes */ #cbb-makes #cbb-boardcontent .cbb-wrapper.cbb-flash-make h1 { font-size:1.846em; } /* cbb printouts */ #cbb-printouts { width: 464px; } #cbb-makes #cbb-pdfhelp { margin: 8px 0px 16px 0px; } #cbb-printouts h2 { margin: 0px 0px 8px 0px; } #cbb-printout { margin: 0px auto; margin-left: -313px; position: absolute; left: 50%; } #cbb-print-preview .header-controls { float:right; } #cbb-print-preview.transcript-print .content .header h2 { display: inline; text-align:left; } .cbb-transcript { padding: 16px; background: #ffffff; font-family: verdana; font-size: 1em; line-height: 1.23077em; } .cbb-transcript p, .cbb-transcript h2 { text-align: center; } #cbb-print-preview .cbb-transcript h2 { font-size: 1.538em; color: #333333; text-align:center; margin:0px 0px 16px 0px; line-height: 1.143em; } .gelui-wrapper .gelui-overlay-state { } .gelui-wrapper .gelui-overlay-state .gelui-overlay-container { width: 100%; height: 600%; position: absolute; top: 0px; background: url('/staticarchive/3c3f041762fe2429bb31da79a153d1984cfd2fad.png') repeat; z-index: 9999; display: block; } .gelui-wrapper .gelui-overlay-state.shown .gelui-overlay-container { } .gelui-wrapper .gelui-overlay-state .gelui-overlay-container #cbb-print-preview { position: relative; top: 60px; } .gelui-overlay-container #cbb-print-preview .content .cbb-print-lightbox { display: none; } .multi-printouts #cbb-item #cbb-overview { height: 400px; } /* SHOW ALL PAGE */ /* With Javascript */ .js-ready #cbb-carousel { background:none; } .js-ready #cbb-showsindex #cbb-slp-content { width:auto; } .js-ready #cbb-showsindex #cbb-shows-board { width:944px; height: 478px; position:relative; background:url('/staticarchive/160bcd4250abda11b83e1b93ad44881e8e7eab02.png') no-repeat; padding: 0px 16px 0px 16px; overflow: hidden; } .js-ready #cbb-showsindex #cbb-sectionpage h1 { width:auto; height:auto; line-height:40px; margin:0px 0px 8px 0px; padding:8px 0px 8px 0px; color:#ffffff; background: none; text-shadow: 3px 3px 3px #5c21be;} .js-ready #cbb-showsindex .gelui-carousel-navigation { z-index: 100; cursor:pointer; } .js-ready #cbb-showsindex .gelui-carousel-navigation.disabled { cursor: default; } .js-ready #cbb-showsindex .gelui-carousel-navigation-left { width:74px; height:121px; position:absolute; top:167px; left:6px; background-image:url('/staticarchive/0346e379550d0ea2a28346018c8588b44f4832bb.png'); background-repeat:no-repeat; background-position:0px -121px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-left:hover { background-position:0px -363px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-left.disabled { background-position:0px -605px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-left.disabled:hover { background-position:0px -605px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-left button, #cbb-showsindex .gelui-carousel-navigation-right button, #cbb-showsindex legend { display:none; } .js-ready #cbb-showsindex .gelui-carousel-navigation-right { width:74px; height:121px; position:absolute; top:167px; right:6px; background-image:url('/staticarchive/0346e379550d0ea2a28346018c8588b44f4832bb.png'); background-repeat:no-repeat; background-position:0px 0px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-right:hover { background-position:0px -242px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-right.disabled { background-position:0px -483px; } .js-ready #cbb-showsindex .gelui-carousel-navigation-right.disabled:hover { background-position:0px -483px; } .js-ready #cbb-showsindex ul.cbb-shows-list-wrapper { padding:0px 0px 0px 0px; top: -10px;} /* needs checking*/ .js-ready #cbb-showsindex .cbb-shows-list-wrapper { width: 8000px; height: 376px; overflow: hidden; position: relative; } .js-ready #cbb-showsindex .shows-slide { width: 800px; height: 360px; float: left; padding:0px; } .js-ready #cbb-showsindex .shows-slide.jcarousel-item-visible { display: block; } .js-ready #cbb-showsindex .cbb-showicon { height: 90px; width: 160px; float: left; padding: 16px 0px 0px 0px; } .js-ready #cbb-showsindex .cbb-showicon a { color:#333333; position:relative; display:block; width: 144px; height:101px; display:block; } .js-ready #cbb-showsindex .cbb-showicon a:hover span { text-decoration: underline; } .js-ready #cbb-showsindex .cbb-showicon a span{ position:absolute; bottom:0; left:0; background: none #ffffff; display:block; padding: 4px 0px 0px 0px; width:144px; } .js-ready #cbb-showsindex .shows-slide.jcarousel-item-fullyvisible { display:block; } .js-ready #cbb-showsindex .gelui-carousel-viewport { padding: 0px 0px 0px 80px; } .js-ready .gelui-carousel-viewport { overflow: hidden; } .js-ready #cbb-showsindex #cbb-shows-board .cbb-left-matte,.js-ready #cbb-showsindex #cbb-shows-board .cbb-right-matte { background: url("/staticarchive/d56bf5aac13d950ed1fed699912ceaa8f44ee8ec.png") repeat scroll 0 0 transparent; height: 360px; z-index: 90; width: 64px; position: absolute; top: 55px; } .js-ready #cbb-showsindex #cbb-shows-board .cbb-right-matte { right: 16px; } /* Paginantion */ .js-ready ul.cbb-shows-pagination { width:958px; height:40px; position:relative; display:block; } .js-ready ul.cbb-shows-pagination li { width:29px; height:27px; line-height:25px; text-align:center; float:left; margin:0px 6px 0px 0px; } .js-ready ul.cbb-shows-pagination li a { width:29px; height:27px; display:block; color:#6c27df; background-image:url('/staticarchive/18e30f74d23334d9f4ea4594ff5912a52f2afd1a.png'); background-repeat:no-repeat; background-position:0px -28px; } .js-ready ul.cbb-shows-pagination li a:hover, ul.cbb-shows-pagination li.current a,ul.cbb-shows-pagination li a:hover { background-position:0px 0px; } .js-ready ul.cbb-shows-pagination li.unavailable { background-image:url('/staticarchive/18e30f74d23334d9f4ea4594ff5912a52f2afd1a.png'); background-repeat:no-repeat; background-position:0px -56px; } /* Non Javascript */ #cbb-showsindex #cbb-sectionpage h1 { width:944px; height:13px; line-height:24px; color:#ffffff; padding:16px; margin:0px; background:url('/staticarchive/160bcd4250abda11b83e1b93ad44881e8e7eab02.png') no-repeat; } ul#cbb-carousel { width:944px; display:block; padding:10px 16px 30px 16px; float:left; background:url('/staticarchive/18db5bd0101612e43e648fe47a02b020e340fe73.png') repeat-y;} #cbb-carousel li.shows-slide { width:884px; float:left; background:#ffffff; padding:0px 30px 0px 30px; margin:0px; } #cbb-carousel li.cbb-showicon { width:144px; display:inline-block; padding:10px 12px 0px 18px; } #cbb-carousel ul.cbb-shows-list { float:left; margin:0px; } ul.cbb-shows-pagination { display:none; } /* Decor */ #cbb-showsindex #cbb-sectionpage { position: relative; margin: 0 0 64px 0; } #cbb-showsindex .decor { width:1023px; height:57px; z-index:3; position:absolute; bottom:-55px; left:-26px; background:url('/staticarchive/a0c8ae1e0c99c5d0b70d5926056c7ae2e890c483.png') no-repeat; } #cbb-showsindex .decor_more { width:1020px; height:21px; z-index:2; position:absolute; bottom:-10px; left:-12px; background:url('/staticarchive/420531338cc731f8ccb7addeba12cc61f5ab2054.png') no-repeat; } /* 404 PAGE */ #cbb-content #cbb-clp-content { width:752px; float:left; display:block; } #cbb-content #cbb-clp-content .activity-content-wrapper { /* margin: 0px auto; width: 532px; */ position: relative; } #cbb-content #cbb-clp-content .tl-corner, #cbb-boardcontent .tl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left top; float: left; } #cbb-content #cbb-clp-content .tr-corner, #cbb-boardcontent .tr-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right top; float: left;} #cbb-content #cbb-clp-content .bl-corner, #cbb-boardcontent .bl-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat left bottom; float: left;} #cbb-content #cbb-clp-content .br-corner, #cbb-boardcontent .br-corner { width: 16px; height: 16px; display:block; background: url('/staticarchive/f1f44c5accac5f61ca1bf87400c765fadeb63e58.png') no-repeat right bottom; float: left;} #cbb-clp-content .top, #cbb-boardcontent .top { background: #6fc040; height: 16px; display: block; width: 704px; float: left; } #cbb-clp-content #cbb-board { height:auto; } #cbb-clp-content .content { background: #6fc040; padding: 0px 16px; height: 100%; } #cbb-clp-content #cbb-search-content { position:relative; } #cbb-clp-content #cbb-search-content h1 { font-size:1.8em; color:#666666; } #cbb-clp-content #cbb-search-content .cant_find { font-size:2.4em; font-weight:bold; color:#000000; margin:0px 0px 16px 0px; } #cbb-content #cbb-clp-content #cbb-search-content .cbb-bug { width:132px; height:122px; position:absolute; top:24px; right:21px; background:url('/staticarchive/d2425c2216fa083cf585c85d2e1a5db8b9bf17c5.png') no-repeat; } #cbb-404-searchbox h2 { font-size:2.0em; color:#1a8a0f; } #cbb-content #cbb-clp-content .cbb-error-text { margin:0px 0px 16px 0px; background:#ffffff; padding:16px; min-height: 200px;} #cbb-content #cbb-clp-content .cbb-error-text p { padding-right: 150px; } #cbb-content #cbb-clp-content #cbb-search strong { display:block; font-size:1.6em; line-height:1.2em; color:#4f2e92; margin:0px 0px 8px 0px; font-weight: bold;} #cbb-content #cbb-clp-content #cbbc-search-form #search-text { width:214px; height:27px; border:none; padding:0px 5px; background:url('/staticarchive/6e2052364d37017bb5cd72f90eddcc273bd00972.png')} #cbb-content #cbb-clp-content #cbbc-search-form #search { width:13px; height:13px; position:relative; top:2px; right:20px; border:none; background:url('/staticarchive/028b1d2cdb2be7df755ad3ca5885b456bbc55a59.gif') no-repeat; cursor: pointer; } #cbb-content #cbb-clp-content #cbb-search p { margin:0px 0px 24px 0px; } #cbb-content #cbb-clp-content #cbb-search p a, #cbb-content .cbb-error-text a { color:#4f2e92; } #cbb-content .cbb-error-text ul { list-style:disc outside; margin:-15px 0px 10px 16px; } .cbb-error-text li {} #cbb-content .bbcsearchBestLink { background: url("/staticarchive/d3d27d264e9f4a02768a5ad2e6da2a387042a3d7.png") no-repeat scroll 5px 5px #FEF4B9; display: block; height: 61px; margin: 10px 0; padding: 10px 0 0 90px; } #cbb-search .cbb-foot {float:left; padding:55px 0 0 0;} /* Error Messages */ .cbb-mainpromo .cbb-error-nojs { width:704px; margin:0px 0px 16px 0px; padding:16px; } .cbb-error-noflash { background: #6c27df; } .cbb-error-nojs { position:relative; } .cbb-error-nojs .cbb-error-nojs-top { width:736px; height:16px; background: url('/staticarchive/c093b5c4a332f7abdc15d23c4c5d2a6264b3795e.png') no-repeat; } .cbb-error-nojs .cbb-error-nojs-bottom { width:736px; height:16px; margin:0; background: url('/staticarchive/6ab3aba0783648e0054ae22baa96d5bd9f51ee13.png') no-repeat; } .cbb-error-nojs .cbb-error-nojs-content { width:736px; background: url('/staticarchive/e8ef8bcb32349169082bb58572a1003b4d523ddd.png') repeat-y; } .cbb-error-nojs .cbb-error-nojs-content p { padding:0 16px 4px 16px; margin:0; color: #FFF !important;} .cbb-error-nojs .cbb-error-nojs-content p a{ text-decoration: underline; } .cbb-error-nojs {} .cbb-error-noflash {} .cbb-error-noflash *, .cbb-error-nojs * { color: #ffffff; font-size: 1em; } .cbb-error-noflash .cbb-error-detail, .cbb-error-nojs .cbb-error-detail { padding: 0 0 8px 0; } .cbb-error-noflash .cbb-error-link a, .cbb-error-nojs .cbb-error-link a { color: #ffffff; } .playlist-prev, .playlist-next { font-size: 16px; } .playlist-next { float: right; } .loadingStatus span { display: none; } .loadingStatus { display: block; height: 30px; width: 153px; background: url('/staticarchive/7df503ce41394c51443194999a87b6d7692cc317.png') scroll no-repeat; } .loadingStatusWrapper { float: left; }