button::-moz-focus-inner { border: 0; padding: 0; } a img { border: none !important; text-decoration: none !important; } body { margin-top: -21px; margin-left: -24px; background-color: #8da9c1; } /* Intersite styles between Finda, Wises etc */ #intersite-nav { margin-top: 21px; border-bottom: 1px solid #CCC; background-color: #F5F5F5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; height: 20px; } #intersite-nav a, #intersite-nav span { padding: 0 20px 0 20px; border-right: 1px solid #025395; color: #025395; text-decoration: underline; } #intersite-nav span { color: #333; text-decoration: none; } #intersite-nav .right { border: none; } /* END Intersite styles */ #wrapper { width: 1010px; margin: 21px auto 0; padding-left: 10px; display: block; } /* body { font-size: 12px; line-height: 120%; } */ #toolbar, #home-container, #footer { font-size: 12px; line-height: 120%; } * { margin: 0; font-family: 'Trebuchet MS', Georgia, Serif; } .hidden { display: none !important; } a:focus, a:active { outline: none; } h1 { border-left: 8px solid #004f79; padding-left: 8px; width: 500px; margin-bottom: 20px; margin-top: 10px; clear: both; display: block; color: #004f79; font-size: 20px; } * html h1 { width: 490px; } h1 a, h2 a, h3 a { border-bottom: 1px dotted blue; border-color: inherit; color: inherit; font-size: inherit; text-decoration: none; } div.twocol.story h2, div.onecol.story h2 { margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 5px; padding-bottom: 0; } h1 a { border-bottom: 1px dotted #004f79; color: #004f79; } h1 a:hover, h2 a:hover, h3 a:hover { border-bottom: 1px solid; } /* H3 is used for the headings that have blue borders on the left. */ h3 { border-left: 8px solid #004f79; padding-left: 8px; margin-bottom: 8px; margin-top: 10px; clear: both; color: #004f79; font-size: 15px; text-transform: lowercase; z-index: 1000; } /* Content Pages */ .content_page_content h1 { margin-left: -10px; } .content_page_content h2 { border-left: 8px solid #004f79; padding-left: 8px; margin-bottom: 8px; margin-top: 10px; margin-left: -14px !important; float: left; clear: both; width: 100%; color: #004f79; font-size: 15px; text-transform: lowercase; } .content_page_content { padding: 0 10px; width: 480px; font-size: 12px; } .content_page_content p { padding-left: 0; } .content_page_content p a { color: #004f79; } .content_page_content p a:hover { color: #0075AF; } p.flash_message { padding: 10px; margin-right: 15px; background-color: #D4D4DF; color: #004f79; font-size: 16px !important; text-align: center; width: 470px; margin-bottom: 10px; } p.flash_message.my_grownups { color: #fff !important; background-color: #7D59A3 !important; } p.flash_message.my_grownups a, p.flash_message.my_grownups a:link { color: #fff; } p.flash_message.my_grownups a:hover { text-decoration: none; } div.box_detail { padding: 10px; margin: 15px; background-color: #D4D4DF !important; color: #004f79 !important; text-align: left; width: 470px; font-size: 12px; } div.box_detail input { margin: 2px; padding: 2px; } /* Headers on the right hand panel have to be thinner */ #panel_right h3 { font-size: 18px; min-height: 25px; padding-bottom: 2px; background-image: url('/images/nav_portal_h2_bg.gif'); background-repeat: no-repeat; background-position: left bottom; background-repeat: no-repeat; color: #004f79 !important; background-color: #004f79 !important; margin: 10px 0 0 1px !important; border-left: none !important; width: 186px; border-bottom: 8px solid #004f79; } /* used to line up images that are sitting in the panel_right */ #panel_right div.image_box { padding: 0 0 5px 1px; } #panel_right h3 a { color: white !important; border-bottom: 1px dotted #fff !important; } #panel_right h3 a:hover { border-bottom: 1px solid #fff !important; } #panel_right h3#marketplace_head { font-size: 16px; text-transform: none; } #panel_left_rhs h3.rhs_title_weather, #panel_right h3.rhs_title_weather { background-image: url('/images/rhs_icon_weather.gif'); background-repeat: no-repeat; background-position: top right; } #panel_left_rhs h3.rhs_title_polls, #panel_right h3.rhs_title_polls { background-image: url('/images/rhs_icon_polls.gif'); background-repeat: no-repeat; background-position: top right; margin-bottom: 0; } #panel_left_rhs h3.rhs_title_discuss, #panel_right h3.rhs_title_discuss { background-image: url('/images/rhs_icon_discuss.gif'); background-repeat: no-repeat; background-position: bottom right; margin-bottom: 0; } #panel_left_rhs h3.rhs_title_insurance, #panel_right h3.rhs_title_insurance { background-image: url('/images/rhs_icon_insurance.gif'); background-repeat: no-repeat; background-position: bottom right; margin-bottom: 0; } #panel_left_rhs h3 { border-left: none; padding-top: 4px; padding-left: 8px; margin-bottom: 8px; margin-top: 0; margin-left: 0; clear: both; width: 248px; min-height: 24px; background-color: #004f79; color: #fff; font-size: 15px; text-transform: lowercase; z-index: 2; } #panel_left_rhs h3 a { color: white !important; border-bottom: 1px dotted #fff !important; } #panel_left_rhs h3 a:hover { border-bottom: 1px solid #fff !important; } #panel_left_lhs table.submitted_articles { width: 100%; } #panel_left_lhs table.submitted_articles th { text-align: left; padding: 2px 10px; background-color: #D4D4DF; border-bottom: 1px solid #444; } #panel_left_lhs table.submitted_articles td { text-align: left; padding: 2px 10px; font-size: 12px; } #panel_left_lhs table.submitted_articles td.title { } #panel_left_lhs table.submitted_articles td.submitted { } #panel_left_lhs table.submitted_articles td.published { } #panel_left_lhs table.submitted_articles td.link { } #panel_left_lhs table.submitted_articles td.odd { background-color: #eee; } .article_image { text-align: center; } #box_sponsors { margin: 0 !important; padding: 0 !important; margin-left: 1px !important; background-color: #fff; width: 194px; } #box_sponsors img { margin-bottom: 5px; } #box_affiliates { margin: 0 0 0 1px !important; padding: 0 !important; padding-top: 5px !important; background-color: #8DA9C1; width: 194px; } #box_affiliates img { margin-bottom: 5px; } #box_sponsors div.together { padding: 0 0 5px 0 !important; } #box_sponsors div.together img { margin-bottom: 0; } h4 { color: #004f79; font-size: 14px; } .header_link { float: right; border-bottom: 1px dashed; color: inherit; font-size: 16px; text-decoration: none; position: absolute; top: 0; right: 10px; } .header_link:hover { border-bottom: 1px solid; color: #0075AF; } /* These styles apply to category and body for colour */ .home { background-color: #ccdeef; } body.home { background-color: #ccdeef; } .lifestyle { background-color: #eacccd; } .bg-lifestyle { background-color: #eacccd !important; } .insurance { background-color: #9FC59F; } .friends { background-color: #D3E573; } .bg-friends { background-color: #D3E573 !important; } .my_grownups { background-color: #e5deed !important; } body.my_grownups { background-color: #e5deed; } .community { background-color: #dddcd2 !important; } .bg-community { background-color: #dddcd2 !important; } body.community, body.forums { background-color: #B7AE9F; } .news_weather { background-color: #dce6e9; } body.news_weather { background-color: #B3C0CB; } .advice, .travel { background-color: #e7d9cc; } body.advice, body.travel { background-color: #e7d9cc; } .products_services { background-color: #cfe0df; } body.products_services { background-color: #cfe0df; } .games { background-color: #d4d4df; } body.games { background-color: #d4d4df; } .money { background-color: #ffe2ff; } body.competitions, body.health { background-color: #f5e9f5; } .competitions, .health { background-color: #f5e9f5; } .help_contact, .help, body.contact { background-color: #f5edcf; } .feature a.open:hover { cursor: default; } /* Default input style: add class=textbox to any text input fields */ input.textbox { border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; background: white !important; } input.smtextbox { border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; width: 40px; background: white !important; } /* Header styles */ #header { width: 1010px; margin-top: 0; margin-bottom: 0; display: block; background: url('/images/page_header_bg.gif') 1px 66px; color: #000; background-repeat: repeat-y; height: 125px; } #header_top { padding-top: 0; width: 992px; margin: 0; padding-left: 15px; display: block; background: transparent url('/images/page_header.gif') repeat-y; font-size: 14px; position: relative; /* height: 30px; */ } #header_top .top_header_link { margin-left: 5px; float: left; padding: 6px 0 0 5px; margin-top: 2px; display: block; background: #fff; color: #000; font-size: 12px; position: relative; } #header_top span.header_text { float: left; padding: 8px 5px 5px 20px; display: block; } #header_login_form { float: left; margin: 1px 0 0 10px; padding: 8px 6px 6px 6px; border-left: 1px solid #9dbcd8; border-right: 1px solid #9dbcd8; display: none; font-size: 12px; line-height: 1; height: 17px !important; } #header_login_form input.textbox { width: 100px; padding: 2px; color: #000; font-size: 12px; height: 13px; position: relative; top: -1px; } #header_login_form * { float: left; margin-left: 2px; } #header_login_form label { margin-right: 5px; padding-top: 3px; } #header_top #font_size { float: right; padding: 8px 2px 0 0; display: block; position: relative; right: 0; font-size: 12px; } #font_size span { float: left; padding: 0 5px 10px 0; display: block; } #font_default { width: 54px; float: left; display: block; background: url('/images/font_size_default.gif'); height: 22px; } #font_size a { margin: -2px 5px 0 0; } #header_middle { padding: 0; height: 120px; position: relative; margin: 0 2px 0 17px; background-color: #126EA1; } .header_ad { position: absolute; top: 0; right: 0; margin: 0; padding: 0; } .logo { width: 215px; display: block; line-height: 0px; position: absolute; left: 0; top: 30px; } #logo { width: 215px; display: block; line-height: 0px; position: absolute; left: 0; top: 30px; } #header_bottom { margin: 0; } /* End Header styles */ /* Menu bars: There will be several menu bars in each page's HTML. Only one bar will show at a time. */ .menu_bar { z-index: 2000; padding: 0 0 0 8px; margin: 0 0 0 17px; width: 983px; background: url("/images/menu_bar.gif") no-repeat scroll 0 100% transparent; font-size: 14px; height: 30px; position: relative; } .menu_bar li { float: left; margin: 0; padding: 0; list-style-type: none; } .menu_bar li a { padding: 6px 6px 0; margin: 0 5px; float: left; display: block; color: #000; text-decoration: none; display: inline; } #menu_1 { margin: 0; padding: 0 !important; height: 23px; position: relative; z-index: 18000; } #menu_1 li { position: relative; z-index: 18000; } #menu_1 li a { margin: 0 3px 0 0 !important; margin-bottom: 0 !important; height: 23px; } #menu_1 li a:hover, .menu_bar li a.current { color: white; } #menu_1 li.nohover a:hover { background-color: #fff !important; } #menu_1 li .nav_dropdown { display: none; position: absolute; top: 29px; left: 0px; width: 450px; height: auto; z-index: 15000; padding: 5px; border: 1px solid #bbb; background-color: #fff; } #menu_1 li .nav_dropdown a { text-decoration: none; float: none; } #menu_1 li .nav_dropdown a:hover { text-decoration: underline; } #menu_1 li .nav_dropdown h1 { margin: 0px; padding: 0px; border: none; font-size: 14px; color: #004F79; background-color: #CCDEEF; padding: 5px; width: 440px; } #menu_1 li .nav_dropdown ul { float: left; padding-left: 0px; list-style: none; min-width: 25%; } #menu_1 li .nav_dropdown ul li { display: block; float: none; clear: both; font-size: 12px; background: transparent url(/images/menu_list_marker.gif) no-repeat 0px 0px !important; height: 22px; line-height: 22px; } #menu_1 li .nav_dropdown ul li a { color: #004F79; padding-left: 25px; background-color: transparent; } #menu_1 li .nav_dropdown ul.songs, #menu_1 li .nav_dropdown ul.news { width: 100%; } #menu_1 li .nav_dropdown ul.songs li, #menu_1 li .nav_dropdown ul.news li { height: auto; line-height: auto; padding-left: 25px; } #menu_1 li .nav_dropdown ul.news li a { padding-left: 0px; } #menu_1 li .nav_dropdown .lists { padding: 10px 0px; } #menu_1 li .nav_dropdown .weather { clear: both; } #menu_1 li .nav_dropdown .article { padding-top: 5px; } #menu_1 li .nav_dropdown .article .article_image { display: block; float: left; height: 60px; width: 83px; } #menu_1 li .nav_dropdown .article .article_image img { padding: 0px 0px 0px 0px; height: 60px; width: 83px; } #menu_1 li .nav_dropdown .article .article_text { float: left; width: 345px; } #menu_1 li .nav_dropdown .article .article_text h2 { font-size: 12px; padding: 0px; margin: 0px; } #menu_1 li .nav_dropdown .article .article_text h2 a { border: none; padding: 0px; float: none; } #menu_1 li .nav_dropdown .article .article_text p { font-size: 12px; color: #000; margin: 5px 0px; } #menu_1 li .nav_dropdown .article .article_text a { font-size: 12px; color: #004F79; padding: 0px; margin: 0px; } #menu_1 li .nav_dropdown .latest_discussions { float: none; } #menu_1 li .nav_dropdown .latest_discussions ul { width: 100%; } #menu_1 li .nav_dropdown .latest_discussions ul li { height: auto; padding-left: 25px; } #menu_1 li .nav_dropdown .latest_discussions a { font-size: 12px; color: #004F79; padding: 0px; margin: 0px; } #menu_1 li .nav_dropdown .latest_contributions { float: none; } #menu_1 li .nav_dropdown .latest_contributions ul { width: 100%; } #menu_1 li .nav_dropdown .latest_contributions ul li { height: auto; padding-left: 25px; } #menu_1 li .nav_dropdown .latest_contributions a { font-size: 12px; color: #004F79; padding: 0px; margin: 0px; } #menu_1 li .nav_dropdown .half { width: 212px; float: left; } #menu_1 li .nav_dropdown .half.lefthalf { margin-right: 15px; } #menu_1 li .nav_dropdown .half.righthalf { } #menu_1 li .nav_dropdown .half h1 { width: 212px; } .menu_2 { margin: 0; border-top: 1px solid black; padding: 0 4px 4px 6px; width: 981px; background: url('/images/menu_bar.gif') 1px -14px; position: absolute; left: 0; height: 22px; top: 0; } #menu_bar_2 { margin: -5px 12px 8px 17px; padding-top: 2px !important; padding-left: 8px; background: url('/images/menu_bar.gif') 0 -14px !important; position: relative; height: 22px; z-index: 100; } #menu_bar_2 span { margin-left: 8px !important; display: block; color: #004f79; line-height: 1.4; position: relative; top: 3px; height: 18px; } #menu_bar_2 li a { margin-top: 0; padding: 4px 4px 0 4px; display: inline; } #menu_bar_2 li a:hover { background: url('/images/menu_arrow.gif') center -6px; } #menu_bar_2 li a.selected { background: url('/images/menu_arrow.gif') center -4px; } #menu_bar_footer { background: url('/images/menu_bar.gif') no-repeat transparent 0 -35px; height: 10px; position: relative; top: 0px; left: 17px; } /* Second menu bar colours */ a#home:hover, a#home.current, #menu_2_home li a:hover, #menu_2_home li a.selected, #accordion .accordion_handle.home { background-color: #004f79; } #menu_2_home, #menu_2_home li a { border-color: #004f79; color: #004f79 !important; } a#lifestyle:hover, a#lifestyle.current, #menu_2_lifestyle li a:hover, #menu_2_lifestyle li a.selected, #accordion .accordion_handle.lifestyle { background-color: #7e282d; } #menu_2_lifestyle, #menu_2_lifestyle li a { border-color: #7e282d; color: #7e282d !important; } a#insurance:hover, a#insurance.current, #menu_2_insurance li a:hover, #menu_2_insurance li a.selected, #accordion .accordion_handle.insurance { background-color: #060; } #menu_2_insurance, #menu_2_insurance li a { border-color: #060; color: #060 !important; } a#friends:hover, a#friends.current, #menu_2_friends li a:hover, #menu_2_friends li a.selected, #accordion .accordion_handle.friends { background-color: #A5BC2A; } #menu_2_friends, #menu_2_friends li a { border-color: #A5BC2A; color: #A5BC2A !important; } a#my_grownups:hover, a#my_grownups.current, #menu_2_my_grownups li a:hover, #menu_2_my_grownups li a.selected, #accordion .accordion_handle.my_grownups { background-color: #7d59a3; } ul#menu_2_my_grownups, ul#menu_2_my_grownups li a { border-color: #7d59a3; color: #7d59a3 !important; } a#community:hover, a#community.current, #menu_2_community li a:hover, #menu_2_community li a.selected, #accordion .accordion_handle.community { background-color: #80745B; } #menu_2_community, #menu_2_community li a { border-color: #80745B; color: #80745B !important; } a#money:hover, a#money.current, #menu_2_money li a:hover, #menu_2_money li a.selected, #accordion .accordion_handle.money { background-color: #AC61AC; } #menu_2_money, #menu_2_money li a { border-color: #ac61ac; color: #AC61AC !important; } a#news_weather:hover, a#news_weather.current, #menu_2_news_weather li a:hover, #menu_2_news_weather li a.selected, #accordion .accordion_handle.news_weather { background-color: #52828f; } #menu_2_news_weather, #menu_2_news_weather li a { border-color: #1D515F; color: #1D515F !important; } a#advice:hover, a#advice.current, #menu_2_advice li a:hover, #menu_2_advice li a.selected, #accordion .accordion_handle.advice, a#travel:hover, a#travel.current, #menu_2_travel li a:hover, #menu_2_travel li a.selected, #accordion .accordion_handle.travel { background-color: #E15E12; } #menu_2_advice, #menu_2_advice li a, #menu_2_travel, #menu_2_travel li a { border-color: #E15E12; color: #E15E12 !important; } a#products_services:hover, a#products_services.current, #menu_2_products_services li a:hover, #menu_2_products_services li a.selected, #accordion .accordion_handle.products_services { background-color: #0d635e; } #menu_2_products_services, #menu_2_products_services li a { border-color: #0d635e; color: #0D635E !important; } a#games:hover, a#games.current, #menu_2_games li a:hover, #menu_2_games li a.selected, #accordion .accordion_handle.games { background-color: #292961; } #menu_2_games, #menu_2_games li a { border-color: #292961; color: #292961 !important; } a#competitions:hover, a#competitions.current, #menu_2_competitions li a:hover, #menu_2_competitions li a.selected, #accordion .accordion_handle.competitions, a#health:hover, a#health.current, #menu_2_health li a:hover, #menu_2_health li a.selected, #accordion .accordion_handle.health { background-color: #B274AD; } #menu_2_competitions, #menu_2_competitions li a, #menu_2_health, #menu_2_health li a { border-color: #B274AD; color: #B274AD !important; } a#help_contact:hover, a#help_contact.current, #menu_2_help_contact li a:hover, #menu_2_help_contact li a.selected, #accordion .accordion_handle.help_contact { background-color: #cfa60d; } #menu_2_help_contact, #menu_2_help_contact li a { border-color: #cfa60d; color: #cfa60d !important; } #menu_2_home, #menu_2_home * { color: #9EBCD8; } /* End menu style */ /* Footer style */ #footer { margin: 20px 2px 20px 17px; position: relative; background: #004E79 url('/images/footer_header.gif') no-repeat 0 0; color: #FFF;} #footer .inner { background: url('/images/footer_footer.gif') no-repeat 0 100%; overflow: hidden; width: 971px; padding: 10px; } #footer a { color: #FFF; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .content { margin-left: 285px; } #footer ul { float: left; margin: 0 0 0 40px; padding: 0; list-style: none; } #footer ul li { margin: 10px 0; } /* toolbar */ #toolbar { margin: 0 2px 0 17px; width: 956px; overflow: hidden; padding: 0 10px 0 25px; background: #d7e5f2 url('../images/bg-gradient-box.gif') repeat-x 0 0; } #toolbar #login { overflow: hidden; width: 850px; float: left; } #toolbar #login h2, #toolbar #login label, #toolbar #login input, #toolbar #login button { float: left; margin: 0 } #toolbar #login h2 { background: url('../images/bg-btn.gif') no-repeat 0 -398px; font-size: 14px; line-height: 24px; padding: 4px 20px 3px 25px; border-right: 1px solid #CCDEEF; } #toolbar #login label { line-height: 24px; margin: 4px 10px 0 20px; font-size: 11px; } #toolbar #login input.text { width: 130px; margin: 5px 0 0; border: 1px solid #c8c8c8; padding: 2px 5px 2px 5px; height: 16px; font-size: 11px; } #toolbar #login button { width: auto; font-size: 13px; margin: 5px 0 0 10px; line-height: 22px; height: 22px; } #toolbar #login input.checkbox { margin: 9px 0 0 10px; } #toolbar #login label.checkbox { margin-left: 5px; } #toolbar #login a { color: #004F79; position: relative; top: 8px; left: 8px; } #toolbar #font_size { float: right; margin: 2px 0 0 ; overflow: hidden; width: 105px; } #toolbar #font_size span { padding-top: 5px; float: left; display: block;} #toolbar #font_smaller, #toolbar #font_larger, #toolbar #font_default { line-height: 100%; width: auto; float: left; display: block; background: url("../images/bg-gradient-box.gif") repeat-x scroll 0 -50px #ABCCE8; height: auto; padding: 4px; font-size: 12px; margin: 1px 0 0; } #toolbar #font_smaller { border-right: 0; } /* Default homepage */ #home-container p a { color: #004E79; text-decoration: underline !important; border: 0 !important; } #home-container p a:hover { text-decoration: none !important; } #home-container p { margin: 8px 0; } #home-container h2, #home-container h3, #home-container h4 { font-weight: normal; line-height: 100%; margin-bottom: 10px; border: 0 !important; clear: none; margin-top: 0; padding: 0 !important; text-transform: none; color: #004E79; } #home-container h2 a, #home-container h3 a, #home-container h4 a { color: #004E79; text-decoration: none; border: 0; } #home-container h2 { font-size: 22px; } #home-container h3 { font-size: 18px; } #home-container h4 { font-size: 14px; } #home-container h4 { font-weight: bold; } /* Grids start here */ #home-container { background: #FFF url('/images/container_header.gif') no-repeat 0 0; margin: 10px 0 0 17px; width: 991px; } #home-container .inner { background: url('/images/container_footer.gif') no-repeat 0 100%; padding: 0 9px 10px 0; width: 982px; overflow: hidden; } #home-container .borderBottom { border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px !important; overflow: hidden; /*width: 100%;*/ } #home-container .row { padding: 10px 0; margin-left: 10px; width: 972px; border-bottom: 1px solid #C8C8C8; overflow: hidden; } #home-container .lhs { float: left; width: 672px; } #home-container .rhs { float: left; width: 300px; } #home-container .column { float: left; width: 315px; margin: 0 20px 0 0; padding-right: 1px; } #home-container .rhs .half { width: 136px; float: left; margin-right: 21px; } #home-container .c-wide { width: 650px !important; background-color: #FFF; clear: left; margin-right: 0; padding-right: 0; } #home-container .c-double { width: 651px !important; clear: left; } #home-container .c-double .odd { margin-right: 0; padding-right: 0; border: 0; } #home-container .separator-row, #home-container .separator-lhs, #home-container .separator-rhs-half { background: transparent url('../images/bg-border-grey.gif') repeat-y 662px 0; overflow: hidden; width: 100%; } #home-container .separator-lhs { background-position: 326px 0; } #home-container .separator-rhs-half { background-position: 815px 0; } #home-container a.miniFeatureImage { border: 0; } #home-container a.miniFeatureImage img { width: 95px; height: 95px; } /* content */ #home-container .article, #home-container .article-2 { overflow: hidden; width: 100%; margin-bottom: 10px; } #home-container .article-2 { margin: 20px 0; } #home-container .article h3, #home-container .article-2 h3 { padding-top: 5px; } #home-container .article img, #home-container .article-2 img { float: left; margin: 0 10px 0 0; } #home-container .article p, #home-container .article-2 p { margin-bottom: 0; } #home-container .box { border: 1px solid #CCDEEF; background: #D5E4F1 url('../images/bg-gradient-box.gif') repeat-x 0 -200px; padding: 10px; position: relative; } #home-container .box .link-top { position: absolute; top: 7px; right: 10px; } #home-container .emBox { padding: 10px 15px; } #home-container .emBox h2 { line-height: 140%; } #home-container .emBox p { margin: 12px 0 15px; line-height: 150%; font-size: 14px; } .btnBox { border: 1px solid #96bde2; background: #abcce8 url('../images/bg-gradient-box.gif') repeat-x 0 -50px; cursor: pointer; margin: 10px 0 0; display: block; text-align: left; color: #004E79; font-size: 22px; line-height: 43px; text-decoration: none; padding: 0 10px; height: 43px; } button.btnBox { width: 100%;} .btnBox:hover { background-position: 0 -115px; background-color: #CCDEEF; } .btnBox span { background: url('../images/bg-btn.gif') no-repeat 0 0; display: block; padding-left: 45px; line-height: 43px; height: 43px; } .btnBox span.register { background-position: 0 9px; } .btnBox span.poll { background-position: 0 -96px; } .btnBox span.search { background-position: 0 -198px; } .btnBox span.file { background-position: 0 -294px; padding-left: 35px; } #home-container .columnistes { overflow-x: auto; overflow-y: hidden; width: 651px; } #home-container .columnistes dl { float: left; width: 114px; margin-right: 10px; white-space: normal; } #home-container .columnistes dd { margin: 5px 0 10px; } /* form */ #home-container form {margin: 0; padding:0} #home-container form fieldset { margin: 0; padding: 0; border: 0; } #home-container form legend { font-size: 16px; margin: 5px 0; font-weight: normal; color: #000; } #home-container form label { display: block; margin: 5px 0; } #home-container form ul { padding: 0; list-style: none; } #home-container form li { margin: 5px 0; overflow: hidden; width: 100%; } #home-container form li input { float: left; margin: 1px 0 0 1px; } #home-container form li label { margin: 0 0 0 7px; float: left; } #home-container #home-search label { float: left; margin: 3px 10px 0 0; color: #004E79; font-size: 18px; } #home-container #home-search input { width: 200px; } #home-container .form-column label { float: left; width: 90px; clear: left; margin: 4px 5px 4px 0; } #home-container .form-column select, .form-column input { margin: 2px 0; } #home-container .rhs .form-column input { width: 194px; } #home-container form.wide_labels label { width: 250px; } #home-container form input#name { width: 240px; } /* list */ #home-container .list-latest, #home-container .list-latest li { padding: 0; margin: 0; list-style: none; } #home-container .list-latest { margin: 10px 0; } #home-container .list-latest li { margin: 10px 0; position: relative; padding: 1px 0 1px 50px; } #home-container .list-latest li span { position: absolute; top: 0; left: 0; } #home-container .list-latest .hour { color: #FFF; background: #116EA1; padding: 1px 5px; } #home-container .list-latest a { color: #000; text-decoration: none; } #home-container .list-latest a.author, #home-container .list-latest a.title { color: #116EA1; text-decoration: underline; } #home-container .list-inline, #home-container .list-inline li { padding: 0; margin: 0; list-style: none; } #home-container .list-inline { margin: 10px 0; overflow: hidden; width: 100%; } #home-container .list-inline li { margin: 2px 10px 2px 0; float: left; width: 130px; padding: 0 0 0 15px; background: url('../images/fletch_grey.gif') no-repeat 0 4px; } #home-container .list-inline li.classified { width: 285px; } #home-container .list-inline a { color: #116EA1; text-decoration: underline; } #home-container .rhs .list-inline li { width: 124px; } #home-container .rhs .list-inline li.full-width { width: 285px; } /* gallery */ #home-container #gallery { position: relative; } #home-container #gallery .pagination { position: absolute; top: 215px; left: 0; width: 100%; background: #CCDEEF; text-align: center; line-height: 14px; font-size: 10px; } #home-container #gallery .next, #gallery .prev { position: absolute; display: block; padding: 0 5px; background: #004F79; color: #FFF; text-decoration: none; top: -8px; height: 30px; line-height: 25px; font-size: 42px; } #home-container #gallery .prev { left: 0; } #home-container #gallery .next { right: 0; } /* weather */ #home-container #home-weather { width: auto; padding-bottom: 5px; overflow: hidden; } #home-container #home-weather img { border: 1px solid #c8c8c8; float: left; margin: 0 10px 0 0; } #home-container #home-weather h3 { margin: 5px 0 10px; } #home-container #home-weather ul { padding: 0; list-style: none; overflow: hidden; margin: 5px 0; } #home-container #home-weather ul li { float: left; margin-right: 10px; } #home-container #home-weather ul li.title { float: none; dispay: block; } #home-container #home-weather span.high { color: #FF0000 !important; } #home-container #home-weather span.low { color: #0066FF !important; } #home-container #home-weather .more { font-size: 11px; margin: 10px 0 0; } #home-container #home-weather .more a { font-size: 11px; } /* tools */ #home-container .ads { margin: 2px 0 -8px; text-align: center; color: #999; } #home-container .last { border: 0; margin-bottom: 0; margin-right: 0 !important; padding-bottom: 0; padding-right: 0; } /* Panels start here. The panel background is linked together. */ #panels_header { width: 1010px; background: transparent url('/images/panels_header.gif'); height: 20px; } #panels { width: 970px; float: left; padding: 0 20px 20px 20px; background: url('/images/panels_bg.gif') repeat-y; position: relative; z-index: 1000; } /* The left panel; for content */ #panel_left { width: 779px; margin-bottom: 10px; float: left; display: block; } /* Left part of the left panel */ #panel_left_lhs { width: 520px; padding-left: 0 !important; float: left; clear: right; margin-top: 0; background-color: #fff !important; } #panel_left_lhs ul { padding-left: 30px; color: #000; font-size: 14px; } #panel_left_lhs p { margin-left: 10px; _margin-left: 5px; color: #000; } #panel_left_lhs p.error { margin: 5px 0px; text-align: center; color: #f00; font-size: 12px; } /* Right part of the left panel */ #panel_left_rhs { width: 256px !important; float: left; color: #000; position: relative; left: -3px; } * html #panel_left_rhs { left: -3px; margin-right: -5px; } #panel_left_rhs div { font-size: 12px; } #panel_left_rhs div.listbox { margin: 0 15px 15px 15px; padding: 5px; } #panel_left_rhs p { margin: 5px 5px; font-size: 12px; } #discussion { float: left; padding-left: 10px; } #panel_full { margin-left: -3px; width: 765px !important; float: left; clear: right; _margin-left: -3px !important; _width: 770px !important; _position: relative; _overflow: hidden; _left: -3px; } #panel_left_full { margin-left: -3px; padding-left: 0; width: 750px; _left: -3px; _position: relative; _margin-left: 0; } #panel_left_full p { margin: 10px; } #panel_full h1 { width: 775px; } /* End Panel styles */ /* Search box */ #search { width: 185px; margin: 5px 0 0 0 !important; display: block; height: 20px; } #searchbox_label { float: left; color: #000; font-size: 12px; } #searchbox_background { width: 130px; float: left; margin: 0 0 0 5px !important; padding: 0 !important; display: block; background: url('/images/search_input_background.gif') no-repeat; height: 22px; position: relative; top: -2px; } #searchbox { padding: 2px 6px; border: 0; width: 109px; background: none; color: #000; font-size: 12px; height: 18px; } #searchbox_button_submit, .go_button { width: 30px; margin: -2px 0 0 3px; padding: 2px; float: left; border: 0; color: #fff; background: url('/images/ok_button.gif') no-repeat; font-size: 10px; height: 24px !important; position: relative; top: -1px; } /* End Searchbox style */ /* Left Panel right hand side items */ /* Editor's choice */ #panel_left_rhs #editors_choice { width: 220px; margin: 10px 0 10px 14px; border: 1px solid #004f79; display: block; _margin-left: 10px; } #editors_choice .heading { width: 210px; background-color: #004f79; } /* Category styles - RHS of left panel - for homepage only. */ .category { border-left: 8px solid white; padding: 6px 13px 8px 10px !important; width: 226px; margin-left: -1px; float: left; margin-bottom: 2px; display: block; text-decoration: none; position: relative; height: 65px; } .category:hover p, .category:hover h2 { color: #000; } .category:hover h2 { font-size: 18px; } .category.home { border-color: #004f79; } .category.lifestyle { border-color: #7e282d !important; } .category.lifestyle:hover { background-color: #f4e5e5; } .category.insurance { border-color: #060 !important; } .category.insurance:hover { background-color: #9FC59F; } .category.friends { border-color: #A5BC2A !important; } .category.friends:hover { background-color: #D3E573; } .category.my_grownups { border-color: #7d59a3 !important; } .category.my_grownups:hover { background-color: #f2eef6; } .category.money { border-color: #ac61ac !important; } .category.community { border-color: #80745B !important; } .category.community:hover { background-color: #eeede8; } .category.news_weather { border-color: #52828f !important; } .category.news_weather:hover { background-color: #edf2f4; } .category.advice, .category.travel { border-color: #E15E12 !important; } .category.advice:hover, .category.travel:hover { background-color: #f3ece5; } .category.products_services { border-color: #0d635e !important; } .category.products_services:hover { background-color: #e6efef; } .category.games { border-color: #292961 !important; } .category.games:hover { background-color: #e9e9ef; } .category.competitions, .category.health { border-color: #B274AD !important; } .category.competitions:hover, .category.health:hover { background-color: #faf4fa; } .category.help_contact { border-color: #cfa60d !important; } .category.help_contact:hover { background-color: #faf6e6; } .game_panel_holder { float: left; position: relative; } .game_panel_holder .game_panel { margin-top: -10px !important; margin-bottom: 20px !important; } .horiz_game_panel_holder { float: left; position: relative; } .horiz_game_panel_holder .game_panel { margin-top: 0 !important; margin-bottom: 20px; } .category span, .category .more { color: #C8161D !important; font-size: 10px; text-decoration: none; position: absolute; right: 7px; bottom: 1px; } .category:hover span { color: #C8161D; font-size: 10px; text-decoration: underline; } .category a:hover { text-decoration: underline; } .left_rhs_list { float: left; display: block; position: relative; } .left_rhs_list a { color: #004f79; font-size: 12px; line-height: 1.6; } .left_rhs_list a:hover { color: #4F8FBB; } /* Footer navigation */ #wrapper #footer_categories { padding: 10px 10px 7px 27px; float: left; clear: both; margin: 30px 0 -14px 0; width: 973px; background: url('/images/footer_categories_bg.gif') no-repeat 17px 0; height: auto; overflow: hidden; z-index: 100; } #footer_categories .category { width: 58px; display: block; overflow: hidden; height: 170px; } #footer_categories .category a { display: block; color: #000; font-size: 10px; } #footer_categories .category a:hover { color: #333; } #footer_categories .category h2 { color: #000; font-size: 10px; } .category h2 { color: #000; font-size: 16px; } .category p, .game_panel p { color: #808284; font-size: 10px !important; line-height: 1.3; } /* End Navigation styles */ /* Accordion */ .accordion_handle { cursor: pointer; } .event_heading { background-color: #80745B; } .event.accordion_drawer { border: 1px solid #80745B; } .hobbies_heading { background-color: #292961; } .hobbies.accordion_drawer { border: 1px solid #292961; } .competition_heading { background-color: #7e282d; } .competition.accordion_drawer { border: 1px solid #7e282d; } #panel_left_rhs #accordion { margin-bottom: 20px; width: 220px; border-top: 1px solid #ddd; padding-top: 10px; margin-left: 15px; _margin-left: 10px; } #panel_left_rhs #accordion .accordion_drawer { padding: 0; margin: 0; float: none; background-color: white; position: relative; } /* BITE STYLES */ #panel_left_rhs .bite { float: left; width: 113px; margin-left: 10px; _margin_left: 10px; padding-bottom: 10px; } #home_bites { width: 230px; } #home_bites a { color: #004f79; font-size: 12px; text-decoration: none; line-height: 1.2; display: block; border: 1px solid #8DA9C1; padding: 2px; margin-bottom: 2px; } #home_bites a:hover { background-color: #DBE3EB; } /* END BITE STYLES */ .heading { width: 210px; padding: 0 5px; display: block; color: white; font-size: 12px; text-decoration: none; } .rhs_poll input.radio { margin: 3px 0 0 5px; } .rhs_poll { padding: 10px 0 10px 0; margin-bottom: 5px; margin-left: 1px; width: 100%; background: #D9E5EB; border: none; } .rhs_poll label { margin: -2px 0 0 4px; width: 185px; padding-left: 2px; color: #004f79; font-size: 12px; line-height: 1.5; font-weight: normal; } .rhs_poll a { margin: 2px 0 0 0; display: block; color: #FF0000; font-size: 12px; } .rhs_poll h4 { padding-top: 5px; margin: 0 0 4px 0; } div#poll_results p { font-size: 18px !important; } /* POLL STYLES */ #main_poll { clear: both; background-color: #D9E5EB; border-top: 1px solid #699DC4; border-bottom: 1px solid #699DC4; padding: 15px 35px 15px 35px; margin-left: -10px; width: 446px; } #main_poll label, #main_poll p { font-size: 16px !important; margin-left: 35px; color: #004f79; font-weight: bold; } #main_poll_footer { background-color: #699DC4; padding: 5px 35px 5px 35px; margin-left: -10px; width: 446px; } #main_poll_footer .total_votes { padding: 5px 15px 5px 15px; font-size: 22px; color: #fff; font-weight: bold; background-color: #004f79; } #main_poll .option_stats { font-size: 80%; font-weight: normal; padding-left: 10px; } #side_poll { clear: both; background-color: #D9E5EB; padding: 5px 10px 5px 10px; width: 236px; } #side_poll a { color: #004f79 !important; text-decoration: none !important; border-bottom: thin dotted red; font-size: 10px; } #side_poll a:visited, #side_poll a:hover { border-bottom: thin solid red; } #side_poll .flash_message { width: 206px; background-color: #fff !important; margin-bottom: 0 !important; } #side_poll label, #side_poll p { font-size: 12px !important; margin-left: 5px; color: #004f79; font-weight: bold; } #side_poll_footer { background-color: #699DC4; padding: 5px 10px 5px 10px; width: 236px; } #side_poll_footer a { color: #fff !important; text-decoration: none !important; border-bottom: thin dotted #fff; } #side_poll_footer a:visited, #side_poll_footer a:hover { border-bottom: thin solid #fff; } #side_poll_footer .total_votes { padding: 5px 10px 5px 10px; font-size: 14px; color: #fff; font-weight: bold; background-color: #004f79; } #side_poll .option_stats { font-size: 80%; font-weight: normal; padding-left: 10px; } .side_component { clear: both; background-color: #D9E5EB; padding: 5px 10px 5px 10px; width: 236px; } .side_component a { color: #004f79 !important; text-decoration: none !important; border-bottom: thin dotted red; font-size: 10px; } .side_component a:visited, .side_component a:hover { border-bottom: thin solid red; } .side_component a.noborder { color: #004f79 !important; text-decoration: none !important; border-bottom: none; font-size: 10px; } .side_component a:visited, .side_component a:hover { border-bottom: none; } .side_component .flash_message { width: 206px; background-color: #fff !important; margin-bottom: 0 !important; } .side_component label, .side_component p { font-size: 12px !important; margin-left: 5px; color: #004f79; font-weight: bold; } .side_component_footer { background-color: #699DC4; padding: 5px 10px 5px 10px; width: 236px; } .side_component_footer a { color: #fff !important; text-decoration: none !important; border-bottom: thin dotted #fff; } .side_component_footer a:visited, .side_component_footer a:hover { border-bottom: thin solid #fff; } .side_component_footer p { color: #fff; } .side_component_footer .total_votes { padding: 5px 10px 5px 10px; font-size: 14px; color: #fff; font-weight: bold; background-color: #004f79; } .side_component .option_stats { font-size: 80%; font-weight: normal; padding-left: 10px; } .side_component label.form_label { float: left; width: 45%; text-align: right; padding: 2px 5px 0 0; } .side_component input.form_input { border: 1px solid #999; height: 16px; width: 45%; float: left; } .side_component select.form_select { border: 1px solid #999; padding: 2px; float: left; margin-bottom: 10px; } .side_component fieldset, .side_component_footer fieldset { border: 1px solid #fff; margin: 5px 0 5px 0; padding: 0; } .side_component legend { color: #004f79; margin-left: 5px; } .side_component_footer legend { color: #fff; margin-left: 5px; font-weight: bold; } .lhs a:hover { color: #CFC781; } /* End right side of left panel items */ /* Right panel, advertising */ #panel_right { width: 185px; padding: 0; margin-right: -10px; float: left; margin-left: 13px; display: block; } #panel_right .right-column-ad { _margin-left: 4px !important; } #panel_right .right-column-ad a img { margin-left: 0 !important; padding: 0; } #panel_right p { float: left; display: block; } /* Bottom of the page */ #panels_footer { float: left; width: 1010px; clear: both; border: none !important; display: block; background: url('/images/panels_footer.gif') no-repeat; position: absolute; left: 0; z-index: 10; bottom: -20px; height: 20px; } #panels_footer ul { padding-left: 40px; } #panels_footer ul li { float: left; list-style-type: none; } #panels_footer ul li a { padding: 10px; color: #000; font-size: 12px; text-decoration: none; position: relative; top: -12px; left: -15px; } #panels_footer ul li a:hover { color: #333; } #site_by_li { position: absolute; right: 20px; bottom: 0; } /* News Articles */ #page_spot { width: 500px; height: 160px; color: #fff; } * html #page_spot { width: 490px; } #page_spot.overflow { margin: 0 !important; padding: 0; overflow: hidden; height: auto; } #page_spot.overflow .spot_heading { float: left; width: 500px; margin: 0 !important; clear: both; display: block; font-size: 24px; color: #fff; } * html #page_spot.overflow .spot_heading { width: 500px; } #page_spot.overflow a { float: left; width: 500px; display: block !important; color: #fff; } * html #page_spot.overflow a { width: 490px; } #page_spot.overflow img { margin-top: 5px; } #page_spot.overflow .imageElement { display: none !important; } #page_spot .imageElement.first { display: block !important; } #page_spot.overflow .spot_text { clear: both; font-size: 15px; } #page_spot, img.story_image { margin: 0 0 10px 0 !important; padding: 0 !important; float: left; border: none; } #page_spot.empty { background: #eee; } /* News Articles */ div.story, div.classified_listing, div.clubs_listing, div.retirement_village_listing, div.news_listing { margin: 0 0 10px 0; *margin: 0 0 10px 5px; padding-bottom: 0; float: left; padding-left: 10px; background-color: #fff !important; position: relative; /* left: -4px; */ font-size: 12px !important; /* color: #666 !important; */ color: #000 !important; } ul.village_detail { padding-bottom: 5px; } div.news_listing, div.news_listing span { width: 500px !important; } * html div.news_listing span { width: 490px !important; } .news_listing a.news_link { color: #004f79; font-size: 12px; position: absolute; right: 0; bottom: 0; _position: relative; _left: 0; } div.story.home h1, div.story.home h1 a, div.story.home h2, div.story.home h2 a { color: #004f79; } div.story.home { border-color: #004f79; } div.story.advice, div.story.travel { border-color: #E15E12; } div.story.advice h2, div.story.advice h2 a, div.story.advice h1, div.story.advice h1 a, div.story.travel h2, div.story.travel h2 a, div.story.travel h1, div.story.travel h1 a { border-color: #E15E12 !important; color: #E15E12 !important; } /* Colour schemes for stories */ div.story.lifestyle h2, div.story.lifestyle h2 a, div.story.lifestyle h1, div.story.lifestyle h1 a { border-color: #7E282D !important; color: #7E282D !important; } div.story.insurance { border-color: #060; } div.story.insurance h2, div.story.insurance h2 a, div.story.insurance h1, div.story.insurance h1 a { border-color: #060 !important; color: #060 !important; } div.story.friends { border-color: #A5BC2A; } div.story.friends h2, div.story.friends h2 a, div.story.friends h1, div.story.friends h1 a, div.story.friends a { border-color: #A5BC2A !important; color: #A5BC2A !important; } div.story.community { border-color: #615F72; } div.story.community h2, div.story.community h2 a, div.story.community h1, div.story.community h1 a { border-color: #615F72 !important; color: #615F72 !important; } div.story.competitions h2, div.story.competitions h2 a, div.story.competitions h1, div.story.competitions h1 a, div.story.health h2, div.story.health h2 a, div.story.health h1, div.story.health h1 a { color: #CF4DCF !important; } div.story.competitions, div.story.health { border-color: #B274AD; } div.story.products_services { border-color: #0d635e; color: #0d635e; } div.story h1, div.story h1 a, div.story h2, div.story h2 a { border-color: #0d635e !important; } div.story.games { border-color: #292961; } div.story.games h2, div.story.games h2 a, div.story.games h1, div.story.games h1 a { border-color: #292961 !important; color: #292961 !important; } div.story.money { border-color: #AC61AC; } div.story.money h2, div.story.money h2 a, div.story.games h1, div.story.games h1 a { border-color: #AC61AC !important; color: #AC61AC !important; } div.story h2 { border-left: none; padding: 12px 0 0 0; margin: 0 0 0 0; font-size: 16px; } .slideInfoZone h2 { border-top: none !important; top: 0; } div.story .author_line { display: block; color: #000; font-size: 12px; line-height: 16px; margin-top: 15px; margin-bottom: 15px; font-style: italic; } div.story p { padding: 0; margin: 1px 0 10px 0 !important; color: #000; font-size: 12px; line-height: 1.3; } div.story p a { font-size: 12px; } .story p a, .classified_listing a { margin-bottom: 0; float: none; color: #004f79; font-size: 10px; position: relative; } .story a { color: #004f79; } a.delete_button { padding-right: 21px; padding-bottom: 2px; padding-top: 1px; background: url('/images/delete_button.gif') no-repeat top right; text-decoration: none !important; } .my_grownups.story a { color: #004f79; font-size: 12px; } a.right_add_link { float: right; } a.bold_link { color: #004f79 !important; } a.bold_link:hover { color: #f66; } a.delete_button:hover { background-position: right -18px; } div.story a:hover { color: #FF6F6F; } div.story h1 { border-left: none !important; } /* Two column stories */ .twocol { width: 480px; } .twocol img { float: left; margin: 0 10px 0 -10px; padding-left: 10px; } /* One column stories */ .onecol { width: 240px; float: left; _padding-bottom: 10px !important; font-size: 12px; color: #000; } .onecol h3 { display: block; } .onecol h3 a { border: none; } html .onecol h3 { width: 230px !important; } * html .onecol h3 { width: 200px !important; } .onecol p { width: 200px !important; white-space: normal !important; } /* Right panel */ #panel_right div { padding: 0 0 0 8px; font-size: 12px; } #panel_right div#marketPlace, #panel_right div#marketPlace div { padding: 0; } #panel_right div.ad_site_sponsor { border-bottom: none; margin-bottom: 0; padding: 0 0 10px 8px; } #panel_right div.ad_static_button { border-bottom: none; margin-bottom: 0; padding: 0 0 10px 8px; } /* Weather */ div { border: none; } #weather { color: #000; width: 255px; } #weather span, #weather a { color: #52828F; font-size: 12px; } #weather span.high { color: #FF0000 !important; } #weather span.low { color: #0066FF !important; } #weather img { float: left; padding: 10px 10px; } #weather h4 { font-size: 14px; margin-bottom: 0; padding-bottom: 3px; padding-top: 5px; } #weather h4 a { font-size: 14px !important; } #weather span { font-size: 12px; font-weight: bold; } #weather .border-top-bottom { border-top: 1px dotted #52828F; border-bottom: 1px dotted #52828F; padding: 0 !important; margin: 0 !important; } #weather form { margin: 0; padding: 0; display: inline; } #weather select { margin: 0 !important; padding: 0 !important; margin-top: 4px !important; margin-left: 10px !important; width: 150px; display: block; } #weather input { margin: 0 !important; padding: 0 !important; margin-top: 0 !important; padding-top: 0 !important; margin-left: 15px !important; display: block; } /* Sponsored links */ #sponsored_links { margin-top: 8px; margin-bottom: 8px; } #sponsored_links h4 { color: #004f79; } #sponsored_links span { color: #699DC4; font-size: 12px; line-height: 1.2; } #sponsored_links a { color: #004f79; font-size: 12px; text-decoration: none; line-height: 1.2; display: block; border: 1px solid #8DA9C1; padding: 2px; margin-bottom: 2px; } #sponsored_links a:hover { background-color: #DBE3EB; } img.article_ad { width: 480px !important; margin: 0 18px 18px; } #box_direct_link_ads a { color: #004f79; display: block; } #box_direct_link_ads p { border: 1px solid #8DA9C1; font-size: 12px; line-height: 1.2; margin-bottom: 2px; padding: 2px 5px 2px 5px; } /* Feature page */ .feature h1 { margin-top: 0 !important; padding-left: 0; padding-bottom: 0; margin-bottom: 0; border-left: 8px solid; font-size: 28px; } .feature strong { color: #000; } .feature p { margin: 5px 0; } .feature { border-left: none; } .feature span.blockquote { float: right; padding: 16px; margin: 10px 15px 5px 10px; width: 160px; display: block; background: transparent url('/images/blockquote.gif'); font-size: 18px; position: relative; } #articleinline_ad { margin-left: 0; margin-bottom: 10px; margin-right: 0; clear: both; text-align: center; background-color: #E6E6E6; border: 1px solid #ccc; padding-left: 10px; padding-right: 10px; font-size: 11px; } .articleinline_pusher { width: 1px; height: 500px; float: right; } #box_articlead { margin-top: 20px; padding: 10px; clear: both; text-align: center; } #box_articlead_floating { margin: 10px 0; _margin: 5px 0; float: right; text-align: center; } .blockquote b { width: 192px; background: url('/images/blockquote_end.gif') 20px -10px; position: absolute; bottom: 0; left: 0; height: 29px; z-index: 100; } .blockquote span { z-index: 1000; position: relative; } #comments { float: left; width: 255px; padding: 0 !important; margin: 0 !important; display: block; background: #E9EEF5; position: relative; top: 0; overflow: auto; } #commentsbase { float: left; width: 460px; padding: 10px 0 0 15px; } #add_a_comment { width: 239px; padding: 2px 8px; margin-top: 5px; float: left; display: block; background-color: #E9EEF5; color: #C8161D; font-size: 10px; text-decoration: none; text-align: right; position: relative; } #add_a_comment_form { width: 239px; padding: 2px 8px; float: left; background-color: #E9EEF5; } #comments span { width: 239px; padding: 4px 4px 4px 8px; margin-left: -5px !important; display: block; background-color: #AEC6DE; color: #000; font-size: 12px; } #comments span.light { background-color: #E9EEF5; } #comments span.light a { color: #000; } #comments span a { color: #fff; } #comments p { padding: 5px; width: 237px; padding: 0 !important; color: #000; font-size: 12px; } #sub_story_comments, #sub_story_comments_form { width: 460px; float: left; margin-left: 20px; margin-bottom: 10px; display: block; background-color: #E9EEF5; position: relative; _margin-left: 10px; } #comment_form_submit { padding: 2px 5px; font-size: 16px; } .comment { float: left; padding: 0 !important; padding-left: 5px !important; display: block; font-size: 14px; position: relative; } .comment .author { width: 450px; padding: 5px 0 2px 10px; margin: 0; display: block; background: #AEC6DE; color: #000; position: relative; left: -5px; } .comment_body { padding: 10px; color: #333; float: left; } .comment .time { position: absolute; top: 4px; right: 6px; } #discussion p { font-size: 12px; } .subscription_links { padding: 0 30px 8px 10px; display: block; font-size: 12px; } .forumcomment { width: 490px; float: left; margin-bottom: 20px; margin-left: 10px; border: 1px solid #ddd; display: block; background-color: #fff; position: relative; _left: -20px !important; } * html .forumcomment { width: 485px; margin-left: 15px; } .forumcomment.mine { border: 2px solid #60BF5F; } .mine.holder { padding: 20px; width: 420px; color: #000; } .commenttop { border-bottom: 1px solid #ddd; background-color: #E9EEF5; height: 80px; padding: 3px; } .commentbody { padding: 5px 5px 5px 0 !important; } .commentbody p { font-size: 14px; padding: 10px 10px 10px 0; } .avatar { border: 1px solid #ccc; margin: 8px 10px 5px 5px; float: left; } .commenttop div#userdetails { float: left; display: block; margin-left: 0 !important; color: #000; font-size: 12px; position: relative; left: -10px; } .commenttop .time { padding: 5px; float: right; color: #000; font-size: 70%; line-height: 1; position: relative; text-align: right; width: 125px; } .author a { color: #069 !important; } #discussion_list { font-size: 13px; padding-left: 10px; } .author a { color: white; } textarea.comment_edit_textarea { width: 430px !important; font-size: 12px; height: 120px; } div.comment_edit_link { margin-left: 10px; float: right; padding: 5px; font-size: 12px; } #sub_story_comments_form a.block { padding: 5px 0 2px 10px; display: block; background: #AEC6DE; color: #000; font-size: 12px; text-decoration: none; } #sub_story_comments_form p { font-size: 11px; color: #333; padding: 10px; } #sub_story_comments_form p a { display: inline; background: none; text-decoration: underline; padding: 0; color: #FF0000; font-size: 11px; } #sub_story_comments_form textarea { width: 430px; margin: 10px; height: 120px; } .right_submit { float: right !important; margin: 5px 20px 10px 20px; padding: 2px 5px; clear: both; } .left_submit { margin: 5px 20px 10px 10px; _margin: 2px 10px 5px 5px; padding: 2px 5px; clear: both; } #rating { margin-top: 5px; } a.ajax_star_button { width: 14px; float: left; display: block; background: url('/images/red_star.gif') 0 -15.4px repeat-x; cursor: pointer; height: 15px; } a.ajax_star_button.active:hover, a.ajax_star_button.hovered, a.ajax_star_button.voted { background-position: 0 0; } .ajax_success { padding-left: 10px; font-size: 12px; } /* GAMES PAGE */ /*is this needed anymore?*/ /*#panel_left_lhs h3, #panel_left_lhs h1 { float: left; left: -3px; *left: 0; *width: 490px; position: relative !important; }*/ #game { margin-left: 20px; text-align: center; } .gameDescription { margin-left: 20px; background-color: #ccc; color: #000; font-size: 12px; text-align: left; padding: 5px; border: 1px solid #666; width: 730px; } .box_center { text-align: center; } #left_full_games { clear: both; border-top: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; /* margin-left: 20px; */ display: block; } #left_full_games p { color: #000; font-size: 12px; } #left_rhs_games { float: left; width: 210px; margin: 0 auto 15px auto; border-bottom: 1px solid #eee; padding-bottom: 15px; padding-left: 20px; display: block; } #left_rhs_games p { float: left; width: 200px; color: #000; font-size: 12px; line-height: 1.2; position: relative; } .game_panel { border-left: 8px solid white; padding: 6px 13px 8px 10px !important; width: 219px; float: left; margin-bottom: 10px; margin-left: 0 !important; /* margin-bottom: -10px; */ display: block; color: #000; text-decoration: none; position: relative; height: 60px; } * html .game_panel { margin-left: 2px !important; width: 202px; } .game_panel:hover { border-left: 8px solid #888; background: #eee; } .game_panel:hover h4 { text-decoration: underline; } .game_panel img { float: left; margin-right: 9px; } .game_panel.selected, .game_panel:active, .game_panel:focus { border-color: #444; background: #d4d4df; } div.game_panel_holder a.game_panel.selected { _background-color: #d4d4df !important; _background: #d4d4df !important; _border-color: #444 !important; _float: left; _display: block; } a.tiny_add { width: 18px; float: left; margin-right: -30px; display: block; background: url('/images/games_add.gif') repeat-y; font-size: 4px; height: 17px; position: relative; left: -20px; top: 5px; _top: 5px; } a.tiny_add.saved { width: 15px; background: url('/images/saved_button.gif'); height: 15px; } a.tiny_add.saved:hover { background-position: 0 0 !important; } a.tiny_add.placeholder { background: none; } a.tiny_add.remove { width: 70px; margin-top: -15px; margin-left: -50px; background: url('/images/delete_button.gif') repeat-y 50px 0; color: red; font-size: 12px; height: 16px; _margin-left: -30px; } a.tiny_add.remove:hover { background-position: 50px 1px; } #create_story { padding: 0; display: block; } #create_story_h1 { height: 34px !important; } #create_story ul li { float: left; clear: both; width: 300px; list-style-type: none; display: block; font-size: 14px; height: 20px; } #create_story ul li input { margin-right: 5px; margin-top: 2px; } #create_story .right_submit { margin: 10px 30px 10px 20px; padding: 2px 5px; } #create_story .form_error { margin-left: 0; width: 440px; } #create_story textarea, #create_story .h1, #create_story span { color: #000; } #create_story textarea, #create_story .h1 { border-top: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #666; color: #000; } #create_story .h1 { width: 458px; padding: 2px 2px 2px 5px; margin: 0 0 5px 0; font-size: 28px; } #create_story span { margin-left: 10px; font-size: 10px; } #create_story textarea, #classified_contact_form textarea { margin: 5px 0 0 0; width: 455px; padding: 5px; font-size: 12px; height: 500px; } #classified_contact_form p { float: left; } #classified_contact_form textarea#classified_email_body { margin: 10px 0 0 20px; width: 465px !important; height: 200px; } #create_story #create_submit { margin-top: 10px; } /* PRODUCTS */ #product_select { padding: 10px; float: right; margin-top: -50px; margin-right: -40px; width: 320px; display: block; font-size: 12px; line-height: 1; height: 20px !important; position: relative; } #product_select form { display: inline; position: absolute; top: 5px; } #product_select select { width: 200px; padding: 0; float: left; margin-left: 10px; font-size: 12px; line-height: 1; } .product { border-top: 1px solid #ddd; float: left; position: relative; left: -3px; } .product img { float: left; margin: 0 15px 0 0; border-left: 8px solid #0d635E; padding-left: 8px; } .product h2 { margin-top: 8px; margin-bottom: 3px; color: #4E727D; font-size: 20px; } .product span.asking_price { color: #7e282d; font-size: 12px; font-weight: bold; line-height: 2.2; } .product p { margin: 0 !important; padding: 3px 0; float: left; width: 325px; display: block; font-size: 12px !important; line-height: 1.2; } .product p.contact_details { line-height: 2; } .product p strong { float: left; width: 60px; display: block; } #classified_table { margin: 10px 10px 40px 10px; float: left; color: #000; font-size: 12px; } #classified_table input.textbox, #classified_table textarea, #classified_table select { width: 300px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px; color: #000; } #classified_table textarea { font-size: 12px; height: 180px; } #classified_table input#submit_button { float: right; } #classified_table label { width: 120px; display: block; } .weather_forecast { padding: 5px; margin: 0 15px 0 15px !important; float: left; display: block; font-size: 12px; } #panel_left_rhs .weather_forecast_hilo { width: 60px; margin: 4px 4px 0 4px; float: left; } .weather_forecast img { float: left; margin: 4px 10px 0 10px; } .weather_forecast_hilo.high strong { color: red; } .weather_forecast_hilo.low strong { color: #069; } #country_map { width: 418px; margin: 40px 40px 0 40px; padding: 0 0 40px 0; border-bottom: 1px solid #eee; background: url('/images/nz_map.gif') no-repeat; height: 510px; position: relative; } #country_map img { display: block; position: absolute; } #auckland_weather { top: 80px; left: 150px; } #northland_weather { left: 160px; top: 0; } #taupo_weather { left: 425px; top: 165px; } #wellington_weather { left: 380px; top: 256px; } #christchurch_weather { left: 310px; top: 335px; } #queenstown_weather { top: 350px; } #dunedin_weather { left: 230px; top: 415px; } .tides_div { width: 230px; float: left; padding: 10px 0 10px 20px; margin: 10px 0; font-size: 12px; } .tides_div table { margin-left: -4px; color: #000; } .tides_div table td { width: 70px; } #pollen_forecast img, #uv_forecast img { float: right; margin-top: -15px; } span.moderate { margin-top: 5px; margin-top: 5px; display: block; color: #FAA21B; font-weight: bold; text-transform: uppercase; } span.veryhigh { margin-top: 5px; display: block; color: #C8161D; font-weight: bold; text-transform: uppercase; } #login_email_label, .form_label, #login_password_label { float: left; clear: both; padding-top: 6px; margin-left: 15px; _margin-left: 7px; width: 170px; display: block; color: #000; font-size: 16px; } #classified_contact_form label { margin-top: 10px; } #classified_contact_form input.textbox { margin-top: 14px; } #inline_login { padding-top: 20px; margin-top: 30px !important; float: left; border-top: 1px dotted #ccc; } #login_div, .form_input { border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; padding: 2px; float: left; margin-bottom: 15px; width: 290px; display: block; background: white !important; color: #000; font-size: 14px; } .form_input_small { border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; padding: 5px; float: left; margin-bottom: 30px; width: 190px; display: block; background: white !important; color: #000; font-size: 18px; } .input_date button { padding: 2px; padding: 5px; float: left; margin-bottom: 30px; display: block; } #pass_on .form_input { margin-bottom: 10px; } #pass_on .right_submit { font-size: 14px; } #pass_on p.success { padding: 15px 5px; } #login_div { border-left: none; border-top: none; font-size: 16px; } #login_submit { float: right; padding: 4px 14px; margin-right: 34px; } .form_error { padding: 20px 10px; display: block; background-color: #fcc; color: #000; font-size: 16px; text-align: center; } #pass_on .form_error { padding: 10px 5px; width: 433px; } .form_error ul { margin: 0; padding: 0; } .form_error ul li { margin: 5px 0; list-style-type: none; text-align: left; } #star_background { width: 152px !important; display: block; background: red; background: url('/images/red_star.gif') 0 14.8px; height: 15px; } #star_foreground { margin-top: -15px; display: block; background: blue; background: url('/images/red_star.gif') 0 0; height: 15px; position: relative; } div.classified_listing { border-color: #80745B; border-top: 1px solid #D1D3D4; padding-top: 0; width: 480px; padding-left: 0 !important; height: 130px; position: relative; } .classifieds_date { width: 508px; padding: 2px 4px; background: #004f79; color: #fff; } div.classified_listing p { float: left; clear: both; display: block; font-size: 14px !important; } div.classified_listing.onecol { width: 240px; } div.classified_listing.onecol a { float: none; width: auto; } .classified_listing a.abs { font-size: 12px; position: absolute; bottom: 0; right: 10px; } span.branch, a.branch { float: left; clear: both; margin: 0; width: 241px; padding-left: 15px; color: #006298; font-size: 12px; font-weight: bold; line-height: 1.8; } .branch.selected { color: white !important; background: #006298; } a.sub_branch { float: left; clear: both; width: 226px; padding: 5px 5px 5px 25px; color: #3E6C9B; font-size: 12px; position: relative; } a.sub_branch:hover { color: #006298; } a.sub_branch.selected { color: white; background: #699DC4; } a.sub_branch_poll { float: left; clear: both; width: 226px; padding: 5px 5px 5px 25px; color: #3E6C9B; font-size: 12px; position: relative; background-image: url('/images/bullet_poll_16_white.gif'); background-repeat: no-repeat; background-position: 5px center; } a.sub_branch_poll:hover { color: #006298; } a.sub_branch_poll.selected { color: white; background: #699DC4; background-image: url('/images/bullet_poll_16_blue.gif'); background-repeat: no-repeat; background-position: 5px center; } a.sub_branch_inline { float: left; display: inline; padding-left: 6px; padding-right: 5px; color: #699DC4; font-size: 12px; line-height: 1.8; position: relative; } a.sub_branch_inline:hover { color: #006298; } a.sub_branch_inline.selected { color: white; background: #699DC4; } div.news_listing { border-color: #788C9D; } div.news_listing h2 a { border-color: #788C9D !important; color: #788C9D !important; } .classified_listing img, .news_listing img { margin: 0 10px 0 0; position: absolute; right: 0; top: 0; } .classified_listing img { margin: 10px 10px 5px 0 !important; } .classified_listing span, .news_listing span { float: left; width: 300px; display: block; } .classified_heading, .news_heading { padding-top: 10px; color: #80745B; font-size: 18px; } .classified_heading a { padding-top: 10px; color: #80745B; font-size: 18px; } .news_heading { color: #788C9D; } .news_body { font-size: 14px; } .classified_listing .classified_heading { width: 340px !important; } .classified_price { color: #A43D38; } .classified_date, .classified_price, .news_date { font-size: 12px; line-height: 18px; } /* My Profile css START */ .profile_base { border: none; margin: 0 0 0 15px; padding: 0; clear: both; width: auto; background: none; text-align: left; } .profile_base .profileListing { width: 480px !important; margin-left: -14px; margin-top: 12px; } h1.profile { margin-bottom: 5px; } table { border-collapse: collapse; } .profile_left { border: none; margin: 0; padding: 4px 6px; border-bottom: 1px solid #fff; margin-bottom: -1px; width: 170px; background: #004f79; color: white; left: 10px; } .profile_right { border: none; margin: 0; padding: 4px 6px; border: 1px solid #004f79; margin-bottom: -1px; width: 290px; margin-left: -2px; } /* My Profile css END */ /* Submit a story page */ #submit_category select { font-size: 12px; } h4.form_heading, p.article_submit_paragraph { margin-left: 20px !important; margin-bottom: 10px; float: left; display: block; } h4.article_submit_h4 { margin-left: 20px; } /* Discussion table */ .discussion_table { width: 500px; padding: 0; margin: 10px 0 0; border-collapse: collapse; } * html .discussion_table { width: 490px; margin: 10px 0 0 5px; } .discussion_table th { border-width: 1px 0 1px 1px; border-color: #004f79; border-style: solid; border-bottom: 1px solid; padding: 3px 5px; background-color: #004f79; color: #fff; text-align: left; font-size: 14px; } .discussion_table th a { display: block; color: #fff; } .discussion_table td p { margin: 3px; } .discussion_table td { border: 1px solid #eee; padding: 7px; color: #000; font-size: 12px; } .discussion_table td a { width: 100%; display: block; color: #004f79; } .discussion_table td a:hover { color: #0D99DF; } .discussion_table #right a { display: inline; } .discussion_table #numthreadsheader { width: 30px; font-size: 14px; } .discussion_table #numthreads { width: 80px; padding: 5px; background-color: #faf8fa; text-align: center; font-size: 12px; } .discussion_table #numthreadssmall { width: 30px; padding: 5px; background-color: #faf8fa; text-align: center; font-size: 12px; } .discussion_table #right { border-right-width: 1px; width: 140px; font-size: 14px; } .articleimageRight { margin: 10px; float: right; } .articleimageLeft { margin: 10px 15px 10px 5px; float: left; } .image_caption { float: left; padding: 10px; font-size: 12px; } .feature.story { width: 500px; } .feature.story, .feature.story p { font-size: 12px; } .feature.story ul li, .feature.story ol li { color: #000; font-size: 12px !important; } .feature.story h1 { margin-bottom: 8px; } .feature.story ul, .feature.story ol { padding-bottom: 10px; width: 440px; display: block; } .breadcrumbs { padding-bottom: 15px; padding-left: 20px; margin-top: 0; float: left; width: 490px; display: block; color: #000; font-size: 12px; } * html .breadcrumbs { width: 490px; } .breadcrumbs a { color: #004f79; font-size: 14px; } .breadcrumbs a:hover { color: #FF7F84; } /* Photocomp Styles */ .box_thumb_150 { border: 1px solid #999; width: 150px; float: left; margin-right: 10px; margin-bottom: 10px; height: 150px; } .box_thumb_150_voted { border: 2px solid #CC9900; background-color: #CAB986; width: 150px; float: left; margin-right: 10px; margin-bottom: 10px; height: 150px; } .box_preview_400 { border: 1px solid #999; width: 400px; float: left; margin-right: 10px; margin-bottom: 10px; height: 400px; } .box_thumbholder { float: left; height: 170px; width: 150px; margin-right: 10px; margin-left: 10px; } .photocomp_thumbnail { position: relative; z-index: 0; } .photocomp_thumbnail:hover { background-color: transparent; z-index: 20000; } .photocomp_thumbnail span { position: absolute; background-color: #E5DEED; padding: 5px; left: -2000px; border: 1px dotted #7D59A3; visibility: hidden; color: black; text-decoration: none; display: block; width: 410px; text-align: center; } .photocomp_thumbnail span img { border-width: 0; padding: 2px; } .photocomp_thumbnail:hover span { visibility: visible; bottom: 575px; left: 0; z-index: 20000; } .clear-both { clear: both !important; } .clear-left { clear: left !important; } .clear-right { clear: right !important; } .float-left { float: left !important; } .float-right { float: right !important; } .padding-none { padding: 0 !important; } .padding-top-none { padding-top: 0 !important; } .padding-bottom-none { padding-bottom: 0 !important; } .padding-top-2 { padding-top: 2px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-right-5 { padding-right: 5px !important;vertical-align: middle;} .padding-right-10 { padding-right: 10px !important;} .padding-all-10 { padding: 10px !important; } .padding-all-5 { padding: 5px !important; } .padding-all-2 { padding: 2px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-5-10 { padding: 5px 10px !important; } .padding-10-5 { padding: 10px 5px !important; } .padding-0-5 { padding: 0 5px !important; } .padding-5-0 { padding: 5px 0 !important; } .padding-0-10 { padding: 0 10px !important; } .padding-10-0 { padding: 10px 0 !important; } .margin-none { margin: 0 !important; } .margin-top-none { margin-top: 0 !important; } .margin-bottom-none { margin-bottom: 0 !important; } .margin-right-5 { margin-right: 5px !important; _margin-right: 2px !important; } .margin-right-10 { margin-right: 10px !important; _margin-right: 5px !important; } .margin-left-5 { margin-left: 5px !important; _margin-left: 2px !important; } .margin-left-10 { margin-left: 10px !important; _margin-left: 5px !important; } .margin-top-5 { margin-top: 5px !important; _margin-top: 2px !important; } .margin-top-10 { margin-top: 10px !important; _margin-top: 5px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-2 { margin-bottom: 2px !important; _margin-bottom: 1px !important; } .margin-bottom-5 { margin-bottom: 5px !important; _margin-bottom: 2px !important; } .margin-bottom-10 { margin-bottom: 10px !important; _margin-bottom: 5px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-5 { margin: 5px !important; _margin: 2px !important; } .margin-10 { margin: 10px !important; _margin: 5px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .width-15px { width: 15px !important; } .width-20px { width: 20px !important; } .width-30px { width: 30px !important; } .width-35px { width: 35px !important; } .width-50px { width: 50px !important; } .width-60px { width: 60px !important; } .width-80px { width: 80px !important; } .width-100px { width: 100px !important; } .width-120px { width: 120px !important; } .width-145px { width: 145px !important; } .width-150px { width: 150px !important; } .width-155px { width: 155px !important; } .width-160px { width: 160px !important; } .width-165px { width: 165px !important; } .width-170px { width: 170px !important; } .width-180px { width: 180px !important; } .width-190px { width: 190px !important; } .width-200px { width: 200px !important; } .width-215px { width: 215px !important; } .width-220px { width: 220px !important; } .width-224px { width: 224px !important; } .width-230px { width: 230px !important; } .width-234px { width: 234px !important; } .width-240px { width: 240px !important; } .width-250px { width: 250px !important; } .width-256px { width: 256px !important; } .width-260px { width: 260px !important; } .width-280px { width: 280px !important; } .width-300px { width: 300px !important; } .width-400px { width: 400px !important; } .width-440px { width: 440px !important; } .width-450px { width: 450px !important; } .width-455px { width: 455px !important; } .width-500px { width: 500px !important; } .width-505px { width: 505px !important; } .width-10pc { width: 10% !important; } .width-20pc { width: 20% !important; } .width-25pc { width: 25% !important; } .width-30pc { width: 30% !important; } .width-40pc { width: 40% !important; } .width-50pc { width: 50% !important; } .width-60pc { width: 60% !important; } .width-65pc { width: 65% !important; } .width-70pc { width: 70% !important; } .width-75pc { width: 75% !important; } .width-80pc { width: 80% !important; } .width-90pc { width: 90% !important; } .width-100pc { width: 100% !important; } .height-1px { height: 1px !important; } .height-10px { height: 10px !important; } .height-15px { height: 15px !important; } .height-20px { height: 20px !important; } .height-30px { height: 30px !important; } .height-40px { height: 40px !important; } .height-50px { height: 50px !important; } .height-60px { height: 60px !important; } .height-70px { height: 70px !important; } .height-80px { height: 80px !important; } .height-90px { height: 90px !important; } .height-100px { height: 100px !important; } .height-150px { height: 150px !important; } .height-200px { height: 200px !important; } .txt_error { color: #FF0000 !important; } .txt-18px { font-size: 18px !important; } .txt-14px { font-size: 14px !important; } .txt-12px { font-size: 12px !important; } .txt-11px { font-size: 11px !important; } .txt-10px { font-size: 10px !important; } .txt-red { color: #FF0000 !important; } .txt-green { color: #00AA00 !important; } .txt-black { color: #000 !important; } .txt-white { color: #fff !important; } /* * Clubs component * */ .clubs_form { float: left; width: 480px; } #panel_left_lhs .clubs_form p { margin: 0 20px !important; } .clubs_form .select { width: 160px; border-left: 1px solid #666; border-top: 1px solid #666; padding: 2px; margin: 5px 0 5px 0; background: white !important; } .clubs_form .textbox { margin: 5px 0 10px 0; } #pagination_links { clear: both; padding: 0 2px; margin: 0 auto; margin-top: 10px; color: #000; text-align: center; } #pagination_links a, #pagination_links span { padding: 0 5px; margin: 0 0 0 -4px; display: inline; } #pagination_links a { color: #0066AD; text-decoration: underline; } #pagination_links a:hover { color: #0066AD; text-decoration: none; } #pagination_links.retirement_pager a:hover { background: #01507A !important; color: #fff !important; } #pagination_links.clubs_pager a:hover { background: #01507A; color: #fff !important; } #pagination_links.retirement_pager a { color: #01507A; } #pagination_links.clubs_pager a { color: #01507A; } div.clubs_listing { border-color: #80745b; border-top: 1px solid #dedede; padding-top: 0; width: 480px; clear: both; float: left; } div.retirement_village_listing { border-color: #80745B; border-width: 2px; border-style: solid; padding: 10px; clear: both; float: left; } .clubs_listing .clubs_heading, .retirement_village_listing .retirement_village_heading { width: 350px !important; } .clubs_listing span.clubs_heading a { float: left; color: #01507A; font-size: 16px; line-height: 2; } .retirement_village_listing span.retirement_village_heading a { float: left; color: #01507A; font-size: 16px; line-height: 2; } .clubs_listing span { float: left; width: 350px; color: #000; font-size: 12px; } .retirement_village_listing span { float: left; width: 330px !important; color: #000; font-size: 12px; } .clubs_listing span a { color: #01507A; line-height: 1; } .clubs_listing a:hover { color: #01507A !important; text-decoration: none; } .clubs_listing img { float: left; margin: 5px 10px 5px 0; } .retirement_village_listing img { float: left; } .retirement_village_listing span a { color: #7E282D; } ul.vil_type { margin: 15px 0 15px 40px; list-style: none; } ul.vil_type li { padding-top: 5px; font-size: 12px; } .clubs_form p { float: left; margin: 0 0 !important; font-size: 14px !important; } #form { float: left; margin: 10px 0 0 30px; _margin: 10px 0 0 10px; padding: 10px 0 0 0; border-bottom: 1px solid #eee; color: #000; } #form input.textbox, #form select { width: 250px; padding: 2px; } #form input { padding: 2px 4px; } #form .checkbox { margin-right: 10px; } .section_sponsor_ad { margin: 0; } /* Discussion table */ .clubs_table { width: 480px; padding: 0; float: left; margin: 0 10px; border-collapse: collapse; } .clubs_table th { border-width: 1px 0 1px 1px; border-color: #004f79; border-style: solid; border-bottom: 1px solid; padding: 3px 10px 3px 10px; background-color: #004f79; color: #fff; text-align: left; } .clubs_table td { border: 1px solid #eee; padding: 3px 10px 3px 10px; color: #000; font-size: 12px; } .clubs_table td a { width: 100%; display: block; color: #004f79; } .clubs_table td a:hover { color: #0D99DF; } /* Subscription page */ #registration_form_holder { float: left; width: 520px; } #registration_form_holder p { float: left; margin: 15px 5px; width: 420px; padding-left: 15px; font-size: 13px; } #subscribe_me { float: left; margin: 0 20px 0 20px; width: 380px; color: #000; font-size: 14px; } ol { float: left; margin-bottom: 10px; color: #000; font-size: 14px; } #panels_left_lhs ol li { float: left; } .clubs_table #right a { display: inline; } .clubs_table #numthreads { width: 10px; padding: 0 0; background-color: #faf8fa; text-align: center; } .clubs_table #right { border-right-width: 1px; } /* * Discussion * */ .padded_sidebar_h3 { margin-top: 10px; } #submit_classified_link { margin: 0 0 10px 10px; float: left; color: #004f79; position: relative; top: -10px; } .story.onecol, .story.twocol { border-top: 1px dotted #ccc !important; border-top-color: #ccc !important; margin-top: 0; padding-top: 5px !important; } #register_dob { float: left; } #my_horoscope { float: left; width: 460px; clear: both; display: block; } #my_horoscope, .horoscope { margin: 10px 20px; color: #000; font-size: 14px; } #my_horoscope img, .horoscope img { float: right; margin: 10px 5px 5px 5px; } #my_horoscope strong, .horoscope strong { color: #069; font-size: 16px; } #my_horoscope a { float: right; color: #004f79; font-size: 12px; } #marine_forecast { margin-left: 20px; font-size: 12px; } #marine_forecast a, #marine_forecast b { color: #004f79; } table#international_weather { float: left; margin: 10px 0 10px 20px; font-size: 12px; border-collapse: collapse; } #international_weather th, #international_weather td { padding: 5px 25px; border-bottom: 1px solid #ccc; font-weight: normal !important; text-align: left; } #international_weather th { background: #004f79; color: #fff; } #metservice { float: left; clear: both; margin-top: 10px; margin-left: -20px; color: #000; font-size: 12px !important; } #metservice a { color: #004f79; } #metservice img { margin-left: 4px; position: relative; top: 5px; } #panel_left_lhs .listbox { margin: 0 20px; font-size: 12px; } #panel_left_lhs .listbox strong { margin: 0 10px 0 0; } #panel_left_lhs .my_grownups_games div { float: left !important; margin-left: -3px; display: block; _padding-bottom: 20px; } #sticky { padding-top: 2px; float: left; } .classified_heading #sticky { padding-top: 0; position: relative; top: -8px; } #panel_full p { margin-left: 10px; color: #000; } #avatar_delete_button { float: left; margin-left: -20px; } img#new { float: left; padding-right: 10px; position: relative; } .form_checkbox { float: left; margin: 10px; _margin: 5px; } .checkbox { margin: 5px 8px; _margin: 2px 4px; } .profile_options { float: left; margin-top: 28px; margin-left: 10px; clear: right; display: block; color: #000; } .invis_table { float: left; border-style: none; padding: 0; margin: 0; } div.classified_blurb p { margin: 10px 0 10px 0; } form#staticForm fieldset { margin-bottom: 20px; border-color: #B3C0CB; clear: both; } form#staticForm legend { color: #004f79; font-weight: bold; } form#staticForm h1 { clear: both; } form#staticForm p { margin-bottom: 15px; } form#staticForm textarea { width: 100%; height: 100px; } form#staticForm input.text { width: 100%; } #contact_form #contact_box { margin-left: 10px; } #contact_form #contact_send { margin-left: 20px; } #lgphoto { margin: 5px 20px 5px 15px; float: right; } #events_breadcrumbs { width: 400px; } .box_directbroking { clear: both; height: 50px; color: #fff; padding: 5px; background-color: #D6233C; background-image: url('/images/bg_directbroking_logo.gif'); background-repeat: no-repeat; background-position: bottom right; width: 468px; } .rhs_accordion { padding: 0; margin: 0; } .rhs_accordion_handle h4 { display: inline; } .rhs_accordion_handle a { display: inline; } .rhs_accordion_drawer { color: #004f79; font-weight: normal; padding: 0; margin: 0; padding-left: 0; } div .sociable { margin: 2px !important; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } ul.sociable { display: block; margin: 10px 5px !important; padding: 0 !important; width: auto; } ul.sociable li { background: none; display: inline; list-style-type: none; margin: 0 !important; padding: 2px !important; width: 32px !important; } ul.sociable li:before { content: ''; } .sociable img { float: none; border: 0; margin: 0; padding: 0; width: 32px !important; } .sociable-hovers { float: none; border: 0; margin: 0; padding: 0; opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .border-top-lgrey { border-top: 1px solid #ccc; } .border-bottom-lgrey { border-bottom: 1px solid #ccc; } .border-all-home { border: 1px solid #004f79; } .border-top-home { border-top: 1px solid #004f79; } .border-right-home { border-right: 1px solid #004f79; } .border-bottom-home { border-bottom: 1px solid #004f79; } .border-left-home { border-left: 1px solid #004f79; } .border-all-mygrownups { border: 1px solid #977BBD; } .border-top-mygrownups { border-top: 1px solid #977BBD; } .border-right-mygrownups { border-right: 1px solid #977BBD; } .border-bottom-mygrownups { border-bottom: 1px solid #977BBD; } .border-left-mygrownups { border-left: 1px solid #977BBD; } .border-all-lifestyle { border: 1px solid #7E282D; } .border-top-lifestyle { border-top: 1px solid #7E282D; } .border-right-lifestyle { border-right: 1px solid #7E282D; } .border-bottom-lifestyle { border-bottom: 1px solid #7E282D; } .border-left-lifestyle { border-left: 1px solid #7E282D; } .border-all-community { border: 1px solid #80745B; } .border-top-community { border-top: 1px solid #80745B; } .border-right-community { border-right: 1px solid #80745B; } .border-bottom-community { border-bottom: 1px solid #80745B; } .border-left-community { border-left: 1px solid #80745B; } .border-all-friends { border: 1px solid #A5BC2A; } .border-top-friends { border-top: 1px solid #A5BC2A; } .border-right-friends { border-right: 1px solid #A5BC2A; } .border-bottom-friends { border-bottom: 1px solid #A5BC2A; } .border-left-friends { border-left: 1px solid #A5BC2A; } .border-all-productsservices { border: 1px solid #0D635E; } .border-top-productsservices { border-top: 1px solid #0D635E; } .border-right-productsservices { border-right: 1px solid #0D635E; } .border-bottom-productsservices { border-bottom: 1px solid #0D635E; } .border-left-productsservices { border-left: 1px solid #0D635E; } .border-bottom-dotted-productsservices { border-bottom: 1px dotted #0D635E; width: 490px; margin-left: 5px } .border-bottom-dotted-home { border-bottom: 1px dotted #004f79; width: 490px; margin-left: 5px } /* Clearfix */ .clearfix:after { content: '.'; display: block; height: 0;clear: both; visibility: hidden; } /* Hides from IE-mac \ */ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* ************************************************************************************************************************************ Box Link Styles ************************************************************************************************************************************ */ a.box_link { padding: 3px 5px 3px 5px !important; display: block; font-size: 12px; margin: 5px 0 5px 0; } a.box_link.home { background-color: #004f79 !important; border: 1px solid #004f79 !important; color: #fff !important; } a.box_link.home:hover { border: 1px solid #fff !important; } /* ************************************************************************************************************************************ Useful styles ************************************************************************************************************************************ */ ul.list_horizontal_plain { margin: 0 !important; padding: 0 !important; } ul.list_horizontal_plain li { float: left !important; background-image: none !important; list-style: none !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .bullet_tick { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_tick.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding-left: 20px !important; } .bullet_cross { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_cross.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding-left: 20px !important; } .bullet_add_buddy { list-style: none !important; list-style-image: none !important; background-image: url('../images/btn_add_buddy.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 10px 0 0 30px !important; /* height: 25px; */ } .bullet_view_profile { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_profile.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 10px 0 0 30px !important; /* height: 25px; */ } .bullet_write_message { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_write_message.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_inbox { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_inbox.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_add_friends { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_add_friend.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_friends { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_friends.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_fletch { line-height: 150%; margin: 3px 8px 3px 0; list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_fletch_blue.gif'); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; } .bullet_status_online { list-style: none !important; list-style-image: none !important; background-image: url('../images/status_online.gif') !important; background-repeat: no-repeat !important; background-position: 1px 5px !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_status_away { list-style: none !important; list-style-image: none !important; background-image: url('../images/status_away.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_status_offline { list-style: none !important; list-style-image: none !important; background-image: url('../images/status_ofline.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_new { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_new.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_discussions { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_discuss.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_contribute { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_contribute.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .bullet_contribute_dark { list-style: none !important; list-style-image: none !important; background-image: url('../images/toolbox/icon_contribute_dark.gif') !important; background-repeat: no-repeat !important; background-position: center left !important; padding: 5px 0 0 25px !important; /* height: 20px; */ } .border-none { border: none !important; } .padding-none { padding: 0 !important; } .footnote { font-size: 12px; color: #000; } textarea { border: 1px solid #979797; padding: 1px; font-size: 12px; } .msg_box_green { border: 1px solid #00CC00; padding: 3px; color: #000; background-color: #9BFF9B; margin: 10px; text-align: center; color: #000 !important; font-size: 14px !important; } .msg_box_red { border: 1px solid #FF0000; padding: 3px; color: #000; background-color: #FFC1C1; margin: 10px; text-align: center; color: #000 !important; font-size: 14px !important; } .msg_box_blue { border: 1px solid #0033FF; padding: 3px; color: #000; background-color: #AEAEFF; margin: 10px; text-align: center; color: #000 !important; font-size: 14px !important; } .title_blue { background-image: url('../images/title_bg_505_title2.gif'); background-repeat: no-repeat; background-position: top left; width: 485px; padding: 2px 10px; clear: both; height: 45px; } .title_blue h2 { font-size: 20px !important; font-weight: bold; color: #fff; } /* ************************************************************************************************************************************ Nav Portal Component Styles ************************************************************************************************************************************ */ /* Default styles */ #nav_portal_main { margin: 10px 5px 10px -3px !important; _margin: 5px 2px 5px -3px !important; background-color: #fff !important; clear: both; padding-left: 5px; } #nav_portal_rhs { margin: 10px 0 10px 0 !important; background-color: #fff !important; clear: both; padding: 0; width: 256px; } #nav_portal_third { margin: 10px 5px 10px 0 !important; background-color: #fff !important; padding: 0; width: 165px; float: left; } #nav_portal_main h2, #nav_portal_rhs h2, #nav_portal_third h2 { min-height: 30px; padding-bottom: 2px; background-image: url('/images/nav_portal_h2_bg.gif'); background-repeat: no-repeat; background-position: left bottom; background-repeat: no-repeat; *margin-left: 5px; } #nav_portal_rhs h2 { padding-left: 5px; font-size: 18px !important; } #nav_portal_third h2 { font-size: 18px !important; } #nav_portal_main h3 { float: none; border-left: none; font-size: 14px; padding-bottom: 2px; text-transform: none; } #nav_portal_rhs h3 { float: none; border-left: none; font-size: 14px; padding-bottom: 2px; text-transform: none; border-left: none; padding-top: 8px; padding-left: 5px; margin: 0 0 5px 0; clear: both; width: 240px; min-height: 20px; background-color: #fff; color: #fff; font-size: 15px; z-index: 2; } #nav_portal_rhs ul { width: 220px; padding-left: 10px; } #nav_portal_rhs ul li { } #nav_portal_third ul { width: 166px; padding-left: 10px; } #nav_portal_main ul li, #nav_portal_rhs ul li, #nav_portal_third ul li { font-size: 12px !important; line-height: 150%; margin: 3px 8px 3px 0; list-style: none !important; list-style-image: none !important; background-image: url('../images/fletch_grey.gif'); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; } #nav_portal_main ul { padding-left: 10px !important; } #nav_portal_main ul.profile { margin: 0; padding: 0 0 15px 10px; } #nav_portal_main div.subnav { padding: 3px 8px 3px 8px !important; font-size: 12px !important; color: #fff !important; *margin-left: 5px; } #nav_portal_rhs div.subnav { padding: 3px 8px 3px 8px !important; font-size: 12px !important; width: 240px; color: #fff !important; } #nav_portal_third div.subnav { padding: 3px 8px 3px 8px !important; font-size: 12px !important; width: 149px; color: #fff !important; margin-bottom: 0 !important; } #nav_portal_main div.subnav ul, #nav_portal_rhs div.subnav ul, #nav_portal_third div.subnav ul { display: inline; padding: 0 !important; margin: 0 !important; } #nav_portal_main div.subnav ul li, #nav_portal_rhs div.subnav ul li, #nav_portal_third div.subnav ul li { display: inline; margin: 0 10px 10px 0; padding-bottom: 2px; line-height: 150%; font-size: 12px !important; font-weight: bold !important; padding-left: 0 !important; background: none !important; } #nav_portal_main div.subnav, #nav_portal_main div.subnav a, #nav_portal_rhs div.subnav, #nav_portal_rhs div.subnav a, #nav_portal_third div.subnav, #nav_portal_third div.subnav a { color: #fff !important; text-decoration: none !important; } #nav_portal_ div.subnav a, #nav_portal_rhs div.subnav a, #nav_portal_third div.subnav a { text-decoration: none !important; } #nav_portal_main div.subnav a:hover, #nav_portal_rhs div.subnav a:hover, #nav_portal_third div.subnav a:hover { text-decoration: underline !important; } #nav_portal_main div.featured_article { margin: 5px 0 5px 0; width: 475px; } * html #nav_portal_main div.featured_article { margin: 5px 0 5px 5px; } #nav_portal_main div.featured_article.border-bottom { border-bottom: 1px dotted #666; } #nav_portal_main div.featured_article img { float: left; margin: 5px 5px 0 10px; _margin: 2px 2px 0 5px; } #nav_portal_main div.featured_article p { float: left; font-size: 12px; line-height: 130%; margin-bottom: 5px; } #nav_portal_main div.featured_article p.title { font-size: 16px; font-weight: bold; } #nav_portal_main a, #nav_portal_rhs a, #nav_portal_third a { text-decoration: none; } #nav_portal_main a:hover, #nav_portal_rhs a:hover, #nav_portal_third a:hover { text-decoration: underline; } #nav_portal_main h2 a, #nav_portal_rhs h2 a,, #nav_portal_third h2 a, #nav_portal_main h3 a, #nav_portal_rhs h3 a, #nav_portal_third h3 a { text-decoration: none !important; border-bottom: none !important; } #nav_portal_main h2 a:hover, #nav_portal_rhs h2 a:hover,, #nav_portal_third h2 a:hover, #nav_portal_main h3 a:hover, #nav_portal_rhs h3 a:hover, #nav_portal_third h3 a:hover { text-decoration: underline !important; border-bottom: none !important; } #nav_portal_main div.onecol, #nav_portal_main div.twocol, #nav_portal_rhs div.onecol, #nav_portal_third div.onecol { border-top: none !important; } #nav_portal_main div.twocol.border-bottom { border-bottom: 1px dotted #666; } #nav_portal_main div.twocol { width: 100%; } #nav_portal_main div.onecol img { float: left; margin: 5px 5px 0 0; } #nav_portal_main div.onecol p { font-size: 12px; line-height: 130%; margin-bottom: 5px; padding: 0 5px; } #nav_portal_main div.onecol p.title { font-size: 16px; font-weight: bold; } #nav_portal_main div.onecol, #nav_portal_rhs div.onecol, #nav_portal_third div.onecol { margin: 5px 0 5px 5px; } #nav_portal_main div.forecast div.onecol { width: 115px !important; text-align: center !important; } #nav_portal_main div.forecast span.weatherword { color: #000 !important; font-size: 12px; } #nav_portal_main div.forecast div.weather_forecast_hilo { font-size: 12px !important; } #nav_header { margin: 20px 10px 20px -3px; _margin: 10px 5px 10px -3px; background-color: #fff !important; clear: both; padding-left: 5px; } * html #nav_header { margin: 20px 10px 20px 0; _margin: 10px 5px 10px 0; padding-left: 10px; } #nav_header h2 { height: auto !important; padding-bottom: 2px; width: 480px; } #nav_header h1 { color: #000 !important; border-left: none !important; font-size: 14px !important; font-weight: normal; width: 480px; } #nav_header p { color: #000 !important; border-left: none !important; font-size: 14px !important; font-weight: normal; margin-top: 10px; margin-bottom: 10px; } #nav_header div.heading h1 { font-size: 24px !important; height: 30px !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-weight: bold !important; } #nav_header div.description p { color: #000 !important; border-left: none !important; font-size: 14px !important; font-weight: normal !important; margin-top: 10px !important; margin-bottom: 10px !important; } #nav_portal_main p, #nav_portal_rhs p { font-size: 12px; line-height: 130%; color: #000 !important; width: 100%; } #nav_portal_rhs p { width: 235px !important; } #nav_portal_main .onecol p { margin: 0; } #nav_portal_main form, #nav_portal_rhs form { margin: 5px 15px 5px 15px; } #nav_portal_main label, #nav_portal_rhs label { margin: 5px 0; display: block; } #nav_portal_main input, #nav_portal_rhs input { margin: 5px 0; } #nav_portal_main select, #nav_portal_main label { font-size: 12px; } /* Styles for each section */ #nav_portal_main.home { color: #004f79 !important; } #nav_portal_rhs.home, #nav_portal_third.home { color: #004f79 !important; border-left: none !important; } #nav_portal_main.home h2, #nav_portal_rhs.home h2, #nav_portal_third.home h2 { color: #004f79 !important; background-color: #004f79 !important; } #nav_portal_main.home h3, #nav_portal_rhs.home h3, #nav_portal_third.home h3 { color: #004f79 !important; border-bottom: 1px dotted #004f79 !important; } #nav_portal_main.home a, #nav_portal_rhs.home a, #nav_portal_third.home a { color: #004f79 !important; } #nav_portal_main div.subnav.home, #nav_portal_rhs div.subnav.home, #nav_portal_third div.subnav.home { background-color: #004f79 !important; } #nav_header.home { color: #004f79 !important; border-left: 8px solid #004f79 !important; } #nav_header.home h2, #nav_header.home div.heading h1 { color: #004f79 !important; border-bottom: 1px dotted #004f79 !important; } #nav_portal_main.lifestyle { color: #7E282D !important; } #nav_portal_rhs.lifestyle, #nav_portal_third.lifestyle { color: #7E282D !important; border-left: none; } #nav_portal_main.lifestyle h2, #nav_portal_rhs.lifestyle h2, #nav_portal_third.lifestyle h2 { color: #7E282D !important; background-color: #7E282D !important; } #nav_portal_main.lifestyle h3, #nav_portal_rhs.lifestyle h3, #nav_portal_third.lifestyle h3 { color: #7E282D !important; border-bottom: 1px dotted #7E282D !important; } #nav_portal_main.lifestyle a, #nav_portal_rhs.lifestyle a, #nav_portal_third.lifestyle a { color: #7E282D !important; } #nav_portal_main div.subnav.lifestyle, #nav_portal_rhs div.subnav.lifestyle, #nav_portal_third div.subnav.lifestyle { background-color: #7E282D !important; } #nav_header.lifestyle { color: #7E282D !important; border-left: 8px solid #7E282D !important; } * html #nav_header.lifestyle { border: 20px solid red; } #nav_header.lifestyle h2, #nav_header.lifestyle div.heading h1 { color: #7E282D !important; border-bottom: 1px dotted #7E282D !important; } #nav_portal_main.advice, #nav_portal_main.travel { color: #E15E12 !important; } #nav_portal_rhs.advice, #nav_portal_rhs.travel { color: #E15E12 !important; border-left: none !important; } #nav_portal_main.advice h2, #nav_portal_main.travel h2, #nav_portal_rhs.advice h2, #nav_portal_rhs.travel h2 { color: #E15E12 !important; background-color: #E15E12 !important; } #nav_portal_main.advice h3, #nav_portal_main.travel h3, #nav_portal_rhs.advice h3, #nav_portal_rhs.travel h3 { color: #E15E12 !important; border-bottom: 1px dotted #E15E12 !important; } #nav_portal_main.advice a, #nav_portal_main.travel a, #nav_portal_rhs.advice a, #nav_portal_rhs.travel a { color: #E15E12 !important; } #nav_portal_main div.subnav.advice, #nav_portal_main div.subnav.travel, #nav_portal_rhs div.subnav.advice, #nav_portal_rhs div.subnav.travel { background-color: #E15E12 !important; } #nav_header.advice, #nav_header.travel { color: #E15E12 !important; border-left: 8px solid #E15E12 !important; } #nav_header.advice h2, #nav_header.travel h2, #nav_header.advice div.heading h1, #nav_header.travel div.heading h1 { color: #E15E12 !important; border-bottom: 1px dotted #E15E12 !important; } #nav_portal_main.competitions, #nav_portal_main.health { color: #B274AD !important; } #nav_portal_rhs.competitions, #nav_portal_rhs.health { color: #B274AD !important; border-left: none !important; } #nav_portal_main.competitions h2, #nav_portal_main.health h2, #nav_portal_rhs.competitions h2, #nav_portal_rhs.health h2 { color: #B274AD !important; background-color: #B274AD !important; } #nav_portal_main.competitions h3, #nav_portal_main.health h3, #nav_portal_rhs.competitions h3, #nav_portal_rhs.health h3 { color: #B274AD !important; border-bottom: 1px dotted #B274AD !important; } #nav_portal_main.competitions a, #nav_portal_main.health a, #nav_portal_rhs.competitions a, #nav_portal_rhs.health a { color: #B274AD !important; } #nav_portal_main div.subnav.competitions, #nav_portal_main div.subnav.health, #nav_portal_rhs div.subnav.competitions, #nav_portal_rhs div.subnav.health { background-color: #B274AD !important; } #nav_header.health, #nav_header.competitions { color: #B274AD !important; border-left: 8px solid #B274AD !important; } #nav_header.health h2, #nav_header.competitions h2, #nav_header.health div.heading h1, #nav_header.competitions div.heading h1 { color: #B274AD !important; border-bottom: 1px dotted #B274AD !important; } #nav_portal_main.money { color: #AC61AC !important; } #nav_portal_rhs.money { color: #AC61AC !important; border-left: none !important; } #nav_portal_main.money h2, #nav_portal_rhs.money h2 { color: #AC61AC !important; background-color: #AC61AC !important; } #nav_portal_main.money h3, #nav_portal_rhs.money h3 { color: #AC61AC !important; border-bottom: 1px dotted #AC61AC !important; } #nav_portal_main.money a, #nav_portal_rhs.money a { color: #AC61AC !important; } #nav_portal_main div.subnav.money, #nav_portal_rhs div.subnav.money { background-color: #AC61AC !important; } #nav_header.money { color: #AC61AC !important; border-left: 8px solid #AC61AC !important; } #nav_header.money h2, #nav_header.money div.heading h1 { color: #AC61AC !important; border-bottom: 1px dotted #AC61AC !important; } #nav_portal_main.community { color: #80745B !important; } #nav_portal_rhs.community, #nav_portal_third.community { color: #80745B !important; border-left: none !important; } #nav_portal_main.community h2, #nav_portal_rhs.community h2, #nav_portal_third.community h2 { color: #80745B !important; background-color: #80745B !important; } #nav_portal_main.community h3, #nav_portal_rhs.community h3, #nav_portal_third.community h3 { color: #80745B !important; border-bottom: 1px dotted #80745B !important; } #nav_portal_main.community a, #nav_portal_rhs.community a, #nav_portal_third.community a { color: #80745B !important; } #nav_portal_main div.subnav.community, #nav_portal_rhs div.subnav.community, #nav_portal_third div.subnav.community { background-color: #80745B !important; } #nav_header.community { color: #80745B !important; border-left: 8px solid #80745B !important; } #nav_header.community h2, #nav_header.community div.heading h1 { color: #80745B !important; border-bottom: 1px dotted #80745B !important; } #nav_portal_main.news_weather { color: #52828F !important; } #nav_portal_rhs.news_weather { color: #52828F !important; border-left: none !important; } #nav_portal_main.news_weather h2, #nav_portal_rhs.news_weather h2 { color: #52828F !important; background-color: #52828F !important; } #nav_portal_main.news_weather .onecol h3, #nav_portal_rhs.news_weather h3 { color: #52828F !important; border-bottom: 1px dotted #52828F !important; *width: 100px !important; } #nav_portal_main.news_weather a, #nav_portal_rhs.news_weather a { color: #52828F !important; } #nav_portal_main div.subnav.news_weather, #nav_portal_rhs div.subnav.news_weather { background-color: #52828F !important; } #nav_header.news_weather { color: #52828F !important; border-left: 8px solid #52828F !important; } #nav_header.news_weather h2, #nav_header.news_weather div.heading h1 { color: #52828F !important; border-bottom: 1px dotted #52828F !important; } #nav_portal_main.products_services { color: #0D635E !important; } #nav_portal_rhs.products_services { color: #0D635E !important; border-left: none !important; } #nav_portal_main.products_services h2, #nav_portal_rhs.products_services h2 { color: #0D635E !important; background-color: #0D635E !important; } #nav_portal_main.products_services h3, #nav_portal_rhs.products_services h3 { color: #0D635E !important; border-bottom: 1px dotted #0D635E !important; } #nav_portal_main.products_services a, #nav_portal_rhs.products_services a { color: #0D635E !important; } #nav_portal_main div.subnav.products_services, #nav_portal_rhs div.subnav.products_services { background-color: #0D635E !important; } #nav_header.products_services { color: #0D635E !important; border-left: 8px solid #0D635E !important; *margin-left: 10px; } #nav_header.products_services h2, #nav_header.products_services div.heading h1 { color: #0D635E !important; border-bottom: 1px dotted #0D635E !important; } #nav_portal_main.games { color: #292961 !important; } #nav_portal_rhs.games { color: #292961 !important; border-left: none !important; } #nav_portal_main.games h2, #nav_portal_rhs.games h2 { color: #292961 !important; background-color: #292961 !important; } #nav_portal_main.games h3, #nav_portal_rhs.games h3 { color: #292961 !important; border-bottom: 1px dotted #292961 !important; } #nav_portal_main.games a, #nav_portal_rhs.games a { color: #292961 !important; } #nav_portal_main div.subnav.games, #nav_portal_rhs div.subnav.games { background-color: #292961 !important; } #nav_header.games { color: #292961 !important; border-left: 8px solid #292961 !important; } #nav_header.games h2, #nav_header.games div.heading h1 { color: #292961 !important; border-bottom: 1px dotted #292961 !important; } #nav_portal_main.insurance { color: #060 !important; /* border-left: 8px solid #060 !important; */ } #nav_portal_rhs.insurance { color: #060 !important; border-left: none !important; } #nav_portal_main.insurance h2, #nav_portal_rhs.insurance h2 { color: #060 !important; background-color: #060 !important; } #nav_portal_main.insurance h3, #nav_portal_rhs.insurance h3 { color: #060 !important; border-bottom: 1px dotted #060 !important; } #nav_portal_main.insurance a, #nav_portal_rhs.insurance a { color: #060 !important; } #nav_portal_main div.subnav.insurance, #nav_portal_rhs div.subnav.insurance { background-color: #060 !important; } #nav_header.insurance { color: #060 !important; border-left: 8px solid #060 !important; } #nav_header.insurance h2, #nav_header.insurance div.heading h1 { color: #060 !important; border-bottom: 1px dotted #060 !important; } #nav_portal_main.friends { color: #A5BC2A !important; } #nav_portal_rhs.friends, #nav_portal_rhs.friends { color: #A5BC2A !important; border-left: none !important; } #nav_portal_main.friends h2, #nav_portal_rhs.friends h2, #nav_portal_third.friends h2 { color: #A5BC2A !important; background-color: #A5BC2A !important; } #nav_portal_main.friends h3, #nav_portal_rhs.friends h3, #nav_portal_third.friends h3 { color: #A5BC2A !important; border-bottom: 1px dotted #A5BC2A !important; width: 460px !important; } #nav_portal_main.friends a, #nav_portal_rhs.friends a, #nav_portal_third.friends a, #panel_left_ls a { color: #A5BC2A !important; } #nav_portal_main div.subnav.friends, #nav_portal_rhs div.subnav.friends, #nav_portal_third div.subnav.friends { background-color: #A5BC2A !important; } #nav_header.friends { color: #A5BC2A !important; border-left: 8px solid #A5BC2A !important; } #nav_header.friends h2, #nav_header.friends div.heading h1 { color: #A5BC2A !important; border-bottom: 1px dotted #A5BC2A !important; } #nav_portal_main.my_grownups { color: #7D59A3 !important; } #nav_portal_rhs.my_grownups { color: #7D59A3 !important; border-left: none !important; } #nav_portal_main.my_grownups h2, #nav_portal_rhs.my_grownups h2 { color: #7D59A3 !important; background-color: #7D59A3 !important; } #nav_portal_main.my_grownups h3, #nav_portal_rhs.my_grownups h3 { color: #7D59A3 !important; border-bottom: 1px dotted #7D59A3 !important; } #nav_portal_main.my_grownups a, #nav_portal_rhs.my_grownups a { color: #7D59A3 !important; } #nav_portal_main div.subnav.my_grownups, #nav_portal_rhs div.subnav.my_grownups { background-color: #7D59A3 !important; } #nav_header.my_grownups { color: #7D59A3 !important; border-left: 8px solid #7D59A3 !important; } #nav_header.my_grownups h2, #nav_header.my_grownups div.heading h1 { color: #7D59A3 !important; border-bottom: 1px dotted #7D59A3 !important; } #nav_portal_main.help_contact { color: #CFA60D !important; } #nav_portal_rhs.help_contact { color: #CFA60D !important; border-left: none !important; } #nav_portal_main.help_contact h2, #nav_portal_rhs.help_contact h2 { color: #CFA60D !important; background-color: #CFA60D !important; } #nav_portal_main.help_contact h3, #nav_portal_rhs.help_contact h3 { color: #CFA60D !important; border-bottom: 1px dotted #CFA60D !important; } #nav_portal_main.help_contact a, #nav_portal_rhs.help_contact a { color: #CFA60D !important; } #nav_portal_main div.subnav.help_contact, #nav_portal_rhs div.subnav.help_contact { background-color: #CFA60D !important; } #nav_header.help_contact { color: #CFA60D !important; border-left: 8px solid #CFA60D !important; } #nav_header.help_contact h2, #nav_header.help_contact div.heading h1 { color: #CFA60D !important; border-bottom: 1px dotted #CFA60D !important; } /* ************************************************************************************************************************************ Form Styles ************************************************************************************************************************************ */ /* Default Styles */ .form_container_main { clear: both; padding: 0 10px; font-size: 14px; width: 480px !important; } .form_container_main form { margin: 0 !important; padding: 0 !important; } .form_container_main fieldset { border: 1px solid #ccc; padding: 15px; margin-top: 15px; margin-bottom: 15px; color: #000; background-color: #fff !important; } * html .form_container_main fieldset { width: 400px !important; } .form_container_main fieldset a { color: #f00; } .form_container_main fieldset legend { color: #000; font-size: 14px; } .form_container_main fieldset label { padding-right: 5px; } .form_container_main fieldset.highlight { border: 2px solid #666 !important; } .form_container_main fieldset.highlight legend, .form_container_main fieldset.highlight label { font-weight: bold; } .form_container_main fieldset input { border: 1px solid #979797; padding: 4px; height: 16px; font-size: 14px; } .form_container fieldset .input_file { height: 24px !important; padding: 0; } .form_container_main fieldset select { border: 1px solid #979797; padding: 2px; height: 24px; font-size: 14px; } .form_container_main fieldset textarea { border: 1px solid #979797; padding: 1px; font-size: 14px; } .form_container_main fieldset p { padding: 0 !important; margin: 0 0 15px 0 !important; } .form_container_main .form_error { float: none !important; margin: 10px 0 5px 0 !important; padding: 10px 10px !important; width: 430px !important; color: #000 !important; font-size: 14px !important; } /* Nav Primary Styles */ .form_container_main fieldset label, .form_container_main fieldset p { color: #004f79 !important; } .form_container_main fieldset.friends label, .form_container_main fieldset.friends p { color: #004f79 !important; } .form_container_main fieldset.home { background-color: #ccdeef; } .form_container_main fieldset.home label, .form_container_main fieldset.home p { color: #004f79 !important; } /* ************************************************************************************************************************************ MY MESSAGES Styles ************************************************************************************************************************************ */ .toolbar { background-repeat: repeat-x; height: 24px; padding: 6px 3px; margin-left: -3px; font-size: 12px !important; } .toolbar.purple { background-image: url('../images/bg_bar_purple.jpg'); } .toolbar.purple a, .toolbar.purple a:link, .toolbar.purple a:active, .toolbar.purple a:visited { color: #fff; text-decoration: underline; } .toolbar.purple a:hover { text-decoration: none; } .toolbar.blue { background-color: #126EA1; height: 20px; } .toolbar.blue a, .toolbar.blue a:link, .toolbar.blue a:active, .toolbar.blue a:visited { color: #fff; text-decoration: underline; } .toolbar.blue a:hover { text-decoration: none; } .toolbar ul { margin: 0 !important; padding: 0 !important; font-size: 12px !important; } .toolbar ul li { list-style: none; float: left; margin: 0 15px; height: 15px; } .toolbar.purple ul li.inbox { background-image: url('../images/bullet_inbox.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.purple ul li.new_message { background-image: url('../images/bullet_new_message.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.purple ul li.delete_message { background-image: url('../images/icon_cross_purple.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.purple ul li.help { background-image: url('../images/bullet_purple_help.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 20px; background-color: transparent !important; } .toolbar.blue ul li.inbox { background-image: url('../images/toolbox/icon_inbox_blue.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.blue ul li.outbox { background-image: url('../images/toolbox/icon_outbox_blue.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.blue ul li.new_message { background-image: url('../images/toolbox/icon_write_message_blue.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .toolbar.blue ul li.delete_message { background-image: url('../images/toolbox/icon_delete_blue.gif'); background-repeat: no-repeat; background-position: center left !important; padding: 1px 0 2px 30px; } .message_wrapper { padding: 5px 8px 0 5px; font-size: 12px !important; color: #000 !important; } .message_read { border: 1px solid #ccdeef; margin-bottom: 5px; padding: 5px; } .message_unread { background-color: #ccdeef; margin-bottom: 5px; padding: 5px; } #message_list { width: 100%; } #message_list tr td { padding: 5px; font-size: 12px; color: #000; } #message_list a, #message_list a:link, #message_list a:active, #message_list a:visited { color: #004f79; text-decoration: underline; } #message_list a:hover { text-decoration: none; } .message { padding: 5px; border-bottom: 1px dotted #7D59A3; font-size: 12px !important; } .message p { font-size: 12px !important; padding: 0 !important; margin: 0 !important; } .btn_send_reply { background-repeat: no-repeat; background-position: top left; width: 110px; height: 30px; border: none; background-color: transparent; } .btn_send_reply.purple { background-image: url('../images/btn_send_reply.jpg'); } .btn_send_reply.blue { background-image: url('../images/toolbox/btn_send_reply_blue.gif'); } .btn_send_reply:hover { background-position: bottom left; } .btn_send_message { background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px; border: none; background-color: transparent; } .btn_send_message.purple { background-image: url('../images/btn_send_message.gif'); } .btn_send_message.blue { background-image: url('../images/toolbox/btn_send_message_blue.gif'); } .btn_send_message:hover { background-position: bottom left; } /* ************************************************************************************************************************************ Toolbox Styles ************************************************************************************************************************************ */ #toolbox { line-height: 120% !important; width: 256px; padding: 0; margin: 0; } #toolbox a { text-decoration: underline; color: #004f79; } #toolbox a:hover { text-decoration: none; } .bg_white { background-color: #fff; } .bg_light_purple { background-color: #E5DEED; } .bg_medium_purple { background-color: #977BBD; } .bg_dark_purple { background-color: #7D59A3; } .bg_light_blue { background-color: #8DA9C1; } .border-all-purple { border: 1px solid #7D59A3 !important; } .border-top-purple { border-top: 1px solid #7D59A3 !important; } .border-right-purple { border-right: 1px solid #7D59A3 !important; } .border-bottom-purple { border-bottom: 1px solid #7D59A3 !important; } .border-left-purple { border-left: 1px solid #7D59A3 !important; } .border-all-dotted-purple { border: 1px dotted #7D59A3 !important; } .border-top-dotted-purple { border-top: 1px dotted #7D59A3 !important; } .border-right-dotted-purple { border-right: 1px dotted #7D59A3 !important; } .border-bottom-dotted-purple { border-bottom: 1px dotted #7D59A3 !important; } .border-left-dotted-purple { border-left: 1px dotted #7D59A3 !important; } .border-all-blue { border: 1px solid #004f79 !important; } .border-top-blue { border-top: 1px solid #004f79 !important; } .border-right-blue { border-right: 1px solid #004f79 !important; } .border-bottom-blue { border-bottom: 1px solid #004f79 !important; } .border-left-blue { border-left: 1px solid #004f79 !important; } .border-all-dotted-blue { border: 1px dotted #004f79 !important; } .border-top-dotted-blue { border-top: 1px dotted #004f79 !important; } .border-right-dotted-blue { border-right: 1px dotted #004f79 !important; } .border-bottom-dotted-blue { border-bottom: 1px dotted #004f79 !important; } .border-left-dotted-blue { border-left: 1px dotted #004f79 !important; } #toolbox label { font-size: 12px; padding: 2px 2px 0 2px; display: block; margin: 0 !important; } #toolbox label.purple { color: #7D59A3; background-image: none; } #toolbox label.purple a { color: #7D59A3; font-weight: bold; text-decoration: underline; } #toolbox label.blue { color: #004f79; background-image: none; } #toolbox label.blue a { color: #004f79; font-weight: bold; text-decoration: underline; } #toolbox form { margin: 0 !important; padding: 0 !important; display: block !important; clear: both !important; } #toolbox input { font-size: 12px !important; margin: 0; } #toolbox dl, #toolbox dt, #toolbox dd { margin: 0; padding: 0; } #toolbox dt { background-image: url('../images/toolbox/drawer_blue_closed.gif'); background-repeat: no-repeat; padding: 5px 10px 5px 25px; height: 16px; font-size: 14px; color: #fff; font-weight: bold; background-color: #004f79; border-bottom: 1px solid #fff; } #toolbox dt.highlighted { background-image: url('../images/toolbox/drawer_green_closed2.gif'); background-repeat: no-repeat; background-color: #3CC108 !important; } #toolbox dt a { color: #fff; text-decoration: underline; } #toolbox dt a:hover { text-decoration: none; } #toolbox dd { font-size: 12px; } #toolbox h3 { margin: 0 !important; padding: 2px !important; font-size: 12px !important; font-weight: bold !important; color: #004f79; background-color: transparent !important; height: auto !important; min-height: 0 !important; width: auto !important; border-left: none !important; display: block; text-transform: none !important; } #toolbox p { color: #000; } #toolbox ul { margin: 0 !important; padding: 0 !important; } #toolbox ul li { margin: 5px; } .clickMe { cursor: pointer; } #toolbox .txt-white a { color: #fff; text-decoration: none; } #toolbox .txt-white a:hover { text-decoration: underline; } /* ************************************************************************************************************************************ Article Drawer Styles ************************************************************************************************************************************ */ #article_drawers { padding: 10px; } #article_drawers #drawers { margin: 0 !important; padding: 0 !important;} #article_drawers #drawers p { margin-bottom: 10px; } #article_drawers #drawers dt { font-size: 14px; padding: 5px; color: #fff; cursor: pointer; border-bottom: 1px solid #fff; } #article_drawers #drawers dt a { color: #fff; text-decoration: underline; } #article_drawers #drawers dt a:hover { color: #fff; text-decoration: none; } #article_drawers #drawers dd { background-color: #fff !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; } #article_drawers ul { padding-left: 10px; } #article_drawers ul li { font-size: 12px !important; line-height: 150%; margin: 3px 8px 3px 0; list-style: none !important; list-style-image: none !important; background-image: url('../images/fletch_grey.gif'); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; } #article_drawers #drawers dd div.content { padding: 10px; } #article_drawers #drawers.lifestyle dt { background-color: #7E282D; } #article_drawers #drawers.lifestyle a { color: #7E282D; } #article_drawers #drawers.home dt { background-color: #004f79; } #article_drawers #drawers.home a { color: #004f79; } #article_drawers #drawers.travel dt, #article_drawers #drawers.advice dt { background-color: #E15E12; } #article_drawers #drawers.travel a, #article_drawers #drawers.advice a { color: #E15E12; } #article_drawers #drawers.health dt, #article_drawers #drawers.competitions dt { background-color: #B274AD; } #article_drawers #drawers.health a, #article_drawers #drawers.competitions a { color: #B274AD; } #article_drawers #drawers.money dt { background-color: #AC61AC; } #article_drawers #drawers.money a { color: #AC61AC; } #article_drawers #drawers.community dt { background-color: #80745B; } #article_drawers #drawers.community a { color: #80745B; } #article_drawers #drawers.news_weather dt { background-color: #52828F; } #article_drawers #drawers.news_weather a { color: #52828F; } #article_drawers #drawers.products_services dt { background-color: #0D635E; } #article_drawers #drawers.products_services a { color: #0D635E; } #article_drawers #drawers.games dt { background-color: #292961; } #article_drawers #drawers.games a { color: #292961; } #article_drawers #drawers.friends dt { background-color: #A5BC2A; } #article_drawers #drawers.friends a { color: #A5BC2A; } #article_drawers #drawers.my_grownups dt { background-color: #7D59A3; } #article_drawers #drawers.my_grownups a { color: #7D59A3; } #article_drawers #drawers.help_contact dt { background-color: #CFA60D; } #article_drawers #drawers.help_contact a { color: #CFA60D; } #yshout h2 { margin-bottom: 0.75em; } #yshout p { margin-bottom: 1em; } #chat .hidden { display: none; visibility: hidden; } #smilies { clear: both; float: left; font-size: 95%; margin: 1em 0; width: 100%; } #smilies p { margin: 0 0.5em 1em; text-align: center; } #chat .intro { font-size: 95%; margin-bottom: 1em; } #chat dl { margin: 0; padding: 0; vertical-align: middle; } #chat dt { float: right; margin: 0; padding: 0; width: 64px; } #chat dd { float: right; margin: 0; padding: 0; width: 32px; text-align: center; } #chat dt:hover, #chat dd:hover { cursor: pointer; } #recaptcha { padding: 10px 20px; text-align: center; } #recaptcha span { font-size: 13px; } #recaptcha_area { margin: 0px auto; } #recaptcha .message_send { margin-top: 10px; font-size: 18px; } #media_player { border: 1px solid #eee; } /* Article Buttons */ .buttons {} .buttons a.print { background: url('/images/printer.png') scroll no-repeat top left; padding-left: 20px; } /* Discussion */ #smileBox { float: left; background-color: #eee; margin: 10px; padding: 5px; } #smileBox img { float: left; padding: 3px; } table#discussFormTable { width: 100%; margin: 0 20px 10px 10px; } table#discussFormTable textarea { width: 93%; padding: 3px; } table#discussFormTable label { margin-bottom: 5px; } table#discussFormTable td { vertical-align: top; text-align: left; } /* discussion */ div.memberDetails { margin: 10px; } .discussion { border-left: 8px solid #004f79 !important; margin-bottom: 10px; } .discussion h2, .discussion div.heading h1 { border-bottom: 1px dotted #004f79 !important; color: #004f79 !important; } /* lifestyle */ * html #nav_header.lifestyle h2 { border-left: 8px solid #7E282D !important; padding-left: 10px; margin-left: -10px; } /* friends */ * html #nav_header.friends h2 { border-left: 8px solid #A5BC2A !important; padding-left: 10px; margin-left: -10px; } /* travel */ * html #nav_header.advice h2,* html #nav_header.travel h2 { border-left: 8px solid #E15E12 !important; padding-left: 10px; margin-left: -10px; } /* health */ * html #nav_header.health h2, * html #nav_header.competitions h2 { border-left: 8px solid #B274AD !important; padding-left: 10px; margin-left: -10px; } /* money */ * html #nav_header.money h2 { border-left: 8px solid #AC61AC !important; padding-left: 10px; margin-left: -10px; } /* news */ * html #nav_header.news_weather h2 { border-left: 8px solid #52828F !important; padding-left: 10px; margin-left: -10px; } /* games */ * html #nav_header.games h2 { border-left: 8px solid #292961 !important; padding-left: 10px; margin-left: -10px; } /* clubs */ .clubs { border-left: 8px solid #80745B !important; margin-bottom: 10px; } .clubs h2, .clubs div.heading h1 { border-bottom: 1px dotted #80745B !important; color: #80745B !important; } * html #nav_header.clubs h2 { padding-left: 10px; margin-left: -10px; } /* feedback */ .feedback { border-left: 8px solid #004f79 !important; margin-bottom: 10px; } .feedback h2, .clubs div.feedback h1 { border-bottom: 1px dotted #004f79 !important; color: #004f79 !important; } * html #nav_header.feedback h2 { padding-left: 10px; margin-left: -10px; } .sign_up_log_in { position: absolute; right: 10px; } #discussion_comments .forumcomment .commentbody { position: relative; } #discussion_comments .forumcomment .commentbody img { position: absolute; top: -999999px; } #discussion_comments .forumcomment .commentbody img.show { position: relative; top: auto; } #sub_story_comments .comment .author a { background: url('/images/delete_button_small.gif') scroll no-repeat left center; padding-left: 20px; } #login_error_wrapper ul.top { list-style-type: none; clear: both; } #login_error_wrapper ul li { padding-top: 5px; } #login_form_panel { float: left; padding-top: 15px; padding-bottom: 15px; } .resized_image { width: 460px; } ul.border-seperated { width: 240px !important; padding-left: 0px !important; } ul.border-seperated li { list-style: none; border-bottom: 1px dotted #004f79; margin: 0 !important; padding: 5px !important; background-image: none !important; color: #000; } /* ********************* */ #retirement_listing { margin-top: 10px; clear: both; } #retirement_listing h3 { text-transform: none; font-size: 20px !important; border-bottom: 1px dotted #004f79 !important; border-left: none; color: #004f79 !important; float: none; } #retirement_listing h2 { color: #004f79; padding-left: 10px; margin-left: -3px; } .retirement_listing_description { margin-top: 20px; float: left; width: 260px; font-size: 14px; color: #000; padding-left: 10px; } .retirement_listing_photo { margin-top: 20px; width: 200px; text-align: right; } .retirement_listing_photo img { margin: 0; margin-right: 10px; padding: 0; } .retirement_listing_show_block { margin-top: 10px; clear: both; } .table_td_title { font-weight: bold; text-align: left; vertical-align: top; } .table_td { text-align: left; } .checkbox_text { font-size: 11px; } #map { text-align: center; margin: 0 auto; } .retirement_listing_box { margin: 5px 10px; padding: 10px; font-size: 12px !important; color: #000 !important; width: 470px; clear: both; float: left; } .retirement_listing_box.gold { background-color: #ccdeef !important; border: 2px solid #004f79; } .retirement_listing_box.silver { background-color: #fff !important; border: 2px solid #004f79; } .retirement_listing_box.bronze { background-color: #fff !important; border: 1px solid #004f79; } .retirement_listing_box.standard { background-color: #fff !important; border-bottom: 1px dotted #004f79; margin: 0 10px 10px 10px; } .retirement_listing_thumbnail { width: 140px; float: left; background-color: #fff; text-align: center; margin-right: 10px; } .retirement_listing_thumbnail img { margin: 0; margin-right: 10px; padding: 0;} .retirement_listing_info span { display: block; } .retirement_listing_info span.retirement_listing_header a { color: #004f79; font-size: 16px; font-weight: bold; line-height: 120%; } .retirement_listing_logo_desc { width: 50%; margin: 0 10px 10px; float: left; font-size: 14px; } .tooltip { border: 0 none !important; left: 0; position: absolute; top: 0; } .tooltip * { border: 0 none !important; } .tooltip .content { background-color: #126ea1; border: 0 none !important; color: #fff; font-size: 14px; line-height: 1.2; padding: 8px 12px; } /* ********************* DIRECTORY MODULE ********************* */ #directory_listing { margin-top: 10px; clear: both; } #directory_listing h3 { text-transform: none; font-size: 20px !important; border-bottom: 1px dotted #004f79 !important; border-left: none; color: #004f79 !important; float: none; } #directory_listing h2 { color: #004f79; padding-left: 10px; margin-left: -3px; } .listing_description { margin-top: 20px; float: left; width: 260px; font-size: 14px; color: #000; padding-left: 10px; } .listing_photo { margin-top: 20px; width: 200px; float: right; margin-right: 10px; } .listing_photo img { margin: 0; padding: 0; } .listing_show_block { margin-top: 10px; clear: both; } .table_td_title { font-weight: bold; text-align: left; vertical-align: top; } .table_td { text-align: left; } .checkbox_text { font-size: 11px; } #pagination_links.directory_pager a:hover { background: #01507A !important; color: #fff !important; } #map { text-align: center; margin: 0 auto; } .directory_listing_box { margin: 5px 10px; padding: 10px; font-size: 12px !important; color: #000 !important; width: 470px; clear: both; float: left; } .directory_listing_box.gold { background-color: #ccdeef !important; border: 2px solid #004f79; } .directory_listing_box.silver { background-color: #fff !important; border: 2px solid #004f79; } .directory_listing_box.bronze { background-color: #fff !important; border: 1px solid #004f79; } .directory_listing_box.standard { background-color: #fff !important; border-bottom: 1px dotted #004f79; margin: 0 10px 10px 10px; } .directory_listing_thumbnail { width: 140px; float: left; background-color: #fff; text-align: center; margin-right: 10px; } .directory_listing_thumbnail img { margin: 0; margin-right: 10px; padding: 0;} .directory_listing_info span { display: block; } .directory_listing_info span.directory_listing_header a { color: #004f79; font-size: 16px; font-weight: bold; line-height: 120%; } .directory_listing_logo_desc { width: 50%; margin: 0 10px 10px; float: left; font-size: 14px; } .tooltip { border: 0 none !important; left: 0; position: absolute; top: 0; } .tooltip * { border: 0 none !important; } .tooltip .content { background-color: #126ea1; border: 0 none !important; color: #fff; font-size: 14px; line-height: 1.2; padding: 8px 12px; } /* * Listing email form. */ #listing_contact_form { clear: both; padding-left: 20px } /*#listing_contact_form h3 { margin-left: -20px !important }*/ #listing_contact_form h3 span { font-size: 14px } #listing_contact_form input[type="text"], #listing_contact_form textarea { border: 1px solid #807458; } #listing_contact_form textarea { width: 480px !important; height: 200px; } /** * SOLID GOLD FM * ==================================================================================================== */ #header_middle.retirementliving { background-color: #00a9a9; } #header_middle.solidgoldfm { background-color: #000; } .retirementliving #logo, .solidgoldfm #logo { top: 0; } .solidgoldfm_features { background: #ddd url('/images/subsites/solidgoldfm/features-background.gif') repeat-y 329px 0 !important; height: 279px; margin: 0 0 15px 7px; overflow: hidden; padding: 0 !important; position: relative; width: 504px; } .solidgoldfm_features a { border-width: 0 !important; text-decoration: none !important; } .solidgoldfm_features li { background: url('/images/subsites/solidgoldfm/features-background.gif') repeat-y; border: 1px solid #aaa; border-width: 1px 0 0; clear: both; cursor: pointer; float: right; list-style: none; margin: 0; padding: 12px; width: 151px; } .solidgoldfm_features li.first { border-width: 0; } .solidgoldfm_features li.active { background: #fbb218 url('/images/subsites/solidgoldfm/features-active-background.gif') repeat-x; cursor: auto; } .solidgoldfm_features h2 { font-size: 13px; font-weight: normal; } .solidgoldfm_features li.active h2 { font-weight: bold; } .solidgoldfm_features p, .solidgoldfm_features a.read-more { display: none; font-size: 12px; margin: 0 !important; } .solidgoldfm_features li.active p, .solidgoldfm_features li.active a { display: block; } .solidgoldfm_features a.read-more { color: #126ea1; font-style: italic; } .solidgoldfm_features a.read-more:hover { text-decoration: underline !important; } .solidgoldfm_features a.read-more span { left: -99999px; position: absolute; top: 0; } .solidgoldfm_feature-image { background: #000; background-position: 50% 50%; background-repeat: no-repeat; display: none; height: 279px; left: 0; overflow: hidden; position: absolute; text-indent: -99999px; top: 0; width: 329px; } .solidgoldfm_features li.active .solidgoldfm_feature-image { display: block; } .solidgoldfm_frequencies { background-color: #000; margin: 0 0 15px 7px; width: 504px; } .solidgoldfm_frequencies h2 { background: #ffc425 url('/images/subsites/solidgoldfm/solidgoldfm_heading_arrow.gif') no-repeat 25px bottom; font-size: 15px; padding: 6px 10px; } .solidgoldfm_frequencies ul { margin: 0 0 15px; overflow: hidden; padding: 10px !important; } .solidgoldfm_frequencies li { color: #ffc425; float: left; font-size: 12px; line-height: 1.5; _line-height: 1.25 !important; list-style: none; margin: 0; padding: 0 10px 0 0; text-transform: uppercase; white-space: nowrap; } .solidgoldfm_frequencies strong { color: #fff; font-weight: normal; } /* * Pinnacle Life styles */ #pinnaclepanel { width: 991px; padding-left: 17px; } #pinnacle_panel_top { background: url('/images/panel_top_full.gif') no-repeat scroll top left; width: 991px; height: 10px; } #pinnaclelife { background-color: white; clear: both; padding: 0px 10px; display: block; } #pinnaclelife p { color: #000; font-size: 12px; } #pinnaclelife #pinnaclelife_iframe { padding: 0px 45px; } #pinnacle_panel_footer { width: 975px; clear: both; border: none !important; display: block; background: url('/images/menu_bar.gif') no-repeat scroll bottom left; z-index: 10; height: 40px; padding: 0px 8px; } #pinnacle_panel_footer ul { padding-left: 40px; } #pinnacle_panel_footer ul li { float: left; list-style-type: none; } #pinnacle_panel_footer ul li a { padding: 10px; color: #000; font-size: 12px; text-decoration: none; position: relative; top: 10px; left: -15px; } #pinnacle_panel_footer ul li a:hover { color: #333; } /* * Solid Gold FM Top Songs styles */ #top_songs_form span#error { color: #f00; font-size: 14px; padding-left: 5px; vertical-align: middle; } #top_songs_form a { text-decoration: underline; } #top_songs_form div#top_songs_rules { font-size: 10px; } /* * Bookit Accommodation Search styles */ div#bookit-search-form { background-color: #004F79; width: 477px; height: 50px; padding: 10px; margin-left: 10px; } div#bookit-search-results { background-color: #004F79; width: 477px; padding: 10px; margin-left: 10px; color: #FFFFFF; font-size: 11px; line-height: 12px; } #nav_header h2#search-accommodation { width: 497px; } div#bookit-search-results table { border: 1px solid #787878; } div#bookit-search-results table td.price { text-align: center; } div#minor-regions-list { display: inline; } div#loader { display: inline; vertical-align: bottom; } div#clearer { display: block; height: 5px; } /* Search directory list styles */ #panel_left_lhs #directory_box { width: auto; padding: 0; margin: 0; } #directory_box a { color: #3E6C9B !important; } #directory_box a:hover { color: #006298 !important; } #directory_box ul { list-style: none; margin: 10px 0 15px 0; padding: 0 0 0 20px; } #directory_box ul li { padding: 0; margin: 0 0 10px 0; } #directory_box ul li ul { list-style: none; padding: 0 0 0 20px; margin: 0; } #directory_box ul li ul li { padding: 0; margin: 5px 0 0 0; } #directory_box span.directory_title { display: block; clear: both; color: #004F79; font-size: 20px; line-height: 24px; padding: 20px 0 0 10px; margin-bottom: -10px; font-weight: bold; } #directory_box span.directory_header { display: block; clear: both; font-size: 16px; color: #004F79; font-weight: bold; border-top: 1px dotted #004f79; padding: 10px 0 0 10px; margin: 10px 0 10px 0; } #directory_box a.directory_subheader { font-size: 14px; font-weight: bold; } #directory_box a.directory_listitem { font-size: 12px; } /* Left bar styles */ #panel_left_rhs #directory_box { width: 250px !important; padding: 0; } #panel_left_rhs #directory_box span.directory_title { margin: 0; padding: 0 0 0 10px; background-color: #004f79; font-size: 18px; text-decoration: underline; } #panel_left_rhs #directory_box span.directory_title { min-height: 30px; padding-bottom: 2px; background-image: url('/images/nav_portal_h2_bg.gif'); background-repeat: no-repeat; background-position: left bottom; border-bottom: 8px solid #004f79; } #panel_left_rhs #directory_box span.directory_header { font-size: 12px; border: 0; padding: 0 0 0 10px; } #panel_left_rhs #directory_box a.directory_subheader { font-size: 12px; } #panel_left_rhs #directory_box ul li ul { padding: 0 10px 0 10px; } #panel_left_rhs #directory_box ul { padding: 0 0 0 10px; } .flash_box p { display: block; clear: both; } .flash_box a { color: #3E6C9B !important; } .flash_box a:hover { color: #006298 !important; } .sealed_box p { display: block; clear: both; } .sealed_box .action_box { padding: 10px 10px 10px 170px; width: auto; border-top: dotted 1px #3E6C9B; margin: 20px 10px 10px 10px; } .sealed_box .action_box a { display: block; float: left; clear: none; padding: 3px 13px 3px 13px; margin: 10px 5px 10px 10px; text-decoration: none; border: solid 2px #fff; } /* Yes button */ .sealed_box .action_box a.yes:link { font-weight: bold; background: #E6EFC2; color: #264409; border-color: #5DAE35; } .sealed_box .action_box a.yes:visited { font-weight: bold; background: #E6EFC2; color: #264409; border-color: #5DAE35; } .sealed_box .action_box a.yes:hover { background-color: #F2F8D0; color: #4A721D; } .sealed_box .action_box a.yes:active { color: #C6D880; } /* No button */ .sealed_box .action_box a.no:link { font-weight: bold; background: #CCDEEF; color: #004F79; border-color: #1B8FC1; } .sealed_box .action_box a.no:visited { font-weight: bold; background: #CCDEEF; color: #004F79; border-color: #1B8FC1; } .sealed_box .action_box a.no:hover { background-color: #D5EBFC; color: #0070A0;} .sealed_box .action_box a.no:active { color: #1B8FC1; } .friend_submit { float: right; height: 30px !important; } .adzone { position: absolute; clear: both; text-align: center; background-color: #E6E6E6; border: 1px solid #ccc; padding: 0px 10px 12px 10px; font-size: 11px; width: 480px; text-align: center; margin: 0px auto; margin-top: -9999px; /* super hax extreme - need to get image width without hiding it */ } .adzone .section_sponsor_ad { padding: 0px; margin: 0px; } h1.search_results { margin-bottom: 0; } a.search_results_nav { font-size: 12px; color: #004F79; margin-left: 15px; } span.back_to_top { float: right; position: relative; top: -20px; } div.search_results_directory { position: relative; left: -18px; } a.see_more_directories { font-size: 12px; color: #004F79; margin: 12px; } a.retirement_tiles { font-size: 12px; border-bottom: none; } a.retirement_tiles.image:hover { border-bottom: none; } .inline_article_image { float: right; width: 250px; padding: 5px; } .job_list { margin-bottom: 10px; } .jobs_section { clear: both; background-color: #CCDEEF; border: 1px solid #004F79; margin-bottom: 10px; } .jobs_section label { float: left; line-height: 25px; } .jobs_section label input, .jobs_section label select { margin-left: 10px !important; } .jobs_section h1 { float: none; padding: 5px; margin: 0px; width: 502px; margin-left: 3px; background-color: #004F79; color: #fff; border: none; } .jobs_section .inner { padding: 0px 30px; } .jobs_section table { width: 100%; clear: both; } .jobs_section .submitbutton { float: right; background: transparent url(../images/job_search_submit.jpg) no-repeat center center; height: 31px; width: 81px; border: none; } .jobs_section .saleryboxes { text-align: right; padding-left: 30px; } .jobs_section .saleryboxes input { width: 100px; } .job_container { border-top: 1px solid #999; border-bottom: 1px solid #999; } .job_summary { border-bottom: 1px solid #999; padding: 10px; } .job_container h1 { border: none; font-size: 18px; margin: 5px; padding: 0px; } .job_container p { padding: 2px 0px; font-size: 12px; } .job_container .detail { width: 50%; float: left; font-size: 14px; } .job_description { padding: 10px; } a.apply { display: block; color: transparent; height: 36px; width: 142px; background: transparent url(/images/apply.png) no-repeat center center; float: right; margin: 10px; } a.back { display: block; height: 36px; width: 142px; float: left; margin: 10px; } .nav_dropdown .songs li { color: #004F79; } .nav_dropdown .article .default_image { float: left !important; display: block; width: 90px; height: 70px !important; } .nav_dropdown .article .default_image img { width: 90px; height: 70px; padding: 0; } /* * Wide panel styles. */ #wide_panel { width: 991px; padding-left: 17px; } #wide_panel_top { background: url('/images/panel_top_full.gif') no-repeat scroll top left; width: 991px; height: 10px; } #wide_panel_main { background-color: white; clear: both; padding: 0px 10px; display: block; } #wide_panel_main div { padding: 5px; } #wide_panel_main p { color: #000; font-size: 12px; } #wide_panel_footer { width: 975px; clear: both; border: none !important; display: block; background: url('/images/menu_bar.gif') no-repeat scroll bottom left; z-index: 10; height: 40px; padding: 0px 8px; } #wide_panel_footer ul { padding-left: 40px; } #wide_panel_footer ul li { float: left; list-style-type: none; } #wide_panel_footer ul li a { padding: 10px; color: #000; font-size: 12px; text-decoration: none; position: relative; top: 10px; left: -15px; } #wide_panel_footer ul li a:hover { color: #333; } .photocompEntry input.textbox { width: 400px; border: 1px solid #ccc; padding: 5px; font-size: 18px; } .photocompEntry textarea { width: 400px; height: 150px; border: 1px solid #ccc; padding: 5px; font-size: 13px; } .photocompEntry h2.photocomp-category { font-size: 24px !important; } .photocompCategory { margin: 20px; } .photocompCategory a { color: #004F79; font-weight: 100; text-decoration: none; border-bottom: 1px dotted; } .photocompCategory a.catLinkCurrent { font-weight: 900; border-bottom: 2px solid; } .photocompSubmitEntry a { color: #004F79; font-weight: 100; } .photocompLoginLogo { clear: both; float:none; width: 100%; text-align: center; vertical-align: middle; padding: 0; margin: 10px 0 -20px 0; } /** * Facebox */ #facebox .b{background:url(/images/facebox/b.png)} #facebox .tl{background:url(/images/facebox/tl.png)} #facebox .tr{background:url(/images/facebox/tr.png)} #facebox .bl{background:url(/images/facebox/bl.png)} #facebox .br{background:url(/images/facebox/br.png)} #facebox{left:0;position:fixed;text-align:left;top: 10% !important;z-index:45000} #facebox .popup{position:relative} #facebox table{border-collapse:collapse} #facebox td{border-bottom:0;padding:0} #facebox td.body{ background: #fff; padding: 10px 10px 40px; width: 625px; vertical-align: top; background: transparent url('../images/qsu-background.png') repeat-x center left; } #facebox img{ border: 0px; margin: 0px; vertical-align: middle; } #facebox .footer{ background-color: #FFFFFF; border-top: 1px solid #DDDDDD; bottom: 10px; padding: 2px 5px; position: absolute; right: 10px; text-align: right; width: 635px; } #facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;overflow:hidden;padding:0;width:10px} #facebox_overlay{height:100%;left:0;position:fixed;top:0;width:100%} .facebox_hide{z-index:-100} .facebox_overlayBG{background-color:#000;z-index:40000} * html #facebox_overlay{height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');position:absolute} #facebox .loading,#facebox .image{text-align:center} #home-container .homeForm input { width: 190px; } #home-container .homeForm select { width: 198px; } .light_blue_links a { color: #004F79; font-weight: 100; text-decoration: none; border-bottom: 1px dotted; } #facebox div.content { width: 625px; } #facebox div.form-half { float: left; margin-bottom: 10px; width: 312px; } #facebox p { font-size: 14px; line-height: 140%; margin-bottom: 10px; } #facebox h1 { height: auto; border-left: none; padding: 0px; font-size: 34px; font-weight: normal; line-height: 140%; width: auto; margin: 0 0 10px; } #facebox form label { float: left; font-size: 14px; font-weight: bold; line-height: 25px; margin-right: 10px; text-align: right; width: 70px; } #facebox form label.error { display: none; color: #FF0000; float: right !important; text-align: left !important; width: 60px !important; } #facebox form div.inputField input { height: 25px; width: 220px; padding: 0px 5px; margin-bottom: 3px; border: 1px solid #CCDEEF; } #facebox form div.inputField select { margin-bottom: 3px; border: 1px solid #CCDEEF; background-color: #fff; height: 25px; padding: 2px; } #facebox form div.submitButton { width: 215px; margin: 0px auto; clear: both; } #facebox form input.btnBox { padding-right: 40px; padding-left: 40px; } #facebox form p.formpgraph { line-height: 12px; } #facebox p.qsu-close { font-size: 12px; margin-top: 10px; text-align: center; } #facebox span.disclaimer { font-size: 10px; display: block; text-align: center; } #facebox_overlay { display: block; opacity: 0.75; background-color: #fff; } #facebox div.errors { background-color: #FFFAFA; border: 1px solid #AA0000; color: #FF0000; font-size: 12px; font-weight: bold; margin: 10px; padding: 5px; } #panel_left_lhs ul.pagination { padding: 10px 0 0 0; } div.story .pagination { margin: 0; overflow: hidden; } div.story .pagination li { border: 1px solid #CCC; border-width: 1px; display: block; float: left; padding: 6px 10px; margin: 2px; } div.story .pagination li a { text-decoration: none; } div.story .pagination li a:hover { text-decoration: underline; color: #004F79; } div.story .pagination li:hover { background-color: #e9f1fb; } div.story .pagination li.current { font-weight: bold; background-color: #CCDEEF; } div.story blockquote.article-disclaimer { margin: 25px; font-style: italic; } a.already-member { font-size: 16px; }