/* browser reset controls */ /******************************************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} body {line-height:1.2;} :focus {outline:0;} caption {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-family:inherit; font-weight:bold;} font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;} em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;} code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;} blockquote {padding:0px 15px;} /******************************************************/ /* end browser reset controls */ .footer {clear:both;} /*#### FRAMEWORK STRUCTURE ################################################################*/ body {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(/images/g-browser-bg.jpg) no-repeat center top #000;} #mosSite #framework {width:975px; margin:auto; text-align:left;} #mosSite #framework #header h1 {width:345px; height:139px; background:url(/images/g-header-logo.png) no-repeat;} #mosSite #framework #header h1 a {width:345px; height:139px; text-indent:-9999px; display:block;} #mosSite #framework #headerIE6 h1 {width:345px; height:139px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/g-header-logo.png', sizingMethod='none');text-indent:-9999px;} #mosSite #framework #headerIE6 h1 a {width:345px; height:139px; text-indent:-9999px; display:block;} /***** site content area *****/ #mosSite #framework #contentBackground {background:url(/images/g-content-bg.gif) repeat-y; width:975px; float:left;} #mosSite #framework #contentEnclose {width:795px; float:left;} #mosSite #framework #contentLeft {/*controlled in a different css file*/} #mosSite #framework #contentMiddle {width:625px; float:right;} #mosSite #framework #contentRight {width:180px; float:right;} /*** quadrant styles ***/ #mosSite #framework #quadrantA, #mosSite #framework #quadrantC {float:left; width:315px;} #mosSite #framework #quadrantB, #mosSite #framework #quadrantD {float:left; width:310px;} /*** quadrant styles end ***/ /***** site content area ends *****/ /***** site footer *****/ #mosSite #framework #footer {background:url(/images/g-footer-bg.jpg) no-repeat; text-align:center; float:left; padding-top:145px; width:975px;} #mosSite #framework #footer #siteIndex, #mosSite #framework #footer #siteIndex legend {display:none;} #mosSite #framework #footer #copyright {color:#fff; padding:5px 0;} #mosSite #framework #footer #copyright a {color:#fff; text-decoration:none;} #mosSite #framework #footer #copyright a:hover {text-decoration:underline;} /***** site footer ends *****/ /*#### FRAMEWORK STRUCTURE ENDS ###########################################################*/ /*#### CONTENT MODULES ####################################################################*/ /***** advertisements *****/ #leaderboardLabel, #skyscraperLabel, #cubeAd h3 {display:none;} #mainContent #cubeAd .containerPadding, #mainContent #sponsor .containerPadding {padding:0px; background:none;} #mainContent #sponsor {float:right; width:280px; text-align:center;} #mainContent #sponsor img {margin-bottom:10px;} /* 728x90 leaderboard */ /* The leaderboard is now using an iFrame - these styles do not effect anything. Styles are now located in the incLeaderBoard.asp file #leaderboard {height:105px; overflow:hidden; text-align:center; background:url(/images/g-date-leader-sprite.jpg) 0px -34px;} #leaderboard #leaderboardAd {padding:5px 10px 0px 170px;} */ /* 160x600 skyscraper */ #skyscraper {background:url(/images/g-skyscraper-bg.gif) repeat-x; text-align:center; padding:10px;} /* 300x250 cube */ #quadrantD #cubeAd {margin-top:48px;} /***** advertisements end *****/ /***** header specific modules *****/ /* icon links */ #iconLinks {background:url(/images/g-icon-links-bg.gif) no-repeat #1b1b1b; padding:9px 0px; clear:both;} #iconLinks .story {float:left; width:75px; text-align:center;} #iconLinks img {width:42px; height:42px;} #iconLinks hr, #iconLinks .podcastLinks {display:none;} #iconLinks .moduleFooter {clear:both;} /*** search/club group ***/ #searchVipGroup {height:55px; overflow:hidden; background:url(/images/g-club-search-sprite.gif) no-repeat; clear:both;} #searchVipGroup .moduleFooterGroup {clear:both;} #searchVipGroup .moduleHeader, #searchVipGroup #search label, #searchVipGroup #search legend, #searchVipGroup #club label, #searchVipGroup #club legend {display:none;} #searchVipGroup #search {float:left; width:375px;} #searchVipGroup #search input.textInput {background:#dbdbdb; width:175px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #dbdbdb;} #searchVipGroup #search .formRow {float:left; width:274px; text-align:right; padding-top:18px;} #searchVipGroup #search .submitRow {float:left; width:101px; padding-top:16px;} #searchVipGroup #search .submitRow input {margin-left:5px; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #searchVipGroup #club {float:left; width:600px; color:#d5d4d4;} #searchVipGroup #club .containerPadding {padding-top:10px;} #searchVipGroup #club input.textInput {background:#dbdbdb; border:1px solid #dbdbdb;} #searchVipGroup #club #loginEmailRow {float:left; width:323px; text-align:right;} #searchVipGroup #club #loginEmailRow input {width:190px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #searchVipGroup #club #loginPasswordRow {float:left; width:135px; text-align:center;} #searchVipGroup #club #loginPasswordRow input {width:115px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #searchVipGroup #club .submitRow {float:left; width:57px; text-align:left;} #searchVipGroup #club .submitRow input {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #searchVipGroup #club #saveLoginRow {float:left; width:85px; text-align:center;} #searchVipGroup #club #saveLoginRow label {display:block; color:#fff; padding:0px 12px; line-height:10px;} #searchVipGroup #club #loginLinks {float:left; padding-left:150px; color:#d5d4d4; font-weight:bold; margin-top:-15px;} #searchVipGroup #club #loginLinks p {display:inline; padding-right:3px;} #searchVipGroup #club #loginLinks #signUp a {color:#ff0009;} #searchVipGroup #club #loginLinks #forgotPassword a {color:#d5d4d4; text-decoration:none;} #searchVipGroup #club #loginLinks #emailPassword a {color:#fff;} #searchVipGroup #club #userInfo {padding-left:155px;} #searchVipGroup #club #userInfo h4 {font-size:11px; font-weight:normal;} /*** search/club group ends ***/ /***** header specific modules end *****/ /***** date/now playing *****/ #datePlayerGroup {height:34px; overflow:hidden; padding-left:170px; background:url(/images/g-date-leader-sprite.jpg) 0px 0px;} #datePlayerGroup .moduleFooterGroup {clear:both;} #date {float:left; width:175px; text-align:right; color:#fff; line-height:34px; font-size:13px; font-weight:bold;} #player {float:left; width:630px;} #player .moduleContent {padding-left:140px;} #date h4, #player .moduleHeader {display:none;} /***** date/now playing end *****/ /***** left column modules *****/ /* artist rotation */ #artistRotation {height:320px; overflow:hidden; position:relative;} #artistRotation h3, #artistRotation hr, #artistRotation .rotatorTop {display:none;} /* weather */ #weather {padding:10px; color:#fff; text-align:center; font-size:14px; font-weight:bold;} #weather a {color:#fff;} #weather img {width:26px; margin-bottom:5px;} #weather h4, #weather .moduleHeader h3 {display:none;} #weather .moduleHeader {background:url(/images/g-module-h3-sprite.gif) no-repeat -10px 0px; height:32px;} #weather #weatherLink {font-size:12px; font-weight:normal; padding:3px 0px 5px 0px;} #weatherAd {text-align:center;} /* misc single ietem 1 */ #miscContentOne {padding:10px; font-size:12px;} #miscContentOne a {color:#fff;} #miscContentOne .moduleContent h4 {color:#fff; font-size:14px; padding-bottom:3px;} #miscContentOne .moduleContent h4 a {text-decoration:none;} #miscContentOne .moduleContent h4 a:hover {text-decoration:underline;} #miscContentOne .moduleContent img {margin-bottom:5px;} /* ccb links */ #ccb {padding:10px 8px;} #ccb ul {list-style:none;} #ccb ul li {background:#fff; padding:3px 8px; font-size:13px; font-weight:bold; margin:2px 0px;} #ccb ul li a {color:#000; text-decoration:none;} #ccb ul li a:hover {text-decoration:underline;} /***** left column modules end *****/ /***** middle column modules *****/ #quadrantC, #quadrantD {background:url(/images/f-quad-cd-gradient.gif) repeat-x; margin-top:10px;} /* main feature rotation section */ #mainRotator {background:#000; width:300px; margin-left:10px; color:#fff; font-size:11px;} #mainRotator a {color:#fff; text-decoration:none;} #mainRotator a:hover {text-decoration:underline;} #mainRotator img {width:298px;} #mainRotator .moduleHeader, #mainRotator .storySeparator {display:none;} #mainRotator .moduleContainer {padding:1px;} #mainRotator .moduleContainer .moduleContent {background:#6d6e71;} #mainRotator .moduleContainer .moduleContent p.storyImage {padding:0px 0px 8px 0px;} #mainRotator .moduleContainer .moduleContent p.storyLink {padding:0px 8px 5px 8px;} #mainRotator .moduleContainer .moduleContent p, #mainRotator .moduleContainer .moduleContent h4, #mainRotator .moduleContainer .moduleContent h3 {padding:0px 8px;} #mainRotator .moduleContainer .moduleContent h4, #mainRotator .moduleContainer .moduleContent h3 {font-size:13px;} #mainRotator .rotatorTop {background:url(/images/f-feature-controls.gif) no-repeat right bottom #6d6e71; height:11px; overflow:hidden; padding-left:216px;} #mainRotator .rotatorControls {background:url(/images/f-feature-controls.gif) no-repeat 0px 0px; width:82px; height:11px;} #mainRotator .rotatorControls .rotatorPrevious {background:url(/images/f-feature-controls.gif) no-repeat 0px 0px; text-indent:-9999px; display:block; height:11px; width:21px; float:left;} #mainRotator .rotatorControls .rotatorPlay {background:url(/images/f-feature-controls.gif) no-repeat -21px 0px; text-indent:-9999px; display:block; height:11px; width:21px; float:left;} #mainRotator .rotatorControls .rotatorPause {background:url(/images/f-feature-controls.gif) no-repeat -42px 0px; text-indent:-9999px; display:block; height:11px; width:21px; float:left;} #mainRotator .rotatorControls .rotatorNext {background:url(/images/f-feature-controls.gif) no-repeat -63px 0px; text-indent:-9999px; display:block; height:11px; width:19px; float:left;} /* features */ #features {width:300px; margin-left:10px; font-size:1.2em;} #features .moduleHeader {background:url(/images/g-module-h3-sprite.gif) no-repeat 0px -150px; height:36px;} #features .moduleContent .containerPadding {padding:10px 5px 0px 0px;} #features .moduleContent h4 {color:#CD0901; font-size:15px;} #features .moduleContent h4 a {color:#CD0901; text-decoration:none;} #features .moduleContent h4 a:hover {text-decoration:underline;} #features .moduleContent img {float:left; margin-right:10px;} #features .moduleContent .storySeparator {height:20px; overflow:hidden; clear:both;} #features .moduleContent .storySeparator hr, #features .moduleHeader h3 {display:none;} /* on demand music/video */ #ondemand {width:300px; margin-left:10px;} #ondemand .moduleHeaderGroup {background:url(/images/g-module-h3-sprite.gif) no-repeat 0px -200px; height:36px;} #ondemand .moduleHeaderGroup h3, #ondemand .moduleHeader h3, #ondemand .moduleContent hr {display:none;} #ondemand .moduleFooterGroup {clear:both;} #ondemand #topVideos {float:left; width:140px; margin-right:20px;} #ondemand #topSongs {float:left; width:140px;} #ondemand #topVideos .story a, #ondemand #topSongs .story a {text-decoration:none; color:#000;} #ondemand #topVideos .story a:hover, #ondemand #topSongs .story a:hover {text-decoration:underline;} #ondemand #topVideos .odd, #ondemand #topSongs .even {background:#efefef;} #ondemand #topVideos .story, #ondemand #topSongs ol li {padding:3px;} #ondemand #topSongs ol {list-style-position:inside;} #ondemand #topVideos h4, #ondemand #topSongs ol li {font-size:10px; font-weight:normal; line-height:11px;} #ondemand #topVideos .moduleHeader {background:url(/images/f-top5.gif) no-repeat 0px 0px; height:39px;} #ondemand #topSongs .moduleHeader {background:url(/images/f-top5.gif) no-repeat -160px 0px; height:39px;} #ondemand #topSongs .playlistLink {padding-top:3px;} #ondemand #topSongs .playlistLink a {color:#CD0901;} /* on air now */ #onair {background:#CD0901; width:295px; margin-left:5px; margin-bottom:10px; color:#fff; font-size:13px;} #onair a {color:#fff;} #onair .moduleHeader {background:url(/images/g-module-h3-sprite.gif) no-repeat 0px -300px; height:36px;} #onair .moduleHeader h3 {display:none;} #onair .containerPadding {padding:8px;} #onair #currentHost h4 {font-size:14px;} #onair #currentHost h4 a {text-decoration:none;} #onair #currentHost h4 a:hover {text-decoration:underline;} #onair #hostPhoto img {float:left; margin-right:10px;} #onair #listenLive a {background:url(/images/f-listen-live.gif) no-repeat; width:152px; height:43px; text-indent:-9999px; display:block; float:left; margin-top:25px;} /* on air now */ #sponsor {text-align:center;} #sponsor h3 {display:none;} /* video player */ #videoContainer {height:250px; width:300px; overflow:hidden; margin-top:10px; font-size:11px;} #videoContainer hr {display:none;} /* music */ #musicGroup {background:url(/images/f-music-bg.gif) repeat-y; margin-top:10px; width:300px; font-size:10px; float:left;} #musicGroup .moduleHeaderGroup {background:url(/images/g-module-h3-sprite.gif) no-repeat 0px -250px; height:36px;} #musicGroup .moduleHeaderGroup h3, #musicGroup .moduleHeader h3, #musicGroup .moduleContent hr {display:none;} #musicGroup #musicLeft {float:left; width:99px; margin-right:1px;} #musicGroup #music {float:left; width:100px; margin-right:1px;} #musicGroup #musicRight {float:left; width:99px; margin-right:0px;} #musicGroup #musicLeft img, #musicGroup #musicRight img {width:99px;} #musicGroup #music img {width:100px;} #musicGroup .moduleContent h4 {padding:3px 5px; font-size:11px; color:#CD0901;} #musicGroup .moduleContent h4 a {text-decoration:none;} #musicGroup .moduleContent h4 a:hover {text-decoration:underline;} #musicGroup .moduleContent p.abstract, #musicGroup .moduleContent p.storyCaption, #musicGroup .moduleContent p.storyLink {padding:3px 5px;} #musicGroup a {color:#CD0901;} /***** middle column modules *****/ /***** right column modules *****/ /* fly tv */ #flyTV {background:#fff;} #flyTV .moduleHeader {background:url(/images/g-module-h3-sprite.gif) no-repeat 0px -50px; height:75px;} #flyTV .moduleContent {background:url(/images/g-flytv-bg.gif) repeat-x; height:216px; overflow:hidden; text-align:center; font-size:12px;} #flyTV .moduleContent .moduleContentContainer {height:216px; overflow:auto;} #flyTV .moduleContent .containerPadding {padding:5px 8px 0px 10px;} #flyTV .moduleContent h4 {font-size:14px; color:#CD0901; padding-bottom:3px;} #flyTV .moduleContent h4 a {text-decoration:none;} #flyTV .moduleContent h4 a:hover {text-decoration:underline;} #flyTV a {color:#CD0901;} #flyTV .moduleContent .story {padding:4px 0px;} #flyTV .moduleHeader h3, #flyTV .moduleContent .storySeparator {display:none;} /***** right column modules end *****/ /*#### CONTENT MODULES ENDS ###############################################################*/ /*#### NAVIGATION ###############################################################*/ #navigation {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; margin-top:-27px; width:auto; float:right; margin-right:30px;} #navigation h3, #navigation .moduleHeader{display:none;} #navigation #navigationLinks {border:none;} #navigation ul {list-style-type:none;padding-left:10px;} #navigation ul li {position:relative; line-height:27px; float:left; display:block; background:url(/images/g-nav-bg.gif) no-repeat right top;} #navigation ul li.first {background:url(/images/g-nav-left.gif) no-repeat left top;} #navigation ul li.last, #navigation ul li.last a {background:url(/images/g-nav-right.gif) no-repeat right top;} #navigation ul li a, #navigation ul li .navNoLink {display:block; padding:0px 9px; text-decoration:none; color:#fff; background:url(/images/g-nav-link-bg.gif) no-repeat right top;} #navigation ul li.last a {border-right:none;} #navigation ul li a:hover {color:#000;} #navigation .menuItem {border:none !important;} /* SUB NAV LIST Set the width, background, and/or border */ #navigation ul li ul {width:180px; margin-top:-3px; margin-left:-1px; display:block; position:absolute; left:-9999px; height:auto; font-size:14px; font-weight:bold; background:#CF0108; padding:10px 10px 10px 10px;} #navigation ul li ul li ul {width:auto; margin-top:-30px; margin-left:150px; display:block; position:absolute; left:-9999px; height:auto; font-size:14px; font-weight:bold; background:#CF0108; padding:10px 10px 10px 10px;} #navigation ul li ul li {padding:3px 0px; line-height:1.1em; display:block; float:none; font-family:Arial, Helvetica, sans-serif; background:none;} #navigation ul li li a, #navigation ul li li .navNoLink, #navigation ul li li.first, #navigation ul li li.last, #navigation ul li li.last a, #navigation ul li.last li.last a, #navigation ul li.last li.first a {background:none;} #navigation ul li ul li a {text-decoration:underline; color:#fff; background:none;} #navigation ul li ul li a:hover {color:#000;} /* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */ #navigation ul li:hover, #navigation ul li.sfhover { position:static; } /* This is a fix for the IE7 Sticky menu bug */ #navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li.sfhover ul ul, #navigation ul li.sfhover ul ul ul {left:-9999px; z-index:501;} #navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li.sfhover ul, #navigation ul li li li.sfhover ul {left:auto; z-index:501;} /* Support for the "iehover-fix.js" */ #navigation ul.navItems iframe {position: absolute; left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);} * html ul.navItems li ul li { z-index: 501; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */ /*#### NAVIGATION ENDS ###################################################################*/ /*#### ALL PAGES STYLES ##################################################################*/ /*********************** GENERAL HELPER STYLES ***********************/ .hidden {display:none; visibility:hidden; width:0px; height:0px;} .subscribeTools {text-align:right;padding:10px 0px;} /********************* GENERAL STYLES *********************/ /* MAIN TEXT AND HEADERS */ #mainContent {font-size:13px;} #mainContent .moduleHeader {background:url(/images/i-page-title-bg.gif) repeat-x #2f2f2f; line-height:36px;} #mainContent .moduleHeader h2 {color:#fff; font-size:18px; font-weight:normal; padding:0px 10px; text-transform:uppercase;} #mainContent h1, #mainContent h2, #mainContent h3 {color:#CD0901;} #mainContent h4, #mainContent h5, #mainContent h6 {color:#CD0901;} #mainContent .containerPadding {padding:10px; background:url(/images/i-content-bg.gif) repeat-x;} #mainContent .containerPadding p {padding:3px 0px;} /* CONTENT AREA LINKS */ #mainContent a {color:#CD0901;} #mainContent a:hover {} #mainContent a:visited {color:#000;} /* IMAGES */ #mainContent .contentContainer img {border:1px solid #000; } /* MISC TEXT CLASSES */ #mainContent .smallText {font-size:80%;} #mainContent .Headline {color:#CD0901; font-size:14px;} /* SAME AS H3 - Legacy Inside Pages Code */ #mainContent .Text {font-size:100%;} /* SAME AS BODY - Legacy Inside Pages Code */ /* LISTS */ #mainContent ul.inline li {display:inline;} #mainContent ul, #mainContent ol {list-style-position:inside;} /* Optional for Custom List Styles */ #mainContent li { } /* Optional for Custom List Styles */ /********************* ARTICLE PAGE *********************/ .standFirst {font-size:100%; font-weight:bold;} /* RELATED LINKS */ #insideContent .articleContentRight #relatedLinksInsert {padding:0px; float:none; width:300px; text-align:left;} #relatedLinksInsert {padding:5px 10px 3px 0px; float:left; width:300px; text-align:left;} #relatedLinksInsert.module .moduleHeader {background:url(/images/i-related-links-h3.gif) no-repeat; height:39px;} #relatedLinksInsert .moduleHeader h3 {display:none;} #relatedLinksInsert.module .moduleContentContainer {} #relatedLinksInsert.module .moduleContent {font-size:100%; padding:2px 5px; background:url(/images/i-content-bg.gif) repeat-x;} #relatedLinksInsert.module .moduleContent ul {list-style:none; color:#CD0901; list-style:none; list-style-position:outside;} #relatedLinksInsert.module .moduleContent li {padding:2px 0px; font-size:14px; font-weight:bold; color:#CD0901;} /* ARTICLE IMAGE / CUBE AD STYLES */ #mainContent #cubeAd .moduleContent {padding:10px 0px 0px 0px;} #articleAdInsert.alignleft {padding:0px 10px 5px 0px;} #articleAdInsert.alignright {padding:0px 0px 5px 10px;} #articleAdInsert .articleAdInsertContainer {width:300px; margin:auto;} .imageCaptionContainer {padding:0px 0px 8px 0px;} #articleAdInsert.alignright .imageCaptionContainer {display:block; float:right;} .imageCaption {padding:5px 0px; text-align:left; font-style:italic; font-size:.85em;} #insideCubeAd {text-align:center;} #insideCubeAd h3 {display:none} #insideCubeAd .moduleContent {padding:30px 0px 0px 0px;} /********************* FORM STYLES *********************/ select {font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* This style applies to all dropdown menus. */ input {font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */ .textBox {font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* Single-Line textboxes background and border colors */ button, .button {font-family:Arial, Helvetica, sans-serif; font-size:12px;} textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* This style applies to all multi-line comment areas. */ #mainContent .submitbutton {font-family:Arial, Helvetica, sans-serif; font-size:12px;} #mainContent .warningMessage {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#f00;} /* Text displayed warning of Form problems/errors */ /* VARIOUS SIZED TEXBOXES */ input.short {width: 70px;} input.medium {width:150px;} input.long {width:300px;} /************************ GENERIC TABLES *************************/ #mainContent table {color:#000; font-size:100%;} /* Just set a default text color and size */ /************************ FORMATTED TABLES *************************/ #mainContent table.formattedTable {border:1px solid #ccc; background:#eee;} /* Background color or borders */ #mainContent table.formattedTable th {background:#CD0901; color:#fff;} #mainContent table.formattedTable th a {color:#fff;} /* Header cells and Header Font Info */ #mainContent table.formattedTable td {font-size:100%; color:#000;} /* Table body cells and body font info */ #mainContent table.formattedTable td a {color:#CD0901;} /* Table body links */ #mainContent table.formattedTable tr.rowOdd {background:#fff;} /* Table Odd Row for a separate background-color for every other row */ #mainContent table.formattedTable tr.rowEven {} /* Table Even Row for a separate background-color for every other row */ /* You may need to specify a specific link color for each row depending on the background colors */ #mainContent table.fullWidth {width:600px;} /* specify the width to span the full content area */ /********************* MISC BACKGROUND AND SECTIONAL STYLES (Styles used for default sectionals and misc colors.) *********************/ #mainContent .CellBackground0, .CellBackground0 {background-color:#eee; border:1px solid #ccc;} /* Background, Border, and Text color only */ #mainContent .CellBackground1, .CellBackground1 {background-color:#051b57; border:1px solid #354d83; color:#fff;} /* Background, Border, and Text color only */ #mainContent .CellBackground1 a, .CellBackground1 a {color:#fff;} #mainContent .CellContent0, #mainContent .CellContent1 {padding:5px;} /* Define padding so running copy doesn't hit edge of background. */ /********************* CALENDAR STYLES *********************/ #mainContent .calendarTable { } #mainContent .calendarTable td, #mainContent .calendarTable td a { } #mainContent .calendarTable td.calendarDayCell { } /* Specify something to overwrite CellBackground0 */ #mainContent .calendarTable td.calendarEmptyDay { } #mainContent .calendarTable td.calendarDayViewed { } /* Specify something to overwrite CellBackground1 */ #mainContent .calendarTable td.calendarCurrentDate {background:#CD0901;} #mainContent .calendarTable td.calendarCurrentDate a {color:#fff;} /********************* SEPARATOR STYLES *********************/ hr { } .sectSeparatorH { } /* Horizontal gaps between sections. */ .sectSeparatorV { } /* Vertical gaps between sections. */ /**************************/ /**** EDITS UNECESSARY ****/ /**************************/ /********************* FORM LAYOUTS *********************/ #mainContent fieldset {border:none 0px #fff;} #mainContent legend { /* Specify a Color */ font-weight:bold;} #mainContent .formRow {clear:both; margin:5px 0px;} #mainContent label {display:block; float:left; width:150px; text-align:right; font-weight:bold; margin:2px 3px 0px 0px;} #mainContent label .labelDetails {font-weight: normal; font-size:0.9em;} #mainContent .formRowMultiFields {margin-left:153px; /* !! Should be the width of the label !! */} #mainContent .formRowMultiFields img {/* Used for Captcha */ padding:0px;} #mainContent label.spanWidth {width: auto; display:block; text-align:left;} #mainContent label.inline {float:none; display:inline; width:auto; text-align:auto;} #mainContent .formRowSubmit {margin-left:153px; /* Probably the width of the label */} #mainContent .EmailForm label {width:150px;} /********************* ALIGNMENT STYLES *********************/ .alignLeft, .alignleft {float:left; margin:3px 10px 3px 0px;} .alignCenter, .aligncenter {text-align:center; margin:3px 10px;} .alignRight, .alignright {float:right; margin:3px 0px 3px 10px;} #articleAdInsert.aligncenter #relatedLinksInsert {margin:auto;} #mainContent img.noFormat {border:none 0px; margin:0px;} /*#### ALL PAGES STYLES END ##############################################################*/ /*#### CUSTOM PAGES ######################################################################*/ /*********************** Photo Wall Styles ***********************/ #photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; } #photoWallThumbs { margin: 15px 0px 0px 0px; } #photoWallThumbs { clear:both; margin: 15px 0px 0px 0px; zoom: 1;} #photoWallThumbs ul { text-align: center; list-style-type: none; display: block; } #photoWallThumbs li { margin: 25px; vertical-align: middle; display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/ display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/ _overflow:hidden;/*fix IE6 to expanded content*/ zoom:1;/*trigger hasLayout*/ *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/} #photoWallThumbs li.newRow { } #photoWallThumbs li .photo-thumb { } #photoWallPhotoPage { text-align: center; } #photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;} #photoWallPhotoPage .page-menu a { text-decoration: none;} #photoWallPhotoPage .page-menu a:hover {text-decoration: underline;} #photoWallPhotoPage .photoContainer { margin: 10px 0px; } #photoWallPhotoPage img { margin: 0px; } #photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto; } /*********************** Goout Bar Styles ***********************/ .top-goout {width: 100%;background-color: #000; padding: 2px 0 0px 0;font: 12px verdana, sans-serif; color: #f00; height:40px;} .top-col-left {width: 33%; float: left; padding: 5px; margin: 0px; } .top-col-left a {color: #f00;} .top-col-mid {width: 33%; float: left; padding: 5px 0 5px 0;} .top-col-right {width: 33%; float: left; padding: 0;color: #fff;} .top-col-right a {color: #f00;} .top-col-mid {width: 33%; float:left; padding: 5px 0 5px 0;margin-top:-10px;} html>body .top-col-mid {width: 33%; float:left; padding: 5px 0 5px 0;margin-top:0px;} fieldset {border:0px;} /*********************** Keword Search Results Styles ***********************/ .kewordSearch {width: 100%; text-align:left; padding: 5px 5 5px 5;font: 12px verdana, sans-serif; color: #000} .key-col-top {} .key-col-top a {color: #343e99;} .key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; } .key-col-left a {color: #343e99;} .key-col-mid {width: 10%; float: left; padding: 5px 0 5px 0;} .key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;;color: #000;} .key-col-right a {color: #343e99;} /*********************** Concert Calendar Styles ***********************/ .ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;font: 12px verdana, sans-serif; color: #000} .ccV-col-top {} .ccV-col-top a {color: #343e99;} .ccV-col-left {width: 30 %; float: left; padding: 5px; margin: 0px; } .ccV-col-left a {color: #343e99;} .ccV-col-mid {width: 40%; float: left; padding: 5px 0 5px 0;} .ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;;color: #000;} .ccV-col-right a {color: #343e99;} .ccArtist {width: 100%; text-align:left; padding: 5px 5 5px 5;font: 12px verdana, sans-serif; color: #000} .cc-col-top {} .ccA-col-top a {color: #343e99;} .ccA-col-left {width: 60 %; float: left; padding: 5px; margin: 0px; } .ccA-col-left a {color: #343e99;} .ccA-col-right {width: 30%; float: right; padding: 5px; margin: 0px;;color: #000;} .ccA-col-right a {color: #343e99;} /*********************** Staff Styles ***********************/ .staff {width: 100%; text-align:left; padding: 5px 5 5px 5;font: 12px verdana, sans-serif; color: #000} .staff-col-top {} .staff-col-top a {color: #343e99;} .staff-col-left {width: 10%; float: left; padding: 5px; margin: 0px; } .staff-col-left a {color: #343e99;} .staff-col-mid {width: 2%; float: left; padding: 5px 0 5px 0;} .staff-col-right {width: 70%; float: left; padding: 5px; margin: 0px;;color: #000;} .staff-col-right a {color: #343e99;} /*********************** Programming Styles ***********************/ .programming {width: 100%; text-align:left; padding: 5px 5 5px 5;font: 12px verdana, sans-serif; color: #000} .p-col-top {font: 14px verdana, sans-serif;} .p-col-left {width: 15%; float: left; padding: 5px; margin: 0px; } .p-col-mid {width: 15%; float: left; padding: 5px 0 5px 0;} .p-col-right {width: 65%; float: left; padding: 5px; margin: 0px;;color: #000;} .p-col-right a {color: #343e99;} .p-head-left {width: 15%; float: left; padding: 5px; margin: 0px;font-weight: bold;background-color: #CCC; } .p-head-mid {width: 15%; float: left; padding: 5px 0 5px 0;font-weight: bold;background-color: #CCC;} .p-head-right {width: 60%; float: left; padding: 5px; margin: 0px;;color: #000;font-weight: bold;background-color: #CCC;} /*********************** Weather Styles ***********************/ #extendedForecast .CellBackground0 /* Controls color of temperature bar. Use to customize appearance. */ { vertical-align: bottom;} #extendedForecast .negativeTemperature /* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */ { background-color: #0ff; vertical-align: bottom;} #extendedForecast /* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */ { margin: auto; text-align: center;} #extendedForecast .smallText /* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */ { font-weight: bold; font-size: 10px; line-height: 12px; vertical-align: top;} #weatherForecast .weatherDayTop /* Controls appearance of individual days. Do not add margin or padding. */ { width: 90px; margin: auto; vertical-align: top;} #weatherForecast .weatherDayBottom /* Controls appearance of individual days. Do not add margin or padding. */ { vertical-align: bottom;} #weatherForecast .weatherTemperatures .weatherTempBars { padding: 0px; margin: auto; background-color: transparent;} /* ********************************************************* *** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW *** ********************************************************* */ #weatherForecast { text-align: center; margin: auto;} #weatherDetails { width: 568px; clear: both; text-align: center;} #weatherRegionLinks { margin-top: 10px;} #weatherRegionLinks li { display: inline; float: left; margin-bottom: 10px; margin-left: 5px; width: 150px;} #currentObservation { margin: auto; width: 480px;} #currentObservation .smallText { font-size: 10px; line-height: 12px; vertical-align: top;} #currentObservation h3 { margin-bottom: 5px;} #currentObservation .footer { display: none;} #weatherForecast .weatherTemperatures { text-align: center; margin: auto; vertical-align: bottom;} #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures { border: medium none; padding: 0px; margin: 0px; background-color: transparent} #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition { display: none; padding: 0px; margin: 0px;} /*********************** Calendar ***********************/ .calendarTable {width:100%;text-align:center;} /*#### CUSTOM PAGES END ##################################################################*/ /* ############################################################# sectional.css ############################################################# */ /* ALL SECTIONAL TEMPLATES */ .sectional .story { clear: both;} .sectional p.storyImage { display: block; float: left; margin: 3px 3px 0px 0px; padding: 0px;} .sectional p.storyImage img { margin: 0px; padding: 0px;} .sectional .storyLink { display: none; visibility: hidden; font-size: 1px; color: #fff; text-indent: -9999px;} .sectional .storySeparator { clear: both;} /* The Last Story Separator */ .sectional .separatorLast { visibility: hidden;} /************************/ /* SECTIONAL TEMPLATE 2 */ /************************/ /* Top Story */ .secTemplate2 .entry1 .storySeparator hr { display: none;} .secTemplate2 .contentSeparator hr { visibility: hidden;} /************************/ /* SECTIONAL TEMPLATE 3 */ /************************/ /* Container for the Top 3 Entries */ .secTemplate3 .secTop {} /* Container for First Half of the bottom Entries */ .secTemplate3 .secBottomFirstHalf { display: block; width: 280px; float: left;} /* Separator Between Bottom Halves */ .secTemplate3 .contentSeparator { display: block; width: 15px; float: left;} /* Container for Second Half of the bottom Entries */ .secTemplate3 .secBottomSecondHalf { display: block; width: 280px; float: left;} /************************/ /* TWITTERS */ /************************/ #mainContent #twitterFeeds {font-size:12px;} #mainContent #twitterFeeds .feed {margin-bottom:1em;} #mainContent #twitterFeeds h4 {font-size:1.15em;color:#CD0901;} #mainContent #twitterFeeds h4 a {text-decoration:none;color:#CD0901;} #mainContent #twitterFeeds h4 a:hover {text-decoration:underline;color:#000;} #mainContent #twitterFeeds .tweetTime {font-size:.833em;color:#797979;} #mainContent #twitterFeeds .tweetTime a {text-decoration:none;color:#797979;} #mainContent #twitterFeeds .tweetTime a:hover {text-decoration:underline;color:#000;} #contentMiddle #twitterFeeds {font-size:12px;} #contentMiddle #twitterFeeds .feed {margin-bottom:1em;} #contentMiddle #twitterFeeds h4 {font-size:1.15em;color:#CD0901;} #contentMiddle #twitterFeeds h4 a {text-decoration:none;color:#CD0901;} #contentMiddle #twitterFeeds h4 a:hover {text-decoration:underline;color:#000;} #contentMiddle #twitterFeeds .tweetTime {font-size:.833em;color:#797979;} #contentMiddle #twitterFeeds .tweetTime a {text-decoration:none;color:#797979;} #contentMiddle #twitterFeeds .tweetTime a:hover {text-decoration:underline;color:#000;} .elsAlertMsg { font-family: standard running; font-size: 13px; font-weight: bold; color: #cd0901; line-height: normal } .elsTable { border-style: solid; border-width: 4px; } .elsCellField { background-color: #cd0901; color: #ffffff; font-family: standard running; font-size: 13px; } .elsCellData { background-color: #cd0901; color: #ffffff; font-family: standard running; font-size: 13px; } A.elsCellField { color: #cd0901; } A.elsCellData { color: #cd0901; }