/* GLOBAL CLASSES */ /* -------------------------------------------------------------------------------- */ /* These classes apply to ALL modules/content on the page. /* tags */ body { background: background-color: #FFFFFF; margin-right: 8px; } /* scrolling sections */ .weather_news_frame { width: 100%; height: 195px; overflow: auto; } .weather_forecast_frame { width: 100%; height: 590px; overflow: auto; } .news_source_frame { width: 100%; height: 165px; overflow: auto; } .news_module_frame { width: 100%; height: 275px; overflow: auto; } .local_source_frame { width: 100%; height: 165px; overflow: auto; } .gotradio_launcher { width: 175px; } .feature_frame { width: 100%; height: 425px; overflow: auto; } .feature_frame_small { width: 100%; height: 325px; overflow: auto; } .partnernews_frame { width: 100%; height: 223px; overflow: auto; } .local_headlines_frame { width: 100%; height: 385px; overflow: auto; } .apnews_frame { width: 100%; height: 450px; overflow: auto; } /* images */ .wxicon { padding: 0px 6px 0px 2px; } /* headlines */ .h1,.h2,.h3,.h4,.h5,.h6,.h7 { font-family: verdana, arial, sans serif; font-weight: bold; } .h1 { font-size: 20px; } .h2 { font-size: 16px; } .h3 { font-size: 13px; } .h4 { font-size: 12px; } .h5 { font-size: 11px; } .h6 { font-size: 10px; } .h7 { font-size: 9px; } /* content text */ .t1,.t2,.t3,.t4,.t5,.t6 { font-family: verdana, arial, helvetica, sans serif; font-weight: normal; line-height: 130% } .t1 { font-size: 24px; } .t2 { font-size: 14px; } .t3 { font-size: 12px; } .t4 { font-size: 11px; } .t5 { font-size: 10px; } .t6 { font-size: 9px; } /* list text */ .lt1,.lt2,.lt3,.lt4,.lt5,.lt6 { font-family: arial, helvetica, sans serif; font-weight: normal; line-height: 130% } .lt1 { font-size: 14px; } .lt2 { font-size: 13px; } .lt3 { font-size: 12px; } .lt4 { font-size: 11px; } .lt5 { font-size: 10px; } .lt6 { font-size: 9px; } /* cursors */ .pointer { cursor:pointer; } /* italics */ .ital { font-style: italic; } /* black */ .black { color: #000000; } a.black:link { color: #000000; } a.black:visited { color: #000000; } .black_bkgnd { background-color: #000000; } /* CA Blue */ .cablue { color: #0084C9 } /* CA Green */ .cagreen { color: #339E35 } /* greys (more like "tone") */ .grey { color: #666666; } a.grey:link { color: #666666; } a.grey:visited { color: #666666; } .darkgrey { color: #333333; } a.darkgrey:link { color: #333333; } a.darkgrey:visited { color: #333333; } .lightgrey { color: #999999; } a.lightgrey:link { color: #999999; } a.lightgrey:visited { color: #999999; } .lightergrey { color: #CCCCCC; } a.lightergrey:link { color: #CCCCCC; } a.lightergrey:visited { color: #CCCCCC; } .grey_bkgnddarker { background-color: #333333; } .grey_bkgnddark { background-color: #666666; } .grey_bkgnd { background-color: #999999; } .grey_bkgndlight { background-color: #CCCCCC; } .grey_bkgndlighter { background-color: #EBEBEB; } .grey_bkgndlightest { background-color: #F5F5F5; } /* white */ .white { color: #FFFFFF; } a.white:link { color: #FFFFFF; } a.white:visited { color: #FFFFFF; } .white_bkgnd { background-color: #FFFFFF; } /* padding */ .p0 { padding: 0px 0px 0px 0px; } .p1 { padding: 1px 1px 1px 1px; } .p2 { padding: 2px 2px 2px 2px; } .p3 { padding: 3px 3px 3px 3px; } .p4 { padding: 4px 4px 4px 4px; } .p5 { padding: 5px 5px 5px 5px; } .p6 { padding: 6px 6px 6px 6px; } /* margin */ .m0 { margin: 0px 0px 0px 0px; } .m1 { margin: 1px 1px 1px 1px; } .m2 { margin: 2px 2px 2px 2px; } .m3 { margin: 3px 3px 3px 3px; } .m4 { margin: 4px 4px 4px 4px; } .m5 { margin: 5px 5px 5px 5px; } .m6 { margin: 6px 6px 6px 6px; } /* forms */ .form { margin: 0px; } .formTextbox { width: 200px; } .formTextarea { width: 200px; height: 60px; } /* NEW STYLES */ .rule_grey_dark { background-color: #333333; } .rule_grey_medium { background-color: #666666; } .rule_grey_light { background-color: #999999; } .rule_grey_lighter { background-color: #CCCCCC; } .rule_grey_lightest { background-color: #EDEDED; } /* NEW SHOPPING & HEALTH CLASSES */ div.shopping_item { position: relative; background: url(http://static.mchsionline.com/templates/dev/themes/default/default/images/bullet_yellow.gif) no-repeat 2px 5px; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px 0px 2px 8px; clear: both; border-top: dashed 1px #E4E8ED; } div.shopping_merchant { position: relative; background: url(http://static.mchsionline.com/templates/dev/themes/default/default/images/bullet_yellow.gif) no-repeat 2px 7px; font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; padding: 2px 0px 2px 8px; clear: both; border-top: dashed 1px #E4E8ED; } div.shopping_item a:link { color: #016BB9; text-decoration: none; } div.shopping_item a:visited { color: #016BB9; text-decoration: none; } div.shopping_item a:hover { color: #05469C; text-decoration: underline; } div.shopping_merchant a:link { color: #016BB9; text-decoration: none; } div.shopping_merchant a:visited { color: #016BB9; text-decoration: none; } div.shopping_merchant a:hover { color: #05469C; text-decoration: underline; } div.shopping_section { position: relative; border-bottom: solid 1px #E4E8ED; padding: 0px 0px 4px 0px; } div.shopping_headline { font-family: verdana, arial, helvetica; font-size: 12px; font-weight: normal; color: #FF8000; } div.shopping_more { font-family: verdana, arial, helvetica; font-size: 9px; font-weight: bold; color: #999999; text-align: right; } div.shopping_more a:link { color: #999999; text-decoration: none; } div.shopping_more a:visited { color: #999999; text-decoration: none; } div.shopping_more a:hover { color: #B30407; text-decoration: underline; } /* MODULE CLASSES */ /* ------------------------------------------------------------------------------- */ /* These classes apply to SPECIFIC COLOR SCHEMES for each module. */ /* yellow */ .yellow { color: #FF8000; } a.yellow { text-decoration: none; } a.yellow:hover { color: #CC2229; } .yellow_bkgndftr { background-color: #FAC44B; } .yellow_bkgnddark { background-color: #B27000; } .yellow_bkgnd { background-color: #FFA000; } .yellow_bkgndlight { background-color: #FAC44B; } .yellow_bkgndlighter { background-color: #FFF5E5; } .yellow_bkgndlightest { background-color: #FFFAF2; } /* NEWEST STYLES */ .yellow_title { font-family: verdana, arial, helvetica; font-size: 18px; color: #FF8000; padding: 6px 6px 12px 6px; } .yellow_desc { font-family: verdana, arial, helvetica; font-size: 12px; color: #999999; padding: 9px 6px 12px 6px; } .yellow_rule { background-color: #FFC67F; } .yellow_nav_rule { background-color: #D6D0C6; } .yellow_nav_bkgnd { background-color: #FFF3E5; } .yellow_nav_headline { font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: #512D00; } a.yellow_nav_headline:link { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #FF8000; } a.yellow_nav_headline:visited { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #FF8000; } a.yellow_nav_headline:hover { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #FF2000; } .yellow_nav_text { font-family: arial, helvetica; font-size: 10px; color: #512D00; } .yellow_nav_help { font-family: arial, helvetica; font-size: 10px; color: #512D00; line-height: 13px; } a.yellow_nav_help:link { color: #512D00; } a.yellow_nav_help:visited { color: #512D00; } a.yellow_nav_help:hover { color: #AE6000; } td.yellow_nav_link_on { font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; color: #512D00; padding: 5px; } td.yellow_nav_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.yellow_nav_link_off:link { color: #FF8000; } a.yellow_nav_link_off:visited { color: #FF8000; } a.yellow_nav_link_off:hover { color: #FF2000; } td.yellow_nav_link_over { background-color: #FAC44B; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } .yellow_ftr_headline { font-family: verdana, arial, helvetica; font-size: 16px; color: #FF8000; } .yellow_ftr_smheadline { font-family: verdana, arial, helvetica; font-size: 12px; color: #FF8000; line-height: 16px; } .yellow_ftr_text { font-family: arial, helvetica; font-size: 10px; color: #512D00; } .yellow_ftr_link { font-family: arial, helvetica; font-size: 10px; color: #512D00; } a.yellow_ftr_link:link { font-family: arial, helvetica; font-size: 10px; color: #FF8000; } a.yellow_ftr_link:visited { font-family: arial, helvetica; font-size: 10px; color: #FF8000; } a.yellow_ftr_link:hover { font-family: arial, helvetica; font-size: 10px; color: #FF2000; } .yellow_stab_link_on { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #FF8000; text-decoration: none; } .yellow_stab_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.yellow_stab_link_off:link { color: #512D00; } a.yellow_stab_link_off:visited { color: #512D00; } a.yellow_stab_link_off:hover { color: #FF2000; } .yellow_photo_headline { font-family: verdana, arial, helvetica; font-size: 13px; color: #84807A; line-height: 17px; } .yellow_photo_desc { font-family: verdana, arial, helvetica; font-size: 10px; color: #A09C94; } .yellow_module_title { font-family: verdana, arial, helvetica; font-size: 14px; color: #FF8000; padding: 6px 6px 6px 6px; } .yellow_imageON { border: double 3px #FF8000; } .yellow_imageOFF { border: solid 1px #000000; } /* NEWEST STYLES */ .blue_title { font-family: verdana, arial, helvetica; font-size: 18px; color: #016BB9; padding: 6px 6px 12px 6px; } .blue_desc { font-family: verdana, arial, helvetica; font-size: 12px; color: #999999; padding: 9px 6px 12px 6px; } .blue_rule { background-color: #81ABD4; } .blue_nav_rule { background-color: #B0D5E5; } .blue_nav_bkgnd { background-color: #E5EEF6; } .blue_nav_headline { font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: #012551; } a.blue_nav_headline:link { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; } a.blue_nav_headline:visited { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; } a.blue_nav_headline:hover { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #04AE50; } .blue_nav_text { font-family: arial, helvetica; font-size: 10px; color: #012551; } .blue_nav_help { font-family: arial, helvetica; font-size: 10px; color: #012551; line-height: 13px; } a.blue_nav_help:link { color: #012551; } a.blue_nav_help:visited { color: #012551; } a.blue_nav_help:hover { color: #04AE50; } td.blue_nav_link_on { font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; color: #012551; padding: 5px; } td.blue_nav_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.blue_nav_link_off:link { color: #016BB9; } a.blue_nav_link_off:visited { color: #016BB9; } a.blue_nav_link_off:hover { color: #04AE50; } td.blue_nav_link_over { background-color: #81ABD4; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } .blue_ftr_headline { font-family: verdana, arial, helvetica; font-size: 16px; color: #016BB9; } .blue_ftr_smheadline { font-family: verdana, arial, helvetica; font-size: 12px; color: #016BB9; line-height: 16px; } .blue_ftr_text { font-family: arial, helvetica; font-size: 10px; color: #012551; } .blue_ftr_link { font-family: arial, helvetica; font-size: 10px; color: #012551; } a.blue_ftr_link:link { font-family: arial, helvetica; font-size: 10px; color: #016BB9; } a.blue_ftr_link:visited { font-family: arial, helvetica; font-size: 10px; color: #016BB9; } a.blue_ftr_link:hover { font-family: arial, helvetica; font-size: 10px; color: #04AE50; } .blue_stab_link_on { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; text-decoration: none; } .blue_stab_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.blue_stab_link_off:link { color: #012551; } a.blue_stab_link_off:visited { color: #012551; } a.blue_stab_link_off:hover { color: #04AE50; } .blue_photo_headline { font-family: verdana, arial, helvetica; font-size: 13px; color: #84807A; line-height: 17px; } .blue_photo_desc { font-family: verdana, arial, helvetica; font-size: 10px; color: #A09C94; } .blue_module_title { font-family: verdana, arial, helvetica; font-size: 14px; color: #016BB9; padding: 6px 6px 6px 6px; } .blue_imageON { border: double 3px #016BB9; } .blue_imageOFF { border: solid 1px #000000; } /* NEWEST STYLES */ .red_title { font-family: verdana, arial, helvetica; font-size: 18px; color: #EE061D; padding: 6px 6px 12px 6px; } .red_desc { font-family: verdana, arial, helvetica; font-size: 12px; color: #999999; padding: 9px 6px 12px 6px; } .red_rule { background-color: #F6828E; } .red_nav_rule { background-color: #C9BEC7; } .red_nav_bkgnd { background-color: #FDE6E8; } .red_nav_headline { font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: #51000E; } a.red_nav_headline:link { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #EE061D; } a.red_nav_headline:visited { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #EE061D; } a.red_nav_headline:hover { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #FF2000; } .red_nav_text { font-family: arial, helvetica; font-size: 10px; color: #51000E; } .red_nav_help { font-family: arial, helvetica; font-size: 10px; color: #51000E; line-height: 13px; } a.red_nav_help:link { color: #51000E; } a.red_nav_help:visited { color: #51000E; } a.red_nav_help:hover { color: #AE6000; } td.red_nav_link_on { font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; color: #51000E; padding: 5px; } td.red_nav_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.red_nav_link_off:link { color: #EE061D; } a.red_nav_link_off:visited { color: #EE061D; } a.red_nav_link_off:hover { color: #FF2000; } td.red_nav_link_over { background-color: #F6828E; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } .red_ftr_headline { font-family: verdana, arial, helvetica; font-size: 16px; color: #EE061D; } .red_ftr_smheadline { font-family: verdana, arial, helvetica; font-size: 12px; color: #EE061D; line-height: 16px; } .red_ftr_text { font-family: arial, helvetica; font-size: 10px; color: #51000E; } .red_ftr_link { font-family: arial, helvetica; font-size: 10px; color: #51000E; } a.red_ftr_link:link { font-family: arial, helvetica; font-size: 10px; color: #EE061D; } a.red_ftr_link:visited { font-family: arial, helvetica; font-size: 10px; color: #EE061D; } a.red_ftr_link:hover { font-family: arial, helvetica; font-size: 10px; color: #FF2000; } .red_stab_link_on { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #EE061D; text-decoration: none; } .red_stab_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.red_stab_link_off:link { color: #51000E; } a.red_stab_link_off:visited { color: #51000E; } a.red_stab_link_off:hover { color: #FF2000; } .red_photo_headline { font-family: verdana, arial, helvetica; font-size: 13px; color: #84807A; line-height: 17px; } .red_photo_desc { font-family: verdana, arial, helvetica; font-size: 10px; color: #A09C94; } .red_module_title { font-family: verdana, arial, helvetica; font-size: 14px; color: #EE061D; padding: 6px 6px 6px 6px; } .red_imageON { border: double 3px #EE061D; } .red_imageOFF { border: solid 1px #000000; } /* NEWEST STYLES */ .default_title { font-family: verdana, arial, helvetica; font-size: 18px; color: #016BB9; padding: 6px 6px 12px 6px; } .default_desc { font-family: verdana, arial, helvetica; font-size: 12px; color: #999999; padding: 9px 6px 12px 6px; } .default_rule { background-color: #81ABD4; } .default_nav_rule { background-color: #B0D5E5; } .default_nav_bkgnd { background-color: #E5EEF6; } .default_nav_headline { font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: #012551; } a.default_nav_headline:link { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; } a.default_nav_headline:visited { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; } a.default_nav_headline:hover { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #04AE50; } .default_nav_text { font-family: arial, helvetica; font-size: 10px; color: #012551; } .default_nav_help { font-family: arial, helvetica; font-size: 10px; color: #012551; line-height: 13px; } a.default_nav_help:link { color: #012551; } a.default_nav_help:visited { color: #012551; } a.default_nav_help:hover { color: #04AE50; } td.default_nav_link_on { font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; color: #012551; padding: 5px; } td.default_nav_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.default_nav_link_off:link { color: #016BB9; } a.default_nav_link_off:visited { color: #016BB9; } a.default_nav_link_off:hover { color: #04AE50; } td.default_nav_link_over { background-color: #FAC44B; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } .default_ftr_headline { font-family: verdana, arial, helvetica; font-size: 16px; color: #016BB9; } .default_ftr_smheadline { font-family: verdana, arial, helvetica; font-size: 12px; color: #016BB9; line-height: 16px; } .default_ftr_text { font-family: arial, helvetica; font-size: 10px; color: #012551; } .default_ftr_link { font-family: arial, helvetica; font-size: 10px; color: #012551; } a.default_ftr_link:link { font-family: arial, helvetica; font-size: 10px; color: #016BB9; } a.default_ftr_link:visited { font-family: arial, helvetica; font-size: 10px; color: #016BB9; } a.default_ftr_link:hover { font-family: arial, helvetica; font-size: 10px; color: #04AE50; } .default_stab_link_on { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; color: #016BB9; text-decoration: none; } .default_stab_link_off { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; padding: 2px; } a.default_stab_link_off:link { color: #012551; } a.default_stab_link_off:visited { color: #012551; } a.default_stab_link_off:hover { color: #04AE50; } .default_photo_headline { font-family: verdana, arial, helvetica; font-size: 13px; color: #84807A; line-height: 17px; } .default_photo_desc { font-family: verdana, arial, helvetica; font-size: 10px; color: #A09C94; } .default_module_title { font-family: verdana, arial, helvetica; font-size: 14px; color: #016BB9; padding: 6px 6px 6px 6px; } .default_imageON { border: double 3px #016BB9; } .default_imageOFF { border: solid 1px #000000; } /* MODULE CLASSES */ /* ------------------------------------------------------------------------------- */ /* These classes apply to SPECIFIC COLOR SCHEMES for each module. */ /* default */ .default { color: #0066CC; } a.default { text-decoration: none; } a.default:hover { color: #016BB9; } .default_bkgnddark { background-color: #014F88; } .default_bkgnd { background-color: #016BB9; } .default_bkgndlight { background-color: #80B5DC; } .default_bkgndlighter { background-color: #BFDAED; } .default_bkgndlightest { background-color: #E5F0F8; } /* blue */ .blue { color: #016BB9; } a.blue { text-decoration: none; } a.blue:hover { color: #016BB9; } .blue_bkgnddark { background-color: #014F88; } .blue_bkgnd { background-color: #016BB9; } .blue_bkgndlight { background-color: #80B5DC; } .blue_bkgndlighter { background-color: #BFDAED; } .blue_bkgndlightest { background-color: #E5F0F8; } /* red */ .red { color: #FF0000; } a.red { text-decoration: none; } a.red:hover { color: #990000; } .red_bkgnddark { background-color: #990000; } .red_bkgnd { background-color: #FF0000; } .red_bkgndlight { background-color: #FF6666; } .red_bkgndlighter { background-color: #FF9999; } .red_bkgndlightest { background-color: #C9BEC7; }