/* ------------------------------------------ WJLA AND TBD MASTER FILE 1100 Wilson BLVD, Suite 601 Arlington, VA 22209 Author: Jared Cunha Contact: jcunha@tbd.com ------------------------------------------ */ @import url(prettyPhoto.css); /* Pretty Photo CSS */ /* ================================================================================= RESET =================================================================================*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; } body {line-height : 1.5; } table {border-collapse: separate; border-spacing : 0; } caption, th, td { text-align : left; font-weight : normal; } table, td, th { vertical-align : top; } ol,ul{list-style:none} a img {border: none;} a:active, a:focus {outline:none;} ins{text-decoration:none} del{text-decoration:line-through} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } abbr[title], dfn[title] {border-bottom : 1px dotted #000000;cursor : help; } /* ================================================================================= Default elements =================================================================================*/ html {font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;} body {text-align: center; color: #1a1a1a; font-size: 1.4em; min-width:1002px; } /*headings*/ h1, h2, h3, h4, h5, h6 {color: #000000; margin-bottom:0;} h1 {font-size: 2.86em; line-height: 1.2;} /*links*/ a:link, a:visited, .toggle-switch {text-decoration:none; background: transparent;} a:hover, a:active, a:focus, .toggle-switch:hover {text-decoration:underline;} a:active, a:focus {position:relative; top:1px;} /*heading links*/ h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus {text-decoration:none;} /*form elements*/ input {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} input[type=text], input[type=password], textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding:3px; border:1px solid #aeaeae; margin-top:0;} button {display:block; border:none; cursor:pointer;} /*lists*/ ol {counter-reset:li;} /*blockquotes*/ .story-content blockquote, .blog-content blockquote {font-style:italic; color:#666666; background: url(/design/global/bg/blockquote-bg.gif) no-repeat 0 0; height:1%; width:auto;} .story-content blockquote p, .blog-content blockquote p {padding-left:41px;} /*tables----------------------------------------------*/ .story-content table, .blog-content table {border: 1px solid #cecece;border-left:none;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 auto 1em; border-collapse:collapse; width:100%;} .story-content table caption, .blog-content table caption {font-weight:bold; font-size:1.14em} /*all headers and cells*/ .story-content table th, .blog-content table th, .story-content table td, .blog-content table td {max-width:300px; padding:8px;border-left: 1px solid #cecece;} /*thead headers*/ .story-content table thead th, .blog-content table thead th {border-bottom: 5px solid #9e9e9e; font-weight:bold; background:#efefef; padding-top: 15px; padding-bottom: 3px;} /*tbody headers and cells*/ .story-content table tbody th, .blog-content table tbody th, .story-content table tbody td, .blog-content table tbody td {border-top: 1px solid #cecece;} .story-content tfoot tbody th, .blog-content table tfoot th, .story-content table tfoot td, .blog-content table tfoot td {border-top: 1px solid #9e9e9e; font-weight:bold} /*zebra strips*/ .story-content table tbody tr.even th, .blog-content table tbody tr.even th,.story-content table tbody tr.even td, .blog-content table tbody tr.even td {background:#f5f5f5;} /* ================================================================================= COMMON CLASSES =================================================================================*/ .full-wrap {width:982px; text-align:left; margin: 0 auto; position:relative;} .hidden {position:absolute; left: -9999em;} .remove {display:none;} .byline {color: #898989;} .by-network-member {padding-left:17px; background: transparent url(/design/global/icons/network-member.gif) no-repeat 0 2px;} .byline .by-network-member {background-position: 0 0;} .byline img {margin-top:-16px; position:relative; padding-right:5px; top:9px;} .byline .timestamp {font-style:normal;} .toggle-switch {cursor:pointer;} .comment-count {font-style:normal; font-weight:bold; clear:both; display:block; padding-left:1.85em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.86em;} /*sponsored sections*/ .heading-sponsor-wrap {overflow:hidden; height:1%; margin-bottom:10px;} .heading-sponsor-wrap .sponsor {float:right; margin-left:50px;} .heading-sponsor-wrap h1, .heading-sponsor-wrap h2, .heading-sponsor-wrap h3 {float:left; width:800px;} /*related news*/ .related {margin-bottom:8px;} .related li {font-style:normal; font-weight:bold; clear:both; display:block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.86em;padding-left:22px; background: url(/design/global/bullet.gif) no-repeat 10px 5px; height:1%;} .related li.denote-video-gallery {background:transparent url(/design/global/icons/video-link.gif) no-repeat 0 2px; padding-left: 22px;} .related li.denote-photo-gallery{background:transparent url(/design/global/icons/photo-link.gif) no-repeat 0 2px; padding-left: 22px;} /*Headings*/ #mainContent h1, #mainContentFull h1 {margin-bottom: 15px;} #mainContentFull h1 {border-bottom:none; margin-bottom:0;} #mainContent h1 span, #mainContentFull h1 span {display:block; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.35em; color: #464646; font-weight:normal;border-bottom: 1px dashed #cecece; padding: 0 0 7px;} /*Slideshow Overlays*/ .open-slideshow {position:relative;text-transform:uppercase; height:1%;} .open-slideshow:hover, .open-slideshow:focus {text-decoration:none; } .open-slideshow:active, .open-slideshow:focus {top:0;} .open-slideshow img {position:relative;} .open-slideshow .overlay {color: #FFFFFF;text-align:center;position:absolute; z-index:20; right:.86em; bottom:.86em; display:block; background:#000; background: rgba(0,0,0,.6); font-size:.86em; line-height:1.4em;padding: .5em 2.5em; border:1px solid #666; border:2px solid rgba(255,255,255,.6); -webkit-border-radius: .83em; -moz-border-radius: .83em; border-radius: .83em; -webkit-transition : all 0.5s linear; -moz-transition : all 0.5s linear; cursor:pointer;} .open-slideshow .overlay .count {display:block; font-size:3em; line-height:1; cursor:pointer;} .open-slideshow .overlay:before {content:'\00AB'; font-size: 3.00em; position:absolute; top:50%; left:0.32em; margin-top: -.32em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; -webkit-transition : all 0.5s linear; -moz-transition : all 0.5s linear;} .open-slideshow .overlay:after {content:"\00BB"; font-size: 3.00em; position:absolute; top:50%; right: 0.32em; margin-top: -.32em; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; -webkit-transition : all 0.5s linear;} .open-slideshow:hover {text-decoration:none; } .open-slideshow:hover .overlay {background: rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.8);} /*Pagination*/ .pagination {float:right; display:inline; margin-bottom:1em;} .pagination li {float:left; display:inline; font-eight:bold;margin-left: 5px; border: 1px solid #e2e2e2; font-weight:bold; color: #acacac; text-align:center;min-width:20px; height:1%;} .pagination li a:link, .pagination li a:visited {display:block; min-width:20px; height: 100%;} .pagination li a:hover {text-decoration:none; color: #FFFFFF;} /*LIST STYLES===================*/ /*Common styles in lists*/ ul.story-list li, ul.tbd-content-list li {list-style-position:outside;} ul.story-list li .byline, ul.tbd-content-list li .byline, ul.section-stories li .byline {margin-bottom:3px; font-size: .86em;} ul.story-list li .tease, ul.tbd-content-list li .tease, ul.section-stories li .tease {font-family:Georgia, "Times New Roman", Times, serif;} ul.tbd-content-list li .tn, ul.story-list li.photo a.tn {float:left; display:inline; margin-right:10px;} /*story list*/ ul.story-list li {margin-bottom: 15px;} ul.story-list li.photo {overflow:hidden; height:1%;} ul.story-list li.photo a.tn { margin-right:0px;} ul.story-list li.photo a.tn img {background:#FFFFFF; border:1px solid #dbdbdb; padding:1px;} ul.story-list li.photo .tease {float:left; display:inline; width:180px;} ul.story-list li .open-slideshow {float:left;} /*tbd content list*/ ul.tbd-content-list li {overflow:hidden; height:1%; padding-bottom:10px; border-bottom: 1px dashed #cecece; margin-bottom: 10px;} ul.tbd-content-list li ul li {border-bottom:none; margin-bottom:0; padding-bottom:0} ul.tbd-content-list li h4 {font-size: 1.14em; line-height:1.1} ul.tbd-content-list li .byline {display:block; float:none;} ul.tbd-content-list li .byline a {font-weight:normal;} ul.tbd-content-list li .tease {font-size: .93em; margin-bottom:3px; line-height:1.3} ul.tbd-content-list li .tn {width:114px;} ul.tbd-content-list li .tn img {display:block;} ul.tbd-content-list li .main {float:left; width:450px;display:inline;} ul.tbd-content-list li .toolbar {border:0;} ul.tbd-content-list li .open-slideshow {font-size: 9px} .gen-archives-photo ul.tbd-content-list li .tn {width: 176px;} .gen-archives-photo ul.tbd-content-list li .main {width:422px;} /*resource-list*/ ul.resource-list li {margin-bottom:10px;} ul.resource-list li h5 {font-size: 1.14em; line-height:1.2} ul.resource-list li .byline {font-size:.86em;} /*metro lines*/ /* MARKED FOR DELELETION */ .metro-lines li.red {background: transparent url(/design/global/metro/line-red-sm.gif) no-repeat 0 2px;} .metro-lines li.blue {background: transparent url(/design/global/metro/line-blue-sm.gif) no-repeat 0 2px;} .metro-lines li.orange {background: transparent url(/design/global/metro/line-orange-sm.gif) no-repeat 0 2px;} .metro-lines li.green {background: transparent url(/design/global/metro/line-green-sm.gif) no-repeat 0 2px;} .metro-lines li.yellow {background: transparent url(/design/global/metro/line-yellow-sm.gif) no-repeat 0 2px;} .metro-lines span.red {background: transparent url(/design/global/metro/line-red-sm.gif) no-repeat 0 2px; float:left; display:block; width:20px; height:20px; text-indent:-9999px;} .metro-lines span.blue {background: transparent url(/design/global/metro/line-blue-sm.gif) no-repeat 0 2px; float:left; display:block; width:20px; height:20px; text-indent:-9999px;} .metro-lines span.orange {background: transparent url(/design/global/metro/line-orange-sm.gif) no-repeat 0 2px; float:left; display:block; width:20px; height:20px; text-indent:-9999px;} .metro-lines span.green {background: transparent url(/design/global/metro/line-green-sm.gif) no-repeat 0 2px; float:left; display:block; width:20px; height:20px; text-indent:-9999px;} .metro-lines span.yellow {background: transparent url(/design/global/metro/line-yellow-sm.gif) no-repeat 0 2px; float:left; display:block; width:20px; height:20px; text-indent:-9999px;} /*standard horizontal list*/ .horiz-list {overflow:hidden; height:1%;} .horiz-list li {display: inline; float:left; border-right:1px solid; margin-right:5px; border-bottom:none; line-height:16px;} .horiz-list li.last {border-right:none;} .horiz-list li a {width:auto; display:block;margin-right:5px;} /*jump links*/ .jump-links {margin-bottom:10px} .jump-links h6 {display:inline; color:#898989} /*timestamp*/ .timestamp {color: #898989; font-size:.86em;} .timestamp strong{color:#9cc11a;} /*timestamps and save links*/ .time-and-save {width:100%; overflow:hidden; margin-bottom:-5px} .time-and-save .timestamp {float:left; font-size:0.79em; padding-bottom:6px;} .time-and-save .timestamp strong {font-size:1.45em;} .save-this, .saved-this {float:right; font-size:0.86em; background-position: 0 0; padding-bottom:6px; margin-top:6px; padding-left: 20px; cursor:pointer;} .save-this:hover {background-position: 0 -42px; text-decoration:underline} #mainWrapper .saved-this {background-position: 0 -42px;} /*corrections*/ .correction {border-top: 1px dashed #cecece; border-bottom: 1px dashed #cecece; color: #666666; padding:10px 0; margin:30px 0 15px; font-style:italic; clear:both;} .correction strong {color: #cc0000} .story-art.large-format + .correction {margin-top:20px;} /*images*/ img.border {border:1px solid #dbdbdb; padding:1px; background: #FFFFFF;} /*easy class names for web producers*/ .left {float:left; display:inline; margin: 0 20px 20px 0;} .right {float:right; display:inline; margin: 0 0 20px 20px;} /*button*/ /*NOTE - HOPEFULLY WE CAN ELIMINATE THIS SECTION SOON*/ button.rounded, a.rounded:link, a.rounded:visited, input.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; color: #FFFFFF; font-weight:bold; text-transform:lowercase; background: #0986ba url(/design/global/button-rounded-bg.png) repeat-x left 50%; border: 2px solid #d9d9d9; padding: 5px 17px 7px; cursor:pointer; text-shadow: 0 2px 3px rgba(0,0,0,.2); line-height:1} button.rounded-loc, a.rounded-loc:link, a.rounded-loc:visited, input.rounded-loc {background: #aace2e url(/design/global/bg/rounded-loc.png) repeat-x left 50%; text-transform:none; font-size: 16px;line-height:1;} button.rounded-event-search, a.rounded-event-search:link, a.rounded-loc:visited, input.rounded-event-search {background: #b60192 url(/design/global/bg/rounded-ent-search.png) repeat-x left 50%; text-transform:none; font-size: 16px;line-height:1;} a.rounded:hover, a.rounded:focus {top:auto; text-decoration:none;} /*font resize*/ #fontResize span {text-indent:-9999em; width:30px; display:inline-block; width:15px; height:15px; margin-left: 2px; cursor: pointer;position:relative; top:2px} #fontResize span#increaseFont {background-position: 0 -480px;} #fontResize span#increaseFont:hover {background-position: 0 -521px;} #fontResize span#decreaseFont {background-position: 0 -562px;} #fontResize span#decreaseFont:hover {background-position: 0 -603px;} /*disclaimer*/ .section-disclaimer {clear:both; border-top: 1px dashed #cecece; color: #898989; margin-top:50px; font-size: .86em; padding: 10px 0; float:left; width:100%;} .section-disclaimer p {margin: 0 10px 1em 10px;} /*flags*/ #mainContentFull .flag, #mainContent h3.flag, #bottomStoriesList h4.flag{font-size:.79em; padding:1px 5px; color:#fff; display:inline; text-transform:uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-bottom-color:rgba(0, 0, 0, 0.5); border-bottom-style:inset; border-bottom-width:1px;} #mainContentFull .flag a, h3.flag a, #bottomStoriesList h4.flag a {color:#fff;} .flagged-lighter-blue {background-color: #3a85cd} .flagged-yellow {background-color: #fac437} .flagged-orange {background-color: #db6208} .flagged-purple {background-color: #591579} .flagged-green {background-color: #16ab13} .flagged-red {background-color: #c01903} .flagged-blue {background-color: #2156b2} .flagged-gray {background-color:#333333;} /*no idea where this came from */ #ignore{position:absolute;left:-9000;} /*page branding styles--------------------*/ h1.co-branded, .sub-branding span {background: url(/design/global/logos/co-branded.png) no-repeat 0 0;} /*cobranded pages*/ h1.co-branded {padding-top:66px;} /*sub branding*/ .sub-branding {overflow:hidden; margin-bottom:10px;} .sub-branding span {height:52px; float:left; margin-right: 18px; text-indent: 100%; white-space: nowrap; overflow: hidden;} .sub-branding span.abc7 {width:69px;} .sub-branding span.nc8 {width:88px; background-position: -101px 0} /* ================================================================================= STRUCTURE =================================================================================*/ #header {padding-top: 5px;} #mainWrapper {width: 982px; text-align:left; margin: 0 auto; } #content {padding-top:15px; border-top: 1px solid #dbdbdb; margin-top:1px; margin-bottom:5em; zoom:1; overflow:hidden;} #content:after, #content:before {content: "\0020"; display: block; height: 0; overflow: hidden;} #content:after {clear: both;} #mainContent {width:610px; margin-right:10px;float:left; display:inline; position:relative;} #secondaryContent {margin-left:10px; width:352px;float:right; display:inline;} #footer { font-size: .86em; padding-top:17px; } /* ================================================================================= ADVERTISEMENTS =================================================================================*/ body noscript a[href="http://www.omniture.com"] {position:absolute;left:-999999em; display:none;} body > a[href^="http://ad.doubleclick.net"] img {position:absolute;left:-999999em; display:none;} .ad-flex {text-align:center; background: #f7f7f7; width:352px; padding: 10px 0; margin-bottom:15px;} .ad-flex * {margin:0 auto;} .ad-flex img {display:block;} .ad-flex:before {content: 'Advertisement'; display:block; font-size: 11px; color: #959595; margin: -3px auto 3px; text-align:center;} .gen-ad-container {text-align:center; width:352px; margin-bottom:15px;} .gen-ad-container > * {margin:0 auto;} .page-sponsor {background: url(/design/global/sponsor-bg.gif) no-repeat left top; padding-left:26px;} .page-sponsor img, .page-sponsor object {margin-bottom:15px;} .page-sponsor img[src="http://s0.2mdn.net/viewad/817-grey.gif"] {position:absolute;left:-999999em;} #customLeaderboard {margin-bottom:20px; margin-top:5px; text-align:center;} #customLeaderboard * {margin:0 auto} #customLeaderboard img {display:block;} #topLeaderboard {text-align:center; position: relative; overflow:hidden;} #topLeaderboard div {margin-top:-5px; padding-top:5px; } #topLeaderboard div * {margin:0 auto; margin-top:5px;} #topLeaderboard div * * {margin-top:0;} /*EDIT JARED - FIX FOR COMPLEX ADS*/ #topLeaderboard div a {display:inline-block; margin-top:0;} #topLeaderboard div script {margin-top:0;} #topLeaderboard div img {display:block;} #bottomLeaderboard {text-align:center; } #bottomLeaderboard div * {margin:0 auto 15px; } #bottomLeaderboard div * * {margin-bottom:0;} #bottomLeaderboard div a {display:inline-block;} #bottomLeaderboard div script {margin-bottom:0;} #bottomLeaderboard div img {display:block;} /* ================================================================================= HEADER =================================================================================*/ #header .full-wrap {overflow:hidden; height:1%;} h1#siteLogo {position:relative; width:982px; text-align:left; margin: 0 auto; z-index:20; cursor:pointer} h1#siteLogo a:link, h1#siteLogo a:visited{position:absolute; display:block; text-indent:-99999em; cursor:pointer} h1#siteLogo a:hover, h1#siteLogo a:focus{cursor:pointer} #header ul {overflow:hidden; height:1%; font-size: .86em;} #header ul li {float:left; display:inline; margin-left:10px;} #header ul li a:link, #header ul li a:visited {display:block; padding-bottom: 5px; border-bottom: 0px solid; cursor:pointer;} #header ul li a:hover, #header ul li a:active{ position:static; text-decoration: none; background-color: transparent; padding-bottom:0;} #accountLinks {margin-left: 250px; float:left; display:inline;} #tertiaryLinks {float:right; display:inline;} #tertiaryLinks li a:link, #tertiaryLinks li a:visited {display:block;height:19px; width:19px; text-indent:-99999em;border-bottom:none; padding-bottom:0; margin-bottom:-1px; } #tertiaryLinks li.user {padding-bottom:5px; padding-right:10px} #tertiaryLinks li.fb a:link, #tertiaryLinks li.fb a:visited {background-position: 0 -876px;} #tertiaryLinks li.tw a:link, #tertiaryLinks li.tw a:visited {background-position: 0 -921px;} #tertiaryLinks li.yt a:link, #tertiaryLinks li.yt a:visited {background-position: 0 -1056px;} #tertiaryLinks li.pinterest a:link, #tertiaryLinks li.pinterest a:visited {background-position: 0 -966px;} #tertiaryLinks li.mobile a:link, #tertiaryLinks li.mobile a:visited {background-position: 0 -1011px;} #tertiaryLinks li.rss a:link, #tertiaryLinks li.rss a:visited {background-position: 0 -1101px; margin-right:0;} #tertiaryLinks li a:hover {border-bottom:none; padding-bottom:0;} .current-conditions {overflow:hidden; height:1%; line-height:1.2; min-height:79px;} .current-conditions .inner {position:relative; float:right; margin: 15px 0;} .current-conditions .inner a {display:block; text-decoration:none; position:static;} .current-conditions .weather-city {text-transform:uppercase; font-weight:bold; font-size:.86em;} .current-conditions .temp {color:#1a1a1a; font-weight:bold; font-size:4.14em; position:absolute; left:-130px; top:-5px; line-height:1; text-align:right; width:120px; z-index:21; text-align:right;} .current-conditions .high-low {font-size:1.14em; font-weight:bold;} .current-conditions .condition {font-size: .86em;} .current-conditions img {display:block; position:absolute; top:0; left:-165px; z-index:2;} /* ================================================================================= MAIN NAVIGATION =================================================================================*/ /*NOTE - THIS WHOLE SECTION NEEDS TO BE REWORKED. JUST PUTTING IN THE GLOABL CSS FOR NOW*/ #siteNavigation {position:relative; z-index:2070;} #primaryNavigation {border: 1px solid; width:980px; margin-bottom:1px;} .nav {display:table; width:400px; width:100%; line-height:1;} .nav1 {border-bottom:1px solid;} .nav2 {border-top: 1px solid;} .nav li {display:table-cell; list-style-position:inside; text-transform:uppercase; vertical-align:middle} .nav li.nav-newschannel-8 {text-transform:none;} .nav li a:link, .nav li a:visited {text-align:center; border-right:1px solid; border-left:1px solid; color:#fff; font-weight:bold; text-decoration:none; padding-top:9px; padding-bottom:9px; background:transparent; display:block; text-shadow: 0px 1px 2px rgba(0,0,0,1)} .nav li a:hover, .nav li a:focus {background-image: url(/design/global/bg/nav-shade.png); background-repeat:repeat-x; background-position: left bottom; position:static;} .nav li a:hover.flagged-lighter-blue, .nav li a:focus.flagged-lighter-blue, .nav li.current a:link.flagged-lighter-blue, .nav li.current a:visited.flagged-lighter-blue {background-color: #3a85cd} .nav li a:hover.flagged-yellow, .nav li a:focus.flagged-yellow, .nav li.current a:link.flagged-yellow, .nav li.current a:visited.flagged-yellow {background-color: #fac437} .nav li a:hover.flagged-orange, .nav li a:focus.flagged-orange, .nav li.current a:link.flagged-orange, .nav li.current a:visited.flagged-orange {background-color: #db6208} .nav li a:hover.flagged-purple, .nav li a:focus.flagged-purple, .nav li.current a:link.flagged-purple, .nav li.current a:visited.flagged-purple {background-color: #591579} .nav li a:hover.flagged-green, .nav li a:focus.flagged-green, .nav li.current a:link.flagged-green, .nav li.current a:visited.flagged-green {background-color: #16ab13} .nav li a:hover.flagged-red, .nav li a:focus.flagged-red, .nav li.current a:link.flagged-red, .nav li.current a:visited.flagged-red {background-color: #c01903} .nav li a:hover.flagged-blue, .nav li a:focus.flagged-blue, .nav li.current a:link.flagged-blue, .nav li.current a:visited.flagged-blue {background-color: #2156b2} .nav li a:hover.flagged-gray, .nav li a:focus.flagged-gray, .nav li.current a:link.flagged-gray, .nav li.current a:visited.flagged-gray {background-color: #333333} .nav li a:active {position:static;} .nav li.first a:link, .nav li.first a:visited{border-left:none;} .nav li.last a:link, .nav li.last a:visited{border-right:none;} .nav li .nav-arrow {width:8px; height:8px; background: url(/design/global/icons/nav-arrow.png) no-repeat; display:inline-block;position:relative; top:-1px} /* ================================================================================= SECONDARY NAVIGATION =================================================================================*/ /*EDIT - NATE 5/31/11: adding overflow value*/ #secondaryNavigation {border-top: 1px solid #c6c6c6; width:100%; overflow:hidden;} #secondaryNavigation:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;} /*subnav*/ #navSub {overflow:hidden; height:1%;padding-left:10px; margin-top:3px; margin-bottom:-1px; font-size:.93em;float:left; width: 610px} #navSub li {float:left; display:inline; margin-right:24px;} #navSub li a:link, #navSub li a:visited {display:block; color: #1a1a1a; font-weight:bold; padding: 6px 0 6px; border-bottom:5px solid #FFFFFF;} #navSub li.current a:link, #navSub li.current a:visited {border-bottom:5px solid #dedede;color: #666666;} #navSub li a:hover {color: #666666; text-decoration:none;} #navSub li a:active {position:static;} /*Buzz List*/ #buzzList {overflow:hidden; height:1%; padding:10px 0 9px 10px; font-size:.93em; float:left; width: 610px} /*EDIT - NATE 5/31/11: deleting width*/ #buzzList h5 {color:#898989; display:inline; float:left; padding-right:8px;line-height:1.2;} /*EDIT - NATE 5/31/11: deleting float and width*/ #buzzList ul {display:inline; overflow:hidden; height:1%; line-height:1.2;} #buzzList ul li {display:inline; float:left; border-right:1px solid #a8a8a8; margin-right:5px; padding-right:5px;} #buzzList ul li.last {border-right:none; margin-right:0; padding-right:0;} #buzzList ul li a:link, #buzzList ul li a:visited {display:block; color: #1a1a1a; font-weight:bold;} /*ADDED - NATE 6/2/11: added class for red text*/ #buzzList ul li a.alert:link, #buzzList ul li a.alert:visited {color:#900;} #buzzList ul li a:hover {color: #666666; text-decoration:none;} /*ADDED - NATE 6/2/11: added class for red text*/ #buzzList ul li a.alert:hover {color: #E30102; text-decoration:none;} #buzzList ul li a:active {position:static;} /*search bar*/ /*EDIT - NATE 5/31/11: changing bottom margin and bottom padding, adding overflow value*/ #searchContainer {background: #ececec; border-left:1px solid #dddddd; display:inline; padding:4px 15px 100px 5px; float:right; margin: 1px 0 -95px; width:331px; overflow:hidden;} #searchContainer:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;} #siteSearch {position:relative; background:#fff; border:1px solid #777777; float:right; padding:1px; width:320px; height:25px} #siteSearch label {position:absolute; color:#a7a7a7;} .no-js #siteSearch label {left:-99999em;} .js #siteSearch label {top:4px; left:5px; z-index:20} #siteSearch input#search, #siteSearch input#rampSearch {position:relative; border-color:#fff;border:none; font-size:1em; margin-top:4px; padding: 0 3px; line-height:1; width:250px;} #siteSearch button, #siteSearch input#doSearch {width: 39px; height:25px; text-indent: -9999em; background: transparent url(/design/global/bg/search-button.png) no-repeat; font-size:0; line-height:0; cursor:pointer; border:1px solid #b8b6b6; position:absolute; right:1px; top:1px} ul#autoSuggestions {display:block; background:#FFFFFF; border:1px solid #cecece; line-height:1.2; position:absolute; left:0; min-width:200px; max-width:250px; position:absolute; left:-30px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -o-box-shadow: 0 0 10px rgba(0,0,0,.2); z-index: 6000;} ul#autoSuggestions li {display:block; float:none;} ul#autoSuggestions li a {display:block; padding: 5px;} ul#autoSuggestions li a:hover {color:#FFFFFF; text-decoration:none; background: #0986ba} /*EDIT STEVE 6/18/13: added styles for sponsored search */ /*search bar with sponsor*/ .search-sponsor {float:left; padding-left:8px;} .sponsor-tile {padding: 4px 15px 94px 5px !important;} .sponsor-tile #siteSearch {width:223px;} .sponsor-tile #siteSearch #rampSearch {width:170px;} /* ================================================================================= BREAKING NEWS =================================================================================*/ .breaking-news {border-top: 1px solid #7d0c0c;border-bottom: 1px solid #7d0c0c; background:#aa0909; color: #fff; font-size: 1.43em; box-shadow: inset 0 3px 3px rgba(0,0,0,.15);} .breaking-news.urgent {font-size:2.25em;} .breaking-news a:link, .breaking-news a:visited {display:block; color: #fff; width:100%; height:100%;} .breaking-news p {padding:.25em 15px; font-weight:bold; text-shadow: 0px 1px 2px rgba(0,0,0,1);} /*Livestream*/ .breaking-news-livestream {background:#da6309; border-color:#b54e00;} /*Traffic*/ .breaking-news-traffic {background:#f9c438; border-color:#dca517; color:#000;} .breaking-news-traffic a:link, .breaking-news-traffic a:visited {color:#000;} .breaking-news-traffic p {text-shadow:none;} /* ================================================================================= MAIN CONTENT MODULES =================================================================================*/ .content-mod {border-top: 5px solid; border-bottom: 1px solid #9e9e9e; height:1%; margin-bottom:15px;} .content-mod:after {content : "."; display : block; height : 0; clear : both; visibility : hidden; } .alert-mod {border-top-color: #cc0001; border-bottom-color: #cc0001; background:none;} .content-mod h3 {border-top: 1px solid #cecece; border-bottom: 1px dashed #cecece; margin: 1px 0 14px; line-height:1.2; padding-top:4px; padding-bottom: 5px; font-size:1.57em;} .content-mod h3 span {font-size:0.64em; display:block; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#464646; text-transform:none; font-weight:normal; letter-spacing: .001em; height:1%;} .content-mod h4 {font-size: 1.14em; line-height:1.1;} .content-mod > * {padding: 0 10px;} .content-mod ul.tbd-content-list {padding:0;} .content-mod a:link.more, .content-mod a:visited.more, .news-sections ul li.content-mod a.more {text-align:right; display:block; margin-bottom:5px; width:auto;} .content-mod a:hover.more, .content-mod a:active.more {background:transparent} .alert-mod p {margin-top: 1em;} .alert-mod p:first-child {margin-top: 0} /*sub-mod*/ .content-mod .sub-mod {padding:0; border-top: 1px dashed #cecece; padding-top:5px;} .content-mod .sub-mod > * {padding: 0 10px;} .content-mod .sub-mod ul {margin-bottom:10px; } .content-mod .sub-mod ul li a:link, .content-mod .sub-mod ul li a:visited {background: url(/design/global/bullet.gif) no-repeat 0px 7px; margin-bottom:10px; padding-left: 8px; height:1%;} .content-mod .sub-mod ul li h5 {line-height:1.1;} .content-mod .sub-mod a:link.more, .content-mod .sub-mod a:visited.more {border-top: 1px dashed #cecece; padding-top: 5px;} /*module columns*/ .split-mod-column {display:block; height:1%;} .split-mod-column:after {content : "\0020"; display : block; height : 0; clear : both; visibility : hidden;} .split-mod-column .col1 {width: 300px; float:left; display:inline;} .split-mod-column .col2 {width: 300px; float:right; display:inline;} .split-heavy-left .col1 {width: 176px;} .split-heavy-left .col2 {width: 424px;} .split-heavy-right .col1 {float:right;width: 424px;} .split-heavy-right .col2 {float:left; width: 176px; } /*module items*/ .content-mod ul.story-list li {padding-bottom:10px;border-bottom: 1px dashed #cecece; margin-bottom: 10px;} .content-mod ul.story-list li .tease {font-size: 0.93em; line-height:1.2} .content-mod ul.section-stories {padding: 0;margin-bottom: 5px; } .content-mod ul.section-stories li {padding: 5px 10px;border-bottom: 1px dashed #cecece; overflow:hidden; height:1%;} .content-mod ul.section-stories li .open-slideshow {float:left;} .content-mod ul.section-stories li h5 {line-height:1.1;} .content-mod ul.section-stories li h5 + .byline {margin-bottom:0;} .content-mod ul.section-stories li .tease {font-size:0.93em; line-height:1.2; margin-bottom:5px;} .content-mod .must-reads {border-bottom: 1px dashed #cecece;margin-bottom: 5px;} .content-mod .must-reads h4 {font-size:1.14em; margin-bottom:5px;} .content-mod .must-reads h6 {line-height:1.1} .content-mod .must-reads ul li a:link, .content-mod .must-reads ul li a:visited {padding-left: 8px; background: transparent url(/design/global/bullet.gif) no-repeat 0 7px; margin-bottom:10px;height:1%;} .content-mod .must-reads ul li .byline {font-size:.86em;} .content-mod ul.tn-list {overflow:hidden; height:1%;border-bottom: 1px dashed #cecece; margin-bottom:10px; } .content-mod ul.tn-list li {float:left; display:inline; margin-right:10px; width:135px; font-weight:bold; font-size: 0.93em; } .content-mod ul.tn-list li.even {margin-right:0;} .content-mod ul.tn-list li a:link, .content-mod ul.tn-list li a:visited {display:block;margin-bottom:15px; } .content-mod ul.tn-list li a:hover {background:transparent;} .content-mod ul.tn-list li img {display:block; padding: 1px; border: 1px solid #dbdbdb;} .content-mod .tips-list {padding-left:0; padding-right:0;} .content-mod .tips-list li {padding-left:10px; padding-right:10px;} .twitter-mod {border-top: 5px solid #efba2c;} .twitter-mod .twitter-headline {border-top: 1px solid #cecece; border-bottom: 1px dashed #cecece; margin: 1px 0 15px 0; overflow: hidden; padding:5px 0 6px 0;} .twitter-mod .twitter-headline h3 {line-height:1.2; font-size:1.57em; float: left; width: 200px;} .twitter-mod .twitter-headline span {font-size:0.64em; display:block; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#464646; text-transform:none; font-weight:normal; letter-spacing: .001em; height:1%;} .twitter-mod .twitter-headline .twitter-tile {float: right; margin-top:8px;} ol.tweet-list-thumb li {overflow:hidden; height:1%; margin-bottom:1em; line-height:1.3} ol.tweet-list-thumb li a.tn {float:left; display:inline; margin:3px 10px 0 0;} ol.tweet-list-thumb li img {width: 48px;} ol.tweet-list-thumb li div {float:right; width: 222px;} ol.tweet-list-thumb li cite {font-style: normal; font-weight:bold;} ol.tweet-list-thumb li span.timestamp {display:block; font-style:italic; font-size:.86em; color: #898989;} ol.tweet-list-thumb li.no-tweets h5 {font-size:1em} ol.tweet-list-thumb li.no-tweets p {margin-bottom:0; color: #898989;} /*NOTE: pretty sure this is TBD only*/ .content-mod ul.ticket-info li {position:relative; margin-bottom:10px;} .content-mod ul.ticket-info li .on-sale-date {position:absolute; right:0; top:10px; width:42px; background: #9e9e9e; color: #FFFFFF; text-align:center; padding: 5px; line-height:1.1; font-size: .86em} .content-mod ul.ticket-info li .on-sale-date strong {display:block; font-size: 1.33em;} .content-mod ul.ticket-info li h4, .content-mod ul.ticket-info li .location, .content-mod ul.ticket-info li .date {padding-right: 68px} .content-mod ul.ticket-info li h4 {font-size: 1.14em;} .content-mod ul.ticket-info li .location, .content-mod ul.ticket-info li .date {font-size:.86em; font-style: italic; color: #898989; line-height:1.2} /*NOTE: pretty sure this is TBD only*/ .content-mod ul.upcoming-items li {margin-bottom:10px; position:relative; padding-left: 74px; height:1%;} .content-mod ul.upcoming-items li h4 {font-size: 1.14em} .content-mod ul.upcoming-items li .location {font-size:.86em; font-style: italic; color: #898989; line-height:1.2} .content-mod ul.upcoming-items li .date {position:absolute; left:0; top:0; font-size: 1.14em; font-weight:bold;} /*results info*/ /*NOTE - Pretty sure this TBD Only. This can probably go when we launch the redesign*/ .results-info {line-height:1.3} .results-info h3 {background: transparent url(/design/global/zoned/bg_callout.jpg) 0px 1px no-repeat; margin:1px 0 0; border-top:1px solid #cecece; text-align:center; color:#fff; font-size:5em; height:140px; line-height:1; border-bottom: 1px solid #9e9e9e; padding-bottom:15px} .results-info h3 span {width:176px; font-size:.2em; line-height:12px; font-weight:bold; text-align:center; display:block; } .results-info h5 {margin-top:15px;} .results-info .vcard .role {color: #898989} /*section tools*/ .section-tools {border-bottom: 1px solid #9e9e9e; overflow:hidden; height:1%;} .section-tools * {padding-right:10px; padding-left:10px;} .section-tools * *{padding-right:0; padding-left:0;} .section-tools h4 {font-size:1.43em;} .section-tools ul {font-size: 1.14em; font-weight:bold; border-bottom: 1px dashed #cecece; padding-bottom:10px; margin-bottom:10px;} .section-tools a.more {float:right; padding-bottom:8px;} /*mobile app promo*/ #mobileAppPromo {position:relative; padding-bottom:15px;} #mobileAppPromo p, #mobileAppPromo ul {font-size:.86em; margin-right:156px;} #mobileAppPromo .more { margin-right:156px;} #mobileAppPromo ul {list-style:disc; font-weight:bold; list-style-position:inside; margin-bottom:.5em;} #mobileAppPromo .mod-badge {right:-10px; bottom:0; position:absolute;} /*sponsor*/ .content-mod .mod-sponsor {} .content-mod .mod-sponsor img, .content-mod .mod-sponsor object {background: url(/design/global/sponsor-mod-bg.gif) no-repeat left top; padding-top:11px;} .content-mod .mod-sponsor img[src="http://s0.2mdn.net/viewad/817-grey.gif"] {position:absolute;left:-999999em;} /*pagination*/ .pagination {margin-top:1em;} .pagination li {padding:1px; color:#acacac;} .pagination li a {background:url(/design/wjla/bg/pagination-bg.jpg) bottom left repeat-x; display:block;} /* ================================================================================= OTHER GLOBAL ITEMS =================================================================================*/ /*Forms*/ /*NOTE - Pretty sure this TBD Only. This can probably go when we launch the redesign*/ #manageLocations {position:absolute; right:0px; top:10px; width: 280px; z-index:300;} #manageLocations:after {content : "\0020"; display : block; height : 0; clear : both; visibility : hidden; overflow : hidden; } #manageLocations a {font-size:.86em;} #manageLocations a.save-location {float:left;} #manageLocations a.my-locations {float:right} #manageLocations form {dipslay:block;} #manageLocations form label {display:block; color: #9e9e9e; font-style:italic;} #manageLocations form label strong {font-style:normal} #manageLocations form label a {font-size:1em;} #manageLocations form input {width:276px; font-size: 1.29em;} /*Teaseboxes-------------------------------------*/ .tease-box {overflow:hidden; height:1%;} .tease-box li {float:left; display:inline; margin-bottom:8px; overflow:hidden; height:1%;} .tease-box li.last {margin-right:0;} .tease-box .open-slideshow {font-size:9px; float:left;} .tease-box h4 {font-size: 1.14em; line-height:1.1} .tease-box .byline {font-size:.86em;} .tease-box ul.related li {padding-left:22px; background: url(/design/global/bullet.gif) no-repeat 10px 5px; line-height:1.25} .tease-box ul.related li .byline {line-height:18px} .tease-box ul.related li.denote-video-gallery {background:transparent url(/design/global/icons/video-link.gif) no-repeat 0 2px; padding-left:22px;} .tease-box ul.related li.denote-photo-gallery{background:transparent url(/design/global/icons/photo-link.gif) no-repeat 0 2px; padding-left: 22px;} /*3 items*/ .tease3 li {width:190px;} .tease3 li ul li {width:auto; margin-right:0; float:none; display:block; padding-bottom:0; border-right:0;} .tease3 li.last {margin-right:0px; padding-right:0; border-right:0;} /*category tease box*/ #moreArticles {font-size:1.14em;} #moreArticles h4 {font-size:1.5em;} #moreArticles a + h4 {font-size:.88em;} #moreArticles h5 {font-size:1em;} #moreArticles h6 {font-size:.75em; color:#464646; text-transform:uppercase; margin-bottom:8px;} #moreArticles ul {margin:10px 0 25px 0;} #moreArticles li {border-right:1px solid #dbdbdb;} #moreArticles .tease3 li {padding:0 20px 500px 20px; margin:0 0 -499px 0; overflow:hidden; width: 176px;} #moreArticles .tease3 li.first {padding-left:0;} #moreArticles .tease3 li.last {border-right:0; padding-right:0;} /* ================================================================================= TAB BOX =================================================================================*/ .subsections-container {border-top: 5px solid #b8dc3a; padding-top:1px} .subsections {border: 1px solid #dbdbdb; margin-bottom:15px; position:relative;} .subsections .credit {margin-top:0;} /*tabs----------------------------------------*/ .subsection-tabs {border-bottom: 1px solid #dbdbdb;font-weight:bold; width:100%; position:relative;} .subsection-tabs:after {content : "\0020"; display : block; height : 0; clear : both; visibility: hidden; overflow: hidden; } .subsection-tabs li {float:left; display:inline; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom:-1px; line-height:1.2} .subsection-tabs a:link, .subsection-tabs a:visited {display:inline-block;height:1%; padding: 8px 10px 6px; border-bottom: 5px solid #f2f2f2;background-color: rgba(242,242,242,0); -webkit-transition : all 0.1s linear; text-align:center} .subsection-tabs a:hover { text-decoration:none;border-bottom: 5px solid #0a678e;background:#f2f2f2;} .subsection-tabs a:active {position:static;background:#f2f2f2;} /*set current states*/ .subsection-tabs li.current, .subsection-tabs li.ui-tabs-selected{border-bottom: 1px solid #FFFFFF;} .subsection-tabs li.current a:link, .subsection-tabs li.current a:visited, .subsection-tabs li.ui-tabs-selected a:link, .subsection-tabs li.ui-tabs-selected a:visited {background-color:#FFFFFF;border-bottom: 5px solid #FFFFFF; color:#1a1a1a; cursor:default;} .subsection-tabs li.current a:hover, .subsection-tabs li.ui-tabs-selected a:hover {background-color:#FFFFFF; text-decoration:none;} /*tab stacked boxes*/ .subsection-box {clear:both; padding:15px 9px; overflow:hidden; height: 1%;} .subsection-box h3 {font-size: 1.43em; margin-bottom: 15px; } .subsection-box .last-updated {font-size: .86em; color: #898989; margin-bottom:15px;} /*data-container*/ .data-container {height:500px; border: 1px solid #dbdbdb; overflow:scroll; overflow-x:hidden; position:relative;} .date-box-headings {font-weight:bold; font-size: 1.43em; overflow:hidden; height:1%} .date-box-headings li {float:left; display:inline; text-align:center;} /*jQuery UI tabs*/ .ui-tabs-panel {opacity:1; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear;} .ui-tabs-hide {position:absolute; left:-9999em; opacity:0;} /* ================================================================================= PARTNER PORTALS & IFRAMES =================================================================================*/ .partner-portal iframe {display:block; margin:0 auto;} /* ================================================================================= SIDEBAR =================================================================================*/ .promo-slot {border: 1px solid #cccccc; margin-bottom:15px;} .promo-slot img {display:block;} /* ================================================================================= BOTTOM STORIES =================================================================================*/ #bottomStoriesList {overflow:hidden; height:1%; clear:both; border-top: 1px solid #cecece; padding-top:20px; margin-top:65px; float:left; width:100%} #bottomStoriesList li {float:left; display:inline; width:147px; margin-right:20px; line-height:1.2} #bottomStoriesList li.last {margin-right:0;} #bottomStoriesList h4.flag {margin-bottom:2px} #bottomStoriesList img {width: 143px; display:block; margin-top:2px} #bottomStoriesList h5 {font-size:1.14em;} #bottomStoriesList h4 + h5 {font-size:1.43em;} /* ================================================================================= FOOTER =================================================================================*/ #footer {overflow:hidden; height:1%; position:relative;border-top: 1px solid;} .site-links {overflow:hidden; height:1%; margin-bottom: 17px; } .site-links .column {border-top: 5px solid; float:left; display:inline; width: 176px; margin-right:10px;} .site-links .col-narrow {width:114px;} .site-links .col-med {width:176px;} .site-links .col-wide {width:238px;} .site-links .last {margin-right:0;} .site-links .column h4 {font-size: 1.17em; margin-top:15px;} .site-links .column a:hover {background: transparent;} .site-links .column ul.icons-logos {overflow:hidden; height:1%; margin-top:5px;} .site-links .column ul.icons-logos li {float:left; display:inline; margin-right:8px;font-size: 0.79em} .site-links .column ul.icons-logos li.abc7, .site-links .column ul.icons-logos li.news8, .site-links .column ul.icons-logos li.tbd {float:none; display:block; margin-right:0; margin-bottom:10px;} .site-links .column ul.icons-logos li.last {margin-right:0;} .site-links .column ul.icons-logos li a:link, .site-links .column ul.icons-logos li a:visited {width:41px; padding-top: 41px;display:block; text-align:center; } .site-links .column ul.icons-logos li a:hover {text-decoration:none;} .site-links .column ul.icons-logos li.abc7 a:link, .site-links .column ul.icons-logos li.abc7 a:visited {background-position: 0 0; text-indent:-9999em; width:98px; height:72px; padding-top:0;} .site-links .column ul.icons-logos li.news8 a:link, .site-links .column ul.icons-logos li.news8 a:visited {background-position: -162px 0;text-indent:-9999em; width:94px; height:59px;padding-top:0;} .site-links .column ul.icons-logos li.tbd a:link, .site-links .column ul.icons-logos li.tbd a:visited {background-position: -283px 0;text-indent:-9999em; width:95px; height:30px;padding-top:0;} .site-links .column ul.icons-logos li.rss a:link, .site-links .column ul.icons-logos li.rss a:visited {background-position: 0 -114px;} .site-links .column ul.icons-logos li.rss a:hover {background-position: -42px -114px;} .site-links .column ul.icons-logos li.fb a:link, .site-links .column ul.icons-logos li.fb a:visited {background-position: -84px -114px;} .site-links .column ul.icons-logos li.fb a:hover {background-position: -126px -114px;} .site-links .column ul.icons-logos li.twitter a:link, .site-links .column ul.icons-logos li.twitter a:visited {background-position: -168px -114px;} .site-links .column ul.icons-logos li.twitter a:hover {background-position: -210px -114px;} .site-links .column ul.icons-logos li.iphone a:link, .site-links .column ul.icons-logos li.iphone a:visited {background-position: -252px -114px;} .site-links .column ul.icons-logos li.iphone a:hover {background-position: -294px -114px;} .site-links .column ul.icons-logos li.android a:link, .site-links .column ul.icons-logos li.android a:visited {background-position: -336px -114px;} .site-links .column ul.icons-logos li.android a:hover {background-position: -378px -114px;} .content-info {padding-bottom:30px; overflow:hidden; height:1%; font-size: 1em; border-top: 1px dashed; padding-top:7px; clear:both;} .content-info a:hover {background: transparent; } .content-info span, .content-info small {float:left; display:inline;} .content-info ul {overflow:hidden; height:1%; float:right; display:inline;} .content-info ul li {float:left; display:inline; margin-left: 7px; padding-left: 6px; border-left: 1px solid} .content-info ul li.privacy, .content-info ul li.first {border-left:none;} /* ================================================================================= Site Feedback =================================================================================*/ #siteFeedback {background: #ececec url(/design/global/bg/gen-form-bg.png) repeat-x; border:1px solid #9e9e9e; padding:10px; overflow:hidden; height:1%;} #siteFeedback h2 {font-size:1.43em;} #siteFeedback p {font-size: .86em; color: #555; line-height:1.3; margin-bottom:5px;} #siteFeedback textarea {height:100px; width:100%; font-size:1.14em; width:580px} /* ================================================================================= BOTTOM BANNER =================================================================================*/ #bottomBar {position:fixed; bottom:0; left:0; width:100%; color: #fff; background: #141414 url(/design/global/bg/bottom-banner-bg.png) repeat-x left bottom; text-align:left; padding: 4px 20px; z-index: 10000; border-top: 1px solid #666;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3)} #bottomBar p {font-size:1.07em; line-height:1; } #bottomBar a:link, #bottomBar a:visited {color:#fff;} #bottomBar a:hover, #bottomBar a:active {color:#fff; text-decoration:none; position:static} #bottomBar .close {position:absolute; top:50%; right:60px; width:13px; height:13px; display:block; text-indent:-9999em; cursor:pointer; background: url(/design/global/icons/bottom-banner-close.gif) no-repeat; margin-top:-6px; opacity:.5} #bottomBar .close:hover {opacity:1} #bottomBar .inner {margin-right:100px; overflow:hidden; height:1%;} .item-count2 .item1 {float:left; display:inline; margin-top:12px} .item-count2 .item2 {float:right; display:inline; width:96px; margin-top:4px}