/* RESET ----------------------------------------- */ html, body, div, span, applet, object, iframe, center, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form,label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 0 0 0; padding: 0 0 0 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; } /* GLOBAL TYPOGRAPHY ----------------------------------------- */ @font-face { font-family: "FuturaBT-ExtraBlackItalic"; src: url("http://graphics.jsonline.com/webfonts/620wtmj/eot/style_580.eot"); src: url("http://graphics.jsonline.com/webfonts/620wtmj/eot/style_580.eot?iefix") format("eot"), url("http://graphics.jsonline.com/webfonts/620wtmj/woff/style_580.woff") format("woff"), url("http://graphics.jsonline.com/webfonts/620wtmj/ttf/style_580.ttf") format("truetype"), url("http://graphics.jsonline.com/webfonts/620wtmj/svg/style_580.svg#FuturaBT-ExtraBlackItalic") format("svg"); font-weight: normal; font-style: normal; } body { font:13px/1.3 arial, helvetica, sans-serif; color:#1F1F1F; } a { text-decoration:none; border:0; color:#003399; } a:hover, a:active, a:focus { text-decoration:underline; color:#0048b8; } a img { border:0; } h2, h3, p, h2, h3, h4, ul, ol, dl, blockquote { display:block; margin-bottom:16px; } img { display:block; margin-left: auto; margin-right:auto; } p, li { font-size:12px; } h2, h3, h4, h5 { font-weight:bold; color:#BE0C37; } h2 { font-size:16px; } h3 { font-size:14px; margin-bottom:8px; } h4, h5, h6 { font-size:12px; margin-bottom:0; color:#000; } h1 span, h2 span, h3 span, h4 span { font-weight:normal; } dt { font-weight:bold; } dd { margin-left:0; } ul, ol { margin-left:0; padding-left:32px; } ul li { list-style:disc; } ol li { list-style:outside decimal; } li ul, li ol { margin-top:0.75em; margin-bottom:0; padding-left:16px; } li ol li { background:none; padding-left:0; } li { margin-bottom:0.75em; } /* LAYOUT ----------------------------------------- */ html, body { background:#ECF1F7 url('http://media.620wtmj.com/designimages/620-body.png') repeat-x; } html { overflow-y:scroll; } div{z-index:1} #top { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #page { width:1000px; margin:0 auto; background-color:#FFF; border-left:1px solid #B5C8DF; border-right:1px solid #B5C8DF; } #head, #utility, #foot { padding:15px 16px; zoom:1; } #nav, #body-inner, #foot-inner { zoom:1; } #head:after, #nav:after, #body-inner:after, #foot-inner:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Special Section BG overrides */ .html-valentines body{background: none repeat scroll 0 0 #FBCCDC;} /* FORMS ----------------------------------------- */ select, input, textarea, button { font:99% Arial, sans-serif; } input[type="text"], textarea { border:1px solid #CCCCCC; border-bottom-color:#EEEEEE; border-right-color:#EEEEEE; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding:0.25em; width:100%; font-size:100%; } input[type="text"] { text-indent:3px; line-height:16px; height:auto; padding-top:3px; padding-bottom:3px; } textarea { overflow:auto; display:block; } input, select { vertical-align:middle; } label, input[type=button], input[type=submit], label { display:block; height:16px; margin:0 0 0 0; padding:0; cursor:pointer; } label input { background:0; border:0; margin:0 0.5em 0 0; padding:0; width:auto; } form p label { font-size:12px; color:#133385; line-height:16px; height:16px; margin-bottom:3px; } fieldset { margin:0 0 16px 0; padding:0; border:none; } fieldset legend { margin:0; padding:0; color:#000; } fieldset input, fieldset label { display:inline; width:auto; height:auto; margin:0; padding:0; vertical-align:middle; border:none; text-transform:none; } fieldset ul { margin:1em 0 0 0; } fieldset li { background:none; padding:0; margin:0; } button { display:block; border:0; font-size:108%; text-transform:uppercase; font-weight:bold; color:#FFF; height:24px; line-height:24px; margin:0 auto 6px auto; padding:0; text-align:center; } button:hover, button:focus { background:#EEEEEE; text-decoration:none; } button { cursor:pointer; width:auto; overflow:visible; } button::-moz-focus-inner { padding:0; border:0; } /* form.search rules used in header and utility */ .search { width:153px; height:22px; } .search input { line-height:1; display:block; height:22px; padding-top:5px; width:130px; float:left; font-size:12px; color:#000; } /*.search button { float:right; background:url('http://media.620wtmj.com/designimages/620-button-search.png'); text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; width:22px; height:22px; }*/ .search button { background-attachment: scroll; background-color: transparent; background-image: url('http://media.620wtmj.com/designimages/620-icons.png'); background-position: -25px 0; background-repeat: no-repeat; float: right; height: 22px; overflow: hidden; text-align: left; text-indent: -999em; width: 22px; } .search input, .search button { display:block; margin:0; } /*.search button:hover, .search button:focus, .search button:active { background-image:url('http://media.620wtmj.com/designimages/620-button-search-hover.png'); } */ .search button:hover, .search button:focus, .search button:active { background-position: -25px -25px; } /* HEAD ----------------------------------------- */ #head { padding:15px; background:#fff; position:relative;z-index:200 } #head h1 { width:246px; margin:0; position:absolute; left:8px; top:16px; } #head h1 a { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; background-image:url(http://media.journalinteractive.com/designimages/620-logo.png); height:90px; } #head .block { width:728px; height:90px; float:right; margin:0; } /* NAV ----------------------------------------- */ #nav.topnav-navigation { background:#2C64A3 url('http://media.620wtmj.com/designimages/620-nav.png') right top; position:relative; z-index:9; height:30px; border-bottom:1px solid #fff; } #nav.topnav-navigation ul, #nav.topnav-navigation li { float:left; margin:0; padding:0; list-style-type:none; z-index:1; } #nav.topnav-navigation a { display:block; color:#EAEFF5; background:#023A78 url('http://media.620wtmj.com/designimages/620-nav-link.png') no-repeat right top; height:30px; line-height:30px; padding:0 9px; font-size:12px; font-weight:bold; } #nav.topnav-navigation .section-highlight a { background-color:#AE2424; background-image:url('http://media.620wtmj.com/designimages/620-nav-highlight.png'); color:#fff; } #nav.topnav-navigation a.stick, #nav.topnav-navigation a.active { border-bottom:1px solid #fff; } #nav.topnav-navigation .no-dropdown .active, #nav.topnav-navigation .no-dropdown .stick { border-bottom:none!important; } #nav.topnav-navigation a.active { background-image:url('http://media.620wtmj.com/designimages/620-nav-active.png'); color:#1D3F76; text-decoration:none; } #nav.topnav-navigation a:hover, #nav.topnav-navigation a:focus, #nav.topnav-navigation a.stick { background:#FFF4DE; color:#1D3F76; text-decoration:none; } #nav.topnav-navigation ul li.section-home { margin:0; padding:0; } #nav.topnav-navigation ul li.section-home a { width:46px; margin:0; padding:0; text-indent: -999em; overflow: hidden; text-align: left; background:url('http://media.620wtmj.com/designimages/620-nav-home.png') no-repeat right center } #nav.topnav-navigation ul li.section-home a:hover, #nav.topnav-navigation ul li.section-home a:hover { background-image:url('http://media.620wtmj.com/designimages/620-nav-home-hover.png'); } #nav.topnav-navigation ul li.section-home a.active { background-image:url('http://media.620wtmj.com/designimages/620-nav-home-active.png'); } #nav.topnav-navigation .section-highlight a:hover, #nav.topnav-navigation .section-highlight a:focus, #nav.topnav-navigation .section-highlight a.stick, #nav.topnav-navigation .section-highlight a.active { background:#FFEDED; border-bottom-color:#FFEDED; color:#BE0C37 } #nav.topnav-navigation form { padding:4px; z-index:3; position:absolute; right:0; top:0; } #nav.topnav-navigation .dropdown { display:none; background:url('http://media.620wtmj.com/designimages/620-nav-dropdown.png') repeat-x left bottom; position:absolute; left:0; top:30px; width:1000px; padding:0 0 2px 0; } #nav.topnav-navigation .dropdown-inner { background:#FFF4DE; zoom:1; border-bottom:1px solid #FFFDF8; } #nav.topnav-navigation .dropdown-inner:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #nav.topnav-navigation .section-highlight .dropdown-inner { background-color:#FFEDED; } #nav.topnav-navigation .dropdown .group { float:left; padding:14px 0; margin:0 0 0 19px; zoom:1; } #nav.topnav-navigation .dropdown .group:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #nav.topnav-navigation .dropdown h4 { color:#BE0C37; text-transform:none; font-weight:bold; margin-bottom:6px; margin-right:12px; font-size:11px; width:100%; border-bottom:1px solid #BE0C37; padding-bottom:3px; } #nav.topnav-navigation .dropdown a { font-size:11px; color:#003399; display:inline; margin:0; padding:0; background:none; border:none; height:auto; line-height:1.2; font-weight:normal; } #nav.topnav-navigation .dropdown a:hover { text-decoration:underline; } #nav.topnav-navigation .dropdown ul { line-height:1; float:left; margin-right:19px; } #nav.topnav-navigation .dropdown ul li { margin-top:3px; float:none; } #nav.topnav-navigation .dropdown ul li:first-child { margin-top:0; } #nav.topnav-navigation .dropdown h4.previously, #nav.topnav-navigation .dropdown h4.next, #nav.topnav-navigation .dropdown h4.more { color:#4a4a4a; border-bottom-color:#97999F; font-weight:normal; } #nav.topnav-navigation .dropdown h3, #nav.topnav-navigation .dropdown p { width:227px; color:#4A4A4A; font-size:11px; margin:0; } #nav.topnav-navigation .dropdown h3 { margin-top:3px; margin-bottom:3px; } #nav.topnav-navigation .dropdown h3 a { font-size:11px; font-weight:bold; } #nav.topnav-navigation .dropdown a.audio { background:url('http://media.620wtmj.com/designimages/620-icon-audio.png') no-repeat left 2px; font-size:12px; font-weight:bold; padding-left:19px; height:15px; line-height:15px; margin-top:11px; display:block; float:left; } #nav.topnav-navigation .underlay { z-index:1; position:absolute; top:0; left:0; width:1000px; height:30px; background:#164D8A; } #nav.topnav-navigation ul { z-index:2; background:none; position:relative; } /* CONTENT ----------------------------------------- */ #body-top { z-index:2; background:#333; color:#FFF; } #body-inner { z-index:1; padding:0 16px; margin:16px 0 0 0; background:url('http://media.620wtmj.com/designimages/620-body-cols.png') repeat-y 16px top; } .format-iframe #body-inner { padding: 0; } #content { width:640px; float:left; padding:0 0 16px 0; position:relative; } #content .sidebar { width:300px; float:left; margin:0 20px 20px 0; } #body-right { width:300px; float:right; padding:0 0 16px 0; position:relative; } #content > :last-child, #body-right > :last-child, #content .sidebar > :last-child { margin-bottom:0; } #body-bottom { padding:16px 0; border-top:1px solid #DDDDDD; margin:0 16px; text-align:center; } #body-bottom .block { margin:0 auto; width:728px; } /*----------------------------------------- */ /* layout-specific adjustments */ /*----------------------------------------- */ .section-secondary #body-top .breadcrumbs{background-color:#E4E9F4;} .section-highlight #body-top .breadcrumbs{background-color:#F7D4DA; color:#fff;} .layout-index #body-inner{margin-top:16px;} .layout-index #content, .layout-index #body-right{padding-top:0;} .layout-home #body-inner{margin-top:16px; margin-bottom:16px; background-position:16px 0;} .layout-home #content, .layout-home #body-right{padding:0;} .layout-home #nav.topnav-navigation .active{/* border-bottom-color:#FFF;*/} .layout-home #body-bottom{/*display:none;*/} .layout-home .section{margin-bottom:32px;} .layout-multimedia-videos #body-inner { background:#FFF; } .layout-multimedia-videos #content { float:none; width:auto;} .layout-multimedia-videos #body-right { display:none; } .layout-multimedia-videos .cols-66-33 .right { width:312px; } .layout-multimedia-videos .cols-66-33 .left { width:640px; } .html-halloween, .html-halloween body { background: black none; } .layout-halloween #body { background: transparent none; } #page.layout-halloween { background: black url('http://media.620wtmj.com/designimages/Background-Halloween.jpg') no-repeat 0 -40px;border-color:#333; } .layout-halloween #body-inner { margin-top:150px;background:transparent none; } .layout-halloween #head { background-color: black; } .layout-halloween #copyright { background-color: black; } .layout-halloween #copyright a { color: #666; } .layout-halloween #body-bottom { border-top-color:#333; } .layout-halloween #topBar, .layout-halloween #utility, .layout-halloween #foot { display:none; } /* RIGHT SIDEBAR ----------------------------------------- */ #body-right .block { margin-bottom:16px; line-height:1.4; } #body-right .block:last-child { margin-bottom:0; } #body-right li, #body-right p { font-size:11px; } /* UTILITY LINKS ----------------------------------------- */ #utility { background:#FEFEFE url('http://media.620wtmj.com/designimages/620-utility.png') repeat-x left top; } #utility:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #utility .left, #utility .center, #utility .right { width:312px; float:left; margin-right:16px; } #utility .right { width:300px; float:right; margin-right:0; } #utility ul, #utility li { margin:0; padding:0; list-style-type:none; float:left; } #utility a { background-repeat:no-repeat; display:block; line-height:24px; height:24px; font-size:10px; color:#A8BDE6; text-transform:uppercase; } #utility h1 { width:104px; height:24px; float:left; margin:0; position:relative; } #utility h1 a { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; background-image:url('http://media.620wtmj.com/designimages/620-utility-logo.png'); height:50px; width:136px; position:absolute; top:-13px; left:-5px; } #utility .left ul { margin-left:57px; float:left; } #utility .twitter a, #utility .facebook a { text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; width:24px; margin-right:10px; } #utility .twitter a { background-image:url('http://media.620wtmj.com/designimages/620-utility-twitter.png'); background-position:left center; } #utility .facebook a { background-image:url('http://media.620wtmj.com/designimages/620-utility-facebook.png'); background-position:left center; } #utility .share a { padding-left:27px; background-image:url('http://media.620wtmj.com/designimages/620-utility-share.png'); background-position:left center; } #utility .center ul, #utility .center li { margin:0; float:none; } #utility .center ul { text-align:center; } #utility .center li { display:inline-block; } #utility .mobile a, #utility .rss a { text-transform:uppercase; padding-left:19px; } #utility .mobile a { background-image:url('http://media.620wtmj.com/designimages/620-utility-mobile.png'); background-position:left center; } #utility .rss a { background-image:url('http://media.620wtmj.com/designimages/620-utility-rss.png'); background-position:left center; margin-left:16px; } #utility .email a, #utility .print a { text-transform:uppercase; padding-left:21px; margin-right:15px; } #utility .email a { background-image:url('http://media.620wtmj.com/designimages/620-utility-email.png'); background-position:left center; } #utility .print a { background-image:url('http://media.620wtmj.com/designimages/620-utility-print.png'); background-position:left center; } #utility form.search { float:right; } /* AddThis Button override */ #utility .at15t_compact { background-position: 0 0 !important; } #utility .at300bs { background: none !important; display: inline-block !important; width: 0 !important; } /* FOOTER: SITE INDEX, WEATHER ----------------------------------------- */ #foot { background:#FFF url('http://media.620wtmj.com/designimages/620-foot.png') repeat-x; } #foot-inner { background:url('http://media.620wtmj.com/designimages/620-foot-cols.png') repeat-y left top; } #foot-inner:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #foot dl.col { width:148px; margin-right:16px; margin-left:0; float:left; } #foot .site-index { font-size:11px; line-height:1.2; margin-bottom:0; } #foot .site-index dt, #foot .site-index dd { margin:4px 0; } #foot .site-index dt { background-color:#D4DEEA; padding:4px; text-transform:uppercase; line-height:14px; margin-top:16px; } #foot .site-index dd { padding:0 4px; color:#666; } #foot .site-index :first-child { margin-top:0; } #foot div.col { width:300px; float:right; } #foot .weather-widget { display:block; width:300px;} /* COPYRIGHT + BACK-TO-TOP ----------------------------------------- */ #copyright { background-color:#C5D2E2; padding:15px; zoom:1; } #copyright:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #copyright p, #copyright ul, #copyright li { float:left; margin-bottom:0; font-size:11px; color:#034592; } #copyright li { margin-left:1em; list-style-type:none; } #copyright li a { color:#034592; text-decoration:underline; } #copyright .return { float:right; text-decoration:underline; } /* BREADCRUMBS ----------------------------------------- */ #body-top .breadcrumbs { background:#FFF4DE; padding:0 16px; margin:0; height:30px; line-height:30px; font-size:11px; color:#666; } body.section-highlight #body-top .breadcrumbs { background-color:#F7D4DA; color:#fff; } /* WIDGETS ----------------------------------------- */ /* TABS: .fill plugin is run on these items and will adjust the width of each tab to fit the container exactly */ .tab-controls { position:relative; width:100%; } .tab-controls, .tab-controls li { margin:0; padding:0; list-style-type:none; height:25px; line-height:25px; } .tab-controls { zoom:1; border-bottom:2px solid #053D7B; background:url('http://media.620wtmj.com/designimages/620-tabs.png') no-repeat right bottom; height:25px; overflow:hidden; width:100%; } .tab-controls:after { content: "\0020"; display:block; height:0; clear: both; visibility: hidden; } .tab-controls li { float:left; background:url('http://media.620wtmj.com/designimages/620-tabs-divider.png') no-repeat left bottom; padding-left:1px; } .tab-controls li.first { padding-left:0; background:none; } .tab-controls a { display:block; padding:0; width:auto; height:25px; line-height:25px; background:url('http://media.620wtmj.com/designimages/620-tabs.png') no-repeat center bottom; /*color:#053D7B;*/ font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; } .tab-controls a:hover, .tab-controls a:focus { outline:none; /*color:#333;*/ } .tab-controls a.selected { color:#fff; background-position:center top; text-decoration:none; cursor:default; } .tab-controls li.first a { background-position:left bottom; } .tab-controls li.first a.selected { background-position:left top; } .tab-controls li.last a { background-position:right bottom; } .tab-controls li.last a.selected { background-position:right top; } /* if there is a second set of ".tab-controls" inside of a tabset (div.tabs), it will be treated as "bottom" */ .tabs-bottom { border-bottom:0; border-top:2px solid #053D7B; } .tabs-bottom li { background-image:url('http://media.620wtmj.com/designimages/620-tabs-divider-bottom.png'); } .tabs-bottom, .tabs-bottom a { background-image:url('http://media.620wtmj.com/designimages/620-tabs-bottom.png'); } /* Weather Widget */ /* Weather Footer Ad */ .weather-footer-ad { background-color: #3868aa; padding:5px 25px;} /* WEATHER */ .weather-widget { width:300px; background:#134988 url('http://media.620wtmj.com/designimages/weather-background.png') no-repeat left top; position:relative; overflow:hidden; } .weather-widget h2 { margin:0 0 0 0; padding:0 0 0 0; } #weatherBlock .header-nestedblock1 a, .weather-widget h2 a { background:url('http://media.620wtmj.com/designimages/stormteam4-weather-logo.png') no-repeat right bottom; width:94px; height:44px; display: block; text-indent: -999em; overflow: hidden; text-align: left; } .weather-widget form { position:absolute; top:11px; right:11px; } .weather-widget form label { display:block; font-size:11px; color:#fff; line-height:22px; height:22px; width:auto; white-space:nowrap; text-align:right; } .weather-widget form input { width:50px; height:22px; line-height:12px; padding:5px 2px; color:#999; font-size:11px; line-height:1; text-align:right; background:white; } /*.weather-widget form button { background:url('http://media.620wtmj.com/designimages/620-form-submit.png'); width:22px; height:22px; display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; } .weather-widget form button:hover { background-image:url('http://media.620wtmj.com/designimages/620-form-submit-hover.png'); }*/ .weather-widget form button { background-attachment: scroll; background-color: transparent; background-image: url('http://media.620wtmj.com/designimages/620-icons.png'); background-position: 0 0; background-repeat: no-repeat; display: block; height: 22px; overflow: hidden; text-align: left; text-indent: -999em; width: 22px; } .weather-widget form button:hover { background-position:-0px -25px; } .weather-widget form label { padding-right:77px; } .weather-widget form input { position:absolute; top:0; right:23px; margin:0; } .weather-widget form button { position:absolute; top:0; right:0; margin:0; } .weather-widget .tabs, .weather-widget .tabs li { margin:0; padding:0; height:25px; list-style-type:none; font-size:10px; } .weather-widget .tabs li { float:left; width:25%; text-transform:uppercase; } .weather-widget .tabs a { display:block; text-align:center; margin:0; padding:0; height:25px; line-height:25px; color:#A9D2F7; text-decoration:none; background:url('http://media.620wtmj.com/designimages/620-tab-link.png') no-repeat left top; outline:none; } .weather-widget .tabs li:first-child a { background-position:-1px top; } .weather-widget .tabs .selected a { color:#fff; background-image:url('http://media.620wtmj.com/designimages/620-tab-selected.png'); } .weather-widget .carousel { min-height:120px; height:auto !important; height:120px; /*<< min-height fix for IE6, only used for empty display */ } .weather-widget .carousel ul { margin:0; padding:0; width:1200px; zoom:1; } .weather-widget .carousel ul:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .weather-widget .carousel li { float:left; width:300px; zoom:1; margin:0; padding:0 0; list-style-type:none; position:relative; } .weather-widget .carousel li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .weather-widget .carousel .radar { padding:0; } .weather-widget h3 { font-size:11px; color:#FDC85D; margin:0; padding:0; height:30px; line-height:30px; text-align:center; } .weather-widget a, .weather-widget a:hover { color:#fff; } .weather-widget .temp { position:absolute; z-index:2; left:10px; top:30px; width:60px; text-align:center; font-size:24px !important; line-height:60px; font-weight:bold; margin:0; } .weather-widget .temp span { font-weight:normal; } .weather-widget .conditions { z-index:1; width:225px; text-align:center; font-size:11px; line-height:1; font-weight:bold; color:#fff; margin:0 0 10px 0; } .weather-widget .conditions img { display:block; margin:0 auto 5px auto; } .weather-widget dl { position:absolute; z-index:3; right:10px; top:30px; width:120px; } .weather-widget dt, .weather-widget dd { margin:0 0 0 0; padding:0; width:50%; font-size:11px; overflow:hidden; } .weather-widget dt { float:left; clear:both; font-weight:bold; color:#A9D2F7; } .weather-widget dd { float:right; color:#fff; } .weather-widget .overlay { position:absolute; top:0; left:0; width:300px; height:500px; z-index:9999; background:#fff url('http://media.620wtmj.com/designimages/620-ajax-loader.gif') no-repeat center 100px; margin:0; padding:0; cursor:wait; } .weather-footer { background:#081F74 url('http://media.620wtmj.com/designimages/620-weather-links-background.png') no-repeat left top; height:54px; overflow:hidden; } .weather-footer p { margin:0; padding:11px 0 0 0; position:relative; width:100%; } .weather-footer a { display:block; font-size:12px; color:#99CCFF; } .weather-footer .videos{position: absolute;top: 4px;left: 75px;height: 40px;padding: 7px 0 0 0;width: 110px;} .weather-footer .overlay{position: absolute;z-index: 4;top: -22px;left: -28px;width: 120px;-moz-opacity: .60;-ms-filter: "alpha(opacity=60)";filter: alpha(opacity=60);opacity: .60;} .weather-footer .still{position: absolute;height: 47px;width: 62px;z-index: 1;} .weather-footer .latest-video{width: 62px;height: 47px;position: absolute;left: 3px;top: 4px;overflow: hidden;} .weather-footer .forecast, .weather-footer .alerts { background:url('http://media.620wtmj.com/designimages/620-weather-links.png') no-repeat left center; padding-left:11px; display:block; margin-left:175px; } .weather-footer .forecast { } .weather-footer .alerts { font-weight:bold; color:#FFCC00; text-transform:uppercase; } /* Weather Alerts */ .weatheralerts .content h1 { font-size:20px; font-weight:bold; } .weatheralerts .content .event { font-weight:bold; } .weatheralerts .content img { display: inline; } .alertsBox { padding-left: 10px; margin-left: 160px; background-color: #FFD414; width: 130px; height: 54px; margin-top: -10px; background-image: url('http://media.620wtmj.com/designimages/weather_alert-bg.jpg'); background-repeat: no-repeat; } .alertsNum a { font-size: 35px; width: 35px; font-weight: bold; padding-top: 3px; color: #990100; } .alertsText { display: none; } .radar a img{height:136px;} .alertsCounty h1.alertCounty { font-size: 18px;font-weight: bold;border-bottom: 1px solid #CCC; } .alertsAll h1.alertCounty { font-size: 14px;font-weight: bold; } img.alertColorDot { display: inline; } /* VIDEO ( list of clips + player, used on home page only... so far) ----------------------------------------- */ #most-recent-video .filters{margin: 0px;padding: 0px;height: 27px;line-height: 27px;text-align: center;} #most-recent-video .filters .filter{display: inline;margin: 0 .25em;padding: 0;cursor: pointer;background: none;} #most-recent-video .filters .filter span{font-size: 11px;margin: 0;padding: 0;float: none;color: #0B33B2;font-weight: normal;display:inline;} #most-recent-video .filters .filter.selected span{font-weight:bold;color:#000000;} #most-recent-video .tab-contents{clear:both;padding:0;width:640px;overflow:hidden;} #most-recent-video .tab-contents .tab-content-loader{margin:10px;} #most-recent-video .tab-contents .tab-content-loader p.loader{margin:0;padding:60px 0 0 0;background:url('http://media.620wtmj.com/designimages/videoloader2.gif') no-repeat center center;text-align:center;height:120px;font-size:10px;} #most-recent-video .tab-contents .tab-content{display: none;margin:0;height:210px;} #most-recent-video .tab-contents .tab-content.selected{display:block;} #most-recent-video .tab-contents .tab-content p.loader{margin:0;padding:60px 0 0 0;background:url('http://media.620wtmj.com/designimages/videoloader2.gif') no-repeat center center;text-align:center;height:120px;font-size:10px;} #most-recent-video .search{float:left;width:315px;padding:10px 0 0 0;margin:0;} #most-recent-video .search .search_input{line-height:1;height:22px;width:288px;float:left;font-size:12px;color:#333;display:block;margin:0;} #most-recent-video .search .search_submit{float:right;background:url('http://media.620wtmj.com/designimages/search-btn_s1.png');text-indent: -999em;overflow:hidden;background-repeat:no-repeat;text-align: left;width:22px;height:22px;display:block;margin:0;} #most-recent-video .search .search_submit:hover, #most-recent-video .search .search_submit:focus, #most-recent-video .search .search_submit:active{background-image:url('http://media.620wtmj.com/designimages/search-btn_s2.png');} #most-recent-video .ad{float:right;overflow:hidden;padding:3px 0 0 0;margin:0;} #most-recent-video .tab-contents .playlist{height:180px;overflow:hidden;width:315px;margin:0 0 0 5px;float:left;} #most-recent-video .tab-contents .playlist ul{padding:0;margin:0;list-style:none;height:180px;overflow:auto;} #most-recent-video .tab-contents .playlist li{list-style:none;cursor:pointer;height:40px;padding:0;font-size:11px;margin:0;overflow:hidden;clear:left;} #most-recent-video .tab-contents .playlist li a, #most-recent-video .tab-contents .playlist li a:link, #most-recent-video .tab-contents .playlist li a:active, #most-recent-video .tab-contents .playlist li a:visited, #most-recent-video .tab-contents .playlist li a:hover{text-decoration:none;color:#000000;} #most-recent-video .tab-contents .playlist li .thumbnail{width:45px;height:30px;float:left;margin:5px 5px 5px 5px;display:block;border:none;} #most-recent-video .tab-contents .playlist li .name{float:left;height:30px;overflow:hidden;width:181px;display:block;margin:5px 5px 5px 0;font-weight:normal;font-size:11px;} #most-recent-video .tab-contents .playlist li ul.tags{overflow: hidden;height: 0;list-style: none;margin: 0;padding: 0;display:none;} #most-recent-video .tab-contents .playlist li .branding{float:right;width:40px;margin:5px 5px 5px 0;display:block;border:none;} #most-recent-video .tab-contents .playlist li.even{background:#E9EEF4;border:1px solid #E9EEF4;} #most-recent-video .tab-contents .playlist li.odd{background:#ffffff;border:1px solid #ffffff;} #most-recent-video .tab-contents .playlist li.hover{border:1px solid #C3C4C4;} #most-recent-video .tab-contents .playlist li.active{border:1px solid #6D90AB;} #most-recent-video .tab-contents .playlist li.hide{display:none;} #most-recent-video .tab-contents .player{float:left;width:320px;height:180px;overflow:hidden;} #most-recent-video .tab-contents .player ul.tags{overflow: hidden;height: 0;list-style: none;margin: 0;padding: 0;display:none;} #most-recent-video .tab-contents .player .video{width:320px;height:180px;position:relative;overflow:hidden;background: #000000 url('$cms.media("620-iframeloaderblack.gif","designimages").url') no-repeat center center;} #most-recent-video .tab-contents .player .description{background:#E9EEF4;padding:10px;} #most-recent-video .tab-contents .player .iframe{position:absolute;z-index:0;top:0;left:0;height:180px;width:320px;display:none;} #most-recent-video .tab-contents .player .video_still{position:absolute;z-index:1;top:0;left:0;width:320px;height:180px;background:#000000;} #most-recent-video .tab-contents .player .thumbnail{position:absolute;z-index:2;top:0;left:0;width:320px;height:180px;border:none;} #most-recent-video .tab-contents .player .name{font-weight:normal;font-size:11px;color:#ffffff;text-decoration:none;position:absolute;z-index:3;top:0;left:0;width:320px;padding:10px;background:#000000;-moz-opacity:.60; -ms-filter:â alpha(opacity=60)â ; filter:alpha(opacity=60); opacity:.60;} #most-recent-video .tab-contents .player .button_overlay{position:absolute;z-index:4;top:0;left:0;border:none;width:320px;height:180px;-moz-opacity:.60; -ms-filter:â alpha(opacity=60)â ; filter:alpha(opacity=60); opacity:.60;} #most-recent-video .clearfix{height: 100%; overflow: hidden;} .tooltip {display:none;background:#ffffff;font-size:11px;width:200px;padding:10px 10px 10px 15px;color:#444444;border:1px solid #cccccc;text-align:left;font-family:Verdana,Arial,Helvetica,sans-serif;} .tooltip span{width:7px;height:13px;background:url('$cms.media("620-tooltipleftarrow.gif","designimages").url') no-repeat top left;display:block;position:absolute;left:-7px;top:13px;} /* SCROLLERS: shared rules for all the scrollers */ .scroller { margin-bottom:16px; width:100%; position:relative; } .scroller .controls { position:absolute; top:-8px; right:1px; text-align:right; height:19px; margin:0 0 0 0; padding:0 0 0 0; } .scroller .controls img { display:inline; margin:0; padding:0; vertical-align:middle; cursor:pointer; background-position:center center; background-repeat:no-repeat; } .scroller .controls .prev, .scroller .controls .next { width:19px; height:19px; } .scroller .controls .prev { background-image:url('http://media.620wtmj.com/designimages/620-scroller-prev.png'); } .scroller .controls .next { background-image:url('http://media.620wtmj.com/designimages/620-scroller-next.png'); } .scroller .controls .prev:hover, .scroller .controls .prev:focus { background-image:url('http://media.620wtmj.com/designimages/620-scroller-prev-hover.png'); } .scroller .controls .next:hover, .scroller .controls .next:focus { background-image:url('http://media.620wtmj.com/designimages/620-scroller-next-hover.png'); } .scroller .controls .disabled { cursor:default; opacity:.40; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: alpha(opacity=40); } .scroller .pager { padding-left:2px; padding-right:2px; } .scroller .pager img { background-image:url('http://media.620wtmj.com/designimages/620-scroller-link.png'); width:11px; height:11px; } .scroller .pager img:hover, .scroller .pager img:focus { background-image:url('http://media.620wtmj.com/designimages/620-scroller-hover.png'); } .scroller .pager img.selected { background-image:url('http://media.620wtmj.com/designimages/620-scroller-selected.png'); } .scroller .caroufredsel_wrapper { } .scroller .carousel { zoom:1; margin:0 0 0 0; padding:0 0 0 0; font-size:11px; line-height:1.2; zoom:1; } .scroller .carousel:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .scroller .carousel li { float:left; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .scroller .carousel img { display:block; margin-bottom:14px; } /* ...and ID-specific rules */ #related-videos { } #related-videos li { width:96px; margin:0 7px 0 0; padding:0 0 0 0; font-size:11px; } #related-videos li a { display:block; background:url('http://media.620wtmj.com/designimages/620-shadow-94x70.png') no-repeat; } #related-videos .carousel img { margin-bottom:6px; } #related-galleries { padding-top:15px; position:relative; left:-2px; width:304px; } #related-galleries .controls { right:3px; } #related-galleries li { width:150px; margin-right:8px; font-size:11px; } #related-galleries li a { display:block; background:url('http://media.620wtmj.com/designimages/620-related-galleries.png') no-repeat; padding:5px 9px 0 5px; overflow: hidden; } #related-photos { width:304px; left:-2px; position:relative; } #related-photos .controls { right:3px; } #related-photos li { width:146px; margin-right:12px; font-size:11px; } #related-photos li a { display:block; background:url('http://media.620wtmj.com/designimages/620-related-photos.png') no-repeat; padding:5px; } #related-audio a { font-size:12px; } #related-audio .podcastContainerAudio { margin-bottom:10px; } #adscroller { width:300px; margin:0 0 0 0; } #adscroller .carousel, #adscroller .carousel li { width:300px; height:250px; margin:0; padding:0; list-style-type:none; } #adscroller .carousel li { margin:0 1px 0 0; float:left; } #adscroller .controls { background:url('http://media.620wtmj.com/designimages/620-adscroller-background.png'); height:25px; width:300px; position:relative; top:0; text-align:center; margin:0; } #adscroller .controls:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #adscroller .prev, #adscroller .next { display: block; position:absolute; top:7px; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; } #adscroller .prev { background:url('http://media.620wtmj.com/designimages/620-adscroller-left.png'); width:10px; height:11px; left:7px; } #adscroller .prev:hover, #adscroller .prev:focus { background-image:url('http://media.620wtmj.com/designimages/620-adscroller-left-hover.png'); } #adscroller .next { background:url('http://media.620wtmj.com/designimages/620-adscroller-right.png'); width:10px; height:11px; right:7px; } #adscroller .next:hover, #adscroller .next:focus { background-image:url('http://media.620wtmj.com/designimages/620-adscroller-right-hover.png'); } #adscroller .pager { display:block; height:9px; padding:8px; width:238px; margin:0 auto; text-align:center; } #adscroller .pager img { background-image:url('http://media.620wtmj.com/designimages/620-adscroller-link.png'); margin:0 2px; } #adscroller .pager img:hover, #adscroller .pager img:focus { background-image:url('http://media.620wtmj.com/designimages/620-adscroller-link-hover.png'); } #adscroller .pager img.selected { background-image:url('http://media.620wtmj.com/designimages/620-adscroller-active.png'); } /* COMMENTS: source HTML unchanged; these styles are a rebuild */ #comments { border-top:3px solid #000; padding-top:8px; position:relative; zoom:1; clear:both; margin-top:32px; } #comments .comments-header { position:relative; zoom:1; margin-bottom:16px; } #comments .comments-header:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #comments .comments-header h2 { float:left; font-size:14px; line-height:22px; height:22px; margin:0 1em 0 0; padding:0; } #comments .comments-header p { display:inline;margin:0;padding:0; } #comments .comments-header .button { float:left; display:block; background:url('http://media.620wtmj.com/designimages/620-comments-button.png'); width:116px; height:22px; line-height:22px; text-align:center; color:#fff; font-weight:bold; font-size:11px; } #comments .comments-header .like{ position:absolute; top:1px; right:0; } #comments .comments-bookends { width:100%; } #comments .comments-bookends .header { background:url('http://media.620wtmj.com/designimages/620-comments-header.png'); height:30px; line-height:30px; padding:0 8px; text-align:right; } #comments .comments-bookends .header h3 { font-size:12px; color:#202020; float:left; height:30px; line-height:30px; } #comments .comments-bookends p { display:inline;margin:0;padding:0;} #comments .controls { margin:0 0 16px 0; width:100%; zoom:1; } #comments .controls:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #comments .sorting { float:left; font-size:12px; } #comments ol { margin:0; padding:0; } #comments li { list-style-type:none; border-top:1px dotted #ccc; margin:0 0; padding:16px 0; } #comments li:first-child { border-top:none; padding-top:6px; } #comments .header { margin-bottom:10px; position:relative; zoom:1; } #comments h4 { font-size:11px; margin:0; } #comments h4 a { text-decoration:none !important; } #comments .commenter { color:#990000; font-weight:bold; } #comments .timestamp { color:#797979; font-weight:normal; } #comments .extra { position:absolute; top:0; right:2px; font-size:11px; height:18px; line-height:18px; } #comments .report, #comments .rank, #comments .rank a, #comments .rank span { float:left; } #comments .rank { position:relative; zoom:1;} #comments .rankup, #comments .rankdown { padding-right:26px; height:18px; color:#454545; margin-left:1em; display: block; background-repeat: no-repeat; background-position:right center; text-align: right; } #comments .rankup { background-image:url('http://media.620wtmj.com/designimages/620-comment-rankup.png'); } #comments .rankdown { background-image:url('http://media.620wtmj.com/designimages/620-comment-rankdown.png'); } #comments .rankup:hover, #comments .rankup:focus { background-image:url('http://media.620wtmj.com/designimages/620-comment-rankup-hover.png'); color:#000;text-decoration:none; } #comments .rankdown:hover, #comments .rankdown:focus { background-image:url('http://media.620wtmj.com/designimages/620-comment-rankdown-hover.png'); color:#000;text-decoration:none; } #comments .off.rankup, #comments .off.rankdown { cursor:default; text-decoration:none !important; opacity:.40; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: alpha(opacity=40); } #comments .content { font-size:12px; margin:0 20px 0 40px; color:#333;display:block;overflow:hidden; } #comments .footer { display:none; } #comments .bubble { position: absolute; top: -48px; right: -65px; height: 36px; width: 143px; font-size:11px; line-height:36px; padding: 0 0 6px 0; background: transparent url('http://media.620wtmj.com/designimages/jso-comment-bubble-left.gif') no-repeat top center; text-align: center; display: none; color:#333; font-weight:bold; text-decoration:none !important; } #comments .body fieldset{border: 1px solid #827D79;padding: 5px;} #comments .tools{float:right;margin:10px 0 0 0;} #comments .tools li{float:left;display:inline;margin:0 0 0 10px;padding:0;border:none;} #comments .tools li a{color:#797979;} #comments .tools .quote a{background: transparent url('http://media.620wtmj.com/designimages/MM_bubble_quote.gif') no-repeat 0 3px;padding: 0 0 0 14px;} #comments .tools .report a{background: transparent url('http://media.620wtmj.com/designimages/MM_bubble_report.gif') no-repeat 0 0;padding: 0 0 0 5px;} #comments .tools .edit a{background: transparent url('http://media.620wtmj.com/designimages/MM_bubble_edit.gif') no-repeat 0 1px;padding: 0 0 0 12px;} #comments .tools .delete a{background: url('http://media.620wtmj.com/designimages/MM_bubble_delete.gif') no-repeat 0 3px;padding: 0 0 0 11px;} #comments .pagination{float:right;margin-top:16px;} /* comment form */ #respond{} #respond .content{border:none;padding:0;display:block;} #respond .content .author{margin:10px 0 5px 0;} #respond form{width: auto;margin: 0;padding: 0;font-family: arial;font-size: 12px;background: none;} #respond form fieldset{margin: 0;padding: 0;border: 0;} #respond form fieldset .inputgroup, #respond form fieldset .submitgroup{height: 100%;overflow: hidden;clear: both;margin: 0 0 10px 0;} #respond form fieldset .textgroup label, #respond form fieldset .textareagroup label, #respond form fieldset .selectgroup label{display: block;margin: 0 0 2px 0;font-weight: bold;} #respond form fieldset .textgroup input{display: block;padding: 3px;border: 1px solid #999999;} #respond form fieldset .textareagroup textarea{width: 640px;margin: 0;padding: 5px;border: 1px solid #827D79;font-size: 12px;} #respond form fieldset .textareagroup p{margin: 0;font-size: 11px;} #respond form fieldset .checkboxgroup label, #respond form fieldset .radiogroup label{display: block;margin: 0;padding: 3px 0;line-height: 28px;font-weight: normal;cursor: pointer;} #respond form fieldset .checkboxgroup input, #respond form fieldset .radiogroup input{cursor: pointer;} #respond form fieldset .submitgroup input{float: left;display: inline;width: 150px;height: 40px;margin: 0 20px 0 0;padding: 10px;cursor: pointer;font-size: 15px;color: white;background: #999999;border: 0;outline: 0;} #respond form fieldset .submitgroup a{float: left;display: block;height: 39px;line-height: 39px;} #respond form fieldset .error textarea, #respond form fieldset .error input{color: #9E0B0F;background: #FFEBEB !important;border: 1px solid #F5C1C2 !important;} #respond form fieldset .preview{overflow: hidden;width:620px;margin: 0 0 20px 0;padding: 10px;font-size:13px;border:1px solid #827D79;} #respond form fieldset .preview h3{margin: 0 0 10px 0;font-size: 13px;} #respond form fieldset .preview fieldset{border: 1px solid #827D79;padding: 5px;} /* BBCode editor */ #respond form fieldset .bbcode .bold a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-bold.gif');} #respond form fieldset .bbcode .italic a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-italic.gif');} #respond form fieldset .bbcode .underline a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-underline.gif');} #respond form fieldset .bbcode .link a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-link.gif');} #respond form fieldset .bbcode .email a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-email.gif');} #respond form fieldset .bbcode .picture a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-picture.gif');} #respond form fieldset .bbcode .angry a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-angry.gif');} #respond form fieldset .bbcode .blush a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-blush.gif');} #respond form fieldset .bbcode .cool a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-cool.gif');} #respond form fieldset .bbcode .cry a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-cry.gif');} #respond form fieldset .bbcode .grin a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-grin.gif');} #respond form fieldset .bbcode .huh a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-huh.gif');} #respond form fieldset .bbcode .kiss a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-kiss.gif');} #respond form fieldset .bbcode .lipsx a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-lipsx.gif');} #respond form fieldset .bbcode .lol a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-lol.gif');} #respond form fieldset .bbcode .roll a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-roll.gif');} #respond form fieldset .bbcode .sad a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-sad.gif');} #respond form fieldset .bbcode .shock a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-shock.gif');} #respond form fieldset .bbcode .smiley a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-smiley.gif');} #respond form fieldset .bbcode .tongue a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-tongue.gif');} #respond form fieldset .bbcode .undecided a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-undecided.gif');} #respond form fieldset .bbcode .wink a{background-image:url('http://media.620wtmj.com/designimages/ji-asset-wink.gif');} a.btn { display:block; float:left; background:url('http://media.620wtmj.com/designimages/620-button-red.png') no-repeat right -44px; padding-right:7px; height:22px; line-height:22px; } a.btn span { background:url('http://media.620wtmj.com/designimages/620-button-red.png') no-repeat left -0px; display:block; height:22px; line-height:22px; text-align:center; color:#fff; font-weight:bold; font-size:11px; padding:0 9px 0 16px; text-transform:uppercase; } a.btn:hover, a.btn:focus { background-position:right -66px; text-decoration:none; } a.btn:hover span, a.btn:focus span { background-position:left -22px; text-decoration:none; } a.btn-grey { display:block; float:left; background:url('$cms.media("620-button-grey.png","designimages").url') no-repeat right -44px; padding-right:7px; height:22px; line-height:22px; } a.btn-grey span { background:url('$cms.media("620-button-grey.png","designimages").url') no-repeat left -0px; display:block; height:22px; line-height:22px; text-align:center; color:#fff; font-weight:bold; font-size:11px; padding:0 9px 0 16px; text-transform:uppercase; } a.btn-grey:hover, a.btn-grey:focus { background-position:right -66px; text-decoration:none; } a.btn-grey:hover span, a.btn-grey:focus span { background-position:left -22px; text-decoration:none; } /* GRIDS ----------------------------------------- */ .cols-50x2, .cols-33x3, .cols-25x4, .cols-66-33, .cols-33-66, .cols-75-25, .cols-25-75, .cols-20-80 { zoom:1; clear:both; width:100%; } .cols-50x2:after, .cols-33x3:after, .cols-66-33:after, .cols-33-66:after, .cols-25x4:after, .cols-75-25:after, .cols-25-75:after, .cols-20-80:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; } /* halves 17px gutter */ .cols-50x2 .left, .cols-50x2 .right { width:312px; } .cols-50x2 .left { float:left; } .cols-50x2 .right { float:right; } /* thirds 20px gutter */ .cols-33x3 .left, .cols-33x3 .center, .cols-33x3 .right { width:200px; float:left; margin-left:20px; } .cols-33x3 .left { margin-left:0; } /* quarters with 17px gutters */ .cols-25x4 .col { width:148px; float:left; margin-left:16px; } .cols-25x4 .col:first-child { margin-left:0; } /* split */ .cols-66-33 .left, .cols-66-33 .right { width:200px; float:right; } .cols-66-33 .left { width:420px; float:left; } /* split */ .cols-33-66 .left, .cols-33-66 .right { width:200px; float:left; } .cols-33-66 .right { width:420px; float:right; } /* split */ .cols-75-25 .left, .cols-75-25 .right { width:148px; float:right; } .cols-75-25 .left { width:477px; float:left; } /* split */ .cols-25-75 .left, .cols-25-75 .right { width:148px; float:left; } .cols-25-75 .right { width:477px; float:right; } body.layout-wide .cols-66-33 .right { width:312px; } body.layout-wide .cols-66-33 .left { width:640px; } /* split */ .cols-20-80 .left, .cols-20-80 .right { width:127px; float:left; } .cols-20-80 .right { width:512px; float:right; } /* GENERIC CONTENT STYLES, can be used anywhere ----------------------------------------- */ h2.headline { font-family: "FuturaBT-ExtraBlackItalic", "Arial Black"; font-size:20px; line-height:24px; color:#BE0C37; text-transform:uppercase; font-weight:100; } h2.headline a { font-size:12px; margin-left:1em; font-family:Arial, sans; line-height:24px; height:20px; vertical-align:top; } p.bigger { font-size:16px; } hr { display:block; height:2px; color:#1F1F1F; border:0; border-top:2px solid #1F1F1F; margin:0 0 16px 0; padding:0; } .tight { margin-bottom:3px; } a.view-more { font-size:11px; font-weight:bold; background:url('http://media.620wtmj.com/designimages/icons.png') no-repeat -100px -347px; padding-left:12px; } a.comments { color:#999; display:inline-block; background:url('http://media.620wtmj.com/designimages/620-icon-comment.png') no-repeat left center; padding-left:17px; font-size:10px; line-height:12px; height:12px; } a.comments:hover, a.comments:focus { color:#000; } span.location, span.timestamp, span.source { font-size:11px; color:#999; } blockquote { color:#BE0C37; font-size:15px; font-weight:normal; margin:0 0 16px 0; } blockquote h3, blockquote p { font-size:15px; margin:0; color:#BE0C37; } blockquote cite { display:block; margin:8px 0 0 0; font-size:12px; color:#333; } /* floated blockquotes get different treatment */ blockquote.left, blockquote.right { width:240px; border-top:1px solid #BE0C37; border-bottom:1px solid #BE0C37; padding:12px 0; } blockquote.left { float:left; margin-right:20px; } blockquote.right { float:right; margin-left:20px; } .callout { border:2px solid #BE0C37; padding:9px; margin:24px 0; } .callout h4 { color:#BE0C37; margin:0; } .callout p { margin:0; } /* lists */ ul.tight, ol.tight { margin-bottom:16px; } .tight li { margin-bottom:3px; } .tight ul, .tight ol { margin-top:3px; } .dotted, .striped, .naked { margin:0 0 16px 0; padding:0; } .striped li, .naked li, .dotted li { zoom:1; list-style-type:none; padding:0; } .striped li:after, .naked li:after, .dotted li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .naked li { margin-bottom:3px; } .striped { line-height:24px; font-size:12px; clear:both; height:275px; width:100%; overflow-x: hidden; overflow-y:auto; position:relative; } .striped li {overflow:hidden; position:relative; margin-top:1px; margin-bottom:0; padding:0;} .striped .odd { background:#edf1f6; } .striped .even { background:#FFF; } .striped span, .striped strong { display:inline-block; height:24px; line-height:24px; } .striped span { padding:0 5px; text-align:right; font-weight:normal; color:#BE0C37; } .striped strong { width:24px; text-align:center; font-weight:bold; color:#333; } .striped .odd strong { background:#dae2ec; } .striped .even strong { background:#edf1f6; } #popular-viewed, #popular-emailed {height: 424px;} /* since tabs have a top-border, start those with white, alternate to shaded */ .tabs .striped .odd { background:#FFF; } .tabs .striped .odd strong { background:#edf1f6; } .tabs .striped .even { background:#edf1f6; } .tabs .striped .even strong { background:#dae2ec; } /* major sections all use a top border, minor blocks use a bottom border */ .section .dotted li { border-top:1px dotted #96AEC8; margin-bottom:12px; padding-top:12px; } .block .dotted li { border-bottom:1px dotted #96AEC8; margin:0; padding:4px 1px; } /* photos and catpions: the container MUST get a width of (img_width + 4) using the style attribute or conform to the default here */ .photo { display:block; margin:0 0 16px 0; } .photo img { display:block; margin:0; padding:1px; border:1px solid #CCC; } img.photo { padding:1px; border:1px solid #CCC; } .photo p { margin:8px 0 0 0; font-size:11px; color:#7a7a7a; } .photo-left { float:left; clear:left; margin-right:20px; width:240px; } .photo-right { float:right; clear:right; margin-left:20px; width:240px; } img.photo-left, img.photo-right { width:auto; margin-bottom:16px; } /* CONTENT BLOCKS ----------------------------------------- */ .block, .section { position:relative; overflow:hidden;} #head .block{overflow:visible;} .left .poll .title, .right .poll .title, .block h3.header, .section h2.header { clear:both; /* because the .headers use a top-border, they need to clear any float to avoid overlap */ } .section { margin-bottom:16px; } .left .poll .title, .right .poll .title, .section h2.header { font-family: FuturaBT-ExtraBlackItalic, "Arial Black"; font-weight:100; font-size:16px; line-height:24px; margin-bottom:12px; color:#BE0C37; padding-top:12px; background:url('http://media.620wtmj.com/designimages/620-hr.png') repeat-x left top; text-transform:uppercase; } .section h2.header a { font-family:Arial, sans; font-size:12px; font-weight:bold; vertical-align:bottom; margin-top:1px; } .section .footer { /* TODO: where is this used??? */ border-top:1px dotted #96AEC8; padding-top:16px; margin:16px 0 0 0; font-size:12px; color:#999; } .block { margin-bottom:24px; } .block h3.header { font-size:11px; text-transform:uppercase; margin-bottom:8px; padding-top:6px; } .block .footer { border-top:1px dotted #96AEC8; padding-top:8px; margin:0; font-size:12px; color:#999; } #body-right .block h3.header, #content .sidebar .block h3.header { background:url('http://media.620wtmj.com/designimages/620-hr.png') repeat-x left top; padding-top:12px; } /* SHORTCUTS are an inline list of links with the bullets replaced by a double-chevron icon. when used inside a "section, they're anchored top/right of the container */ .shortcuts { margin:0 0 16px 0; padding:0; font-size:12px; } .shortcuts li { display:block; float:left; margin:0 8px 0 0; padding:0 0 0 13px; list-style-type:none; background:url('http://media.620wtmj.com/designimages/620-raquo-blue.png') no-repeat left center; } .shortcuts a { white-space:nowrap; } .section .shortcuts { position:absolute; top:16px; right:1px; margin-bottom:0; text-transform:uppercase; color:#999999; } .section .shortcuts li { margin-left:16px; margin-right:0; } .section .shortcuts a { font-size:12px; } .section p.shortcuts { color:#BE0C37; text-transform:none; } .section form.shortcuts { top:12px; } /* pagination */ .pagination { zoom:1; border-top:1px dotted #96AEC8; border-bottom:1px dotted #96AEC8; margin:0 0 16px 0; padding:5px 0; text-transform:uppercase; text-align:center; font-size:11px; width:100%; position:relative; color:#333; } .pagination a, .pagination span { border:0; padding:0; margin:0 3px; background:none; width:auto; height:19px; line-height:19px; font-size:12px; font-weight:bold; } .pagination .current { color:#BE0C37; } .pagination a:hover, .pagination a:focus { text-decoration:underline; } .pagination .prev, .pagination .next { background-repeat:no-repeat; font-size:12px; width:auto; height:19px; line-height:19px; border:none; position:absolute; top:5px; } .pagination .prev { left:1px; background-position:left center; padding-left:15px; } .pagination .next { right:1px; background-position:right center; padding-right:15px; } .pagination a.prev { background-image:url('http://media.620wtmj.com/designimages/620-pagination-left.png') } .pagination a.next { background-image:url('http://media.620wtmj.com/designimages/620-pagination-right.png') } .pagination span.prev { background-image:url('http://media.620wtmj.com/designimages/620-pagination-left-disabled.png'); color:#ccc; } .pagination span.next { background-image:url('http://media.620wtmj.com/designimages/620-pagination-right-disabled.png'); color:#ccc; } /* hgroup is used for the extended blog & article "header" section (title, subtitle, etc) */ .hgroup { margin-bottom:16px; line-height:1.2; width:100%; } .hgroup .tag { font-size:16px; margin:0 0 6px 0; color:#666; } .hgroup .headline { font-size:22px; margin:0; font-family:Arial; text-transform:none; line-height:1.1; font-weight:bold; } .hgroup .subhead { font-size:14px; margin:3px 0 0 0; } .hgroup .byline { margin:16px 0 0 0; } .hgroup .timestamp { font-size:11px; margin:3px 0 0 0; color:#999; text-transform:uppercase; } /* sharing-tools is a "bar" containing share/print/email tools, and optionally tweet/like/rss links */ #sharing-tools { zoom:1; border-top:1px dotted #96AEC8; border-bottom:1px dotted #96AEC8; margin:0 0 16px 0; padding:5px 0; text-transform:uppercase; text-align:right; } #sharing-tools:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #sharing-tools li { margin:0 0 0 12px; padding:0; list-style-type:none; height:20px; line-height:20px; font-size:10px; display:inline-block; } #sharing-tools li:first-child { margin-left:0; } #sharing-tools .tweet, #sharing-tools .like, #sharing-tools .rss, #sharing-tools .alerts { float:left; margin:0 16px 0 0; } #sharing-tools .tweet a, #sharing-tools .like a { padding-left:0; } #sharing-tools a { display:inline-block; height:20px; line-height:20px; color:#999; background-position:left center; background-repeat:no-repeat; padding-left:18px; } #sharing-tools .share a { background-image:url('http://media.620wtmj.com/designimages/620-icon-share.png'); } #sharing-tools .email a { background-image:url('http://media.620wtmj.com/designimages/620-icon-email.png'); } #sharing-tools .print a { background-image:url('http://media.620wtmj.com/designimages/620-icon-print.png'); } #sharing-tools .comments a { background-image:url('http://media.620wtmj.com/designimages/620-icon-comment.png'); } #sharing-tools .permalink a { background-image:url('http://media.620wtmj.com/designimages/620-icon-permalink.png'); } #sharing-tools .rss a { background-image:url('http://media.620wtmj.com/designimages/620-icon-rss.png'); } #sharing-tools .alerts a { background-image:url('http://media.620wtmj.com/designimages/620-icon-alerts.png'); } #sharing-tools.anchored { border:none; margin:0; padding:0; position:absolute; top:2px; right:0; z-index:2; } /* AddThis Button override */ #sharing-tools .at15t_compact { background-position: 0 0 !important; } #sharing-tools .at300bs { background: none !important; display: inline-block !important; width: 0 !important; } #subscriber-tools { margin:0; padding:0; font-size:11px; } #subscriber-tools li { margin:0 0 5px 0; padding:0; list-style-type:none; } #subscriber-tools a { display:inline; color:#999; background-position:left center; background-repeat:no-repeat; padding-left:18px; } #subscriber-tools .rss a { background-image: url('http://media.620wtmj.com/designimages/620-icon-rss.png'); } #subscriber-tools .alerts a { background-image: url('http://media.620wtmj.com/designimages/620-icon-alerts.png'); } #subscriber-tools { position:absolute; top:16px; right:0; z-index:2; /* << making the assumption this is always placed in this position. could be scoped with body.XXX prefix */ } form.date-filter { text-align:right; height:22px; line-height:22px; margin:0 0 16px 0; padding:0; } form.date-filter label { float:left; font-size:12px; display:block; height:22px; line-height:22px; margin:0 1em 0 0; color:#333; } form.date-filter select { font-size:12px; vertical-align:top; display:inline-block; margin:1px 0; height:20px; } form.date-filter option { font-size:12px; /*height:22px; line-height:22px;*/ } form.date-filter button { background: url('http://media.620wtmj.com/designimages/620-large-submit.png'); width:22px; height:22px; vertical-align:top; display:inline-block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; } form.date-filter button:hover { background-image: url('http://media.620wtmj.com/designimages/620-large-submit-hover.png'); } #listen-now-button p.listenLink, #listen-now-button a, #listen-now-button span { display: block;height: 60px;width: 300px; } #listen-now-button p.listenLink { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background: url('http://media.620wtmj.com/designimages/620-listen-now-box-bg.png'); background-position: 0 0; background-repeat: repeat; } #listen-now-button a { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background: url('http://media.620wtmj.com/designimages/620-listen-now-box-bg.png'); background-position: 0 0; background-repeat: repeat; } #listen-now-button a span { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: url('http://media.620wtmj.com/designimages/620-listen-now-button-top.png'); background-position: 0 0; background-repeat: no-repeat; display: block; overflow: hidden; text-align: left; text-indent: -999em; } #listen-now-button p.listenLink { margin-bottom: 0; } #listen-now-button p.listenOnNow { background-color: black; padding: 4px 8px; font-size: 13px; font-weight: bold; color: #f3ca78; } /* PAGE-SPECIFIC STYLES ----------------------------------------- */ /* [LOCAL NEWS] OVERVIEW; TODO: used anywhere else? are these really the "archive" lists? */ #teasers ul { margin:16px 0; padding:16px 0 10px 0; border-top:1px dotted #96AEC8; border-bottom:1px dotted #96AEC8; } #teasers li { font-size:11px; margin:0 0 6px 0; } #teasers li .thumb { float:left; width:60px; height:45px; padding:1px 3px 3px 1px; margin:0 0 0 0; position:relative; left:-1px; top:-1px; background:url('http://media.620wtmj.com/designimages/620-shadow-60x45.png') no-repeat; } #teasers li h3 { font-size:12px; margin:0 0 0 70px; } #teasers li p { margin:0; margin:0 0 0 70px; } #teasers .location, #teasers .source { font-size:10px; color:#999; } .generalTeasers { margin:16px 0; padding:16px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } .generalTeasers li { zoom:1; list-style-type:none; font-size:11px; margin:0 0 7px 0; } .generalTeasers li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .generalTeasers .thumb { float:left; width:148px; padding:1px 3px 3px 1px; margin:0 7px 0 0; position:relative; left:-1px; top:-1px; } .generalTeasers h3 { font-size:12px; margin:0; } .generalTeasers p { margin:0; } .generalTeasers .location, .generalTeasers .source { font-size:10px;} .generalTeasers .source { color:#999; } /* NEWS ITEM */ .article-browser { border-top:1px dotted #96AEC8; border-bottom:1px dotted #96AEC8; padding:12px 0; margin-bottom:16px; clear:both;} .article-browser p { font-size:12px; margin:0; padding:0; } .article-browser p strong { color:#BE0C37; margin-right:.25em; } .article-browser p span { font-weight:bold; } /* BIO */ .author .sidebar .photo { margin-bottom:24px; } .author .sidebar .block { margin-bottom:0; } .author .sidebar .block h3.header { border-top:1px dotted #96AEC8; padding-top:12px; } .author .sidebar h4 { font-size:11px; color:#BE0C37; border-top:1px dotted #96AEC8; padding-top:12px; } .author .sidebar h4:first-child { padding-top:0; border-top:0; } .author .sidebar ul.naked { margin-bottom:12px; } .author .sidebar #related-photos { margin-bottom:12px; } .author .section { } .author .section .header { font-size:11px; text-transform:uppercase; margin-bottom:12px; border-top:1px dotted #96AEC8; padding-top:12px; } .author .section .block { margin-bottom:0; } /* BLOGS OVERVIEW ----------------------------------------- */ .layout-blogs .slideshow { background:url('http://media.620wtmj.com/designimages/620-slideshow-background.png'); width:630px; height:240px; padding:9px; margin:0 0 16px 0; position:relative; left:-4px; top:-4px } .layout-blogs .slideshow .slides { width:630px; height:240px; overflow:hidden; z-index:1; } .layout-blogs .slideshow .slide { width:630px; height:240px; background:#041572 url('http://media.620wtmj.com/designimages/620-slideshow-slide.png') no-repeat right top } .layout-blogs .slideshow .slide img { float:left; width:320px; } .layout-blogs .slideshow .slide div { float:right; width:280px; padding:15px; } .layout-blogs .slideshow .slide a { color:#ffffff; } .layout-blogs .slideshow .slide h5 { background:url('http://media.620wtmj.com/designimages/620-slideshow-header.png'); font-size:11px;line-height:17px; text-align:center; text-transform:uppercase; margin-bottom:24px; } .layout-blogs .slideshow .slide h5 a { color:#FDC85D; } .layout-blogs .slideshow .slide h3 { font-size:22px; line-height:1; color:#fff; margin:0 0 4px 0; } .layout-blogs .slideshow .slide h4 { font-size:14px; color:#fff; margin:0 0 2px 0; } .layout-blogs .slideshow .slide p { font-size:11px; color:#aaa; margin-bottom:24px; } .layout-blogs .slideshow .slide .byline a { text-transform:uppercase; } .layout-blogs .slideshow .slide .timestamp { margin-left:.5em; } .layout-blogs .slideshow .slide .links { margin:0; } .layout-blogs .slideshow .slide .links a { height:14px; line-height:14px; vertical-align:text-top; } .layout-blogs .slideshow .slide .comments { margin-left:.5em; background-image:url('http://media.620wtmj.com/designimages/620-icon-comment-lightblue.png'); vertical-align:text-top; } .layout-blogs .slideshow .controls { z-index:2; position:absolute; right:9px; bottom:25px; width:310px; height:21px; margin:0; line-height:21px; text-align:center; } .layout-blogs .slideshow .controls img { display:inline; background-repeat: no-repeat; background-position:center center; width:21px; height:21px; vertical-align:middle; cursor:pointer; margin:0; padding:0; } .layout-blogs .slideshow .controls .prev { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-prev.png'); margin-right:5px; } .layout-blogs .slideshow .controls .next { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-next.png'); margin-left:5px; } .layout-blogs .slideshow .controls .prev:hover, .layout-blogs .slideshow .controls .prev:focus { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-prev-hover.png'); } .layout-blogs .slideshow .controls .next:hover, .layout-blogs .slideshow .controls .next:focus { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-next-hover.png'); } .layout-blogs .slideshow .controls .pager { } .layout-blogs .slideshow .controls .pager img { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-pager-link.png'); width:9px; height:9px; margin:0 2px; } .layout-blogs .slideshow .controls .pager img:hover, .layout-blogs .slideshow .controls .pager img:focus { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-pager-hover.png'); } .layout-blogs .slideshow .controls .pager img.selected { background-image:url('http://media.620wtmj.com/designimages/620-slideshow-pager-selected.png'); } /* archive list, used on multiple pages */ #blog-archives h2 { margin-bottom:9px; } #blog-archives ul .thumb { float:left; display:block; background:url('http://media.620wtmj.com/designimages/620-shadow-148x111.png') no-repeat left top; padding:1px 3px 3px 1px; position:relative; left:-1px; top:-1px; margin:0 12px 0 0; } #blog-archives ul .media-video .thumb span { display:block; position:absolute; top:1px; left:1px; width:148px; height:111px; cursor:pointer; background:url('http://media.620wtmj.com/designimages/620-play-overlay.png') no-repeat center center; text-indent: -999em; overflow: hidden; text-align: left; } #blog-archives ul .media-video .thumb:hover span, #blog-archives ul .media-video .thumb:focus span { background-image:url('http://media.620wtmj.com/designimages/620-play-overlay-hover.png'); } #blog-archives ul .media-photo .thumb span { display:none; /* << just in case the spans get left in by mistake */ } #blog-archives ul h3, #blog-archives ul h4, #blog-archives ul p { margin-left:163px; margin-right:12px; margin-bottom:0; } #blog-archives ul h3 { font-size:18px; margin-bottom:2px; } #blog-archives ul h4 { font-size:12px; margin-bottom:2px; } #blog-archives ul .byline { color:#7a7a7a; font-size:11px; } #blog-archives ul .teaser { margin-top:10px; margin-bottom:10px; } #blog-archives ul .links { font-size:11px; line-height:14px; } #blog-archives ul .links a { height:14px; line-height:14px; vertical-align:text-top; } #blog-archives ul .media-none h3, #blog-archives ul .media-none h4, #blog-archives ul .media-none p { margin-left:0; } #blog-archives ul .media-video h3 a { background:url('http://media.620wtmj.com/designimages/620-large-video.png') no-repeat left 3px; padding-left:22px; } #blog-authors { } #blog-authors .left { clear:both; } #blog-authors .left, #blog-authors .right { border-bottom:1px dotted #96AEC8; width:310px; padding-bottom:12px; margin-bottom:12px; } #blog-authors .lastrow { padding-bottom:0; border-bottom:none; } #blog-authors .avatar { position:relative; left:-1px; float:left; background:url('http://media.620wtmj.com/designimages/620-shadow-75x75.png'); padding:1px 3px 3px 1px; } #blog-authors h3, #blog-authors p { margin-left:88px; } #blog-authors h3 { font-size:16px; margin-bottom:0; } #blog-authors p { font-size:12px; color:#666; margin-bottom:2px; } #blog-authors .author { margin-bottom:8px; } #blog-authors .description { margin-bottom:12px; } #blog-authors .links { font-size:11px; line-height:14px; } #blog-authors .links a { height:14px; line-height:14px; vertical-align:text-top; } #blog-authors .links .comments { margin-left:1em; } /* BLOGGER OVERVIEW ----------------------------------------- */ .blog #sharing-tools { border:none; padding:0; } .blog .blogger-masthead { width:330px; height:84px; padding:16px 195px 0 115px; margin:0 0 16px 0; position:relative; background:url('http://media.620wtmj.com/designimages/620-blogger-masthead.png'); } .blog .blogger-masthead .avatar { position:absolute; top:5px; left:5px; } .blog .blogger-masthead .headline { color:#fff; font-size:22px; margin:0; } .blog .blogger-masthead .subhead { color:#fff; font-size:14px; margin:0; } .blog .blogger-masthead .byline { color:#fff; font-size:12px; margin:0; } .blog .blogger-masthead .byline a{ color:#fff;} .blog .blogger-masthead .sponsor { width:170px; position:absolute; right:10px; top:5px; } .blog .blogger-masthead .sponsor p { font-size:10px; text-transform:uppercase; color:#99ccff; text-align:center; margin:0 0 10px 0; } .blog .blogger-masthead .sponsor img { margin:0 auto; } .blog .section .header .view-more { display:inline-block; margin-left:1em; font-size:11px; line-height:20px; height:20px; text-transform:uppercase; vertical-align:top; } #blogger-avatars ul { margin-bottom:24px; } #blogger-avatars li { margin:0 0 8px 0; } #blogger-avatars .avatar img { float:left; display:block; padding:1px; border:1px solid #ccc; } #blogger-avatars h4, #blogger-avatars p { margin:0 0 0 63px; color:#666; font-size:11px; } #blogger-avatars h4 { margin-top:4px; } /* BLOG POST ----------------------------------------- */ .blogpost .hgroup { position:relative; padding-left:75px; width:335px; padding-right:230px; z-index:1; } .blogpost .hgroup .avatar { border:1px solid #ccc; padding:1px; position:absolute; left:0; top:0; } .blogpost .hgroup .tag { font-size:11px; margin-bottom:3px; } .blogpost .hgroup .headline { } .blogpost .hgroup .subhead { } .blogpost .hgroup .byline { font-size:11px; margin-top:3px; } .blogpost .hgroup .timestamp { display:inline; margin:0; text-transform:none; } .blogpost #postSponsor { position: absolute; top: 10px; right: 80px; } /* FEATURES ----------------------------------------- */ #features-overview-list { } #features-overview-list li { zoom:1; } #features-overview-list li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #features-overview-list h2 { font-size:16px; margin-bottom:6px; font-family: FuturaBT-ExtraBlackItalic, "Arial Black"; font-weight:100; font-size:16px; line-height:24px; color:#BE0C37; padding-top:12px; background:url('http://media.620wtmj.com/designimages/620-hr.png') repeat-x left top; text-transform:uppercase; } #features-overview-list .description { margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #96AEC8; } #features-overview-list .thumb { width:240px; height:180px; float:left; background:url('http://media.620wtmj.com/designimages/620-shadow-240x180.png'); display:block; padding:1px 3px 3px 1px; position:relative; left:-1px; top:-1px; } #features-overview-list .thumb img { margin:0; padding:0; } #features-overview-list .content { width:378px; float:right; } #features-overview-list h3 { margin-bottom:6px; font-size:18px; } #features-overview-list h3 a { } #features-overview-list h3 .video { background-repeat:no-repeat; background-position:left 3px; padding-left:24px; } #features-overview-list h3 .video { background-image:url('http://media.620wtmj.com/designimages/620-large-video.png'); } #features-overview-list h3 .video { /* ??? */ } #features-overview-list h3 .article { /* ??? */ } #features-overview-list .meta { color:#666; font-size:11px; margin-bottom:12px; } #features-overview-list .byline { font-style:italic; } #features-overview-list .timestamp { margin-left:.5em; } #features-overview-list .teaser { } #features-overview-list dl { } #features-overview-list dt { font-weight:normal; color:#BE0C37; margin-bottom:6px; } #features-overview-list dd { margin-bottom:3px; } #features-overview-list dd a { display:block; padding-left:17px; background-repeat:no-repeat; background-position:left center; } #features-overview-list dd .video { background-image:url('http://media.620wtmj.com/designimages/620-icon-video.png'); } #features-overview-list dd .article { background-image:url('http://media.620wtmj.com/designimages/620-icon-article.png'); } #features-overview-list dd .audio { background-image:url('http://media.620wtmj.com/designimages/620-icon-audio.png'); } #features-overview-list .view-more { background-image:url('http://media.620wtmj.com/designimages/620-raquo-blue.png'); } /* HOME PAGE ----------------------------------------- */ .layout-home .section { margin-bottom:32px; } #breaking-news { background-color:#BE0C37; padding:9px; margin-bottom:14px; } #breaking-news p { margin:0; background:url('http://media.620wtmj.com/designimages/620-breaking-news.png') no-repeat left 2px; padding-left:16px; font-size:12px; color:#fff; } #breaking-news p a { color:#fff; font-weight:bold; } #top-stories .header { border-bottom:1px dotted #96AEC8; padding-bottom:6px; } #top-stories .shortcuts a { } #top-stories .top-story { zoom:1; margin-bottom:16px; } #top-stories .top-story:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #top-stories .top-story .left { width:320px; float:left; } #top-stories .top-story .left .block{margin:0;} #top-stories .top-story .right { width:305px; float:right; } #top-stories .article-tag { font-size:14px; margin:0; color:#666; } #top-stories .article-headline { font-size:18px; line-height:1.2; } #top-stories .timestamp { color:#BE0C37; } #top-stories .top-story .location { font-size:11px; color:#999; margin-right:.25em; } #top-stories .top-story .timestamp { margin-right:.25em; } #top-stories .top-story .more { font-weight:bold; } #top-stories .top-story dl { margin:0; padding:0; font-size:12px; } #top-stories .top-story dt { text-transform:uppercase; font-weight:normal; color:#BE0C37; margin-bottom:6px; } #top-stories .top-story dd { margin-bottom:6px; } #top-stories .top-story dl :last-child { margin-bottom:0; } #top-stories .top-story dd a { display:inline-block; padding-left:20px; background-repeat:no-repeat; background-position:left top; } #top-stories .top-story .audio{background-image: url('http://media.620wtmj.com/designimages/620-icon-audio.png');} #top-stories .top-story .video { background-image:url('http://media.620wtmj.com/designimages/620-icon-video.png'); } #top-stories .top-story .article { background-image:url('http://media.620wtmj.com/designimages/620-icon-article.png'); } #top-stories .more-stories { border-top:1px dotted #96AEC8; margin:0; padding:16px 0 0 0; width:100%; position: relative; } #top-stories .more-stories:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #top-stories .more-stories li { margin:0 0 0 16px; padding:0 0 12px 0; list-style-type:none; float:left; position:relative; width:148px; } #top-stories .more-stories li:first-child, #top-stories .more-stories li.first-child { margin-left:0; } #top-stories .more-stories li.colspan-2 { width:312px; } #top-stories .more-stories .story-thumb { position: relative;left: -1px;top: -1px;display: block;width: 148px;height: 84px;padding: 1px 3px 3px 1px;margin-bottom: 6px; } #top-stories .more-stories .story-thumb img { display:block; border:0; } #top-stories .more-stories h3 { font-size:12px; margin-bottom:6px; overflow:hidden; } #top-stories .more-stories h3 a.video{background-image: url('http://media.620wtmj.com/designimages/620-icon-video.png');background-repeat: no-repeat;padding-left: 20px;background-position: left top; float:left;} #top-stories .more-stories h3 a.audio{background-image: url('http://media.620wtmj.com/designimages/620-icon-audio.png');background-repeat: no-repeat;padding-left: 20px;background-position: left top; float:left;} #top-stories .more-stories h3 a.article{background-image: url('http://media.620wtmj.com/designimages/620-icon-article.png');background-repeat: no-repeat;padding-left: 20px;background-position: left top; float:left;} #top-stories .more-stories h3 span.article-tag{ font-weight:bold; font-size:12px; color:#666; } #top-stories .more-stories p { font-size:11px; margin-bottom:6px; } #top-stories .more-stories .story-footer { font-size:11px; color:#999; margin:0; position:absolute; bottom:0; left:0; width:148px; } #top-stories .more-stories .story-footer strong { font-weight:normal; color:#333; } #top-stories .more-stories li.colspan-2 { padding-bottom:0; } #top-stories .more-stories .story-byline { font-size:10px; color:#999; margin-bottom:0; height:13px; overflow:hidden;} #top-stories .more-stories .story-teaser { height:56px; overflow:hidden; } #top-stories #online-poll { width:316px; position:relative; left:-1px; margin-bottom:0; } #top-stories #online-poll .header { background:url('http://media.620wtmj.com/designimages/620-home-poll-header.png') no-repeat left top; height:32px; line-height:32px; margin:0; padding:0 10px; position:relative; font-family: FuturaBT-ExtraBlackItalic, "Arial Black"; font-weight:100; font-size:14px; color:#fff; border-bottom:0; } #top-stories #online-poll .header a { position:absolute; top:0; right:10px; background:url('http://media.620wtmj.com/designimages/620-raquo-lightlbue.png') no-repeat left center; padding-left:12px; font-size:11px; font-weight:normal; text-transform:uppercase; color:#A9D2F7; font-family:Arial, sans; } #top-stories #online-poll form { background:url('http://media.620wtmj.com/designimages/620-home-poll-background.png') no-repeat left bottom; padding:14px; } #top-stories #online-poll .bigger { color:#202020; font-weight:bold; font-size:14px; line-height:17px; text-align:left; } #top-stories #online-poll .dotted { border-top:2px solid #96AEC8; } #top-stories #online-poll li { float:none; width:100%; margin:0; padding:7px 0; border-top:0; border-color:#96AEC8; zoom:1 } #top-stories #online-poll li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #top-stories #online-poll li input { margin:0; float:left; border:0; padding:0; } #top-stories #online-poll li label { margin:0; padding:0 3px; display:block; height:auto; float:left; width:250px; } #top-stories #online-poll p { text-align:center; } #top-stories #online-poll button, #top-stories #online-poll button span { height:28px; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold; line-height:28px; text-align:center; background:url('http://media.620wtmj.com/designimages/620-button-yellow.png'); background-repeat:no-repeat; } #top-stories #online-poll button { background-position:right -56px; padding-right:10px; display:inline-block; margin:0 auto; } #top-stories #online-poll button span { background-position:left -0px; display:block; padding-left:22px; padding-right:13px; } #top-stories #online-poll button:hover { background-position:right -84px; } #top-stories #online-poll button:hover span { background-position:left -28px; } #station-highlight h4, #station-highlight h2 { margin-bottom:6px; } #station-highlight h4 { color:#BE0C37; } #station-highlight p { margin-bottom:0; } #station-highlight h2.headline a { margin:0; padding:0; background:none; font-size:18px; line-height:20px; font-weight:bold; text-transform:none; } #station-highlight .thumb { display:block; position:relative; top:-1px; left:-1px; padding:1px 3px 3px 1px; width:148px; height:60px; margin-bottom:6px; background:url('http://media.620wtmj.com/designimages/620-shadow-148x60.png') no-repeat; } #station-highlight .thumb img { display:block; margin:0; } #latest-headlines .striped { height:175px; height:420px; /* << activate scroll by setting a fixed height for each list */} #latest-headlines .striped span { padding:0 8px; } #latest-headlines .striped a { background-position:left center; background-repeat:no-repeat; display: inline-block; padding-left:19px; } #latest-headlines .striped .video { background-image:url('http://media.620wtmj.com/designimages/620-icon-video.png'); } #latest-headlines .striped .audio { background-image:url('http://media.620wtmj.com/designimages/620-icon-audio.png'); } #latest-headlines .striped .article { background-image:url('http://media.620wtmj.com/designimages/620-icon-article.png'); } #latest-headlines .promo { float: right; overflow: hidden ;} #latest-headlines .promo .block { margin:0; } /* [LOCAL NEWS] OVERVIEW ----------------------------------------- */ /* TODO: used anywhere else? are these really the "archive" lists? */ .teasers { margin:16px 0; padding:16px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } .teasers li { zoom:1; list-style-type:none; font-size:11px; margin:0 0 7px 0; } .teasers li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .teasers .thumb { float:left; width:60px; /* height:45px; */ padding:1px 3px 3px 1px; margin:0 7px 0 0; position:relative; left:-1px; top:-1px; background:url('http://media.620wtmj.com/designimages/shadow-60x45.png') no-repeat; } .teasers h3 { font-size:12px; margin:0; } .teasers p { margin:0; } .teasers .location, .teasers .source { font-size:10px;} .teasers .source { color:#999; } .layout-halloween .headlineList.large-2-wide { background: transparent url(http://media.jrn.com/designimages/halloween-contBG2.png) no-repeat;border: 0; margin-top: 30px;} .layout-halloween #body-right .headlineList.large-2-wide { background: transparent url(http://media.jrn.com/designimages/Halloween-BG-RightRail.png); } .layout-halloween .headlineList.large-2-wide h2.header { background-color: transparent;padding-left: 80px;font-family: 'Metal Mania';font-size: 30px;height: 47px;color: #B61701;padding-top: 13px;opacity: 0.8;filter: alpha(opacity=80);background:none; } .layout-halloween #body-right .headlineList.large-2-wide h2.header { color: #222;padding-bottom:0;padding-left: 0;text-align: center;width: 300px;text-shadow: 0 0 0.2em #CCC, 0 0 0.2em #CCC, 0 0 0.2em #CCC;opacity: 1.0;filter: alpha(opacity=100); } .layout-halloween .headlineList.large-2-wide .teasers { background-color: #DE7E28;margin-top: 1px;padding: 10px; } .layout-halloween #body-right .headlineList.large-2-wide .teasers { background-color: transparent;padding-top:0; } .headlineList.large-2-wide .teasers li { width:295px;margin:5px;float:left; } #body-right .headlineList.large-2-wide .teasers li { width:265px; } .headlineList.large-2-wide .teasers .thumb { width:300px !important;height:150px;overflow:hidden;background: transparent none; } .headlineList.large-2-wide a.thumb img { border:0; width:300px; } #body-right .headlineList.large-2-wide a.thumb img { width:250px;margin-left:10px; } .headlineList.large-2-wide .teasers p { display: none; } .headlineList.large-2-wide .teasers h3 { text-align: left;background-color: black;color: #666;text-transform: uppercase;width: 300px;font-size: 16px;padding-top: 3px; } #body-right .headlineList.large-2-wide .teasers h3 { width:250px;margin-left:10px; } .headlineList.large-2-wide .teasers h3 a { display: block;color: #666;width: 235px;overflow: hidden;text-decoration: none;height: 22px;padding-left: 5px; } #most-popular { margin-bottom:16px; } #most-popular { margin-bottom:16px; } ul#popular-viewed-ad { list-style-image: none;list-style-position: outside;list-style-type: none;margin-right: 170px;padding-left: 0; } ul#popular-viewed-ad li { margin: 0 0 8px 0;padding: 0 0 0 15px;background-image: url('http://media.620wtmj.com/designimages/red_dot_bckgrnd_JSO.gif');background-repeat: no-repeat;background-position: 5px 5px;list-style: none; } #most-popular .mpWidesky { float:right;width:160px;margin-bottom:10px;height:625px; } #body-right #most-popular { margin-bottom:10px; } #social-media-featured { position:relative; margin-bottom:16px; } #social-media-featured .left { left:-1px; } #social-media-featured .right { right:-3px; } #social-media-featured .left, #social-media-featured .right { background:url('http://media.620wtmj.com/designimages/620-blog-featured.png') no-repeat left top; position:relative; width:316px; } #social-media-featured .header { background:#0A2D63 url('http://media.620wtmj.com/designimages/620-blog-featured-header.png'); color:#fff; font-size:11px; line-height:20px; height:20px; overflow:hidden; margin:0; padding:1px 0 0 7px; } #social-media-featured .inner { padding:10px; padding-bottom:30px; background:url('http://media.620wtmj.com/designimages/620-blog-featured.png') no-repeat left bottom; } #social-media-featured .left a { color:#fff;} #social-media-featured .footer { position:absolute; bottom:10px; left:10px; width:295px; border:0; margin:0; padding:0; font-size:11px; } #social-media-featured .footer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #social-media-featured .footer a { float:left; } #social-media-featured .footer .comments { float:right; color:#A9D2F7; background-image:url('http://media.620wtmj.com/designimages/620-icon-comment-lightblue.png');} #social-media-featured .avatar { float:right; margin:0 0 10px 10px; } #social-media-featured .links { font-size:11px; margin:0; text-transform:uppercase; } #social-media-featured .left h4 { color:#FDC75D; font-size:11px; margin-bottom:0; } #social-media-featured .left h4 a { color:#FDC75D; } #social-media-featured .left .desc { color:#A9D2F7; margin-bottom:6px; } #social-media-featured .left .inner h3 { margin-bottom:6px; } #social-media-featured .left h3 a { font-size:14px; line-height:1.1; color:#fff;} #social-media-featured .left img { padding:1px; border:1px solid #ccc; } #social-media-featured .left .timestamp { color:#A9D2F7; font-size:11px; margin:0; } #social-media-featured .right a { color: #fdc75d; } #social-media-featured .right .bigger { font-size:14px; margin-bottom:0; } #social-media-featured .right .bigger a { } #social-media-featured .right .meta { font-size:11px; color:#A9D2F7; margin-bottom:0; } #social-media-featured .right .meta a { color:#A9D2F7; } #social-media-featured .right .footer a { display:block; height:16px; line-height:16px; text-transform:uppercase; } #social-media-featured .right .footer .follow { float:left; } #social-media-featured .right .footer .retweet { float:right; background:url('http://media.620wtmj.com/designimages/620-retweet.png') no-repeat left center; padding-left:19px; } #social-media-featured .right .tweet { color: white; } #social-media-blogs { zoom:1; } #social-media-blogs:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #social-media-blogs .odd, #social-media-blogs .even { margin:0 0 0 0; float:left; zoom:1; width:312px; } #social-media-blogs .odd { clear:left; margin-right:16px; } #social-media-blogs .odd:after, #social-media-blogs .even:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; margin-bottom:16px; } #social-media-blogs img { float:left; border:1px solid #ccc; padding:1px; margin:0 0 16px 0; } #social-media-blogs h4 { font-size:11px; color:#BE0D37; margin:0 0 0 65px; font-weight:normal; line-height:16px; } #social-media-blogs h4 a { color:#BE0D37; } #social-media-blogs h3 { font-size:12px;margin:0 0 0 65px; line-height:16px; } #social-media-blogs p { font-size:12px; margin:0 0 6px 65px; line-height:16px; } #social-media-blogs p.desc { color:#A9D2F7; } #social-media-blogs p.teaser { } #social-media-blogs p.meta {color:#999; font-size:11px; } #social-media-blogs p .comments { margin-left:.5em;} #latest-podcasts .naked { zoom:1; } #latest-podcasts .naked:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #latest-podcasts .naked li { background:url('http://media.620wtmj.com/designimages/620-home-podcasts-background.png'); width:316px; height:58px; margin:0; overflow:hidden; position:relative; } #latest-podcasts .naked .odd { float:left; left:-1px; } #latest-podcasts .naked .even { float:right; position:relative; right:-2px; } #latest-podcasts .naked img { float:left; margin:3px; } #latest-podcasts .naked h4 { float:right; width:235px; padding-right:5px; margin-top:5px; font-size:11px; line-height:14px; color:#A90D31; font-weight:normal; } #latest-podcasts .naked p { float:right; width:235px; padding-right:5px; font-size:12px; line-height:14px; margin:0; } /* SHOWS OVERVIEW */ #shows .section { margin-top:24px; } #shows .section .cols-25x4 { border-top:1px dotted #96AEC8; padding-top:16px; margin-bottom:16px; } #shows .section .row-1 { border-top:none; padding-top:0; } #shows .section .cols-25x4 img { display:block; margin-bottom:8px; } #shows .section .cols-25x4 h2 { font-size:14px; margin-bottom:0; line-height:16px; } #shows .section .cols-25x4 .tag { font-size:10px; color:#666; margin-bottom:0; line-height:16px; text-transform:uppercase; } #shows .section .cols-25x4 .timestamp { font-size:11px; color:#BE0C37; line-height:16px; margin-bottom:0; } .show .headerImage { margin-bottom: 20px; } /* PODCASTS */ #podcasts .anchors { font-size:11px; color:#999; text-transform:uppercase; } #podcasts .anchors a { margin:0 .75em; } #podcasts .anchors a:first-child { margin-left:0; } #podcasts .podcast { position:relative; } #podcasts .podcast h3 { background:#EAEEF4 url('http://media.620wtmj.com/designimages/620-podcasts-header.png'); cursor:pointer; width:616px; height:30px; padding-left:26px; line-height:30px; font-size:13px; color:#003399; position:relative; left:0; top:0; margin:0 0 2px 0; } #podcasts .podcast h3.active { background-image:url('http://media.620wtmj.com/designimages/620-podcasts-header-active.png'); background-color:#1B528F; color:#FFF; } .layout-shows #podcasts .podcast h3.active { cursor: default; } #podcasts .podcast h3 .itunes { position:absolute; right:12px; top:5px; padding-left:24px; height:20px; line-height:20px; font-size:11px; font-weight:bold; } #podcasts .podcast h3 a.itunes { background:url('http://media.620wtmj.com/designimages/620-icon-itunes.png') no-repeat left center } #podcasts .podcast h3 span.itunes { color:#666; background:none; padding-left:0; cursor:default } #podcasts .podcast h3.active .itunes { color:#fff; } #podcasts .podcast div { width:100%; } #podcasts .podcast ul { margin:0; padding-top:5px; } #podcasts .podcast li { position:relative; padding:0 200px 5px 65px; border-top:0; border-bottom:1px dotted #96AEC8; margin:0 0 5px 0; color:#212121; font-weight:bold; } #podcasts .podcast .timestamp { position:absolute; top:0; left:1px; color:#333; font-weight:normal; font-size:12px; } #podcasts .podcast .links { position:absolute; top:0; right:3px; font-weight:normal; font-size:11px; } #podcasts .podcast p { margin:5px 0 0 0; padding:0 0 15px 0; font-size:11px; text-transform:uppercase; } /* sidebar twitter feed */ #twitter-feed { background:#154C89; } #twitter-feed.block h3.header { border-top:0; background:url('http://media.620wtmj.com/designimages/620-twitter-header.png') no-repeat right top; height:47px; line-height:50px; overflow:hidden; margin:0 !important; padding:0 60px 0 8px; color:#fff; font-family: FuturaBT-ExtraBlackItalic, "Arial Black"; font-weight:100; font-size:15px !important; } #twitter-feed .header span { color:#FDC65D; } #twitter-feed .footer { text-align:center; margin:0; padding:0; border:none; font-size:14px; line-height:21px; height:21px; } #twitter-feed .footer a { color:#fff; background:url('http://media.620wtmj.com/designimages/620-raquo-white.png') no-repeat left center; padding-left:11px; font-weight:bold; font-size:12px; } #twitter-feed ul { background:#fff; margin:3px; } #twitter-feed li { margin:1px; padding:8px; background:#E1E9F2; } #twitter-feed li.odd { background:#F3F6FA; } #twitter-feed li:first-child { font-weight:bold; } #twitter-feed p { margin:0; font-size:12px; overflow:hidden; } #twitter-feed p.meta, #twitter-feed p.meta span { font-size:10px; color:#797979; font-weight:normal; } /* SHOWS SCHEDULE */ #shows-schedule-tabs {} #shows-schedule-tabs .tab-controls .monday { width:86px !important; } #shows-schedule-tabs .tab-controls .tuesday { width:88px !important; } #shows-schedule-tabs .tab-controls .wednesday { width:106px !important; } #shows-schedule-tabs .tab-controls .thursday { width:95px !important; } #shows-schedule-tabs .tab-controls .friday { width:78px !important; } #shows-schedule-tabs .tab-controls .saturday { width:95px !important; } #shows-schedule-tabs .tab-controls .sunday { width:86px !important; } #shows-schedule-tabs .naked { margin-bottom:0; zoom:1; } #shows-schedule-tabs .naked li { margin-bottom:0; border-top:1px solid #C0CEDE; padding:1px 0; height:60px; width:640px; zoom:1; } #shows-schedule-tabs .naked li:first-child { border-top:0; } #shows-schedule-tabs .naked div { height:45px; padding-top:15px; width:640px; overflow:hidden; zoom:1; position:relative;} #shows-schedule-tabs .naked .odd div { background:#EDF1F6; } #shows-schedule-tabs .naked .even div { background:#FFFFFF; } #shows-schedule-tabs .timestamp { display:block; position:absolute; left:0; top:0; width:87px; height:60px; margin:0; padding:0; text-align:center; line-height:60px; font-size:12px; font-weight:bold; color:#BE0C37; } #shows-schedule-tabs img { position:absolute; left:87px; top:0; } #shows-schedule-tabs h3 { margin-left:190px; margin-bottom:0; height:auto; line-height:1.2; font-size:12px; width:300px; } #shows-schedule-tabs .tag {margin-left:190px; margin-bottom:0; text-transform:uppercase; color:#666; font-size:10px; height:auto; line-height:1.3;} #shows-schedule-tabs .streaming { position:absolute; right:15px; top:19px; font-size:11px; display:none; } #shows-schedule-tabs a.streaming, #shows-schedule-tabs a.streaming span { background:url('http://media.620wtmj.com/designimages/620-button-streaming.png') no-repeat; display:block; height:25px; line-height:26px; text-decoration:none; overflow:hidden; } #shows-schedule-tabs a.streaming { background-position:right -50px; padding-right:5px;} #shows-schedule-tabs a.streaming span { background-position:left -0px; padding-left:25px; padding-right:5px;} #shows-schedule-tabs a.streaming:hover { background-position:right -75px; padding-right:5px;} #shows-schedule-tabs a.streaming:hover span { background-position:left -25px;} #shows-schedule-tabs span.streaming { color:#999; display:block; top:0; height:60px; line-height:60px; } #shows-schedule-tabs ul.naked li.dayDate { height: 17px; background: #FEFEFE url('http://media.620wtmj.com/designimages/620-utility.png') repeat-x left top; } #shows-schedule-tabs ul.naked li.dayDate span { color: white; font-weight: bold; padding: 2px 5px; } /* ABOUT 620 WTMJ */ #about-620-wtmj .section .cols-20-80 { border-top:1px dotted #96AEC8; padding-top:16px; } #about-620-wtmj .section .cols-20-80:first-child { padding-top:0; border-top:0;} #about-620-wtmj .section .cols-20-80 .right { padding-top:1px;} #about-620-wtmj .section dl { zoom:1; width:50%; margin-bottom:10px;} #about-620-wtmj .section dl:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #about-620-wtmj .section dt { float:left; clear:left; margin-bottom:6px; white-space:nowrap } #about-620-wtmj .section dd { float:right; clear:right; margin-bottom:6px; white-space:nowrap } /* ---- Clickability Forms ---- */ table.cmP_survey {width: 100%; } table.cmP_survey input[type="radio"] { width:16px; } table.cmP_survey input[type="text"] { display:inline;width:90%; } table.cmP_survey .cmP_submit input { font-size:14px;font-weight:bold;border:1px solid black;padding:5px;height:25px;width:200px;cursor:pointer; } table.cmP_survey td.cmP_title {padding-left: 15px; padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 133%; background-color: #cccccc; } table.cmP_survey td.cmP_header {padding-left: 25px; padding-top: 8px; padding-bottom: 8px; background-color: #eeeeee; } table.cmP_survey td.cmP_submit {padding-left: 15px; padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 133%; } table.cmP_survey td.cmP_footer {padding-left: 25px; padding-top: 8px; padding-bottom: 8px; background-color: #eeeeee; } table.cmP_survey td.cmP_question {padding-left: 10px; padding-top: 4px; padding-bottom: 4px; font-weight: bold; background-color: #cccccc; } table.cmP_survey td.cmP_responses {padding-left: 25px; padding-top: 8px; padding-bottom: 8px; background-color: #eeeeee; } table.cmP_survey td.cmP_questionSpacer {height: 30px} table.cmP_survey td.cmP_submit a {} table.cmP_survey span.cmP_requiredQuestion {padding-left: 4px; color: red; font-weight: bold} table.cmP_survey span.cmP_requiredSubQuestion {padding-left: 4px; color: red; font-weight: bold} table.cmP_survey span.cmP_questionNumber {padding-right: 5px} table.cmP_edit td {text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: #000000} table.cmP_matrix td.cmP_rowLabel {text-align: center} table.cmP_matrix td.cmP_columnLabel {text-align: center} table.cmP_matrix td.cmP_selector {text-align: center} table.cmP_matrix td.cmP_hSpacer {width: 30px} table.cmP_matrix td.cmP_vSpacer {height: 10px} table.cmP_matrixFlipped td.cmP_rowLabel {text-align: center} table.cmP_matrixFlipped td.cmP_columnLabel {text-align: center} table.cmP_matrixFlipped td.cmP_selector {text-align: center} table.cmP_matrixFlipped td.cmP_hSpacer {width: 30px} table.cmP_matrixFlipped td.cmP_vSpacer {height: 10px} table.cmP_matrixDropdown td.cmP_rowLabel {text-align: center} table.cmP_matrixDropdown td.cmP_selector {text-align: center} table.cmP_matrixDropdown td.cmP_hSpacer {width: 12px} table.cmP_matrixDropdown td.cmP_vSpacer {height: 12px} table.cmP_matrixDropdownFlipped td.cmP_columnLabel {text-align: center} table.cmP_matrixDropdownFlipped td.cmP_selector {text-align: center} table.cmP_matrixDropdownFlipped td.cmP_hSpacer {width: 24px} table.cmP_matrixDropdownFlipped td.cmP_vSpacer {height: 8px} table.cmP_mcDropdown td.cmP_selector {text-align: center} table.cmP_mcHorizontalLR td.cmP_label {text-align: center} table.cmP_mcHorizontalLR td.cmP_selector {text-align: center; padding-left: 3px; padding-right: 3px} table.cmP_mcHorizontalLR td.cmP_spacer {width: 18px} table.cmP_mcHorizontalLR td.cmP_spacerOther {height: 10px} table.cmP_mcHorizontalUD td.cmP_label {text-align: center; padding-left: 6px; padding-right: 6px} table.cmP_mcHorizontalUD td.cmP_selector {text-align: center; padding-top: 3px; padding-bottom: 3px} table.cmP_mcHorizontalUD td.cmP_spacerOther {height: 10px} table.cmP_mcVertical td.cmP_label {text-align: left} table.cmP_mcVertical td.cmP_selector {text-align: center; padding-right: 6px} table.cmP_mcVertical td.cmP_spacer {height: 8px} table.cmP_textHorizontal td.cmP_label {text-align: center} table.cmP_textHorizontal td.cmP_input {text-align: center; padding-top: 3px} table.cmP_textHorizontal td.cmP_spacer {width: 20px} table.cmP_textVertical td.cmP_spacer {height: 8px} /*events navigation*/ .layout-events.index #datepicker{font-size:9px;margin:0 0 16px 7px;} .layout-events.index #ui-datepicker-div{font-size:9px;} /*event list*/ .layout-events.index .eventlist{margin:0;padding-left:0;} .layout-events.index .featured{background:#f3f3f3;border:none;margin:0;padding:10px 0 0;} .layout-events.index .featured .event{margin:0;border:none;} .layout-events.index .overflow_item{display:none;} .layout-events.index .more{margin:10px 0;color:#666666;} .layout-events.index .more a{margin:0 0 0 5px;font-weight:bold;color:#666666;} .layout-events.index .event{margin:0 0 10px 0;padding:0;height:100%;overflow:hidden;list-style:none;} .layout-events.index .event h4{margin:0;} .layout-events.index .event .label{font-weight:bold;} .layout-events.index .event .detail{float:left;} .layout-events.index .event .date{background:#c0c0c0;color:#FFFFFF;float:left;font-size:28px;font-weight:bold;height:33px;margin:0 10px 0 0;padding:12px 0 0;position:relative;text-align:center;width:45px;} .layout-events.index .event .date a, .layout-events.index .event .date a:active, .layout-events.index .event .date a:visited, .layout-events.index .event .date a:link, .layout-events.index .event .date a:hover{color:#fff;text-decoration:none;} .layout-events.index .event .date em{display:block;font-size:14px;font-style:normal;font-weight:bold;margin:0;position:absolute;text-transform:uppercase;top:2px;left:0;width:45px;text-align:center;} .layout-events.index #event-results form{ zoom:1; margin-bottom:16px} .layout-events.index #event-results form:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .layout-events.index #event-results form input { height:28px; float:left; width:390px; font-size:14px; font-weight:bold; color:#333; } .layout-events.index #event-results form button { display: block; text-indent: -999em; overflow: hidden; text-align: left; background:url('http://media.620wtmj.com/designimages/icons.png') no-repeat -50px 0; width:28px; height:28px; float:right; } .layout-events.index #event-results form button:hover, .layout-events.index #event-results form button:focus { background-position:0 -50px; } .layout-events.index #event-results h3 { font-size:12px; color:#212121; margin-bottom:16px; } .layout-events.index #event-results h3 strong { color:#990000; } .layout-events.index #event-results-refine h2.headline { font-size:22px; } .layout-events.index #event-results-refine h3 { font-size:11px; line-height:28px; height:28px; background:url('http://media.620wtmj.com/designimages/refine-search-header.png') repeat-x left top; padding:0 8px; margin:0; } .layout-events.index #event-results-refine .form{ border:1px solid #CCCCCC; padding:1px; margin:0; } .layout-events.index #event-results-refine .form div.inner { padding:16px 0; margin:0; background:#F2F2F2;} .layout-events.index #event-results-refine .form div.inner:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .layout-events.index #event-results-refine h4 { font-size:11px; font-weight:normal; margin:0 8px 8px 8px; color:#990000; text-transform:uppercase;} .layout-events.index #event-results-refine ul { margin:0 8px 16px 8px; padding:0; } .layout-events.index #event-results-refine li { margin:0 0 3px 0; font-size:12px; zoom:1; } .layout-events.index #event-results-refine li a{color:#1F1F1F;} .layout-events.index #event-results-refine li:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .layout-events.index #event-results-refine li.active, .layout-events.index #event-results-refine li.active a{ font-weight:bold;} /*event form*/ #eventSubmissionForm{width: auto;margin: 0;padding: 12px 0 0 0;background: none;border-top: 1px dotted #CCC;} #eventSubmissionForm fieldset{margin: 0;padding: 0;border: 0;} #eventSubmissionForm .inputgroup, #eventSubmissionForm .submitgroup{overflow: hidden;clear: both;margin: 0 0 10px 0;} #eventSubmissionForm .textgroup label, #eventSubmissionForm .textareagroup label, #eventSubmissionForm .selectgroup label{margin:0 0 2px 0;font-weight: bold;} #eventSubmissionForm .textgroup input{display:block;padding: 3px;border: 1px solid #827D79;} #eventSubmissionForm .textareagroup textarea{margin: 0;padding: 5px;border: 1px solid #827D79;} #eventSubmissionForm .textareagroup p{margin: 0;font-size: 11px;} #eventSubmissionForm .checkboxgroup label, #eventSubmissionForm .radiogroup label{display: block;margin: 0;padding: 3px 5px;font-weight: normal;cursor: pointer;} #eventSubmissionForm .checkboxgroup input, #eventSubmissionForm .radiogroup input{cursor: pointer;} #eventSubmissionForm .submitgroup input{float: left;display: inline;width: 150px;height: 40px;margin: 0 20px 0 0;padding: 10px;cursor: pointer;font-size: 15px;color: white;background: #999999;border: 0;outline: 0;} #eventSubmissionForm .submitgroup a{float: left;display: block;height: 39px;line-height: 39px;} #eventSubmissionForm .required{background:transparent url('http://media.620wtmj.com/designimages/requiredstar.png') no-repeat scroll 0 50%; padding-left:8px;} #eventSubmissionForm .miniFormText{font-size:10px;color:#666;font-weight:normal;} #eventSubmissionForm .time-picker{position: absolute;z-index: 500;overflow: auto;height: 125px;width: 80px;margin: 0;background: white;border: 1px solid #CCC;} #eventSubmissionForm .time-picker-12hours{width: 85px;} #eventSubmissionForm .time-picker ul{list-style-type: none;margin: 0;padding: 0;} #eventSubmissionForm .time-picker li{padding: 1px;cursor: pointer;} #eventSubmissionForm .time-picker li.selected{background: #E8F8FE;} #ui-datepicker-div{font-size:9px;} #elementEventTitle{width:640px;} #elementEventDescription{width:640px;} #category5249{height:100px;} #groupEventTime input{float:left;margin:0 5px 0 0;} #groupEventTime label{float:left;margin:0 5px 0 0;line-height:normal;} #groupEventTime select{float:left;margin:0 5px 0 0;} #groupEventTime p{margin:0 0 5px 0;} #weekly_display{border:1px solid #827D79;padding:10px;} #monthly_display{border:1px solid #827D79;padding:10px;} #weekly_display .inputgroup{margin:0;} #monthly_display .inputgroup{margin:0;} #groupEventTime{border:1px solid #827D79;padding:10px;clear:left;margin:0 0 10px 0;} #groupCategoryDetails{float:left;width:200px;} #category8409Select{font-size:10px;} #groupVenueDetails{border:1px solid #827D79;float:right;padding:10px;width:334px;margin:0 0 10px 0;} #elementVenueName{width:326px;} #elementVenueAddress{width:326px;} #elementVenueCity{width:292px;} #elementVenueCityGroup{margin:0 0 10px 0;} #groupAddressInputs input{margin:0 5px 0 0;} #groupAddressInputs label{float:left;margin:0 5px 0 0;line-height:normal;} #groupAddressInputs select{float:left;margin:0 5px 0 0;} #groupContactDetails{float:right;width:334px;border:1px solid #827D79;padding:10px;} #groupContactInputs{float:left;} #groupContactInputs inputs{width:140px;} #groupNotes{float:left;} #elementNotes{width:326px;height:110px;} #elementContactName{width:326px;} #elementContactPhone{width:326px;} #elementContactEmail{width:326px;} #elementTicketingURL{width:165px;} #elementTicketingPrice{width:165px;} #elementTicketingPhone{width:165px;} #formInfo{font-size:10px;color:#666;margin:5px 0 0 0;} #weekly_display label.error{color:red;border:1px solid red;background:#f3f3f3;padding:3px;margin:0 0 0 5px;} #weekly_display label.valid{display:none !important;} #eventTypeMessage{margin:0 0 15px 0;} #startTimeGroup{overflow:hidden;float:left;clear:left;margin:5px 0 0 0;} #endTimeGroup{overflow:hidden;float:left;margin:5px 0 0 0;} #startTimeGroup .timechoices{margin:21px 0 0 69px;} #endTimeGroup .timechoices{margin:21px 0 0 62px;} #startTimeGroup label{padding:0 0 0 8px;} #endTimeGroup label{padding:0 0 0 8px;} #startTime, #endTime, #eventEndDate, #eventStartDate{width:95px;} #toggleTimeGroup input{margin:5px 5px 0 0;} /*error inputs*/ #eventSubmissionForm input.error, #eventSubmissionForm select.error, #eventSubmissionForm textarea.error{background-color:#f3f3f3 !important;border:1px solid red !important;color:red !important;} /*event detail*/ .layout-events.event .label{font-weight:bold;} .layout-events.event .detail_item{margin:0 0 5px 0;} .layout-events.event ul#edit{list-style:none;margin:0;padding:0;float:right;} .layout-events.event #edit li{list-style:none;margin:0;padding:0 0 0 10px;float:right;} .layout-events.event #edit li .edit{background: transparent url('$cms.media("620-MM_bubble_edit.gif","designimages").url') no-repeat 0 1px;padding: 0 0 0 12px;} .layout-events.event #edit li .delete{background:transparent url('$cms.media("620-MM_bubble_delete.gif","designimages").url') no-repeat scroll 0 3px;padding:0 0 0 12px;} /*confirmation messages */ .layout-events .messages .content{border:none;background:none;padding:0;margin:0;} .layout-events .messages .content p{margin:0;} .layout-events .messages{border:none;background:none;padding:0;} .confirmationaccept{background:#E5F7E3 url('http://media.620wtmj.com/designimages/JOB_check.gif') no-repeat;background-position:7px 7px;border:1px solid #C5E1C8;font-weight:700;color:#005E20;padding:8px 8px 8px 28px;text-decoration: none;text-align:left;} .confirmationerror{background:#FFEBEB url('http://media.620wtmj.com/designimages/JOB_x.gif') no-repeat;background-position:7px 7px;border:1px solid #F5C1C2;font-weight:700;color:#9E0B0F;padding:8px 8px 8px 28px;text-decoration: none;text-align:left;} .confirmationwarning{background:#FFFEEB url('http://media.620wtmj.com/designimages/JOB_warning.gif') no-repeat;background-position:7px 7px;border:1px solid #E6E5D8;font-weight:700;color:#555;padding:8px 8px 8px 28px;text-decoration: none;text-align:left;} .confirmationquestion{background:#E8F8FE url('http://media.620wtmj.com/designimages/JOB_question.gif') no-repeat;background-position:7px 7px;border:1px solid #CFDFE5;font-weight:700;color:#004A80;padding:8px 8px 8px 28px;text-decoration: none;text-align:left;} /*login bar */ .messages { color:Red; font-size:12px; font-weight:bold; } #hatNav {box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.13);padding: 0;width: 100%;height: 45px;background: white;position: fixed;top: 0;left: 0;z-index: 50;border-bottom: 1px solid #EEE;opacity: 0.9; } #hatNav .navigation { width:1000px;margin:0 auto; } #hatNav .navigation ul.hat-nav {margin:0;padding:0;} #hatNav .navigation ul.hat-nav li {float: left;font-weight: bold;position: relative;height: auto;border: 0;list-style:none;} #hatNav .navigation ul.hat-nav li a {display: block;float: left;font-size: 14px;font-weight: normal;color: #666;text-decoration: none;padding: 12px 15px;text-transform: uppercase;line-height: 17px;text-shadow: none;} #hatNav .navigation ul.hat-nav li a:hover {color: #333;background: transparent;border: 0;} #hatNav .navigation ul.hat-nav li .listenLive {float: right;padding: 13px 10px 13px 0;margin-left: -10px;} #hatNav .navigation ul.hat-nav li .listenLive a {font-size: 10px;background-color: #eee;padding: 2px 4px;color: #666; line-height: 12px;} #hatNav .navigation ul.hat-nav li .listenLive a:hover {background-color: #547B9C;padding: 2px 4px;color: white;} .loginbar { width: 1000px;padding-top:5px;height:20px; } .loginbar ul { float:right; margin:0; padding:0; } .loginbar li { display:inline; float:left; } .loginbar li a { /* background: url('http://media.620wtmj.com/designimages/login_bar_divider.gif') no-repeat scroll 0 50% transparent; */ border-left: 1px solid #333333; font-size: 11px; padding: 0 10px; } .loginbar li a.first {/* background: none repeat scroll 0 0 transparent; */ border: medium none; display: block; } /*login forms */ .loginform #ssoLogin { padding-bottom:20px; } .loginform ol { list-style:none outside none; margin:0; padding:1em 1em 0;} .loginform ol li {list-style:none outside none;margin-left:0; padding:0 0 5px; } .loginform li { clear:both; padding-bottom:1em; overflow: hidden;} .loginform li label { display: block; float: left; padding-bottom: 3px; width: 100px; } .loginform input { border: 1px solid #999999; height:18px; width:200px; } .loginform #rememberMe { width: 20px;float:left; } .loginform label input { border: 1px solid #999999; width: 400px; } .loginform input.button { background-color: #999999; height: 30px; width: 100px; } .loginform .radiogroup { } .loginform .radiogroup input { display: inline; width:20px; } /*edit profile form */ .membershipform .headline { background: none repeat scroll 0 0 #EBEBEB; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: 2px 0 6px; padding-left: 4px; } .membershipform .profileData { display: block; overflow: hidden; } .membershipform .profileData ul { /*display: block;*/ float: left; margin: 0; padding-left: 4px; } .membershipform .profileData li { display: list-item; list-style-position: outside; list-style-type: disc; margin: 0; padding: 0; } .membershipform .userAvatar { float: left; margin: 0 20px 5px 0; } .membershipform #regEditForm { padding: 0; } .membershipform ol { list-style:none outside none;margin:0;padding:0;} .membershipform ol li {list-style:none outside none;margin-left:0;padding:0 0 5px; } .membershipform li { clear:both;padding-bottom:1em; } .membershipform li.headline { background: none repeat scroll 0 0 #EBEBEB; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: 10px 0 6px; padding-left: 4px; } .membershipform li label { display: block;float: left;padding-bottom: 3px; width: 150px; } .membershipform input { border: 1px solid #999999; height:18px;width:250px; } .membershipform .checkboxgroup { } .membershipform .checkboxgroup input { display: inline; width:20px; } .membershipform .radiogroup { } .membershipform .radiogroup input { display: inline; width:20px; } .membershipform .uploadgroup { } .membershipform .uploadgroup input { height: 25px; width: 250px; } .membershipform label input { width: 400px; } .membershipform select { width: 120px; } .membershipform textarea { border: 1px solid #999999; height: 110px; width: 400px; } .membershipform .submitgroup input { background-color: #999999; height: 30px; width:auto; } .membershipform .submitgroup a { background-color: #999999; color:#000000; padding:6px; } .membershipform ol li ol { margin:0; padding: 10px; } .membershipform ol li li { list-style:none outside none; margin:0; padding: 2px; } .membershipform #continueRegister { font-size: 105%; font-weight: bold; margin-top: 5px; } /*forgot password form */ .forgotpasswordform { } .forgotpasswordform .submitgroup input { background-color: #999999; height: 30px; width: 150px; } .forgotpasswordform ol { list-style:none outside none;margin:0;padding:0;} .forgotpasswordform ol li {list-style:none outside none;margin-left:0;padding:0 0 5px; } .forgotpasswordform li { clear:both;padding-bottom:1em; } .forgotpasswordform li.headline { font-size: 12px; font-weight: bold; margin: 10px 0 6px; } .forgotpasswordform li label { display: block;float: left;padding-bottom: 3px; width: 50px; } .forgotpasswordform input { border: 1px solid #999999; height:18px;width:200px; } /*miscellaneous */ .clear {clear: both;font-size: 0px;height: 0;line-height: 0;} /* photo galleries */ #page_box{width:640px;overflow:hidden;} #images_container{clear:both;margin:15px 0 0;} .grid .thumb_container{float:left;margin:0 12px 12px 0;text-align:left;width:148px;} .grid .thumb_wrap a{border:none;margin:0;overflow:hidden;text-align:center;display:block;width: 148px;height: 109px;} .grid .thumb_wrap{position: relative;left: -1px;top: -1px;display: block;background: url('http://media.620wtmj.com/designimages/shadow-148x109.png');width: 148px;height: 109px;padding: 1px 3px 3px 1px;margin-bottom: 6px;} .grid .thumb_container.first_column{clear:left;} .grid .thumb_container.last_column{margin:0 0 12px 0;} .grid .thumb_container img{width:auto;border:0;} /*slideshow*/ #gallery{clear: both;margin:0 0 5px 0;} #gallery div.info-bar{height:25px;margin:2px 0;overflow:hidden;} #gallery div.controls{float:right;} #gallery div.extras{float:left;text-align:left;} #gallery div.extras a{padding:0 10px 0 0;text-decoration:none;} #gallery span.photo-index{color:#000;padding:0 3px 0 0;font-style:italic;} #gallery div.nav-controls{float: right;} #gallery div.nav-controls .prev{padding:0 10px 0 0;} div.slideshow-container{clear: both;margin:0;} div.photoslideshow span.image-wrapper{display: block;background:#efefef;} div.loader{background-image:url('http://media.620wtmj.com/designimages/jso-gallery-ajax-loader.gif');background-position:center center;background-repeat:no-repeat;color:#CCCCCC;height:100px;line-height:57px;margin:95px 0 0;text-align:center;width:640px;} div.photoslideshow a.advance-link{display: block;text-align:center;line-height:0;} div.photoslideshow a.advance-link:hover, div.photoslideshow a.advance-link:active, div.photoslideshow a.advance-link:visited{text-decoration: none;} div.photoslideshow a.advance-link:focus{outline: none;} div.photoslideshow img { display: inline; } div.navigation-container{display:none;} span.image-caption{display: block;} .thumb_container img { display: inline }; .photogallery .photo-credit{display: block;font-style: italic;margin:0 0 5px 0;} .photogallery .photo-description{display:block;margin:0 0 5px 0;} .photogallery .pagination{clear:both;} /* Videos */ .layout-multimedia-videos .player {} .layout-multimedia-videos .player .videostill-link{display:block;position:relative;width:640px;height:360px;} .layout-multimedia-videos .player .videostill{border:none;position:absolute;top:0;left:0;z-index:3;} .layout-multimedia-videos .player .overlay{border:none;position:absolute;top:75px;left:165px;z-index:4;-moz-opacity:.60; -ms-filter:â alpha(opacity=60)â ; filter:alpha(opacity=60); opacity:.60;} .layout-multimedia-videos #content h2.headline{} .layout-multimedia-videos #content a.dimmer{background:url('http://media.620wtmj.com/designimages/620-icon-dim.png') no-repeat left center; padding-left:20px; line-height:16px; height:16px; color:#999; text-transform:uppercase; font-weight:normal; vertical-align:middle; font-size:11px; margin-left:2em;} .layout-multimedia-videos #content .block{margin:0 auto 12px auto; width:300px; /* generic ad/promo block */} .layout-multimedia-videos #player-playlist{border:1px solid #ccc; padding:1px; width:auto; margin-bottom:24px; background:url('http://media.620wtmj.com/designimages/620-content-top-background.png') repeat-y right top;} .layout-multimedia-videos #player-playlist .cols-66-33{background:url('http://media.620wtmj.com/designimages/620-content-top-right-background.png') repeat-y right bottom;} .layout-multimedia-videos #player-playlist .left{width:640px;} .layout-multimedia-videos #player-playlist .right{width:300px; padding:11px; padding-right:10px; background:#E6E6E6;} .layout-multimedia-videos #now-playing .clip-meta{padding:16px 12px 0 12px;} .layout-multimedia-videos #now-playing .clip-meta h2{font-size:16px;} .layout-multimedia-videos #now-playing .clip-meta p{font-size:12px;} .layout-multimedia-videos #now-playing .clip-meta .byline{color:#797979; font-size:11px;} .layout-multimedia-videos #now-playing .clip-meta .timestamp{margin-left:1em;} .layout-multimedia-videos #now-playing .clip-meta .location{} .layout-multimedia-videos #now-playing .clip-meta .reveal{background:url('http://media.620wtmj.com/designimages/620-icon-reveal.png') no-repeat left center; padding-left:9px; text-transform:uppercase;} .layout-multimedia-videos #now-playing #sharing-tools{padding: 0 12px;border: none;} .layout-multimedia-videos #now-playing .cols-33x3{background:url('http://media.620wtmj.com/designimages/620-related.png') no-repeat right top;} .layout-multimedia-videos #now-playing .cols-33x3 .left, .layout-multimedia-videos #now-playing .cols-33x3 .center, .layout-multimedia-videos #now-playing .cols-33x3 .right{width:189px; margin:0; padding:0; background:none; padding:10px 12px;} .layout-multimedia-videos #now-playing .cols-33x3 .center{margin:0 1px;} .layout-multimedia-videos #now-playing .cols-33x3 .right{width:188px; background:none;} .layout-multimedia-videos #now-playing .cols-33x3 h4{font-size:10px; color:#990000; font-weight:normal;} .layout-multimedia-videos #now-playing .cols-33x3 p{font-size:11px; margin:0;} .layout-multimedia-videos #now-playing .cols-33x3 p a{font-weight:bold;} #now-playing .confirmationwarning{margin:12px;} .layout-multimedia-videos #playlist.block{background:#fff url('http://media.620wtmj.com/designimages/620-playlist-background.png') no-repeat left top; width:304px; padding:2px 0 0 0; position:relative; left:-2px; top:-2px;display:none;} .layout-multimedia-videos #playlist .header{background:#333 url('http://media.620wtmj.com/designimages/620-playlist-header.png'); height:28px; width:300px; margin:0 2px 0 2px; padding:0; text-indent:9px; line-height:28px; border-top:none; border-bottom:1px solid #fff; color:#fff; font-size:12px;} .layout-multimedia-videos #playlist .filter{position:absolute; right:4px; top:4px;} .layout-multimedia-videos #playlist .striped{width:300px; margin:0; padding:0 2px 2px 2px; background:url('http://media.620wtmj.com/designimages/620-playlist-background.png') no-repeat left -4px;} .layout-multimedia-videos #playlist .striped li{width:231px; height:38px; white-space:normal; line-height:1.2; margin:0; border-bottom:1px solid #FFF; padding:7px 0 0 69px; position:relative;} .layout-multimedia-videos #playlist .striped li.odd{background:#E5E5E5;} .layout-multimedia-videos #playlist .striped li.even{background:#F2F2F2;} .layout-multimedia-videos #playlist .striped img{position:absolute; left:0; top:0; opacity:.40; border-left:1px solid #fff; border-right:1px solid #fff;} .layout-multimedia-videos #playlist .striped a{font-weight:bold; font-size:11px; margin-right:.5em;} .layout-multimedia-videos #playlist .striped span{display:inline; margin:0; padding:0; height:auto; width:auto; line-height:inherit; color:inherit;} .layout-multimedia-videos #playlist .striped .length{font-weight:normal; font-size:10px;} .layout-multimedia-videos #playlist .striped .timestamp{color:#797979; font-size:10px; white-space:nowrap;} .layout-multimedia-videos #playlist .striped li:hover img{opacity:.80;} .layout-multimedia-videos #playlist .striped li:hover a{text-decoration:underline;} .layout-multimedia-videos #playlist .striped li.current{background:#fff;} .layout-multimedia-videos #playlist .striped li.current a{color:#990000; text-decoration:none; cursor:default;} .layout-multimedia-videos #playlist .striped li.current img{opacity:1;} .layout-multimedia-videos #playlist .footer{background:url('http://media.620wtmj.com/designimages/620-playlist-background.png') no-repeat left bottom; padding:0 2px 2px 2px; border-top:none;} .layout-multimedia-videos #playlist .controls{background:#333 url('http://media.620wtmj.com/designimages/620-playlist-header.png'); height:19px; margin:0; padding:4px 0 5px 0; line-height:28px; text-align:center;} .layout-multimedia-videos #playlist .controls a{margin:0;} .layout-multimedia-videos #playlist .controls a, .layout-multimedia-videos #playlist .controls span, .layout-multimedia-videos #playlist .controls img{display:inline-block; vertical-align:middle;} .layout-multimedia-videos #playlist .controls .pager{padding:0 5px;} .layout-multimedia-videos #playlist .controls .pager img{background:url('http://media.620wtmj.com/designimages/620-playlist-page-link.png'); width:7px; height:7px; display:inline; margin:0 3px; cursor:pointer} .layout-multimedia-videos #playlist .controls .pager img:hover, .layout-multimedia-videos #playlist .controls .pager img:focus{background-image:url('http://media.620wtmj.com/designimages/620-playlist-page-hover.png');} .layout-multimedia-videos #playlist .controls .pager img.selected{background-image:url('http://media.620wtmj.com/designimages/620-playlist-page-selected.png');} .layout-multimedia-videos #playlist .controls .next, .layout-multimedia-videos #playlist .controls .prev{width:19px; height:19px; display:inline-block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left;} .layout-multimedia-videos #playlist .controls .next{background-image:url('http://media.620wtmj.com/designimages/620-playlist-next.png');} .layout-multimedia-videos #playlist .controls .next:hover, .layout-multimedia-videos #playlist .controls .next:focus{background-image:url('http://media.620wtmj.com/designimages/620-playlist-next-hover.png');} .layout-multimedia-videos #playlist .controls .prev{background-image:url('http://media.620wtmj.com/designimages/620-playlist-prev.png');} .layout-multimedia-videos #playlist .controls .prev:hover, .layout-multimedia-videos #playlist .controls .prev:focus{background-image:url('http://media.620wtmj.com/designimages/620-playlist-prev-hover.png');} .layout-multimedia-videos .section h2.header{border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;} .layout-multimedia-videos #clips-categories .filter-videos{margin:0 0 12px 0;zoom:1;} .layout-multimedia-videos #clips-categories #search-videos-form{margin:0 0 12px 0;width:324px; height:22px; padding:0;zoom:1;} .layout-multimedia-videos #clips-categories #search-videos-form:after, .layout-multimedia-videos #clips-categories .filter-videos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} .layout-multimedia-videos #clips-categories .filter-videos h3, .layout-multimedia-videos #clips-categories .filter-videos dl, .layout-multimedia-videos #clips-categories .filter-videos dt, .layout-multimedia-videos #clips-categories .filter-videos dd, .layout-multimedia-videos #clips-categories .filter-videos input, .layout-multimedia-videos #clips-categories .filter-videos label{float:none; clear:none; display:inline-block; vertical-align:middle; margin:0; padding:0;} .layout-multimedia-videos #clips-categories .filter-videos dl{float:right; margin-right:10px;} .layout-multimedia-videos #clips-categories .filter-videos h3, .layout-multimedia-videos #clips-categories .filter-videos dl, .layout-multimedia-videos #clips-categories .filter-videos dt, .layout-multimedia-videos #clips-categories .filter-videos dd{height:22px; line-height:22px; vertical-align:bottom;} .layout-multimedia-videos #clips-categories .filter-videos dt{margin-left:3em; font-size:12px;} .layout-multimedia-videos #clips-categories .filter-videos dd{margin-left:1em; font-size:12px;} .layout-multimedia-videos #clips-categories .filter-videos input, .layout-multimedia-videos #clips-categories .filter-videos label{} .layout-multimedia-videos #clips-categories .filter-videos label{margin-left:.25em; cursor:pointer;} .layout-multimedia-videos #clips-categories .filter-videos dd a.selected{font-weight:bold;color:#900;} .layout-multimedia-videos #clips-categories #search-videos-form input{line-height:1; display:block; height:22px; padding-top:5px; width:300px; float:left; font-size:12px; color:#000;} .layout-multimedia-videos #clips-categories #search-videos-form button{float:right; background:url('http://media.620wtmj.com/designimages/search-btn_s1.png'); text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; width:22px; height:22px;} .layout-multimedia-videos #clips-categories #search-videos-form input, .layout-multimedia-videos #clips-categories #search-videos-form button{display:block; margin:0;} .layout-multimedia-videos #clips-categories #search-videos-form button:hover, .layout-multimedia-videos #clips-categories #search-videos-form button:focus, .layout-multimedia-videos #clips-categories #search-videos-form button:active{background-image:url('http://media.620wtmj.com/designimages/search-btn_s2.png');} .layout-multimedia-videos #clips .clips{display:none;} .layout-multimedia-videos #clips .clips.selected{display:block;} .layout-multimedia-videos #clips .naked{zoom:1;height:510px;} .layout-multimedia-videos #clips .naked:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} .layout-multimedia-videos #clips .naked li{width:148px; height:160px; overflow:hidden; padding:1px; margin:0 8px 8px 0; float:left; border:1px solid #ccc; background:url('http://media.620wtmj.com/designimages/620-clip-background.png') no-repeat 1px 1px;display:none;} .layout-multimedia-videos #clips .naked a{font-weight:bold;} .layout-multimedia-videos #clips .naked span{font-size:10px;} .layout-multimedia-videos #clips .naked img{display:block; margin:0;} .layout-multimedia-videos #clips .naked p{padding:8px 5px; margin:0;} .layout-multimedia-videos #clips .naked .length{font-weight:normal; font-size:11px;} .layout-multimedia-videos #clips .naked .timestamp, .layout-multimedia-videos #clips .naked .source{color:#797979; display:block;} .layout-multimedia-videos #clips .naked li ul.tags{overflow: hidden;height: 0;list-style: none;margin: 0;padding: 0;display:none;} .layout-multimedia-videos #clips .pagination{width:632px; margin-bottom:0;} .layout-multimedia-videos #clips-categories.cols-66-33 .right{width:320px;} .layout-multimedia-videos #clips-categories.cols-66-33 .right-inner{width:320px;border:1px solid #ccc; padding:1px; background:#f2f2f2;height:553px;}/*removed even out bottoms js use static height instead*/ .layout-multimedia-videos #clips .clips p.loader, .layout-multimedia-videos #clips .clips-loader p.loader{margin:0;padding:60px 0 0 0;background:url('http://media.620wtmj.com/designimages/videoloader2.gif') no-repeat center center;text-align:center;height:120px;font-size:12px;} .layout-multimedia-videos #categories.block{margin-bottom:32px; width:100%;} .layout-multimedia-videos #categories h3.header{background:#ccc url('http://media.620wtmj.com/designimages/620-category-header.png') repeat-x left top; height:28px; line-height:28px; padding:0 10px; margin:0 0 3px 0; font-size:12px; border:none;} .layout-multimedia-videos #categories .dotted{margin:0 10px;} .layout-multimedia-videos #categories li{border-top:none; border-bottom:1px dotted #ccc; background:url('http://media.620wtmj.com/designimages/620-category-link.png') no-repeat left center; padding:6px 6px 6px 14px;} .layout-multimedia-videos #categories a{} .layout-multimedia-videos #categories a.selected{color:#990000;} /* DIMMED RULES */ .layout-multimedia-videos.dimmed #body, .layout-multimedia-videos.dimmed #body-inner{background:#333333;} .layout-multimedia-videos.dimmed #body-bottom{border-top-color:#666666;} .layout-multimedia-videos.dimmed #body a{color:#99CCFF;} .layout-multimedia-videos.dimmed #body a.comments{color:#999;} .layout-multimedia-videos.dimmed #body h2, .layout-multimedia-videos.dimmed #body h3, .layout-multimedia-videos.dimmed #body h4{color:#ccc;} .layout-multimedia-videos.dimmed #body h3.header{color:#a2a2a2;} .layout-multimedia-videos.dimmed #nav.topnav-navigation a.active{background:#666; color:#99CCFF; border-bottom-color:#666; } .layout-multimedia-videos.dimmed #nav.topnav-navigation a.stick{background: #EFEFEF; border-bottom-color: #EFEFEF; text-decoration: none; color:#990000;} .layout-multimedia-videos.dimmed #body-top .breadcrumbs{background:#666666; color:#CCCCCC;} .layout-multimedia-videos.dimmed #content a.dimmer{background-image:url('http://media.620wtmj.com/designimages/620-icon-dim-active.png'); color:#99CCFF;} .layout-multimedia-videos.dimmed #player-playlist{border-color:#666; background-image:url('http://media.620wtmj.com/designimages/620-content-top-background-dimmed.png');} .layout-multimedia-videos.dimmed #player-playlist .cols-66-33{background-image:url('http://media.620wtmj.com/designimages/620-content-top-right-background-dimmed.png');} .layout-multimedia-videos.dimmed #player-playlist .right{background:#4A4A4A;} .layout-multimedia-videos.dimmed #now-playing .clip-meta h2{color:#ccc;} .layout-multimedia-videos.dimmed #now-playing .clip-meta p{color:#a2a2a2;} .layout-multimedia-videos.dimmed #now-playing .clip-meta .byline{color:#999;} .layout-multimedia-videos.dimmed #now-playing .cols-33x3{background-image:url('http://media.620wtmj.com/designimages/620-related-dimmed.png')} .layout-multimedia-videos.dimmed #now-playing .cols-33x3 .right{background:none;} .layout-multimedia-videos.dimmed #now-playing .cols-33x3 h4{color:#ccc;} .layout-multimedia-videos.dimmed #playlist.block , .layout-multimedia-videos.dimmed #playlist .footer, .layout-multimedia-videos.dimmed #playlist .striped{background-image:url('http://media.620wtmj.com/designimages/620-playlist-background-dimmed.png');} .layout-multimedia-videos.dimmed #playlist .header{border-bottom:1px solid #4a4a4a;} .layout-multimedia-videos.dimmed #playlist .striped li{border-bottom:1px solid #4a4a4a;} .layout-multimedia-videos.dimmed #playlist .striped li.odd{background:#575757;} .layout-multimedia-videos.dimmed #playlist .striped li.even{background:#666666;} .layout-multimedia-videos.dimmed #playlist .striped img{border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a;} .layout-multimedia-videos.dimmed #playlist .striped .timestamp{color:#a2a2a2;} .layout-multimedia-videos.dimmed #playlist .striped li.current{background:#999;} .layout-multimedia-videos.dimmed #playlist .striped li.current a{color:#ffffff;} .layout-multimedia-videos.dimmed .section h2.header{border-color:#666;} .layout-multimedia-videos.dimmed #clips-categories .filter-videos dt, .layout-multimedia-videos.dimmed #clips-categories .filter-videos dd{color:#999;} .layout-multimedia-videos.dimmed #clips-categories #search-videos-form input[type="text"]{background-color:#ccc; border:none;} .layout-multimedia-videos.dimmed #clips .naked li{background:#333 url('http://media.620wtmj.com/designimages/620-clip-background-dimmed.png') no-repeat 1px 1px; border-color:#666;} .layout-multimedia-videos.dimmed #clips .naked .timestamp, .layout-multimedia-videos.dimmed #clips .naked .source{color:#999;} .layout-multimedia-videos.dimmed #clips .pagination{border-color:#666;} .layout-multimedia-videos.dimmed #clips .pagination .current{color:#fff;} .layout-multimedia-videos.dimmed #clips-categories.cols-66-33 .right{ border-color:#666;} .layout-multimedia-videos.dimmed #clips-categories.cols-66-33 .right-inner{background:#4A4A4A;} .layout-multimedia-videos.dimmed #categories h3.header{background-image:url('http://media.620wtmj.com/designimages/620-playlist-header.png');} .layout-multimedia-videos.dimmed #categories li{border-color:#999; border-bottom:1px dotted #7a7a7a;} /*submitstory form*/ #submitstory{width: auto;margin: 0;background: none;border-top:1px dotted #CCC;padding:12px 0 0 0;} #submitstory fieldset{margin: 0;padding: 0;border: 0;} #submitstory .inputgroup, #submitstory .submitgroup{overflow: hidden;clear: both;margin: 0 0 10px 0;} #submitstory .textgroup label, #submitstory .textareagroup label, #submitstory .filegroup label, #submitstory .selectgroup label{margin:0 0 2px 0;font-weight: bold;} #submitstory .textgroup input{display:block;padding: 3px;border: 1px solid #827D79;} #submitstory .textareagroup textarea{margin: 0;padding: 5px;border: 1px solid #827D79;} #submitstory .textareagroup p{margin: 0;font-size: 11px;} #submitstory .checkboxgroup label, #submitstory .radiogroup label{display: block;margin: 0;padding: 3px 5px;font-weight: normal;cursor: pointer;} #submitstory .checkboxgroup input, #submitstory .radiogroup input{cursor: pointer;} #submitstory .submitgroup input{float: left;display: inline;width: 150px;height: 40px;margin: 0 20px 0 0;padding: 10px;cursor: pointer;font-size: 15px;color: white;background: #999999;border: 0;outline: 0;} #submitstory .submitgroup a{float: left;display: block;height: 39px;line-height: 39px;} #submitstory .required{background:transparent url('$cms.media("620-requiredstar.png","designimages").url') no-repeat scroll 0 50%; padding-left:8px;} #submitstory .miniFormText{font-size:10px;color:#666;font-weight:normal;} .submitugcstory #userdetails{width:240px;float:left;} .submitugcstory #userdetails input{width:220px;} .submitugcstory #storydetails{width:400px;float:left;} .submitugcstory #element_title{width:400px;} .submitugcstory #element_body{width:400px;height:300px;} .submitugcstory #placement_image{} .submitugcstory #element_agreement{float: left;margin: 0 5px 0 0;} .submitugcstory #agreement label.error{margin: 0 5px 0 0;padding: 3px;color: red;border: 1px solid red;width: 154px;float: left;} .submitugcstory #agreement label.valid{display: none !important;} /*submitstory error inputs*/ #submitstory input.error, #submitstory select.error, #submitstory textarea.error{background-color:#f3f3f3 !important;border:1px solid red !important;color:red !important;} /*submitstory confirmation messages */ .layout-userstories .messages{border:none;background:none;padding:0;} /*submitphoto form*/ #submitphoto{width: auto;margin: 0;background: none;border-top:1px dotted #CCC;padding:12px 0 0 0;} #submitphoto fieldset{margin: 0;padding: 0;border: 0;} #submitphoto .inputgroup, #submitphoto .submitgroup{overflow: hidden;clear: both;margin: 0 0 10px 0;} #submitphoto .textgroup label, #submitphoto .textareagroup label, #submitphoto .filegroup label, #submitphoto .selectgroup label{margin:0 0 2px 0;font-weight: bold;} #submitphoto .textgroup input{display:block;padding: 3px;border: 1px solid #827D79;} #submitphoto .textareagroup textarea{margin: 0;padding: 5px;border: 1px solid #827D79;} #submitphoto .textareagroup p{margin: 0;font-size: 11px;} #submitphoto .checkboxgroup label, #submitphoto .radiogroup label{display: block;margin: 0;padding: 3px 5px;font-weight: normal;cursor: pointer;} #submitphoto .checkboxgroup input, #submitphoto .radiogroup input{cursor: pointer;} #submitphoto .submitgroup input{float: left;display: inline;width: 150px;height: 40px;margin: 0 20px 0 0;padding: 10px;cursor: pointer;font-size: 15px;color: white;background: #999999;border: 0;outline: 0;} #submitphoto .submitgroup a{float: left;display: block;height: 39px;line-height: 39px;} #submitphoto .required{background:transparent url('$cms.media("620-requiredstar.png","designimages").url') no-repeat scroll 0 50%; padding-left:8px;} #submitphoto .miniFormText{font-size:10px;color:#666;font-weight:normal;} .submitugcphoto #userdetails{width:240px;float:left;} .submitugcphoto #userdetails input{width:220px;} .submitugcphoto #photodetails{width:400px;float:left;} .submitugcphoto #temp_element_title{width:400px;} .submitugcphoto #element_image_caption{width:400px;height:300px;} .submitugcphoto input#element_location{width:140px;} .submitugcphoto #element_state{display:block;} .submitugcphoto #location .selectgroup{float: left;width: 95px;padding:0 0 0 5px;} .submitugcphoto #location .textgroup{float: left;width: 140px;} .submitugcphoto #placement_image{} .submitugcphoto #element_agreement{float: left;margin: 0 5px 0 0;} .submitugcphoto #agreement label.error{margin: 0 5px 0 0;padding: 3px;color: red;border: 1px solid red;width: 154px;float: left;} .submitugcphoto #agreement label.valid{display: none !important;} /*submitphoto error inputs*/ #submitphoto input.error, #submitphoto select.error, #submitphoto textarea.error{background-color:#f3f3f3 !important;border:1px solid red !important;color:red !important;} /*submitphoto confirmation messages */ .photogallery .messages{border:none;background:none;padding:0;} /* POLL */ .pollQuestion{font-size:10pt;font-weight:bold;padding-bottom:10px;} .pollAnswer{font-weight:bold;margin-bottom:5px;font-size:0.9em;} .pollBar{width:400px;margin-bottom:10px;} .pollBar img{height:10px;border:1px solid #666666;clear:both;} .pollIntro{margin-bottom:15px;} .poll_check{display: block;padding-right: 5px;} .poll_check input {width: 16px; display: inline; margin-bottom: 5px; } input.button {border: 1px solid #036;background-color: #A52B0E;color: white;font-weight: bold;padding-left: 10px;padding-right: 10px;width: 60px;text-align: left;} .more_polls { clear:both;margin-top:10px; } /* POLL ON HOME PAGE */ #top-stories .module .title{background-color:black;color:white;font-size: 12px;line-height: 20px;margin-top: 0pt;margin-right: 3px;margin-bottom: 0pt;margin-left: 1px;padding-top: 0pt;padding-right: 5px;padding-bottom: 0pt;padding-left: 5px;} #top-stories .module .poll_question{font-size:12px;padding:5px 0px 5px 5px;} #top-stories .module .poll_check{font-size:12px;padding:3px 0px 3px 5px;border-top:1px solid #000000;} #top-stories #poll_vote{margin-top:10px;margin-bottom:5px;float:left;} #top-stories #poll_vote .button{text-align:center;height:25px;padding-bottom:2px;} #top-stories .readMoreLink{float:right;position:relative;top:20px;} /* SHOWS & PEOPLE */ #shows .mug {display:block;width:148px;height:150px;overflow:hidden} /* STORY IMAGE */ .story-image .block.storyimage .story-image-box { position:relative;height:240px;margin:0 0 3px 0;width:320px; } .story-image .block.storyimage .story-image-box img { position:absolute;top:0;left:0;z-index:1; } /* RICH MEDIA */ #rich-media .block { margin:0; } li.closed a, li.closed a:visited, #nav.topnav-navigation .dropdown li.closed a, #nav.topnav-navigation .dropdown li.closed a:visited{color:maroon;} .generalIndexAd { position: absolute;right: 10px;top: 10px;z-index:1000; } /* FILM STRIP */ .rotator img { display: inline; } .rotator{width:650px;position:relative;overflow:hidden;border-top:4px solid #ccc;margin-bottom:10px;clear:both;} .rotator_inner{position:relative;left:0px;top:0px;float:left;width:4000px;} .rotator .slide{width:157px;float:left;margin-right:6px;} .rotator .slide .slide_kicker{font-size:12px;color:#666666;font-family:verdana;text-transform:uppercase;font-weight:bold;width:160px;height:15px;overflow:hidden;} .rotator .slide .slide_image{width:157px;height:100px;overflow:hidden;margin-bottom:3px;} .rotator .slide .slide_image img{border:0px solid white;} .rotator .slide .title{border-top:0px white solid;} .rotator .slide .title a{color:#264974;;font-size:12px;font-weight:bold;text-decoration:none;} .rotator .controls{float:left;margin-top:5px;width:650px;;height:28px;clear:both;background-image:url('http://media.620wtmj.com/designimages/adscroller-background.png');background-repeat:horizontal} .rotator .controls .prev{cursor:pointer;position:relative;top:5px;left:3px;width:10px;height:10px;background-color:transparent;background-image:url('http://media.620wtmj.com/designimages/scrollers.png');background-repeat:none;background-position:-100px -50px;} .rotator .controls .pause{cursor:pointer;position:relative;top:6px;left:3px;width:13px;height:13px;background-color:transparent;background-image:url('http://media.620wtmj.com/designimages/Pause.jpg');background-repeat:none;} .rotator .controls .next{cursor:pointer;position:relative;top:5px;left:3px;width:10px;height:10px;background-color:transparent;background-image:url('http://media.620wtmj.com/designimages/scrollers.png');background-repeat:none;background-position:-125px -50px;} .rotator .controls .pager{width:600px;display:inline-block;text-align:right;position:relative;top:5px;} .rotator .controls .pager img{width:9px;height:9px;background-image:url('http://media.620wtmj.com/designimages/scrollers.png');background-position:-50px -50px;margin-right:5px;} .rotator .controls .pager .selected{background-position:0px -50px;} /* Override style for Mini filmstrip Mode */ .Mini .rotator{width:100%;} .Mini .rotator .slide{width:118px;} .Mini .rotator .slide .slide_kicker{width:120px;} .Mini .rotator .slide .slide_image{width:100%;} .Mini .rotator .scroller_controls .pager{width:252px;} /* SHOWS PAGE CUSTOM */ .id_138142113 { background-color: #EFEFEF; } .id_173543801 {background-color: #EFEFEF; } .id_138142113 .content { padding: 5px; } .id_138142113 .content p { font-weight:bold;font-size:14px;margin:2px; } /* JSO MOD LATEST PHOTO GALLERIES */ .photo_grid_title .title { clear:both; /* because the .headers use a top-border, they need to clear any float to avoid overlap */ } .photo_grid_title .title { font-family: FuturaBT-ExtraBlackItalic, "Arial Black"; font-weight:100; font-size:16px; line-height:24px; margin-bottom:12px; color:#BE0C37; padding-top:12px; background:url('http://media.620wtmj.com/designimages/620-hr.png') repeat-x left top; text-transform:uppercase; } .credit{font-size: 0.95em;text-align: right;float:right;color: #444444;font-weight: normal;} /* FB#23278. /* RECIPES */ #recipe_detail .credit { float: none; text-align: left; } /* ALTERNATE TOP STORIES PRESENTATION */ .top-story.left { width: 310px; float: left; } .top-story.right { width: 310px; float: right; margin-left:25px; } .top-stories-list.right { width: 300px; float: right; margin-left:25px; } .top-stories-list.left{ width: 300px; float: left; } .more-stories-list { list-style-type: none; padding-left: 0px; } .more-stories-list li { list-style-type: none; border-bottom:1px dotted #96AEC8 } .more-stories-list .article-kicker { color: #666; font-weight: bold; } .more-stories-list h3 { font-size: 12px; } .fb_comments {padding-top: 10px;} .fb_comments p{font-size: 11px;} /* Special Section BG overrides */ .html-home-related-awareness, .html-home-related-awareness body, .html-breastcancerawareness-stories, .html-breastcancerawareness-stories body, .html-breastcancerawareness-podcasts, .html-breastcancerawareness-podcasts body, .html-breastcancerawareness, .html-breastcancerawareness body { background: #FBCCDC none; } .html-sports-wisconsintailgates-recipes, .html-sports-wisconsintailgates-recipes body, .html-sports-wisconsintailgates, .html-sports-wisconsintailgates body { background: #1F68C6; none; } #content .articleBody div, #content .articleBody p, #content .articleBody p font{font-size: medium;} #content .articleBody .hgroup p{font-size:12px;} #content .articleBody .OUTBRAIN span {font-size: 13px;} #content .articleBody .OUTBRAIN ul li div a, #content .articleBody .OUTBRAIN ul li div span, .articleBody .AR_1 .ob_what a {font-size: 12px;} /* picform */ #hiddenForm .submitgroup{overflow: hidden;clear: both;margin: 0 0 10px 0;} #hiddenForm .submitgroup input{float: left;display: inline;width: 150px;height: 40px;margin: 0 20px 0 0;padding: 10px;cursor: pointer;font-size: 15px;color: white;background: #999999;border: 0;outline: 0;} .headlineList.id_165275936 .teasers .thumb {height:auto;} .headlineList.id_165275936 .teasers li{clear:both;} .headlineList.id_165275936 .teasers{border-bottom:none;} .headlineList.id_165275936 .teasers li:nth-child(even){border-bottom:1px dotted #CCCCCC;margin-bottom: 25px;} .headlineList.id_165275936 .teasers li:after {display: none;} #copyright .ji{clear:both;text-align:center;} #copyright .jiLogo{ width: 131px; text-align: center; clear:both; margin: auto; margin-top: 20px; } #copyright .jiLogo p{ text-align:center; float:none; } #copyright .jiLogo img{ display:inline; } /* Streaming Player/ad */ #flashPlayer { position:relative; } #flashPlayer #streamAd { position: absolute;right: 25px;top: 20px; } .brn #head h1 {width:250px; left:0;} .brn #head h1 a {background-size: 100%; height:100px; background-image: url('http://media.jsonline.com/images/BRN_horizontal_264x90.png');} .brn #head {background:#BB9765 repeat-x left top;} html.html-brn body.brn { background: #001850; background: -moz-linear-gradient(top, #001850 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001850), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #001850 0%,#fefefe 100%); background: -o-linear-gradient(top, #001850 0%,#fefefe 100%); background: -ms-linear-gradient(top, #001850 0%,#fefefe 100%); background: linear-gradient(to bottom, #001850 0%,#fefefe 100%); } /* MOBILE */ #returnToMobile { display:none;width: 100%;text-align: center;font-size: 46px;background-color:#0B35B2 } #returnToMobile a { color: white; } #nav.topnav-navigation .section-primary.closings-active a { background: #F00 url(http://media.jrn.com/designimages/shadow-top.png) repeat-x 0 0; } /* navigation ------------------------------------- */ header { height:40px; display:block; } body.no-top-banner header{ position:fixed; top:0; z-index:777; height:40px; } body.no-top-banner #body{margin-top:40px} :focus { outline: 0!important; } .desktop-navigation ul, .desktop-navigation ul li{ margin: 0; padding: 0; border: 0; list-style:none!important; list-style-type:none!important; list-style-image:none!important; } .navigation-search-block{ background:url(http://media.jrn.com/designimages/shadow-navigation.png) repeat-x 0 100%; height:40px; width:1000px; } .navigation-search-container{ margin:0 auto; height:40px; /*width:966px;*/ padding-left:34px; } body.no-top-banner .navigation-search-container{ width:966px; padding-left:34px; } .desktop-navigation{ float:left; height:40px; } .desktop-navigation ul{ height:40px; padding-left:1px; } .desktop-navigation ul li, .desktop-navigation ul li.active:hover{ float:left; height:40px; } .desktop-navigation ul li a{ font-family: FrutigerLTPro-Roman, Arial; font-weight: normal; font-style: normal; font-size:12px; display:block; height:40px; line-height:38px; padding:0 7px; text-decoration:none; /*text-transform:capitalize;*/ } .desktop-navigation ul li.active a{ cursor:default; } .desktop-navigation ul li.sub-navigation a{ background:url(http://media.jrn.com/designimages/menu-arrow.png) no-repeat 50% 29px; height:50px; } .desktop-navigation ul li.sub-navigation a:hover, .desktop-navigation ul li.sub-navigation:hover a{ background-image:none } /* END navigation; ------------------------------------- */ /* SEARCH ------------------------------------- */ .navigation-search-block .search{ background:url(http://media.jrn.com/designimages/shadow-navigation.png) repeat-x 0 100%; float:right; height:40px; padding-left:10px; margin-right:16px; } .navigation-search-block .search input{ background:none; border:none; } .navigation-search-block .search input[type="text"]{ color:#fff; font-family: FrutigerLTPro-Roman, Arial; font-weight: normal; font-style: normal; font-size:14px; display:block; float:left; height:38px; line-height:38px; width:111px; overflow: hidden; padding-right:10px; border-right: 1px solid #3385FF; } .separator-search{ float:left; width:1px; height:40px; overflow:hidden; } .navigation-search-block .search button{ background:url(http://media.jrn.com/designimages/lupa.png) no-repeat 0 0; display:block; float:left; height:40px; width:39px; cursor:pointer; overflow: hidden; } /* END SEARCH ------------------------------------- */ /* new style for nav-logo ---------------------------------- */ .nav-logo{ display:none; float:left; margin:3px 7px 0 -4px; } .no-top-banner .nav-logo{ display:block; overflow:visible; } .desktop-navigation nav ul li.active a, nav ul li.active a, .desktop-navigation nav ul li.active a, nav ul li.active a:hover {color: #009;} .articles .sub-nav-block { height:60px; } .sub-nav-block { height:100px; } .no-top-banner .navigation-search-block { margin-bottom: 0; } .left-col .shadow-block:first-child{ padding-bottom:0; padding-top:27px; } /* end new style for nav-logo ---------------------------------- */ /* navigation - part 2 ------------------------------------- */ .navigation-search-block{ background-color:#0080ff; } .desktop-navigation ul{border-left:1px solid #5d9eff; } .desktop-navigation ul li{ border-right:1px solid #5d9eff; } .desktop-navigation ul li:hover{background:#009 url(http://media.jrn.com/designimages/shadow-navigation.png) repeat-x 0 100%;} .desktop-navigation ul li a{color:#fff;} .desktop-navigation ul li a:hover{color:#fff;} .desktop-navigation ul li.active, .desktop-navigation ul li.active:hover{ background:#009 url(http://media.jrn.com/designimages/shadow-navigation.png) repeat-x 0 100%; } .desktop-navigation ul li.active a, .desktop-navigation ul li.active a:hover{color:#fff;} /* END navigation ------------------------------------- */ /* SEARCH ------------------------------------- */ .navigation-search-block .search{background-color:#009;} .navigation-search-block .separator-search{background-color:#5d9eff;} /* END SEARCH ------------------------------------- */ /* pop-up ---------------------------------- */ .overlay_menus1{ margin-top: 12px!important; display:none; } .overlay_menus2{ margin-top: -5px!important; margin-left:0px; display:none; } .overlay_menus2 a{ height:100%!important; line-height: 100%; } .overlay_menus2 a:hover{ color:#000099; } .chat-bubble { background-color:#eaeaea; border:1px solid #666; padding:12px 0 8px 0; position:absolute; width:200px; z-index: 9999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 6px #666; -webkit-box-shadow:0 0 6px #666; box-shadow:0 0 6px #666; } .bubble-arrow-bordergrey{ border-color: transparent transparent #cccccc transparent; border-style: solid; border-width: 11px; height:0; width:0; position:absolute; top:-22px; left:40px; } .bubble-arrow-border { border-color: transparent transparent #666 transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:-20px; left:40px; } .bubble-arrow { border-color: transparent transparent #eaeaea transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:-19px; left:40px; } .desktop-navigation .bubble-arrow-bordergrey, .desktop-navigation .bubble-arrow-border, .desktop-navigation .bubble-arrow{ left:20px; } .desktop-navigation .popup-content{ padding-bottom:5px; } .desktop-navigation .popup-content a{ border-bottom:1px solid #ccc; display:block; color:#000; font-family: FrutigerLTPro-Roman, Arial; font-weight: normal; font-style: normal; font-size:12px; line-height:normal; text-decoration:none; /*text-transform:capitalize;*/ padding:9px 10px 8px 10px; } .desktop-navigation .popup-content a:hover{ background-color:#fff; color:#000; } .popup-content a:last-child{ border-bottom:none; } .section-primary.closings-active { background: #F00 url(http://media.jrn.com/designimages/shadow-top.png) repeat-x 0 0; } /* end pop-up ---------------------------------- */ #body-right .ox_ad { margin-bottom: 20px; }