/* ========================================================================= */ /* SiteWide Base Elements */ img { border:0px none transparent; } body { margin:0px 0px 0px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; /* if you want to change fonts sitewide, just change this. */ /*font sizing in ems baby. Now.. 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc.*/ /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/ color:#666; background:#FFFFFF; /* #E0F2FE */ } ul {padding:0px 6px; margin:0px 2px 0px 8px;} ul li {margin:2px 0px; position:relative;left:5px;} ol {padding:0px 6px; margin:0px 2px 0px 16px;} ol li {margin:3px 0px;} a, a:link, a:visited {color:#007ACC;text-decoration:none;} a:active, a:hover {color:#FF6699;text-decoration:underline;} /* big pink headers */ h1 { font-size: 1.6em; color:#CC5270; font-weight: bold; margin-top: 0em; margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/ } /* Blue Headers, smaller */ h2 { color:#0079CE; font-size: 1.0em; margin: 0.5em 0em 0em 0em; font-weight: bold; } /* white Headers, in .contentHead of subChannel pages */ h3 { color:#FFF; font-size: 1.1em; margin: 0em; text-align:center; font-weight: bold; } /* fancy box header titles */ h4 { color:#808284; font-size: 1.1em; margin: 0em; font-weight: bold; } h4 a, h4 a:link, h4 a:visited { color:#808284; } h4 a:active, h4 a:hover { color:#FF6699; } /* Bold Title */ h5 { font-size: 1.0em; margin: 0em; font-weight: bold; } /* no padding/margin */ h6 { font-size: 1.1em; margin: 0em; padding:0em; font-weight: bold; } p{ font-size: 1.0em; line-height: 1.2em; margin: 1.0em 0.5em 1.0em 0.5em;} /* /END SiteWide Base Elements */ /* ========================================================================= */ /* ========================================================================= */ /* Main Rows - All Pages Are Based On These */ #siteContainer { margin: 0 auto; width: 760px; text-align: left; /* size all fonts up to '11px' as min. default */ font-size:1.0em; } #top { padding:10px 0px 0px 0px; width:760px; height:100px; line-height:100px; text-align:center; background-color:#FFFFFF;} #header { width:auto; height:95px; background:url(/images/site_nav_bkg.gif) repeat-x;} #middle { background:url(/images/site_middle_bkg.gif) repeat-y;} #bottom { background:url(/images/site_bottom_bkg.gif) no-repeat;} /* /END Main Rows */ /* ========================================================================= */ /* ========================================================================= */ /* Site Wide Elements */ /* Majority Columns */ /* B: content */ #middleB{ margin:0px auto; width:740px; text-align:left;} #middleB .mainLeft { width:430px; float:left;} #middleB .mainLeft .contentHolder { margin:0px 0px 0px 10px;} /* .flash is for the large header seen on index pages (channel homes, and homepage) */ /* Changed for new console with HTML sponsor */ #middleB .mainLeft .sponsor { width: 430px; height:45px; background:url(/images/console_sponsor_bkg.gif) no-repeat;} #middleB .mainLeft .sponsor .pageTitle { width: 165px; font-size: 9px; text-align: center; color:#000; padding-top:2px;} #middleB .mainLeft .sponsor .brought{float:left; width:166px;font-size: 9px; text-align: right; color:#666; margin-top: 8px; } #middleB .mainLeft .sponsor .graphic{float:left; width:92px; text-align:right; margin-left: 6px; margin-top: 8px;} #middleB .mainLeft .flash { width: 430px; height:145px;} /* new 2006 */ #middleB .mainLeft .featureConsole { width: 430px; height:145px; overflow:hidden; background:url(/images/console_bottom.gif) no-repeat;} #middleB .mainLeft .featureConsole .featureLinks {width:169px; font-weight:bold;} #middleB .mainLeft .featureConsole .featureLinks .caption {margin:0 15px 5px 20px; text-align:center; font-size:11px; color:#ff6699;} #middleB .mainLeft .featureConsole .featureLinks ul {margin-left:7px; margin-top:6px; list-style-type:none;} #middleB .mainLeft .featureConsole .featureLinks li {padding-left:18px; padding-right:10px; background: url(/images/ball_arrow_right_13x13.gif) no-repeat; color:#cc527a; font-size:10px;} #middleB .mainLeft .featureConsole .featureImage {width: auto; margin-top:5px;} #middleB .mainLeft .flashHome { width:430px; height:185px; background:url(/images/bkg_home_flash.gif) no-repeat;} /* .contentHead is for the slim header which resides on all sub index pages */ #middleB .mainLeft .contentHead {width:430px; height:59px; background:url(/images/content_head_bkg.gif) no-repeat;} /* new 2006 */ #middleB .mainLeft .contentHead div.brought{ width: 160px;font-size: 9px; text-align: right; margin-top: 8px; } #middleB .mainLeft .contentHead div.sponsorImage{float:right; margin-top: 8px;} /* old #middleB .mainLeft .contentHead div.sponsorImage{float:right;padding:15px 5px 0px 0px;} */ #middleB .mainLeft .contentHead div.left{float:left;margin:5px 5px 0px 0px; width:170px;} #middleB .mainLeft .contentHead select {width:138px; margin:0px 0px 0px 16px; font-size:1em; color:#000; height:16px; border:0px solid #fff;} .halfColumn{ width:50%; float:left; background-color:#FFF;} .c45{ width:45%; float:left;} .c50{ width:48%; float:left;} .c55{ width:60%; float:left;} .c66{ width:65%; float:left;} .c33{ width:32%; float:left; text-align:right;} .c30{ width:30%; float:left;} .pThemeR { width:200px; float:right;} .pThemeL { width:180px; float:left;} .pThemeL .pThemeP {margin:0px 0px 10px 0px;} #middleB .mainRight { width:310px; float:right; background:url(/images/bkg_mainRight.gif) no-repeat;} /* roundCell is the two button area with a rounded-rectangle 'border' and it contains the buttons: Kids Games, Family Surf Guide */ #middleB .mainRight .roundCell { width:300px; height:42px; background:url(/images/round_cell.gif) no-repeat;} #middleB .mainRight .roundCell .left {float:left; width:137px; padding:9px 0px 0px 10px;} #middleB .mainRight .roundCell .right {float:right; width:137px; padding:9px 10px 0px 0px;} /* .rightHalf & .leftHalf are for the pair of columns which reside on the right of ALL non index pages */ #middleB .mainRight .pairContainer { width:300px; float:left;} #middleB .mainRight .pairContainer .leftHalf { float:left; width:130px;} #middleB .mainRight .pairContainer .rightHalf { float:right; width:160px;} #middleB .finder { width:170px; height:190px; float:left; background:url(/images/finder_bkg.gif) no-repeat;} /* finderB is declared on the div after finder is declared. This is for the different bkg image(with rounded bottom left corner) needed on all non channel-index pages */ #middleB .finderB { background:url(/images/finder_bkg_round.gif) no-repeat;} #middleB .connectBox { width:170px; height:190px; float:left; background:url(/images/bg_connectandchat.gif) no-repeat;} #middleB .connectTitle { padding:10px 0px 0px 16px; } #middleB .connectLinks { padding:19px 22px 0px 30px; } #middleB .connectLinks ul { padding:0px; margin:0px 0px 0px 5px; list-style-image:url(/images/bullit_10.gif); } #middleB .hGame {width:170px; height:205px; float:left; padding:20px 0px 0px 0px;} #middleB .chatBoxContainer { float:left; width:170px; padding:10px 0px 0px 0px; } #middleB .chatBox { background:url(/images/chatbox_bg.gif) no-repeat; height:230px; font:10px Verdana; color:#0079CC; padding:0px 15px 0px 15px; } #middleB .calendar { width:140px; height:178px; float:right;} #middleB .calendarWide { width:160px; height:175px; float:right;} #middleB .calendarText { width:140px; margin-top:5px; font:10px Arial; color:#999; text-align:center;} #middleB .bookmark { font-size:10px; float:right; height:15px; margin-top:-3px; padding-right:5px; } #middleB .bookmark a, #middleB .bookmark a:link, #middleB .bookmark a:visited { color:#99CCFF; text-decoration:none; } #middleB .bookmark a:active, #middleB .bookmark a:hover { color:#FFF; text-decoration:underline; } #middleB .calApp {width:140px; height:188px; clear:both;} #middleB .hCal {height:225px;} #middleB .hGuide { clear:both; padding-left:15px;} #middleB .mainLeftWide { width:570px; float:left;} #middleB .mainLeftWide .contentHolder { margin:0px 10px;} #middleB .mainLeftWide .contentHead {width:570px; height:50px; background:url(/images/boards_head_bkg.gif) no-repeat;} /* new 2006 */ #middleB .mainLeftWide .contentHead div.sponsorImage{float:right; padding:0px 20px 0px 0px; margin-top:8px} #middleB .mainLeftWide .contentHead div.brought{ width:280px;font-size: 9px; text-align: right; margin-top: 8px; } /* old #middleB .mainLeftWide .contentHead div.sponsorImage{float:right; margin-top: 8px;} #middleB .mainLeftWide .contentHead div.sponsorImage{float:left; padding:15px 5px 0px 150px;} */ #middleB .mainLeftWide .contentHead div.left{float:left;margin:5px 5px 0px 0px; width:170px;} #middleB .mainLeftWide .contentHead select {width:138px; margin:0px 0px 0px 16px; font-size:1em; color:#000; height:16px; border:0px solid #fff;} #middleB .mainRightNarrow{ width:170px; float:right; background:url(/images/bkg_mainRight.gif) -140px 0 no-repeat;} /* C: Newsletter row */ #middleC{ margin:0 auto; width:720px; height:23px; text-align:left;} .nl { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:720px; height:23px; line-height:2.0em;background:url(/images/newsletter_bkg.gif) no-repeat; text-align:center; } .nl div.n1{ width:150px;float:left} .nl div.n2{ width:425px;float:left} .nl div.n3{ width:100px;float:left} .nl div.n4{ width:45px;float:left; text-align:left; font-weight:bold;} .nl .inputLocation {width:85px; border:0px; height:16px; font-size:1em; color:#333; margin:6px 0px 0px 0px; background-color:transparent;} /* D: Bottom AD */ #middleD{ margin:0 auto; width:740px; text-align:center; } #footerNav { margin:10px 0px; text-align:center; font:10px Verdana; color:#007ACC; } #footerNav a, #footerNav a:link, #footerNav a:visited { font:10px Verdana; color:#007ACC; margin:0px 5px; text-decoration:none; } #footerNav a:active, #footerNav a:hover { color:#FF6699; text-decoration: underline; } .footerBar { margin-top:10px; background:url(/images/bg_footer.gif) no-repeat; height:33px; line-height:3.3em; padding:0px; } .footerLinks { text-align:center;} .footerLink { display:inline; padding:0px 15px 0px 15px; font-size:10px;} .footerLink a, .footerLink a:link, .footerLink a:visited { color:#FFF; text-decoration:none;} .footerLink a:active, .footerLink a:hover { text-decoration:underline;} .legalText { font-size:10px; color:#7D7D7D; margin:2px 0px 5px 0px; text-align:center; padding:0px; } /* /END Majority Columns */ /* Fancy Boxes */ .box { } .box130 { width:130px;} .box200 { width:200px;} .box270 { width:270px;} .box275 { width:275px;} .box300 { width:300px;} .box410 { width:410px;} .box550 { width:550px;} .box .boxContent { margin:0px 16px 0px 0px; padding:10px 0px 0px 10px; color:#000;} .box .boxMiddle { width:auto; border-bottom:0px solid; border-top:0px solid; border-left:2px solid #DADADA; border-right:2px solid #DADADA; background-color:#fff;} .box .boxMiddle p { padding:0px; margin:5px 0px 5px 0px;} .box .boxMiddle div { padding:5px; z-index:100; position:relative;} .box .boxMiddle ul { padding-top:0px; margin:0px 0px 0px 10px;} .box .boxTop { width:auto; height:23px; line-height:1.8em; padding:0px 0px 0px 16px;} .box .boxBottom130 { width:auto; height:20px; background:url(/images/box_bottom_130.gif) no-repeat;} .box .boxBottom200 { width:auto; height:20px; background:url(/images/box_bottom_200.gif) no-repeat;} .box .boxBottom270 { width:auto; height:20px; background:url(/images/box_bottom_270.gif) no-repeat;} .box .boxBottom275 { width:auto; height:20px; background:url(/images/box_bottom_275.gif) no-repeat;} .box .boxBottom300 { width:auto; height:20px; background:url(/images/box_bottom_300.gif) no-repeat;} .box .boxBottom410 { width:auto; height:20px; background:url(/images/box_bottom_410.gif) no-repeat;} .box .boxBottom550 { width:auto; height:20px; background:url(/images/box_bottom_550.gif) no-repeat;} .box .bottom { margin:0px 10px 0px 0px; line-height:1.8em; text-align:right;} .box130 .blue { background:url(/images/box_top_130_blue.gif) no-repeat;} .box130 .gold { background:url(/images/box_top_130_gold.gif) no-repeat;} .box130 .green { background:url(/images/box_top_130_green.gif) no-repeat;} .box130 .pink { background:url(/images/box_top_130_pink.gif) no-repeat;} .box275 .blue { background:url(/images/box_top_275_blue.gif) no-repeat;} .box200 .blue { background:url(/images/box_top_200_blue.gif) no-repeat;} .box200 .gold { background:url(/images/box_top_200_gold.gif) no-repeat;} .box200 .green { background:url(/images/box_top_200_green.gif) no-repeat;} .box200 .pink { background:url(/images/box_top_200_pink.gif) no-repeat;} .box270 .blue { background:url(/images/box_top_270_blue.gif) no-repeat;} .box270 .blue { background:url(/images/box_top_270_green.gif) no-repeat;} .box300 .blue { background:url(/images/box_top_300_blue.gif) no-repeat;} .box300 .gold { background:url(/images/box_top_300_gold.gif) no-repeat;} .box300 .green { background:url(/images/box_top_300_green.gif) no-repeat;} .box300 .grey { background:url(/images/box_top_300_grey.gif) no-repeat;} .box300 .pink { background:url(/images/box_top_300_pink.gif) no-repeat;} .box410 .blue { background:url(/images/box_top_410_blue.gif) no-repeat;} .box410 .gold { background:url(/images/box_top_410_gold.gif) no-repeat;} .box410 .green { background:url(/images/box_top_410_green.gif) no-repeat;} .box410 .pink { background:url(/images/box_top_410_pink.gif) no-repeat;} .box550 .blue { background:url(/images/box_top_550_blue.gif) no-repeat;} .box550 .gold { background:url(/images/box_top_550_gold.gif) no-repeat;} .box550 .green { background:url(/images/box_top_550_green.gif) no-repeat;} .box .pollBox { background:url(/images/poll_bg.jpg) no-repeat #E0E0E0; } .box .pollBox .pollBottom { background:url(/images/poll_bottom.gif) no-repeat; height:10px; } .box .pollBox .pollTitle { margin:16px 0px 5px 25px; } .box .pollBox .pollMiddle { padding:0px 20px; } /* /END Fancy Boxes */ /* Fancy Boxes Pink Content */ .style1 {color: #666667} /* /Fancy Boxes Pink Content */ /* Finder */ div.finderHolder { margin:0px; padding:6px 0px 0px 0px;} div.finderHolder form { margin:0px; padding:0px; } div.finderHolder div.button { margin:2px auto 0px auto; text-align:center;} div.finderHolder div.title { font-size:1.0em; color:#007ACD; font-weight:bold; padding:8px 0px 0px 0px;text-align:center;} div.finderHolder .blurb { font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0.2em auto; width:75%;} div.finderHolder .inputBKG { background:url(/images/finder_input_bkg.gif) no-repeat; width:130px; height:23px; margin:0px auto;} div.finderHolder .inputIdea { width:100px; border:0px; font-size:0.95em; color:#333; background-color:transparent; margin:6px 0px 0px 15px;} div.finderHolder div.drops { width:112px; margin:0px auto;} div.finderHolder .finderDrop{ width:112px; margin:0.1em auto; font-size:0.95em; color:#333; height:1.8em; border:0px solid #fff;} /* Sometimes the Finder box is used for a list of links rather than the regular Finder */ div.finderLinks { margin:0px; padding:15px; } div.finderLinks div.title { font-size:1.0em; color:#007ACD; font-weight:bold; padding:8px 0px 0px 0px;text-align:center;} div.finderLinks .blurb { font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#666; } div.finderLinks ul { margin-left:-6px; list-style-type:none; } div.finderLinks li { padding-left:18px; padding-right:10px; background: url(/images/ball_arrow_green_13x13.gif) no-repeat; color:#cc527a; font-size:10px; } /* /End Finder */ /* Clearing Divs leave these font sizes as pixels*/ div.clear_tiny {clear:both; height:2px; font-size:2px; padding:0px; margin:0px; } div.clear_sm {clear:both; height:8px; font-size:2px; padding:0px; margin:0px; } div.clear {clear:both; height:15px; font-size:2px; padding:0px; margin:0px; } div.clear_lg {clear:both; height:30px; font-size:2px; padding:0px; margin:0px; } /* /END Clearing Divs */ /* The pinkish and blue text colours: */ .tBlue{color:#007ACD;} .tPink{color:#CC5270;} .tBlack{color:#000;} .tWhite{color:#FFF;} .tGrey{color:#666;} .tBold{font-weight:bold;} .tWhite a, .tWhite a:link, .tWhite a:visited, .tWhite a:hover, .tWhite a:active { color:#FFF; } /* Image Rollover Effects */ .imgPadPink { padding:2px; background-color:#FFF; border:0px;} .imgPadPinkOver { padding:0px; background-color:#FFF; border:2px solid #FF6699;} .img_sm { padding:1px; border:0px; margin:1px;} .imgOver_sm { padding:1px; border:1px solid #FF6699;} img.imgPad_t_T { padding:2px; background-color:#FFF; border:0px;} img.imgPad_t_T_over { padding:0px; background-color:#FFF; border:2px solid #e7e7e7;} img.imgPadSponsor { padding:3px; margin-right:5px; border:0px;} img.imgPadSponsorOver { padding:0px; margin-right:5px; border:3px solid #e7e7e7;} img.imgGold { background-color:#FAB70D;} img.imgBlue { background-color:#0066CC;} img.imgPink { background-color:#FF3366;} img.imgGreen { background-color:#92D823;} /* /END Image Rollover Effects */ /* /END Site Wide Elements */ /* ========================================================================= */ /* ========================================================================= */ /* Level Specific CSS Classes and IDs */ /* This hotPane(1 and 2) class set is used on the following pages: Arts Crafts channel index page, its the first big content item Healthy Kids channel index page, its the first big content item */ #middleB .mainLeft .dualList_1 { width:123px; float:left;} #middleB .mainLeft .dualList_2 { width:250px; float:left; clear:right;} #middleB .mainLeft .dualList_2 div { width:115px;} /* Tri-Column setup - as seen on the Travel, Parties, and Food channel index pages */ #middleB .mainLeft div.triList { float:left;width:125px;} #middleB .mainLeft div.triList div{padding:2px;} /* blockbuster for the Movies channel index page */ #middleB .mainLeft .blockbuster{ width:49%; float:left; padding:0px;} /* Showtimes Div for the Movies channel index page and movie Content page */ .showtimes { width:410px; height:23px; line-height:2.0em;background:url(/images/showtimes_bkg.gif) no-repeat; clear:both;} .showtimes div.a{ width:117px;float:left} .showtimes div.b{ width:153px;float:left} .showtimes div.c{ width:100px;float:left} .showtimes div.d{ width:30px;float:left;} .showtimes .inputLocation {width:85px; border:0px; height:16px; font-size:1em; color:#666; margin:6px 0px 0px 10px; background-color:transparent;} .showtimes .dropdown {width:150px; height:16px; font-size:1em; margin:3px auto;} .goPink {width:20px;height:13px; background:url(/images/go_pink.gif) no-repeat; border:0px; background-color:transparent;} .showtimes2 { width:390px; height:23px; line-height:2.0em;background:url(/images/showtimes2_bkg.gif) no-repeat; clear:both;} .showtimes2 div.a{ width:117px;float:left} .showtimes2 div.b{ width:133px;float:left} .showtimes2 div.c{ width:100px;float:left} .showtimes2 div.d{ width:30px;float:left;} .showtimes2 .inputLocation {width:85px; border:0px; height:16px; font-size:1em; color:#666; margin:6px 0px 0px 10px; background-color:transparent;} .showtimes2 .dropdown {width:130px; height:16px; font-size:1em; margin:3px auto;} #movieDetailInset{ float:right; width:109px; text-align:center; padding:3px 0px 3px 5px;} .movieListLeft {width:110px; float:left;} .movieListRight {width:275px; float:left;} .movieListRight p.m{margin:0px 0px 0px 0px;} /* Travel Destination Selector Bar */ div#destBar {width:390px; height:24px; background:url(/images/travel_bar_bkg.gif) no-repeat; padding:0px; position:relative; display:block;} #destBar .d1{position:relative; top:3px; left:10px;} #destBar select{ width:155px; margin:0px; font-size:9px; color:#333; border:0px solid #fff;} #destBar .destSubmit{width:30px; font-size:1.0em; margin:0px; padding:0px;} /* User Idea Submission Callout Box with form */ div.submitIdea { width:130px; height:114px; background:url(/images/bkg_submit_idea_130x114.gif) no-repeat; margin:0px;} div.submitIdea div.button { margin:10px auto; text-align:center;} div.submitIdea div.title { font-size:1.1em; color:#CE5179; font-weight:bold; padding:10px 0px 0px 0px;text-align:center;} div.submitIdea .blurb { font-size:1em; color:#666; margin:5px 0px 0px 0px; text-align:center;} div.submitIdea .input { background:url(/images/submit_idea_input_110x24.gif) no-repeat; width:110px; height:24px; margin:0px auto;} div.submitIdea .inputIdea { width:80px; border:0px; font-size:1em; color:#A7A9AC; background-color:transparent; margin:7px 0px 0px 15px;} div.submitIdeaW { width:300px; height:75px; background:url(/images/bkg_submit_idea_300x75.gif) no-repeat; margin:0px;} div.submitIdeaW .left {width:95px; float:left;padding-right:5px;} div.submitIdeaW .middle { width:115px; float:left;} div.submitIdeaW .right {width:75px; float:left;} div.submitIdeaW div.button { margin:4px 0px; text-align:center; } div.submitIdeaW div.title { font-size:1.1em; color:#CE5179; font-weight:bold; padding:13px 0px 5px 0px;text-align:center;} div.submitIdeaW .blurb { font-size:1em; color:#666; margin:0px 0px 0px 0px; text-align:right; float:left;} div.submitIdeaW .input { float:left; background:url(/images/submit_idea_input_110x24.gif) no-repeat; width:110px; height:24px; margin:0px auto;} div.submitIdeaW .inputIdea { width:80px; border:0px; font-size:1em; color:#A7A9AC; background-color:transparent; margin:7px 0px 0px 15px;} /* Tell-a-Friend Callout Box with form */ div.tell { position:relative; width:130px; height:174px; background:url(/images/tell_friend_bkg.gif) no-repeat; margin:0px;} div.tell div.form1 { position:absolute; top:54px;} div.tell div.form2 { position:absolute; top:90px;} div.tell div.form3 { position:absolute; top:123px;} div.tell div.button { width:130px; position:absolute; bottom:10px; text-align:center;} div.tell .inputIdea { width:100px; border:0px; font-size:1em; color:#333; background-color:transparent; margin:0px 0px 0px 15px;} /* Nutrition Table, on Food content level Pages */ div.nutrition { border:2px solid #999; padding:3px 1px; border-bottom-width:2px; border-left-width:0px; border-right-width:0px; border-top-width:0px;} div.nutrition2{ border:2px solid #999; padding:3px 1px; margin-left:10px; border-bottom-width:2px; border-left-width:0px; border-right-width:0px; border-top-width:0px;} div.bigBorder { border-bottom-width:4px;} /* Content Level - 2 column layout(eg. ingredients/instructions) */ .contentIndent{ /*height:500px;*/margin:6px 20px 0px 10px;} .contentIndent p.relTitle{ font-size:0.9em; color:#999999; padding:0px; margin:5px 0px 5px 0px;} .contentIndent p{ margin:1em 0px 1em 0px;} .contentIndent .description { color:#666; font-weight:normal;} .contentIndent .leftHalf_c { float:left; width:130px;} .contentIndent .rightHalf_c { float:right; width:250px;} .contentIndent .leftHalf_cb { float:left; width:250px;} .contentIndent .rightHalf_cb { float:right; width:150px;} .contentIndent .rightHalf_c .howTo { margin:0px;} .contentIndent .rightHalf_c .howTo .left { width:18px; text-align:left; float:left; color:#666; font-weight:bold;} .contentIndent .rightHalf_c .howTo .right { width:230px; text-align:left; float:right; color:#666; font-weight:normal; } /* Content Level - Hazzard Striped Fancy Boxes */ .haz130 { width:130px;} .haz150 { width:150px;} .haz250 { width:250px;} .hazTopBlue {background:url(/images/bkg_haz_blue.gif) repeat-x; height:10px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ .hazTopGold {background:url(/images/bkg_haz_yellow.gif) repeat-x; height:10px; font-size:5px;} .hazTopGreen{background:url(/images/bkg_haz_green.gif) repeat-x; height:10px; font-size:5px;} .hazTopPink{background:url(/images/bkg_haz_pink.gif) repeat-x; height:10px; font-size:5px;} .hazMidBlue {background-color:#B2DFFE; padding:8px;} .hazMidGold {background-color:#F8F618; padding:8px;} .hazMidGreen{background-color:#E6F7C3; padding:8px;} .hazMidPink{background-color:#FFE0eb; padding:3px;} .haz130BottomBlue{background:url(/images/haz_bottom_130_blue.gif) repeat-x; height:10px;} .haz130BottomGold{background:url(/images/haz_bottom_130_yellow.gif) repeat-x; height:10px;} .haz130BottomPink{background:url(/images/haz_bottom_130_pink.gif) repeat-x; height:10px;} .haz250BottomBlue{background:url(/images/haz_bottom_250_blue.gif) repeat-x; height:10px;} .haz250BottomGold{background:url(/images/haz_bottom_250_yellow.gif) repeat-x; height:10px;} .haz250BottomGreen{background:url(/images/haz_bottom_250_green.gif) repeat-x; height:10px;} /* Content Level - Rounded corner grey box */ .capGreyTop { width:390px;background:url(/images/cell_top_grey_390.gif); height:10px; margin:0px; padding:0px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ .capGreyMid { width:390px; background-color:#F0F0F0;} .capGreyMid .content { padding:5px 10px 5px 10px; width:370px;} .capGreyMid .content .title { padding:5px 10px 5px 10px;} .capGreyBottom { width:390px; background:url(/images/cell_bottom_grey_390.gif); height:10px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ /* Content Level - Rounded corner grey box */ .capBlueTop { width:120px;background:url(/images/cell_top_blue_120.gif); height:10px; margin:0px; padding:0px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ .capBlueMid { width:120px; background-color:#B2DFFE;} .capBlueMid .content { padding:5px 10px 5px 10px; width:100px;} .capBlueMid .content .title { padding:5px 10px 5px 10px;} .capBlueBottom { width:120px; background:url(/images/cell_bottom_blue_120.gif); height:10px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ /* Content Level - Rounded corner grey box */ .capPinkTop { width:120px;background:url(/images/cell_top_blue_120.gif); height:10px; margin:0px; padding:0px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ .capPinkMid { width:120px; background-color:#FFE0EB;} .capPinkMid .content { padding:5px 10px 5px 10px; width:100px;} .capPinkMid .content .title { padding:5px 10px 5px 10px;} .capPinkBottom { width:120px; background:url(/images/cell_bottom_blue_120.gif); height:10px; font-size:5px;}/* fontsize 5 is for iE to not add space since it defualts to 12px heights leavea as pixels, others are not affected */ /* finder results pagination div */ div.pagination { height:16px; width:auto; clear:both; } div.prev { height:inherit; width:92px; float:left; } div.pages { height:inherit; width:225px; float:left; line-height:2.0em; text-align:center; } div.pages .pageLinks { margin:0px auto;} div.pages .pageLinks .currentPage { text-decoration:underline; font-weight:bold; color:#69C; } div.next { height:inherit; width:70px; float:right; text-align:right; } .pagTop { border-bottom:1px solid #AFE539; padding:0px 0px 5px 0px; } .pagBottom { border-top:1px solid #AFE539; padding:5px 0px 0px 0px; } .pagBlue{border-color:#B2D6EF;} div.tabs{ margin:0px; padding:0px; width:100%; background:url(/images/pag_tabs_bkg.gif) repeat-x; height:20px; text-align:right;} div.tabs ul{display:inline; list-style-type:none; float:right;} div.tabs li{ margin:0px; padding:0px; float:left; width:80px; height:20px; text-align:center; font-size:10px; line-height:24px;} div.tabs li#sort{width:150px; text-align:right;} div.tabs li#on{background:url(/images/pag_tab_on.gif);} div.tabs li.off{background:url(/images/pag_tab_off.gif);} /*div.tabs li.off a{color:#666;} div.tabs li#on a{color:#000;}*/ div.tabs div.sort{ width:220px; background-color:#006699; font-size:9px; color:#999999; padding:0px; margin:0px; float:left; line-height:24px;} /* /END Level Specific CSS Classes and IDs */ /* ========================================================================= */ /* ========================================================================= */ /* buttons -- */ .btnTextA {width:16px; height:17px; float:left; background:url(/images/btn_textSizer_a.gif) no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnTextAOver {width:16px; height:17px; float:left; background:url(/images/btn_textSizer_a.gif) 0 -17px no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnTextB {width:16px; height:17px; float:left; background:url(/images/btn_textSizer_b.gif) no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnTextBOver {width:16px; height:17px; float:left; background:url(/images/btn_textSizer_b.gif) 0 -17px no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnTextC {width:17px; height:17px; float:left; background:url(/images/btn_textSizer_c.gif) no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnTextCOver {width:17px; height:17px; float:left; background:url(/images/btn_textSizer_c.gif) 0 -17px no-repeat; cursor:pointer; border:0px; background-color:transparent;} .btnGo { width:36px; height:20px; background:url(/images/btn_go.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnGoOver { width:36px; height:20px; background:url(/images/btn_go.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSignUp { width:93px; height:20px; background:url(/images/btn_signupnow.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSignUpOver { width:93px; height:20px; background:url(/images/btn_signupnow.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnContinue { width:76px; height:20px; background:url(/images/btn_continuePink.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnContinueOver { width:76px; height:20px; background:url(/images/btn_continuePink.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnIdeaSubmit { width:107px; height:20px; background:url(/images/btn_submitIdea.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnIdeaSubmitOver { width:107px; height:20px; background:url(/images/btn_submitIdea.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} /* on a white BKG */ .btnIdeaSubmit2 { width:106px; height:20px; background:url(/images/btn_submitIdea2.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnIdeaSubmit2Over { width:106px; height:20px; background:url(/images/btn_submitIdea2.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnAskQuestion { width:106px; height:20px; background:url(/images/btn_askQuestion.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnAskQuestionOver { width:106px; height:20px; background:url(/images/btn_askQuestion.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSeeGuide { width:86px; height:20px; background:url(/images/btn_seeGuide.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSeeGuideOver { width:86px; height:20px; background:url(/images/btn_seeGuide.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} div.btnKidsGames { text-align: center; width:135px; height:25px; background:url(/images/btn_kidsGames.gif) no-repeat;} div.btnKidsGames a { display: block; overflow:hidden; height:25px;} div.btnKidsGames a:hover{ background:url(/images/btn_kidsGames.gif) 0 -25px no-repeat;} div.btnFamilyGuide { text-align: center; width:135px; height:25px; background:url(/images/btn_familyGuide.gif) no-repeat;} div.btnFamilyGuide a { display: block; overflow:hidden; height:25px;} div.btnFamilyGuide a:hover { background:url(/images/btn_familyGuide.gif) 0 -25px no-repeat;} div.btnFamilyGuideSmall { text-align: center; width:115px; height:25px; background:url(/images/btn_familyGuideSmall.gif) no-repeat;} div.btnFamilyGuideSmall a { display: block; overflow:hidden; height:25px;} div.btnFamilyGuideSmall a:hover { background:url(/images/btn_familyGuideSmall.gif) 0 -25px no-repeat;} .btnFinderSubmit { width:61px; height:20px; background:url(/images/btn_findIt.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnFinderSubmitOver { width:61px; height:20px; background:url(/images/btn_findIt.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSend { width:51px; height:20px; background:url(/images/btn_send.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnSendOver { width:51px; height:20px; background:url(/images/btn_send.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnWatchTrailer { width:106px; height:20px; background:url(/images/btn_watchTrailer.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent;} .btnWatchTrailerOver { width:106px; height:20px; background:url(/images/btn_watchTrailer.gif) 0 -20px no-repeat; cursor: pointer; border:0px; background-color:transparent;} /* these are pill buttons that reside on content level pages */ .pillButton { float:left; margin-bottom:5px; margin-right:5px; display:block; height:15px; border:0px; background-color:transparent; text-align:center; line-height:1.5em; } .pillButton a, .pillButton a:link, .pillButton a:visited { font:10px Arial; color:#0079CA; text-decoration:none; } .pillButton a:hover, .pillButton a:active { color:#FFF; text-decoration:underline; } .btnGreen_sm { width:68px; background:url(/images/btn_green_sm_up.gif) no-repeat; } .btnGreen_smOver { width:68px; background:url(/images/btn_green_sm_over.gif) no-repeat; } .btnGreen_lg { width:100px; background:url(/images/btn_green_lg_up.gif) no-repeat; } .btnGreen_lgOver { width:100px; background:url(/images/btn_green_lg_over.gif) no-repeat; } .btnGreen_huge { width:160px; background:url(/images/btn_green_huge_up.gif) no-repeat; } .btnGreen_hugeOver { width:160px; background:url(/images/btn_green_huge_over.gif) no-repeat; } .btnYellow { float:left; margin-right:5px; display:block; width:65px; height:20px; background:url(/images/btn_yellow_up.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent; font-size:11px; color:#0079CA; text-align:center; line-height:1.9em; font-family:Arial, Helvetica, sans-serif;} .btnYellowOver { float:left; margin-right:5px; display:block; width:65px; height:20px; background:url(/images/btn_yellow_over.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent; font-size:11px; color:#FFF; text-align:center; line-height:1.6em; font-family:Arial, Helvetica, sans-serif;} .btnYellow { float:left; margin-right:5px; display:block; width:65px; height:20px; background:url(/images/btn_yellow_up.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent; font-size:11px; color:#0079CA; text-align:center; line-height:1.9em; font-family:Arial, Helvetica, sans-serif;} .btnYellowOver { float:left; margin-right:5px; display:block; width:65px; height:20px; background:url(/images/btn_yellow_over.gif) no-repeat; cursor: pointer; border:0px; background-color:transparent; font-size:11px; color:#FFF; text-align:center; line-height:1.6em; font-family:Arial, Helvetica, sans-serif;} .greyDivider { height:1px; background:#CCC; line-height:1px; font-size:1px; margin:15px 0px; } .dashedDivider { height:1px; background:url(/images/divider_dashed.gif) repeat-x; line-height:1px; font-size:1px; clear:both; } /* /END buttons */ /* ========================================================================= */ /* Generic Float Set **MUST BE AT VERY BOTTOM OF CSS *ALWAYS* */ .floatLeft { float:left;} .floatRight { float:right;} /* /END Generic Float Set */ .ulTight{margin:-8px 0px 4px 0px; padding:0px 3px 0px 2px;} .tRight{text-align:right;} .tCenter{text-align:center;} .noMargin{margin:0px;} .noPad{padding:0px;} /* Generic Font Sizes **MUST BE AT VERY BOTTOM OF CSS *ALWAYS* These go on all pages these are em, so they WILL scale with the font sizer, only use in a spot that you want to be affected by the text-sizer */ .f9 {font-size:0.9em;} .f10 {font-size:1.0em;} .f11 {font-size:1.1em;} .f12 {font-size:1.2em;} .f14 {font-size:1.4em;} .f18 {font-size:1.8em;} /* /END Generic Font Sizes */ /* bullit styles classes -- should only have the classes which appear on the page, otherwise clients will take the time to DL these images without actually needing them */ ul.b0 { list-style-type:circle;} ul.b2 { list-style-image:url(/images/bullit_dash.gif);} ul.b1 { list-style-image:url(/images/bullit_01.gif);} ul.b9 { list-style-image:url(/images/bullit_09.gif);} ul.b3 { list-style-image:url(/images/bullit_03.gif);} ul.b10 { list-style-image:url(/images/bullit_10.gif); } /*ul.b2 { list-style-image:url(/images/bullit_02.gif);} ul.b4 { list-style-image:url(/images/bullit_04.gif);} ul.b5 { list-style-image:url(/images/bullit_05.gif);} ul.b6 { list-style-image:url(/images/bullit_06.gif);} ul.b7 { list-style-image:url(/images/bullit_07.gif);} ul.b8 { list-style-image:url(/images/bullit_08.gif);}*/ /* /END bullit styles */