/* * Global Styles */ * { margin: 0; padding: 0; } a { color: #00901e; outline: 0; text-decoration: none; } body { background: #fff url(hw09/bg/body.jpg) center 64px repeat-x; color: #636363; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; } img { border: 0; } td { vertical-align: top; } /* * Container */ #mainBox, #tblOuter { margin: 0 auto; width: 969px; } div#outerBox { margin:0 auto; position:relative; width:969px; } /* * Navigation */ #Masthead_pnlContent { float: left; position: relative; width: 969px; height:65px; padding-top:64px; } #Masthead_pnlContent ul { height: 48px; list-style: none; overflow: hidden; padding: 0 0 17px; width: 969px; } #Masthead_pnlContent ul li { float: left; } #Masthead_pnlContent ul li a { display: block; float: left; height: 48px; text-indent: -9999px; } #Masthead_pnlContent ul li.home a { background: url(hw09/btn/nav/home.png); width: 73px; } #Masthead_pnlContent ul li.thirty_days_buzz a { background: url(hw09/btn/nav/30_days_buzz.png); width: 135px; } #Masthead_pnlContent ul li.expert_advice a { background: url(hw09/btn/nav/expert_advice.png); width: 151px; } #Masthead_pnlContent ul li.event_calendar a { background: url(hw09/btn/nav/event_calendar.png); width: 169px; } #Masthead_pnlContent ul li.giveaways a { background: url(hw09/btn/nav/giveaways.png); width: 114px; } #Masthead_pnlContent ul li.photo_and_video a { background: url(hw09/btn/nav/photo_and_video.png); width: 157px; } #Masthead_pnlContent ul li.health_and_wellbeing a { background: url(hw09/btn/nav/health_and_wellbeing.png); width: 170px; } #Masthead_pnlContent ul li a:hover, #Masthead_pnlContent ul li a:focus, #Masthead_pnlContent ul li a.active { background-position: 0 -48px; } #Masthead_pnlContent div { position: absolute; right: 23px; top:auto; z-index: 9; } #Masthead_pnlContent div label { left: -9999px; position: absolute; } #Masthead_pnlContent div input { background: #b7b7b7; border: 0; color: #fafeff; float: left; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; padding: 2px 17px 5px; width: 223px; } #Masthead_pnlContent div input.button { background: transparent; margin: 0; padding: 0; width: auto; } div#HeadContainer { top:auto; right:auto; } /* * Branding */ #tcLeftContent { background: url(hw09/bg/vertical_dotted.png) top right no-repeat; min-height: 691px; width: 182px; } #LeftNav_pnlContent { width: 182px; } #LeftNav_pnlContent h1 { margin: 20px 0 66px 4px; } #LeftNav_pnlContent h1 a, #LeftNav_pnlContent h1 a img { display: block; height: 266px; width: 161px; } #LeftNav_pnlContent div { background: url(hw09/ir/proudly_sponsored_by.gif); height: 8px; margin: 0 0 22px 14px; overflow: hidden; text-indent: -9999px; width: 136px; } #LeftNav_pnlContent ul { list-style: none; margin: 0 0 0 14px; position: relative; width: 136px; } #LeftNav_pnlContent ul li { margin: 0 0 14px; } #LeftNav_pnlContent ul li a { display: block; } #LeftNav_pnlContent ul li a img { display: block; } /* * Main Content */ #MiddleContent_pnlContent { margin: 0 17px; } #landing_page { background: #fff url(hw09/bg/content_w_heading.gif) no-repeat; color: #383838; float: left; margin: 30px 0 25px; min-height: 204px; overflow: hidden; width: 403px; } #landing_page h2 { color: #fff; font-size: 11px; font-weight: normal; padding: 9px 8px 10px; text-transform: uppercase; } #landing_page h3 { color: #00901e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: -1px; line-height: 24px; padding: 26px 21px 13px; } #landing_page h3 a { color: #00901e; } #landing_page .featured_article { line-height: 14px; padding: 0 22px 316px; position: relative; width: 359px; } #landing_page .featured_article a { bottom: 0; display: block; left: 24px; position: absolute; } #landing_page .featured_article a img { display: block; height: 292px; width: 355px; } #landing_page .featured_article h4 { color: #11972d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; letter-spacing: -1px; line-height: 26px; margin: 17px 0 11px; } #landing_page .featured_article h4 a { color: #11972d; display: inline; position: static; } #landing_page .featured_article a.more { display: none; } #landing_page .other_great_stuff { font-size: 10px; line-height: 12px; list-style: none; margin: 0 -13px 0 0; overflow: hidden; padding: 0 16px; width: 384px; } #landing_page .other_great_stuff li { float: left; margin: 0 13px 0 0; width: 115px; } #landing_page .other_great_stuff a { display: block; } #landing_page .other_great_stuff a img { display: block; height: 112px; width: 115px; } #landing_page .other_great_stuff h4 { font-size: 11px; font-weight: bold; margin: 7px 0 3px; } #landing_page .other_great_stuff h4 a { color: #00901e; display: inline; } #landing_page .other_great_stuff a.more { display: none; } #archive { width: 403px; } #archive h3 { font-size: 24px; letter-spacing: -1px; line-height: 28px; margin: 21px 15px 7px 15px; padding: 0; } #archive h3 strong { font-style: italic; font-weight: normal; } #archive #search_results { color: #383838; } #archive #search_results ul { list-style: none; padding: 0 28px 13px 24px; width: 351px; } #archive #search_results ul li { border-bottom: 1px dotted #a5a5a5; overflow: hidden; padding: 19px 0 23px 0; position: relative; width: 351px; } #archive #search_results ul li a.img { float: left; margin: 4px 19px 0 0; } #archive #search_results ul li a.img img { display: block; height: 108px; width: 131px; } #archive #search_results ul li h4 { font-size: 12px; font-weight: bold; margin: 0 0 5px; overflow: hidden; } #archive #search_results ul li h4 a { color: #00901e; } #archive #search_results ul li .date { color: #000; margin: 0 0 6px; overflow: hidden; } #archive #search_results ul li p { overflow: hidden; } #article { padding: 0 0 15px; width: 403px; } #article h1 { color: #11972d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; letter-spacing: -1px; line-height: 26px; margin: 27px 0 13px; } #article #tools { float: right; list-style: none; margin: 17px -1px 0; } #article #tools li { float: left; } #article #tools li a { display: block; height: 12px; text-indent: -9999px; width: 26px; } #article #tools li a#archiveTool { background: url(hw09/btn/tools/archive.gif); } #article #tools li a#commentsTool { background: url(hw09/btn/tools/comment.gif); } #article #tools li a.printTool { background: url(hw09/btn/tools/print.gif); } #article #tools li a#sendToFriendTool { background: url(hw09/btn/tools/send_to_friend.gif); } #article #article_body { background: #fff url(hw09/bg/content.gif) no-repeat; margin: 16px 0 0; overflow: hidden; width: 403px; } #article #articleIntroduction { color: #616060; font-size: 13px; margin: 19px 24px 22px; } #article #articleIntroduction strong { font-weight: normal; } .main { padding: 0 24px 7px; } .main a, .main img { display: block; } .main img { height: 292px; width: 355px; } #article #articleBody { color: #383838; padding: 0 21px 22px; } #article #articleBody p { margin: 19px 0; } #comments { line-height: 18px; overflow: hidden; padding: 0 27px 0 21px; width: 355px; } #comments h4 { border-top: 1px solid #cdcdcd; color: #000; font-size: 14px; font-weight: normal; line-height: 17px; padding: 18px 0 9px; } #comments ul.comments { border-bottom: 1px solid #cdcdcd; line-height: 13px; list-style: none; margin: 0 0 -1px; padding: 2px 0 0; } #comments ul.comments li { margin: 0 0 23px; padding: 0 0 16px; position: relative; } #comments ul.comments li .byline { color: #424242; font-weight: bold; margin: 0 0 1px; } #comments ul.comments li a { bottom: 0; color: #1ba036; left: 0; position: absolute; } #comments ul.comments li div { color: #000; } #comments ul.comments li div a { position: static; } #comments .form div.errorStyle { color: #f00; font-weight: bold; margin: 0 0 8px; } #comments .form div.errorStyle ul { font-weight: normal; } #comments .form div.errorStyle li { margin: 0; padding: 0; width: auto; } #comments .form ul { list-style: none; overflow: hidden; } #comments .form ul li { margin: 0 0 5px; padding: 0 0 0 61px; position: relative; width: 294px; } #comments .form ul li span.errorStyle { left: -9999px; position: absolute; } #comments .form ul li.button { height: 21px; margin: 0 0 5px; overflow: hidden; } #comments .form ul li label { color: #424242; display: block; left: 0; position: absolute; top: 1px; width: 56px; } #comments .form ul li input, #comments .form ul li textarea { background: #fff; border: 1px solid #cdcdcd; color: #424242; display: block; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 3px; } #comments .form ul li input { padding: 3px; width: 152px; } #comments .form ul li textarea { height: 83px; overflow: auto; padding: 1px 3px; width: 285px; } #comments .form ul li.button { padding: 6px 0 0 278px; width: 76px; } #comments .form ul li.button input { border: 0; padding: 0; width: auto; } #competitions { float: left; width: 403px; } #competitions h3 { color: #11972d; font-size: 22px; font-weight: normal; letter-spacing: -1px; line-height: 26px; margin: 21px 18px -1px; padding: 0; } #MiddleContent_pnlContent .message { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 37px; font-weight: normal; line-height: 47px; padding: 20px 24px; text-align: center; } #competition_description { padding: 0 23px 46px; width: 357px; } #competition_description h3 { color: #11972d; font-size: 22px; letter-spacing: -1px; line-height: 26px; margin: 12px -3px 19px; padding: 0; } #competition_description #competitionDescription { margin: 14px 0; } #competition_description .main_image { display: block; height: 292px; margin: 0 0 12px; width: 355px; } #CompetitionList { margin: 0 20px; width: 363px; } #CompetitionList ul { list-style: none; padding: 0 0 39px; width: 363px; } #CompetitionList ul li { border-bottom: 1px dotted #a5a5a5; line-height: 14px; list-style: none; overflow: hidden; padding: 33px 0 32px 152px; width: 211px; } #CompetitionList ul li img { float: left; margin: 2px 0 0 -152px; } #CompetitionList ul li h3 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: normal; line-height: 18px; margin: 0 -2px 4px; } #CompetitionList ul li h3 a { color: #00901e; } #CompetitionList ul li a.competitionEnter { background: url(hw09/btn/enter_now.png); display: block; height: 18px; margin: 13px -1px 0; text-indent: -9999px; width: 77px; } #event_container { background: url(hw09/bg/event_calendar/bg.png); float: left; margin: 58px 0 11px; width: 743px; } #event { background: url(hw09/bg/event_calendar/top.jpg) no-repeat; float: left; width: 743px; } #event_list { background: url(hw09/bg/event_calendar/bottom.jpg) left bottom no-repeat; color: #383838; display: inline; float: left; list-style: none; margin-right: -8px; padding: 13px 0 100px 39px; width: 712px; } #event_list ul { display: inline; float: left; list-style: none; margin: 0 32px 0 0; width: 324px; } #event_list ul ul { display: block; margin: 0; padding: 0; width: auto; } #event_list li { border-bottom: 1px dotted #a5a5a5; display: inline; float: left; padding: 26px 0 19px; width: 324px; } #event_list li li { border: none; display: block; float: none; height: auto; margin: 0; padding: 0; width: auto; } #event_list li#event_nav { border: none; margin: 0 0 -10px -1px; padding: 24px 0 0; width: auto; } #event_nav .nav { list-style: none; margin: 0 0 20px; overflow: hidden; position: relative; width: 318px; } #event_nav .nav .heading h2 { height: 23px; margin: 0 auto; text-indent: -9999px; } #event_nav .nav .week1 h2 { background: url(hw09/ir/event_calendar/week1.gif); width: 117px; } #event_nav .nav .week2 h2 { background: url(hw09/ir/event_calendar/week2.gif); width: 119px; } #event_nav .nav .week3 h2 { background: url(hw09/ir/event_calendar/week3.gif); width: 118px; } #event_nav .nav .week4 h2 { background: url(hw09/ir/event_calendar/week4.gif); width: 119px; } #event_nav .nav .week5 h2 { background: url(hw09/ir/event_calendar/week5.gif); width: 118px; } #event_nav .nav .week6 h2 { background: url(hw09/ir/event_calendar/week6.gif); width: 118px; } #event_nav .nav .week7 h2 { background: url(hw09/ir/event_calendar/week7.gif); width: 118px; } #event_nav .nav .prev { bottom: -2px; left: 0; position: absolute; } #event_nav .nav .next { bottom: -2px; position: absolute; right: 0; } #event_nav .nav .prev a, #event_nav .nav .next a { color: #828282; display: block; font-size: 10px; font-weight: bold; margin: 0 15px; padding: 0 11px; } #event_nav .nav .prev a { background: url(hw09/bg/arrow_left_dotted.gif) left 6px no-repeat; } #event_nav .nav .next a { background: url(hw09/bg/arrow_right_dotted.gif) right 6px no-repeat; } #event_nav .calendar { background: url(hw09/bg/event_calendar/calendar.jpg); display: inline; float: left; height: 209px; overflow: hidden; padding: 0 0 0 10px; width: 308px; } #event_nav .calendar h2 { color: #000; font-size: 11px; font-weight: normal; padding: 22px 0 13px 169px; } #event_nav .calendar h2 em { left: -9999px; position: absolute; } #event_nav .calendar table { border-collapse: collapse; font-size: 10px; line-height: 10px; text-align: right; } #event_nav .calendar table img { display: block; float: left; } #event_nav .calendar table tr.active { background: url(hw09/bg/event_calendar/active.gif) right 5px no-repeat; } #event_nav .calendar table.Week1 { background: url(hw09/bg/event_calendar/active.gif) right 18px no-repeat; } #event_nav .calendar table.Week2 { background: url(hw09/bg/event_calendar/active.gif) right 41px no-repeat; } #event_nav .calendar table.Week3 { background: url(hw09/bg/event_calendar/active.gif) right 64px no-repeat; } #event_nav .calendar table.Week4 { background: url(hw09/bg/event_calendar/active.gif) right 87px no-repeat; } #event_nav .calendar table.Week5 { background: url(hw09/bg/event_calendar/active.gif) right 110px no-repeat; } #event_nav .calendar table.Week6 { background: url(hw09/bg/event_calendar/active.gif) right 133px no-repeat; } #event_nav .calendar table a { color: #000; display: block; float: right; font-weight: bold; margin: 1px 0 4px; padding: 4px 2px; text-align: center; width: 16px; } #event_nav .calendar table a:hover { background: #31ad4d; color: #f0f8e6; } #event_list li h3 { background-repeat: no-repeat; border-bottom: 1px solid #c2c2c2; height: 14px; margin: 0 0 4px; padding: 0 0 9px; text-indent: -9999px; } #event_list .sunday h3 { background-image: url(hw09/ir/event_calendar/sunday.gif); } #event_list .monday h3 { background-image: url(hw09/ir/event_calendar/monday.gif); } #event_list .tuesday h3 { background-image: url(hw09/ir/event_calendar/tuesday.gif); } #event_list .wednesday h3 { background-image: url(hw09/ir/event_calendar/wednesday.gif); } #event_list .thursday h3 { background-image: url(hw09/ir/event_calendar/thursday.gif); } #event_list .friday h3 { background-image: url(hw09/ir/event_calendar/friday.gif); } #event_list .saturday h3 { background-image: url(hw09/ir/event_calendar/saturday.gif); } #event_list li .date { color: #5d5c5c; float: right; font-weight: bold; margin: -26px 2px 0; } #event_list li .events { background: url(hw09/bg/seperator_vertical.gif) 154px 136px no-repeat; display: inline; float: left; line-height: 14px; list-style: none; margin: 0 -19px 0 1px; width: 342px; } #event_list li .events li { display: inline; float: left; margin: 0 25px 7px 1px; width: 145px; } #event_list li .events li .image { float: left; margin: 10px 42px 0 0; position: relative; } #event_list li .events li .image img { display: block; height: 108px; width: 131px; } #event_list li .events li h4 { font-size: 11px; font-weight: bold; margin: 7px -1px 4px; } #event_list li .events li h4 a { color: #5d5c5c; } #event_list li .events li a.more { background: url(hw09/btn/more_info_and_registration.png); display: inline; float: left; height: 17px; margin: 7px -2px 0; position: relative; text-indent: -9999px; width: 142px; } #event_list li .events li.featured_event { margin: 0 0 7px; width: 322px; } #event_list li .events li.featured_event a.more { margin: 6px -2px 0; } #event_day { border-bottom: 1px solid #cbcbcb; color: #11972d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; line-height: 24px; padding: 31px 0 4px; text-transform: uppercase; } #event_listing { background: #fff url(hw09/bg/content_w_heading.gif) no-repeat; color: #383838; margin: 17px 0 25px; overflow: hidden; width: 403px; } #event_listing .date { color: #fff; font-size: 11px; font-weight: bold; padding: 8px 7px 11px; } #event_listing h3 { color: #11972d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; letter-spacing: -1px; line-height: 26px; margin: 17px 19px -6px; } #event_listing h4 { color: #000; font-size: 13px; margin: 25px 22px -4px; } #event_listing p { margin: 14px 23px; } #event_listing .main { padding-top: 9px; } #event_listing .message { color: #434342; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 21px; padding: 17px 24px; text-align: center; } #event_listing .message strong { color: #000; display: block; font-size: 33px; font-weight: normal; line-height: 47px; } #event_listing .buttons { list-style: none; margin: 33px 0 0; overflow: hidden; padding: 0 20px; width: 363px; } #event_listing .buttons li { float: left; margin: 0 15px 0 0; } #event_listing .buttons li a, #event_listing .buttons li a img { display: block; } #event_listing .related { overflow: hidden; width: 403px; } #event_listing .related div { background: url(hw09/ir/from_the_event.gif); height: 7px; margin: 25px 21px 7px; overflow: hidden; text-indent: -9999px; width: 89px; } #event_listing .related ul { list-style: none; overflow: hidden; width: 403px; } #event_listing .related ul li { float: left; } #event_listing .related ul li a { background: url(hw09/btn/from_the_event.png); display: block; height: 68px; text-indent: -9999px; } #event_listing .related ul li.gallery a { background-position: 0 0; width: 133px; } #event_listing .related ul li.blog a { background-position: -133px 0; width: 129px; } #event_listing .related ul li.video a { background-position: -262px 0; width: 141px; } #event_listing .related ul li.gallery a:hover { background-position: 0 -68px; } #event_listing .related ul li.blog a:hover { background-position: -133px -68px; } #event_listing .related ul li.video a:hover { background-position: -262px -68px; } #event_listing .nav { list-style: none; overflow: hidden; width: 403px; } #event_listing .nav li { width: 201px; } #event_listing .nav li.prev { float: left; } #event_listing .nav li.next { float: right; } #event_listing .nav li a { color: #000; display: block; margin: 0 13px; padding: 8px 14px 10px; } #event_listing .nav li.prev a { background: url(hw09/bg/arrow_left_black.gif) left 13px no-repeat; float: left; } #event_listing .nav li.next a { background: url(hw09/bg/arrow_right_black.gif) right 13px no-repeat; float: right; } #event_listing #generic_register_form { margin: 25px 0 0; } #featured_magazine { color: #000; margin: 18px 0 10px; overflow: hidden; padding: 26px 0 10px 145px; position: relative; width: 171px; } #featured_magazine a { float: left; margin: 0 0 0 -145px; } #featured_magazine a img { border: 1px dotted #a6a6a6; display: block; padding: 4px; } #featured_magazine h4 a { background: url(hw09/ir/featured_magazine.png); display: block; float: none; height: 11px; left: 0; margin: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 162px; } #featured_magazine p { margin: 4px 0 0; } #featured_magazine a.more { background: url(hw09/btn/subscribe_now.gif); display: block; float: none; height: 19px; margin: 12px 0 0 -1px; overflow: hidden; text-indent: -9999px; width: 93px; } #gallery_comments #comments { margin: 0 0 0 124px; padding: 3px 0 0; width: 495px; } #gallery_comments #comments h4 { padding: 17px 0 10px; } #gallery_comments #comments .comments { } #gallery_comments #comments .comments li { border: none; padding: 0 0 14px; } #gallery_comments #comments .comments li .byline { margin: 0; width: auto; } #gallery_comments #comments .comments li div { } #gallery_comments #comments .form { } #gallery_comments #comments .form h4 { padding: 11px 0 9px; } #gallery_comments #comments .form ul li { width: auto; } #gallery_comments #comments .form ul li input { width: 152px; } #gallery_comments #comments .form ul li textarea { height: 87px; width: 426px; } #gallery_comments #comments .form ul li.textarea { } #gallery_comments #comments .form ul li.button { padding-left: 419px; } #gallery_comments #comments .form ul li.button input { width: auto; } #generic_register_form { float: left; padding: 0 14px 0 23px; width: 366px; } #generic_register_form h3 { color: #64a1ba; font-weight: normal; padding: 0; } #generic_register_form h3.large { color: #00901e; font-size: 23px; letter-spacing: -1px; line-height: 24px; margin: 18px -2px 14px; } #generic_register_form h4 { border-bottom: 1px dotted #a7a7a7; color: #000; font-size: 14px; font-weight: normal; margin: 0 0 15px; padding: 0 0 10px; } #generic_register_form p { margin: 0 0 19px; } #generic_register_form .form { clear: both; padding: 0 0 38px; } #generic_register_form .form .notes { border-top: 1px dotted #a7a7a7; color: #c72169; padding: 11px 0; } #generic_register_form .form .errorStyle { color: #f00; display: block; margin: 0 0 8px; } #generic_register_form .form div.errorStyle { font-weight: bold; } #generic_register_form .form div.errorStyle ul { font-weight: normal; } #generic_register_form .form div.errorStyle li { padding: 0; width: auto; } #generic_register_form .form ul { list-style: none; width: 366px; } #generic_register_form .form li { margin: 0 0 7px; padding: 0 0 0 137px; position: relative; width: 229px; } #generic_register_form .form li span.errorStyle { left: -9999px; position: absolute; } #generic_register_form .form li label, #generic_register_form .form li dt { background: url(hw09/bg/arrow_green.gif) 0 6px no-repeat; left: 0; padding: 0 0 0 11px; position: absolute; top: 2px; width: 121px; } #generic_register_form .form li input, #generic_register_form .form li select, #generic_register_form .form li.textarea textarea { border: 1px solid #a7a7a7; color: #383838; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; } #generic_register_form .form li input { padding: 2px 3px; width: 221px; } #generic_register_form .form li select { padding: 1px 1px 1px 0; width: 88px; } #generic_register_form .form li.dob { margin-right: -7px; overflow: hidden; width: 236px; } #generic_register_form .form li.dob dd { float: left; margin: 0 7px 0 0; } #generic_register_form .form li.dob dd label { left: -9999px; position: absolute; } #generic_register_form .form li.dob .day select { width: 50px; } #generic_register_form .form li.dob .month select { width: 110px; } #generic_register_form .form li.dob .year select { width: 55px; } #generic_register_form .form li.checkbox { border-bottom: 1px dotted #bdbdbd; line-height: 12px; margin: 15px 0 -15px 5px; padding: 8px 0 7px 22px; width: 325px; } #generic_register_form .form li.checkbox label { background: transparent; padding: 0; position: static; width: auto; } #generic_register_form .form li.checkbox input { border: none; left: 0; *left: -4px; padding: 0; position: absolute; top: 8px; *top: 4px; width: auto; } #generic_register_form .form li.radio { border: none; line-height: 16px; margin: 0; padding: 0 0 7px 137px; width: 229px; } #generic_register_form .form li.radio input { margin: 0 16px 0 4px; position: static; } #generic_register_form .form li.textarea { padding: 16px 0 7px 0; width: auto; } #generic_register_form .form li.textarea label { background: none; display: block; padding: 0 0 0 1px; position: static; width: auto; } #generic_register_form .form li.textarea textarea { height: 93px; margin: 5px 0 -5px 2px; overflow: auto; padding: 2px 6px; width: 350px; } #generic_register_form .form li.button { clear: both; padding: 32px 0 0 4px; width: auto; } #generic_register_form .form li.button input, #generic_register_form .form li .subButton { border: none; padding: 0; width: auto; } #generic_register_form .form li .subButton { display: block; margin-top: 7px; } #generic_register_form .links { margin: -38px 0 38px; padding: 9px 5px 0; } #generic_register_form .form a { color: #11972d; text-decoration: underline; } #generic_register_form .event_bookings { list-style: none; padding: 0 0 50px 1px; } #generic_register_form .event_bookings a { border-bottom: 1px dotted #9d9d9d; color: #383838; display: block; padding: 4px 0 4px 64px; position: relative; width: 284px; } #generic_register_form .event_bookings a strong { color: #5d5c5c; font-weight: bold; left: 0; position: absolute; top: 4px; } #home { height: 646px; margin: 5px 2px 0 3px; width: 398px; } #pager { color: #1ba036; display: table; list-style: none; margin: 6px auto 30px; padding: 0 27px; text-align: center; } #pager li { background: url(hw09/bg/seperator_dotted.gif) 0 7px no-repeat; display: inline; float: left; padding: 0 6px 0 7px; } #pager #pagerPreviousItem, #pager #pagerNextItem, #pager .pagerFirstPage { background: transparent; } #pager #pagerFirstItem, #pager #pagerLastItem { display: none; } #pager #pagerFirstItem, #pager #pagerLastItem { margin: 0 -8px; } #pager li a { color: #333; } #pager #pagerPreviousItem a, #pager #pagerNextItem a { display: block; height: 9px; margin-top: 6px; overflow: hidden; text-indent: -9999px; width: 5px; } #pager #pagerPreviousItem a { background: url(hw09/btn/paging/previous.gif); } #pager #pagerNextItem a { background: url(hw09/btn/paging/next.gif); } #photo_book_outer { background: url(hw09/bg/event_photos/bg.png); color: #383838; margin: 60px 0 0 5px; width: 716px; } #photo_book { background: url(hw09/bg/event_photos/top.jpg) top no-repeat; width: 716px; } #photo_book #photo_book_inner { background: url(hw09/bg/event_photos/bottom.png) bottom no-repeat; overflow: hidden; padding: 0 0 54px; width: 716px; } #photo_book .pager_container { border-top: 1px dotted #909090; clear: both; width: 290px; } #photo_book h2 { background: 38px 0 no-repeat; height: 27px; overflow: hidden; text-indent: -9999px; } #photo_book .latest_event_photos { display: inline; float: left; width: 353px; } #photo_book .latest_event_photos h2 { background-image: url(hw09/ir/latest_event_photos.gif); } #photo_book .gallery_thumbs { line-height: 14px; list-style: none; margin: 58px -3px 0 44px; overflow: hidden; width: 312px; } #photo_book .gallery_thumbs li { display: inline; float: left; padding: 0 25px 23px 0; width: 131px; } #photo_book .gallery_thumbs li a.image { background: none; display: block; height: auto; margin: 0 -6px 17px 6px; text-indent: 0; width: auto; } #photo_book .gallery_thumbs li a.image img { display: block; height: 108px; width: 131px; } #photo_book .gallery_thumbs li p { height: 42px; overflow: hidden; } #photo_book .gallery_thumbs li a { background: url(hw09/btn/view_gallery.gif); display: block; height: 19px; margin: 8px 1px 0; overflow: hidden; text-indent: -9999px; width: 76px; } #photo_book .latest_event_photos .pager_container { margin: 0 0 0 45px; } #photo_book .latest_event_videos { display: inline; float: left; width: 363px; } #photo_book .latest_event_videos h2 { background-image: url(hw09/ir/latest_event_videos.gif); } #photo_book .video_thumbs { overflow: hidden; } #photo_book .video_thumbs ul { line-height: 14px; list-style: none; margin: 57px 0 0 19px; overflow: hidden; width: 318px; } #photo_book .video_thumbs ul li { display: inline; float: left; margin: 0 28px 0 0; padding: 0 0 27px; width: 131px; } #photo_book .video_thumbs ul li a.image { background: url(hw09/bg/video_thumb.gif) right bottom no-repeat; border: 1px solid #b1b1b1; display: block; height: 108px; margin: 0 -7px 10px 5px; padding: 0 0 16px; text-indent: 0; width: 131px; } #photo_book .video_thumbs ul li a.image img { display: block; height: 108px; width: 131px; } #photo_book .video_thumbs ul li p { height: 28px; overflow: hidden; } #photo_book .video_thumbs ul li a { background: url(hw09/btn/watch_video.gif); display: block; height: 19px; margin: 8px 1px 0; text-indent: -9999px; width: 76px; } #photo_book .latest_event_videos .pager_container { margin: 0 0 0 25px; } #photo_gallery_book { background: url(hw09/bg/event_gallery.jpg); color: #383838; height: 521px; margin: 47px 0 0 28px; overflow: hidden; position: relative; width: 688px; } #photo_gallery_book .gallery_images { display: inline; float: left; font-family: arial, helvetica, sans-serif; margin: 50px 13px 0 84px; width: 264px; } #photo_gallery_book .gallery_images .galleryList { list-style: none; overflow: hidden; width: 264px; } #photo_gallery_book .gallery_images .galleryList li { display: inline; float: left; margin: 0 10px 10px 0; } #photo_gallery_book .gallery_images .galleryList li a { border: 1px solid #b6b6b6; display: block; height: 103px; overflow: hidden; width: 76px; } #photo_gallery_book .gallery_images .galleryList li img { display: block; height: 103px; margin: 0 -24px; width: 125px; } #photo_gallery_book .gallery_images .photo_counter { border-top: 1px dotted #c1c1c1; margin: 7px 10px 0 0; padding: 6px 0 1px; text-align: right; } #photo_gallery_book .gallery_images .click_to_zoom { float: left; } #photo_gallery_book .gallery_images .view_all a { background: url(hw09/bg/arrow_right_green_solid.gif) right 5px no-repeat; color: #3ba832; font-weight: bold; padding: 0 10px 0 0; } #photo_gallery_book .description { float: left; margin: 73px 0 0 30px; width: 220px; } #photo_gallery_book .description h2 { color: #11972d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; line-height: 26px; margin: 0 -2px 26px; } #video_container { background: #fcfbfb url(hw09/bg/event_video.jpg); color: #3f3e3e; height: 554px; margin: 54px 0 0 13px; overflow: hidden; width: 726px; } #video_container .video_page { display: inline; float: left; margin: 4px 0 0 5px; position: relative; width: 420px; } #video_container .video_page .video { display: inline; float: left; height: 442px; width: 420px; } #video_container .video_page .video h3 { color: #00901e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; letter-spacing: -1px; line-height: 34px; margin: 30px 42px 0; position: relative; } #video_container .video_page .video #video_player { height: 376px; left: 22px; overflow: hidden; position: absolute; top: 70px; width: 364px; } #video_container .video_page .description { display: inline; float: left; padding: 17px 40px 0; width: 340px; } #video_container .misc_page { display: inline; float: left; margin: 4px 0 0; width: 294px; } #video_container .more_event_videos { height: 442px; overflow: hidden; padding: 0 30px; width: 234px; } #video_container .more_event_videos h2 { color: #00901e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; letter-spacing: -1px; line-height: 28px; margin: 35px 0 19px; } #video_container .more_event_videos ul { list-style: none; } #video_container .more_event_videos ul li { background: url(hw09/bg/arrow_right_blue.gif) 0 11px no-repeat; margin: 0 0 0 2px; overflow: hidden; padding: 0 0 0 17px; } #video_container .more_event_videos ul li a { border-bottom: 1px dotted #bdbdbd; display: block; padding: 4px 1px; } #video_container .more_event_videos ul .FirstVideo { background: transparent; margin: 0; padding: 0 0 26px; width: 234px; } #video_container .more_event_videos ul .FirstVideo a { border: none; color: #3f3e3e; float: left; padding: 0; } #video_container .more_event_videos ul .FirstVideo img { background: url(hw09/bg/video_thumb.gif) right bottom no-repeat; border: 1px solid #b1b1b1; display: block; float: left; height: 92px; margin: -2px 9px 0 0; padding: 0 0 16px; width: 112px; } #video_container .more_event_videos a { color: #43829c; } #video_container .misc_page #pager { margin: 12px auto 0; } /* * Right Nav */ #tcRightContent { background: url(hw09/bg/vertical_dotted.png) top left no-repeat; min-height: 691px; width: 350px; } #RightNav_pnlContent { padding: 48px 0 0 13px; width: 337px; } #RightNav_pnlContent .iab_300x250 { clear: both; margin: 0 0 20px 7px; overflow: hidden; width: 300px; } #RightNav_pnlContent .iab_300x250 a, #RightNav_pnlContent .iab_300x250 img { display: block; } #RightNav_pnlContent .login_form { padding: 21px 0 15px 24px; position: relative; } #RightNav_pnlContent .login_form ul { list-style: none; } #RightNav_pnlContent .login_form li { background: transparent; overflow: hidden; padding: 0 0 8px 77px; position: relative; width: 206px; } #RightNav_pnlContent .login_form li label { color: #000; display: block; left: 0; position: absolute; top: 1px; white-space: nowrap; } #RightNav_pnlContent .login_form li input { background: #fff; border: 1px solid #b5b5b5; color: #000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 2px; width: 200px; } #RightNav_pnlContent .login_form li .errorStyle { left: -9999px; position: absolute; } #RightNav_pnlContent .login_form li.button input { border: none; display: block; float: right; margin: 6px 0 0; padding: 0; width: auto; } #RightNav_pnlContent .login_form div.errorStyle { color: #f00; font-weight: bold; margin: 0 0 8px; } #RightNav_pnlContent .login_form div.errorStyle ul { font-weight: normal; list-style: none; } #RightNav_pnlContent .login_form div.errorStyle ul li { padding: 0; width: auto; } #check_it_out { border-bottom: 1px dotted #a4a4a4; margin: 0 0 0 2px; padding: 3px 29px 9px 22px; width: 261px; } #check_it_out h2 { font-size: 11px; margin: 0 0 6px; position: relative; } #check_it_out h3 { font-size: 11px; margin: 0 0 7px; } #check_it_out ul { padding: 0 0 13px; } #small_module { color: #000; margin: 0 0 20px 7px; overflow: hidden; padding: 24px 0 0; position: relative; width: 300px; } #small_module img { border: 1px solid #cacac8; float: left; height: 95px; margin: 1px 13px 0 0; width: 98px; } #small_module h4 { background-repeat: no-repeat; height: 11px; left: 1px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 300px; } .editors_blogs h4 { background-image: url(hw09/ir/editors_blogs.gif); } .expert_advice h4 { background-image: url(hw09/ir/expert_advice.gif); } #RightNav_pnlContent #event_calendar { margin: 25px 0 0 10px; } #RightNav_pnlContent #event_calendar h2 { background: url(hw09/ir/event_calendar/calendar/events_calendar.gif) 20px 0 no-repeat; color: #0b4714; font-size: 11px; font-weight: bold; margin: 0 0 11px; padding: 3px 0 0 174px; } #RightNav_pnlContent #event_calendar h2 em { left: -9999px; position: absolute; } #RightNav_pnlContent #event_calendar table { border-collapse: collapse; font-size: 10px; line-height: 10px; text-align: right; } #RightNav_pnlContent #event_calendar table img { display: block; float: left; } #RightNav_pnlContent #event_calendar table a { color: #404040; display: block; float: right; font-weight: bold; margin: 3px 0 4px; padding: 4px 2px; text-align: center; width: 16px; } #RightNav_pnlContent #event_calendar table a:hover { background: #31ad4d; color: #f0f8e6; } #RightNav_pnlContent #event_calendar .event_info { float: right; margin: -17px 23px 0 0; } #module_nav { height: 25px; margin: 0 0 0 -4px; overflow: hidden; width: 321px; } #module_nav ul { background: url(hw09/btn/right_nav_module.gif); height: 25px; list-style: none; overflow: hidden; width: 321px; } #module_nav ul.thirty_days_live_life { background-position: 0 0; } #module_nav ul.newsletter_sign_up { background-position: 0 -25px; } #module_nav ul li { float: left; } #module_nav ul a { display: block; height: 25px; overflow: hidden; text-indent: -9999px; } #module_nav ul li.thirty_days_live_life a { margin: 0 4px 0 15px; width: 136px; } #module_nav ul li.newsletter_sign_up a { width: 151px; } #my_thirty_days { border-bottom: 1px dotted #a4a4a4; margin: 0 0 0 2px; padding: 19px 29px 19px 22px; width: 261px; } #my_thirty_days h2 { background: url(hw09/ir/my_30_days.gif); height: 12px; margin: 0 0 6px; overflow: hidden; text-indent: -9999px; width: 85px; } #my_thirty_days h3 { margin: 0 1px 9px; } #my_thirty_days ul { padding: 0 0 13px; } #thirty_days_live_life { margin: 0 0 21px; overflow: hidden; position: relative; width: 316px; } #RightNav_pnlContent .information { bottom: 70px; left: 24px; position: absolute; } #RightNav_pnlContent .information a { background: url(hw09/bg/information.gif) no-repeat 0 2px; color: #00901e; padding: 0 0 0 17px; } #thirty_days_live_life .join_now { border-top: 1px dotted #a4a4a4; color: #383838; margin: 0 0 0 2px; padding: 11px 98px 0 24px; position: relative; width: 192px; } #thirty_days_live_life .join_now a { display: block; left: 240px; position: absolute; top: 17px; } #thirty_days_live_life .join_now a img { display: block; } #thirty_days_live_life h2 { color: #00901e; font-weight: bold; } #thirty_days_live_life h3 { color: #333232; font-size: 11px; font-weight: bold; } #thirty_days_live_life a.button { float: right; } #thirty_days_live_life a.button img { display: block; } #thirty_days_live_life ul { list-style: none; } #thirty_days_live_life ul li { background: url(hw09/bg/right_nav_bullet.gif) 0 6px no-repeat; padding: 0 0 2px 14px; } #thirty_days_live_life ul li a { color: #383838; } #thirty_days_live_life div { overflow: hidden; } #whats_hot { padding: 18px 22px 10px; } #whats_hot h2 { background: url(hw09/ir/whats_hot.gif); height: 11px; margin: 0 0 14px; overflow: hidden; text-indent: -9999px; width: 94px; } #whats_hot ul { color: #383838; list-style: none; padding: 0 0 0 5px; } #whats_hot ul li { background: url(hw09/bg/whats_hot_bullet.gif) 0 6px no-repeat; padding: 0 0 6px 16px; } #whats_hot ul li a { color: #383838; } /* * Footer */ #Footer_pnlContent { background: url(hw09/bg/footer.png) center top no-repeat; border-top: 1px dotted #797979; line-height: 19px; margin: 68px 0 0; padding: 13px 0 0px; width: 969px; } #Footer_pnlContent .footer { list-style: none; text-align: center; } #Footer_pnlContent .footer li { border-right: 1px solid #000; color: #000; display: inline; } #Footer_pnlContent .footer li.last { border: none; } #Footer_pnlContent .footer li a { color: #000; margin: 0 -4px 0 0; padding: 0 10px; white-space: nowrap; } #Footer_pnlContent .footer li a:hover { text-decoration: underline; } #Footer_pnlContent #site_info { font-size: 10px; margin: 11px 0 0; } #Footer_pnlContent #site_info li { padding: 0 6px 0 10px; } #Footer_pnlContent #site_info li a { margin: 0; padding: 0; } /* * Gallery Popup */ #gallery_popup { background: #fbfafa url(hw09/bg/gallery/bg.jpg) repeat-x; color: #3f3e3e; float: left; font-size: 11px; width: 100%; } #gallery_popup .gallery_image { float: left; margin: 78px -5px 50px 0; width: 451px; } #gallery_popup .gallery_image .pager { color: #302f30; float: right; font-family: arial, helvetica, sans-serif; font-weight: bold; list-style: none; margin: 0 34px -14px; position: relative; } #gallery_popup .gallery_image .pager li { float: left; margin: 0 0 0 9px; } #gallery_popup .gallery_image .pager li a { display: block; height: 12px; margin: 3px 0 0; overflow: hidden; text-indent: -9999px; width: 6px; } #gallery_popup .gallery_image .pager li.galleryPagerPrev a { background: url(hw09/btn/previous_photo.gif); } #gallery_popup .gallery_image .pager li.galleryPagerNext a { background: url(hw09/btn/next_photo.gif); } #gallery_popup .gallery_image div { background: url(hw09/bg/gallery/bottom.jpg) bottom no-repeat; clear: both; width: 443px; } #gallery_popup .gallery_image div img { background: url(hw09/bg/gallery/top.jpg) no-repeat; display: block; padding: 29px 34px 48px 26px; } #gallery_popup .description { float: left; line-height: 19px; margin: 93px 0 50px; width: 300px; } #gallery_popup .description h1 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; letter-spacing: -1px; line-height: 27px; margin: 0 -1px 7px; } #gallery_popup .description h2 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; margin: 15px -1px 11px; } #gallery_popup .description ul { list-style: none; padding: 0 0 9px; } #gallery_popup .description ul li { background: url(hw09/bg/arrow_right_green.gif) 0 8px no-repeat; padding: 0 0 2px 17px; } #gallery_popup .description ul li a { color: #008d16; } #gallery_popup .close { background: #afafb0; clear: both; font-size: 10px; height: 1%; padding: 14px 0 14px 680px; } #gallery_popup .close a { background: url(hw09/btn/close.gif) 0 2px no-repeat; color: #474647; font-weight: bold; padding: 0 0 0 13px; text-transform: uppercase; } /* * Misc. Popup */ #misc { background: #fff; color: #4d4d4d; font-size: 11px; _height: 472px; min-height: 472px; padding: 15px 25px; } #misc p { margin: 0 0 16px; } /* * ninemsn */ #hd_src_div #hd_ms_input { width:180px !important; }