@charset 'UTF-8'; audio,canvas,video { display: inline-block } audio:not([controls]) { display: none } html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 100% } html,button,input,select,textarea { font-family: sans-serif; color: #222 } body { margin: 0; font-size: 1em; line-height: 1.4 } a { color: #0af; text-decoration: none } a:visited { color: #4ec4ff } a:hover { color: #1a95d2 } a:focus { outline: thin dotted } a:hover,a:active { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: 700 } blockquote { margin: 1em 40px } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } pre,code,kbd,samp { font-family: monospace,serif; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } small { font-size: 85% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em}sub{bottom:-.25em } ul,ol { margin: 0; padding: 0 } dd { margin: 0 } nav ul,nav ol { list-style: none; list-style-image: none } img { border: 0; vertical-align: middle } .lt-ie9 { -ms-interpolation-mode: bicubic; display: block } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 0; margin: 0; padding: 0 } label { cursor: pointer } legend { border: 0; padding: 0; white-space: normal } button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline } button,input { line-height: normal } button,input[type=button],input[type=reset],input[type=submit] { cursor: pointer; -webkit-appearance: button } button[disabled],input[disabled] { cursor: default } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top; resize: vertical } input:invalid,textarea:invalid { background-color: #f0dddd } table { border-collapse: collapse; border-spacing: 0 } td { vertical-align: top } .chromeframe { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0 } .no-touch { text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } body { background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top left; font-family: Arial,sans-serif; min-height: 100%; min-width: 980px; position: relative; width: 100% } body.partner-background { background: #f6f6f6 url(../../images/patterns/noise.png) } @-moz-document url-prefix() { img { display: inline-block } } .clst-main-title,.static-page .page-content>.clst-main-title { color: #999; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; line-height: 13px; margin: 0; padding: 14px 8px 10px; text-align: center; text-shadow: 0 1px 1px #fff; text-transform: uppercase } .clst-main-title { color: #fff; margin-left: 1px; text-shadow: 0 1px 1px rgba(0,0,0,.15); width: 109px } .clst-section-name { color: #fff; font-family: 'Futura Today Bold',Arial,sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 1px; line-height: 13px; margin: 0; padding: 15px 5px 10px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.15); text-transform: uppercase } .clst-section-name:visited { color: inherit } p { margin: 0 } .parent-label { background-color: #009bff; color: #fff; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 10px; font-weight: 400; left: 20px; letter-spacing: 1px; line-height: 9px; padding: 5px 6px 6px; position: absolute; text-transform: uppercase; top: 20px; z-index: 40 } .parent-label:visited,.parent-label:hover { color: #fff } .hero .parent-label { z-index: 54 } .avatar { box-shadow: 0 1px 1px 0 rgba(0,0,0,.4); border: 2px solid #fff; float: left; margin-right: 10px } .thumb { float: left; height: 80px; position: relative; width: 100px } .thumb>img { box-shadow: 0 2px 2px 0 rgba(0,0,0,.08); height: 80px; width: 80px } .avathumb { float: left; height: 92px; position: relative; width: 100px } .avathumb>img:first-child { box-shadow: 0 2px 2px 0 rgba(0,0,0,.08); height: 80px; margin-top: 12px; width: 80px } .avathumb>.avatar { float: none; margin: 0; position: absolute; right: 8px; top: 0 } .byline { margin: 15px 0 15px 20px } .hero .byline-block .byline { margin: 0 } .byline .author { display: block; font-size: 11px; font-weight: 700 } .byline .author em { cursor: pointer; font-style: normal } .byline .author a>em:hover { text-decoration: underline } .byline.byline-nopub .author { padding-top: 7px } .byline .pub { display: block; font-size: 10px; margin-top: 1px; text-transform: uppercase; white-space: nowrap } .paginator-indicator { display: block; margin: 0; padding: 0; text-align: center } .paginator-indicator-target { cursor: pointer; display: inline-block; line-height: 12px; padding: 8px; margin: 2px } .no-touch .paginator-indicator-target:hover .paginator-indicator-bullet:after { background-color: #ebebeb; background-color: rgba(255,255,255,.1); border-radius: 4px; content: ''; display: block; height: 8px; margin: 2px; width: 8px } .no-touch .paginator-indicator-target:hover .paginator-indicator-bullet.active:after { background-color: #fff } .paginator-indicator-bullet { background-color: #b2b2b2; background-color: rgba(0,0,0,.3); border-radius: 6px; box-shadow: 0 1px 0 0 rgba(255,255,255,.2),inset 0 1px 0 1px rgba(0,0,0,.3); display: inline-block; height: 12px; width: 12px } .paginator-indicator-bullet.active { cursor: default } .paginator-indicator-bullet.active:after { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 0 1px rgba(0,0,0,.6); content: ''; display: block; height: 8px; margin: 2px; width: 8px } .split-two { list-style: none; margin: 0; padding: 0; display: table } .table-row { display: table-row } .table-row>.clst-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; padding: 20px; width: 50%; border: 0 } .clst-text-meta { display: table } .meta-section-link,.clst-text-meta-timestamp { display: table-cell; vertical-align: top } .table-row>.split-two-odd { padding-right: 10px } .table-row>.split-two-even { padding-left: 10px } .ui-sprite-before:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: relative; top: -4px; vertical-align: top } .ui-sprite-after:after { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: relative; top: -4px; vertical-align: top } .ui-btn { background: 0; border: 1px solid; border-radius: 3px; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-sizing: border-box; cursor: pointer; display: block; font: 700 13px Helvetica,Arial,sans-serif; height: 30px; line-height: 28px; padding: 0 20px; position: relative; text-align: center } .ui-btn.icon:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; position: relative; top: 5px; height: 20px; margin-right: 5px; overflow: hidden; width: 20px } .ui-light .ui-btn,.ui-light.ui-btn { background: #efefef; border-color: #bdbdbd; color: #666 } .ui-dark .ui-btn,.ui-dark.ui-btn { background: #4c4c4c; border-color: #1e1e1e; color: #fff } .ui-light .ui-btn:hover,.ui-light.ui-btn:hover { background: #fafafa; border-color: #bdbdbd; color: #333 } .ui-dark .ui-btn:hover,.ui-dark.ui-btn:hover { background: #606060; border-color: #1e1e1e; color: #fff } .ui-light .ui-btn:active,.ui-light.ui-btn:active { background: #fafafa; color: #333; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.17) } .ui-dark .ui-btn:active,.ui-dark.ui-btn:active { background: #606060; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.17) } .ui-light .ui-btn.active,.ui-light.ui-btn.active { background: gray; border-color: #757575; color: #fff } .ui-dark .ui-btn.active,.ui-dark.ui-btn.active { background: #292929; border-color: #1e1e1e; color: #fff } .ui-opaque .ui-btn,.ui-opaque.ui-btn { border: 1px solid; background: 0; box-shadow: none; text-shadow: none } .ui-light.ui-opaque .ui-btn,.ui-light.ui-opaque.ui-btn { background: #efefef; border-color: #bdbdbd; color: #666 } .ui-dark.ui-opaque .ui-btn,.ui-dark.ui-opaque.ui-btn { background: #4c4c4c; border-color: #1e1e1e; color: #fff } .ui-chunky-btn { background: #21acff; background: -moz-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(33,172,255,1)),color-stop(100%,rgba(27,154,255,1))); background: -webkit-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -o-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -ms-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: linear-gradient(to bottom,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21acff', endColorstr='#1b9aff', GradientType=0); border: 1px solid #149cee; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.2); font-family: 'Futura Today Bold',helvetica,sans-serif; font-size: 13px; color: #fff; cursor: pointer; display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; position: relative; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.1); -moz-box-sizing: border-box; box-sizing: border-box; text-align: center } .ui-chunky-btn:hover,.ui-chunky-btn:visited,.ui-chunky-btn:active { color: #fff; background: #38b4ff; background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1))); background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0) } .ui-chunky-btn:active { box-shadow: none } .ui-chunky-btn.secondary { background: #fff; background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1))); background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); border-color: #d4d4d4; box-shadow: 0 1px 2px rgba(0,0,0,.1); color: #333 } .ui-chunky-btn.secondary:hover { background: #fff } .ui-chunky-btn.secondary:active { background: #fff; box-shadow: none } .ui-chunky-btn.icon { padding-left: 50px; position: relative } .ui-chunky-btn.icon:before { content: ''; height: 16px; left: 12px; position: absolute; top: 11px; width: 16px } .ui-chunky-btn.icon:after { content: ''; display: block; height: 40px; left: 40px; position: absolute; top: 0; width: 1px; border-right: 1px solid #fff; background-color: #000; opacity: .1 } .lt-ie9 .ui-chunky-btn.icon:after { background: transparent; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)"; filter: alpha(opacity=10) } .ui-chunky-btn.cancel:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 -239px } .ui-chunky-btn.share:before { background: url(../../images/components/ft-share-btns.png) no-repeat 15px 9px } .ui-chunky-btn.send:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 -409px } .ui-chunky-btn.pdf:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat 10px -470px } .fb-post-btn { background: #637bad; background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7)); background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%); background: -o-linear-gradient(top,#637bad 0,#5972a7 100%); background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%); background: linear-gradient(to bottom,#637bad 0,#5972a7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637bad', endColorstr='#5972a7', GradientType=0); border: 1px solid #29447e; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); color: #fff; cursor: pointer; display: inline-block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: 700; line-height: 13px; padding: 4px 12px 5px } .fb-post-btn:active { background: #4f6aa3 } select.ui-dropdown { display: none } .ui-dropdown { background: 0; display: block; font: 700 12px Helvetica,Arial,sans-serif; line-height: 20px; min-width: 64px; outline: -webkit-focus-ring-color none; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle } .ui-dropdown:hover { cursor: pointer } .ui-dropdown-value { display: inline-block; font-size: 12px; line-height: 30px; overflow: hidden; padding: 0 40px 0 10px; position: relative; text-align: left; vertical-align: top; width: 100% } .ui-dropdown-value:after { background: url(../../images/sprites/ui-sprite.png) -165px -68px no-repeat; content: ''; display: block; position: absolute; top: 12px; right: 10px; height: 10px; width: 10px; z-index: 1 } .ui-light .ui-dropdown-value { border-color: #bdbdbd; color: #666 } .ui-light .ui-dropdown-value:after { background-position: -165px -48px } .ui-dropdown.ui-light:hover .ui-dropdown-value:after { background-position: -165px -68px } .ui-dropdown-value:before { content: ''; display: block; position: absolute; top: 2px; right: 29px; height: 24px; width: 1px; z-index: 9 } .ui-dark .ui-dropdown-value { border-color: #bdbdbd } .ui-dark .ui-dropdown-value:after { background-position: -165px -8px } .ui-dark .ui-dropdown-value:before { border-left: 1px solid #3d3d3d; box-shadow: inset 1px 0 0 rgba(255,255,255,.1) } .ui-dropdown.ui-dark:hover .ui-dropdown-value:before { border-left-color: #4d4d4d } .ui-light .ui-dropdown-value:before { border-left: 1px solid #bfbfbf } .ui-dropdown.ui-light:hover .ui-dropdown-value:before { border-left-color: #c8c8c8 } .ui-dropdown.expanded .ui-dropdown-value { border-bottom: 0; border-radius: 3px 3px 0 0 } .ui-dropdown-content { border-radius: 0 0 3px 3px; border: 1px solid; border-top: 0; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-sizing: border-box; display: none; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; z-index: 100 } .ui-dropdown.expanded .ui-dropdown-content { display: block; max-height: 180px } .ui-dark .ui-dropdown-content { background: #606060; border-color: #bdbdbd } .ui-light .ui-dropdown-content { background: #fafafa; border-color: #bdbdbd } .ui-dropdown-scroll-wrap { max-height: 120px } .ui-dropdown-items-container { list-style: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; position: relative } .ui-dropdown-item { display: block; cursor: pointer; width: 100%; white-space: nowrap; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .ui-dropdown-item-without-link { padding: 5px 10px } .ui-dropdown-item-link { padding: 5px 10px } .ui-dropdown-item:first-child { border-radius: 3px 3px 0 0 } .ui-dropdown-item:last-child { border-radius: 0 0 3px 3px } .ui-dropdown-item-link { display: block } .ui-dropdown-item-link:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .ui-dropdown-item-link:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .ui-light .ui-dropdown-item,.ui-light .ui-dropdown-item-link { color: #666 } .ui-light .ui-dropdown-item-selected { background-color: #f2f2f2 } .ui-light .ui-dropdown-item-highlight { background-color: #e6e6e6 } .ui-dark .ui-dropdown-item,.ui-dark .ui-dropdown-item-link { color: #fff } .ui-dark .ui-dropdown-item-selected { background-color: #393939 } .ui-dark .ui-dropdown-item-highlight { background-color: gray } .ui-button-toggle { display: block; margin: 0; padding: 0; list-style: none; box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.5); width: auto; border-radius: 3px } select.ui-button-toggle { display: none } .ui-button-toggle-item { padding-right: 12px; padding-left: 12px; border-radius: 0; display: inline-block; border-left-width: 0; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top } .ui-button-toggle-item.active { cursor: default; border-color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,.4) } .ui-button-toggle-item:hover { box-shadow: none } .ui-button-toggle-item.active:hover { cursor: default } .ui-button-toggle-item:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-left-width: 1px } .ui-button-toggle-item:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .ui-button-toggle-item.active .ui-button-toggle-item-link { cursor: default } .ui-button-toggle-item-link { display: inline-block; vertical-align: top } .ui-light.ui-button-toggle,.ui-light .ui-button-toggle { background-color: gray } .ui-light .ui-button-toggle-item { color: #666 } .ui-light .ui-button-toggle-item.ui-btn { box-shadow: none } .ui-light .ui-button-toggle-item.active,.ui-light .ui-button-toggle-item.active:hover { background: transparent; color: #fff } .ui-light .ui-button-toggle-item.active a,.ui-light .ui-button-toggle-item.active .toggle-item-link { color: #fff; border-color: rgba(95,95,95,.5) } .ui-light .ui-button-toggle-item.active:first-child { border-right: 1px solid #5f5f5f } .ui-light .ui-button-toggle-item-link { color: #666 } .ui-light .ui-button-toggle-item.active .ui-button-toggle-item-link { color: #fff } .ui-dark.ui-button-toggle,.ui-dark .ui-button-toggle { background-color: #141414 } .ui-dark .ui-button-toggle-item:hover { background: #2c2c2c } .ui-dark .ui-button-toggle-item.active,.ui-dark .ui-button-toggle-item.active:hover { background: transparent; box-shadow: none } .ui-dark .ui-button-toggle-item-link { color: #ccc } .ui-dark .ui-button-toggle-item.active .ui-button-toggle-item-link { color: #fff; border-color: transparent } .ui-slider { width: auto; height: 35px } .ui-light.ui-slider .ui-slider-bar { border-radius: 20px; display: inline-block; height: 14px; margin: 10px 0; position: relative; width: 100px } .ui-light.ui-slider .ui-slider-bar { background: gray; box-shadow: inset 0 1px 3px rgba(0,0,0,.6),0 1px 0 #fff } .ui-slider .ui-btn.ui-slider-handle { border-radius: 24px; display: block; width: 26px; height: 26px; padding: 0; position: absolute; top: -7px; margin-left: -15px; outline: 0 } .ui-slider .ui-btn.ui-slider-handle:before { background: #6c6c6c; border-radius: 8px; box-shadow: 0 1px 1px rgba(255,255,255,.4),inset 0 1px 0 rgba(0,0,0,.3); content: ''; display: block; height: 8px; left: 8px; position: absolute; top: 8px; width: 8px } .ui-light.ui-slider .ui-btn.ui-slider-handle { box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.5) } .ui-slider .ui-label-left { margin-right: 16px } .ui-slider .ui-label-right { margin-left: 16px; text-align: left; width: 34px } .ui-zoom { display: inline-block; position: relative } .ui-zoom:before { background: gray; box-shadow: inset 0 0 3px rgba(0,0,0,.25); content: ''; display: block; height: 26px; left: 16px; position: absolute; top: 3px; width: 30px } .ui-zoom .ui-btn { border-radius: 30px; float: left; padding: 0; position: relative; overflow: hidden; text-indent: 105%; white-space: nowrap; width: 30px } .ui-zoom .ui-btn:before { background-image: url(../../images/sprites/ui-sprite.png); background-repeat: no-repeat; content: ''; display: block; height: 20px; left: 5px; position: absolute; top: 4px; width: 20px } .ui-zoom .ui-btn.plus-icon:before { background-position: -80px -40px } .ui-zoom .ui-btn.minus-icon:before { background-position: -60px -40px; top: 5px } .ui-text-input,.ui-textarea { border: 1px solid #e3e3e3; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(0,0,0,.06); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666; display: block; font: 400 12px Helvetica,Arial,sans-serif; line-height: normal; padding: 0 10px; width: auto } .ui-textarea { padding: 10px } .ui-text-input { height: 30px } .ui-text-input[placeholder]:focus::-webkit-input-placeholder,.ui-textarea[placeholder]:focus::-webkit-input-placeholder { transition: opacity .5s .5s ease; opacity: 0 } .ui-text-input:required,.ui-textarea:required { background-color: #fff } .lt-ie9 .ui-text-input { padding-top: 5px } .ui-text-input-placeholder { color: #ccc } .ui-form-field-container { position: relative; width: auto } .ui-form-field-label.hidden-label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .ui-text-input-clear-btn { display: none; width: 15px; height: 0; overflow: hidden; padding-top: 15px; position: absolute; right: 8px; top: 8px; background: url(../../images/modules/forms/forms-sprite2.png) no-repeat -7px -7px transparent; z-index: 6; cursor: pointer } input.ui-checkbox { display: none } .ui-checkbox { cursor: pointer; font-size: 13px; font-weight: 400; height: 30px; line-height: 30px; padding-left: 24px; position: relative } .ui-checkbox-checked:after { content: ""; display: block; position: absolute; height: 16px; width: 16px; top: 6px; left: 0; background: url(../../images/sprites/ui-sprite.png) no-repeat scroll -1062px -2px transparent } .ui-light .ui-checkbox { color: #666 } input.ui-radio { display: none } .ui-radio { color: #333; cursor: pointer; font-size: 13px; font-weight: 400; height: 30px; line-height: 30px; padding-left: 24px; position: relative } .ui-radio:before { background: #fff; border: 1px solid #e3e3e3; border-radius: 24px; content: ""; display: block; height: 16px; left: 0; position: absolute; top: 6px; width: 16px } .ui-radio-selected:after { background: #009aff; border-radius: 6px; content: ''; display: block; height: 8px; left: 5px; position: absolute; top: 11px; width: 8px } .ui-text-input.ui-form-field-error,.ui-textarea.ui-form-field-error,.ui-dropdown.ui-form-field-error { border: 1px solid #ff290a } .ui-autocomplete-container { position: relative; width: auto } .ui-autocomplete-content { border: 1px solid transparent; border-top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; position: absolute; top: 30px; width: 100%; z-index: 2 } .ui-autocomplete-result-container { border: 0; display: block; list-style: none; margin: 0; width: 100% } .ui-autocomplete-result-item { background: #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #000; border-bottom: 1px solid #282828; box-sizing: border-box; color: #fff; cursor: pointer; display: block; font: 400 13px Helvetica,Arial,sans-serif; line-height: 16px; padding: 8px 10px; width: 100% } .ui-autocomplete-result-item:first-child { border-top: 0 } .ui-autocomplete-result-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom: 0 } .ui-autocomplete-result-hover,.ui-autocomplete-result-item:hover { background: #0af; cursor: pointer } .ui-autocomplete-result-item:active { color: #666; background: #fff } .ui-light .ui-autocomplete-result-item { background: #f2f2f2; border-bottom-color: #dfdfdf; border-top-color: #fcfcfc; color: #666 } .ui-light .ui-autocomplete-result-hover,.ui-light .ui-autocomplete-result-item:hover { background: #999; color: #fff } .ui-loading { background-position: 48% 45%!important; background-repeat: no-repeat!important; background-color: transparent; height: 100%; width: 100% } .ui-loading.light-small { background-image: url(../../images/preloaders/windmill-loader_1x_light.gif)!important } .ui-loading.dark-small { background-image: url(../../images/preloaders/windmill-loader_1x_dark.gif)!important; background-color: #000 } .ui-loading.light-medium { background-image: url(../../images/preloaders/windmill-loader_2x_light.gif)!important } .ui-loading.dark-medium { background-image: url(../../images/preloaders/windmill-loader_2x_dark.gif)!important; background-color: #000 } .ui-loading.dark-large { background-image: url(../../images/preloaders/windmill-loader_3x_dark.gif)!important } .ui-loader { display: block; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; opacity: 0; visibility: hidden } .ui-loader.active { opacity: 1; visibility: visible } .ui-alert { border-radius: 8px; font-weight: 700; top: -200px; position: fixed; left: 43%; z-index: 10000; background: #ff0; padding: 10px 15px; font-size: 12px; color: #222; display: none; -webkit-transition: top .25s linear; -moz-transition: top .25s linear; -o-transition: top .25s linear; -ms-transition: top .25s linear; transition: top .25s linear } .ui-alert .close-btn { background: url(../../images/sprites/ui-sprite.png) no-repeat -1020px 0; cursor: pointer; height: 21px; margin-top: -9px; position: absolute; right: -10px; top: 0; width: 20px; overflow: hidden; text-indent: 105%; white-space: nowrap } .ui-alert.active { display: block; top: 300px } .ui-alert.error { background: red; color: #fff } .ui-alert .prompt a { cursor: pointer; display: inline-block; margin-left: .5em } .scrollable-content { position: relative } .vertical-scroll { border-radius: 4px; height: 100%; position: absolute; right: 2px; top: 0; width: 7px } .vertical-scroll.hide { display: none } .vertical-scroll>.scrolldragger { background: #333; border-radius: 4px; opacity: .7; padding: 0; position: relative; width: 7px; -moz-transition: opacity .35s ease-out; -ms-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out } .vertical-scroll.ui-light>.scrolldragger { background: #828282 } .vertical-scroll.ui-lighter>.scrolldragger { background: #e6e6e6 } .vertical-scroll.ui-dark>.scrolldragger { background: #333 } .scrolldragger { cursor: pointer; position: relative } .vertical-scroll.fadeout>.scrolldragger { opacity: 0 } .vertical-scroll.fadeout.active>.scrolldragger { opacity: .7 } .vertical-scroll>.scrolldragger.hover>.over-icon { background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0; height: 14px; left: 50%; margin: -7px 0 0 -3px; position: absolute; top: 50%; width: 6px } .ui-dark.vertical-scroll>.scrolldragger { background: #333 } .ui-dark.vertical-scroll>.scrolldragger { background: #ececec } .ui-lighter.vertical-scroll { background-color: #ececec; border: 1px solid #e4e4e4; border-radius: 5px; height: 100%; top: 0; right: 5px } .ui-lighter.vertical-scroll .scrolldragger { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 10px; margin-left: -1px; min-height: 15px; opacity: 1; width: 7px } .ui-lighter.vertical-scroll .scrolldragger.hover { width: 12px; margin-left: -4px } .ui-lighter.vertical-scroll .scrolldragger>.over-icon { display: none } .ui-lighter.vertical-scroll .scrolldragger.hover>.over-icon { display: block; background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0; background-position: -767px -22px; width: 12px } .horizontal-scroll { border-radius: 2px; height: 7px; left: 1px; position: absolute; bottom: 12px; width: 100% } .horizontal-scroll>.scrolldragger { border-radius: 3px; height: 6px; margin: -1px 0 0 0; padding: 0; width: 150px } .horizontal-scroll>.scrolldragger.hover { border-radius: 8px; height: 12px; margin: -4px 0 0 0 } .horizontal-scroll>.scrolldragger.hover>.over-icon { background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0; height: 6px; margin: 3px auto; width: 14px } .ui-dark.horizontal-scroll { background: #111; background: rgba(0,0,0,.4); border-bottom: solid 1px #000; border-bottom: solid 1px rgba(0,0,0,.1); border-top: solid 1px #000; border-top: solid 1px rgba(0,0,0,.29) } .ui-dark.horizontal-scroll>.scrolldragger { background: #333; border: solid 1px #000; box-shadow: inset 0 1px 0 0 #484848 } .ui-dark.horizontal-scroll>.scrolldragger.hover>.over-icon { background-position: -763px -47px } .ui-light.horizontal-scroll { background: #ececec; border-bottom: solid 1px #fff; box-shadow: inset 0 1px 0 0 #e3e3e3; border-top: solid 1px #d2d2d2 } .ui-light.horizontal-scroll>.scrolldragger { background: #f7f7f7; border: solid 1px #c9c9c9; box-shadow: inset 0 1px 0 0 #fff } .ui-light.horizontal-scroll>.scrolldragger.hover>.over-icon { background-position: -763px -7px } /*! * jQuery UI Datepicker 1.8.23 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { padding: 6px 6px 6px 5px; display: none; border-radius: 3px; width: 220px; box-shadow: 0 2px 9px rgba(0,0,0,.8); position: relative } .ui-datepicker:after { content: ''; display: block; height: 17px; position: absolute; left: 50%; margin-left: -19px; top: -17px; width: 39px } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0; background: 0; border: 0 } .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; display: none } .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0; line-height: 0; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 49%; margin: 0; padding: 0 } .ui-datepicker table { width: 100%; font-size: 10px; border-collapse: collapse; margin: 0; font-weight: 700 } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { padding: 0 } .ui-datepicker td.ui-datepicker-current-day,.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today { box-shadow: inset 0 1px 3px rgba(0,0,0,.5); border-width: 0 } .ui-datepicker td.ui-datepicker-today { box-shadow: inset 0 1px 0 #5c5c5c; border-width: 1px } .ui-datepicker td span,.ui-datepicker td a { display: block; padding: 0; height: 25px; line-height: 25px; text-align: center; text-decoration: none; border: 2px solid transparent } .ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default { background: 0; border: 2px solid transparent; font-weight: 700 } .ui-datepicker .ui-state-highlight,.ui-datepicker .ui-widget-content .ui-state-highlight,.ui-datepicker .ui-widget-header .ui-state-highlight { background: 0; box-shadow: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right } .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px } .ui-date-picker { display: inline-block; position: relative } input.ui-date-picker { border-radius: 3px; border: 0; height: 30px; font-weight: 700; font-size: 12px; line-height: 12px; outline: 0; padding: 0 10px } .ui-date-picker-btn { border-width: 1px; border-style: solid; border-radius: 2px; content: ''; cursor: pointer; display: block; height: 28px; position: absolute; right: 0; top: 0; width: 33px } .ui-date-picker-btn:hover .ui-date-picker-btn:after { opacity: 1 } .ui-date-picker-btn:after { content: ''; display: block; height: 20px; left: 6px; opacity: .8; position: absolute; top: 4px; width: 20px } .ui-date-picker-calendar-panel .ui-datepicker-unselectable { opacity: .3 } .ui-date-picker-calendar-panel .ui-datepicker-title { font-weight: 700; font-size: 14px; line-height: normal } .ui-date-picker-calendar-panel .ui-datepicker-title select { font-size: 16px } .ui-dark .ui-date-picker-btn,.ui-dark.ui-date-picker-btn { background: #3a3a3a; background: -moz-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a3a3a),color-stop(100%,#2e2e2e)); background: -webkit-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%); background: -o-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%); background: -ms-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%); background: linear-gradient(to bottom,#3a3a3a 0,#2e2e2e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#2e2e2e', GradientType=0) } .ui-dark .ui-date-picker-btn:after,.ui-dark.ui-date-picker-btn:after { background: url(../../images/sprites/ui-sprite.png) no-repeat -860px 0 } .ui-dark .ui-date-picker-btn:hover,.ui-dark.ui-date-picker-btn:hover { background: #474747; background: -moz-linear-gradient(top,#474747 0,#3b3b3b 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#3b3b3b)); background: -webkit-linear-gradient(top,#474747 0,#3b3b3b 100%); background: -o-linear-gradient(top,#474747 0,#3b3b3b 100%); background: -ms-linear-gradient(top,#474747 0,#3b3b3b 100%); background: linear-gradient(to bottom,#474747 0,#3b3b3b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#3b3b3b', GradientType=0) } .ui-dark.ui-date-picker-calendar-panel { background: #333; border-color: #0b0b0b } .ui-dark.ui-date-picker-calendar-panel .ui-datepicker-title { color: #f4f4f4 } .ui-dark.ui-date-picker-calendar-panel:after { background: url(../../images/sprites/ui-sprite.png) no-repeat -100px -233px } .ui-dark.ui-date-picker-calendar-panel th { color: #868686 } .ui-dark.ui-date-picker-calendar-panel td { border: 1px solid #292929; box-shadow: inset 0 1px 0 #3a3a3a } .ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-current-day,.ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today { background: #1a90e5; border-width: 0 } .ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-today { background: #424242 } .ui-dark.ui-date-picker-calendar-panel .ui-state-default,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default { color: #fff } .ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default { color: #fff } .ui-dark.ui-date-picker-calendar-panel .ui-state-default:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default:hover { border-color: #fff } .ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary { background: #262626; color: #515151 } .ui-dark.ui-date-picker-calendar-panel .ui-priority-secondary,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary { background: #262626; color: #515151; box-shadow: 0 0 1px #000 } .ui-dark.ui-date-picker-calendar-panel .ui-priority-secondary:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary:hover { color: #fff } .ui-light .ui-date-picker-btn,.ui-light.ui-date-picker-btn { background: #fff; background: -moz-linear-gradient(#fefefe,#e8e8e8); background: -ms-linear-gradient(#fefefe,#e8e8e8); background: -o-linear-gradient(#fefefe,#e8e8e8); background: -webkit-linear-gradient(#fefefe,#e8e8e8); background: linear-gradient(#fefefe,#e8e8e8); border: 1px solid #838383 } .ui-light .ui-date-picker-btn:hover,.ui-light.ui-date-picker-btn:hover { background: #bcbcbc } .ui-light .ui-date-picker-btn:after,.ui-light.ui-date-picker-btn:after { background: url(../../images/sprites/ui-sprite.png) no-repeat -860px -22px } .ui-light.ui-date-picker-calendar-panel { background: #fafafa; background: -moz-linear-gradient(#eaeaea,#dcdcdc); background: -ms-linear-gradient(#eaeaea,#dcdcdc); background: -o-linear-gradient(#eaeaea,#dcdcdc); background: -webkit-linear-gradient(#eaeaea,#dcdcdc); background: linear-gradient(#eaeaea,#dcdcdc); border-color: #afafaf } .ui-light.ui-date-picker-calendar-panel .ui-datepicker-title { color: #838383 } .ui-light.ui-date-picker-calendar-panel.hide:after { background: 0 } .ui-light.ui-date-picker-calendar-panel th { color: #838383 } .ui-light.ui-date-picker-calendar-panel td { border: 1px solid #afafaf; box-shadow: inset 0 1px 0 rgba(255,255,255,.25) } .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day,.ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today { background: #1a90e5 } .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today .ui-state-active { color: #fff } .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-today { background: #fff } .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day .ui-state-active { color: #fff } .ui-light.ui-date-picker-calendar-panel .ui-datepicker-unselectable { opacity: .3; color: #b1b1b1 } .ui-light.ui-date-picker-calendar-panel .ui-state-default,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default { color: #4b4b4b } .ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default { color: #666 } .ui-light.ui-date-picker-calendar-panel .ui-state-default:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default:hover { border-color: #1a90e5 } .ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary { background: #5f5f5f; color: #fff } .ui-light.ui-date-picker-calendar-panel .ui-priority-secondary,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary { background: #afafaf; color: #fff } .ui-light.ui-date-picker-calendar-panel .ui-priority-secondary:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary:hover { color: #4b4b4b } .ui-tooltip-panel { display: none; background: #606060; background: -moz-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%); background: -webkit-gradient(linear,left top,left bottom,color-stop(4%,rgba(96,96,96,1)),color-stop(16%,rgba(56,56,56,1)),color-stop(30%,rgba(19,19,19,1))); background: -webkit-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%); background: -o-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%); background: -ms-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%); background: linear-gradient(to bottom,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#131313', GradientType=0); font-size: 11px; color: #fff; padding: 13px 14px; border-radius: 3px; position: absolute; box-shadow: 0 0 8px 0 rgba(0,0,0,.4) } .ui-tooltip-panel:before { content: ""; position: absolute; margin: 0; padding: 0; width: 0; height: 0 } .ui-tooltip-panel-left:before { border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #000; border-right: 0; top: 50%; margin-top: -6px; right: -6px } .ui-tooltip-panel-right:before { border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #000; border-left: 0; top: 50%; margin-top: -6px; left: -6px } .ui-tooltip-panel-bottom:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #606060; border-top: 0; top: -6px; left: 50%; margin-left: -6px } .ui-tooltip-panel-top:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; border-bottom: 0; bottom: -6px; left: 50%; margin-left: -6px } .ui-page-turn { background-color: #000; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 50%; z-index: 10 } .ui-page-turn.active { display: block; width: 100% } .ui-page-turn.left { display: block; left: 0; overflow: hidden; z-index: 11 } .ui-page-turn.right { display: block; left: 50%; overflow: hidden; z-index: 11 } .ui-page-turn.preload { display: block; z-index: 9 } .ui-page-turn.right>.ui-placer { height: 100%; left: -100%; position: absolute; width: 100% } .ui-placer { height: 100%; position: absolute; width: 100%; z-index: 10 } .ui-page-turn-animator { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11 } .ui-shadow { background-color: #000; position: absolute; width: 100%; height: 100%; z-index: 11 } .ui-flip-panel { display: none; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0 } .ui-flip-panel.active { display: block; z-index: 1 } .ui-film { background-color: #000; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0; z-index: 99 } .ui-film.show { opacity: .7; filter: alpha(opacity=70) } .ui-film.fullscreen { opacity: 1; filter: alpha(opacity=100); z-index: 0 } .ui-app-loader { height: 100%; position: absolute; width: 100% } .play-btn-s { background: url(../../images/buttons/video-play-12x12.png) no-repeat; height: 12px; width: 12px } .play-btn-m { background: url(../../images/buttons/video-play-24x24.png) no-repeat; height: 24px; position: relative; width: 24px; bottom: 26px; right: -54px } .play-btn-l { background: url(../../images/buttons/video-play.png) no-repeat; height: 34px; position: absolute; width: 34px } .hidden { display: none!important; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .clearfix:before,.clearfix:after { content: ""; display: table } .clearfix:after { clear: both } .clearfix { *zoom: 1 } .site-header { min-height: 120px; width: 100% } .site-header-collapsed { min-height: 40px } .site-header-inner-wrap { background: #141414; min-width: 980px; position: relative; width: 100%; z-index: 9000 } .site-header-inner-wrap-fixed { position: fixed } .site-masthead { background: #141414; overflow: hidden; position: relative } .site-masthead-logo-link { display: block; position: absolute; z-index: 1 } .site-masthead-search-wrap { height: 80px; overflow: hidden; position: relative; text-align: right } .site-masthead-search-wrap-collapsed { height: 0 } .site-masthead-search-form { margin-top: 19px; width: auto } .site-masthead-search-input-wrap { display: inline-block; position: relative; vertical-align: top; width: auto; z-index: 10 } .site-masthead-search-form-input { background: #eee; border: 0; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0,0,0,.4); color: #333; font-size: 17px; height: 40px; line-height: 20px; outline: 0; padding: 0 46px 0 10px; transition: background-color .15s; width: 160px } .site-masthead-search-form-input:focus { background: #fff } @media only screen and (min-width: 1150px) { .site-masthead-search-form-input { width:350px } } .site-masthead-search-input-wrap:before { content: ''; background: url(../../images/sprites/header-sprite.png) no-repeat -274px -69px; display: none; left: 9px; position: absolute; padding: 0; top: 8px; width: 40px; height: 30px } .lt-ie9 .site-masthead-search-form-input { position: relative; z-index: -1 } .site-masthead-search-form-input>.ui-text-input-clear-btn { background: url(../../images/sprites/header-sprite.png) no-repeat -277px -115px transparent; display: none; height: 20px; overflow: hidden; position: absolute; right: 10px; top: 10px; width: 21px; z-index: 6 } input.site-masthead-search-btn { display: none } .site-masthead-search-btn-div { cursor: pointer; height: 40px; position: absolute; right: 0; top: 0; width: 49px } .site-masthead-search-btn-div:after { background: url(../../images/sprites/header-sprite.png) 0 0; content: ''; display: block; height: 27px; margin: 7px 0 0 12px; opacity: .6; transition: opacity .15s; width: 28px } .site-masthead-search-btn-div:hover:after { opacity: 1 } .site-masthead-search-close-btn { cursor: pointer; display: none; height: 40px; margin: 0 -10px 0 5px; overflow: hidden; padding: 0 10px; vertical-align: top } .show-search .site-masthead-search-close-btn,.site-masthead-search-close-btn-visible { display: inline-block } .site-masthead-search-close-btn:after { background-position: 0 -30px; content: ''; display: inline-block; height: 21px; opacity: .6; position: relative; top: 10px; transition: opacity .15s; width: 21px } .site-masthead-search-close-btn:hover:after { opacity: 1 } .site-masthead-subscribe-wrap { display: none; margin-left: 20px; height: 40px } .site-masthead-special-offers-ad { display: none; margin: -7px 0 0 20px } .site-masthead-subscribe-wrap-visible { display: inline-block!important } a.site-masthead-subscribe-link { color: #fff; display: table-cell; height: 40px; line-height: 8px; text-align: center; vertical-align: middle } .site-masthead-subscribe-primary-text { color: #00a0f8; display: block; font-family: 'Futura Today DemiBold',Arial,sans-serif; font-size: 14px } .site-masthead-subscribe-secondary-text { color: #fff; display: block; font-family: 'Futura Today',Arial,sans-serif; font-size: 14px; letter-spacing: .25px; margin: 8px 0 0 } .site-nav { background: #141414; border-top: 1px solid #343434; box-shadow: 0 2px 2px rgba(0,0,0,.2); height: 39px; position: relative; width: 100%; z-index: 9005 } .site-nav-list { display: table; margin-top: -1px } .site-masthead,.site-nav-list { margin-left: auto; margin-right: auto; transition: 200ms width linear; -moz-transition: 200ms width linear; -webkit-transition: 200ms width linear; width: 840px } @media only screen and (min-width: 1150px) { .site-masthead,.site-nav-list { width:1080px } } @media only screen and (min-width: 1250px) { .site-masthead,.site-nav-list { width:1180px } } .site-nav-item { display: table-cell; height: 40px; line-height: 36px; margin: 0; opacity: 0; padding: 0; position: relative; transition: opacity .5s; vertical-align: top; visibility: hidden; width: 1%; z-index: 1 } .site-nav-item-visible { opacity: 1; visibility: visible } .site-nav-item-hidden,.site-nav-blank-item { display: none } .site-nav-spacer-item { width: 100% } .site-nav-active-item { z-index: 9010 } .site-nav-inner-wrap { display: block; position: relative } .site-nav-link { border-right: 1px solid #343434; color: #fff; display: block; font-family: 'Futura Today Bold',Helvetica,Arial,sans-serif; font-size: 11px; outline: 0; position: relative; text-decoration: none; text-shadow: 0 1px 0 #000; text-transform: uppercase } .site-nav-link:hover,.site-nav-link:visited { color: #fff } .site-nav-first-secondary-link { border-left: 1px solid #343434 } .site-nav-text-link { border-style: solid; border-width: 0 1px 0 0; height: 40px; margin: 0 } .site-nav-auxiliary-text-link,.site-nav-auxiliary-text-link:visited { color: #fff; line-height: 40px; font-family: 'Futura Today Bold'; transition: background-color,color .15s,.15s; -webkit-backface-visibility: hidden } .site-nav-auxiliary-text-link.site-nav-more-link { display: block } .site-nav-active-item .site-nav-auxiliary-text-link,.site-nav-auxiliary-text-link:hover { background: #333; color: #fff } .site-nav-item.site-nav-first-primary-item { border-left: 1px solid #343434 } .site-nav-external-text-link { background: rgba(0,0,0,.3) } .site-nav-icon-link { height: 40px; transition: background-color .15s } .site-nav-icon-link:hover { background: #333 } .site-nav-active-item .site-nav-icon-link,.site-nav-active-item .site-nav-link,.site-nav-item-dropdown-active .site-nav-link,.site-nav-active-alt-span { background: #333 } .site-nav-active-item>.site-nav-icon-link:before,.site-nav-active-item>.site-nav-icon-link:after { display: none } .site-nav-theme-border { height: 1px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .site-nav-span { display: block; padding: 0 13px; position: relative; text-align: center; white-space: nowrap; z-index: 9005 } .site-nav-text-span { height: 40px; line-height: 40px; margin: 0; -webkit-transition: background-color .15s; -moz-transition: background-color .15s; -ms-transition: background-color .15s; -o-transition: background-color .15s; transition: background-color .15s; -webkit-backface-visibility: hidden; -webkit-transform: rotate(0) } .site-nav-text-span:hover { background: #333 } .site-nav-text-span.site-nav-first-primary-span { margin-left: 0 } .site-nav-icon-span { height: 40px; margin: 0 auto; overflow: hidden; padding: 0 10px; text-indent: -10000em; white-space: nowrap } .site-nav-alt-span { margin-top: -40px; transition: margin .75s; -moz-transition: margin .75s; -webkit-transition: margin .75s; -o-transition: margin .75s; -webkit-transform: rotate(0) } .site-nav-visible-alt-span { margin-top: 0 } .site-nav-icon-span:after { background: transparent url(../../images/sprites/header-sprite.png) no-repeat bottom right; content: ''; display: inline-block; height: 20px; left: 50%; opacity: .7; position: absolute; top: 11px; width: 20px; -webkit-backface-visibility: hidden; -webkit-transform: rotate(0); transition: opacity .15s } .site-nav-icon-link:hover .site-nav-icon-span:after,.site-nav-active-item .site-nav-icon-span:after { opacity: 1 } .site-nav-span-wrap { height: 40px; margin: 0; overflow: hidden; padding: 0; position: relative; z-index: 1 } .site-nav-text-span-wrap { height: 40px; margin: 0 } .site-nav-text-span-wrap>.site-nav-alt-span { line-height: 39px } .site-nav-logo-item:after { right: 0 } .site-nav-logo-item { border: 0; width: 1px } .site-nav-logo-link { border: 0; display: block; height: 40px; overflow: hidden; position: relative; margin-left: -10px; -webkit-transition: background-color .15s; -moz-transition: background-color .15s; -ms-transition: background-color .15s; -o-transition: background-color .15s; transition: background-color .15s; text-align: left; width: 0 } .site-nav-logo-link-expanded { width: auto } .site-nav-logo-link:before,.site-nav-logo-link:after { display: none } .site-nav-logo-link:hover { background: #333 } .site-nav-logo-img { opacity: 0; margin: 0 10px } .site-nav-logo-img-collapsed { opacity: 1 } .site-nav-media-span { width: 21px } .site-nav-media-span:after { background-position: -104px 0; height: 17px; margin-left: -10px; top: 11px; width: 21px } .site-nav-big-page-span { width: 17px } .site-nav-big-page-span:after { background-position: -108px -20px; height: 16px; margin-left: -8px; top: 11px; width: 17px } .lt-ie9 .site-nav-big-page-item { display: none } .site-nav-search-span { width: 19px } .site-nav-search-span:after { background-position: -62px 0; height: 18px; margin-left: -10px; top: 11px; width: 19px } .site-nav-ugc-span { width: 14px } .site-nav-ugc-span:after { background-position: -85px -20px; height: 19px; margin-left: -7px; top: 10px; width: 14px } .site-nav-usa-today-span:before { background: url(../../images/sprites/header-sprite.png) no-repeat -209px 0; content: ''; display: inline-block; height: 14px; margin-right: 5px; padding: 0; position: relative; top: 3px; width: 17px } .header-nav-dropdown-light-btn,.header-nav-dropdown-dark-btn { border-radius: 2px } .header-nav-dropdown-light-btn { background: #e6e6e6; border-color: #e6e6e6; box-shadow: 0 2px 2px rgba(0,0,0,.2); color: #333; text-shadow: none } .header-nav-dropdown-light-btn:hover { background: #fff } .header-nav-dropdown-dark-btn { border-color: #474747; box-shadow: 0 2px 2px rgba(0,0,0,.2); background: #474747; background: -moz-linear-gradient(top,#474747 0,#3e3e3e 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#3e3e3e)); background: -webkit-linear-gradient(top,#474747 0,#3e3e3e 100%); background: -o-linear-gradient(top,#474747 0,#3e3e3e 100%); background: -ms-linear-gradient(top,#474747 0,#3e3e3e 100%); background: linear-gradient(top,#474747 0,#3e3e3e 100%); color: #fff } .header-nav-dropdown-dark-btn:hover { background: #575757; background: -moz-linear-gradient(top,#575757 0,#4b4b4b 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#575757),color-stop(100%,#4b4b4b)); background: -webkit-linear-gradient(top,#575757 0,#4b4b4b 100%); background: -o-linear-gradient(top,#575757 0,#4b4b4b 100%); background: -ms-linear-gradient(top,#575757 0,#4b4b4b 100%); background: linear-gradient(top,#575757 0,#4b4b4b 100%); border-color: #5e5e5e; color: #fff } .site-nav-dropdown { background: #333; box-shadow: 0 3px 6px rgba(0,0,0,.7); color: #fff; font-size: 11px; display: none; line-height: normal; opacity: 0; position: absolute; right: 0; top: 40px; -webkit-backface-visibility: hidden; -webkit-transform: rotate(0); width: 240px } .site-nav-more-module { display: none } .site-nav-dropdown.site-nav-more-dropdown-1col { left: -1px; right: auto; width: auto } .site-nav-more-dropdown-inner-wrap { white-space: nowrap } .site-nav-more-dropdown-list { display: inline-block; margin: 15px 0 5px 15px; vertical-align: top } .site-nav-more-dropdown-list-2col { width: 240px } .site-nav-more-dropdown-item { display: none; float: left; margin: 0 15px 10px 0 } .site-nav-more-dropdown-item-visible { display: block } .site-nav-more-dropdown-item-2col { width: 100px } .site-nav-more-dropdown-item-hidden { display: none } .site-nav-more-dropdown-item-odd { clear: left } a.site-nav-more-dropdown-link,a.site-nav-more-dropdown-link:visited { color: #cdcdcd; transition: color .15s } .site-nav-more-dropdown-link:hover { color: #fff } .site-nav-more-dropdown-front-toggle { border-top: 1px solid #484848; clear: both } .lt-ie9 .site-nav-more-dropdown-front-toggle { display: none } a.site-nav-more-dropown-front-toggle-link { box-sizing: border-box; -moz-box-sizing: border-box; color: #cdcdcd; display: block; float: left; padding: 11px 0 10px; text-align: center; text-transform: uppercase; transition: background-color,color .15s,.15s; width: 50% } .site-nav-more-dropown-front-toggle-link:hover,a.site-nav-more-dropown-front-toggle-link-active { background: #2b2b2b; color: #fff } .site-nav-more-dropown-front-toggle-default { border-right: 1px solid #484848 } .site-nav-more-dropown-front-toggle-link:before { content: ''; display: inline-block; background: url(../../images/sprites/header-sprite.png) 0 0; margin: 0 7px 0 0; opacity: .7; transition: opacity .15s; vertical-align: top } .site-nav-more-dropown-front-toggle-link:hover:before,.site-nav-more-dropown-front-toggle-link-active:before { opacity: 1 } .site-nav-more-dropown-front-toggle-default:before { background-position: -174px 0; height: 13px; width: 15px } .site-nav-more-dropown-front-toggle-bigpage:before { background-position: -193px 0; height: 12px; width: 15px } .search-container { background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat; overflow: scroll; height: 0 } .transparent-header .site-header-inner-wrap { background: 0; background: rgba(20,20,20,0) } .transparent-header .site-nav,.transparent-header .site-nav-dropdown,.transparent-header .weather-nav-dropdown { box-shadow: none; background: rgba(20,20,20,0) } .transparent-header .site-nav,.transparent-header .site-nav-dropdown,.transparent-header .weather-nav-dropdown { background: transparent url(../../images/pixels/pixel-black-30percent.png) repeat top left; background: rgba(20,20,20,.3) } .transparent-header .site-nav-more-dropown-front-toggle-link:hover,.transparent-header a.site-nav-more-dropown-front-toggle-link-active { background: transparent url(../../images/pixels/pixel-black-30percent.png) repeat top left; background: rgba(43,43,43,.3) } .transparent-header .site-nav-logo-link:hover,.transparent-header .site-nav-icon-link:hover,.transparent-header span.site-nav-span-theme-usatoday:hover,.transparent-header span.site-nav-span-theme-usatoday.site-nav-active-span,.transparent-header .site-nav-active-item .site-nav-auxiliary-text-link,.transparent-header .site-nav-auxiliary-text-link:hover,.transparent-header .site-nav-active-item>.site-nav-icon-link,.transparent-header .site-nav-item-dropdown-active>.site-nav-link,.transparent-header .site-nav-active-alt-span { background: transparent } .transparent-transition,.transparent-transition .site-nav,.transparent-transition .site-nav-dropdown,.transparent-transition .weather-nav-dropdown { -webkit-transition: background 350ms; -moz-transition: background 350ms; -o-transition: background 350ms; transition: background 350ms } .transparent-header .site-nav-item.site-nav-first-primary-item,.transparent-header .site-nav-first-secondary-link,.transparent-header .site-nav-text-link,.transparent-header .site-nav-link { border-right-color: transparent; border-left-color: transparent } #breaking-bar { height: 0; display: none; overflow: hidden; position: relative; width: 100%; z-index: 9004 } #breaking { background-color: #f70000 } #breaking.live,#breaking.developing { background-color: #0af } #breaking-bar.local #breaking { padding: 10px 0 } #breaking-stories { margin: 0 auto; position: relative; width: 840px } #breaking-bar.local #breaking-stories { height: 50px; padding-right: 0; overflow: visible } #breaking-bar p { color: #fff; overflow: hidden; padding: 13px 20px 12px 0; position: relative; text-shadow: 0 1px 0 rgba(0,0,0,.2) } #breaking-bar.local #breaking p { display: inline-table; height: 100%; padding: 0 } #breaking-bar.local #breaking.multiple p { margin-right: 10px } #breaking-bar.local #breaking.multiple p:last-child { margin-right: 0 } #breaking-bar.local #breaking.multiple.count-2 p { width: 415px } #breaking-bar.local #breaking.multiple.count-3 p { width: 273px } #breaking-bar.local #breaking p .headline-wrapper { height: 50px; overflow: hidden } #breaking p strong { background-color: transparent; background-color: rgba(0,0,0,.1); bottom: -4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.2); float: left; font-family: 'Futura Today Bold',Helvetica,arial,sans-serif; font-size: 10px; font-weight: 400; line-height: 20px; padding: 2px 6px; position: relative; text-align: center; text-transform: uppercase } #breaking-bar.local #breaking p strong { background-color: rgba(0,0,0,.15); bottom: 0; box-shadow: none; display: table-cell; font-size: 12px; font-weight: 400; height: 34px; line-height: 1.1em; overflow: hidden; padding: 11px 5px 5px; text-overflow: ellipsis; width: 70px } #breaking-bar.local #breaking p strong.breaking-story-label-developing { font-size: 10px; padding: 14px 5px 5px; height: 31px } #breaking-bar.local #breaking p strong.breaking-story-label-video { font-size: 13px; padding: 10px 5px 5px; height: 35px } #breaking-bar.local #breaking .headline-wrapper { display: table-cell; vertical-align: middle; width: 100% } #breaking-bar.local #breaking.multiple .headline-wrapper { background-color: transparent; background-color: rgba(0,0,0,.1) } #breaking .headline { color: inherit; display: inline-block; font-size: 13px; font-weight: 700; line-height: 32px; margin: 0 0 0 15px; text-decoration: none } #breaking-bar.local #breaking .headline { line-height: 13px; display: inline-block; margin: 0; padding-left: 10px; padding-top: 2px; padding-right: 10px } #breaking-bar.local #breaking.multiple.count-3 .headline { font-size: 11px; line-height: 11px } #breaking .button { border-left: 0; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; line-height: 12px; margin-left: 10px; padding: 2px 0 2px 30px; position: relative; text-decoration: none; top: 0 } #breaking .button>span { border-bottom: 1px solid transparent; transition: border-color .3s; -moz-transition: border-color .3s; -webkit-transition: border-color .3s; -o-transition: border-color .3s } #breaking .button:hover>span { border-color: #fff } #breaking .button:before { background: transparent url(../../images/sprites/header-sprite.png) no-repeat -52px -159px; content: ''; height: 18px; left: 8px; position: absolute; top: -1px; width: 17px } #breaking .close-btn { background: url(../../images/sprites/header-sprite.png) no-repeat -322px -119px; cursor: pointer; height: 21px; margin-top: -9px; opacity: .6; position: absolute; right: 0; top: 50%; width: 20px; overflow: hidden; text-indent: 105%; white-space: nowrap; z-index: 1 } #breaking-bar.local #breaking .close-btn { opacity: 1; right: -30px } #breaking .close-btn:hover { opacity: 1 } @media only screen and (min-width: 1150px) { #breaking p { padding:13px 40px 12px 0 } #breaking-stories { width: 1080px } #breaking-bar.local #breaking.multiple.count-2 p { width: 535px } #breaking-bar.local #breaking.multiple.count-3 p { width: 353px } #breaking p strong { bottom: -2px; font-size: 14px; padding: 4px 8px } #breaking .headline { font-size: 16px; margin: 0 0 0 20px } #breaking.count-2 .headline { font-size: 16px; line-height: 18px } #breaking.count-3 .headline { font-size: 13px } #breaking-bar.local #breaking .headline { line-height: 18px; margin: 0 } #breaking-bar.local #breaking.multiple.count-2 .headline { font-size: 14px } #breaking-bar.local #breaking.multiple.count-3 .headline { font-size: 12px; line-height: 14px } #breaking .button { border-left: 1px solid #fff; margin-left: 20px; padding: 2px 0 2px 43px; top: -1px } #breaking .button:before { left: 20px } } @media only screen and (min-width: 1250px) { #breaking-stories { width:1180px } #breaking-bar.local #breaking.multiple.count-2 p { width: 585px } #breaking-bar.local #breaking.multiple.count-3 p { width: 386px } #breaking .headline { font-size: 18px } #breaking-bar.local #breaking.multiple.count-2 .headline { font-size: 16px } #breaking-bar.local #breaking.multiple.count-3 .headline { font-size: 13px } } .sp-subhead { background-color: #272727; color: #fff } .sp-subhead-well { background: none repeat scroll 0 0 rgba(0,0,0,.2); width: 100%; height: 310px; float: left; z-index: 5 } .sp-subhead-logo-wrap { float: left; height: 110px; padding: 100px 35px } .sp-subhead-hilite { display: table; height: 100% } .sp-subhead-source { position: absolute; top: 0; left: 180px; text-align: left; vertical-align: top; padding: 5px; background-color: #eb1e00; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 1px; line-height: 9px; text-transform: uppercase } .sp-subhead-blurb { display: table-cell; text-align: left; vertical-align: middle; padding: 60px 10px 30px 30px; height: 100%; width: 275px } .sp-subhead-blurb a { color: #fff } @media only screen and (min-width: 1150px) { .sp-subhead-source { left:240px } .sp-subhead-logo-wrap { padding: 100px 65px } .sp-subhead-blurb { padding: 45px 25px 45px 45px; width: 525px } } .site-masthead-search-btn-div:after,.site-nav-icon-span:after,.site-nav-more-dropown-front-toggle-link:before,.site-masthead-search-close-btn:after { background-image: url(../../images/sprites/header-sprite.png) } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) { .site-masthead-search-btn-div:after,.site-nav-icon-span:after,.site-nav-more-dropown-front-toggle-link:before,.site-masthead-search-close-btn:after,.site-nav-usa-today-span:before { background-image:url(../../images/sprites/header-sprite@2x.png); background-size: 250px 120px } } .site-masthead .chromeless-header .logo { width: 100%; margin: 0 } .chromeless-header #logo-link { margin: 5px auto auto } body>iframe { bottom: 0; border: 0; position: absolute } .staff-bio-wrapper { padding: 65px 0 20px } .staff-bio-headshoot { display: inline-block; float: left; height: 126px; padding: 0 20px 10px 0; width: 126px } .staff-bio-info { color: #fff; display: inline-block; float: left; width: 800px } .staff-bio-newsrole { float: left; font-size: 16px; font-weight: 700; height: 20px; line-height: 20px; border-right: 1px solid #505050; margin: 5px 15px 5px 0; padding: 0 20px 0 0 } .staff-role-social { float: left; clear: both; vertical-align: middle; padding: 5px 0 } .staff-bio-displayname { display: inline; float: left; font: 400 30px 'Futura Today Bold','helvetica neue',arial,sans-serif; margin: 0; padding: 0 } .staff-bio-list { display: inline-block; height: 30px; width: 220px } .staff-bio-social-icon-list { margin: 0; padding: 0; list-style-type: none } .staff-bio-biography { clear: left; display: block; font-size: 12px } .social-icon-list-item { display: inline-block } .staff-bio-social-icon { display: inline-block; height: 29px; padding-left: 10px; width: 27px } .staff-bio-social-icon.email { background: url(../../images/sprites/staff-social-icons.png) -0px -0px no-repeat } .staff-bio-social-icon.twitter { background: url(../../images/sprites/staff-social-icons.png) -0px -27px no-repeat } .staff-bio-social-icon.facebook { background: url(../../images/sprites/staff-social-icons.png) -0px -54px no-repeat } .staff-bio-social-icon.google { background: url(../../images/sprites/staff-social-icons.png) -0px -81px no-repeat } #cover-view .arrows { position: absolute; width: 100%; z-index: 200; top: 50%; margin-top: -20px } #cover-view>.arrows .arrow { background: url(../../images/modules/coverview/arrows.png); cursor: pointer; display: block; height: 47px; position: absolute; width: 27px; z-index: 100 } #cover-view>.arrows .arrow.prev { display: none; left: 10px } #cover-view>.arrows .arrow.next { background-position: 0 -47px; right: 10px } #cover-view { background-color: #000; height: 100%; overflow: hidden; position: absolute; top: 0; width: 100% } #cover-view-pages { height: 100%; position: absolute; width: 100% } #cover-view-pages.width-wiggler { width: -webkit-calc(100% + 1px); width: -moz-calc(100% + 1px); width: calc(100% + 1px) } #cover-view-pages>.active .photo,#cover-view-pages>.active>.partner-content>.container { width: 100% } #cover-view .photo,#cover-view .partner-content>.container { background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 100%; position: absolute; width: 200% } #cover-view-pages .partner-content { bottom: 0; height: auto; position: absolute; top: 40px } #cover-view .photo:after { background: -moz-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,.75)),color-stop(320px,rgba(0,0,0,.25)),color-stop(400px,rgba(0,0,0,0))); background: -webkit-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px); background: -o-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px); background: -ms-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px); background: linear-gradient(to right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px); content: ''; display: block; height: 100%; left: 0; top: 0; width: 50% } #cover-view .text-wrap { bottom: 60px; left: 60px; position: absolute } #cover-view .text-wrap>.parent-label { position: static } #cover-view .hero-text { background: 0; margin-top: 15px; width: 360px } #cover-view .hero-story { position: static } #cover-view .hero-story>h1 { font-size: 46px; letter-spacing: -1px; line-height: 48px; margin: 0; width: 100% } #cover-view .hero-story>h1>.load-story { width: 100% } #cover-view.hero .hero-story .byline-block { margin: 0 } #cover-view.hero .hero-story .actions { border-top: 2px solid #fff; margin: 20px 0 0; overflow: visible; padding: 20px 60px 0 0; width: auto; display: inline-block } #cover-view.hero .hero-story .actions>li { border: 0; margin: 0; padding: 0 } #cover-view.hero .hero-story .actions>li .byline { margin-top: 0 } #cover-view.hero .hero-story .actions>li a .byline em,#cover-view.hero .hero-story .actions>li a .byline:hover em { color: #fff } #cover-view .date { color: #fff; color: rgba(255,255,255,1); font-size: 11px; font-weight: 700; margin-left: 8px } #cover-view .close { background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat; direction: ltr; display: block; height: 50px; position: absolute; right: 0; text-indent: -9999px; top: 46px; width: 50px; z-index: 20 } .show-search { background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat } .show-search .ui-loader.global-loader.active,.search-open .ui-loader.global-loader.active { top: 120px } .search-results.ui-loading { background-color: #323232 } .search-results { background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat; color: #fff; min-height: 100%; min-height: -moz-calc(100% - 120px);min-height:-webkit-calc(100% - 120px);min-height:calc(100% - 120px);position:absolute;overflow:hidden;z-index:99; width:100%} .results { position: relative; box-shadow: inset 0 1px #3b3b3b; top: 50px } .results .inner { margin: 0 auto; padding-bottom: 40px; width: 840px; position: relative } .view-grid .inner { width: 720px } .view-list .inner { width: 720px } .search-results .list-content { padding-right: 241px } .search-results .tile { border-bottom: 1px solid #0a0a0a; position: relative; box-shadow: inset 0 1px #3b3b3b; padding: 20px } .search-results .ad .search-result-figure { text-align: center } .search-results .sidebar { background: #2c2c2c url(../../images/modules/search/sidebar-bg.png) repeat top left; box-shadow: inset 0 1px #3b3b3b; border-right: 1px solid #0a0a0a; top: 0; right: 0; bottom: 0; position: absolute; width: 240px } .view-list .list-bg { border-top: #717171 1.5px solid; border-top: rgba(87,87,87,.3) 1.5px solid; background: #2c2c2c url(../../images/modules/search/sidebar-bg.png) repeat top left; position: absolute } .clearleft { clear: left } .results .list-content .search-results-list { border-left: 1px solid #0a0a0a; list-style: none; margin: 0; padding: 0 } .view-grid .list-content .search-result-item { float: left; height: 257px; margin: 0; padding: 1px 0 0; width: 238px } .list-content .search-result-item { background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat; border-bottom: 1px solid #0a0a0a; border-right: 1px solid #0a0a0a; position: relative; box-shadow: inset 0 1px #3b3b3b } .results .search-result-item .search-result-figure { padding: 16px 17px 11px; position: relative } .view-list .search-result-item .search-result-figure { float: left; padding: 0 } .search-result-image { border: 2px solid #2e2e2e; display: block; margin: 0 auto } .search-result-item.topresult .search-result-image { width: 200px } .topresult .search-result-figure { height: 106px; margin-bottom: 13px; overflow: hidden } .view-list .search-result-image { margin: 0 20px 0 0; width: 120px } .view-list .topic .search-result-image { float: left; margin: 0 20px 0 0; width: 200px } .search-result-item-link { display: block } .search-results .view-list .search-result-item .search-result-item-link .front { position: relative } .results .search-result-item .search-result-item-link .front { opacity: 1; position: absolute; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; height: 100%; width: 100% } .results .search-result-item .back { display: none } .lt-ie9 .view-grid .search-result-item .search-result-item-link .back { visibility: hidden } .lt-ie9 .view-grid .search-result-item .search-result-item-link:hover .front { visibility: hidden } .view-grid .search-result-item .search-result-item-link .back { display: block; opacity: 0; position: absolute; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; height: 100%; width: 100% } .view-grid .search-result-item .search-result-item-link:hover .front { opacity: 0 } .view-grid .search-result-item .search-result-item-link:hover .back { visibility: visible; opacity: 1 } .view-grid .list-content .search-result-item .search-result-item-link { height: 257px; width: 238px } .view-grid .search-result-item .search-result-item-link:hover { background: #4d4d4d } .view-list .search-result-item .search-result-item-link:hover { background: #4d4d4d } .view-list .none-link-borders,.view-list .search-result-item .search-result-item-link { padding: 10px 0 10px 10px } .results .search-result-item .search-result-item-link { color: #ccc } .search-result-title { font-size: 14px; line-height: 135%; margin: 0 18px; text-shadow: 0 1px 1px #000 } .search-result-title-back { font-size: 14px; line-height: 110%; margin: 0 18px; padding-top: 57px; text-shadow: 0 1px 1px #000 } .results .search-result-item .search-result-item-link:hover .search-results-headline { color: #fff } .view-list .search-result-title,.view-list .search-result-title-noimage { padding-left: 20px; margin: -4px 0 0 } .results .search-result-item .parent-label { left: 19px; position: absolute; top: 19px } .results.view-list .search-result-item .parent-label { display: none } .results .search-result-item.recommended .parent-label:after { background: transparent url(../../images/modules/search/search-icons.png) no-repeat -76px -160px; content: 'Recommended'; padding-left: 23px } .results .search-result-item .label.news { background-color: #009bff } .results .search-result-item .label.sports { background-color: #eb1e00 } .results .search-result-item .label.life { background-color: #9600b4 } .results .search-result-item .label.money { background-color: #00a53c } .results .search-result-item .label.tech { background-color: #fa5f00 } .results .search-result-item .label.travel { background-color: #00c3c3 } .results .search-result-item .label.weather { background-color: #ffc000 } .results .search-result-item .meta { color: #666; font-size: 65%; font-style: italic } .results.view-grid .search-result-item .front .text { display: none } .view-list .front .text { margin-left: 18px } .results .search-result-item .back .text { padding-top: 19px; font-size: 12px; height: 98px; overflow: hidden; position: absolute; margin: 0 18px } .view-grid .search-result-item .meta .photo { display: inline-block; background-color: #fff; border: 2px solid #fff } .view-grid .search-result-item .meta .byLine { color: #fff; display: inline-block; font-weight: 700; font-style: normal; padding-left: 7px } .view-grid .search-result-item .meta { bottom: 16px; left: 20px; position: absolute } .view-list .search-result-item .meta { margin: 0; padding: 0 0 0 18px } .view-list li.message .meta { padding: 0 } .results .search-result-item .meta .meta-info-text { border-left: 0; margin: 0; padding: 0 } .results .search-result-item .meta .last-update { border-right: #444 1px solid; margin-right: 10px; padding-right: 10px } .results .search-result-item .video-icon { background: url(../../images/modules/search/search-icons.png) 0 -219px no-repeat; height: 30px; left: 50%; margin: -13px 0 0 -16px; position: absolute; top: 50%; width: 30px } .view-list .search-result-item .video-icon { left: 50px; margin: -16px 0 0 -14px } .video .search-result-figure>.search-video:after { background: transparent url(../../images/modules/search/search-icons.png) no-repeat 0 -219px; content: ''; width: 30px; height: 30px; top: 75px; left: 105px; position: absolute } .view-list .video .search-result-figure>.search-video:after { top: 25px; left: 37px } .search-no-image-spacer { padding: 15px } .view-list .search-result-title-noimage { padding: 0; font-size: 18px; width: 100%; height: 25px; position: relative } .search-result-title-noimage { font-size: 24px; left: 18px; line-height: 27px; padding-top: 22px; overflow: hidden; position: absolute; width: 200px; top: 0; height: 172px } .view-grid .gallery-thumb-list { display: none } .view-list .gallery-thumb { display: none } .view-grid .message .search-results-headline { font-size: 145%; line-height: 110%; padding-top: 37px } .view-list .message .search-results-headline { margin: 0; padding: 0 } .results .google-ads p { color: #666; font-size: 80%; padding: 20px 20px 0 } .results .google-ads img { border: 0; margin: 0; padding: 0 } .results .ad figcaption { color: #666; display: block; font-size: 60%; padding: 6px 0 0; text-align: center; text-transform: uppercase } .results .related-searches .search-results-headline { color: #ccc; font-size: 20px; padding: 10px 0 18px; margin: 0; text-shadow: 0 1px 1px #000 } .results .related-searches-list,.results .related-searches-item,.results .related-searches-link { border: 0; float: none; height: auto; margin: 0; padding: 0; width: auto; box-shadow: none } .results .related-searches .search-results-list { color: #1ea3ff; list-style: disc; padding: 0 0 0 30px } .results .related-searches .search-result-item { line-height: 130% } .results .related-searches .search-result-item-link { color: #1ea3ff; font-size: 13px; font-weight: 700; line-height: 150% } .results .related-searches .search-result-item-link:hover { background: 0; color: #1ea3ff } .results .more-results { background: transparent url(../../images/preloaders/windmill-loader_2x_dark.gif) no-repeat 49% 48%; display: none; min-height: 94px } .summary { background: #262626; background: -moz-linear-gradient(#292929,#1b1b1b); background: -ms-linear-gradient(#292929,#1b1b1b); background: -o-linear-gradient(#292929,#1b1b1b); background: -webkit-linear-gradient(#292929,#1b1b1b); background: linear-gradient(#292929,#1b1b1b); border-bottom: 1px solid #000; border-top: 1px solid #343434; box-shadow: 0 -1px 0 #000,inset 0 -1px 3px #181818; height: 48px; position: fixed; z-index: 100; margin: 0 auto; width: 100% } .summary .inner { height: 48px; margin: 0 auto; -webkit-transition: width 250ms; -moz-transition: width 250ms; -o-transition: width 250ms; transition: width 250ms } .summary.list .inner { width: 840px } .summary.grid .inner { width: 840px } .summary h2 { float: left; font-size: 20px; margin: 0; padding: 9px 0 0; text-shadow: 0 1px 1px #262626 } .summary .results-count { color: #666; float: left; font-size: 40px; font-weight: 700; line-height: 49px; text-shadow: 0 1px 1px #000 } .summary .search-term { color: #666; float: left; font-size: 22px; padding: 9px 0 0 9px; text-shadow: 0 1px 1px #000 } .summary .search-term .term { color: #fff; font-weight: 700 } .summary .btn-bar { padding-top: 7px; float: right } .summary .grid-btn,.summary .list-btn { width: 88px } .summary .grid-btn:before,.summary .list-btn:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; position: relative; height: 10px; margin-right: 5px; overflow: hidden; width: 12px } .summary .grid-btn:before { width: 11px; height: 9px; margin-top: 10px; background-position: -284px -25px } .summary .grid-btn.active:before { background-position: -284px -6px } .summary .list-btn:before { background-position: -305px -24px } .summary .list-btn.active:before { background-position: -305px -5px } .summary .ui-btn.close { width: 18px } .summary .ui-btn { float: left; margin-left: 8px } .browser-shadow { background: transparent url(../../images/dropshadows/win-bot.png) repeat-x 0 0; bottom: 0; height: 31px; position: fixed; width: 100%; z-index: 100 } @media only screen and (min-width: 1150px) { .results .inner { width:959px } .summary.grid .inner { width: 1080px } .view-list .inner { width: 958px } .summary.list .inner { width: 1080px } } @media only screen and (min-width: 1250px) { .results .inner { width:1198px } .summary.grid .inner { width: 1202px } .summary .inner,.summary.list .inner { width: 1202px } .view-grid .list-content .search-result-item.topresult,.view-grid .list-content .search-result-item.topresult .search-result-item-link { height: 516px; width: 477px } .view-grid .list-content .search-result-item.topresult .search-result-image { width: 440px } .view-grid .list-content .search-result-item.topresult .search-result-figure { height: auto; margin-bottom: 0 } .results .search-result-item.topresult .parent-label { left: 19px } } .no-results { padding: 20px 20px 0 0 } .no-results .search-results-headline { margin-top: 0; font-size: 18px } .no-results .search-results-tryagain { font-size: 16px } .ui-chunky-btn.ugc-login-btn { font-weight: 700; text-transform: none; font-family: helvetica,arial,sans-serif } .ui-chunky-btn.ugc-login-btn:before { content: ""; background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; display: inline-block; top: 5px; margin-right: 5px; overflow: hidden } .ui-chunky-btn.ugc-login-btn:after { border-right: 0; background-color: transparent } .ui-chunky-btn.ugc-login-btn-facebook { padding-left: 30px } .ui-chunky-btn.ugc-login-btn-facebook:before { background-position: -926px 0; width: 7px; height: 17px; top: 9px } .ui-chunky-btn.ugc-login-btn-google { padding-left: 40px } .ui-chunky-btn.ugc-login-btn-google:before { background-position: -1045px 0; width: 18px; height: 19px; top: 9px } .ui-chunky-btn.plus:before { color: #fff; content: "+"; font-weight: 700; font-size: 28px; right: 9px; position: absolute; text-shadow: 0 1px 0 #007acc; top: -5px } .ui-chunky-btn.ugc-upload-form-share-your-contribution-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -396px 2px; top: 7px; left: 10px; width: 18px; height: 25px } .ui-chunky-btn.ugc-upload-select-files-btn:before,.ui-chunky-btn.ugc-upload-form-contribute-more-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px -18px; height: 16px; left: 12px; top: 11px; width: 16px } .ugc-view-all-my-contributions-link { display: none } .ugc-tos-link,.ugc-tos-link:visited { color: #333; font-size: 12px; font-weight: 700; margin-top: 0; position: relative; padding-left: 26px; line-height: 20px; height: 20px } .ugc-tos-link:hover { color: #0af } .ugc-tos-link:before { background: url(../../images/apps/ugc/ugc-sprite.png) -96px 0 no-repeat; content: ""; display: block; width: 20px; height: 22px; position: absolute; left: 0; top: 0 } .ugc-my-contributions-or-contribute-link { display: none } .ugc-media-item-report-abuse-tooltip-panel { white-space: nowrap } .ugc-media-item-report-abuse-link.ui-btn { box-shadow: none; border-color: #d1d1d1 } .ugc-media-item-report-abuse-link.ui-btn,.ugc-media-item-report-abuse-link.ui-btn:hover { float: right; text-shadow: none; padding: 0 3px } .ugc-media-item-report-abuse-link.ui-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) -371px 0 no-repeat; content: ''; display: inline-block; height: 16px; margin-right: 5px; overflow: hidden; position: relative; top: 3px; width: 14px } .ugc-media-item-report-abuse-sent.ui-btn:before,.ugc-media-item-report-abuse-sent.ui-btn:before:hover { background: url(../../images/apps/ugc/ugc-sprite.png) -371px -21px no-repeat } .ugc-post-item-meta { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; padding-left: 40px; margin-top: 10px } .ugc-author-meta-avatar { box-shadow: 0 1px 2px 0 rgba(0,0,0,.45); border: 2px solid #fff; display: inline-block; vertical-align: top; height: 27px; width: 27px } .ugc-post-item-meta-avatar-link { position: absolute; top: 0; left: 0 } .ugc-post-item-meta-text { font-size: 11px; color: #666; list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: top } .ugc-post-item-meta-author-name { font-weight: 700 } .ugc-post-item-meta-author-name-link,.ugc-post-item-meta-author-name-link:visited { color: #666 } .ugc-post-item-meta-author-name-link:hover { color: #0af } .ugc-post-item-meta-creation-date { font-style: italic } .ugc-author-meta-link { width: auto; height: auto; display: inline-block; vertical-align: top } .site-nav-icon-span.site-nav-ugc-span { width: 16px } .site-nav-icon-span.site-nav-ugc-span:after { background-image: url(../../images/apps/ugc/ugc-sprite.png); background-position: -324px 0; height: 21px; margin-left: -8px; top: 10px; width: 16px } .site-nav-icon-span.site-nav-ugc-span:hover:after,.site-nav-active-span.site-nav-ugc-span { background-position: -324px -23px } .ugc-upload-form-view { position: absolute; top: 0; left: 0; width: 100%; display: none; overflow: hidden; z-index: 1 } .ugc-upload-form-view.view-active { z-index: 2; overflow: visible } .ugc-upload-file-input { display: block; width: 100%; height: 0; position: absolute; top: 0; left: 0; background: transparent; padding-top: 100%; overflow: hidden; cursor: pointer; outline: 0 } .ugc-upload-field-input.ui-form-field-required,.ugc-upload-field-textarea.ui-form-field-required { padding-right: 34px } .ugc-upload-field-textarea { resize: none } .ui-input-file-hidden-iframe { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; border: 0 } .ugc-upload-field { margin: 0 0 20px; width: 100%; position: relative } .ugc-upload-field-input,.ugc-upload-field-select { width: 100% } .ugc-upload-field-char-counter { position: absolute; top: 0; right: 0; padding-right: 20px; font-size: 12px; color: #8c8c8c; line-height: 30px } .ugc-upload-field.required:before { background: url(../../images/apps/ugc/ugc-sprite.png) -153px -1px no-repeat; content: ""; display: block; right: 5px; height: 10px; position: absolute; top: 10px; width: 10px } .ugc-upload-location-input { padding-right: 24px; padding-left: 24px } .ugc-upload-location-input-wrap { position: relative; display: inline-block; width: 100% } .ugc-upload-location-input-wrap:before { content: ""; display: block; position: absolute; width: 16px; height: 0; overflow: hidden; padding-top: 16px; left: 6px; top: 7px; background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat; z-index: 9 } .ugc-upload-file-thumb { background: #d9d9d9; background: rgba(0,0,0,.05); box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 1px 1px #fff; border-radius: 3px; display: inline-block; position: relative; white-space: normal } .ugc-upload-file-thumb-inactive { background: 0; box-shadow: none; cursor: pointer } .ugc-upload-file-thumb-empty { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px dotted #cfcfcf; border-radius: 3px } .ugc-upload-file-thumb-empty.ui-chunky-btn:after { background-position: -118px -18px } .ugc-upload-file-preview-wrap { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; border-radius: 3px; text-align: center } .ugc-upload-file-preview-wrap.ugc-upload-file-fail { display: none } .ugc-nonprogressive-upload .ugc-upload-file-preview-wrap,.ugc-nonprogressive-upload .ugc-upload-file-thumb-error-wrap { background: #d9d9d9; box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 1px 1px #fff; border-radius: 3px } .ugc-upload-file-media-preview-wrap { background: -moz-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(96,96,96,.09)),color-stop(100%,rgba(19,19,19,.19))); background: -webkit-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -o-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -ms-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: linear-gradient(to bottom,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17606060', endColorstr='#30131313', GradientType=0); background-size: cover; border-radius: 3px; border-top-right-radius: 0; display: none; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0 } .ugc-upload-file-media-preview-wrap:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; background: #000; opacity: .6 } .ugc-upload-file-done .ugc-upload-file-media-preview-wrap:before { opacity: 0 } .ugc-nonprogressive-upload .ugc-upload-file-media-preview-wrap:before { background: transparent; opacity: 1 } .ugc-upload-file-media-preview-image,.ugc-upload-file-media-preview-video,.ugc-upload-file-media-no-preview { display: block; z-index: 2; position: absolute; top: 0; left: 0 } .ugc-upload-file-progress-text { position: absolute } .ugc-nonprogressive-upload .ugc-upload-file-progress-text { font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #fff; display: inline-block; vertical-align: top; margin-top: 73px; top: 0; left: 0; padding: 0 10%; width: 80% } .ugc-progressive-upload .ugc-upload-file-progress-percentage-text { display: block; width: 100%; font-size: 16px; line-height: 16px; margin-top: -8px; padding: 0; top: 50%; z-index: 3; color: #fff; font-weight: 700; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.5); transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; opacity: 1 } .ugc-progressive-upload.ugc-upload-file-done .ugc-upload-file-progress-percentage-text { opacity: 0 } .ugc-upload-file-thumb-error-wrap { display: none; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px } .ugc-upload-file-thumb-error-wrap.active { display: block; z-index: 1 } .ugc-upload-file-thumb-error-heading { font-size: 15px; font-weight: 700; position: relative; padding-top: 30px; text-align: center; color: #333 } .ugc-upload-file-thumb-error-heading:before { background: url(../../images/apps/ugc/ugc-sprite.png) -20px -68px no-repeat; content: ""; display: block; position: absolute; top: 0; width: 20px; height: 0; left: 50%; margin-left: -10px; padding-top: 21px; overflow: hidden } .ugc-upload-file-thumb-error-text { font-size: 12px; color: #737373 } .ugc-upload-file-thumb-remove { background: #000 url(../../images/apps/ugc/ugc-sprite.png) -25px -3px no-repeat; border-radius: 30px; box-shadow: 0 2px 2px rgba(0,0,0,.3); cursor: pointer; display: none; height: 21px; position: absolute; right: -10px; top: -10px; width: 21px; z-index: 2 } .ugc-upload-file-thumb-empty:after { background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -150px -18px; content: ""; display: block; height: 16px; left: 56px; position: absolute; top: 56px; width: 16px } .ugc-upload-file-thumb-inactive:hover>.ugc-upload-file-thumb-empty:after { background-position: -134px -18px } .ugc-upload-file-thumb-inactive.first:hover>.ugc-upload-file-thumb-empty { color: #fff; background: #38b4ff; background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1))); background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0) } .ugc-upload-file-thumb-inactive.first:hover>.ugc-upload-file-thumb-empty:after { background-position: -118px -18px } .ugc-upload-success-file { overflow: hidden; border-radius: 3px } .ugc-upload-success-media { border-radius: 3px; box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2); display: inline-block; vertical-align: top } .ugc-upload-file-media-no-preview,.ugc-upload-success-media-no-preview { width: 100%; height: 100%; border-radius: 3px } .ugc-upload-success-media-no-preview { background: -moz-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(96,96,96,.09)),color-stop(100%,rgba(19,19,19,.19))); background: -webkit-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -o-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: -ms-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); background: linear-gradient(to bottom,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17606060', endColorstr='#30131313', GradientType=0) } .ugc-upload-file-media-no-preview:before,.ugc-upload-success-media-no-preview:before { content: ""; position: absolute; display: block; top: 50%; left: 50%; background-image: url(../../images/apps/ugc/ugc-sprite.png); background-repeat: no-repeat } .ugc-upload-file-media-no-preview-video:before,.ugc-upload-success-media-no-preview.ugc-upload-success-media-video:before { background-position: -62px -91px; width: 33px; height: 33px; margin-left: -19px; margin-top: -18px } .ugc-upload-file-media-no-preview-image:before,.ugc-upload-success-media-no-preview.ugc-upload-success-media-image:before { background-position: -96px -91px; width: 40px; height: 33px; margin-left: -19px; margin-top: -18px } .ugc-nonprogressive-upload .ugc-upload-file-pending .ugc-upload-file-media-no-preview:before { content: ""; position: absolute; display: block; top: 42px; left: 50%; width: 29px; height: 29px; background: url(../../images/apps/ugc/image-preview-loading.gif) 0 0 no-repeat; margin-left: -15px } .ugc-upload-form-submission-text-username { font-weight: 700 } .ugc-upload-submit-btn,.ugc-upload-cancel-btn { text-align: center } .ugc-upload-submit-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px 0; content: ""; height: 16px; left: 12px; position: absolute; top: 13px; width: 16px; border-right: 0; box-shadow: none } .ugc-upload-submit-btn:after { content: ""; display: block; height: 40px; left: 40px; position: absolute; top: 0; width: 1px; border-right: 1px solid #ebebeb; border-right: 1px solid rgba(255,255,255,.1); box-shadow: inset -1px 0 0 rgba(0,0,0,.1) } .ugc-upload-submit-btn-disabled,.ugc-upload-submit-btn-disabled:hover { background: #c3c3c3; background: -moz-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(203,203,203,1)),color-stop(100%,rgba(193,193,193,1))); background: -webkit-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%); background: -o-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%); background: -ms-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%); background: linear-gradient(to bottom,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#c1c1c1', GradientType=0); border-color: silver; cursor: default; opacity: .5; box-shadow: none } .ugc-upload-submit-btn-sending.ui-chunky-btn.icon:before { background-image: url(../../images/indicators/progress-small-blue.gif); top: 8px; left: 9px; width: 20px; height: 20px; background-position: 0 0 } .ugc-upload-find-my-location-btn { background: #21acff; background: -moz-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(33,172,255,1)),color-stop(100%,rgba(27,154,255,1))); background: -webkit-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -o-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: -ms-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); background: linear-gradient(to bottom,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21acff", endColorstr="#1b9aff", GradientType=0); border: 1px solid #149cee; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.2); font-family: "Futura Today Bold",helvetica,sans-serif; font-size: 13px; color: #fff; display: inline-block; height: 28px; padding: 0; text-shadow: 0 1px 0 rgba(0,0,0,.1); cursor: pointer; overflow: hidden; text-indent: 105%; white-space: nowrap; width: 30px; margin-left: 10px; vertical-align: top; position: relative } .ugc-upload-find-my-location-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) -167px -0px no-repeat; content: ""; display: block; height: 17px; left: 10px; position: absolute; top: 8px; width: 10px } .ugc-upload-find-my-location-btn:hover { color: #fff; background: #38b4ff; background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1))); background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0) } .ugc-upload-location-powered-by-link,.ugc-upload-location-powered-by-link:visited { display: inline-block; color: #666; font-size: 11px; font-weight: 700; float: right; margin-top: 8px } .ugc-upload-location-powered-by-logo { background: url(https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_16x16.png) 0 0 no-repeat; display: inline-block; height: 16px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 16px; vertical-align: middle } #ugc-signin-overlay { position: absolute; width: 100%; height: 100%; background: url(../../images/apps/ugc/ie_transparent_bg-50.png) repeat; background: rgba(0,0,0,.5); top: 0; left: 0; z-index: 2; display: none } .ugc-signin-overlay-container { background: #ebebeb url(../../images/patterns/paper-noise-bar.png) repeat top left; width: 460px; z-index: 0; text-align: center; padding: 32px 30px; box-sizing: border-box; -moz-box-sizing: border-box; display: block; position: fixed; left: 50%; margin-left: -222px; top: 50%; margin-top: -78px } .ugc-signin-overlay-heading { color: #000; font-weight: 700; font-size: 32px; margin-bottom: 16px } .ugc-signin-overlay-login-buttons { display: block; text-align: center } .ugc-signin-overlay-login-btn.ui-chunky-btn { display: inline-block } .ugc-signin-overlay-login-btn-facebook.ui-chunky-btn { margin-right: 16px } article.cards.stag { background: url(../../images/modules/topic/stag-noise.gif) } article.stag.ui-loading { background-color: #3c3c3c } article.cards.stag .card-container { background: -moz-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.41)),color-stop(184px,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px); background: -o-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px); background: -ms-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px); background: linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4000000', endColorstr='#00000000', GradientType=0); padding-bottom: 0 } .stagfront-hero-3up-tile.hero-3up-tile { background: #2e2e2e url(../../images/patterns/dark-noise.png) } .hero-3up-tile-1:hover .stagfront-hero-3up-header { color: #ccc } .hero-3up-media-noimage>.stagfront-hero-3up-text { position: absolute } .stagfront-hero-3up-text { bottom: 10px; color: #fff; padding-bottom: 10px; position: relative; width: 100%; z-index: 53 } .stagfront-hero-3up-text-1 { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%); bottom: 0; position: absolute } .hero-3up-tile.stagfront-hero-3up-tile>.parent-label { left: 20px; top: 20px } .stagfront-hero-3up-header.stagfront-hero-3up-header-1 { color: #fff; font-size: 30px; line-height: 35px; margin: 0; padding: 20px 20px 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.4) } .stagfront-hero-3up-header { color: #ccc; font-size: 13px; font-weight: 700; line-height: 16px; margin: 0; padding: 10px 20px; text-shadow: 2px 2px 2px rgba(0,0,0,.4); -webkit-transition: color .25s ease-out; -moz-transition: color .25s ease-out; -ms-transition: color .25s ease-out; -o-transition: color .25s ease-out; transition: color .25s ease-out } .stagfront-hero-3up-action:hover { background-position: 0 -17px; color: #0af } .stagfront-hero-3up-action { background: transparent url(../../images/buttons/sprite-hero.png) no-repeat top left; display: block; height: 12px; font-size: 12px; font-weight: 700; margin: 0 18px 12px; padding: 0 22px 5px; min-width: 86px } .stagfront-hero-3up-subhead { color: #fff; display: block; font-size: 12px; padding: 0 20px 10px } article.cards.stag .card-wrap { width: auto } .stagfront-content { margin: 0 auto; width: 960px } article.cards.stag .content-wrap { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.08); margin-bottom: 40px } .stag-masthead { padding-top: 30px; text-align: center } .stagfront-primary { clear: both; position: relative } .headline-grid-module.stagfront-primary { background: url(../../images/patterns/light-grey-linen.jpg); border-bottom: 1px solid #cfcfcf } .stag-mod-headlines-title { color: #666; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 15px; font-weight: 400; margin: 6px 0 0; text-transform: uppercase; text-shadow: 0 1px 0 #fff; float: left } .headlines-view-toggle { float: right } .headlines-view-toggle>.grid-btn:before,.headlines-view-toggle>.list-btn:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; line-height: 13px; position: relative; top: 2px; margin-right: 5px; overflow: hidden } .headlines-view-toggle>.grid-btn:before { background-position: -883px -24px; height: 12px; width: 14px } .headlines-view-toggle>.grid-btn.active:before { background-position: -883px -4px } .headlines-view-toggle>.list-btn:before { background-position: -902px -24px; height: 12px; width: 16px } .headlines-view-toggle>.list-btn.active:before { background-position: -902px -4px } .headlines-header:before { border-bottom: 1px solid silver; bottom: 0; content: ''; display: block; height: 0; left: 0; position: absolute; width: 100% } .stagfront-primary .galleries { background: #f7f7f7; height: 645px } article.stag .galleries.full>.viewport>.slide img { max-height: 520px; max-width: 920px } .stagfront-primary .galleries>.viewport { height: 540px; padding-top: 10px } .featured-content-module.stagfront-primary { background: #506975 url(../../images/modules/topic/stag-footer-noise.png); overflow: hidden; width: 960px } .stagfront-primary .featured-content-li { width: 192px } .stagfront-primary .featured-content-a { color: #889aa4; padding: 0 31px } .stagfront-primary .featured-content-a .featured-content-h3 { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.4) } .stagfront-primary .featured-content-updated { display: block; color: #889aa4 } .stagfront-primary .featured-content-img { border: 5px solid #a8b5bb; box-shadow: 0 3px 6px 3px rgba(0,0,0,.2) } .stagfront-primary .featured-content-p { width: 960px } .stagfront-primary .featured-content .bottom-bar { background: #fff; border-bottom: 1px solid #d6d6d6; box-shadow: 3px 4px 5px 6px rgba(0,0,0,.4); height: 2px; margin: 10px 0 0 } .stagfront-primary .featured-content-no-border { border: 0 } .stagfront-primary .galleries>.thumbs { left: 0; right: 0 } #blog-card .stag-masthead>h1 { font: 400 42px/48px 'Futura Today Bold','helvetica neue',arial,sans-serif; margin-bottom: 15px; text-transform: uppercase; position: relative } .stag .media .load-story { display: inline-block } .stag-masthead-link,.stag-masthead-link:visited { color: #fff } .stag-masthead-link:hover { color: rgba(255,255,255,.8); color: #c8c8c8 } .topics-sub-nav { background: url(../../images/topics/bg-sub-nav.png) no-repeat 0 0 #cecece; display: block; height: 50px; list-style: none outside none } .content-wrap .topics-sub-nav-item { background: url(../../images/topics/bg-sub-nav-border.png) no-repeat 0 0; float: left; font-size: 14px; height: 50px; margin: 0; text-align: center } .content-wrap .topics-sub-nav-item.first-topic-nav-item { background: 0 } .content-wrap .topics-sub-nav-item-active,.content-wrap .topics-sub-nav-item.first-topic-nav-item.topics-sub-nav-item-active { background: url(../../images/topics/bg-sub-nav-active.png) repeat 0 0 #afafaf } .topics-sub-nav-link,.topics-sub-nav-link:visited { color: #333; display: block; float: left; font-family: 'Futura Today bold',arial,sans-serif; font-size: 12px; line-height: 50px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100% } .topics-sub-nav-item.last-topic-nav-item .topics-sub-nav-link,.topics-sub-nav-item-active>.topics-sub-nav-link { background: 0 } .topics-sub-nav-link:hover { color: #000 } .nav-items-1>.topics-sub-nav-item { width: 100% } .nav-items-2>.topics-sub-nav-item { width: 50% } .nav-items-3>.topics-sub-nav-item { width: 33.3333% } .nav-items-4>.topics-sub-nav-item { width: 25% } .nav-items-5>.topics-sub-nav-item { width: 20% } .topic-ios-bookmark-tip { display: none; position: absolute; top: 30px } .stag .partner-leavebehind { float: right; height: auto; margin-left: 20px; position: relative; top: auto; width: 100px } .stag .partner-leavebehind .leavebehind-sponsoredby { padding-bottom: 10px; width: 100px } .stag .partner-leavebehind .leavebehind-image { margin: 0; width: 100px } #blog-card .stag-masthead>.stag-masthead-name { font: 400 50px/58px 'Futura Today Bold',helvetica,arial,sans-serif; margin-bottom: 15px; text-transform: uppercase; position: relative } #blog-card.fixed { position: fixed; width: 100% } .stag .headlines .page { width: 100% } .storybottombar-bucket { clear: left } #overlay .close-wrap { position: absolute; z-index: 112; width: 980px } #overlay .close { background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat; height: 50px; position: absolute; right: -25px; overflow: hidden; text-indent: 105%; top: 10px; white-space: nowrap; width: 50px } #overlay .close:hover,.gallery.fullscreen .close:hover { background-position: -150px -255px } .article-metadata-wrap { float: left; margin: 0 30px 0 60px; position: relative; width: 180px } .article-metadata { position: relative } .pullquote-asset { float: left; margin: 10px 40px 10px 70px; padding: 0; width: 160px } .pull-quote-attribution { color: #999; float: left; font: 700 11px/14px arial,sans-serif; margin-top: -30px; padding: 0 5px; text-align: center; width: 150px } .pull-quote>.pull-quote-item { border-bottom: 1px dotted #dedede; border-top: 1px dotted #dedede; color: #999; font: 18px/25px arial,sans-serif; margin: 0; padding: 15px 10px; text-align: center } .pull-quotes-char { float: left; font: 60px georgia,serif; height: 30px; margin: -9px -39px 0; padding: 0 12px } .pull-quote-item>.right { float: right; margin: 55px -39px 0 0 } .asset .story-highlights .hlts,.asset .blog-tag-cloud .hlts { border-bottom: 1px dotted #d4d4d4; color: #999; font: 400 12px/25px 'Futura Today Bold',arial,sans-serif; margin: 0 auto; text-transform: uppercase } .asset .story-highlights .hlt,.asset .blog-tag-cloud .tag-cloud { list-style: none; margin: 0; padding: 0; left: 0 } .asset .story-highlights .hlt-item { background: url(../../images/components/story_highlights_bullets.png) 0 17px no-repeat; border-bottom: 1px dotted #d4d4d4; color: #646464; font: 700 12px/16px arial,sans-serif; padding: 12px 0 12px 15px } .asset .story-highlights .hlt-item:last-child { border: 0 } .asset .blog-tag-cloud { clear: both } .asset .blog-tag-cloud .tag { background: #e0dfdf; display: inline-block; float: left; font: 700 12px arial,sans-serif; margin: 3px 3px 0 0; padding: 3px 5px } .asset .blog-tag-cloud .tgc { color: #666 } .asset blockquote { border-left: 2px solid #c9c9c9; color: #797979; font: 400 14px/22px arial,sans-serif; margin: 0 0 15px 60px; overflow: auto; padding-left: 20px } .asset .more-stories { color: #333; float: left; font: 400 16px 'Futura Today Bold',sans-serif; margin: 22px 0 0; text-transform: uppercase; width: 190px } .asset .more-stories-wrap { border-top: 1px solid #e6e6e6; clear: both; margin-left: 70px; overflow: hidden; width: 880px } .asset .more-stories-wrap.vertical { clear: none; width: 540px } .asset .more-stories-wrap #taboola-div-grid-2x4,.asset .more-stories-wrap #taboola-div-verticalx8 { float: left } #taboola-div-text-links-vertical { margin-bottom: 30px } .grid-2x4 .videoCube { padding-left: 0!important } .asset .more-stories-content { min-height: 486px } .asset .ribbon-module h3 { font: 400 16px 'Futura Today Bold',sans-serif; color: #1ea3ff; text-transform: uppercase; text-align: center } .asset .ribbon-module .accept_terms,.email-pane .accept_terms { display: none } .asset .ribbon-module .light-shade,.asset .story-poll .light-shade { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; float: left; margin-top: -38px; padding: 40px 0 0; position: relative; text-align: center; width: 318px; z-index: 160 } .asset .story-poll .light-shade { padding: 25px 0 0 } .asset .ribbon-module .light-shade p { color: #999; font: 12px/16px arial,sans-serif; margin: 0 auto; text-align: center; width: 265px; padding-top: 0 } .asset .ribbon-module .light-shade .full-bio { border: medium none; height: 20px; padding: 0 } .asset .ribbon-module .light-shade .full-bio-inline { background: url(../../images/components/full-bio-arrow.png) no-repeat 0 6px; color: #333; display: inline-block; font: 700 12px/30px arial,sans-serif; height: 30px; margin-left: 10px; width: 95px } .asset .story-poll .light-shade .vote,.asset .poll-results-btn { color: #333; display: inline-block; font: 700 12px/30px arial,sans-serif; height: 30px; margin: 0 0 20px } .asset .story-poll .poll-vote-button-icon { background: url(../../images/sprites/forms-sprite.png) 3px -64px no-repeat; float: left; height: 14px; width: 19px } .asset .ribbon-module .light-shade .follow-email { color: #333; display: block; font-family: arial,sans-serif; font-size: 12px; font-weight: 700; margin: 10px 30px; padding-top: 10px; border-top: 1px dotted #cbcbcb; cursor: pointer } .asset .ribbon-module .light-shade .follow-email:hover { color: #1ea3ff } .asset .ribbon-module .light-shade .follow-email:before { content: ""; display: inline-block; background: url(../../images/components/article-bio-email.png) no-repeat; width: 22px; height: 22px; margin-bottom: -6px; padding-right: 3px } .asset .ribbon-module .light-shade .email-widget-wrapper { position: relative } .asset .ribbon-module .light-shade .follow-email span { display: inline-block; margin-left: 17px; max-width: 260px } .asset .ribbon-module .light-shade .follow-twitter { border: 1px solid #d1d1d1; border-radius: 2px; display: block; font: 700 12px/30px arial,sans-serif } .asset .ribbon-module .light-shade .follow-twitter { width: 165px } .asset .ribbon-module .light-shade .follow-twitter a,.asset .ribbon-module .light-shade .follow-email a { color: #333; display: block; padding: 0 11px } .asset .ribbon-module .light-shade .follow-twitter a:hover,.asset .ribbon-module .light-shade .follow-email a:hover { color: #1ea3ff } .asset .ribbon-module .light-shade .full-bio a { background: url(../../images/components/full-bio-arrow.png) no-repeat 48px 4px; color: #333; display: inline-block; font: 700 12px/30px arial,sans-serif; height: 30px; padding-right: 28px; margin-right: 10px } .asset .ribbon-module h6,.asset .series-head>h6 { background: url(../../images/components/story-updates-bg.png) no-repeat; color: #fff; float: left; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; font-weight: 400; height: 60px; margin: 8px 0 0; padding-top: 7px; position: relative; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.15); text-transform: uppercase; width: 100%; z-index: 170 } .asset .ribbon-module .author { margin: -20px 0 0 0; position: relative; z-index: 180 } .asset .related-stories h6 { background: url(../../images/components/story-updates-bg.png) no-repeat; color: #fff; float: left; font: 12px 'Futura Today',sans-serif; height: 60px; margin: 25px 0 48px; padding-top: 7px; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 170 } .asset .related-stories ul { border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; float: left; list-style: none; margin-top: -83px; padding: 30px 0 0 20px; position: relative; z-index: 160 } .asset .related-stories ul li { background: url(../../images/components/related_story_icon.png) 16px 3px no-repeat; border-bottom: 1px dotted #e6e6e6; float: left } .asset .related-stories ul li,.asset .related-stories ul li a { color: #333; font: 700 13px/18px arial,sans-serif; margin: 10px 0 0 -19px; padding-left: 19px; padding: 0 4px 10px 19px; width: 296px } .asset .related-stories ul .last { border: 0 } .asset .related-stories ul li a { border: 0 } .asset .related-stories ul li .time_elapsed { float: left; margin: 10px 0 0 25px; width: 100%; font: italic 11px arial,sans-serif; color: #bbb; clear: both } .asset .related-stories ul li .story_name { float: left; margin-left: 25px } .asset h1 { color: #333; font: 700 32px/34px helvetica,arial,sans-serif; margin: 0; padding: 20px 0 0 70px } .asset .gallery-title { font-size: 30px; line-height: 36px; margin-top: 5px } .asset .video-desc { color: #999; font: 11px/18px Arial; padding-top: 10px; margin-bottom: 10px } .story-asset .video-desc { margin-left: 0 } .inline-story-video { display: inline-block; margin: 0 0 10px 70px; position: relative; margin-top: 20px; height: 304px; margin-left: 60px; width: 540px } .inline-story-video .ui-video-play-btn { background: url(../../images/buttons/button_video_play.png) no-repeat; height: 93px; width: 93px; margin-left: -47px; margin-top: -47px; top: 50%; left: 50%; position: absolute } .inline-story-video .gallery-nav { top: 130px } .inline-story-video .gallery-nav-next { background-position: -23px 0; right: 0 } .inline-story-video .gallery-nav-prev { background-position: 0 0; left: 0 } .story-priority-video { margin: 20px 0 16px 70px } .story-priority-video .ui-video-play-btn { background: url(../../images/buttons/button_video_play.png) no-repeat; height: 93px; width: 93px; margin-left: -47px; margin-top: -47px; top: 50%; left: 50% } .story-priority-video-gallery { margin: 20px 0 30px 50px; height: 600px; width: 900px; padding: 10px } .story-priority-video-gallery .gallery-viewport.video-gallery-viewport { box-shadow: 0 2px 11px 2px rgba(0,0,0,.3); font-family: Arial,sans-serif; height: 590px; position: relative; width: 900px; overflow: hidden; padding: 0 } .story-priority-video-gallery .video-gallery-slide.gallery-slide { height: 486px; padding: 10px; width: 880px } .story-priority-video-gallery .video-gallery-description { font-size: 11px; padding-top: 4px; width: 100%; height: 50px } .story-priority-video-gallery .video-gallery-counter { right: 0; top: 4px; color: #666; font-size: 13px; font-weight: 700; position: absolute } .story-priority-video-gallery .gallery-ellipsis { width: 770px } .story-priority-video-gallery .see-more-link { bottom: 0; color: #009bff; font-size: 12px; font-weight: 700; position: absolute; right: 0 } .story-priority-video-gallery .video-gallery-nav { background: url(../../images/sprites/front-arrows.png) no-repeat; height: 58px; margin-top: -29px; width: 32px; top: 260px } .story-priority-video-gallery .video-gallery-nav.next { background-position: -30px 0 } .story-priority-video-gallery .story-priority-video { margin: 0 0 10px } .story-priority-video-gallery .story-priority-video .ui-video-play-btn { background: url(../../images/buttons/button-video-play-small.png) no-repeat; height: 45px; width: 45px; left: auto; margin: auto; right: 10px; top: 82%; visibility: visible } .lt-ie9 .story-video.ui-video .brightcove-video-object>span { width: 100% } .asset .embed { max-width: 560px; padding: 20px 0 0 60px } .lead-in { font: italic 18px/27px arial,sans-serif; margin-top: -2px; margin-left: 60px } .asset .gallery-more h2 { color: #333; font: 400 16px/20px 'Futura Today bold',arial,sans-serif; margin: 0; padding: 10px 0 20px; text-transform: uppercase } .asset .headline-asset-item { margin: 0 20px 16px 0 } .asset .headline-asset-item.end-item { margin-right: 0 } .asset .single-photo p,.asset .map p { color: #646464; font-size: 11px; font-weight: 700; line-height: 16px; margin: 6px 0 0; padding: 0 5px 0 0 } .asset .single-photo .credit { font-style: italic; font-weight: 400 } .single-photo.float { float: left; margin: 5px 20px 20px 60px; width: 180px } .single-photo.expandable-collapsed { position: relative; z-index: 100 } .expand-img-horiz { min-height: 131px } .expand-img-vertical { min-height: 232px } .single-photo.expandable-collapsed .image-wrap { background: #fff; box-shadow: 1px 1px 5px #c8c8c8; padding: 3px; position: relative; cursor: pointer } .image-credit-wrap { padding: 0 } .image-credit-wrap .cutline { display: none } .single-photo.expandable-collapsed .toggle { background: url(../../images/sprites/asset-sprite.png) no-repeat top left; bottom: 0; height: 21px; position: absolute; right: 0; width: 21px; z-index: 200 } .single-photo.expandable-open { position: absolute; left: 0; clear: right; z-index: 100 } .single-photo.expandable-open .image-wrap { background: #fff; box-shadow: 1px 1px 5px #c8c8c8; padding: 3px; position: relative; cursor: pointer } .single-photo.expandable-open .toggle { background: url(../../images/sprites/asset-sprite.png) no-repeat bottom left; bottom: 0; height: 21px; position: absolute; right: 0; width: 21px; z-index: 200 } .single-photo.expandable-open .image-credit-wrap { background: #404040; background: rgba(0,0,0,.75); bottom: 3px; color: #fff; left: 3px; padding: 10px; position: absolute; width: 514px; z-index: 100 } .single-photo.expandable-open .image-credit-wrap .cutline { display: block } .asset .tweet.pulled { border-bottom: 1px dotted #999; border-top: 1px dotted #999; float: left; height: 128px; margin: 20px 0 20px 220px; padding: 30px 0 } .asset .map .mapboxWrap { height: 150px; width: 180px } .asset .map.wide .mapboxWrap { height: 350px; width: 540px } .asset .map .mapboxWrap,.asset .map.wide .mapboxWrap { overflow: hidden; position: relative; z-index: 0 } .asset .map .mapboxWrap .standard-app-map,.asset .map.wide .mapboxWrap .standard-app-map { position: relative; width: 100%; height: 100% } .secondary-interactives { width: 920px; clear: both } .secondary-interactives .interactive-credits .source,.secondary-interactives .interactive-credits .credit { color: #999; font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin-left: 8px; text-align: left } .secondary-interactives .interactive-credits .source { color: #999 } .email-widget { display: none; background: #fff url(../../images/patterns/paper-noise.png) repeat top left; border-radius: 6px; position: absolute; width: 302px; height: 320px; top: 0; left: 9px; box-shadow: 0 2px 12px rgba(0,0,0,.4) } .email-widget:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat -31px -201px; content: ''; display: block; height: 7px; left: 79px; position: absolute; width: 16px; top: -7px; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg) } .email-widget.open { display: block } .email-title { margin: 7px 0 10px 10px; text-align: left } .email-formbox { width: inherit; background-color: #fff; height: 190px; border-bottom: 1px solid #ccc; padding-top: 10px; margin-bottom: 17px; border-top: 1px solid #ccc } .email-widget input,.email-widget textarea { width: 272px; margin: 0; margin-bottom: 10px; padding: 8px; background: #f3f3f3; border: 1px solid #fff; border-top-color: #c4c4c4; border-radius: 3px; box-shadow: inset 0 0 1px rgba(0,0,0,.3); color: #999; display: block; font-size: 11px; outline: 0; margin-left: 5px } .email-widget .error { border: 1px solid red } .email-widget textarea { height: 65px } .email-widget .email-icon { display: inline-block; width: 25px; height: 25px; background: url(../../images/components/utility-contribute-sprite.png) no-repeat 3px -510px } .email-widget .ui-chunky-btn.cancel { margin-right: 14px } .email-widget .ui-chunky-btn.send { padding-right: 25px } .asset .ribbon-module .light-shade .email-widget-success-msg,.asset .story-poll .light-shade .email-widget-success-msg { width: auto } .lt-ie9 .leaflet-tile { filter: inherit } .lt-ie9 .leaflet-vml-shape { height: 1px; width: 1px } .lt-ie9 .lvml { behavior: url(#default#VML); display: inline-block; position: absolute } .lt-ie9 .leaflet-control { display: inline } .lt-ie9 .leaflet-popup-tip { margin: 0 auto; _margin-top: -3px; width: 21px; _width: 27px; filter: progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678)" } .lt-ie9 .leaflet-popup-tip-container { margin-top: -1px } .lt-ie9 .leaflet-popup-content-wrapper,.lt-ie9 .leaflet-popup-tip { border: 1px solid #bbb } .lt-ie9 .leaflet-control-zoom { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3F000000', EndColorStr='#3F000000') } .lt-ie9 .leaflet-control-zoom a { background-color: #eee } .lt-ie9 .leaflet-control-zoom a:hover { background-color: #fff } .lt-ie9 .leaflet-control-attribution,.lt-ie9 .leaflet-control-layers { background: #fff } .article-print-url { display: none; font: 14px/22px arial,sans-serif; margin: 20px 0 0 10px } .inline-story-video .transcript-scroll-fade-left,.inline-story-video .transcript-scroll-fade-right { display: none } .inline-story-video .video-search-display { padding: 0; float: left } .mycapture-image-btn { bottom: auto } .expandable-photo-caption-with-mycapture { float: left; width: 78% } .mycapture-expandable-photo-btn-small { bottom: 3px; right: auto; left: 3px } .mycapture-expandable-photo-btn-large { display: none; font-size: 11px; margin-right: auto; right: 25px; top: 35%; z-index: 101 } .asset .shade { background-color: #f7f7f7 } .asset .light-shade { background-color: #fff; background-color: rgba(255,255,255,.4) } .asset .shadow { box-shadow: inset 0 10px 10px 0 rgba(231,231,231,1) } .asset .border-top,.asset .border-bottom { border-color: #d4d4d4; border-style: none; border-width: 1px } .asset .border-bottom { border-bottom-style: solid } .asset .border-top { border-top-style: solid } #overlay { min-height: 100%; min-height: -webkit-calc(100% - 40px);min-height:calc(100% - 40px);overflow:hidden;width:100%;z-index:110 } .asset { background: #fff url(../../images/patterns/paper-noise.png) repeat top left; margin: 0 auto; padding: 0 30px 0 0; position: relative; width: 950px; z-index: 115 } .asset.fixed { left: 50%; margin-left: -490px; position: fixed; width: 100% } .transition-wrap.staged { position: fixed; top: 40px; width: 100% } .transition-wrap.staged.right { right: -100% } .transition-wrap.staged.left { left: -100% } .transition-wrap { margin: 0 auto; position: relative; width: 100%; z-index: 110 } .partner-inbetween-content { height: 100%; margin: 0 auto; position: relative; overflow: hidden; width: 980px } .asset>.top { min-height: 58px } .asset>.full { margin: 0 -20px 20px; min-height: 33px; width: 960px } .asset-double-wide { float: left; margin-left: 10px; position: relative; width: 600px } .asset-double-wide a { color: #1990e5 } .asset-double-wide .related a { color: #969696 } .asset-double-wide .related a:hover { color: #f5f5f5 } .asset-double-wide p { margin: 0 0 15px 60px; font: 14px/22px arial,sans-serif; color: #333 } .asset-double-wide blockquote p { color: #797979 } .asset-double-wide ul,.asset-double-wide ol { font: 14px/22px arial,sans-serif; color: #333; display: block; margin: 0 0 20px 60px; padding-left: 1.15em; position: relative; left: 10px; z-index: 0 } .asset-double-wide p.lead-in { margin-left: 0; font: 18px/30px arial,sans-serif; color: #333 } .asset .gallery-more { clear: left; min-height: 300px; margin-left: 70px; margin-bottom: 10px } .asset-double-wide img,.asset-double-wide object { max-width: 100% } .asset-double-wide aside.wide { margin-top: 25px; margin-left: 60px } .asset-double-wide aside.content-width { margin-left: 220px; width: 340px } .asset-double-wide .inline-story-video object { max-width: none } .asset>.top,.asset>.bottom,.asset>.full { clear: both } .asset>.top,.asset>.interactive,.asset-double-wide,.asset>.bottom,.asset-double-wide .comp,.asset-double-wide aside { margin-bottom: 20px } .asset-double-wide .comp { margin: 5px 20px 20px 60px } .asset-double-wide .article-metadata-wrap .comp { margin: 0 0 20px } .asset .last-updated { font-weight: 700 } .overlay-arrows { width: 1068px; margin: 0 auto; opacity: 0; z-index: 120 } .no-touch .set-overlay-size-arrow-container:hover { z-index: 116 } .overlay-content-arrows { position: fixed; top: 45%; z-index: 120 } .high-impact-ad-visible .overlay-arrows { display: none } .overlay-content-arrows-next-wrap { margin-left: 1023px } .touch .overlay-content-arrows-next-wrap { margin-left: 1024px } .touch .overlay-content-arrows-previous-wrap { margin-left: -1px } .overlay-arrow-next,.overlay-arrow-previous { color: #fff; display: block; font-size: 12px; height: 80px; width: 45px } .overlay-arrows:hover { z-index: 120 } .overlay-arrow-previous { background: #f2f2f2; background: -moz-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19))); background: -webkit-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -o-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -ms-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: linear-gradient(to right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); display: block } .overlay-arrow-next { background: #f2f2f2; background: -moz-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19))); background: -webkit-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -o-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: -ms-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); background: linear-gradient(to left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%); display: block } @media (max-width: 1069px) { .overlay-arrow-previous,.overlay-arrow-next { display:none } } .overlay-arrows-previous-anchor-image,.overlay-arrows-next-anchor-image { background: transparent url(../../images/global/pagin-assetview-arrows.png) no-repeat; height: 80px; position: absolute; width: 45px; z-index: 1 } .overlay-arrows-anchor:hover>.overlay-arrows-previous-anchor-image { background-position: -2px -4px } .overlay-arrows-anchor:hover>.overlay-arrows-next-anchor-image { background-position: 6px -93px } .overlay-arrows-previous-anchor-image { background-position: -47px -4px } .overlay-arrows-next-anchor-image { background-position: -45px -93px } .previous-story-content-holder,.next-story-content-holder { background-color: #181818; background-color: rgba(24,24,24,.9); display: inline-block; height: 71px; margin-top: 0; overflow: hidden; position: absolute; vertical-align: middle; white-space: nowrap } .previous-story-content-holder { background-position: -3px -3px; border: 1px solid #252525; box-shadow: 1px 1px 3px #101010; display: none; padding: 7px 20px 0 35px; width: 300px } .next-story-content-holder { border: 1px solid #252525; box-shadow: -1px 1px 3px #101010; display: none; padding: 7px 35px 0 20px; right: 0; text-align: right; width: 300px } .overlay-arrows-previous-preview-content,.overlay-arrows-next-preview-content { height: 70px; vertical-align: middle; white-space: nowrap; width: 300px } .next-previous-label { color: #999; font-size: 10px; margin-bottom: 5px; text-transform: uppercase } .next-story-content-holder .next-previous-label,.next-story-content-holder .overlay-arrows-preview-title { margin-right: 10px } .previous-story-content-holder .next-previous-label,.previous-story-content-holder .overlay-arrows-preview-title { margin-left: 10px } .overlay-arrows-preview-title { font-weight: 700; color: #fff; font-size: 14px; line-height: 16px; white-space: normal } .arrow-story-previous-img,.arrow-story-next-img { border: 2px solid #353535; border-radius: 1px; display: inline-block; height: 60px; margin: 0 10px 10px; vertical-align: middle; width: 60px } .arrow-story-previous-img { float: left } .arrow-story-next-img { float: right } .next-story-content-arrow { background: url(../../images/global/pagin-assetview-arrows.png) no-repeat -4px -94px; height: 90px; position: absolute; right: 6px; width: 28px } .previous-story-content-arrow { background: url(../../images/global/pagin-assetview-arrows.png) no-repeat -9px -3px; height: 90px; float: left; margin-left: -3px; width: 28px } .asset-double-wide table { border: 0; border-collapse: collapse; font: 400 13px/1.5 arial,Helvetica,sans-serif; margin: 10px 0 0; width: 100% } .asset-double-wide tr:first-child { background: #fff; text-transform: uppercase } .asset-double-wide tr:first-child { background: 0; border-bottom: 5px solid transparent } .asset-double-wide tr:nth-child(even) { background-color: #f2f2f2 } .asset-double-wide tr:nth-child(2) { border-top: 1px solid #ccc } .asset-double-wide tr:last-child { border-bottom: 1px solid #ccc } .lt-ie9 .asset-double-wide tr { border-bottom: 1px solid #ececec } .asset-double-wide tr:first-child td { color: #343434; padding: 2px 10px 0; font-weight: 700 } .lt-ie9 .asset-double-wide tr:first-child td { padding: 2px 10px 8px } .asset-double-wide td { color: #343434; font-weight: 400; padding: 10px; vertical-align: middle } .asset-double-wide tr:nth-child(2) td { background: url(../../images/patterns/td-top-bdr.jpg) repeat-x; padding: 18px 10px 10px } .asset-double-wide .pull-quote-attribution { margin-top: 15px } .recommended-flyout-container { bottom: 30px; position: fixed; right: 0; z-index: 180 } .recommended-flyout-wrap { bottom: 0; box-shadow: 0 2px 5px 0 rgba(0,0,0,.3); height: 90px; overflow: hidden; position: absolute; right: 0; width: 0; z-index: 175 } .recommended-flyout { background: #09f; border-top: 1px solid #66c2ff; height: 60px; padding: 15px; width: 330px } .recommended-flyout .recommended-flyout-link { text-decoration: none } .recommended-flyout .recommended-flyout-content-image,.recommended-flyout .recommended-flyout-content-headline,.recommended-flyout .recommended-flyout-heading,.recommended-flyout .recommended-flyout-close { display: block } .recommended-flyout .recommended-flyout-content-image { box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); float: left; margin-right: 10px; height: 60px } .recommended-flyout .recommended-flyout-heading { color: #00497a; font-family: 'Futura Today Bold',sans-serif; font-size: 12px; line-height: 12px; margin: 0; padding: 0; text-transform: uppercase } .recommended-flyout .recommended-flyout-content-headline { color: #fff; font-family: Helvetica,sans-serif; font-size: 15px; height: 45px; margin: 7px 0 0; overflow: hidden; text-shadow: 0 1px 0 #007acc } .recommended-flyout .recommended-flyout-close { color: #fff; cursor: pointer; font-size: 20px; position: absolute; left: 335px; text-shadow: 0 1px 0 #007acc; top: 7px; z-index: 180 } .recommended-flyout.closed:before { color: #fff; content: '+'; font-weight: 700; font-size: 28px; right: 4px; position: absolute; text-shadow: 0 1px 0 #007acc; top: 0 } .recommended-flyout.closed .recommended-flyout-content-image,.recommended-flyout.closed .recommended-flyout-content-headline,.recommended-flyout.closed .recommended-flyout-heading,.recommended-flyout.closed .recommended-flyout-close { display: none } .story-navbar { background: #d8d8d8; background: rgba(0,0,0,.2); border-bottom: 2px solid #f2f2f2; border-bottom: 2px solid rgba(0,0,0,.05); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); height: 37px; margin: 0 0 0 40px; padding: 0; width: 940px } .story-navbar-item { display: inline; padding: 0 } a.story-navbar-link { color: #666; float: left; font-size: 13px; font-weight: 700; padding: 10px 16px; text-shadow: 0 1px 1px #fff } .story-navbar-link:hover,.story-navbar-link.story-navbar-link-active { background: #e6e6e6; background: rgba(0,0,0,.1); color: #333 } .asset .content-bar { background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left; color: #999; margin-bottom: 0; margin-left: 40px; min-height: 49px; overflow: hidden; padding: 10px 0 0; position: relative; width: 940px } .asset .content-bar-cannes-lions { padding-top: 0 } .asset .content-bar.content-bar-bottom { margin-bottom: 0; padding-top: 0 } .asset .content-bar .head { display: table; margin: 0 30px 10px } .asset .content-bar.content-bar-bottom .head { margin: 10px 30px } .asset .content-bar-block { color: #666; display: table-cell; font-family: Arial,sans-serif; font-size: 12px; font-weight: 700; padding: 7px 10px; text-align: center; vertical-align: middle; max-width: 200px } .asset .content-bar .head>.sponsor { max-width: none } .asset .content-bar-block-link { color: #666 } .asset .content-bar-block.title { box-sizing: border-box; border-right: 1px solid #dedede; padding: 0 30px 0 0; text-align: right; min-width: 200px; display: table-cell; width: auto } .asset .content-bar .head .sponsor { color: #999; display: table-cell; font-size: 11px; font-weight: 400; line-height: normal; padding: 0; text-align: left; vertical-align: middle } .sponsor-logo-box { display: table } .sponsor-logo-box>.sponsor-logo-img,.sponsor-logo-box>.sponsor-logo-byline { display: table-cell; margin: 0; vertical-align: middle; white-space: nowrap } .sponsor-logo-box>.sponsor-logo-byline { padding: 5px 0 0 } .sponsor-logo-box>.sponsor-logo-img { padding: 0 5px 0 0 } .asset .content-bar-heading { color: #999; font-size: 11px; font-weight: 400; line-height: normal; margin: 0 } .asset .title .content-bar-em { color: #333; display: block; font: 13px/13px 'Futura Today Bold',Arial,sans-serif; font-weight: 400; margin-top: 2px; text-transform: uppercase } .asset .content-bar-block-link:hover { color: #007ccf } .asset .content-bar .border { background: transparent url(../../images/components/sponsored-story-bottom-border.png) repeat-x bottom left; bottom: 0; height: 6px; left: 0; position: absolute; width: 940px } .asset .content-bar.content-bar-bottom .border { background-image: url(../../images/components/sponsored-story-top-border.png); background-position: top left; bottom: auto; top: 0 } .asset .series-nav,.asset .series-partner { display: none } .asset .sponsored .series-nav,.asset .sponsored .series-partner { display: block } .asset .series-head-wrap { background: #00a53c url(../../images/patterns/noise.png) repeat top left } .asset .sponsored .series-head { padding: 20px } .asset .series-head a { color: #fff } .asset .series-head>h6 { margin-bottom: -40px } .asset .sponsored .series-head>h6 { background: 0; float: none; font: 22px 'Futura Today Bold',helvetica,sans-serif; height: auto; margin: 0; padding: 0; text-align: left; text-transform: uppercase } .asset .series-head ul { margin: 10px 0 0; overflow: hidden } .asset .series-head li { border-left: 1px solid #ebebeb; border-left: 1px solid rgba(235,235,235,.4); border-right: 1px solid #333; border-right: 1px solid rgba(51,51,51,.2); float: left; padding: 0 15px } .asset .series-head li:first-child { border-left: 0; padding-left: 0 } .asset .series-head li:last-child { border-right: 0; padding-right: 0 } .asset .series-head li a { background: url(../../images/buttons/sprite-hero.png) no-repeat top left; font-size: 14px; font-weight: 700; padding: 1px 0 0 22px } .asset .series-partner hr { border-bottom: 1px solid #ebebeb; border-bottom: 1px solid rgba(235,235,235,.4); border-top: 1px solid #333; border-top: 1px solid rgba(51,51,51,.2); height: 0; margin: 0 } .asset .series-partner p { color: #fff; font-size: 11px; font-weight: 700; line-height: 40px; padding: 0 20px } .series-promo-list { text-align: left } .series-promo-item { border: 0; border-top: 1px dashed #e6e6e6; list-style: none; min-height: 80px; padding: 20px } .series-promo-play-btn.play-btn-m { position: absolute; right: 20px; bottom: 0 } .series-promo-item:first-child { border-top: 0; padding-top: 10 } .series-promo-headline { margin: 0 } a.series-promo-headline-link { color: #333 } .series-promo-meta { color: #989898; font-weight: 700; font-size: 11px; margin-top: 5px; text-align: left } .series-promo-meta>a { font-weight: 700 } .series-promo-thumb-link { float: left; position: relative; width: 100px } .story-right-rail { float: right; margin-bottom: 30px; width: 320px } .story-right-rail>div.ribbon-module,.story-right-rail>div.story-poll { display: block; width: 320px; min-height: 100px; padding: 0; margin: 0 } .story-right-rail>.related-stories { display: block; min-height: 100px; padding: 0; width: 322px } .story-ribbon { margin-bottom: 30px; padding-top: 30px; position: relative } .story-ribbon .ui-light.ui-opaque.ui-btn { margin: 0 20px 20px } .story-ribbon-title { background: url(../../images/components/story-updates-bg.png) no-repeat; color: #fff; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; font-weight: 400; height: 60px; margin: 0; padding-top: 7px; position: absolute; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.15); text-transform: uppercase; top: 0; width: 100%; z-index: 10 } .story-ribbon-title>a { color: #fff } .story-ribbon-content { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-top: 40px; position: relative; text-align: center; width: 318px; z-index: 0 } .story-ribbon-content p { color: #999; font: 12px/16px arial,sans-serif; margin: 0 auto; text-align: center; width: 265px; padding-top: 0 } .story-ribbon-content .full-bio { border: medium none; height: 20px; padding: 0 } .story-ribbon-content .full-bio-inline { background: url(../../images/components/full-bio-arrow.png) no-repeat 0 6px; color: #333; display: inline-block; font: 700 12px/30px arial,sans-serif; height: 30px; margin-left: 10px; width: 95px } .media-view { background: #2C2C2C url(../../images/modules/search/sidebar-bg.png) 0 0 repeat; color: #fff; height: 100%; height: -moz-calc(100% - 40px);height:-webkit-calc(100% - 40px);height:calc(100% - 40px); min-width:1024px;position:absolute;width:100%} .media-view-video { height: 900px } .media-view-viewport { background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat; display: table; height: 100%; width: 100% } .media-view.ui-loading { background-color: #323232 } .media-view.cinematic-view { background: #222 url(../../images/patterns/darker-noise.png) 0 0 repeat } .media-view .hidden { display: none } .media-sidebar { background: #1e1e1e; display: table-cell; width: 120px; z-index: 10 } .media-sidebar-list { width: 120px } .media-sidenav-link:hover { color: #fff } .media-sidenav-item { border-bottom: 1px solid #090909; box-shadow: 0 1px 0 #2e2e2e; line-height: 1; position: relative } .media-sidenav-mostpopular:after,.media-sidenav-mostpopular>.media-sidenav-link:after { display: none } .media-sidenav-item.top.active { border-bottom: 0; box-shadow: none } a.media-sidenav-link { color: #fff; display: block; font-family: 'Futura Today',Arial,sans-serif; font-size: 12px; font-weight: 700; padding: 14px 10px 14px 15px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.8); width: 95px } .media-sidenav-item:after { background: transparent url(../../images/sprites/media-sprite.png) -80px -20px no-repeat; content: ''; height: 20px; position: absolute; top: 9px; right: 9px; width: 20px } .media-sidenav-link:after { background: transparent url(../../images/sprites/media-sprite.png) -160px 0 no-repeat; content: ''; height: 20px; position: absolute; top: 10px; right: 9px; width: 20px } .media-sidenav-item:hover { background: #171717; background: rgba(0,0,0,.2) } .media-sidenav-item.active>.media-sidenav-link { background: transparent url(../../images/sprites/media-sprite.png) 0 -60px no-repeat; width: 105px } .media-sidenav-item.sub.active>.media-sidenav-link:after { background-position: -120px 0 } .media-sidenav-item.sub.active.collapsed .media-sidenav-link:after { background-position: -140px 0 } .media-sidenav-item.sub-active>.media-sidenav-link { color: #1ea3ff; background: #171717; background: rgba(0,0,0,.2) } .media-sidenav-item.sub-active>.media-sidenav-link:after { background-position: -120px -20px } .media-sidenav-item.sub-active>.media-sidenav-sublist,.media-sidenav-item.active>.media-sidenav-sublist { display: block } .media-sidenav-sublist { box-shadow: inset 0 1px 0 rgba(255,255,255,.08); border-top: 1px solid #333; border-top: 1px solid rgba(0,0,0,.8); display: none; padding: 0 } .media-sidenav-sublink.active,a.media-sidenav-sublink:hover { color: #fff } a.media-sidenav-sublink { font: 700 11px/24px arial,sans-serif; color: #6b6b6b; text-transform: none; padding: 3px 0 3px 20px; display: block } .media-view .ad-container { float: left; width: 320px; margin: 20px 0 0 20px } .media-view .ad-container .ad { background: #191919; background: rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(255,255,255,.1),inset 0 1px 2px rgba(0,0,0,.6); padding: 5px 10px 11px } .media-view .ad-container .ad img { box-shadow: 0 1px 2px rgba(0,0,0,1) } .media-view .ad-container .ad figcaption { font-size: 9px; font-weight: 700; text-transform: uppercase; color: #555; color: rgba(255,255,255,.2); text-align: center; margin: 2px 0 6px } .media-index-content { background-position: 0 0; background-repeat: repeat; border-left: 1px solid #464646; border-left: 1px solid rgba(255,255,255,.1); display: table-cell; -webkit-transition: top .25s ease; -moz-transition: top .25s ease; -o-transition: top .25s ease; -ms-transition: top .25s ease; transition: top .25s ease } .media-filter-wrapper { border-top: 1px solid #101010; box-shadow: 0 1px 0 rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.08); border-bottom: 1px solid #131313; padding: 12px 20px 14px 40px; height: 30px } .media-view-filter-button-toggle { display: inline-block } .media-view-filter-videos-btn:before,.media-view-filter-interactives-btn:before,.media-view-filter-photos-btn:before { background: transparent url(../../images/sprites/media-sprite.png) -240px 0 no-repeat; content: ''; height: 20px; top: 5px; width: 20px; display: inline-block; position: relative; margin-right: 5px; overflow: hidden } .media-view-filter-videos-btn:before { background-position: -247px 0; width: 10px } .media-view-filter-photos-btn:before { background-position: -282px 0 } .media-view-filter-interactives-btn { padding-left: 34px } .media-view-filter-interactives-btn:before { background-position: -203px 0; left: 10px } .media-filter-wrapper .dropdown { display: inline-block; height: 32px; vertical-align: top } .media-filter-wrapper .sort-label { color: #999; font-size: 12px; font-weight: 700; margin: 0 10px 0 20px; display: inline-block } .media-view-sort-by-dropdown { display: inline-block; width: 132px; outline: 0 } .media-view-sort-by-dropdown-item-wrap { top: 0 } .ui-dropdown .media-view-sort-by-dropdown-item-wrap .media-view-sort-by-dropdown-item { padding: 0 } .media-view-sort-by-dropdown-item .ui-dropdown-item-link { display: block; line-height: normal; padding: 8px 10px } .media-content { margin: 1px 15px 0; width: 747px } .media-grid-section-h1 { font-size: 35px; margin: 10px 0 } .media-content-empty { display: block; margin: 20px 0 } .media-grid-ul { list-style: none; margin: 4px 0 0; padding: 0 } .medialistitems { float: left; height: 175px; margin-right: 10px; width: 170px } .media-list-link { display: block } .media-list-link:hover .thumbnail { background: #8d8d8d } .media-list-link:hover .grid-fig-capt { color: #fff } .mediaview-featured { float: left; height: 280px; width: 350px } .mediaview-featured .grid-figure .thumbnail { width: 340px; height: 190px } .media-gallery-bg { background: #646464; border: 1px solid #000; box-shadow: 0 4px 8px rgba(0,0,0,.4); display: block; position: absolute; width: 160px; height: 90px; margin-bottom: 5px; padding: 4px 5px 5px } .mediaview-featured .media-gallery-bg { width: 340px; height: 190px } .media-gallery-bg.one { left: 4px; top: 4px } .media-gallery-bg.two { left: 2px; top: 2px } .mediaview-featured .meta { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg) } .media-view .featured .grid-fig-capt { font-size: 14px } .media-grid-ul .medialistitems .grid-figure { position: relative } .media-grid-ul .medialistitems .grid-figure.gallery { background: 0; margin: 0; width: auto; position: relative; z-index: 19; top: 0; box-shadow: none; padding: 0 } .media-grid-ul .medialistitems .thumb-img { height: 90px; overflow: hidden; width: 160px } .media-grid-ul .mediaview-featured .thumb-img { height: 190px; width: 340px } .medialistitems .thumbnail { background: #646464; border-top: 1px solid #939393; box-shadow: 0 4px 8px rgba(0,0,0,.4); display: block; margin-bottom: 5px; padding: 4px 5px 5px; position: relative; width: 160px; height: 90px; -moz-transition: background .25s linear; -ms-transition: background .25s linear; -o-transition: background .25s linear; -webkit-transition: background .25s linear; transition: background .25s linear } .medialistitems .gallery>.thumbnail { border: 1px solid #000; border-top: 1px inset #000 } .media-figure-meta { opacity: 0; visibility: hidden; position: absolute; top: 5px; left: 2px; font-style: normal; margin: 0; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); -o-transform: rotateX(-80deg); -ms-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .lt-ie10 .media-figure-meta { top: -105px } .lt-ie10 .mediaview-featured .media-figure-meta { top: -205px } .media-grid-ul .medialistitems:hover .media-figure-meta,.mediaview-featured .media-figure-meta { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg) } .grid-figure>.media-figure-meta>.parent-label { display: block; float: left; left: 3px; position: relative; top: 0 } .grid-figure>.media-figure-meta>.duration { background: #292929; background: rgba(0,0,0,.7); color: #fff; display: block; float: left; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 6px 5px; position: relative } .play-btn-xl { background: url(../../images/buttons/button_video_play_small.png) 0 0 no-repeat; bottom: 10px; height: 45px; margin: -25px 0 0 -23px; position: absolute; right: 10px; width: 45px } .media-view .grid-fig-capt { color: #999; font-size: 12px; font-weight: 700; line-height: 1.4; margin: 10px 5px 0; -moz-transition: color .25s linear; -ms-transition: color .25s linear; -o-transition: color .25s linear; -webkit-transition: color .25s linear; transition: color .25s linear } .media-grid-list-meta { color: #666; font-size: 11px; font-style: italic; list-style: none; margin: 0 2px; padding: 0 } .media-grid-list-meta .media-list-link,.media-grid-list-meta .media-list-link:visited { color: #666 } .media-grid-list-meta-li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 6em } .media-grid-list-meta-li.date { padding-left: 18px; line-height: 20px } .mediaview-featured .media-grid-list-meta-li { width: auto } .media-grid-list-meta-li.author { padding-left: 20px; display: none } .mediaview-featured .media-grid-list-meta-li.author { padding-left: 20px; display: inline-block } .media-grid-list-meta-li.author:before { background: transparent url(../../images/sprites/media-sprite.png) -320px 0 no-repeat; content: ''; height: 20px; left: 2px; top: -5px; position: absolute; width: 20px } .media-view .cinematic-side-nav { background-color: #3d3d3d; height: 40px; left: 0; position: relative; top: 0; width: 100%; z-index: 10 } .media-view .cinematic-side-nav .back-to-media { background: transparent url(../../images/sprites/gal-nav.png) 6px -144px no-repeat; display: block; font-size: 12px; font-weight: 700; color: #fff; height: 25px; line-height: 25px; padding: 8px 0 7px 6px; min-width: 30px; text-indent: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-clip: content-box; margin: 0 } .lt-ie9 .media-view .cinematic-side-nav .back-to-media { background-position: 6px -152px; line-height: 5px; vertical-align: middle; height: 20px; margin-top: 10px } .cinematic-side-nav-ul { display: table; width: 100%; empty-cells: show } .cinematic-side-nav-ul .parent-label { position: relative; left: 0; top: -2px } .cinematic-side-nav-li { display: table-cell; vertical-align: middle } .lt-ie9 .cinematic-side-nav-li { display: table-cell; vertical-align: middle } .cinematic-side-nav-li.fixed { width: 30px } .media-main-view { background: #222 url(../../images/patterns/darker-noise.png) repeat 0 0; bottom: 0; position: absolute; top: 40px; width: 100% } .media-view .playlist-wrapper { overflow: hidden; position: relative; width: 100% } .media-playlist.open { bottom: 0 } .media-playlist.initial { bottom: -203px } .media-playlist { bottom: -163px; background: #242424 url(../../images/patterns/noise.png) 0 0 repeat; position: fixed; width: 100%; z-index: 10; height: 200px; -webkit-transition: bottom 200ms linear; -moz-transition: bottom 200ms linear; -o-transition: bottom 200ms linear; -ms-transition: bottom 200ms linear; transition: bottom 200ms linear } .media-tabs { box-shadow: 0 -4px 9px rgba(0,0,0,.5) } .media-tabs-ul { background: #0d0d0d; border-top: 1px solid #212121; height: 36px } .media-tabs-li { border-right: 1px solid #1e1e1e; border-right: 1px solid rgba(255,255,255,.08); float: left } .media-tabs-li.active,.media-tabs-li .media-more-link:hover { background: #242424 url(../../images/patterns/noise.png) 0 0 repeat } .media-tabs-li { color: #fff; cursor: pointer; display: block; font-family: Arial; font-size: 12px; font-weight: 600; letter-spacing: 1px; padding: 10px } .media-tabs-li.more-from span { text-transform: capitalize } .media-tabs-li.expando { float: right } .media-tabs-li.expando { height: 16px; text-indent: -9999em; overflow: hidden; width: 20px } .media-tabs-li.expando { background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -89px no-repeat!important } .open .media-tabs-li.expando { background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -132px no-repeat!important } .media-view .playlist { height: 170px; position: absolute; top: 36px; width: 100% } .media-view .playlist { padding: 14px } .media-playlist-li { float: left; width: 180px; opacity: .5 } .media-playlist-li.active,.media-playlist-li:hover { opacity: 1 } .media-playlist-li.active .image,.media-playlist-li:hover .image { background-color: #1ea3ff; border-top: 1px solid #1ea3ff } .media-playlist-li .image.gallery { box-shadow: 1px 1px 0 #000,2px 2px 0 #646464,3px 3px 0 #000,4px 4px 0 #646464; top: 0 } .media-playlist-li .media-more-link { display: block } .media-playlist-li .image { background: #646464 url(../../images/patterns/noise.png) 0 0 repeat; border-top: 1px solid #939393; display: block; height: 90px; margin: auto; padding: 5px; width: 160px } .media-playlist-li .caption { color: #fff; display: block; font-family: Arial; font-size: 12px; font-weight: 600; height: 32px; margin: 9px auto; overflow: hidden; text-align: center; width: 160px } .media-view .playlist.recommended .image { overflow: hidden; text-align: center } .media-playlist-recommended-img { height: 100% } .partner-media-ad { height: 615px; position: absolute; width: 100% } .media-view .image-view { padding: 10px; text-align: center } .media-view .video-view { padding: 10px } .article-cinematic-video .video .meta { margin: 10px 0 3px } .media-view .video-view .video { margin: 0 auto } .galleries.video { height: auto } .galleries.video>.viewport { padding-top: 0 } .galleries.video .caption { font: 13px arial; color: #666 } .galleries.video .caption>.credit { font-size: 11px } .video-view .ui-video-play-btn { background: url(../../images/buttons/button_video_play.png) no-repeat; height: 93px; width: 93px; margin-left: -47px; margin-top: -47px; top: 50%; left: 50%; position: absolute } .video-view .video-endslate { padding: 0 } .gallery.article-cinematic-video { background-color: #1a1a1a; background-color: rgba(27,27,27,.6); margin: 6px auto 110px; width: 820px; position: relative; box-shadow: 0 1px 5px #151515 inset; top: 14px; padding: 10px 10px 0; z-index: 1 } .media-view .cinematic-view .gallery { background-color: #1a1a1a; background-color: rgba(27,27,27,.6); margin: 0 auto; padding: 0; z-index: 1; position: relative; top: 0; box-shadow: 0 1px 5px #151515 inset } .media-view .medialistitems .gallery { position: static; width: 170px } .media-view .gallery .header { color: #6e6e6e; font-family: Arial,sans-serif; font-size: 12px; height: 30px; width: 100%; padding: 5px 10px; margin-top: -70px; position: absolute; z-index: 40; margin-left: -20px } .cinematic-header-headline { text-align: center; min-width: 810px; margin-left: 0; vertical-align: top; padding-top: 4px } .lt-ie9 .cinematic-header-headline { padding-top: 0 } .lt-ie9 .cinematic-side-nav-li { height: 40px } .cinematic-header-headline>.cinematic-headline-div { display: inline-block; width: auto; color: #fff; font-size: 18px; font-weight: 700 } .cinematic-header-headline>.title { margin: 3px 8px } .lt-ie9 .cinematic-header-headline>.title { margin: 0 8px 6px } .cinematic-headline-date>.date { color: #999; font-size: 11px; width: 7em } .lt-ie9 .cinematic-headline-date>.date { line-height: 35px; height: 40px; margin: 0; padding: 0 } .media-view .gallery .right { color: #666; font-family: Arial,sans-serif; font-size: 11px; width: 90px } .cinematic-right-div { padding: 3px 3px 3px 24px } .media-view .gallery .view-story { background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -24px no-repeat; color: #c8c8c8; font-weight: 700 } .media-view .gallery .views { background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -43px no-repeat; font-size: 11px } .media-grid-list-meta-li.date,.media-view .type-gallery .date { background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -60px no-repeat; font-size: 11px } .media-view .type-gallery .vertical-divider { background-color: #000; border-top: 0; border-left: 1px solid #232323; border-right: 1px solid #232323; float: left; height: 60px; width: 1px; margin: 10px 20px } .media-view .gallery .header .meta,.media-view .gallery .header .subtitle,.media-view .gallery .header .title { clear: none; color: #fff; float: left; font-size: 18px; font-weight: 700; margin-top: 1px; width: auto; position: static; border: 0 } .media-view .gallery .header .title { margin: 3px 8px } .media-view .gallery .header .parent-label { position: inherit } .media-view .gallery .header .left { float: left; height: 80px; overflow: hidden; width: 644px; position: absolute; z-index: 300 } .media-view .thumb-item>.thumb-link { border: 5px solid transparent } .media-view .thumb-item.active>.thumb-link { border-color: #1ea3ff } .media-view .thumb-link>.thumb-image { opacity: .6 } .media-view .thumb-link:hover>.thumb-image,.media-view .thumb-item.active>.thumb-link>.thumb-image { opacity: 1 } .media-view .feature-btns { display: block; height: 36px; margin: 0 10px; z-index: 300; width: 800px } .media-view .feature-btns>.media-feature-btns { background: #1c1c1c; border: 1px solid #333; border-radius: 3px; color: #fff; cursor: pointer; clear: none; font: 700 11px sans-serif; height: 8px; margin: 3px 6px; padding: 6px 27px 11px; display: inline-block; overflow: hidden; width: auto } .media-view .media-cinematic-actions { padding: 0; width: auto } .media-tabs .feature-btns { height: auto; overflow: hidden; width: auto; display: table; float: left } .media-view .feature-btns .ticker { margin-top: 2px } .media-view .feature-btns div { margin-top: 4px } .media-view .feature-btns .fullscreen,.media-view .galleries .meta .toolbox { display: none } .media-view .feature-btns .fullscreen .fullscreenLabel { background: url(../../images/components/ft-share-btns.png) -170px -4px no-repeat; height: 20px; margin-left: -2px; overflow: hidden; padding: 0; text-indent: -99999px; width: 20px } .media-view .feature-btns .fullscreen:hover .fullscreenLabel { background-position: -212px -4px } .media-feature-btns>span { background: url(../../images/sprites/gal-nav.png) no-repeat; height: 12px; padding-left: 15px; float: left } .media-feature-btns>.pause { background-position: 0 -35px } .media-feature-btns .thumbnails .thumbLabel { background-position: 0 -11px; padding-left: 20px; width: 96px } .lt-ie9 .media-feature-btns .thumbnails .thumbLabel { width: 124px } .media-feature-btns .captions .captionLabel { background-position: 0 -23px; padding-left: 30px; width: 82px } .medialistitems:nth-child(-n+1) .thumbnail,.medialistitems:nth-child(-n+1) .media-gallery-bg,.medialistitems:nth-child(-n+1) .thumbnail .thumb-img { width: 340px; height: 190px } .media-grid-ul>.medialistitems:nth-child(-n+1){width:350px;height:280px}.medialistitems:nth-child(-n+1) .meta.gallery .author{display:inline-block} .media-view .media-main-view .galleries .slide-nav { opacity: 1; visibility: visible; display: none } .back-to-media { width: 30px } @media only screen and (min-width: 907px) { .medialistitems:nth-child(-n+2) .thumbnail,.medialistitems:nth-child(-n+2) .media-gallery-bg,.medialistitems:nth-child(-n+2) .thumbnail>.thumb-img { width:340px; height: 190px } .media-grid-ul>.medialistitems:nth-child(-n+2){width:350px;height:280px}.medialistitems:nth-child(-n+2) .meta.gallery .author{display:inline-block} } @media only screen and (min-width: 1267px) { .media-content { width:1087px } .back-to-media { width: 175px } .cinematic-side-nav-li.fixed { width: 22% } .medialistitems:nth-child(-n+3) .thumbnail,.medialistitems:nth-child(-n+3) .media-gallery-bg,.medialistitems:nth-child(-n+3) .thumbnail>.thumb-img { width: 340px; height: 190px } .media-grid-ul>.medialistitems:nth-child(-n+3){width:350px;height:280px}.medialistitems:nth-child(-n+3) ul.gallery .author{display:inline-block} } @media only screen and (min-width: 1620px) { .media-content { width:1440px } .medialistitems:nth-child(-n+4) .thumbnail,.medialistitems:nth-child(-n+4) .media-gallery-bg,.medialistitems:nth-child(-n+4) .thumbnail>.thumb-img { width: 340px; height: 190px } .medialistitems:nth-child(-n+4){width:350px;height:280px}.medialistitems:nth-child(-n+4) ul.gallery .author{display:inline-block} } @media only screen and (min-width: 1980px) { .media-content { width:1800px } .medialistitems:nth-child(-n+5) .thumbnail,.medialistitems:nth-child(-n+5) .media-gallery-bg,.medialistitems:nth-child(-n+5) .thumbnail>.thumb-img { width: 340px; height: 190px } .medialistitems:nth-child(-n+5){width:350px;height:280px}.medialistitems:nth-child(-n+5) ul.gallery .author{display:inline-block} } .partner-gallery-skin .ad-slot>iframe { display: none } .partner-gallery-skin { bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; z-index: 0 } .partner-gallery-skin>iframe { display: block } .video-view .video-full-transcript-control,.video-view .video-full-transcript { margin-left: 0 } .video-view .video-desc { font: 11px/18px Arial; margin-bottom: 10px } .video-view .ui-video-controls { margin: 15px 0 0 } .video-view .video-keywords-display,.video-view .video-search-display,.video-view .no-results,.video-view .video-search-term { color: #fff } .galleries.video .text-transcript-caption { color: #fff } .galleries.video .active-transcript { color: #009bff } .video-view .transcript-scroll-fade-left { background: url(../../images/components/utility-btns.png) -800px -218px; width: 14px; height: 20px; position: absolute; left: 323px; margin-top: -20px } .video-view .transcript-scroll-fade-right { background: url(../../images/components/utility-btns.png) -730px -278px; width: 30px; height: 20px; position: absolute; right: 66px; margin-top: -17px } .error404 { text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.004); width: 980px; margin-top: 80px } .error404 .head,.error404 .info,.error404 .message { margin: 0 auto } .error404 .clues { font: arial,serif; color: #bbb } .error404 .head { font: 400 4.01em/1 'Futura Today Bold',arial,sans-serif; text-shadow: rgba(0,0,0,.5) -1px 0,rgba(0,0,0,.3) 0 -1px,rgba(255,255,255,.5) 0 1px,rgba(0,0,0,.3) -1px -1px; color: #d0d0d0; padding: 0 } .error404 .info { font-size: 1.625em; line-height: 2; color: #ff6400; padding-bottom: .5em } .error404 .message { font-size: 1.125em; font-weight: 400; line-height: 1.5; color: #666 } .search .clues { position: absolute; bottom: 0; right: 0; display: inline-block } .news .clues { display: inline-block; right: 0; position: absolute; bottom: 0 } #footer_wrap { width: 980px; display: inline-block; margin-left: 0; margin-top: 50px } .overlay-everything .site-footer-fixed-width { width: 840px } .overlay-everything .footer nav { padding-bottom: 50px; width: 100% } .cards { min-height: 100%; min-height: 100vh; overflow: hidden; width: 100% } .card-wrap-primary-flex-sidebar-page { background: rgba(0,0,0,0) no-repeat top center; left: 0; margin: 0 auto 40px; padding-top: 50px; position: relative; top: 0; width: 1080px } .theme-bg-ssts-label { background-color: #6f6f6f; color: #fff; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 1px; line-height: 9px; padding: 4px; text-transform: uppercase } @media (min-width: 1321px) { .card-wrap-primary-flex-sidebar-page { width:1320px } } .card-primary-wrapper { background: #fff url(../../images/patterns/noise_fff.png) repeat top left; position: relative; width: 840px; z-index: 15 } .card-primary-modules { float: left; width: 720px } .card-primary-flex-modules.card-primary-wrapper { background: #fff; width: 720px } .card-primary-suspender { clear: both; position: relative; width: 100% } .card-full-width { clear: both; position: relative } .primary-module { border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid rgba(0,0,0,.15); border-right: 1px solid #e1e1e1; border-right: 1px solid rgba(0,0,0,.15); -moz-box-sizing: border-box; box-sizing: border-box; width: 720px; position: relative } .primary-module-primary-suspender-sidebar-page { float: right } .primary-module-primary-flex-sidebar-page { border-left: 1px solid #ccc; border-bottom: 1px solid #e6e6e6; border-width: 0 0 1px 1px; float: left } @media (min-width: 1321px) { .primary-module-primary-flex-sidebar-page-last { border-bottom:0 } } .primary-flex-module { border-bottom: 1px solid #e6e6e6; border-left: 1px solid #ccc } .primary-flex-module.bottom-primary-flex-module { border-bottom: 1px solid #ccc } .secondary-module { border-bottom: 1px solid #e6e6e6 } .secondary-module-last { border-bottom: 0 } @media (max-width: 1320px) { .secondary-module { border-left:1px solid #ccc } } .card-suspender { border-top: 1px solid rgba(0,0,0,.15); clear: both; color: #fff; float: left; margin-top: -1px; position: relative; width: 120px } .card-section-name { color: #fff; font-family: 'Futura Today Bold',Arial,sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 1px; line-height: 13px; margin: 0; padding: 15px 5px 10px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.15); text-transform: uppercase } .card-subsection-item { border-bottom: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,225,.14); font-size: 13px; font-weight: 700; line-height: 16px; padding: 0 } .card-subsection-item.selected { background-color: rgba(0,0,0,.2); border-bottom: 0; border-top-color: rgba(0,0,0,.35) } .card-subsection-item:hover { background-color: transparent; background-color: rgba(0,0,0,.05); border-bottom-color: rgba(0,0,0,.05); border-top-color: rgba(0,0,0,.05); cursor: pointer } .card-section-link,.card-section-link:visited,.card-section-link:hover { color: #fff; display: block } .card-subsection-link,.card-subsection-link:visited,.card-subsection-link:hover { color: #fff; display: block; padding: 10px 10px 10px 15px } .card-suspender-title { color: #fff; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; line-height: 13px; margin: 0 0 0 1px; padding: 14px 8px 10px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.15); text-transform: uppercase; width: 103px } .card-suspender-color { background: url(../../images/patterns/noise.png) repeat top left; bottom: 0; left: 0; position: absolute; top: 0; width: 120px } .card-suspender-color { background-color: #009bff } .partner-background .card-container { background: transparent } .card-container,#cards-offset-placeholder { background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top left } .card-container { left: 0; margin-bottom: 20px; position: relative; z-index: 0 } .card-wrap { background: transparent no-repeat top center; left: 0; margin: 0 auto; padding-top: 50px; position: relative; top: 0 } .card-wrap-primary-suspender-sidebar-page { width: 840px } .card-wrap.hidden { display: none } .card-primary-suspender-sidebar-page,.card-primary-flex-sidebar-page { position: relative; z-index: 5 } .card div.sh_bottom { background: rgba(0,0,0,.05); bottom: -8px; box-sizing: border-box; height: 8px; left: 10px; position: absolute; right: 10px; z-index: 0 } .card-wrap-behind-overlay { bottom: 0; left: 0; position: absolute; padding: 0; right: 0; z-index: 0 } .card-wrap-primary-flex-sidebar-page>.card-loading>.card-suspender-color,.card-wrap-primary-flex-sidebar-page>.card-loading>.sidebar { display: none } .card-wrap-primary-flex-sidebar-page.card-wrap-behind-overlay>.card-loading { background: #2b2b2b } .card-primary-secondary-modules { background: #fff; border-bottom: 1px solid #e0e0e0; float: left; position: relative } @media only screen and (min-width: 1150px) { .card-wrap-primary-suspender-sidebar-page { width:1080px } } @media only screen and (min-width: 1250px) { .card-wrap-primary-suspender-sidebar-page { width:1180px } } @media (max-width: 1320px) { .card-secondary-modules { clear:both } } @media (min-width: 1321px) { .card-primary-flex-modules.card-primary-wrapper { width:960px } .card-secondary-modules { float: right; width: 240px } .card-primary-secondary-modules:after { background: #e6e6e6; bottom: 0; content: ''; display: block; left: 720px; position: absolute; top: 0; width: 1px } .card-primary-secondary-modules:before { background: #ccc; bottom: 0; content: ''; display: block; left: 0; position: absolute; top: 0; width: 1px } } .third-party .card { width: 840px; margin: 0 auto } .front-overlay-arrows { position: fixed; top: 45%; left: 0; width: 100%; height: 0; z-index: 4 } .no-touch .front-overlay-arrows:hover { z-index: 101 } .high-impact-ad-visible .front-overlay-arrows { display: none } @media only screen and (max-height: 395px) { .front-arrow-wrapper { display:none } } @media (max-width: 979px) { .front-arrow-wrapper { display:none } } @media (min-width: 980px) { .front-arrow-wrapper { margin:0 auto; position: relative } } @media (min-width: 1150px) { .front-arrow-wrapper { margin:0 auto; position: relative } } @media (min-width: 1250px) { .front-arrow-wrapper { position:relative; margin: 0 auto } } #cards-prev-link,#cards-next-link { -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; height: 55px; position: relative; visibility: hidden; width: 55px; z-index: 100 } #cards-prev-link { float: left } #cards-next-link { float: right } .cards-nav-icon:before { color: #4c4c4c; display: block; height: 55px; font-family: 'Gannett Icons'; font-size: 55px; line-height: 79px; position: relative; top: -11px; width: 29px } #cards-prev-link .cards-nav-icon:before { content: '<' } #cards-next-link .cards-nav-icon:before { content: '>' } .front-overlay-next-arrows-anchor,.front-overlay-prev-arrows-anchor { background-color: #242424; height: 55px; position: absolute; top: 0; transition: left .1s ease-out,right .1s ease-out } .front-overlay-next-arrows-anchor { padding: 0 20px 0 30px; right: -200px } .front-overlay-prev-arrows-anchor { padding: 0 30px 0 20px; left: -200px } .no-touch #cards-next-link:hover .front-overlay-next-arrows-anchor { right: 0 } .no-touch #cards-prev-link:hover .front-overlay-prev-arrows-anchor { left: 0 } .front-prev-arrow-label,.front-next-arrow-label { color: #fff; font: 13px/18px 'Futura Today DemiBold',Arial,sans-serif; margin-top: 18px; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.5); white-space: nowrap } .front-next-arrow-label:after,.front-prev-arrow-label:before { display: inline-block; font-family: 'Gannett Icons'; font-weight: 700; font-size: 12px; position: relative; top: 1px } .front-next-arrow-label:after { content: '>'; margin-left: 6px } .front-prev-arrow-label:before { content: '<'; margin-right: 6px } .front-prev-story-content-holder { -webkit-transition: left .3s ease-in-out; -moz-transition: left .3s ease-in-out } .front-next-story-content-holder { -webkit-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out } .stag-masthead>h1 { color: #fff; font: 700 50px/54px 'helvetica neue',arial,sans-serif; text-shadow: 4px 3px 3px rgba(0,0,0,.4); margin: 0 0 25px } #topic-card.fixed { position: fixed; width: 100% } #topic-card footer { position: relative } .card-loading { background: #fff url(../../images/preloaders/loop-loader.gif) no-repeat 48% 300px; box-shadow: none; height: 100%; position: relative } .card-loading::before,.card-loading::after { background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top; content: ''; display: none; position: absolute } .card-loading::before { height: 30px; left: 0; top: -30px; width: 100% } .card-loading::after { height: 480px; right: -30px; top: -30px; width: 30px } .sports.card-loading { background-image: url(../../images/preloaders/loop-loader_sports.gif) } .life.card-loading { background-image: url(../../images/preloaders/loop-loader_life.gif) } .money.card-loading { background-image: url(../../images/preloaders/loop-loader_money.gif) } .tech.card-loading { background-image: url(../../images/preloaders/loop-loader_tech.gif) } .travel.card-loading { background-image: url(../../images/preloaders/loop-loader_travel.gif) } .opinion.card-loading { background-image: url(../../images/preloaders/loop-loader_opinion.gif) } .weather.card-loading { background-image: url(../../images/preloaders/loop-loader_weather.gif) } .card-loading-border { border: 1px solid #e9e9e9; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; height: 100% } .punchout-cover { display: none } .punchout-cover.show { display: block; height: 20px; background-image: url(../../images/patterns/noise_f6f6f6.png); margin-top: -21px } .card-primary .ui-loader { display: block; width: 720px; height: 100%; position: absolute; top: 0; right: 0; z-index: 500 } .card-primary .ui-loader .loading-icon { display: block; width: 65px; height: 65px; margin-left: -32px; margin-top: -32px; left: 50%; position: absolute; top: 50%; background: url(../../images/preloaders/windmill-loader_2x_light.gif) no-repeat 0 0 } .card-primary .ui-loader span { display: none } .left-suspender { position: absolute; left: 0; height: 100%; width: 120px; background-image: url(../../images/patterns/noise.png) } #cards-offset-placeholder { display: block; position: fixed; height: 50px; top: 0; width: 100%; z-index: 5 } #overlay .card-wrap { height: 100%; min-height: 0; position: absolute; padding: 0; bottom: 0; top: 0; width: 100% } .partner-pushdown-ad { left: 50%; margin-left: -420px; position: relative; top: 0; width: 840px; z-index: 1 } .partner-pushdown-ad>iframe { display: block } .partner-placement.partner-pushdown-ad.iab-risingstar { left: 0; margin: -5px auto -10px; top: -25px; width: 970px } .iab-risingstar>.partner-close { display: none } .iab-third-party { position: relative } .partner-pushdown-ad.size-m { margin-left: -540px; width: 1080px } .partner-pushdown-ad.size-l { margin-left: -590px; width: 1180px } .partner-pushdown-ad.size-xl { margin-left: -660px; width: 1320px } .partner-dual-pushdown { position: absolute; top: 50px } .partner-dual-pushdown>.partner-close { display: none } .partner-dual-pushdown.size-xl { margin-left: -660px; width: 1320px } .partner-dual-pushdown.size-l { margin-left: -590px; width: 1180px } .partner-dual-pushdown.size-m { margin-left: -540px; width: 1080px } .partner-dual-pushdown.size-s { margin-left: -420px; width: 840px } .partner-gravity-ad { height: 100%; left: 0; margin: 0; opacity: 0; position: fixed; top: 0; width: 100% } .partner-scroll { background: transparent url(../../images/components/get-the-news-arrow.png) no-repeat 0 0; bottom: 25px; display: none; height: 61px; left: 50%; margin-left: -57px; outline: 0; position: absolute; width: 114px; z-index: 98 } .partner-leavebehind { cursor: pointer; display: none; height: 30px; margin-top: -40px; overflow: hidden; position: absolute; width: 420px; z-index: 1 } .partner-leavebehind.show { display: block } .partner-leavebehind.compact { height: 43px; margin-top: -43px; width: 120px } .leavebehind-sponsoredby { color: #999; font-size: 11px; float: left; line-height: 11px; padding: 10px 8px 0 0; text-transform: uppercase } .partner-leavebehind.compact .leavebehind-sponsoredby { font-size: 8px; line-height: 8px; padding: 0 0 2px; text-align: center; width: 120px } .partner-leavebehind.compact .leavebehind-image { margin: 0 0 0 10px } .partner-slider-ad { background: transparent url(../../images/pixels/pixel-black-85percent.png) repeat top left; background: rgba(0,0,0,.85); border-left: 1px solid #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; height: 100%; padding: 10px 0; position: absolute; right: 0; width: 370px; z-index: 99 } a.partner-slider-close { border-bottom: 1px solid #373737; border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; filter: dropshadow(color=#000000,offx=0,offy=1); font-family: 'Futura Today Bold',helvetica,sans-serif; font-size: 12px; height: 31px; line-height: 24px; padding: 0 20px; position: fixed; text-shadow: 0 1px 0 rgba(0,0,0,.4); text-transform: uppercase; width: 330px } a.partner-slider-close:before { background: transparent url(../../images/buttons/button-close.png) no-repeat 0 -141px; height: 22px; width: 27px; top: 0 } a.partner-slider-close:before:hover { background-position: 0 -166px } a.partner-slider-close:before:active { background-position: 0 -191px } .partner-slider-ad>.ad-slot { margin: 53px 20px 0; position: fixed } .partner-skyline-ad { left: 50%; margin-left: -540px; overflow: hidden; position: fixed; bottom: 0; width: 1080px; z-index: 1 } .sidebar { bottom: 0; background: #262626; border-right: 1px solid #333; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%!important; position: absolute; right: 0; top: 0; width: 240px; z-index: 4 } .sidebar-primary-flex-sidebar-page { width: 360px } .sidebar.top { border-left: 1px solid #3b3b3b; z-index: 60 } @media only screen and (min-width: 1150px) { .sidebar-button,.sidebar-button:visited { visibility:hidden } } @media only screen and (min-width: 1250px) { .sidebar-primary-suspender-sidebar-page { width:340px } } .sidebar .shadow { background: transparent; left: 0; position: absolute; width: 100% } .sidebar .top-shadow { box-shadow: 0 -4px 12px 3px rgba(0,0,0,.3); top: 0 } .sidebar .bottom-shadow { bottom: 0; box-shadow: 0 2px 11px 2px rgba(0,0,0,.3) } .sidebar-header { display: block; -webkit-transition: width .25s ease-out; -moz-transition: width .25s ease-out; -ms-transition: width .25s ease-out; -o-transition: width .25s ease-out; transition: width .25s ease-out; border-bottom: 1px solid #dedede; width: 100%; height: 13px; overflow: hidden; color: #999; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; line-height: 13px; margin: 0; padding: 14px 0 10px; text-align: center; text-shadow: 0 1px 1px #fff; text-transform: uppercase } .sidebar-button,.sidebar-button:hover,.sidebar-button:visited { color: #fff; display: block; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 11px; height: 45px; letter-spacing: 1px; line-height: 29px; position: absolute; text-shadow: 0 1px 0 rgba(0,0,0,.2); text-transform: uppercase; z-index: 25 } .open-sidebar { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; padding-left: 32px; right: -13px; top: -14px; width: 87px } .open-sidebar>.icon { background: transparent url(../../images/modules/live-feed/sprite.png) 0 -96px no-repeat; height: 11px; position: absolute; width: 12px; top: 9px; left: 15px } .close-sidebar { background: transparent url(../../images/modules/live-feed/sprite.png) 0 -48px no-repeat; padding: 0; left: -12px; top: -14px; width: 44px } .partner-sidebar-ad { overflow: visible; padding: 20px; text-align: center } .sidebar-ad-iframe { display: block } .close-sidebar-icon { background: transparent url(../../images/modules/live-feed/sprite.png) -60px -146px no-repeat; height: 21px; position: absolute; width: 20px; top: 6px; left: 11px } .sidebar-button.hide { display: none } .sidebar-scrollable-window { height: 100%; overflow: hidden; position: relative; width: 100% } .sidebar-wrapper { bottom: 0; overflow: hidden; padding-bottom: 36px; position: absolute; top: 0; width: 100% } .sidebar-scrollable-content { list-style: none outside none; margin: 0; padding: 0; position: relative } .partner-sidebar-ad { background: #2b2b2b; border-bottom: 1px solid #0f0f0f } .sidebar.light { background: #f2f2f2; border-color: #dedede; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc } .sidebar.light.top { border-left: 1px solid #dcdcdc } .sidebar.light .sidebar-scrollable-window { background: none repeat scroll 0 0 #f9f9f9 } .sidebar.light .sider-bar-loading { background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat 50% 0 transparent } .sidebar.light .partner-sidebar-ad { background: #f2f2f2; border-bottom: 1px solid #dfdfdf } .sidebar-static-title-wrapper { display: none } .sidebar-static-title-wrapper,.sidebar-title-wrapper { background-color: #1d1d1d; border-bottom: 1px solid #0f0f0f; min-height: 14px; padding: 11px 0; position: relative; width: 100% } .sidebar.light .sidebar-static-title-wrapper,.sidebar.light .sidebar-title-wrapper { background-color: #ececec; border-bottom: 1px solid #dfdfdf; border-top: 0 } .sidebar-title { color: #d2d2d2; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 1; margin: 0; padding-left: 20px; padding-right: 20px; position: relative; text-align: left; text-shadow: 0 1px 1px #000; text-transform: uppercase } .sidebar-static-title { color: #fff } a.sidebar-promo-link { color: #858585; display: block; position: absolute; top: 0; right: 0; padding: 11px 10px; font-size: 11px; text-transform: uppercase } @media only screen and (max-width: 1249px) { .sidebar-primary-suspender-sidebar-page a.sidebar-promo-link { display:none } } a.sidebar-promo-link:hover { color: #c8c8c8 } .sidebar.light a.sidebar-promo-link { padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #999 } .sidebar.light a.sidebar-promo-link:hover { color: #282828 } .sidebar.light .sidebar-title { color: #282828; text-shadow: 0 1px 1px #fff } .utility-bar-wrap { background: #dadcde url(../../images/components/utility-bar-noise.png); bottom: 0; box-shadow: inset -2px 0 4px -1px rgba(0,0,0,.2); height: 100%; position: absolute; top: 0; width: 40px; z-index: 101 } .utility-bar-wrap.show { display: block } .utility-bar { height: 100% } .util-bar-primary-modules { border-bottom: 1px solid #e1e1e1; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15); padding-bottom: 1px; position: absolute; top: 80px } .util-bar-btn,.util-bar-btn:visited { border-top: 1px solid #bdbdbd; box-shadow: inset 0 1px 1px #e2e3e5; color: #000; cursor: pointer; display: block; font-size: 11px; font-weight: 700; padding: 7px 0; position: relative; text-align: center; width: 40px; text-shadow: 0 1px 0 rgba(255,255,255,.7); -webkit-transition: background-color .1s,color .1s,box-shadow .1s; -moz-transition: background-color .1s,color .1s,box-shadow .1s; -ms-transition: background-color .1s,color .1s,box-shadow .1s; -o-transition: background-color .1s,color .1s,box-shadow .1s; transition: background-color .1s,color .1s,box-shadow .1s } .util-bar-btn:hover,.util-bar-btn.active { background: #e8e8e8; box-shadow: inset 0 1px 1px #e2e3e5,inset -2px 0 4px -1px rgba(0,0,0,.2) } .util-bar-btn.active,.util-bar-btn.active:hover { background: #e8e8e8 url(../../images/components/utility-bar-active-noise.png) repeat; box-shadow: none } .util-bar-btn-facebook:hover,.util-bar-btn-facebook.active { color: #4862a7 } .util-bar-btn-twitter:hover,.util-bar-btn-twitter.active { color: #1bb2df } .util-bar-btn-linkedin:hover,.util-bar-btn-linkedin.active { color: #4875b4 } .util-bar-secondary-modules { position: fixed; bottom: 0; border: 0 } @media only screen and (max-height: 500px) { .utility-bar { padding-top:50px } .util-bar-primary-modules { border-bottom: 0; box-shadow: none; padding-bottom: 0 } .util-bar-secondary-modules { position: static; border-bottom: 1px solid #e1e1e1; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15); padding-bottom: 1px } } .util-bar-btn:before { background-image: url(../../images/components/utility-contribute-new-sprite.png); content: ''; display: block; margin: 6px auto; position: relative } .util-bar-btn-facebook:before { background-position: -281px -96px; height: 19px; left: 1px; margin: 5px auto 4px; width: 12px } .util-bar-btn-twitter:before { background-position: -10px -63px; height: 17px; left: 1px; margin: 5px auto 3px; width: 19px } .util-bar-btn-linkedin:before { background-position: -67px -29px; height: 17px; left: 1px; margin: 5px auto 3px; width: 19px } .util-bar-btn-email:before { background-position: -250px -92px; height: 17px; width: 18px } .util-bar-btn-comments:before { background-position: -189px -5px; height: 19px; margin: 5px auto 3px; width: 18px } .util-bar-module-firefly { display: none } .util-bar-module-firefly.util-bar-module-firefly-visible { display: block } .util-bar-btn-firefly:before { background-position: -309px -9px; height: 10px; margin: 5px auto 3px; width: 20px } .util-bar-btn-print:before { background-position: -160px -6px; height: 17px; width: 18px } .util-bar-flyout { background: #fff; cursor: default; left: -1000px; position: absolute; top: 0; visibility: hidden } .util-bar-flyout.open { left: 40px; border-bottom: 1px solid #acacb6; bottom: 0; background: #e8e8e8 url(../../images/components/utility-bar-active-noise.png) repeat; box-shadow: 3px 0 3px 0 rgba(0,0,0,.2); display: block; top: -80px; visibility: visible } .util-bar-flyout-heading { padding: 10px 15px 0; border-bottom: 1px solid rgba(187,189,191,.5) } .util-bar-flyout-title { font-family: 'Futura Today'; font-size: 17px; color: #333; text-transform: uppercase; margin: 0 10px 0 0; padding: 0; text-shadow: 0 1px 0 #fff } .util-bar-flyout-subtitle { font-size: 12px; line-height: 16px; margin: 0 35px 9px 0; color: gray; color: rgba(0,0,0,.5) } .util-bar-flyout-close-ribbon { background: url(../../images/components/pop-up-close-ribbon.png) no-repeat; color: #fff; display: block; font: 700 12px arial,sans-serif; height: 31px; padding: 0 0 8px; position: absolute; right: -11px; top: 10px; width: 46px; z-index: 12 } .util-bar-flyout-close-ribbon:hover { cursor: pointer; text-decoration: underline } .util-bar-flyout-close-ribbon:before { background: transparent url(../../images/modules/live-feed/sprite.png) -79px -146px no-repeat; content: ''; display: block; height: 21px; position: absolute; width: 20px; top: 6px; left: 14px } .util-bar-flyout-close-ribbon:hover:before { background-position: -60px -146px } .util-bar-flyout-pane { padding: 0 0 15px } .util-bar-flyout-comments { width: 456px } .util-bar-flyout-gradient-overlay { width: 410px; height: 20px; background: url(../../images/components/gradient-overlay.png) repeat-x; z-index: 10; position: absolute; margin-left: 15px } .util-bar-scroll-wrap { overflow: hidden; height: 2000px; position: relative } .util-bar-scroll-wrap-comments { background-color: #fff } .util-bar-comments-wrap { overflow: hidden; background-color: #fff; position: relative; padding-bottom: 0; margin: 15px; border-radius: 2px; box-shadow: 0 1px 5px 2px rgba(0,0,0,.15); padding: 5px 0; -webkit-overflow-scrolling: touch } .facebook-comments-plugin-wrap { background-color: #fff; padding: 2px 0 2px 7px } .util-bar-scroll-wrap:before { bottom: 0; content: ''; display: block; left: 0; height: 20px; position: absolute; width: 100%; z-index: 10 } .util-bar-flyout-share { display: none; width: 320px } .util-bar-flyout-firefly { text-align: center; width: 300px } .util-bar-flyout-firefly-inner-wrap { position: relative; top: 10px } .util-bar-flyout-firefly-title { font-family: 'Futura Today Bold'; font-size: 14px; margin: 15px 30px; text-align: center; text-transform: uppercase } .util-bar-flyout-firefly-title-large { font-size: 18px } .util-bar-flyout-firefly-subscribe-meta { color: #8e8e8e; font-size: 15px; margin: 0 20px 15px } .util-bar-flyout-firefly-subscribe-btn { font-size: 18px; line-height: 38px; margin-bottom: 15px } .util-bar-flyout-firefly-auth-wrap,.util-bar-flyout-firefly-ad { border-top: 1px solid #d4d4d4; margin-top: 10px; padding: 20px 0; position: relative; text-align: left } .util-bar-module-firefly-authenticated .util-bar-flyout-firefly-auth-wrap { display: none } .util-bar-flyout-firefly-auth-wrap:before,.util-bar-flyout-firefly-ad:before { background: #f9f9f9; content: ''; display: block; position: absolute; height: 1px; top: 0; width: 100% } .util-bar-flyout-firefly-sign-in-link { border-right: 1px solid #d4d4d4; display: block; float: left; font-size: 14px; margin-right: 15px; padding: 6px 17px } .util-bar-flyout-firefly-activate-description { color: #7a7a7a; font-size: 12px } .util-bar-flyout-firefly-activate-link { display: block; font-size: 12px } .util-bar-flyout-firefly-ad { text-align: center } .util-bar-flyout-nav { float: left; margin: 20px 10px 10px 9px; width: 100% } .util-bar-flyout-nav-btn-wrap { border-right: 1px solid #fff; box-shadow: inset -1px 0 0 0 silver; float: left; height: 20px; width: 44px } .util-bar-flyout-nav-btn-wrap:last-child { border: 0; box-shadow: none } .util-bar-flyout-nav-btn { border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; cursor: pointer; display: block; height: 30px; margin: 0 6px; outline: 0; overflow: hidden; position: relative; text-indent: 105%; top: -5px; width: 30px } .util-bar-flyout-nav-btn:hover { background-color: #fff; border: 1px solid silver } .util-bar-flyout-nav-btn.active,.util-bar-flyout-nav-btn.active:hover { background-color: #3a3a3a; border: 0; box-shadow: inset -1px 0 0 #0c0c0c,inset 2px 0 0 #0c0c0c } .util-bar-flyout-nav-btn:before { background-image: url(../../images/components/utility-contribute-new-sprite.png); content: ''; display: block; margin: 8px auto 20px; position: relative } .util-bar-flyout-nav-btn-facebook:before { background-position: -285px -35px; height: 15px; top: -1px; width: 8px } .util-bar-flyout-nav-btn-facebook.active:before { background-position: -285px -7px } .util-bar-flyout-nav-btn-email:before { background-position: -250px -36px; height: 12px; left: -1px; width: 14px } .util-bar-flyout-nav-btn-email.active:before { background-position: -250px -8px } .util-bar-flyout-nav-btn-twitter:before { background-position: -14px -9px; height: 14px; left: 1px; width: 15px } .util-bar-flyout-nav-btn-googleplus:before { background-position: -41px -9px; height: 16px; left: 2px; top: -1px; width: 17px } .util-bar-flyout-nav-btn-linkedin:before { background-position: -72px -10px; height: 12px; top: 1px; width: 11px } .util-bar-flyout-nav-btn-pinterest:before { background-position: -344px -9px; height: 15px; top: 0; width: 15px } .util-bar-share-summary { clear: both; padding: 11px 15px 5px } .util-bar-share-summary-image { border: 3px solid #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); float: left; margin: 0 10px 5px 0 } .util-bar-share-summary-title { text-shadow: 0 1px 0 rgba(255,255,255,.7); font-size: 14px; color: #333; line-height: 19px; margin: 0 0 2px } .util-bar-share-summary-description { font-size: 12px; color: #767676; line-height: 16px; margin: 2px 0 } .util-bar-flyout-section { clear: both } .util-bar-flyout-input { margin: 4px 15px 0; width: 291px } .util-bar-flyout-input.error { border: 1px solid red; outline: 0 } .util-bar-flyout-input:focus,.util-bar-flyout-textarea:focus { color: #000 } .util-bar-flyout-textarea { height: 200px; margin: 4px 15px 5px; width: 290px } .util-bar-flyout-input-accept-terms { display: none } .util-bar-flyout-share-email-cta { margin: 0 15px } .util-bar-email-cancel-btn { margin-right: 15px } .util-bar-share-status-text-facebook { color: #545454; font-size: 11px; line-height: 12px; vertical-align: top; display: inline-block; width: 150px } .util-bar-share-loading-facebook { display: none; margin: 6px 0 0 3px } .util-bar-share-submit-btn-facebook { background: #637bad; background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7)); background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%); background: -o-linear-gradient(top,#637bad 0,#5972a7 100%); background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%); background: linear-gradient(to bottom,#637bad 0,#5972a7 100%); border: 1px solid #29447e; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); color: #fff; cursor: pointer; display: inline-block; float: right; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: 700; line-height: 13px; margin: 4px 4px 4px 0; padding: 4px 12px 5px } .util-bar-share-submit-wrap-facebook { background: #f2f2f2; border: 1px solid #c4c4c4; margin: 0 15px 10px; overflow: hidden } .util-bar-share-form-status-facebook { color: #545454; font-size: 11px; line-height: 12px; vertical-align: top; display: inline-block; width: 150px; margin: 4px 0 0 5px } .util-bar-flyout-pane-success { display: none; padding: 30px 50px; text-align: center } .util-bar-success-title { font-size: 20px; margin: 0 } .util-bar-success-title:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 0; content: ''; display: block; height: 71px; margin: 0 auto; width: 71px } .util-bar-success-description { color: #666; font-size: 14px } @font-face { font-family: 'Futura Today'; src: url(../../fonts/futura_today_normal.eot); src: url(../../fonts/futura_today_normal.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_normal.woff) format('woff'),url(../../fonts/futura_today_normal.ttf) format('truetype'); font-style: normal } @font-face { font-family: 'Futura Today DemiBold'; src: url(../../fonts/futura_today_demibold.eot); src: url(../../fonts/futura_today_demibold.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_demibold.woff) format('woff'),url(../../fonts/futura_today_demibold.ttf) format('truetype'); font-style: normal } @font-face { font-family: 'Futura Today Bold'; src: url(../../fonts/futura_today_bold.eot); src: url(../../fonts/futura_today_bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_bold.woff) format('woff'),url(../../fonts/futura_today_bold.ttf) format('truetype'); font-style: normal } @font-face { font-family: 'Futura Today Light'; src: url(../../fonts/futura_today_light.eot); src: url(../../fonts/futura_today_light.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_light.woff) format('woff'),url(../../fonts/futura_today_light.ttf) format('truetype'); font-style: light } @font-face { font-family: 'Gannett Icons'; src: url(../../fonts/gannett-icons.eot); src: url(../../fonts/gannett-icons.eot?#iefix) format('embedded-opentype'),url(../../fonts/gannett-icons.ttf) format('truetype'),url(../../fonts/gannett-icons.woff) format('woff'); font-weight: 400; font-style: normal } #ad-staging { display: none } .partner-placement { display: none } .ad-slot>iframe { display: block } .partner-close { background: transparent url(../../images/buttons/button-close.png) no-repeat 0 0; height: 47px; position: absolute; right: 0; top: 5px; width: 44px; z-index: 98 } .ui-flip-panel>.partner-close { display: none } .ui-flip-panel.active>.partner-close { display: block } .ui-page-turn>.partner-close { display: none } .ui-page-turn.active>.partner-close { display: block } .partner-close:hover { background-position: 0 -47px } .partner-close:active { background-position: 0 -94px } .partner-placement.elastic .container a.close-partner { right: -27px; top: -20px } .transition-wrap.partner-inbetween { display: none; margin: 0 } .partner-overlay { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 111 } .partner-overlay-close { right: -26px; top: -22px } .partner-overlay>.film { opacity: .85; filter: alpha(opacity=85) } .partner-overlay.withAsset>.film { opacity: .75; filter: alpha(opacity=75) } .partner-overlay>.partner-placement { box-shadow: 0 0 12px 0 rgba(0,0,0,.75); display: block; height: 700px; left: 50%; margin: 0 0 0 -468px; position: absolute; top: 80px; width: 936px; z-index: 8002 } .partner-overlay>.partner-placement.size-s { height: 450px; margin: 0 0 0 -300px; width: 600px } .partner-overlay>.partner-placement.size-m { height: 576px; margin: 0 0 0 -384px; width: 768px } .partner-overlay>.partner-placement.size-xl { height: 810px; margin: 0 0 0 -540px; width: 1080px } .partner-overlay>.partner-placement .container { z-index: 8003 } .sports .partner-placement.leaderboard { background: #dedede url(../../images/patterns/sports-ad-noise.png) repeat bottom left; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; display: none; height: 90px; padding: 15px 0 } .sports .partner-placement.leaderboard>div { margin: 0 auto } .partner-coverview-contents { height: 100%; position: relative; width: 100% } .partner-asset-ad { background: transparent no-repeat top center; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 101 } .partner-asset-rails { left: 50%; margin-left: -490px; position: absolute; top: 0; width: 980px } .partner-asset-rails-img { position: absolute; top: 65px } .partner-asset-rails-img-left { left: -150px } .partner-asset-rails-img-right { right: -150px } article.static-page { padding-bottom: 0 } article.static-page>header>h6 { background: #0099e5; color: #fff; margin: 0; padding: 10px 0 10px 30px; text-align: left; text-transform: none; width: 100% } article.asset.static-page>header>nav { background: #d8d8d8; background: rgba(0,0,0,.2); border-bottom: 2px solid #f2f2f2; border-bottom: 2px solid rgba(0,0,0,.05); height: 37px; margin: 0; padding: 0 30px 0 0; width: 100%; z-index: 10 } article.asset.static-page>header>nav ul li { display: inline; padding: 0 } article.asset.static-page>header>nav ul li a { color: #666; float: left; font-size: 13px; font-weight: 700; padding: 10px 20px; text-shadow: 0 1px 1px #fff } article.asset.static-page>header>nav ul li a:hover,article.asset.static-page>header>nav ul li.active a { background: #e6e6e6; background: rgba(0,0,0,.1); color: #333 } article.static-page .page-content { width: 920px } article.static-page .page-content .content-wrap { float: left; margin-left: 30px; padding-bottom: 30px; width: 560px } article.static-page.full-width .page-content .content-wrap { width: 920px } .static-page .content-wrap li { font-size: 14px; line-height: 20px; margin: 0 0 15px 30px } article.static-page .right-rail { float: right; margin: 20px 0; width: 320px } article.static-page.full-width .right-rail { display: none } article.asset.static-page footer { float: right; margin: 0 -30px 0 0; padding: 0 20px; width: 940px } article.asset.static-page footer nav ul li { text-align: left } article.asset.static-page footer .utility { display: none } article.asset.static-page .footer { width: 940px } article.asset.static-page .footer>nav>.fronts { width: 940px } article.asset.static-page .footer>p.site-index { margin-bottom: 10px } article.asset.static-page .footer>nav>.fronts { width: 860px } article.asset.static-page .footer>nav>.fronts>section { width: 140px } article.static-page h1,article.static-page h2,article.static-page h3,article.static-page h4,article.static-page h5,article.static-page p { margin: 15px 0 } article.static-page .page-content .source { font-size: 12px; line-height: 16px; font-style: italic } article.static-page .credits { margin-bottom: 20px } article.static-page .credits p { border: 0; margin-top: 10px } article.asset.static-page h1 { font-size: 35px; margin: 0 0 10px; padding: 30px 0 0 30px } article.static-page h2 { font-size: 18px; line-height: 24px; margin: 25px 0 10px; padding: 0 } article.static-page h3 { font-size: 14px; line-height: 18px; margin: 25px 0 2px; padding: 0 } article.static-page h3.site-footer-link-list-heading { font-size: inherit; line-height: inherit; margin: inherit; padding: inherit } article.static-page .page-content p { font-size: 14px; line-height: 20px } article.static-page .page-content .divider { border-top: 1px dotted #cbcbcb; clear: both } article.static-page nav ul,article.static-page nav ol { margin-left: 30px } article.static-page nav ul.site-footer-list,article.static-page nav ol.site-footer-list { margin-left: 0 } article.static-page .page-content ul,article.static-page .page-content ol { margin: 15px 0 0 } article.static-page .contactus-tabs ul { margin-left: 0 } article.static-page dl { background: #fff; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.25); padding: 10px 15px 10px 30px; position: relative } article.static-page dl:before { color: #47b4ff; content: '+'; font-size: 35px; left: 5px; position: absolute; top: -4px } article.static-page dl.open:before { content: '–'; top: -8px } article.static-page dl dt { cursor: pointer; font-size: 13px; line-height: 22px } article.static-page dl dd { border-top: 2px solid #e5e5e5; display: none; margin: 0; margin-top: 9px } article.static-page dl.open dd { display: block } article.static-page dl dd p { font-size: 13px; line-height: 22px } article.static-page dd:last-child p { margin-bottom: 0 } article.static-page .right-rail .ad img { border: 10px solid #e6e6e6; border: 10px solid rgba(0,0,0,.1); border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.4); margin-bottom: 20px } article.asset.static-page nav { margin: 0; padding: 0; width: 100% } article.asset.static-page .footer>nav>.fronts { width: auto } article.asset.static-page .comp.ribbon-module .light-shade,article.asset.static-page .comp.story-poll .light-shade { padding-bottom: 15px } .weather-nav-dropdown { color: #fff; font-family: Arial,sans-serif; cursor: default; overflow: hidden; position: absolute; background: #333; box-shadow: 0 3px 6px rgba(0,0,0,.7); line-height: normal; width: 240px; display: none; right: 0; top: 40px; outline: 0 } .weather-nav-dropdown.dropdown-active { display: block } .weather-nav-dropdown-panel-wrap { width: 480px; height: 174px; position: relative; left: 0; top: 0; transition: left 200ms ease; -moz-transition: left 200ms ease; -webkit-transition: left 200ms ease; -o-transition: left 200ms ease } .weather-nav-dropdown.settings-active .weather-nav-dropdown-panel-wrap { left: -240px; height: auto; float: left } .weather-nav-conditions-panel { overflow: hidden; float: left; width: 204px; height: 134px; padding: 20px 18px; position: relative } .weather-nav-location-name { font-size: 16px; font-weight: 700; text-shadow: none; width: 176px; margin-bottom: 14px } .weather-nav-location-name.longname { font-size: 14px } .weather-nav-dropdown-time,.weather-nav-dropdown-wicon,.weather-nav-dropdown-temp { float: left } .weather-nav-dropdown-time { font-size: 12px; font-style: italic; height: 38px; width: 43px; text-align: left; position: relative; top: 2px; padding-top: 11px } .weather-nav-dropdown-temp { font-size: 48px; font-family: 'Futura Today Bold',Helvetica,sans-serif; width: 85px; line-height: 46px; float: right; text-align: right; height: 50px } .weather-nav-dropdown-temp.three-digit { font-size: 36px; line-height: 55px } .weather-nav-conditions-wrap { list-style: none; display: block; margin-top: 16px; float: left } .weather-nav-condition-humidity,.weather-nav-condition-precip,.weather-nav-condition-wind { text-align: center; text-shadow: none; width: 66px; font-size: 16px; font-weight: 700; float: left; display: block } .weather-nav-condition-wind { float: right } .weather-nav-condition-title,.weather-nav-condition-value { display: block } .weather-nav-condition-humidity .weather-nav-condition-title,.weather-nav-condition-humidity .weather-nav-condition-value { text-align: left } .weather-nav-condition-wind .weather-nav-condition-title,.weather-nav-condition-wind .weather-nav-condition-value { text-align: right } .weather-nav-condition-title { display: block; font-size: 12px; font-style: italic; font-weight: 400; margin-bottom: 4px } .weather-nav-dropdown-wicon { background-image: url(../../images/weather/wicon-sprite-big.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 72px; height: 50px } .weather-nav-settings-panel { float: left; width: 200px; padding: 20px; position: relative; min-height: 134px } .weather-nav-settings-header { font-size: 16px; font-weight: 700; margin-bottom: 15px; text-shadow: none } .weather-nav-dropdown-settings-open-btn { background: url(../../images/sprites/ui-sprite.png) no-repeat -260px 0; cursor: pointer; height: 20px; opacity: .8; position: absolute; right: 17px; overflow: hidden; text-indent: 105%; white-space: nowrap; top: 18px; width: 20px } .weather-nav-dropdown-settings-open-btn:hover { opacity: 1; background-position: -260px -20px } .weather-nav-dropdown-settings-close-btn { background: url(../../images/sprites/ui-sprite.png) no-repeat -20px 0; cursor: pointer; height: 20px; opacity: .8; position: absolute; right: 20px; overflow: hidden; text-indent: 105%; white-space: nowrap; top: 20px; width: 21px } .weather-nav-dropdown-settings-close-btn:hover { opacity: 1; background-position: -20px -20px } .weather-nav-location-input-wrap:before { content: ''; display: block; position: absolute; width: 16px; height: 0; overflow: hidden; padding-top: 16px; left: 8px; top: 7px; background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat; z-index: 9 } .weather-nav-location-input-label { color: #b3b3b3; font-size: 13px; font-weight: 700; margin: 0 0 8px; text-shadow: none; display: block; cursor: default } .weather-nav-location-input { padding-left: 26px; margin-bottom: 10px; outline: 0; font-weight: 700; width: 100% } .lt-ie9 .weather-nav-location-input { padding-left: 9px; padding-top: 6px } .weather-nav-location-set-btn,.weather-nav-location-cancel-btn { padding-left: 26px } .weather-nav-location-set-btn { display: inline-block; float: right } .weather-nav-location-cancel-btn { display: inline-block } .weather-nav-location-set-btn:before,.weather-nav-location-cancel-btn:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: block; position: absolute; top: 10px; left: 10px; width: 12px; height: 14px; margin-right: 5px; overflow: hidden } .weather-nav-location-set-btn:before { background-position: -324px -64px } .weather-nav-location-set-btn:hover:before { background-position: -324px -44px } .weather-nav-location-cancel-btn:before { background-position: -5px -6px } .weather-nav-location-cancel-btn:hover:before { background-position: -5px -6px } .weather-nav-location-form .ui-autocomplete-content { position: relative; top: -8px; padding-top: 0 } .weather-nav-location-form .ui-form-field-container { margin-bottom: 8px } .weather-nav-location-form .ui-autocomplete-result-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .weather-nav-location-form .ui-autocomplete-result-item:first-child:before { background: transparent } .weather-nav-location-error { color: #ffc000; display: none; font-size: 11px; font-weight: 700 } .weather-nav-full-forecast-btn { clear: both; text-align: center; text-shadow: none; background: #222; background: rgba(0,0,0,.11); border-top: 1px solid #404040; display: block; font-size: 12px; font-weight: 700; color: #fff; text-decoration: none; transition: background-color .4s; -moz-transition: background-color .4s; -webkit-transition: background-color .4s; -o-transition: background-color .4s; padding: 14px 0; height: 12px; width: 100%; text-transform: none } .weather-nav-full-forecast-btn:visited { color: #fff } .weather-nav-full-forecast-btn:hover { background: #000; background: rgba(0,0,0,.3); color: #fff; text-decoration: underline } .weather-nav-full-forecast-btn:active { color: #029ae6 } .weather-nav-full-forecast-btn:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -128px -7px; content: ''; display: inline-block; height: 8px; margin: 0 7px 0 0; width: 4px } .weather-nav-dropdown-wicon.wicon-1 { background-position: 0 0 } .weather-nav-dropdown-wicon.wicon-2 { background-position: 0 -50px } .weather-nav-dropdown-wicon.wicon-3 { background-position: 0 -100px } .weather-nav-dropdown-wicon.wicon-4 { background-position: 0 -150px } .weather-nav-dropdown-wicon.wicon-5 { background-position: 0 -200px } .weather-nav-dropdown-wicon.wicon-6 { background-position: 0 -250px } .weather-nav-dropdown-wicon.wicon-7 { background-position: 0 -300px } .weather-nav-dropdown-wicon.wicon-8 { background-position: 0 -350px } .weather-nav-dropdown-wicon.wicon-11 { background-position: 0 -400px } .weather-nav-dropdown-wicon.wicon-12 { background-position: 0 -450px } .weather-nav-dropdown-wicon.wicon-13 { background-position: 0 -500px } .weather-nav-dropdown-wicon.wicon-14 { background-position: 0 -550px } .weather-nav-dropdown-wicon.wicon-15 { background-position: 0 -600px } .weather-nav-dropdown-wicon.wicon-16 { background-position: 0 -650px } .weather-nav-dropdown-wicon.wicon-17 { background-position: 0 -700px } .weather-nav-dropdown-wicon.wicon-18 { background-position: 0 -750px } .weather-nav-dropdown-wicon.wicon-19 { background-position: 0 -800px } .weather-nav-dropdown-wicon.wicon-20 { background-position: 0 -850px } .weather-nav-dropdown-wicon.wicon-21 { background-position: 0 -900px } .weather-nav-dropdown-wicon.wicon-22 { background-position: 0 -950px } .weather-nav-dropdown-wicon.wicon-23 { background-position: 0 -1000px } .weather-nav-dropdown-wicon.wicon-24 { background-position: 0 -1050px } .weather-nav-dropdown-wicon.wicon-25 { background-position: 0 -1100px } .weather-nav-dropdown-wicon.wicon-26 { background-position: 0 -1150px } .weather-nav-dropdown-wicon.wicon-29 { background-position: 0 -1200px } .weather-nav-dropdown-wicon.wicon-30 { background-position: 0 -1250px } .weather-nav-dropdown-wicon.wicon-31 { background-position: 0 -1300px } .weather-nav-dropdown-wicon.wicon-32 { background-position: 0 -1350px } .weather-nav-dropdown-wicon.wicon-33 { background-position: 0 -1400px } .weather-nav-dropdown-wicon.wicon-34 { background-position: 0 -1450px } .weather-nav-dropdown-wicon.wicon-35 { background-position: 0 -1500px } .weather-nav-dropdown-wicon.wicon-36 { background-position: 0 -1550px } .weather-nav-dropdown-wicon.wicon-37 { background-position: 0 -1600px } .weather-nav-dropdown-wicon.wicon-38 { background-position: 0 -1650px } .weather-nav-dropdown-wicon.wicon-39 { background-position: 0 -1700px } .weather-nav-dropdown-wicon.wicon-40 { background-position: 0 -1750px } .weather-nav-dropdown-wicon.wicon-41 { background-position: 0 -1800px } .weather-nav-dropdown-wicon.wicon-42 { background-position: 0 -1850px } .weather-nav-dropdown-wicon.wicon-43 { background-position: 0 -1900px } .weather-nav-dropdown-wicon.wicon-44 { background-position: 0 -1950px } .weather-nav-dropdown-wicon.mostly-clear { background-position: 0 -1450px } .wbtn-wrap-wicon:before { background-image: url(../../images/weather/wicon-sprite-med.png); background-repeat: no-repeat; -webkit-backface-visibility: hidden; content: ''; display: inline-block; height: 20px; margin: 0 5px 0 0; position: relative; top: 6px; width: 30px } .wbtn-wrap-wicon.wicon-1:before { background-position: 0 0 } .wbtn-wrap-wicon.wicon-2:before { background-position: 0 -20px } .wbtn-wrap-wicon.wicon-3:before { background-position: 0 -40px } .wbtn-wrap-wicon.wicon-4:before { background-position: 0 -60px } .wbtn-wrap-wicon.wicon-5:before { background-position: 0 -80px } .wbtn-wrap-wicon.wicon-6:before { background-position: 0 -100px } .wbtn-wrap-wicon.wicon-7:before { background-position: 0 -120px } .wbtn-wrap-wicon.wicon-8:before { background-position: 0 -140px } .wbtn-wrap-wicon.wicon-11:before { background-position: 0 -160px } .wbtn-wrap-wicon.wicon-12:before { background-position: 0 -180px } .wbtn-wrap-wicon.wicon-13:before { background-position: 0 -200px } .wbtn-wrap-wicon.wicon-14:before { background-position: 0 -220px } .wbtn-wrap-wicon.wicon-15:before { background-position: 0 -240px } .wbtn-wrap-wicon.wicon-16:before { background-position: 0 -260px } .wbtn-wrap-wicon.wicon-17:before { background-position: 0 -280px } .wbtn-wrap-wicon.wicon-18:before { background-position: 0 -300px } .wbtn-wrap-wicon.wicon-19:before { background-position: 0 -320px } .wbtn-wrap-wicon.wicon-20:before { background-position: 0 -340px } .wbtn-wrap-wicon.wicon-21:before { background-position: 0 -360px } .wbtn-wrap-wicon.wicon-22:before { background-position: 0 -380px } .wbtn-wrap-wicon.wicon-23:before { background-position: 0 -400px } .wbtn-wrap-wicon.wicon-24:before { background-position: 0 -420px } .wbtn-wrap-wicon.wicon-25:before { background-position: 0 -440px } .wbtn-wrap-wicon.wicon-26:before { background-position: 0 -460px } .wbtn-wrap-wicon.wicon-29:before { background-position: 0 -480px } .wbtn-wrap-wicon.wicon-30:before { background-position: 0 -500px } .wbtn-wrap-wicon.wicon-31:before { background-position: 0 -520px } .wbtn-wrap-wicon.wicon-32:before { background-position: 0 -540px } .wbtn-wrap-wicon.wicon-33:before { background-position: 0 -560px } .wbtn-wrap-wicon.wicon-34:before { background-position: 0 -580px } .wbtn-wrap-wicon.wicon-35:before { background-position: 0 -600px } .wbtn-wrap-wicon.wicon-36:before { background-position: 0 -620px } .wbtn-wrap-wicon.wicon-37:before { background-position: 0 -640px } .wbtn-wrap-wicon.wicon-38:before { background-position: 0 -660px } .wbtn-wrap-wicon.wicon-39:before { background-position: 0 -680px } .wbtn-wrap-wicon.wicon-40:before { background-position: 0 -700px } .wbtn-wrap-wicon.wicon-41:before { background-position: 0 -720px } .wbtn-wrap-wicon.wicon-42:before { background-position: 0 -740px } .wbtn-wrap-wicon.wicon-43:before { background-position: 0 -760px } .wbtn-wrap-wicon.wicon-44:before { background-position: 0 -780px } .clst-ordered-items,.clst-unordered-items { list-style: none; list-style-image: none; margin: 0; padding: 0; position: relative } .card-suspender .clst-ordered-items,.card-suspender .clst-unordered-items { border-bottom: 1px solid rgba(255,255,225,.14); border-top: 1px solid rgba(0,0,0,.15); overflow: hidden; width: 120px } .lt-ie9 .clst-ordered-items,.lt-ie9 .clst-unordered-items { display: block; padding-bottom: 2px; zoom: 1 } .lt-ie9 .card-suspender .clst-ordered-items,.lt-ie9 .card-suspender .clst-unordered-items { background: transparent url(../../images/ie-borders/bottom-top-border.png) repeat-x bottom left; border: 0 } .clst-item { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #fff; position: relative } .weather .clst-item,.card-suspender .clst-item { border-bottom: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,225,.14) } .lt-ie9 .clst-item { border: 0; display: block; zoom: 1 } .lt-ie9 .card-suspender .clst-item,.lt-ie9 .card-suspender .clst-item { background: transparent url(../../images/ie-borders/bottom-top-border.png) repeat-x top left } .weather .clst-item-link-styles:hover,.card-suspender .clst-item-link-styles:hover { background-color: transparent; background-color: rgba(0,0,0,.05); border-bottom-color: rgba(0,0,0,.05); border-top-color: rgba(0,0,0,.05); cursor: pointer } .lt-ie9 .weather .clst-item-link-styles:hover>.clst-suspender-link-headline,.lt-ie9 .card-suspender .clst-item:hover>.clst-suspender-link-headline { background: transparent url(../../images/pixels/pixel-black-5percent.png) repeat top left; cursor: pointer } .clst-item-link-styles.selected { background-color: rgba(0,0,0,.2); border-bottom: 0; border-top-color: rgba(0,0,0,.35) } .lt-ie9 .clst-item.selected { background: transparent url(../../images/pixels/pixel-black-20percent.png) repeat top left } .functional .clst-item-link-styles.selected:after { background: transparent url(../../images/notch.png) no-repeat 0 -9px; content: ''; height: 16px; margin-top: -8px; position: absolute; right: 0; top: 50%; width: 10px } .card-suspender .clst-item { padding: 0 } .card-suspender .clst-link { display: block; padding: 10px 12px 10px 15px } .clst-section-name .clst-link,.card-suspender .functional .clst-item { padding: 0 } .card-suspender .functional .clst-link { padding: 20px 10px 20px 15px } .size-bar .clst-item,.size-bar .functional .clst-item { padding: 20px 10px 20px 15px } .clst-link,.clst-link:visited,.clst-link:active,.clst-link:hover,.game,.game:visited { color: inherit } .card-suspender .slst-header { color: #fff; display: block; font-size: 13px; font-weight: 700; line-height: 12px; margin: 0; padding: 20px 15px 15px; text-align: left; text-shadow: 0 1px 1px rgba(0,0,0,.18); text-transform: uppercase } .card-suspender .clst-item { color: #fff; font-size: 12px; font-weight: 700; line-height: 15px } .card-suspender .sub-section-navigation-suspender .clst-item-link-styles { font-size: 13px; line-height: 16px } .card-suspender .clst-group-header { color: #858585; color: rgba(255,255,255,.48); font-size: 11px; font-weight: 400; line-height: 11px; margin: 0; padding: 0 0 12px; text-align: center; text-transform: capitalize } .card-suspender .clst-group-header .clst-link { font-style: italic } .card-suspender .clst-group-headline { color: #fff; font-size: 12px; font-weight: 700; line-height: 16px; margin: 0; padding: 0; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.2) } .size-suspender .slst>.clst-ordered-items,.size-suspender .slst>.clst-unordered-items { border: 0 } .size-suspender .slst .clst-item { border: 0; font-size: 12px; font-weight: 400; line-height: 15px; text-shadow: 0 1px 1px rgba(0,0,0,.18) } .clst-text-headline>.clst-link,.clst .headline>.clst-link { color: #333; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 16px } .clst-text-headline>.clst-link:hover,.clst .headline>.clst-link:hover { color: #007dcf } .clst-text-meta { color: #999; font-size: 12px; line-height: 20px } .clst-text-meta>.clst-text-meta-timestamp { border-left: 1px solid #d9d9d9; border-left: 1px solid rgba(0,0,0,.15); display: inline-block; font-size: 11px; font-style: italic; margin-left: 10px; padding-left: 10px } .clst-text-meta>.clst-link { color: #007dcf; text-transform: capitalize; font-weight: 700 } .clst-text-meta>.clst-link.parent-link { background: transparent; position: none; display: inline-block } .standard-app-map .leaflet-map-pane,.standard-app-map .leaflet-tile,.standard-app-map .leaflet-marker-icon,.standard-app-map .leaflet-marker-shadow,.standard-app-map .leaflet-tile-pane,.standard-app-map .leaflet-overlay-pane,.standard-app-map .leaflet-shadow-pane,.standard-app-map .leaflet-marker-pane,.standard-app-map .leaflet-popup-pane,.standard-app-map .leaflet-overlay-pane svg,.standard-app-map .leaflet-zoom-box,.standard-app-map .leaflet-image-layer { position: absolute } .standard-app-map .leaflet-container { overflow: hidden } .standard-app-map .leaflet-tile,.standard-app-map .leaflet-marker-icon,.standard-app-map .leaflet-marker-shadow { -moz-user-select: none; -webkit-user-select: none; user-select: none } .leaflet-marker-icon,.leaflet-marker-shadow { display: block } .leaflet-clickable { cursor: pointer } .leaflet-container img { max-width: none!important } .standard-app-map .leaflet-tile-pane { z-index: 2 } .standard-app-map .leaflet-objects-pane { z-index: 3 } .standard-app-map .leaflet-overlay-pane { z-index: 4 } .standard-app-map .leaflet-shadow-pane { z-index: 5 } .standard-app-map .leaflet-marker-pane { z-index: 6 } .standard-app-map .leaflet-popup-pane { z-index: 7 } .standard-app-map .leaflet-zoom-box { width: 0; height: 0 } .standard-app-map .leaflet-tile { visibility: hidden } .standard-app-map .leaflet-tile-loaded { visibility: inherit } .standard-app-map a.leaflet-active { outline: 2px solid orange } .standard-app-map .leaflet-control { position: relative; z-index: 7 } .standard-app-map .leaflet-top,.standard-app-map .leaflet-bottom { position: absolute } .standard-app-map .leaflet-top { top: 0 } .standard-app-map .leaflet-right { right: 0 } .standard-app-map .leaflet-bottom { bottom: 0 } .standard-app-map .leaflet-left { left: 0 } .standard-app-map .leaflet-control { clear: both; float: left } .standard-app-map .leaflet-right .leaflet-control { float: right } .standard-app-map .leaflet-top .leaflet-control { margin-top: 10px } .standard-app-map .leaflet-bottom .leaflet-control { margin-bottom: 10px } .standard-app-map .leaflet-left .leaflet-control { margin-left: 10px } .standard-app-map .leaflet-right .leaflet-control { margin-right: 10px } .standard-app-map .leaflet-control-zoom,.leaflet-control-layers { border-radius: 7px } .standard-app-map .leaflet-control-zoom { background: #bfbfbf; background: rgba(0,0,0,.25); padding: 5px } .standard-app-map .leaflet-control-zoom a { background-color: #404040; background-color: rgba(255,255,255,.75) } .standard-app-map .leaflet-control-zoom a,.leaflet-control-layers a { background-position: 50% 50%; background-repeat: no-repeat; display: block } .standard-app-map .leaflet-control-zoom a { border-radius: 4px; height: 19px; width: 19px } .standard-app-map .leaflet-control-zoom a:hover { background-color: #fff } .standard-app-map .leaflet-big-buttons .leaflet-control-zoom a { height: 27px; width: 27px } .standard-app-map .leaflet-control-zoom-in,.standard-app-map .leaflet-control-zoom-out { background-image: url(../../images/modules/maps/zoom-in.png); margin-bottom: 5px } .standard-app-map .leaflet-control-zoom-out { background-image: url(../../images/modules/maps/zoom-out.png); margin-bottom: 0 } .standard-app-map .leaflet-control-layers { background: #f8f8f9; box-shadow: 0 0 7px #999 } .standard-app-map .leaflet-control-layers a { height: 36px; width: 36px } .standard-app-map .leaflet-big-buttons .leaflet-control-layers a { background-image: url(../../images/modules/maps/layers.png); height: 36px; width: 36px } .standard-app-map .leaflet-control-layers .leaflet-control-layers-list,.standard-app-map .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none } .standard-app-map .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative } .standard-app-map .leaflet-control-layers-expanded { background: #fff; color: #333; font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif; padding: 6px 10px 6px 6px } .standard-app-map .leaflet-control-layers input { margin-top: 2px; position: relative; top: 1px } .standard-app-map .leaflet-control-layers label { display: block } .standard-app-map .leaflet-control-layers-separator { border-top: 1px solid #ddd; height: 0; margin: 5px -10px 5px -6px } .standard-app-map .leaflet-container .leaflet-control-attribution { background-color: #fff; background-color: rgba(255,255,255,.7); box-shadow: 0 0 7px #ccc; color: #333; display: none; font: 11px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif; margin: 0; padding: 0 5px } .standard-app-map .leaflet-fade-anim .leaflet-tile { -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; opacity: 0; transition: opacity .2s linear } .standard-app-map .leaflet-fade-anim .leaflet-tile-loaded { opacity: 1 } .standard-app-map .leaflet-fade-anim .leaflet-popup { -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; opacity: 0; transition: opacity .2s linear } .standard-app-map .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1 } .standard-app-map .leaflet-zoom-anim .leaflet-tile { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } .standard-app-map .leaflet-zoom-anim .leaflet-objects-pane { visibility: hidden } .standard-app-map .leaflet-popup { position: absolute; text-align: center } .standard-app-map .leaflet-popup-content-wrapper { padding: 1px; text-align: left } .standard-app-map .leaflet-popup-content { margin: 19px } .standard-app-map .leaflet-popup-tip-container { height: 16px; margin: 0 auto; overflow: hidden; position: relative; width: 40px } .standard-app-map .leaflet-popup-tip { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 15px; margin: -8px auto 0; padding: 1px; transform: rotate(45deg); width: 15px } .standard-app-map .leaflet-popup-close-button { background: #fff url(../../images/modules/maps/popup-close.png); height: 10px; overflow: hidden; position: absolute; right: 9px; top: 9px; width: 10px } .standard-app-map .leaflet-popup-content p { margin: 18px 0 } .standard-app-map .leaflet-container { background: #ddd } .standard-app-map .leaflet-container a { color: #0078a8 } .standard-app-map .leaflet-zoom-box { border: 2px dotted #05f; background: #fff; opacity: .5 } .standard-app-map .leaflet-popup-content-wrapper,.leaflet-popup-tip { background: #fff; box-shadow: 0 1px 10px #888 } .standard-app-map .leaflet-popup-content-wrapper { border-radius: 20px } .standard-app-map .leaflet-popup-content { font: 12px/1.4 "Helvetica Neue",Arial,Helvetica,sans-serif } .standard-app-map { overflow: hidden; position: relative; width: 100%; height: 100% } .standard-app-map-location-label { background: #919191; border-bottom-right-radius: 3px; top: 0; color: #fff; font-size: 11px; left: 0; padding: 3px 6px; position: absolute } .standard-app-map-location-empty { background: #d5d5d5; display: table; height: 144px; left: 0; position: absolute; top: 0; width: 440px } .standard-app-map-location-empty-text { color: #8b8b8b; display: table-cell; font-size: 13px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,.7); font-weight: 700; vertical-align: middle } .video-wrapper { width: 560px; float: left } .content-wrap .asset .double-wide>.portrait { float: left; max-width: 170px; padding: 15px 10px } .content-wrap .asset .double-wide>.landscape { max-width: 100%; padding: 15px 10px } .fluid-width-video-wrapper { width: 100%; position: relative; padding: 15px 10px } .fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .content-wrap .asset .double-wide>a,.content-wrap .asset .double-wide p>a { color: #1990e5 } .content-wrap .asset .double-wide>a:hover,.content-wrap .asset .double-wide p>a:hover { text-decoration: underline } .corrections .left-column { float: left; width: 560px } .corrections .rule { border: 1px solid #e8e8e8; height: 0 } .corrections ul.list { margin: 0; padding: 0 } .corrections li.correction { list-style: none; margin: 0 } .corrections li.correction.more { margin-bottom: 20px } .corrections li.correction .anchor { color: #333; font-size: 16px; font-weight: 700 } .corrections li.correction .anchor:hover { color: #00adfb } .corrections li.correction>h3 { margin-bottom: 0 } .corrections li.correction>p { font-size: 12px; margin: 2px 0 5px } .corrections li.correction .meta { font-size: 12px; margin: 0 0 20px; padding: 0 } .corrections li.correction .meta>li { display: inline; margin: 0; padding: 0 } .corrections li.correction .meta li.section { border-right: 1px solid #e8e8e8; font-weight: 700; padding-right: 5px } .corrections li.correction .meta li.pubdate { color: #c8c8c8; font-size: 11px; font-style: italic; margin-left: 5px } article.static-page .correction-sidebar h4 { margin-bottom: 5px; padding: 0 15px; text-align: left } article.asset .comp.ribbon-module .light-shade.correction-sidebar p.small { color: #c8c8c8; font-size: 11px; font-style: italic; margin: 0 15px 10px; text-align: left } article.asset .comp.ribbon-module .light-shade.correction-sidebar .contact-info { color: #333; list-style: none; margin: 0; padding: 0 30px 10px; text-align: left } article.cards.stag.cannes-lions .stag-masthead { margin-top: -30px; padding: 0; text-align: center; height: 90px } article.cards.stag.cannes-lions .stag-masthead h1 { line-height: 0; text-transform: uppercase; font: 700 54px 'futura today' } article.cards.stag.cannes-lions .stag-masthead h1 img { position: relative; top: -5px } article.cards.stag.colby-rasmus { background: url(http://www3.pictures.zimbio.com/gi/Colby+Rasmus+Toronto+Blue+Jays+v+Chicago+White+Jlzx1m9AcOKx.jpg) no-repeat right top fixed; background-size: 100% 100% } .asset #election-2012-ribbon.content-bar { overflow: visible } .asset #election-2012-ribbon { background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left; color: #999; margin-bottom: 0; margin-left: 40px; min-height: 49px; overflow: none; padding: 10px 0 0; position: relative; width: 940px } .asset .election-state-picker { float: left; margin: -8px 10px; position: absolute } .elections-2012 .stag-masthead .masthead-intro { color: #929292; font: 15px/24px 'Futura Today Bold'; text-shadow: 1px 1px 1px rgba(255,255,255,.4); text-transform: uppercase } .elections-2012 .stag-masthead>h1 { font: 46px/50px 'Futura Today Bold'; margin-bottom: 15px; text-transform: uppercase } .elections-2012 .stag-masthead>h1 a { color: #fff } .elections-2012 .stag-masthead>h1 .elections-star-icon { background: url(../../images/topics/elections-2012/star_icon.gif) no-repeat; display: inline-block; height: 35px; margin: 0 4px 0 -6px; position: relative; top: 0; width: 45px; box-shadow: 4px 3px 3px rgba(0,0,0,.4) } article.cards.stag.elections-2012 .card-container { background: #fdfdfd url(../../images/topics/elections-2012/body_background.jpg) repeat-x; filter: none } article.cards.elections-2012 .card-wrap { min-height: inherit; padding-top: 30px } .elections-2012 .nav,.elections-2012 .nav-item .nav-list { list-style: none; margin: 0; padding: 0 } .elections-2012 .nav { background: #0f69aa url(../../images/topics/elections-2012/nav_background.gif) repeat-x; color: #fff; float: left; font-family: Arial,sans-serif; font-size: 14px; position: relative; width: 960px; z-index: 1 } .elections-2012 .nav-item { border-right: 1px solid #0a599b; margin: 0; text-align: center; float: left; width: 159px } .elections-2012 .nav-item:last-child { border-right: 0 } .elections-2012 .nav-item:last-child { width: 160px } .elections-2012 .nav-item.active { background: url(../../images/topics/elections-2012/nav_background_active.gif) repeat-x } .elections-2012 .nav-item:hover { background: #fdfdfd } .elections-2012 .nav-item a { color: #333 } .elections-2012 .nav-item a:hover { color: #1a95d2 } .elections-2012 .nav-item .top { cursor: default; display: inline-block; font-weight: 700; height: 100%; line-height: 46px; width: 100% } .elections-2012 .nav-item.active .top { color: #fff } .elections-2012 .nav-item:hover .top { color: #333 } .elections-2012 .nav-item .nav-list { background: #fdfdfd; background: -moz-linear-gradient(top,#fdfdfd 0,#e1e1e1 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top,#fdfdfd 0,#e1e1e1 100%); background: linear-gradient(to bottom,#fdfdfd 0,#e1e1e1 100%); color: #333; height: 135px; left: 0; position: absolute; table-layout: fixed; top: 46px; width: 100%; z-index: 1; text-align: left!important } .elections-2012 .nav-item .nav-list.debates-menu { height: 135px } .elections-2012 .nav-item .nav-list { display: none } .elections-2012 .nav-item:hover .nav-list { display: table } .elections-2012 .nav-item .nav-list-item { border-right-color: #cecece; display: table-cell; padding: 2% 2% 0; vertical-align: top } .elections-2012 .nav-item .nav-list h2 { font-size: 16px; font-weight: 700; line-height: 20px; margin: 0; text-shadow: 0 1px 0 #fff } .elections-2012 .nav-item .nav-list.candidates h2 { clear: both } .elections-2012 .nav-item .nav-list-item img { border: 1px solid #cecece; display: inline; float: left; margin: 2px 15px 15px 0 } .elections-2012 .nav .blurb { font-size: 12px; line-height: 16px; margin: 2px 0 0 } .elections-2012 .nav .overview .blurb { line-height: 18px } .elections-2012 .nav .overview .icon { background: url(../../images/topics/elections-2012/icons.png) no-repeat 0 0; display: inline-block; height: 16px; padding-left: 24px; position: relative; top: 2px } .elections-2012 .nav .overview .icon.blog { background-position: 0 -16px; padding-left: 20px; top: 4px } .elections-2012 .nav .candidates .nav-list-item,.elections-2012 .nav .conventions .nav-list-item { display: block; float: left; height: 95px; padding: 20px 48px } .elections-2012 .nav .conventions .nav-list-item { padding: 20px; width: 439px } .lt-ie9 .elections-2012 .nav .candidates .nav-list-item,.lt-ie9 .elections-2012 .nav .conventions .nav-list-item { padding: 20px } .elections-2012 .nav .candidates .thumbs { border: 0; text-align: center; padding: 25px 48px 15px } .elections-2012 .nav .candidates .nav-list-item:last-child { border-left: 1px solid #cecece; padding: 37px 15px 3px 25px; max-width: 160px } .elections-2012 .nav .thumbs img { border: 0; margin: -16px 0 4px } .elections-2012 .nav .labels h2,.elections-2012 .nav .labels h3 { font: 700 11px/14px Arial,sans-serif; text-shadow: none; text-transform: none } .elections-2012 .nav .labels h3 { font-weight: 400; font-style: italic; margin: 0 } .elections-2012 .nav .conventions .labels h2.date { background: #999; color: #fff; display: inline-block; font-size: 14px; line-height: 16px; margin: 2px 0 8px; padding: 6px 10px 4px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); box-shadow: inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 #fff } .elections-2012 .nav .conventions .labels h2 { font-size: 16px; margin: 8px 0 5px } .elections-2012 .nav .conventions .labels h3 { font-size: 14px } .elections-2012 .nav .labels.list-item { line-height: 14px; overflow: hidden; width: 100% } .elections-2012 .nav .labels.list-item h2 { margin-top: 4px } .elections-2012 .nav .labels.list-item .date { clear: both; float: left; font-size: 12px; line-height: 14px; margin: 2px 8px 2px 0; padding: 2px 4px; width: 52px } .elections-2012 .nav .labels.list-item .location { font-weight: 400 } #election-state-nav-form .election-state-input { width: 100%; font-weight: 700 } .elections-2012 .stag.mod.hero.three-up .slide { background: #12202b url(../../images/topics/elections-2012/dark_noise.gif) no-repeat } .elections-2012.stag .featured-content-series { background: url(../../images/topics/elections-2012/star_pattern.gif) repeat; width: 960px; overflow: hidden } .elections-2012 .featured-content-a { border-color: transparent } .elections-2012 .featured-content .updated { color: #dd9593 } .elections-2012.stag .featured-content-img { border-color: #d89494 } .elections-2012 #cand-ribbon { background: #1081c7; clear: both; height: 100px; overflow: hidden; padding: 10px 20px } .elections-2012 #cand-ribbon,.elections-2012 #cand-ribbon a { color: #fff } .elections-2012 #cand-ribbon-thumb,.elections-2012 #cand-ribbon-info,.elections-2012 #cand-ribbon-list li { float: left } .elections-2012 #cand-ribbon-thumb { margin-right: 20px; margin-top: -16px } .elections-2012 #cand-ribbon-list,.elections-2012 #cand-ribbon-name { margin: 0; padding: 0 } .elections-2012 #cand-ribbon-name { font-size: 50px; margin: 10px 0 4px; line-height: 54px } .elections-2012 #cand-ribbon-list { list-style: none } .elections-2012 #cand-ribbon-list li { border-left: 1px solid #126396; font-size: 14px; font-weight: 700; line-height: 24px; padding: 0 24px } .elections-2012 #cand-ribbon-list li:first-child { border-left: 0; padding-left: 0 } .elections-2012 #cand-ribbon-list .plain { font-weight: 400 } .elections-2012 #cand-ribbon-list #cand-bio-btn { background: #2aa9ff; border: 1px solid #1a7dc2; border-radius: 3px; font: 12px/12px 'Futura Today Bold'; padding: 8px 16px 7px; position: relative; top: -2px; text-shadow: 1px 1px 1px rgba(0,0,0,.6); text-transform: uppercase } .elections-2012 .contributing-writers .details img { max-width: none } .elections-2012 .view-all { background: url(../../images/components/full-bio-arrow.png) no-repeat; display: block; font-weight: 700; line-height: 18px; padding-left: 22px; position: absolute; top: 9px; right: 0 } .elections-2012 .writers { padding: 0; position: relative } .elections-2012 .stag.contributing-writers { border: 0; padding: 0 } .elections-2012 .contributing-writers .writer { width: 50% } .elections-2012 .contributing-writers .blurb { color: #333; width: auto } .elections-2012 .stag.contributing-writers h2 { float: none } .elections-2012 .split { float: left; padding: 10px 36px; width: 400px } .elections-2012 .split:first-child { border-right: 1px solid #cecece } #election-state-nav-form .ui-autocomplete-result-container { background: 0; border: 0 } .election-credits { font-size: 10px; color: #636363; clear: both; padding: 10px 0 20px 20px; font-weight: 400; background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left } .election-credits span { font-weight: 700 } .elections-2012 .mod.hero { position: relative; z-index: 0 } .election-forecast .stag.hero.three-up .stage { height: 650px; background: #fff } .election-forecast .stag.hero.three-up iframe { border: 0; float: left; margin: 0 } .elections-2012 .content-wrap iframe { border: 0; float: left; margin: 0 } article.cards.stag.usa-tomorrow { background: #000 url(../../images/topics/usa-tomorrow/usa-tomorrow-background.jpg) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.usa-tomorrow .card-container { background: 0 } article.cards.stag.usa-tomorrow .stag-masthead>h1 { background: transparent url(../../images/topics/usa-tomorrow/usa-tomorrow.png) no-repeat top center; font-size: 0; height: 42px; line-height: 0; overflow: hidden; text-indent: 105%; white-space: nowrap } article.cards.stag.thriving-on-the-road { background: #000 url(../../images/topics/thriving-on-the-road/thriving-on-the-road-background.jpg) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.thriving-on-the-road .card-container { background: 0 } article.cards.stag.thriving-on-the-road .stag-masthead { position: relative } article.cards.stag.thriving-on-the-road .stag-masthead h1 { background: transparent url(../../images/topics/thriving-on-the-road/thriving-on-the-road.png) no-repeat top center; font-size: 0; height: 58px; line-height: 0; overflow: hidden; text-indent: 105%; white-space: nowrap } article.cards.stag.thriving-on-the-road .stag-masthead .leavebehind { bottom: -25px; color: #eff6bf; font-family: Arial,sans-serif; font-size: 9px; font-weight: 700; line-height: normal; position: absolute; right: 0; text-align: center; width: 105px } article.cards.stag.thriving-on-the-road .stag-masthead .leavebehind .logo-spot { background-color: #bbd683; background-color: rgba(255,255,255,.16); box-shadow: 0 2px 5px #000; box-shadow: 0 2px 5px rgba(0,0,0,.25); margin-top: 5px; padding: 10px 0 6px } article.cards.stag.better-business-travel { background: #000 url(../../images/topics/better-business-travel/better-business-travel-background.jpg) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.better-business-travel .card-container { background: 0 } article.cards.stag.better-business-travel .stag-masthead { position: relative } article.cards.stag.better-business-travel .stag-masthead h1 { background: transparent url(../../images/topics/better-business-travel/better-business-travel.png) no-repeat top center; font-size: 0; height: 48px; line-height: 0; overflow: hidden; text-indent: 105%; white-space: nowrap } article.cards.stag.better-business-travel .stag-masthead .leavebehind { bottom: -25px; color: #eff6bf; font-family: Arial,sans-serif; font-size: 9px; font-weight: 700; line-height: normal; position: absolute; right: 0; text-align: center; width: 105px } article.cards.stag.better-business-travel .stag-masthead .leavebehind .logo-spot { background-color: #46afc4; background-color: rgba(255,255,255,.25); box-shadow: 0 2px 5px #000; box-shadow: 0 2px 5px rgba(0,0,0,.25); margin-top: 5px; padding: 10px 0 6px } .greeninc .stag-masthead .masthead-intro { color: #929292; font: 15px 'Futura Today Bold'; text-shadow: 1px 1px 1px rgba(255,255,255,.4); text-transform: uppercase } .greeninc .stag-masthead>h1 { font: 40px 'Futura Today Bold'; margin-bottom: 15px; text-transform: uppercase } .greeninc .stag-masthead>h1 a { color: #fff } .greeninc .stag-masthead>h1 span { display: block; font: 12px 'Futura Today Bold'; padding: 0 0 0 10px; margin-top: -15px; text-transform: capitalize } article.cards.stag.greeninc .card-container { background: #25372b; filter: none } article.cards.stag.greeninc .card-wrap { min-height: inherit; padding-top: 30px } .ghostfactories .stag-masthead .masthead-intro { color: #929292; font: 15px 'Futura Today Bold'; text-shadow: 1px 1px 1px rgba(255,255,255,.4); text-transform: uppercase } .ghostfactories .stag-masthead>h1 { font: 55px 'Futura Today Bold'; margin-bottom: 15px; text-transform: uppercase } .ghostfactories .stag-masthead>h1 img { margin: 0 10px 20px 0 } article.cards.stag.awards-central .card-container { background: #000 url(../../images/topics/awards-central/body_background.jpg) no-repeat 50% 0; filter: none } article.cards.stag.usa-weekend { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.stag.entertainment { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.stag.food { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.stag.games { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.stag.health { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } article.cards.stag.living { background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .card-suspender-color.home { background-color: #1877b6 } .card-suspender-color.news { background-color: #1877b6 } .card-suspender-color.sports { background-color: #9e1d0a } .card-suspender-color.life { background-color: #741784 } .card-suspender-color.money { background-color: #137f39 } .card-suspender-color.tech { background-color: #c1570a } .card-suspender-color.travel { background-color: #119e9e } .card-suspender-color.opinion { background-color: #666 } .card-suspender-color.weather { background-color: #dd9d0d } .site-nav-span-theme-usatoday.site-nav-news-span.site-nav-active-span { background: #009bff } .site-nav-span-theme-usatoday.site-nav-sports-span.site-nav-active-span { background: #b81800 } .site-nav-span-theme-usatoday.site-nav-life-span.site-nav-active-span { background: #9600b4 } .site-nav-span-theme-usatoday.site-nav-money-span.site-nav-active-span { background: #00a53c } .site-nav-span-theme-usatoday.site-nav-tech-span.site-nav-active-span { background: #fa6600 } .site-nav-span-theme-usatoday.site-nav-travel-span.site-nav-active-span { background: #00c3c3 } .site-nav-span-theme-usatoday.site-nav-opinion-span.site-nav-active-span { background: #666 } #nav .weather .nav-anchor:hover .nav-span,#nav .weather .nav-anchor .nav-span.dropdown-active,#nav .weather.active .nav-span.dropdown-active { background: #313131 url(../../images/patterns/nav-dropdown-noise.gif) } .headline-asset-item-tile { background-color: #0050a1 } .headline-asset-item-home-tile { background-color: #0050a1; background-color: rgba(0,0,0,.5) } .headline-asset-item-news-tile { background-color: #009bff; background-color: rgba(0,0,0,.5) } .headline-asset-item-sports-tile { background-color: #eb1e00; background-color: rgba(0,0,0,.5) } .headline-asset-item-life-tile { background-color: #9600b4; background-color: rgba(0,0,0,.5) } .headline-asset-item-money-tile { background-color: #00a53c; background-color: rgba(0,0,0,.5) } .headline-asset-item-opinion-tile { background-color: #666; background-color: rgba(0,0,0,.5) } .headline-asset-item-tech-tile { background-color: #fa5f00; background-color: rgba(0,0,0,.5) } .headline-asset-item-travel-tile,.headline-asset-item-experience-tile { background-color: #00c3c3; background-color: rgba(0,0,0,.5) } .headline-asset-item-weather-tile { background-color: #ffc000; background-color: rgba(0,0,0,.5) } .noimage .headline-asset-item-tile { background-color: #0050a1 } .noimage .headline-asset-item-home-tile { background-color: #0050a1 } .noimage .headline-asset-item-news-tile { background-color: #009bff } .noimage .headline-asset-item-sports-tile { background-color: #eb1e00 } .noimage .headline-asset-item-life-tile { background-color: #9600b4 } .noimage .headline-asset-item-money-tile { background-color: #00a53c } .noimage .headline-asset-item-opinion-tile { background-color: #666 } .noimage .headline-asset-item-tech-tile { background-color: #fa5f00 } .noimage .headline-asset-item-travel-tile,.noimage .headline-asset-item-experience-tile { background-color: #00c3c3 } .noimage .headline-asset-item-weather-tile { background-color: #ffc000 } .parent-label { background-color: #0050a1 } .news-theme-color,.news-theme-color:visited { color: #00a53c } .sports-theme-color,.sports-theme-color:visited { color: #eb1e00 } .life-theme-color,.life-theme-color:visited { color: #9600b4 } .money-theme-color,.money-theme-color:visited { color: #00a53c } .tech-theme-color,.tech-theme-color:visited { color: #fa5f00 } .travel-theme-color,.travel-theme-color:visited { color: #00c3c3 } .weather-theme-color,.weather-theme-color:visited { color: #ffc000 } .opinion-theme-color,.opinion-theme-color:visited { color: #666 } .parent-label.news,.news-theme-bg,.news-theme-bg-hover:hover { background-color: #009bff!important } .parent-label.sponsor-story,.sponsor-story-theme-bg,.sponsor-story-theme-bg-hover:hover { background-color: #000!important } .parent-label.sports,.sports-theme-bg,.sports-theme-bg-hover:hover { background-color: #eb1e00!important } .parent-label.life,.life-theme-bg,.life-theme-bg-hover:hover { background-color: #9600b4!important } .parent-label.money,.money-theme-bg,.money-theme-bg-hover:hover { background-color: #00a53c!important } .parent-label.tech,.tech-theme-bg,.tech-theme-bg-hover:hover { background-color: #fa5f00!important } .parent-label.travel,.parent-label.experience,.travel-theme-bg,.experience-theme-bg,.travel-theme-bg-hover:hover,.experience-theme-bg-hover:hover { background-color: #00c3c3!important } .parent-label.weather,.weather-theme-bg,.weather-theme-bg-hover:hover { background-color: #ffc000!important } .parent-label.opinion,.opinion-theme-bg,.opinion-theme-bg-hover:hover { background-color: #666!important } #animated-site-logo { display: block; position: absolute; z-index: 1 } #animated-site-logo-dot-link { background: url(about:blank); display: block; height: 80px; position: absolute; width: 53px; z-index: 1 } .animated-site-logo-link { background: url(about:blank); display: block; height: 80px; left: 53px; position: absolute; width: 210px; z-index: 1 } .site-theme-usatoday .footer>nav>.fronts>section.news h6,.news-theme-border,.news-theme-border-hover:hover { border-color: #009bff!important } .site-theme-usatoday .footer>nav>.fronts>section.sports h6,.sports-theme-border,.sports-theme-border-hover:hover { border-color: #ff1e00!important } .site-theme-usatoday .footer>nav>.fronts>section.life h6,.life-theme-border,.life-theme-border-hover:hover { border-color: #9600b4!important } .site-theme-usatoday .footer>nav>.fronts>section.money h6,.money-theme-border,.money-theme-border-hover:hover { border-color: #00a53c!important } .site-theme-usatoday .footer>nav>.fronts>section.tech h6,.tech-theme-border,.tech-theme-border-hover:hover { border-color: #fa5f00!important } .site-theme-usatoday .footer>nav>.fronts>section.travel h6,.travel-theme-border,.travel-theme-border-hover:hover,.experience-theme-border,.experience-theme-border-hover:hover { border-color: #00c3c3!important } .site-theme-usatoday .footer>nav>.fronts>section.opinion h6,.opinion-theme-border,.opinion-theme-border-hover:hover { border-color: #666!important } .site-theme-usatoday .footer>nav>.fronts>section.weather h6,.weather-theme-border,.weather-theme-border-hover:hover { border-color: #ffc000!important } .gallery-viewport>.slide>div.snapshot-card { background: #fff; margin-top: 5px; padding-bottom: 5px } .snapshots { line-height: normal; padding: 10px; text-align: left; width: 660px; cursor: default } .snapshot-meta { clear: left; color: #a1a1a1; float: left; font-family: Arial; font-size: 12px; height: 40px; line-height: 18px; padding-top: 15px; text-align: left; width: 445px } .snapshot-sponsor { top: 452px; color: #a1a1a1; font-family: Arial; font-size: 12px; position: absolute; right: 30px; text-transform: uppercase; z-index: 5 } .snapshot-sponsor-text { display: inline-block; line-height: 30px; vertical-align: middle; padding-right: 5px } .snapshot-meta-caption-source,.snapshot-meta-caption-credit { width: 100%; display: block } .snapshots.snapshot { min-height: 430px } .snapshots.snap-vote { top: 0; background: #f5f5f5; display: none; height: 465px; padding: 20px; width: 640px } .snapshots .snap-lt-col { float: left; height: 430px; position: relative; margin: 0 15px 0 0; width: 215px } .snapshots .snap-title { font-family: 'Futura Today Bold',arial,sans-serif; font-size: 28px } .snapshots .snap-chatter { font-size: 14px; line-height: 22px; margin: 5px 0 0 } .snapshots .snap-poll { bottom: 0; border-top: 1px solid #ccc; left: 0; padding: 15px 0 0; position: absolute } .snapshots .snap-poll-question { font-size: 24px; font-weight: 700; letter-spacing: -1px; line-height: 28px; margin: 0 0 15px } .snapshots .snap-poll .snap-poll-question { font-size: 16px; letter-spacing: normal; line-height: 22px } .snapshots .vote { width: 85px } .snapshots .ui-chunky-btn.icon.vote:before { background: url(../../images/modules/snapshots/vote-icon.png) no-repeat } .snap-poll .ui-chunky-btn.icon { z-index: 1; width: 215px } .snapshots .ui-chunky-btn.icon { z-index: 1 } .snapshots .snapshot-square { float: right; height: 430px; width: 430px } .snapshots .snap-vote-options { margin: 0 auto; text-align: center; width: 392px } .snapshots .snap-vote-options .cancel,.snapshots .snap-vote-results .cancel { margin: 20px 0 0 } .snapshots .ui-chunky-btn.snap-vote-btn { color: #666; font-family: Arial; font-size: 16px; text-align: center; margin: 10px 0; text-shadow: none; text-transform: none; width: 350px } .snapshots .ui-chunky-btn.snap-vote-btn.loading { background-image: url(../../images/indicators/loader.gif); background-position: center; background-repeat: no-repeat; text-indent: -2000px } .snapshots .snap-poll-label { color: #a0a0a0; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 8px; padding: 0 0 10px; text-transform: uppercase } .snapshots .snap-vote-results { text-align: center; width: 100% } .snapshots .snap-vote-results p { color: #666; font-weight: 700; margin: 20px 0 5px; text-align: left } .snapshots .snap-vote-results p span { float: right; font-weight: 400 } .snapshots .snap-result-wrapper { background: #eaeaea; border: 1px solid #fff; box-shadow: inset 0 0 7px #b7b7b7; clear: both; display: block; height: 22px; position: relative; width: 100% } .snapshots .result-fill { background: #007ac6; display: block; height: 22px; left: 0; position: absolute; top: 0 } .asset-headline { color: #333; font: 700 32px/34px helvetica,arial,sans-serif; margin: 0; padding: 20px 0 0 70px } .interactive-poll { display: block; width: 320px; min-height: 100px; height: auto; padding: 0; margin: 0 } .interactive-poll .story-poll-vote-wrapper,.story-poll-results-btn { color: #333; display: inline-block; font: 700 12px/30px arial,sans-serif; height: 30px; margin: 0 0 20px } .interactive-poll .story-poll-vote-button-icon { background: url(../../images/sprites/forms-sprite.png) 3px -64px no-repeat; float: left; height: 14px; width: 19px } .interactive-poll .story-poll-vote-wrapper { background-clip: content-box; border: 1px solid #d1d1d1; border-radius: 2px; box-shadow: 0 3px 1px rgba(238,238,238,1); display: block; float: left; font: 700 12px/30px arial,sans-serif; height: 15px; margin: 5px 0 15px 15px; max-width: 260px; padding: 7px; width: 70px } .poll-vote-results .story-poll-vote-wrapper { float: none; margin-left: 10px } .story-poll-results-btn { border: 0; background: url(../../images/sprites/forms-sprite.png) 0 -113px no-repeat; float: right; margin: 12px 20px 0 0; box-shadow: none; padding: 0 0 0 28px; height: 26px; position: static } .story-poll-results-btn-text { float: left; margin-top: -3px } .interactive-poll a:hover { color: #1ea3ff } .interactive-poll .story-poll-chart { display: none; margin-bottom: 20px } .interactive-poll h4 { font-size: 14px; line-height: 1.2em; margin: 0 25px 5px; text-align: left } .interactive-poll .story-poll-choices-list,.interactive-poll .poll-vote-results { padding: 0 15px; text-align: left } .interactive-poll .story-poll-choices-list .story-poll-choices-item { clear: both; float: left; font: 700 13px arial,sans-serif; list-style: none; margin: 4px 10px 7px } .story-poll-answer,.story-poll-auth,.story-poll-vote-btn { background: 0; border: 0; clear: none; float: left; font: 700 12px/30px arial,sans-serif } .story-poll-answer { -webkit-appearance: none; background: url(../../images/sprites/forms-sprite.png) 0 -77px no-repeat; border: 0; cursor: pointer; height: 18px; width: 17px } .story-poll-answer:checked { background-position: 0 -95px } .story-poll-vote-btn { line-height: 12px; margin: 1px 0 0 } .story-poll-answer-text,.interactive-poll .chart-bar-top,.interactive-poll .chart-bar-bot { border-bottom: 1px dotted gray; float: left; line-height: 17px; margin: 0 0 0 10px; padding-bottom: 11px; width: 240px } .interactive-poll .results { background: 0; box-shadow: none; display: inline-block; margin: 0 20px; top: 0; width: 90% } .story-poll-result-item { background-clip: padding-box; clear: both; color: #666; height: 60px; list-style: none; width: 100% } .interactive-poll .story-poll-chart-answer-text { color: #666; font-size: 12px; font-weight: 400; line-height: 16px; padding: 5px 10px; text-align: left; width: auto; word-wrap: break-word } .story-poll-bar-wrap { height: 15px; padding: 0 10px; z-index: 150 } .story-poll-chart-bar-mid { height: 25px; max-width: 100% } .story-poll-chart-bar-hor { background-color: #1b9efc; background-clip: content-box; display: inline-block; float: left; height: 100%; min-width: 2px; max-width: 81%; text-align: right; width: 100% } .story-poll-chart-percent-label { font-family: "Futura Today Bold"; padding-left: 5px } .interactive-poll .story-poll-results-total-wrapper { color: #666; font-family: "Futura Today"; font-size: 14px; margin: 10px 0 0 10px; text-align: left } .interactive-poll .story-poll-results-total-wrapper .story-poll-results-total { font-family: "Futura Today Bold"; text-transform: uppercase } .interactive-poll .email-widget-success-msg { width: auto } .site-nav-span.site-nav-firefly-span { width: 18px } .site-nav-span.site-nav-firefly-span:after { background-position: -40px 0; height: 16px; margin-left: -9px; top: 13px; width: 18px } .site-nav-span.site-nav-firefly-span { cursor: wait; opacity: .3; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear } .site-nav-span.site-nav-firefly-span.loaded { cursor: pointer; opacity: 1 } .site-nav-firefly-avatar-image { left: 9px; position: absolute; top: 9px } .site-nav-firefly-dropdown { width: 220px } .site-nav-firefly-dropdown-text { color: #cacaca; font-size: 11px; line-height: 14px; margin-bottom: 8px } .site-nav-firefly-user-display-name { font-weight: 700 } .site-nav-firefly-dropdown-section { display: none; margin: 15px 0; padding: 0 20px } .site-nav-firefly-dropdown-section>.ui-chunky-btn { display: block; margin-top: 5px } .firefly-activate-btn { display: block } .ff-greetings,.ff-login { border: 0 } .ff-logout { margin-top: 10px } .site-nav-firefly-dropdown>.ff-login { display: block } .site-nav-firefly-dropdown.authenticated>.ff-activate,.site-nav-firefly-dropdown.authenticated>.ff-login { display: none } .site-nav-firefly-dropdown.authenticated>.ff-greetings,.site-nav-firefly-dropdown.authenticated>.ff-account,.site-nav-firefly-dropdown.authenticated>.ff-logout { display: block } .site-nav-firefly-dropdown>.ff-subscribe,.site-nav-firefly-dropdown>.ff-activate { display: block } .site-nav-firefly-dropdown.subscribed>.ff-activate,.site-nav-firefly-dropdown.subscribed>.ff-subscribe { display: none } .site-nav-firefly-dropdown.subscribed>.ff-enewspaper,.site-nav-firefly-dropdown.subscribed>.ff-newsletters,.site-nav-firefly-dropdown.subscribed>.ff-subscriber-central { display: block } .quick-links { box-shadow: none } .quick-links-item { border: 0; font-size: 12px; font-weight: 400; line-height: 15px; text-shadow: 0 1px 1px rgba(0,0,0,.18) } .quick-links-list { border-bottom: 0; border-top: 0; overflow: hidden; width: 120px } .blog-promo-module { width: 100% } .blog-promo-module .blog-promo-content { padding: 27px 0 0; height: 220px } .blog-promo-primary { background-color: #efefef; overflow: hidden; position: relative } .blog-promo-content { display: table; padding: 27px 0 10px; margin: 0; position: relative; -webkit-transition-duration: 0 } .blog-promo-suspender { display: block } .blog-promo-suspender .blogs-show-all-wrap { border-bottom: 1px solid rgba(255,255,225,.14); border-top: 1px solid rgba(0,0,0,.15); margin-top: 60px } .blog-promo-module .blogs-show-all-primary { float: right; height: 30px; position: absolute; right: 20px; top: 200px; width: 100px; z-index: 1000 } .blogs-show-all-primary.blog-top-bump { top: 210px } .blogs-show-all-primary .blogs-show-all { height: 30px; margin: 0; width: 100px } .blog-promo-suspender .blogs-show-all { border-bottom: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,225,.14); cursor: pointer } .blog-promo-suspender .blogs-show-all:hover,.blog-promo-suspender .blogs-show-all-wrap.active .blogs-show-all { background-color: rgba(0,0,0,.2); border-top: 1px solid rgba(0,0,0,.14) } .blog-promo-suspender .blogs-show-all-wrap.active:after { background: transparent url(../../images/notch.png) no-repeat 0 -9px; content: ''; height: 16px; margin-top: 42px; position: absolute; right: 0; top: 50%; width: 10px } .blog-promo-module .show-all-blogs { color: #666; height: 0; overflow: hidden; width: 720px } .blog-promo-module .inner-show-all-blogs { background-color: #fff; border-top: 1px #cdcdcd solid; box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); padding: 20px 20px 60px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 } .blog-promo-module .show-all-blogs .inner-show-all-blogs-h3 { font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 16px; text-transform: uppercase } .blog-promo-module .show-all-blogs .inner-show-all-blogs-a { color: #666; font-size: 13px } .blog-promo-module .show-all-blogs .inner-show-all-blogs-a:hover { color: #4ec4ff } .blog-promo-content-wrap { display: table-cell; width: 100% } .blog-promo-content-item { display: block; float: left; text-align: center } .blog-promo-content-item .blog-promo-content-item-a { color: #000; display: block; font-size: 11px; min-height: 200px; padding: 0 25px; width: 129px } .blog-promo-content-item .blog-promo-content-item-a .blog-promo-content-item-img { border: 5px solid #fff; box-shadow: 0 4px 8px 0 #bebebe } .blog-promo-content-item .blog-promo-content-item-a .blog-promo-content-item-h3 { color: #333; font-size: 14px; line-height: 18px; margin-bottom: 4px; margin-top: 7px; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden } .blog-promo-content-wrap-one { width: 100% } .blog-promo-content-wrap-one .blog-promo-content-item { width: 100% } .blog-promo-content-wrap-one .blog-description { float: left; margin-left: 20px; width: 510px } .blog-promo-content-wrap-two { width: 50% } .blog-promo-content-wrap-two .blog-promo-content-item,.blog-promo-content-wrap-one .blog-promo-content-item { text-align: left } .blog-promo-content-wrap-two .blog-promo-content-item .blog-promo-content-item-a,.blog-promo-content-wrap-one .blog-promo-content-item .blog-promo-content-item-a { color: #666; float: left; font-size: 12px; padding-right: 0 } .blog-promo-content-wrap-two .blog-promo-content-item .blog-promo-content-item-h3,.blog-promo-content-wrap-one .blog-promo-content-item .blog-promo-content-item-h3 { font-size: 16px } .blog-promo-module .promo-button-container { bottom: 20px; display: none; float: right; position: absolute; right: 20px } .close-all-blogs { width: 100px } .tssm-list { box-sizing: border-box; -moz-box-sizing: border-box; display: block; list-style: none; position: relative } .tssm-list-title { box-sizing: border-box; -moz-box-sizing: border-box; font: 15px 'Futura Today Bold',Arial,sans-serif; height: 40px; line-height: 40px; padding: 0 0 0 15px; text-align: left; text-transform: uppercase } .sidebar.dark .tssm-list-title { background-color: #2b2b2b; border-bottom: 1px solid #0f0f0f; color: #fff } .sidebar.light .tssm-list-title { background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #ccc; color: #282828 } .tssm-item { cursor: pointer; display: block; margin: 0; padding: 0; position: relative } .tssm-list-link { box-sizing: border-box; -moz-box-sizing: border-box; display: block; font-weight: 700; padding: 8px 16px; transition: color,background-color 75ms,75ms; -webkit-transition: color,background-color 75ms,75ms } .sidebar.dark .tssm-list-link { background-color: #2b2b2b; border-bottom: 1px solid #0f0f0f; border-top: 1px solid #3c3c3c; color: #fff } .sidebar.dark .tssm-list-link:visited { color: #fff } .sidebar.dark .tssm-list-link:hover { background-color: #272727; border-bottom-color: transparent; border-top-color: transparent; color: #fff } .sidebar.light .tssm-list-link { background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #282828 } .sidebar.light .tssm-list-link:visited { color: #282828 } .sidebar.light .tssm-list-link:hover { color: #282828; background-color: #fff; border-top-color: transparent } .tssm-list-hed { display: block; font-size: 13px; padding: 4px 0 } .usanow-vid-container { width: 280px; height: 156px; margin: 5px 20px } .usanow-vid-container .thumbnail { display: block; height: 156px; position: relative; width: 280px } .usanow-vid-title { color: #000; font: 14px/18px arial,sans-serif; font-weight: 700; margin: 0 20px; text-align: left } .usanow-vid-date { color: #787878; font-weight: lighter; font: 12px/14px arial,sans-serif; margin: 5px 20px 15px; text-align: left } .usanow-vid-play { bottom: 4px; right: 4px } .more-blogs-wrapper { overflow: auto; padding: 50px 0 60px 60px; width: 700px } .more-blogs-info { color: #999; font: 12px/22px arial,sans-serif; font: 400 12px Helvetica,arial,sans-serif; margin-bottom: 10px; width: 550px } .more-blogs-h3 { font-color: #333; font-size: 18px; font-weight: 100; margin-bottom: 10px; text-transform: uppercase } .more-blogs-title { color: #333; font: 400 14px Helvetica,arial,sans-serif; margin-top: 10px; text-transform: uppercase } .more-blogs-wrapper .more-blogs-title-a { color: #000 } .more-blogs-title-a:hover { color: #1990e5 } .more-blogs-allposts { margin-top: 10px } .more-blogs-alllink { font: 700 12px/22px arial,sans-serif } .util-bar-btn.util-bar-btn-ugc:before { background-image: url(../../images/apps/ugc/ugc-sprite.png); background-position: 0 -68px; height: 24px; margin: 5px auto 3px; width: 18px } .ugc-util-bar-flyout { width: 320px } .util-bar-flyout-heading.ugc-util-bar-flyout-header { margin-bottom: 15px; padding: 15px 0 0 } .ugc-util-bar-flyout-header,.ugc-util-bar-flyout-body-content,.ugc-util-bar-flyout-footer { margin-left: 15px; margin-right: 15px; position: relative; width: 290px } .ugc-util-bar-flyout-footer { margin-bottom: 30px } .ugc-util-bar-flyout-header-title-link,.ugc-util-bar-flyout-header-title-link:visited { color: #333 } .ugc-util-bar-flyout-upload-form-view-container { margin-bottom: 20px; position: relative } .ugc-util-bar-flyout-upload-form-view-container.expanded { overflow: visible } .ugc-util-bar-flyout-login-buttons { margin-bottom: 20px } .ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn,.ugc-util-bar-flyout-login-btn-google.ugc-login-btn.ui-chunky-btn { width: 140px; display: inline-block; padding-left: 0; font-size: 12px; padding-right: 0 } .ugc-util-bar-flyout-login-btn-google.ugc-login-btn.ui-chunky-btn:before,.ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn:before { background: 0 } .ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn { margin-right: 10px } .ugc-util-bar-flyout-view-heading { color: #666; font-family: helvetica,arial,sans-serif; font-size: 15px; font-style: italic; margin-bottom: 14px } .ugc-util-bar-flyout-select-files-btn.ui-chunky-btn,.ugc-util-bar-flyout-add-media-tease-btn.ui-chunky-btn { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px } .ugc-util-bar-flyout-add-media-tease-btn.ui-chunky-btn:before { background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px -18px; height: 16px; left: 12px; top: 11px; width: 16px } .ugc-util-bar-flyout-upload-form { display: block; margin-bottom: 20px } .ugc-util-bar-upload-file-thumb { display: inline-block; margin-right: 10px; margin-bottom: 10px } .ugc-util-bar-upload-file-thumb.last-item { margin-right: 0 } .ugc-util-bar-upload-file-thumb.ugc-upload-file-thumb { height: 90px; width: 90px } .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty { height: 86px; width: 86px } .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty:after { top: 37px; left: 37px } .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty.ui-chunky-btn { border: 0; display: block; height: 90px; width: 90px } .ugc-util-bar-upload-file-thumb-prompt.ugc-upload-file-thumb-prompt { display: none } .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview,.ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-no-preview,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media { width: 90px; height: 90px } .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview-landscape,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-success-media-landscape { height: 90px; width: auto } .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview-portrait,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-success-media-portrait { width: 90px; height: auto } .ugc-util-bar-upload-file-thumb-error-wrap.ugc-upload-file-thumb-error-wrap { padding: 10px } .ugc-util-bar-upload-file-thumb-error-heading.ugc-upload-file-thumb-error-heading { font-size: 11px; padding-top: 20px; height: 0; overflow: hidden; margin-bottom: 10px } .ugc-util-bar-upload-file-thumb-error-text.ugc-upload-file-thumb-error-text { font-size: 11px } .ugc-util-bar-flyout-recent-posts { margin-bottom: 20px } .ugc-util-bar-flyout-recent-posts-title { font-size: 14px; color: #333; margin-bottom: 16px } .ugc-util-bar-flyout-recent-posts-title-headline { display: block } .ugc-util-bar-flyout-content-disclaimer-short { color: #969696; font-family: Arial,sans-serif; font-size: 12px; font-style: italic } .ugc-util-bar-flyout-recent-post-item { border-bottom: 1px dotted #d0d0d0; padding: 16px 0; position: relative } .ugc-util-bar-flyout-recent-post-item-meta { position: relative; padding-right: 40px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100% } .ugc-util-bar-flyout-recent-post-item-meta-text { font-size: 12px; color: #666; list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: top } .ugc-util-bar-flyout-recent-post-item-meta-headline-link.ugc-recent-post-item-meta-headline-link { color: #333 } .ugc-util-bar-flyout-recent-post-item-meta-headline-link.ugc-recent-post-item-meta-headline-link:hover { color: #1a95d2 } .ugc-util-bar-flyout-recent-post-item-meta-avatar { margin-right: 10px } .ugc-util-bar-flyout-recent-post-item-meta-author { border-right: 1px solid #ccc; display: inline-block; padding-right: 8px; margin-right: 8px } .ugc-util-bar-flyout-recent-post-item-meta-location { display: inline-block } .ugc-util-bar-flyout-recent-post-item-meta-date { font-style: italic; font-size: 11px } .ugc-util-bar-flyout-recent-post-item-meta-headline { color: #333; font-weight: 700; display: block } .ugc-util-bar-flyout-recent-post-item-image { display: block; height: 150px; margin-bottom: 13px; width: 290px } .ugc-util-bar-flyout-recent-post-item-report-abuse-link { position: absolute; right: 10px; top: 0 } .ugc-util-bar-flyout-recent-post-item-report-abuse-tooltip-panel { margin-right: 6px } .ugc-util-bar-flyout-no-recent-posts { border-bottom: 2px dotted #ccc; margin-bottom: 15px; padding-bottom: 15px; width: 100% } .ugc-util-bar-flyout-be-first-to-contribute-graphic { background: url(../../images/apps/ugc/ugc-be-first-to-contribute.png) 0 0 no-repeat; display: block; width: 290px; padding-top: 277px; overflow: hidden; height: 0 } .ugc-util-bar-flyout-description-input { height: 80px } .ugc-util-bar-flyout-submit-btn,.ugc-util-bar-flyout-cancel-btn { display: inline-block; vertical-align: top; width: 139px } .ugc-util-bar-flyout-submit-btn { margin-right: 12px } .ugc-util-bar-flyout-submit-header { font-size: 20px; padding-left: 40px; display: table; vertical-align: top; height: 31px; position: relative; text-align: center; margin: 0 auto 10px } .ugc-util-bar-flyout-submit-header:before { content: ""; background-image: url(../../images/apps/ugc/ugc-sprite.png); background-repeat: no-repeat; display: inline-block; width: 31px; height: 31px; position: absolute; top: 0; left: 0 } .ugc-util-bar-flyout-submit-header-success:before { background-position: -31px -94px } .ugc-util-bar-flyout-submit-header-fail:before { background-position: 0 -94px } .ugc-util-bar-flyout-upload-submit-text-wrap { width: 100% } .ugc-util-bar-flyout-upload-submit-text-primary { font-size: 12px; line-height: 16px; color: #666; margin-bottom: 20px; text-align: center } .ugc-util-bar-flyout-upload-submit-text-secondary { font-size: 14px; line-height: 16px; color: #333; margin-bottom: 20px; display: block } .ugc-upload-form-submission-text-headline { display: block } .ugc-util-bar-flyout-upload-form-view-your-contribution-btn,.ugc-util-bar-flyout-upload-form-contribute-more-btn { width: 100%; margin-bottom: 20px } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file { display: inline-block; margin-bottom: 10px; margin-right: 10px; width: 90px; height: 90px; position: relative } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media { display: block; height: 90px; width: 90px } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-file-media-preview-landscape { height: 90px; width: auto } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-file-media-preview-portrait { width: 90px; height: auto } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file.ugc-upload-success-file-empty { border: 2px dotted #ccc; border-radius: 3px; height: 86px; width: 86px } .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file.ugc-upload-success-file-right { margin-right: 0 } .ugc-util-bar-flyout-disclaimer { font-size: 12px; color: #979797; font-style: italic } .ugc-util-bar-flyout-disclaimer-short { display: block } .ugc-util-bar-flyout-disclaimer-long { display: none } .ugc-util-upload-form-share-your-contribution-btn,.ugc-util-upload-form-contribute-more-btn { width: 285px } .ugc-utility-upload-form-view-your-contribution-text { text-decoration: underline } .ugc-util-bar-flyout-upload-form-logging-in-heading,.ugc-util-bar-flyout-upload-form-login-fail-heading { font-size: 18px; font-weight: 700; color: #191919; text-shadow: 0 1px 0 #f5f5f5; margin: 0 0 10px; position: relative } .ugc-util-bar-flyout-upload-form-view-logging-in-container,.ugc-util-bar-flyout-upload-form-view-login-fail-container { padding: 52px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center } .ugc-util-bar-flyout-upload-form-login-fail-heading { padding-top: 46px } .ugc-util-bar-flyout-upload-form-login-fail-heading:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat -156px -183px; content: ""; display: block; height: 42px; margin: 0 auto; width: 42px; position: absolute; top: 0; left: 50%; margin-left: -21px } .ugc-util-bar-flyout-upload-form-login-fail-text,.ugc-util-bar-flyout-upload-form-logging-in-text { font-size: 12px; color: #666 } .ugc-util-bar-flyout-upload-form-login-fail-try-again { color: #0af; cursor: pointer; display: inline-block; font-size: 12px } .ugc-util-bar-flyout-upload-form-login-fail-try-again:hover { color: #007acc } .social-share-modal-window { margin-left: 0 } .sports-syndication-hero-module .hero-3up-tile { overflow: hidden } .sports-syndication-hero-module img { margin: 0 auto; display: block } .stagfront-primary.sports-syndication-hero-module .image-wrap.logo,.sports-syndication-headline-grid-module .headline-asset-item-front { background-image: url(../../images/sports/sp-head-noise.png) } .sports-syndication-headline-grid-module .listview .headline-asset-item-front { background-image: none } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 .image-wrap { margin: 0 -360px; width: 1440px; height: 405px } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 .image-wrap,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 .image-wrap { width: 200px; height: 113px; position: absolute; margin: 20px 20px 7px } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 img.image { min-width: 720px; min-height: 405px; max-width: 1000px; max-height: 1440px } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 img.logo { width: 330px; height: 330px; padding-top: 35px } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 img.image,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 img.image { width: 200px; min-height: 113px; position: absolute; clip: rect(0,200px,113px,0) } .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 img.logo,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 img.logo { width: 80px; height: 80px; margin: 20px 60px 7px } .stagfront-primary.sports-syndication-hero-module .stagfront-hero-3up-text-2,.stagfront-primary.sports-syndication-hero-module .stagfront-hero-3up-text-3 { top: 133px } .card-primary.sports-syndication-hero-module .hero-3up-tile-1 .image-wrap { margin-left: -240px; width: 960px; height: 480px } .card-primary.sports-syndication-hero-module .hero-3up-tile-2 .image-wrap,.card-primary.sports-syndication-hero-module .hero-3up-tile-3 .image-wrap { margin-left: -120px; width: 480px } .card-primary.sports-syndication-hero-module img.hero-3up-image-1.image { min-width: 480px; min-height: 480px; max-width: 960px; max-height: 960px } .card-primary.sports-syndication-hero-module img.hero-3up-image-1.logo { height: 250px; width: auto; padding-top: 100px } .card-primary.sports-syndication-hero-module img.hero-3up-image-2.image,.card-primary.sports-syndication-hero-module img.hero-3up-image-3.image { min-width: 240px; min-height: 240px; max-width: 440px; max-height: 440px } .card-primary.sports-syndication-hero-module img.hero-3up-image-2.logo,.card-primary.sports-syndication-hero-module img.hero-3up-image-3.logo { max-height: 110px; padding-top: 30px } .sports-syndication-headline-grid-module .sp-filters { margin-top: -4px; background-color: #1e1e1e; background-image: url(../../images/sports/sp-filter-bar-noise.png); color: #fff } .sports-syndication-headline-grid-module .sp-filter-scroll-wrap { z-index: 100 } .sports-syndication-headline-grid-module .image-wrap { margin-left: -100px; width: 400px } .stagfront-primary.sports-syndication-headline-grid-module { background: url(../../images/patterns/light-grey-linen.jpg); border-bottom: 1px solid #cfcfcf } .sports-syndication-headline-grid-module .headline-grid-image { -webkit-transform: translate3d(0,0,0); margin-left: auto; margin-right: auto; display: block } .sports-syndication-headline-grid-module .headline-grid-image.image { min-width: 200px; min-height: 220px; max-width: 310px; max-height: 330px } .sports-syndication-headline-grid-module .headline-grid-image.logo { height: 110px; margin-top: 30px } .sports-syndication-headline-grid-module .headline-asset-item-back-title { max-height: 4.2em } .sports-syndication-headline-grid-module .listview .image-wrap { margin-left: 0; width: 80px } .sports-syndication-headline-grid-module .listview .headline-grid-image.image { min-width: 80px; min-height: 88px; max-width: 160px; max-height: 160px; margin-left: -20px; width: auto; height: auto } .sports-syndication-headline-grid-module .listview .headline-grid-image.logo { width: 80px; height: 80px; margin-top: 0 } .sports-syndication-headline-grid-module .sp-loading-details { background-color: transparent; background-image: url(../../images/preloaders/windmill-loader_2x_light.gif); background-position: center; background-repeat: no-repeat; min-height: 85px } .sports-syndication-hero-module .image-wrap.SEC,.sports-syndication-headline-grid-module .SEC { background-color: #004b8d } .sports-syndication-hero-module .hero-3up-media.action-sports-tile,.sports-syndication-headline-grid-module .action-sports-tile { background-color: #d3d3d3; background-image: none } .sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-back-title,.sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-back-listview-text,.sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-meta { margin-left: 0 } .sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-front.tile .image-wrap { display: none } .ppm-wrap { background: #fff; height: 100px; padding: 40px; position: relative } .ui-btn.ppm-link { bottom: 0; left: 120px; position: absolute } .ppm-link,.ppm-link:visited { color: #333 } .ppm-game-crossword,.ppm-game-sudoku { display: inline-block; float: left; height: 100px; position: relative; width: 300px } .ppm-game-crossword { width: 330px } .ppm-title { color: #333; font: 400 16px Helvetica,Arial,sans-serif; line-height: 18px; margin: 0; padding: 0 } .ppm-img-crossword,.ppm-img-sudoku { background: url(../../images/sprites/puzzles.png) no-repeat 0 0; float: left; height: 100px; margin: 0 20px 0 0; text-indent: -9999px; width: 100px } .ppm-img-sudoku { background-position: -100px 0 } .ppm-meta-title { color: #999; font: 400 14px Helvetica,Arial,san-serif; line-height: 18px } .ppm-meta-title-crossword { font-style: italic } .ppm-meta-author { color: #999; font: 400 11px Helvetica,Arial,san-serif; line-height: 18px; margin-top: 4px } .ppm-meta-difficulty { margin-right: 3px } .ppm-meta-star { background: url(../../images/sprites/puzzles.png) no-repeat -13px -100px; display: inline-block; margin-right: 1px; height: 13px; position: relative; top: 1px; width: 13px } .ppm-meta-star-filled { background-position: 0 -100px } .more-section-stories-list { border: 0; margin: -10px 0 0 -10px; padding: 0 } .more-section-stories-item { border: 0; border-top: 1px dashed #e6e6e6; min-height: 80px; padding: 20px; list-style: none } .more-section-stories-image-link { float: left; width: 100px } .more-section-stories-item.first { border-top: 0 } .more-section-stories-headline { font-size: 14px; margin: 0; text-align: left } .more-section-stories-headline a { color: #333 } .more-section-stories-meta { color: #989898; font-weight: 700; font-size: 11px; margin-top: 5px; text-align: left } .more-section-stories-usat-network { color: #fff; display: inline-block; font: 14px 'Futura Today Bold',arial,sans-serif; text-transform: uppercase } .more-section-stories-usat-network:before { background: url(../../images/sprites/usat-network.png) 0 -18px no-repeat; content: ''; float: left; height: 18px; margin-right: 3px; width: 18px } .leaderboard-ad-module { padding-left: 70px } .storybottombar-bucket.leaderboard-ad-module { clear: both; margin-bottom: 10px } .leaderboard-ad { padding: 0; width: 750px; margin: 20px auto 0 } .leaderboard-ad>.ad-slot>iframe { margin: 0 auto } .leaderboard-ad-module.card-full-width { padding: 0 } .leaderboard-ad-module.card-full-width>.leaderboard-ad { padding: 0; margin: 40px auto 0 } #videoplayer_modal.video-modal { background: #000; position: fixed; top: 30%; left: 30%; z-index: 1001; box-shadow: 0 3px 8px rgba(0,0,0,.5) } #videoplayer_modal.video-modal .video-header .video-logo { position: relative; height: 32px; margin-left: 10px; float: left } #videoplayer_modal .video-logo { max-width: 150px } #videoplayer_modal.video-modal .video-header { width: 100%; height: 40px; padding: 5px 0 } #videoplayer_modal .video-text { float: left; margin-left: 15px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; height: 20px; overflow: hidden; max-width: 380px; color: #fff } #videoplayer_modal.video-modal .video-title { font-size: 18px; color: #fff; font-family: Arial,Helvetica,sans-serif; line-height: 20px } #videoplayer_modal .sponsor-text { font-size: 12px; color: #fff; font-family: Arial,Helvetica,sans-serif; line-height: 12px } #videoplayer_modal.video-modal .close-btn { cursor: pointer; text-indent: -9000px; background: url(../../images/buttons/button-close.png) no-repeat left top; width: 50px; height: 48px; display: inline-block; position: absolute; top: -18px; right: -31px } .lightbox { display: none; background: #000; opacity: .7; filter: alpha(opacity=70); position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: 1000 } .flight-tracker-asset { min-height: 960px } .flight-tracker-double-wide { float: left; margin-left: 10px; position: relative; width: 600px } .flight-tracker-map { background-color: #e8e8e8; height: 370px; overflow: hidden; position: relative } .flight-tracker-formwrapper { color: rbg(51,51,51); font: 14px/22px arial,sans-serif; margin: 20px 0 20px 60px } .flight-tracker-search-btn { display: inline-block; margin-right: 20px; text-align: center } .flight-tracker-submit-btn { width: 160px } .flight-tracker-flight-form-wrap,.flight-tracker-route-form-wrap,.flight-tracker-airport-form-wrap { display: none } .flight-tracker-form-active { display: block } .flight-tracker-input { width: 100% } .flight-tracker-input.input-error { background-color: #f0dddd } .flight-tracker-form-field-container { margin-top: 25px; position: relative } .flight-tracker-radio-spacer { padding: 0 10px } .flight-tracker-time { margin-top: 15px; width: 160px } .flight-tracker-sponsor { background: url(../../images/travel/flightstats-logo.png) no-repeat; display: inline-block; float: right; height: 26px; width: 171px } .flight-tracker-sponsor-map { background: url(../../images/travel/flightstats-logo.png) no-repeat; bottom: 10px; display: inline-block; height: 26px; left: 20px; position: absolute; width: 171px } .flight-tracker-results { float: left; margin-top: 25px; width: 520px } .flight-tracker-results .error,.flight-tracker-results .search-title { font-size: 18px; font-weight: 700; margin-bottom: 5px } .flight-tracker-results-wrap { border: 1px solid #f0f0f0; border-collapse: collapse; font-size: 11px; margin-bottom: 50px; table-layout: fixed; width: 100% } .flight-tracker-results-wrap thead { background-color: #959594; color: #fff; padding: 5px 10px } .flight-tracker-results-wrap thead th { border: 1px solid #9e9e9d; padding: 8px } .flight-tracker-results-wrap tbody th { background: #fafafb; font-weight: 400; padding: 8px; text-align: left } .flight-tracker-results-wrap tbody tr td { border-right: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; line-height: 1.25em; padding: 6px; vertical-align: baseline } .flight-tracker-results-wrap tbody tr:hover { background: #fff } .flight-trackertbody tr:hover td { color: #454545 } .flight-tracker-results-wrap a:link { color: #666668 } .flight-tracker-results-wrap a:visited { color: #666668 } .flight-tracker-asset .delay-bar { background: url(../../images/travel/flight-tracker-indicator.png) no-repeat; height: 24px; left: 15px; position: absolute; top: 37px; width: 11px } .flight-tracker-asset .d5 { left: 155px } .flight-tracker-asset .d4 { left: 124px } .flight-tracker-asset .d3 { left: 102px } .flight-tracker-asset .d2 { left: 62px } .flight-tracker-asset .d1 { left: 40px } .flight-tracker-popup-btn { background-color: #666; border-radius: 2px; bottom: 27px; color: #fff; cursor: pointer; display: inline-block; font-size: 10px; height: 17px; padding-top: 4px; position: absolute; text-align: center; width: 65px } .flight-tracker-asset .arr { left: 18px } .flight-tracker-asset .dep { left: 97px } .flight-tracker-asset .leaflet-popup { position: absolute } .flight-tracker-asset .leaflet-popup-content-wrapper { padding: 1px } .flight-tracker-asset .leaflet-popup-content { margin: 0 } .flight-tracker-asset .leaflet-popup-close-button { display: none } .flight-tracker-asset .leaflet-popup-content p { margin: 18px 0 } .flight-tracker-asset .flight-tracker-search-btn { width: 160px } .flight-tracker-asset .popup { line-height: 12px; padding-top: 7px; text-align: center } .flight-tracker-asset .leaflet-zoom-box { background: #fff; border: 2px dotted #05f; opacity: .5 } .flight-tracker-asset .leaflet-popup-content-wrapper,.flight-tracker-asset .leaflet-popup-tip { background: rgba(0,0,0,.8); box-shadow: 0 1px 10px #888 } .flight-tracker-asset .leaflet-popup-content-wrapper { border-radius: 0 } .flight-tracker-asset .leaflet-popup-content { background: url(../../images/travel/flight-tracker-popup-bg.png) no-repeat; color: #fff; font: 12px/1.4 Arial,Helvetica,sans-serif; height: 100px; width: 181px } .flight-tracker-front-module { background-color: #fafafa; border-bottom: 1px solid #d8d8d8; overflow: visible; padding: 10px 15px 30px; width: 719px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .flight-tracker-front-module .flight-tracker-formwrapper { display: inline-block; min-height: 225px; margin: 0; width: 370px } .flight-tracker-front-module .flight-tracker-front-map { background: url(http://mobileflighttrackerimages.flightstats.com/maps/DERIVED_NORTH_AMERICA_NO_HEADER_300BY210.png) no-repeat scroll 0 0 transparent; display: inline-block; float: right; height: 210px; text-indent: -9999px; width: 300px } .flight-tracker-front-module .flight-tracker-title { color: #333; font: 400 13px/25px 'Futura Today Bold',arial,sans-serif; line-height: 1.1em; text-transform: uppercase } .flight-tracker-front-module .flight-tracker-search-btn { margin-right: 10px; width: 110px } .flight-tracker-front-module .flight-tracker-ui-text-input { width: 350px } .flight-tracker-front-module .flight-tracker-time .ui-dropdown-items-container { left: 0; margin: 0; padding-left: 0 } .flight-tracker-results-wrap .expand-arrow { background: url(../../images/travel/flight-tracker-arrow.png) no-repeat; display: inline-block; height: 21px; margin: 0 5px -5px 0; width: 21px } .flight-tracker-results-wrap .expand-arrow.active { background: url(../../images/travel/flight-tracker-arrow-expanded.png) no-repeat } .flight-tracker-results-wrap .depart { float: left; line-height: 1.5em; width: 50% } .flight-tracker-results-wrap .arrive { float: right; line-height: 1.5em; width: 49% } .flight-tracker-results-wrap .flightinfo { float: left; font-weight: 700; height: 35px; padding-bottom: 10px; width: 390px } .flight-tracker-results-wrap .flighticon { display: inline-block; float: right; text-align: center; width: 75px } .flight-tracker-results-wrap .flighticon:before { background: url(../../images/travel/flight-tracker-results-sprite.png) 0 0 no-repeat; content: ""; display: block; height: 24px; margin: 0 auto; width: 24px } .flight-tracker-results-wrap .flighticon.red:before { background-position: 0 -48px } .flight-tracker-results-wrap .flighticon.yellow:before { background-position: 0 -25px } .ft-sm-icons { background: url(../../images/travel/flight-tracker-sm-results-sprite.png) 0 0 no-repeat; display: block; float: left; height: 9px; margin: 5px 10px 5px 0; width: 9px } .ft-sm-icons.red { background-position: 0 -20px } .ft-sm-icons.yellow { background-position: 0 -10px } .flight-tracker-form-field-container .ui-text-input { padding: 6px } .ft-variant-a { background-color: #f8f8f8; padding: 40px 20px 20px } .ft-variant-a .flight-tracker-formwrapper { min-height: 150px; width: 430px } .ft-variant-a .flight-tracker-title { display: none } .ft-variant-a .flight-tracker-front-map { height: 150px; width: 245px } .ft-variant-a .flight-tracker-form-field-container { display: inline-block; float: left; width: 202px } .ft-variant-a .flight-tracker-form-field-container:first-child { margin-right: 13px } .ft-variant-a .flight-tracker-input { padding: 7px 11px; border-color: #e4e4e4; width: 100% } .ft-variant-a .flight-tracker-flight-number { width: 120px } .ft-variant-a .flight-tracker-search-btn-container { clear: both; float: none; width: 100% } .ft-variant-a .flight-tracker-search-btn,.ft-variant-a .flight-tracker-search-btn:hover { background: url(../../images/travel/flight-tracker-radial-sprite.png) no-repeat scroll 0 -10px transparent; border: 0; border-radius: 0; box-shadow: none; color: #333; font-size: 13px; font-weight: 400; height: auto; margin: 0 23px 0 0; padding: 0 0 0 23px; text-shadow: none; width: auto } .ft-variant-a .flight-tracker-search-btn.active,.ft-variant-a .flight-tracker-search-btn.active:hover { background: url(../../images/travel/flight-tracker-radial-sprite.png) no-repeat scroll 0 -50px transparent; color: #333; border: 0; box-shadow: none } .ft-variant-a .flight-tracker-submit-btn { border-color: #bbb; height: 30px; width: 100px } .ft-variant-a .flight-tracker-sponsor { position: absolute; bottom: 32px; left: 266px } .ft-variant-a .flight-tracker-radio-container { font-size: 11px; top: 4px } .ft-variant-a .flight-tracker-dropdown-container { display: none } .aside .ui-dropdown-item-link { display: inline-block; width: auto } .asset-double-wide .ui-dropdown-items-container { left: 0; margin: 0; padding: 0 } .books-stories-meta-title,.books-front-meta-title { color: #1a1a1a; font-size: 16px; font-weight: 700 } .books-stories-meta-title { margin: 0 0 10px } .books-front-meta-title { margin: 0 0 5px } .books-stories-meta-genre,.books-stories-meta-publisher,.books-stories-meta-author,.books-front-meta-publisher,.books-front-meta-genre,.books-front-meta-debut { color: #333; font-size: 11px; font-weight: 700; margin: 5px 0 } .books-front-meta-genre { border-right: 1px solid #c8c8c8; display: inline-block; padding: 0 5px 0 0 } .books-stories-meta-publisher { margin-left: 15px } .books-front-meta-debut { display: inline-block; padding: 0 0 0 5px } .books-front-meta-author { color: #333; font-size: 11px; font-weight: 700; line-height: 21px; margin: 5px 0; vertical-align: 50% } .asset-double-wide .article-metadata-wrap .books-meta-comp { margin-top: -5px; position: static } .books--meta-lead-in,.books-meta-lead-in,.books-front-meta-lead-in { color: #666; font-size: 12px; font-style: italic; font-weight: lighter; margin-right: 3px } .books-front-meta-lead-in { vertical-align: top } .books-stories-meta-short,.books-front-meta-short { color: #666; font-size: 12px; line-height: 20px } .books-buy-button { background: #38b4ff; background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(34,161,248,1))); background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%); background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%); background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%); background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%); background-color: #21acff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38B4FF', endColorstr='#22A1F8', GradientType=0) } .books-buy-button { border: 1px solid #149cee; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.2); color: #fff; cursor: pointer; display: inline-block; font-family: Arial,helvetica,sans-serif; font-size: 13px; height: 28px; padding: 0 10px; position: relative; text-shadow: 0 1px 0 rgba(0,0,0,.1); width: 120px } .books-buy-button>.books-dropdown { color: #fff; float: left; padding: 0 8px 0 0 } .books-buy-button .ui-dropdown-item { color: #333 } .books-buy-button .ui-dropdown-value { line-height: 28px } .books-buy-button>.books-dropdown:after { background: transparent url(../../images/book-reviews/books-sprite.png) -18px 7px no-repeat; border-left: 1px solid #fff; content: ''; display: block; height: 28px; position: absolute; right: 1px; top: 0; width: 22px; z-index: 1 } .books-dropdown-content { background: #fefefe; border: 1px solid #e6e6e6; box-shadow: inset 0 1px 0 #f5f5f5,0 2px 3px rgba(0,0,0,.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -11px; position: relative; width: 142px; z-index: 100 } .front-books-header-image { float: left } .front-booklist-page-container { float: left; height: 100%; margin: 20px; min-height: 740px; width: 680px } .front-booklist-info-container { border-bottom: 1px dotted #c8c8c8; float: left; margin: 20px 0 0; padding: 10px 5px 30px 10px; width: 655px } .booklist-last-book { border-bottom: 0 } .front-booklist-return { color: #333; float: left; font: 400 14px/20px arial,sans-serif; font-weight: 700; padding: 0 20px; width: 300px } .front-booklist-return:before { background: transparent url(../../images/book-reviews/books-sprite.png) -43px -84px no-repeat; content: ''; display: block; float: left; height: 17px; margin: 2px 5px 0 0; width: 17px } .front-booklist-form-container { border-top: 1px solid #c8c8c8; float: left; height: 60px; padding-top: 20px; width: 680px } .front-booklist-form-container .ui-radio { padding: 0 20px 0 24px } .front-booklist-form-container:after { border-top: 1px solid #c8c8c8; content: ''; float: left; height: 30px; margin-top: 20px; width: 680px } .front-booklist-submit { background-color: #333; border: 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; height: 30px; margin-left: 20px; width: 45px } .front-booklist-radio-button { display: inline-block } .front-booklist-form-container .front-booklist-radio-button { margin-right: .5em } .front-booklist-text-box { background: transparent url(../../images/book-reviews/books-sprite.png) -92px 1px no-repeat; display: inline; margin-left: 55px; padding: 3px 0 0 30px; width: 225px } .front-booklist-radio-label { display: inline; padding: 0 10px 0 0 } .front-booklist-filter-label { color: #666; cursor: pointer; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: 700; line-height: 21px; margin-left: 3px; vertical-align: middle } .front-booklist-page-description { color: #333; float: left; font: 400 13px/20px 'Futura Today',arial,sans-serif; padding: 20px 0 13px 20px; width: 310px } a.booklist-pdf-link { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(63,63,63,.18))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%); border: 1px solid #cacaca; box-shadow: 1px 1px 1px #666; color: #666; float: right; font: 400 11px/12px Arial,sans-serif; font-weight: 700; margin: 0 10px 20px 0; padding: 7px 5px 0 0; text-transform: uppercase } a.booklist-pdf-link:before { background: transparent url(../../images/book-reviews/books-sprite.png) -72px -1px; border-right: 1px solid #cacaca; content: ''; display: block; float: left; height: 25px; margin: -7px 5px 0 0; width: 22px } .front-booklist-image { float: left; margin: 0 } .front-booklist-number { color: #21acff; float: left; font: 400 45px/35px 'Futura Today Bold',arial,sans-serif; margin: 50px 0 0 -30px; text-align: center; text-shadow: rgba(0,0,0,.1) -1px 0,rgba(0,0,0,.6) 0 -1px,rgba(255,255,255,.1) 1px 0,rgba(255,255,255,.6) 0 1px,rgba(0,0,0,.1) -1px -1px,rgba(255,255,255,.6) 1px 1px; width: 95px } .front-booklist-info-text { float: left; margin: 0 40px 0 20px; width: 325px } .booklist-last-week,.booklist-best-week { background-color: #f0f0f0; box-shadow: inset 0 1px 2px 0 #8c8c8c; float: left; height: 30px; padding: 8px 0; width: 105px } .booklist-week-count { float: left; height: 30px; padding: 8px 0; width: 100px } .book-right-descriptor { color: #666; display: inline-block; font: 400 10px/12px 'Futura Today',arial,sans-serif; width: 36px } .book-last-week-number,.book-last-week-count,.book-best-week-number { color: #666; display: inline-block; font: 400 24px/30px 'Futura Today Bold',arial,sans-serif; margin: 0; padding-right: 6px; text-align: right; width: 56px } .booklist-pound { color: #666; font: 400 12px 'Futura Today Bold',arial,sans-serif; vertical-align: super } .front-booklist-image-rating-container { float: left; width: 100px } .front-booklist-rating { clear: left; float: right; width: 192px } .front-booklist-rating-text { color: #333; float: left; font-size: 11px; font-weight: 700; line-height: 22px; text-align: center } .comp.booklist-comp { float: left; width: 130px } .front-booklist-star-holder { float: left; margin: 0; width: 80px } .booklist-stars { margin: 0 5px } .booklist-stars,.booklist-stars .book-rating { background: url(../../images/book-reviews/stars.png) 0 -16px repeat-x; display: block; float: left; height: 16px; width: 80px } .booklist-stars .book-rating { background-position: 0 0 } .booklist-stars .book-stars-5 { width: 11px } .booklist-stars .book-stars-1 { width: 21px } .booklist-stars .book-stars-15 { width: 31px } .booklist-stars .book-stars-2 { width: 41px } .booklist-stars .book-stars-25 { width: 51px } .booklist-stars .book-stars-3 { width: 57px } .booklist-stars .book-stars-35 { width: 70px } .booklist-stars .book-stars-4 { width: 80px } .booksish-excerpt-button { margin: 10px 10px 0 0; text-align: right; width: 140px } .article-metadata-wrap .booksish-excerpt-button { width: 133px } .ui-btn.booksish-excerpt-button-text { border: 1px solid #969696; box-shadow: 1px 1px 1px #969696; display: inline-block; font: 400 12px/12px Arial,sans-serif; font-weight: 700; padding: 0 6px } .booksish-excerpt-button-text:after { background: transparent url(../../images/book-reviews/books-sprite.png) -50px -4px no-repeat; content: ''; display: inline-block; height: 15px; margin: 5px 0 0 10px; width: 15px } .booksish-excerpt-subtitle { color: #333; display: inline-block; font: 400 11px/12px Arial,sans-serif } .booksish-excerpt-subtitle>.link-to-bookish { color: #333; font: 400 11px/12px Arial,sans-serif; font-weight: 700 } .booksthreeup-primary-module { background: #fff } .module-three-book-wrap { float: left; margin-top: 20px; width: 410px } .module-book-wrap { float: left; height: 100%; margin: 0 15px; width: 100px } .module-book-image-number { background: transparent url(../../images/book-reviews/books-sprite.png) -92px -62px; color: #fff; display: block; font: 400 24px/40px 'Futura Today bold',arial,sans-serif; height: 40px; margin-left: 30px; padding: 0; position: absolute; text-align: center; top: 74px; width: 41px } .module-book-title { color: #333; float: left; font: 400 14px/18px Helvetica,Arial,sans-serif; margin: 0; padding: 3px 0 5px; text-align: left; width: 89px } .module-book-author { color: #999; font: 11px/14px arial,sans-serif; margin: 0 0 15px; padding: 0; text-align: left } .module-book-search { border: 1px solid #000; float: left; height: 100px; width: 290px } .module-book-full-list:before { font-family: 'Gannett Icons'; content: "a "; font-size: 18px; vertical-align: middle; line-height: 1 } .module-book-full-list { color: #009af9; font: 400 14px/18px arial,sans-serif; font-weight: 700 } .module-book-full-list:visited { color: #009af9 } .books-form-field-wrap { margin: 15px 0; display: inline-block } .module-books-search-title { color: #333; float: left; font: 700 13px/24px arial,sans-serif; margin: 18px 0 10px; text-transform: uppercase; width: 200px } .module-book-genre-list { background: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 2px -1px rgba(0,0,0,.4); color: #666; font: 300 12px/13px arial,sans-serif; font-weight: 700; margin: 10px 0; width: 100% } .module-book-genre-list .ui-dropdown { margin-top: 0 } .module-book-allbook-list { background: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 2px -1px rgba(0,0,0,.4); color: #666; float: left; font: 300 12px/13px arial,sans-serif; font-weight: 700; margin: 10px 10px 10px 0 } .books-form-wrap { float: left; width: 285px } .books-form-submit-btn { float: right } .module-books-radio { display: inline-block; width: 100% } .module-book-best-selling { color: #000; font: 400 14px/13px 'Futura Today',arial,sans-serif; margin-bottom: 10px; padding-right: 25px; text-align: center } .module-book-best-selling:after { background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat; content: ''; display: inline-block; height: 18px; margin-bottom: -5px; margin-left: 5px; width: 17px } .asset .ribbon-module .module-book-best-selling-title { color: #000; font: 300 17px/13px arial,sans-serif; font-weight: 700; margin: 10px 0 0 30px; text-align: left; text-transform: none; width: 277px } .asset .ribbon-module .module-book-best-selling-author { color: #505050; font: 12px/13px arial,sans-serif; font-style: italic; margin: 5px 0 0 30px; padding: 0; text-align: left; text-transform: none; width: 277px } .module-book-best-selling-li { border-bottom: 1px dotted #787878; float: left; list-style-position: inside; list-style-type: none; padding: 10px 15px; width: 288px } .module-book-best-selling-li:before { color: #0af; content: counter(li); counter-increment: li; float: left; font: 400 35px/13px 'Futura Today Bold',arial,sans-serif; margin: 10px 10px 0 0; min-width: 20px; text-align: center; text-shadow: 1px 1px white,-1px -1px #444; vertical-align: middle } .module-book-best-selling-list { counter-reset: li; font-size: 16px } .search-full-books-list { width: 220px; float: left } .five-up-booklist-number { color: #21acff; float: left; font: 400 45px/35px 'Futura Today Bold',arial,sans-serif; text-align: center; text-shadow: rgba(0,0,0,.1) -1px 0,rgba(0,0,0,.6) 0 -1px,rgba(255,255,255,.1) 1px 0,rgba(255,255,255,.6) 0 1px,rgba(0,0,0,.1) -1px -1px,rgba(255,255,255,.6) 1px 1px; width: 30px } .five-up-booklist-list { width: 328px } .five-up-booklist-list-item { border-bottom: 1px dotted #989898; list-style-type: none; margin: 0; padding: 16px 0 16px 11px; width: 308px } .five-up-booklist-info-text { float: left; margin-left: 15px; text-align: left; width: 230px } .five-up-meta-title { color: #333; font: 400 16px Arial,sans-serif; font-weight: 700; margin: 0 0 5px; text-align: left; text-transform: none } .five-up-meta-author { color: #666; font: 400 12px/12px Arial,sans-serif; font-style: italic; margin: 0; text-align: left; text-transform: none } .five-up-books-list-link { color: #333; font: 400 12px/15px Arial,sans-serif; font-weight: 700; margin: 20px 0; text-align: center; text-transform: none; width: 328px } .five-up-books-list-link:after { background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat; content: ''; display: inline-block; height: 17px; margin: 2px 5px 0 6px; width: 17px } .five-up-books-list-text { vertical-align: 25% } .five-up-booklist-rating { float: left; padding: 10px 0 0; width: 300px } .five-up-booklist-rating>.five-up-booklist-rating-text { color: #333; float: left; font-size: 11px; font-weight: 700; padding: 2px 0 0; text-align: left; width: 110px } .five-up-booklist-stars,.five-up-booklist-stars>span { background: url(../../images/book-reviews/stars.png) 0 -16px repeat-x; display: block; float: left; height: 16px; width: 80px } .five-up-booklist-stars>span { background-position: 0 0 } .five-up-booklist-star-holder { float: left; margin-top: 8px; width: 80px } .front-booklist-paginiation,.gr_pagination { color: #787878; font: 400 9px/10px 'Futura Today Bold',arial,sans-serif } .front-booklist-paginiation,.gr_pagination>div>a,.gr_pagination .previous_page,.gr_pagination .current { float: left; margin: 10px 0; padding: 2px 4px } .front-booklist-paginiation:visited { color: #787878 } .front-booklist-paginiation:hover { color: #0af } .front-booklist-paginiation.selected { background-color: #dcdcdc; border-radius: 5px } .front-booklist-pagination-prev { background: transparent url(../../images/book-reviews/books-sprite.png) -43px -84px no-repeat; display: block; float: left; height: 17px; margin: 9px 5px; overflow: hidden; width: 17px } .front-booklist-pagination-next { background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat; display: block; float: left; height: 17px; margin: 9px 5px 13px 4px; overflow: hidden; width: 17px } .front-booklist-filters { border-bottom: 1px solid #c8c8c8; float: left; padding: 10px 0 20px; width: 680px } .front-booklist-filters .front-booklist-return { padding-left: 2px } .front-booklist-sortby { border-right: 1px solid #c8c8c8; padding-right: 20px; width: 91px } .front-booklist-classpicker { width: 113px } .front-booklist-sortby,.front-booklist-classpicker { float: left; margin-right: 20px } .front-booklist-genrepicker { float: left; margin-right: auto } .front-booklist-genrepicker .ui-dropdown { min-width: 274px } #booklist-sortby,#booklist-classpicker,#booklist-genrepicker { color: #787878; font: 700 12px/15px Arial,sans-serif; padding: 5px 0; vertical-align: middle; width: 133px } #booklist-genrepicker { width: 274px } .front-booklist-datepicker { color: #787878; float: right; font: 400 12px/16px Arial,sans-serif; font-weight: 700; padding-top: 1px } #booklist-datepicker { background: transparent url(../../images/book-reviews/books-sprite.png) -95px -34px no-repeat; float: left; height: 30px; line-height: normal; padding-left: 24px; vertical-align: middle; width: 118px } .ui-datepicker-calendar .week-ui-state-hover { border-color: #1a90e5 } .front-booklist-pagination-prev,.front-booklist-pagination-next { overflow: hidden; text-indent: -100% } .story-booklist-this-week,.story-booklist-last-week,.story-booklist-week-count,.story-booklist-best-week { background-color: #f0f0f0; box-shadow: inset 0 1px 2px 0 #c8c8c8; float: left; margin: 0 6px 10px 0; padding: 8px 0; width: 76px } .asset-double-wide .book-this-week-number { color: #666; display: inline-block; font: 400 24px/30px 'Futura Today Bold',arial,sans-serif; margin: 0; padding-right: 7px; text-align: right; width: 62px } .asset-double-wide .book-last-week-number,.asset-double-wide .book-last-week-count,.asset-double-wide .book-best-week-number { color: #666; display: inline-block; font: 400 24px/30px 'Futura Today Bold',arial,sans-serif; margin: 0; padding-right: 7px; text-align: center; width: 70px } .asset-double-wide .book-right-descriptor { color: #666; font: 400 11px/12px Arial,sans-serif; font-weight: 700; margin: 0; text-align: center; text-transform: none; width: 75px } .story-book-ranking-title { color: #666; font: 400 14px/14px 'Futura Today Bold',Arial,sans-serif; letter-spacing: 1px; margin: 0 0 10px; text-transform: uppercase } .story-book-ranking-title-link:visited { color: #666 } .story-book-ranking-title-link:hover { color: #1a95d2 } .booklist-best-week-one .book-best-week-number,.booklist-best-week-one .booklist-pound,.story-book-ranking-content .booklist-best-week-one .story-booklist-pound,.booklist-best-week-one .book-right-descriptor,.story-book-ranking-content .booklist-best-week-one .book-right-descriptor { color: #009bff } .asset-double-wide .story-booklist-debuted { border-bottom: 1px solid #DCDCDC; color: #797979; font: 400 11px/12px 'Futura Today',arial,sans-serif; margin-right: 7px; padding-bottom: 5px; text-align: right } .asset-double-wide .story-booklist-ranked-reviewed { margin-bottom: 0 } .story-booklist-ranking-stars { border-bottom: 1px dotted #c8c8c8; border-top: 1px dotted #c8c8c8; float: left; margin: 0 0 15px; padding: 0; width: 323px } .story-book-review-listed .story-booklist-ranking-stars { border-top: 0 } .story-booklist-ranking-stars .booklist-stars { margin-top: 8px } .asset-double-wide .story-booklist-ranking-text { color: #333; float: left; font: 400 11px/15px Arial,sans-serif; font-weight: 700; margin: 10px 10px 10px 0; text-align: left } .ui-datepicker-calendar .week-ui-state-hover { background-color: #0af; border-color: #1a90e5 } #goodreads-widget { border-top: 1px solid #dcdcdc; margin: 20px 0 10px 60px; padding: 15px 0; width: 540px } .NonReviewedBook #goodreads-widget { margin-left: 270px; width: 330px } .gr_reviews_header a { color: #333; font: 400 13px/12px 'Futura Today Bold',arial,sans-serif; text-transform: uppercase } .gr_reviews_showing { color: #333; font: 400 11px/12px 'Futura Today',arial,sans-serif; font-style: italic } .gr_review_container { border-bottom: 1px solid #dcdcdc; color: #656565; font: 400 11px/16px Arial,sans-serif; font-style: italic; margin: 0 0 10px; padding: 15px 0 40px } .asset-double-wide .gr_review_container a { color: #656565; font: 400 11px/17px Arial,sans-serif; font-style: italic } .gr_review_text { color: #333; font: 400 12px/20px Arial,sans-serif; word-wrap: break-word } .gr_review_text>img,.gr_review_text>object,.gr_review_text>iframe,.gr_review_text>a>img,.gr_review_text>a>object,.gr_review_text>a>iframe,.gr_review_text .escapedImg { display: none } .gr_review_container a,.gr_rating { color: #0af } .no-border .asset-metabar { border: 0 } .asset-double-wide a.gr_more_link { color: #333; display: inline-block; float: left; font: 400 12px/12px Arial,sans-serif; font-weight: 700; margin: 15px 0 20px; width: 540px } .asset-double-wide.NonReviewedBook a.gr_more_link { width: 330px } .asset-double-wide a.gr_more_link:before { background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat; display: inline-block; float: left; height: 17px; margin: -2px 5px 0 0; width: 17px } .gr_branding { display: none } .story-booklist-pound { font: 400 12px/12px 'Futura Today Bold',arial,sans-serif; vertical-align: super } .book-review .article-metadata-wrap { background: url(../../images/patterns/paper-noise.png) repeat scroll left top #FFF; margin: 0; padding: 0 30px 0 60px } .front-booklist-info-container { display: table } .front-booklist-number,.front-booklist-image-rating-container,.front-booklist-info-text,.booklist-ranking-column { display: table-cell } .front-booklist-image-rating-container { width: auto } .front-booklist-info-text { margin: 0; padding: 0 0 0 20px } .books-front-meta-authorInfo { display: inline-block; -ms-word-wrap: normal; word-wrap: normal } .books-front-meta-rated-author { line-height: 1.2; max-width: 111px } .booklist-ranking-column { vertical-align: top; width: 105px } .books-list-link { display: inline-block } .books-list-link:hover .front-booklist-image { background: rgba(0,0,0,.5); opacity: .5 } .module-book-wrap:hover .module-book-image-number { background-position: -92px -110px } .module-book-wrap:hover .module-book-title,.books-list-link:hover .books-front-meta-title,.module-book-full-list:hover,.five-up-booklist-list-item-link:hover>.five-up-booklist-info-text>.five-up-meta-title { color: #009bff } .booksthreeup-primary .featured-content-primary { display: table-cell; overflow: visible } .front-booklist-filters { display: table; vertical-align: 50% } .front-booklist-sortby,.front-booklist-classpicker,.front-booklist-genrepicker,.front-booklist-datepicker { display: table-cell; height: 52px } .front-booklist-info-text .booksish-excerpt-button { float: right; margin-top: 19px } .front-booklist-info-text .booklist-comp { margin-top: 19px } .card-primary.booklist-module { border-top: 1px solid #c8c8c8 } .module-book-image { border: 1px solid #dadada; box-shadow: 1px 2px 2px 0 rgba(0,0,0,.2); -webkit-transition: background-color,border-color .15s,.15s; -moz-transition: background-color,border-color .15s,.15s; transition: background-color,border-color .15s,.15s; display: inline-block } .module-book-wrap:hover .module-book-image { border-color: #4a9cff } .twitter-primary-module,.twitter-sidebar-content { background: #fff } .tweet { color: #333; font-size: 14px; line-height: 18px; margin: 0 .25em 15px } .tweet-action-link:hover { color: #000 } .tweet-meta-link-avatar { float: left; height: 35px; width: 35px } .tweet-meta { font-size: 11px; margin: 5px 0 0; padding-bottom: 10px; width: 100% } .tweet-meta-name { font: 700 14px/18px arial,sans-serif; color: #333 } .tweet-meta-screen-name { color: #999; font-size: 13px } .tweet-meta-link,.tweet-meta-link:visited { color: #000 } .tweet-meta-link:hover { color: #007ccf } .tweet-meta-time { float: left; color: #999; margin: 0 } .tweet_time_ago { color: #999; font: 400 11px/18px arial,sans-serif } .twitter-module { height: auto } .tweet-list { font-size: 12px; height: auto; line-height: 1.5; list-style: none; display: table; border-collapse: separate } .card-tweet-list,.stagfront-tweet-list { border-spacing: 20px } .card-tweet-list .tweet,.stagfront-tweet-list .tweet { height: 5.14em } .sidebar-tweet-list .tweet-item { padding: 20px } .tweet-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; width: 360px } .stagfront-tweet-list .tweet-item { width: 334px } .stagfront-twitter-header { font: 14px/18px 'Futura Today Bold','helvetica neue',arial,sans-serif; padding: 0 20px; text-transform: uppercase } .twitter-sidebar { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #f9f9f9; box-sizing: border-box; height: 650px; overflow: hidden; padding-bottom: 35px; position: relative } .twitter-sidebar .size-bar-header { left: 0; position: absolute; top: 0 } .twitter-sidebar-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; position: relative; padding-bottom: 35px } .twitter-sidebar .tweet-item { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #fff; float: left; width: 100% } .twitter-sidebar .tweet:last-child { border-bottom: 0 } .twitter-sidebar .twitter-footer { bottom: 0; left: 0; position: absolute; width: 100% } .twitter-sidebar .twitter-link { background: #1877b6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 11px; height: auto; letter-spacing: .06em; padding: 10px 14px 10px 30px; text-shadow: 1px 1px 0 rgba(0,0,0,.3); text-transform: uppercase; width: 100% } .tweet-meta-name-verified-True:after,.twitter-sidebar .twitter-link:before { background: url(../../images/sprites/twitter-sprite.png) no-repeat } .twitter-sidebar .twitter-link:before { background-position: 0 0; content: ""; display: block; height: 20px; left: 8px; margin-top: -10px; position: absolute; top: 50%; width: 20px } .tweet-meta-name-verified-True:after { background-position: -24px 0; content: ""; display: inline-block; height: 15px; width: 20px; margin-bottom: -2px } .tweet-actions { float: right; height: 18px } .tweet-actions .tweet-action-link { float: left; margin-right: 3px; padding: 0 0 0 2px; font: 400 11px/18px arial,sans-serif; color: #666 } .tweet-actions .tweet-action-link:visited { color: #666 } .tweet-actions>.tweet-reply:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/reply.png) no-repeat 0 0; content: ""; display: block; float: left; height: 18px; width: 20px } .tweet-actions>.tweet-retweet:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/retweet.png) no-repeat 0 1px; content: ""; display: block; float: left; height: 18px; width: 20px } .tweet-actions>.tweet-favorite:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/favorite.png) no-repeat 0 0; content: ""; display: block; float: left; height: 18px; width: 20px } .tweet-actions>.tweet-reply:hover:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png) no-repeat 0 0 } .tweet-actions>.tweet-retweet:hover:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png) no-repeat 0 0 } .tweet-actions>.tweet-favorite:hover:before { background: url(https://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png) no-repeat 0 0 } .tweet-actions>.tweet-reply:hover,.tweet-actions>.tweet-retweet:hover,.tweet-actions>.tweet-favorite:hover { color: #666 } .twitter-follow { background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede)); background-image: -moz-linear-gradient(top,#fff,#dedede); background-image: -o-linear-gradient(top,#fff,#dedede); background-image: -ms-linear-gradient(top,#fff,#dedede); background-image: linear-gradient(top,#fff,#dedede); border: #ccc solid 1px; border-radius: 3px; clear: none; cursor: pointer; float: right; font-weight: 700; height: 18px; margin-top: 0; overflow: hidden; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; width: 60px } a.twitter-follow-label { padding: 0 3px 0 19px; white-space: nowrap; color: #333 } .twitter-follow-label:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAYAAABq13MpAAAGcklEQVRYw+2YXUyTVxjHz4vJLiZGd7MtXi2LkZtdELM7lyzOG7Nk2RJvl8iujBiNV2JcMA0fwqCFEGCAfJRC+SyltqWFgnwUlIKAWB3yOVrAttQWC1ZCOi6ePc8LL74tVD6ly2KTf87J6Tnv+3uf8zzP+WAAwEhMIj8h1MViEs0Jlqi+we5oJFjGCX3D9X+fmKTmq/f/rzkRlX5fzkmNPhLVqW2DQ1Ify9eFAZ8kafUsURMX+qCo1BYry3oILKcfmLQb2N3Wzqhk48xn6YbLuwJO1cQeydAvURkWONtk5UoGgKsaXRPWo3LarVHSJvkRmXHm+6pHV3h4YdDp0gE7D5XUJPo6QyzLfwKscgZY1UtgChuwkjH4tOhpQPp4Nn430GeU/TcJ4sif5iV2V/NL6P/H81oTOIUVuPsO4AyeNVG9ehw4xTP4oubZ268VFiP2jd4Y9Hufw8TKJoAgufT2RZZikJ8s7JMzxTQw1QKwhtdrZY0Likd9Azjm1G6gpcOz8VzdFHC1E8AV9gKXYdCI3eWc9q96Tj0DnHEBuObXa6J60yvgtC740Tw3jf0Sgtzj89JhK6tyAKt2Ag9f+AxY8SgPyQMLUs5hd/hut/5MH3mp3z3H6eeBa7ADV/4UuNxO4DINw1GyZklMw/MhTut8BywCj2mb9wvAQdBN0z5ldJ1zlbemygusdn5NVBeA8b/Tart/D8CMyVrjjteNeo81v1rljF7gdC7gVNPAKUeAdwuaAb17MzS6yTdGmzPoWWJLXLG8Go9We1aDLCtWnRskA27zXqCfuP0Xj9ZNBHgwwQWE6acP4Nu9m6FxZn7tmbWEg2Zpg670U1rXUpB1xVbWOsjKF/YCTQHU5X5rjmn3+IP8djthMJaNe+6EhUbFmub8jefaPZ5NbtHk8TuX/1HsEZiXetJz5rc+11BMxw7Bsc+3bS99oUH/bgGRYCL/o93Hp7gKO7B6zzqwF342L7jWgaP3A03jzxrGTJzm5dausIVrlP/tU22KD+FhFJ1djjfma4/mbdf6vbZrgz6bbOTN6IvFgGU9cvcLLOjqi6WA5bp10RbTuRDe4vhR1594bTT74aA3ghEVJxL575cHBLuhC3rr+bPN06ajOkdgS4tj26UB79w6A9sO+oMpKk0j5zKbOrksk48reLiW6mjFE0Oj1U+2elbK7P7nNCNh0+dhQZOLSa0u3U8dttmTOvsKv5DQUo2gx0wLqz88eu2RTbwZxX412y1ehwnN1mES1sE6RdKjkneaTg8b+kD0Efoj9P8WWiKRbHnmo/bExMQbWEqwjBPawvU/VOjk5GQ9gmxagdLS0qzZ2dmQm5sLWVlZkJ6e3pmamjqD5eWIQ8vlcjtBpaSkyAUrIlxsQUEBKJVKqK6uhsrKSigrK4Pi4uLA48eP4yMO3dfXZyovLweCzMjIWCT4e/fuySsqKkCtVkNjYyNf1tXVwdjY2K7PiB8EurS01FpTUwO1tbVA8AgM2MZDErAgsvgez4gHD22325UqlWqVrEmqr6/nJVhZsDSW/v288NatW++9sFkPcjm6po9EdcFdqbx9+3Zs0LbUYrGMazSaVbFlxcKPgqGhIfNegfGlsRjwS1SGA6bAz8/P52eZRHV0Vyu5KyUA9IIrQYMGBwfT9Xr9kti6YivrdLr9nBEZBvHNvLw8ykIEvunCRiaTJRQVFQG5aUNDAy+qU/CTuyLwWyyNm86IDoejsaOjwxPqFkaj0b+8vLyvMyIaJV6hUPAxk5OTA2g5DcJvuAvOZD1lqtB30wxTbLW1tfEXNhvTkpSUJM/MzPQJKY6+UhjU3d3tWgfe75HrVE9PzxzFCr2jsLAQpFIppdlh/ABJVVXVECWCrWYZPcAfesPEnxHRyube3l4b5mAbWsU2ir/FxcUDOyOiv8ahpb0UN0L6pJRaUlIC5BY0A2TVUGgyII5xRuSM6Ha7LyJkgMDEuV+YfnG7WDQzDx48sERqwxTtdDrNFB9bwYUTBSNO+p2I7fImJyfPoF8PNTc37wic+hgMhqALm0isaNEIY6KVdSfQ5BoTExOq/8J++ioFOAV7S0tLWItTOyWF0AubiO0fMOjO42JlwgAMhFvMMJNteWFzqKC0j8Cc3Il7cR/t0SnVUZCFLiaYk1empqbCXtgctoUTcO+iQ5eYRUuv0EJCOZhAtVrtaldXl2dkZGTbC5tIuMa+L2z+BexZXK+OBaruAAAAAElFTkSuQmCC); content: ''; height: 13px; left: 2px; margin-top: -5px; position: absolute; top: 50%; width: 16px } .twitter-row { display: table-row; width: 100% } .card-tweet-list .row-1 .tweet-item,.stagfront-tweet-list .row-1 .tweet-item,.stagfront-tweet-list .row-2 .tweet-item { border-bottom: #e5e5e5 1px dashed; border-left: 10px #fff; border-right: 10px #fff; padding: 0 0 20px } .tweets .split-two .no-right-padding { padding-right: 0 } .elections-primary { background-color: #100100100; background-image: none; float: left } .epm-header { background-color: #f2f2f2; border-bottom: 1px solid #d2d2d2; float: left; padding: 10px 15px; width: 690px } .epm-title { color: #666; float: left; font-family: 'Futura Today Light',Arial,sans-serif; font-size: 16px; margin: 2px 0 0; text-transform: uppercase; width: 277px } .epm-selector { background-color: #efefef; border: 1px solid #bdbdbd; border-radius: 2px; color: #333; cursor: pointer; float: right; font-family: Arial,sans-serif; font-size: 11px; font-weight: 700; height: 15px; margin: 0 1%; padding: 5px 4px 4px; text-align: center; width: 10% } .epm-selector.selected { background-color: gray; border: 1px solid #757575; color: #fff } .epm-module-link-container { border: 0; border-right: 1px solid #dcdcdc; float: left; margin-top: 28px; padding-bottom: 0; text-decoration: none; width: 23% } .epm-module-link-small { color: #000; float: left; font-family: 'Futura Today Light',Arial,sans-serif; font-size: 19px; text-align: center; width: 100% } .epm-module-link { color: #2d8cd0; float: left; font-family: 'Futura Today' Arial,sans-serif; font-size: 25px; line-height: 28px; text-align: center; width: 100% } .epm-races-holder { float: right; margin: 8px 20px 9px 0; width: 250px } .epm-senate-numbers { display: block } .epm-house-numbers,.epm-governor-numbers { display: none } .epm-key-races { display: none; float: right; margin: 14px 20px 15px; width: 71% } .epm-incumbent { color: #666; float: left; font-size: 8px; margin-top: 5px } .epm-key-incumbent { float: right; color: #666; font-size: 8px; margin-right: 11px; margin-top: 5px } .epm-map { float: left; height: 156px; width: 274px; background-repeat: no-repeat; background-size: cover } .epm-race-type { float: right; font-size: .7em; font-weight: lighter } .epm-candidate.Democratic:after { color: #245468; content: " (D)"; display: inline } .epm-candidate.Republican:after { color: #742b32; content: " (R)"; display: inline } .epm-carousel-li { float: left; list-style-type: none; margin: 0 0 2px; width: 522px } .epm-candidate-state { background-color: #f0f0f0; border-right: 1px solid #dcdcdc; color: #666; float: left; font-family: "Futura Today Demi" Helvetica,Symbol,Arial,sans-serif; font-size: .6em; font-weight: 700; height: 70px; padding: 10px 0 5px; text-align: center; width: 50px } .epm-candidate-state.d-lean { color: #547a8a } .epm-candidate-state.r-lean { color: #742b32 } .epm-state-holder { color: #666; float: left; font-size: 4em; margin-top: 5px; width: 100%; text-align: center } .epm-candidate-state.d-lean .state-holder { color: #527c8a } .epm-candidate-state.r-lean .state-holder { color: #742b32 } .epm-candidate-state.t-lean .state-holder { color: #666 } .epm-candidate-candidates { float: left; height: 64px; width: 97px } .epm-candidate-container { float: left; font-size: 14px; padding-top: 9px; padding-left: 5px; width: 100% } .epm-lean-container { border-bottom: 1px solid #dcdcdc; float: left; font-size: 11px; height: 19px; width: 84px; padding: 8px 9px 4px } .epm-lean-container.r-lean { color: #742b32 } .epm-lean-container.d-lean { color: #527c8a } .epm-candidate-box,.epm-candidate-box:visited { border: 1px solid #dcdcdc; float: left; list-style-type: none; margin: 0 10px; position: relative; width: 29%; color: #666 } .epm-candidate-box:after { content: ""; height: 99px; width: 100%; position: absolute; bottom: -1%; left: 0; box-shadow: 0 0 13px -4px rgba(0,0,0,.35) } .epm-candidate { float: left; font-family: "Futura Today" Helvetica,Arial,sans-serif; font-size: .7em; font-weight: 400; margin: 0; padding: 1px 5%; width: 100% } .Democratic { color: #527c8a } .Republican { color: #742b32 } .epm-candidate.Y:before { color: #646464; content: "* "; float: left; font-weight: 700; margin-right: 3px } .epm-key-races-container { float: left; margin: 0; padding: 0 } .epm-races-container-div { float: left; height: 110px; overflow: hidden; width: 522px; margin-top: 10px } .epm-option { color: #fff; cursor: pointer; float: left; font-family: 'futura today light','helvetica light',helvetica,symbol,arial,sans-serif; margin: 5% 20%; text-align: center; width: 60% } .epm-module-navigation { float: left; padding: 0 } .epm-module-nav-li { background-position: center; background-repeat: no-repeat; background-size: contain; display: inline; float: left; height: 31px; list-style-type: none; width: 20% } .epm-counter-div.selected { background-color: #000 } .epm-counter-div { background-color: #fff; border: 1px solid #666; border-radius: 5px; float: left; height: 5px; margin-left: 8px; cursor: pointer; width: 5px } .epm-module-sections { float: left; margin: 0 2% 0 3%; padding: 0; width: 95% } .epm-module-chart { display: none; float: left } .epm-module-key { display: block; float: left; width: 100% } .epm-graph-container { float: left; margin: 0 -20px; padding: 0 20px 8px; webkit-tap-highlight-color: transparent; width: 100% } .epm-container { margin: 20px } .epm-bar-stats { height: 45px; margin: 3px 0 0; box-shadow: 0 0 4px 1px rgba(50%,50%,50%,.2); position: relative; width: 99% } .epm-progress-stat-bar { display: block; list-style-type: none; margin: 5px 0 0; overflow: hidden; padding: 0; padding-left: 0; position: relative } .epm-democrat { background: #235468; height: 45px; text-align: left } .epm-lean-democrat { background: #518296; height: 45px; text-align: left } .epm-republican { background: #742b31; height: 45px; text-align: right } .epm-lean-republican { background: #95474e; height: 45px; text-align: right } .epm-tossup { background: #e7e9e8; height: 45px; text-align: right } .epm-fifty-line { display: block; height: 100%; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 0; width: 5px } .epm-democrat-bar { color: #235468; display: inline; font: 400 1em/1.1 'Futura Today Bold',arial; position: relative; text-align: center } .epm-lean-democrat-bar { color: #518296; display: inline; font: 400 1em/1.1 'Futura Today Bold',arial; padding: 15px 17px 5px; position: relative; text-align: center } .epm-label-democrat { color: #235468; font: 400 12px/1.3 'Futura Today Light',arial; letter-spacing: .1em; margin-top: -3px; text-transform: lowercase } .epm-label-lean-democrat { color: #518296; font: 400 12px/1.3 'Futura Today Light',arial; letter-spacing: .1em; margin-left: 13%; margin-top: -3px; text-align: center; text-transform: lowercase } .epm-republican-bar { color: #742b31; font: 400 1em/1.1 'Futura Today Bold',arial; margin-left: 69%; padding: 15px 0 5px } .epm-lean-republican-bar { color: #95474e; font: 400 1em/1.1 'Futura Today Bold',arial; padding: 15px 17px 5px; position: relative } .epm-party-label-democrat { color: #518296; display: inline; font: 400 .8em/.8 'Futura Today',arial; letter-spacing: .1em; margin-top: -3px; padding: 15px 0 5px; text-transform: uppercase } .epm-party-label-republican { color: #95474e; display: inline; font: 400 .8em/.8'Futura Today',arial; letter-spacing: .1em; margin-left: 4px; margin-top: -3px; padding: 15px 0 5px; text-transform: uppercase } .epm-lean-label-republican { color: #95474e; font: 400 12px/1.3 'Futura Today Light',arial; letter-spacing: .1em; margin-left: 10%; margin-top: -3px; text-align: center; text-transform: lowercase } .epm-label-republican { color: #95474e; font: 400 12px/1.3 'Futura Today Light',arial; letter-spacing: .1em; margin-left: 64%; margin-top: -3px; text-align: center; text-transform: lowercase } .epm-tossup-bar { color: #666; display: inline; font: 400 1em/1.1 'Futura Today Bold',arial; padding: 15px 17px 5px; position: relative; text-align: center } .epm-label-tossup { color: #666; font: 400 10px/1.3 'Futura Today Light',arial; letter-spacing: .1em; margin-top: -1px; text-align: center; text-transform: lowercase } .epm-majority-label { color: #666; font: 400 .9em/1.3 'Futura Today Bold',arial; margin-top: 26%; text-align: center; text-transform: lowercase } .epm-current { color: #1e1e1e; font: 400 14px/1 'Futura Today Light',arial; margin-top: -2px; text-transform: lowercase } .current.epm-current-majority { color: #1e1e1e; float: left; font-size: 9px; text-align: center; width: 100% } .epm-current-num { color: #666; font: 400 12px/1.3 'Futura Today Bold',arial; margin-top: 2px; text-transform: lowercase } .epm-numb { font: 400 12px 'Futura Today',arial; font-weight: 600 } .epm-repub-numb { color: #95474e; font: 400 1.5em/1.3 'Futura Today',arial; padding: 15px 0 5px; position: relative } .epm-democrat-numb { color: #518296; font: 400 1.5em/1.3 'Futura Today',arial; padding: 15px 0 5px; position: relative } .epm-icon-democrat-right { color: #547a8a; float: left; font-size: 2em; margin-left: 8px; margin-top: 8px; position: absolute } .epm-icon-rep-left { color: #8f6468; font-size: 2em; margin-left: 474px; margin-top: 8px; position: absolute; right: 10px } .epm-holder-page { margin: 0 auto; max-width: 98%; overflow: hidden; position: relative } .epm-col { background-clip: padding-box!important; border: 0 solid rgba(0,0,0,0); box-sizing: border-box; float: left } .elections-span-1 { margin-top: -5px; width: 28.333333% } .elections-span-2 { width: 16.67% } .elections-span-3 { height: 400px; width: 25% } .elections-span-4,.epm-media_block { width: 19% } .elections-span-5 { width: 41.67% } .elections-span-6,.main_content { height: 400px; width: 50% } .elections-span-7 { width: 35.33% } .elections-span-8 { width: 66.67% } .elections-span-9 { width: 75% } .elections-span-10 { width: 83.33% } .elections-span-11 { width: 91.67% } .elections-span-12 { height: 100px; margin-left: 0; width: 100% } @font-face { font-family: us_states; src: url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.eot?#iefix) format('embedded-opentype'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.woff) format('woff'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.ttf) format('truetype'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.svg) format('svg') } .state-icon { font-family: us_states; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1 } .state-lg-al:before { content: "e500" } .state-lg-ak:before { content: "e501" } .state-lg-az:before { content: "e502" } .state-lg-ar:before { content: "e503" } .state-lg-ca:before { content: "e504" } .state-lg-co:before { content: "e505" } .state-lg-ct:before { content: "e506" } .state-lg-de:before { content: "e507" } .state-lg-fl:before { content: "e508" } .state-lg-ga:before { content: "e509" } .state-lg-hi:before { content: "e50a" } .state-lg-id:before { content: "e50b" } .state-lg-il:before { content: "e50c" } .state-lg-ks:before { content: "e50d" } .state-lg-ia:before { content: "e50e" } .state-lg-ks:before { content: "e50f" } .state-lg-ky:before { content: "e510" } .state-lg-la:before { content: "e511" } .state-lg-me:before { content: "e512" } .state-lg-ma:before { content: "e513" } .state-lg-md:before { content: "e514" } .state-lg-mi:before { content: "e515" } .state-lg-mn:before { content: "e516" } .state-lg-ms:before { content: "e517" } .state-lg-mo:before { content: "e518" } .state-lg-mt:before { content: "e519" } .state-lg-nc:before { content: "e51a" } .state-lg-nd:before { content: "e51b" } .state-lg-ne:before { content: "e51c" } .state-lg-nv:before { content: "e51d" } .state-lg-nh:before { content: "e51e" } .state-lg-nj:before { content: "e51f" } .state-lg-nm:before { content: "e520" } .state-lg-ny:before { content: "e521" } .state-lg-oh:before { content: "e522" } .state-lg-ok:before { content: "e523" } .state-lg-or:before { content: "e524" } .state-lg-pa:before { content: "e525" } .state-lg-ri:before { content: "e526" } .state-lg-sc:before { content: "e527" } .state-lg-sd:before { content: "e528" } .state-lg-tn:before { content: "e529" } .state-lg-tx:before { content: "e52a" } .state-lg-ut:before { content: "e52b" } .state-lg-va:before { content: "e52c" } .state-lg-vt:before { content: "e52d" } .state-lg-wa:before { content: "e52e" } .state-lg-wi:before { content: "e52f" } .state-lg-wv:before { content: "e530" } .state-lg-wy:before { content: "e531" } @font-face { font-family: icomoon; src: url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.eot?-llhkjl); src: url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.eot?#iefix-llhkjl) format('embedded-opentype'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.woff?-llhkjl) format('woff'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.ttf?-llhkjl) format('truetype'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.svg?-llhkjl#icomoon) format('svg'); font-weight: 400; font-style: normal } .icon-dem-right,.icon-rep-left { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-rep-right:before { content: "e600" } .icon-rep-left:before { content: "e601" } .icon-dem-right:before { content: "e602" } .icon-dem-left:before { content: "e603" } .icon-Republican-right:before { content: "e600" } .icon-Republican-left:before { content: "e601" } .icon-Democratic-right:before { content: "e602" } .icon-Democratic-left:before { content: "e603" } .asset .chart-wrapper.interactive { margin: 0 auto 30px 0 } .graph { width: 100%; height: 280px; margin: 0; position: relative } .graph:hover { cursor: pointer } .chart-wrapper.interactive label { display: block; margin-left: 400px; padding-left: 1em } .interactive-header-wrapper { display: table; width: auto } .interactive-header { color: #333; font: 400 20px/1.1 'Futura Today Bold',sans-serif; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 6px } .asset.standalone.chart .interactive-header-wrapper { width: 598px } .asset.standalone.chart .pie-chart .interactive-header-wrapper { width: auto } .interactive .sponsored-by-text { margin-top: 2px } .chart-wrapper.interactive ul.options li { list-style: none; margin-bottom: 1em } .chart-wrapper { background: #f7f7f7; display: inline-block; width: 100%; border-left: 1px #eaeaea solid; border-right: 1px #eaeaea solid; border-bottom: 1px #eaeaea solid; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .interactive-aside-weather { border-top: 10px #ffc000 solid } .interactive-aside-news { border-top: 10px #289efc solid } .interactive-aside-money { border-top: 10px #00a53c solid } .interactive_barchart-asset .interactive-aside-sports,.interactive_linechart-asset .interactive-aside-sports,.interactive_piechart-asset .interactive-aside-sports { border-top: 10px #b81800 solid } .interactive-aside-life { border-top: 10px #9600b4 solid } .interactive-aside-tech { border-top: 10px #fa5f00 solid } .interactive-aside-travel { border-top: 10px #00c3c3 solid } .interactive-aside-opinion { border-top: 10px #666 solid } .chart-wrapper .chart-content { width: 50%; height: auto; float: left } .chart-wrapper .chart-content section { margin: 16px 20px 10px; position: relative } .chart-wrapper .chart-content h3.subhead { color: #343434; display: inline; font-size: 14px; font-weight: 700 } .chart-wrapper .chart-content p.chatter { color: #666; font-size: 12px; line-height: 18px; margin: 5px 0 0 } .chart-wrapper .chart-area { position: relative; width: 50%; float: right; background: #fff } .chart-area { padding-top: 10px } .chart-area-legend { display: inline-block; margin: 0 1px 0 7px; padding: 8px 0 0 } .chart-area-legend ul { padding: 0 } .chart-area-legend ul.row-1 { float: left; margin: 0; width: 100px } .chart-area-legend ul.row-2 { float: left; margin: 0; width: 120px } .interactive_linechart-asset,.interactive_barchart-asset { display: inline-block; min-width: 600px } .interactive_linechart-asset .graph,.interactive_barchart-asset .graph { left: 8px } .chart-area-legend ul li { width: auto; line-height: 25px; margin: 4px 0 0; padding: 0; position: relative; list-style-type: none; background-image: url(../../images/interactives/charts/chart-list-bg.png); background-position: 0 -9px; background-repeat: repeat-x } .chart-legend-title { color: #343434; font: 400 11px/2.2 'Futura Today',sans-serif; text-transform: uppercase; margin: 0 0 0 24px; padding: 0 } .chart-area-footer { bottom: 20px; position: absolute; color: #b3b3b3; font-size: 16px; font-weight: 400; left: 18px; margin: 5px 0 0 10px; width: 80% } .chart-area-footer .source { bottom: 4px; color: #b3b3b3; font-size: 10px; font-weight: 400; margin: 0; padding: 0 } .chart-area-footer .credit { bottom: 4px; color: #b3b3b3; font-size: 10px; font-weight: 400; margin: 0; padding: 0 } .data-point-label { font: 400 12px 'Futura Today Bold',sans-serif; text-align: center } .xAxis { color: #666 } .yAxis { color: #999 } .yAxisLabel { color: #999; font-size: 70%; height: 300px; left: 20px; margin: 0; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); white-space: nowrap; width: 300px } .lt-ie9 .yAxisLabel { writing-mode: bt-rl } .xAxisLabel { position: relative; text-align: center; font-size: 70%; color: #999; text-transform: uppercase; margin: 14px 0 0 } .chart-area .chart-hover { background-color: #fff; border: 1px solid #cbcbcb; box-shadow: 2px 3px 12px -4px #000; display: none; margin: 25px; position: absolute; width: 139px; z-index: 199 } .chart-area .chart-hover h3 { border-bottom: 1px solid #ccc; color: #666; font: 400 14px/17px 'Futura Today Bold',arial,sans-serif; margin: 0 8px; padding: 8px 0 4px; text-align: center; text-transform: uppercase } .chart-area .chart-hover h3.empty { border-bottom: 0; padding: 0 } .chart-area .chart-hover h4 { font: 400 20px/20px 'Futura Today Bold',arial,sans-serif; margin: 8px 8px 10px; padding: 0; text-align: center } .chart-area .chart-hover p { color: #666; font: 400 11px/1.5 arial,sans-serif; margin: 0 8px; padding: 0 0 12px } .chart-area .chart-hover img { margin: 0 8px 12px } .chart-area .pointer-left,.chart-area .pointer-right,.chart-area .pointer-top,.chart-area .pointer-bottom,.chart-area .pointer-left:after,.chart-area .pointer-right:after,.chart-area .pointer-top:after,.chart-area .pointer-bottom:after { position: absolute } .chart-area .pointer-left { border-top: 9px solid transparent; border-right: 15px solid #cbcbcb; border-bottom: 9px solid transparent; border-left: transparent; left: -16px; top: 40.7%; z-index: 199 } .chart-area .pointer-left:after { content: ''; border-top: 10px solid transparent; border-right: 16px solid #fff; border-bottom: 10px solid transparent; border-left: transparent; left: 1px; top: -10px } .chart-area .pointer-right { border-top: 9px solid transparent; border-right: transparent; border-bottom: 9px solid transparent; border-left: 15px solid #cbcbcb; left: 141px; top: 40.7% } .chart-area .pointer-right:after { content: ''; border-top: 10px solid transparent; border-right: transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; left: -17px; top: -10px } .chart-area .pointer-top { border-top: transparent; border-right: 9px solid transparent; border-bottom: 15px solid #cbcbcb; border-left: 9px solid transparent; left: 61px; top: -15px } .chart-area .pointer-top:after { content: ''; border-top: transparent; border-right: 10px solid transparent; border-bottom: 16px solid #fff; border-left: 10px solid transparent; left: -10px; top: 2px } .chart-area .pointer-bottom { border-top: 15px solid #cbcbcb; border-right: 9px solid transparent; border-bottom: transparent; border-left: 9px solid transparent; left: 61px; top: 100% } .chart-area .pointer-bottom:after { content: ''; border-top: 16px solid #fff; border-right: 10px solid transparent; border-bottom: transparent; border-left: 10px solid transparent; left: -10px; top: -17px } .cf { zoom: 1 } .cf:before,.cf:after { content: ""; display: table } .cf:after { clear: both } .chart-wrapper.interactive.pie-chart { background: #f8f8f8 url(../../images/interactives/charts/left-shadow.jpg) 50% 0 repeat-y; margin-bottom: 0; width: 100% } .pie-chart .pieLabel { display: none } .interactive.pie-chart .chart-area { height: 368px } .standalone .interactive.pie-chart .chart-area { padding-top: 10px } .pie-chart .interactive-header-wrapper-column { display: block } .interactive.pie-chart .sponsored-by-text { float: left; margin: 9px 5px 0 0 } .pie-chart .interactive-sponsor { float: none; padding-left: 0; width: auto } .pie-chart .interactive-header-wrapper { margin: 15px 19px; width: auto } .pie-chart .chart-area-legend { margin: 26px 0 0 } .pie-chart .chart-legend-title { color: #666; font-size: 14px; line-height: 18px } .pie-chart .chart-area-legend .row-1 { float: none; left: 0; position: relative; width: 200px } .pie-chart .chart-area-legend li { background-image: url(../../images/interactives/charts/chart-list-dark-bg.png); background-position: 0 -11px; margin: 0 0 13px } .chart-wrapper.interactive.pie-chart .chart-content .chatter { max-height: 74px; overflow: hidden } .pie_footer { width: 100%; position: absolute; bottom: 0 } .regular-graph-label { display: block; font-weight: 400; font-size: 15px } .pie-chart .chart-area-footer { bottom: 10px; left: auto; margin: 0 20px; padding-top: 10px; position: absolute; right: 0; text-align: right; width: auto } .pie-chart .chart-area-footer .source,.pie-chart .chart-area-footer .credit,.pie-chart .chart-area-footer .footnotes { color: #999; font-size: 10px; font-weight: 400; line-height: 15px; margin: 0; padding: 0 } .pie-chart .chart-area-footer .footnotes { margin-top: 5px; max-height: 30px; overflow: hidden } .chart-wrapper.interactive.pie-chart .graph-label { left: 0; margin: auto; overflow: hidden; right: 0; position: absolute; text-align: center; top: 130px; width: 33% } .chart-wrapper.interactive.pie-chart .graph-label.no-regular-graph-label { height: 20px; top: 130px } .chart-wrapper.interactive.pie-chart .graph-label .regular-graph-heading { font-family: 'Futura Today'; font-size: 18px; font-weight: 700; line-height: 20px; margin: 0; text-transform: uppercase } .interactive-piechart-graph-label { display: block; font-size: 15px; font-weight: 400; line-height: 24px; text-transform: uppercase } .fcpm-wrap { background: #fff; overflow: hidden; position: relative } .fcpm-wrap .front-bump-shadow { display: none } .fcpm-ssts-label { left: 10px; position: absolute; top: 10px; z-index: 3 } .fcpm-wrap .paginator-indicator-bullet { background: #d1d1d1; background: rgba(0,0,0,.2); box-shadow: none } .fcpm-wrap .paginator-indicator-bullet.active:after { box-shadow: none } .fcpm-wrap .paginator-indicator-target { padding: 0 0 20px 8px } .fcpm-wrap .paginator-indicator-target:first-child { padding-left: 0 } .fcpm-items-wrap { display: table; margin: 0; padding: 20px 0; position: relative; -webkit-transition-duration: 0 } .fcpm-item { display: table-cell; vertical-align: top } .fcpm-img { border: 1px solid transparent; border-bottom-color: #bebebe; border-bottom-color: rgba(190,190,190,.6); box-shadow: 0 2px 2px 0 rgba(190,190,190,.6); margin-bottom: 5px; -webkit-transition: border-color .15s; -moz-transition: border-color .15s; transition: border-color .15s } .fcpm-link:hover .fcpm-img { border-color: #009bff } .fcpm-h3 { display: table-cell; font: 400 13px Helvetica,Arial,sans-serif; line-height: 18px; text-overflow: ellipsis } .fcpm-no-img .fcpm-h3 { display: block; font: 400 24px "Futura Today Light",Helvetica,Arial,sans-serif; line-height: 26px; margin-top: 36px; padding-top: 0 } .fcpm-link { color: #333; display: block; margin: 0 20px; min-height: 190px; position: relative; -webkit-transition: background-color,border-color .15s,.15s; -moz-transition: background-color,border-color .15s,.15s; transition: background-color,border-color .15s,.15s; width: 200px; word-wrap: break-word } .fcpm-no-img .fcpm-link { border: 1px solid #e0e0e0; min-height: 200px; padding: 0 10px; width: 178px } .fcpm-link:hover { color: #009bff } .fcpm-no-img .fcpm-link:hover { background-color: #009bff; color: #fff } .fcpm-video-icon { color: #323232; display: table-cell; font: 28px 'Gannett Icons'; line-height: 34px; padding: 0 7px 0 0; -webkit-transition: color .15s; -moz-transition: color .15s; transition: color .15s; vertical-align: top } .fcpm-video-icon:before { content: 'v' } .fcpm-link:hover .fcpm-video-icon { color: #009bff } .stag .featured-content-no-border,.featured-content-no-border { border: 0 } .featured-content-updated { color: #666; color: rgba(102,102,102,1); font-size: 11px; line-height: 14px } .fcsm-wrap { height: 100%; position: relative; width: 100% } .fcsm-light-wrap { background: #f9f9f9 } .fcsm-link { display: block; padding: 0; position: relative; transition: color .15s; -moz-transition: color .15s; -webkit-transition: color .15s } .fcsm-cell>.fcsm-link { width: 90px } .fcsm-light-link { color: #333 } .fcsm-link.fcsm-light-link:hover { color: #009bff } .fcsm-dark-link,.fcsm-dark-link:hover { color: #fff } .fcsm-row { display: table-row } .fcsm-cell { display: table-cell; padding: 0 0 15px 20px } .fcsm-img-wrap { position: relative } .fcsm-img-wrap:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; -webkit-transition: background-color .15s ease-out; width: 100%; z-index: 2 } .fcsm-img-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; width: 100%; z-index: 2 } .fcsm-link:hover .fcsm-img-wrap:before { background: transparent } .fcsm-hed-wrap { bottom: 0; left: 0; margin: 7px; position: absolute; z-index: 10 } .fcsm-headline { display: table-cell; font: 400 15px Helvetica,Arial,sans-serif; line-height: 18px; margin: 0; padding: 0; text-shadow: 0 1px 1px #000; vertical-align: middle } .fcsm-first .fcsm-headline { color: #fff } .fcsm-cell .fcsm-hed-wrap { margin: 10px 0 0; position: relative } .fcsm-cell .fcsm-headline { font: 400 12px Helvetica,Arial,sans-serif; line-height: 15px; margin: 0; padding: 0; text-align: left; text-shadow: none } .fcsm-img { box-shadow: 0 2px 2px 0 rgba(0,0,0,.08); height: 111px; margin-bottom: 0; transition: border-color .15s; -moz-transition: border-color .15s; -webkit-transition: border-color .15s; width: 198px } .fcsm-img-thumb { box-shadow: 0 2px 2px 0 rgba(0,0,0,.08); width: 89px; height: 50px } .fcsm-light-img { border: 1px solid #dadada; box-shadow: 0 2px 2px rgba(190,190,190,.6) } .fcsm-link:hover .fcsm-light-img { border-color: #009bff } .fcsm-first .fcsm-link:hover .fcsm-light-img { border-color: #dadada } .fcsm-video-icon { display: table-cell; font-family: 'Gannett Icons'; font-size: 25px; line-height: 24px; padding: 0 7px 0 0; vertical-align: top } .fcsm-video-icon:before { content: "v" } .fcsm-cell .fcsm-video-icon { font-size: 20px; line-height: 21px; padding: 0 5px 0 0 } .fcsm-first { padding: 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media only screen and (min-width: 1250px) { .fcsm-img { width:299px; height: 168px } .fcsm-img-thumb { width: 139px; height: 78px } .fcsm-cell>.fcsm-link { width: 140px } .fcsm-play-btn-medium { top: 50px; right: 5px } .fcsm-headline { font-size: 18px; line-height: 22px } .fcsm-cell .fcsm-headline { font-size: 13px; line-height: 18px } .fcsm-video-icon { font-size: 28px; line-height: 28px; padding-right: 10px } .fcsm-cell .fcsm-video-icon { font-size: 25px; line-height: 35px; padding-right: 7px } .fcsm-hed-wrap { margin: 12px } } .stagfront-primary .fcpm-wrap { background: transparent } .stagfront-primary .fcpm-link,.stagfront-primary .fcpm-link .fcpm-video-icon { color: #fff } .stagfront-primary .fcpm-img { box-shadow: none } .featured-content-with-advertising-list { list-style-type: none; margin: 0; padding: 10px 0; position: relative; height: 270px } .featured-content-with-advertising-content-item { float: left; text-align: center; width: 180px } .featured-content-with-advertising-link { color: #000; display: block; font-size: 11px; padding: 48px 25px 0; width: 130px; height: 177px; vertical-align: middle } .featured-content-with-advertising-link:visited,.featured-content-with-advertising-link:hover { color: inherit } .featured-content-with-advertising-link .play-btn-m { left: 95px; top: 95px; position: absolute } .featured-content-with-advertising-image-wrapper { position: relative } .featured-content-with-advertising-headline { font-size: 13px; line-height: 18px; margin-bottom: 4px; margin-top: 7px; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden } .featured-content-with-advertising-ad-slot { padding: 0 0 0 25px; float: left } .featured-content-with-advertising-ad-slot .partner-placement { border: 5px solid #fff; box-shadow: 0 4px 8px 0 #bebebe; width: 300px; height: 250px } .featured-content-primary-title { float: left; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 15px; color: #333; text-transform: uppercase; margin: 0 20px 20px; padding: 16px 0 0; text-shadow: 0 1px 0 #fff; width: 200px } .featured-content-primary-list { margin-top: -31px; float: left } .featured-content-primary-list .featured-content-with-advertising-link { padding-top: 38px } .show-only-when-no-sidebar { display: none } .featured-content-module .play-btn-m { bottom: 36px; left: 95px; margin-bottom: -24px } @media only screen and (max-width: 1150px) { .show-only-when-no-sidebar { display:inline-block } } .ballot-answer { margin-top: 20px } .ballot-answer-last { margin-bottom: 40px } .ballot-answer:hover { cursor: pointer } .ballot-answers { clear: left; list-style: none; padding-top: 10px } .ballot-answer-title { font-size: 18px; line-height: 60px; word-wrap: break-word } .ballot-question-text { color: #333; display: inline-block; font-size: 22px; left: 18px; line-height: 1; margin: 33px 0 0; position: relative; width: 448px } .ballot-inactive { opacity: .4 } .ballot-submit-wrap { background: #ebebeb url(../../images/apps/ballot/noise-pattern.png) repeat top left; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; margin-bottom: 10px; padding: 15px 0; text-align: center; width: 100% } .ballot-submit-answers,.ballot-submit-answers:active { background: #8702a2; border-color: #77018f; border-radius: 5px; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; padding: 15px 30px; text-transform: uppercase } .ballot-submit-answers:hover { cursor: pointer } .ballot-disabled { opacity: .4; cursor: default } .ballot-ts .ballot-answer { background: #fff; border: 1px solid #dbdbdb; color: #666; position: relative } .ballot-ts .ballot-answer-input { display: none } .ballot-ts .ballot-answer-title { height: 60px; padding: 0 100px 0 20px } .ballot-check-mark { background: url(../../images/apps/ballot/ballot-check-sprite.png) no-repeat center top; display: inline-block; height: 42px; position: absolute; right: 0; top: 10px; width: 40px; border-left: 1px solid #dbdbdb; padding: 0 22px; z-index: 3 } .ballot-answer:hover .ballot-check-mark { background-position: center center } .ballot-answer.selected .ballot-check-mark { background-position: center bottom } .ballot-questions { list-style: none; padding: 0 } .ballot-q-denote { border-bottom: 1px solid #ccc; color: #9505b4; display: inline-block; font-size: 80px; line-height: 1; margin-bottom: 3px; width: 100% } .ballot-question-item-denote { color: #999; display: inline-block; float: left; font: 16px 'futura today normal',futura,sans-serif; position: relative; text-align: center; width: 73px } .ballot-question-item { border-bottom: 1px dashed #b7b7b7; padding-top: 20px } .ballot-question-item-last { border: 0 } .ballot-answer-result { display: none } .ballot-answer-result-perc { display: block; font: 24px Helvetica,Arial; color: #999; position: absolute; right: 14px; top: 14px } .ballot-answer-result-bar { display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #eee; height: 8px } .ballot-answer-result-bar-fill { background: #9d33b9; display: block; position: absolute; top: 0; left: 0; height: 100% } .ballot-show-results .ballot-answer-title { line-height: 55px } .ballot-show-results .ballot-answer-result { display: block } .ballot-show-results .ballot-answer-vote { display: none } .ballot-show-results .ballot-submit-wrap { display: none } .ballot-show-results .ballot-answer:hover { cursor: default } #contain-402 { visibility: hidden } .p402_hide { display: none } .slide { display: none } .slide.active { display: block } .primary-module.front-galleries-primary-module { background: #f7f7f7; text-align: center; padding: 15px; box-sizing: border-box } .front-galleries-primary { position: relative } .front-gallery { display: none; height: 650px } .front-gallery.selected { display: block } .front-gallery-item { border-bottom: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(255,255,225,.14); font-size: 12px; font-weight: 700; line-height: 15px; padding: 0 } .front-gallery-item:hover { background-color: transparent; background-color: rgba(0,0,0,.05); border-bottom-color: rgba(0,0,0,.05); border-top-color: rgba(0,0,0,.05); cursor: pointer } .front-gallery-item.selected:after { background: transparent url(../../images/notch.png) no-repeat 0 -9px; content: ''; height: 16px; margin-top: -8px; position: absolute; right: 0; top: 50%; width: 10px } .front-gallery-item.selected { background-color: rgba(0,0,0,.2); border-bottom: 0; border-top-color: rgba(0,0,0,.35); position: relative } .lt-ie9 .front-gallery-item.selected { background: transparent url(../../images/pixels/pixel-black-20percent.png) repeat top left } .front-gallery-link,.front-gallery-link:visited,.front-gallery-link:hover { color: #fff; display: block; padding: 20px 10px 20px 15px } .front-gallery .gallery-photo-border { box-shadow: none; margin: 0; padding: 0; height: 100%; width: 100%!important } .galleries { height: 650px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .gallery-viewport { display: table; overflow: hidden; padding-top: 10px; position: relative; vertical-align: middle; width: 100%; z-index: 0 } .front-gallery .gallery-viewport,.gallery-primary .gallery-viewport { height: 540px } .gallery-viewport>.gallery-viewport-slide { display: none; height: 100%; opacity: 0; position: absolute; text-align: center; width: 100%; z-index: 0 } .gallery-viewport>.active { display: table-cell; text-align: center; z-index: 1 } .slide.active>.loading { background: url(../../images/preloaders/windmill-loader_2x_light.gif) center center no-repeat; box-shadow: none; height: 520px; width: 640px } .asset-double-wide .slide.active>.loading { height: 389px; width: 540px } .autosize .slide.active>.loading { height: 720px; width: 640px } .gallery-photo-border { box-shadow: 0 4px 8px 0 #c8c8c8; display: inline-block; margin-top: 5px; padding: 5px; position: relative; text-align: center } .gallery-photo-border>.ad-slot { display: none } .story-asset .gallery-photo-border { background: #fff } .gallery-photo-border>.gallery-viewport-meta { background-color: rgba(0,0,0,.7); border-top: 1px solid #020202; bottom: 5px; display: table-row; left: 5px; padding: 7px 0; position: absolute; right: 5px } .lt-ie9 .gallery-photo-border>.gallery-viewport-meta { background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat; box-sizing: border-box } .lt-ie10 .gallery-photo-border>.gallery-viewport-meta { left: 0; margin: 0 5px; right: 0 } .galleries>.slide-nav { z-index: 1 } .gallery-photo-border>.gallery-viewport-meta,.galleries>.slide-nav { opacity: 0; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .lt-ie9 .galleries>.slide-nav { display: none } .lt-ie9 .galleries>.slide-nav,.lt-ie9 .gallery-photo-border>.gallery-viewport-meta { visibility: hidden } .lt-ie9 .hover>.slide-nav,.lt-ie9 .hover>.active>.gallery-photo-border>.gallery-viewport-meta,.lt-ie9 .autosize .active>.gallery-photo-border>.on { visibility: visible } .gallery-viewport>.active,.hover>.active>.gallery-photo-border>.gallery-viewport-meta,.active>.gallery-photo-border>.on,.hover>.slide-nav { opacity: 1; visibility: visible } .hover>.active>.gallery-photo-border>.on>.mycapture-small-btn { visibility: hidden } .hover>.active>.gallery-photo-border>.mycapture-small-btn { visibility: hidden } .gallery.fullscreen .active .mycapture-small-btn { bottom: 0; right: 0 } .touch .gallery-viewport-slide>.snapshot-card>.snapshot>.gallery-viewport-meta { opacity: 1; visibility: visible } .lt-ie9 .gallery-viewport-meta>.gallery-viewport-caption,.lt-ie9 .gallery-viewport-meta>.gallery-viewport-toolbox { -ms-filter: none; filter: none; position: relative } .gallery-viewport-meta>.gallery-viewport-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; display: table-cell; float: left; font-family: Arial; font-size: 12px; line-height: 18px; min-height: 29px; padding: 3px 10px 3px 18px; text-align: left; -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; vertical-align: middle; width: 90% } .gallery-viewport-caption>.credit { color: #999; font-size: 11px } .snapshots .source { display: inline-block; width: 100% } .gallery-photo-border>.gallery-viewport-meta { color: #999; font-size: 11px } .gallery-photo-border>.gallery-viewport-meta>.toolbox { display: table-cell; padding: 0 0 0 9px; position: inherit; right: 0; top: 30%; width: 46px } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link { border: 1px solid #999; border-radius: 3px; color: #999; cursor: pointer; direction: ltr; display: block; float: left; font: 700 11px arial,sans-serif; height: 16px; line-height: 18px; margin: 0 5px; overflow: hidden; padding: 5px 6px 2px 4px; text-indent: -101%; width: 20px } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link:hover { border: 1px solid #fff; color: #fff } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link.related { display: none } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link>.meta-fullscreen { background: url(../../images/components/ft-share-btns.png) no-repeat; clear: none; float: left; height: 20px; width: 20px } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link>.meta-fullscreen { background-position: -170px -6px; margin-left: 1px } .gallery-viewport-toolbox .gallery-viewport-fullscreen-link:hover>.meta-fullscreen { background-position: -212px -6px } .gallery-thumbs { bottom: 0; height: 100px; left: 15px; overflow: hidden; position: absolute; right: 16px } .thumbswrapper>.thumbslist { display: inline-block; list-style: none; list-style-image: none; margin: 0; position: relative } .gallery-thumbs .thumbswrapper { padding: 4px 0 0 1px } .autosize .gallery-thumbs .thumbswrapper { padding: 0 15px } .topic .gallery-thumbs .thumbswrapper { padding-left: 20px } .thumbslist>.thumb-item { background: url(../../images/dropshadows/gallery-thumb.png) -3px -3px no-repeat; cursor: pointer; display: table-cell; height: 63px; padding-right: 18px; position: relative; width: 108px } .thumb-item>.thumb-link { border: 5px solid #fff; display: inline-block; outline: 0; -moz-transition: border-color .5s; -o-transition: border-color .5s; -webkit-transition: border-color .5s; transition: border-color .5s } .thumb-item.active>.thumb-link { border-color: #1ea3ff } .thumb-link>.thumb-image { height: 45px; max-width: none; width: 80px } .asset-double-wide .thumb-link>.thumb-link { width: 80px } .gallery-thumbs>.indicator { bottom: 10px; left: 0; position: absolute; right: 0 } .autosize .horizontal-scroll { bottom: 4px } .feature-btns { display: none } .slide-nav { background: url(../../images/sprites/galleries-sprite.png) no-repeat; direction: ltr; display: block; float: left; height: 95px; left: 0; margin-bottom: -47.5px; overflow: hidden; position: relative; text-indent: -99999px; top: -50%; width: 46px } .story-asset .slide-nav { top: -330px } .media-main-view .slide-nav { top: -270px } .slide-nav:hover { background-position: -129px -5px; cursor: pointer } .gallery-prev { background-position: -129px -102px; display: none } .gallery-next { background-position: -178px -102px; clear: none; float: right; right: 0 } .gallery-next:hover { background-position: -178px -5px } .embedded_story .slide-nav { height: 60px; margin-bottom: -30px; width: 30px } .embedded_story .slide-nav:hover { background-position: -59px -4px } .embedded_story .gallery-prev { background-position: -59px -65px } .embedded_story .gallery-next { background-position: -89px -65px } .embedded_story .gallery-next:hover { background-position: -89px -4px } .embedded_story .gallery-photo-border>.gallery-viewport-meta { right: 6px } .front-galleries .ui-loader { margin-top: -50px } .asset .galleries { background: #fafafa; border: 1px solid #f2f2f2; border-radius: 3px; height: auto; margin: 10px 0 20px 60px; width: 540px } .asset .galleries.full { margin: 20px -5px 20px 70px; width: 878px } .asset .gallery-viewport { height: 390px; margin-bottom: 90px; padding: 8px 0 } .asset .galleries.full>.gallery-viewport { height: 510px } .asset .galleries.full .slide-nav { top: -390px } .asset .gallery-viewport>.slide-active { box-shadow: inset 0 7px 15px rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15) } .asset .gallery-photo-border>.gallery-photo { max-height: 374px; max-width: 500px } .asset .galleries.full .gallery-photo-border>.gallery-photo { max-height: 495px; max-width: 880px } .asset .galleries>.gallery-thumbs>.thumbswrapper { padding-top: 10px } .asset .full .thumbswrapper>.thumbslist>.thumb-item { width: 110px } .autosize>.gallery-viewport>.slide.active>.loading { background: url(../../images/preloaders/windmill-loader_2x_dark.gif) center center no-repeat; min-height: 65px; min-width: 65px } .gallery-photo-border.loading>.gallery-viewport-meta { display: none } .gallery-photo-border.loading>.gallery-photo { display: none } .autosize>.thumbswrapper>.thumbslist>.thumb-item { opacity: .5 } .gallery.fullscreen { padding: 0; position: relative; width: 100%; z-index: 202 } .gallery.fullscreen .close { background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat; direction: ltr; display: block; height: 50px; position: absolute; right: 0; text-indent: -9999px; top: 5px; width: 50px; z-index: 200 } .galleries.autosize>.gallery-viewport { padding: 0 } .galleries.autosize { height: 100%; margin: 0; width: 100%; z-index: 1 } .galleries.autosize>.gallery-thumbs { background: #000; background: rgba(0,0,0,.8); display: none; height: 78px; left: 0; margin: 0; padding: 6px 0 0; position: relative; right: 0 } .galleries.autosize>.gallery-thumbs.on { background: transparent; background: rgba(0,0,0,.8); display: block; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); visibility: visible } .galleries.autosize .gallery-thumbs .thumbsmask { width: auto } .galleries.autosize .gallery-viewport-meta>.toolbox { display: none; float: right; margin: 0 } .gallery.fullscreen .toolbox { display: none } .fullscreen .thumb-item>.thumb-link { border: 5px solid transparent } .galleries.autosize>.gallery-thumbs .thumb-item.active { opacity: 1 } .galleries.autosize>.gallery-viewport,.galleries.autosize>.gallery-thumbs { overflow: visible } .gallery-photo { cursor: pointer } .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-photo { height: 100%; width: auto } .galleries.autosize .slide-nav { background: transparent url(../../images/sprites/galleries-sprite.png) no-repeat top left; cursor: pointer; direction: ltr; font-size: 0; height: 133px; margin-top: -91px; position: absolute; text-indent: -101%; top: 50%; width: 68px; z-index: 99 } .galleries.autosize .slide-nav.prev { background-position: -233px -142px; left: 0 } .galleries.autosize .slide-nav.next { background-position: -304px -142px; left: 100%; margin-left: -63px } .galleries.autosize .slide-nav:hover { background-position: -233px -4px } .galleries.autosize .slide-nav.next:hover { background-position: -304px -4px } .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-viewport-meta { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100% } .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-viewport-meta>.caption { margin: 0; padding-bottom: 13px } .fullscreen .feature-btns { bottom: 0; display: block; height: 40px } .feature-btns .feature-btns-control { background: #1c1c1c; border: 1px solid #333; border-radius: 3px; clear: none; color: #fff; cursor: pointer; float: left; font: 700 11px arial,sans-serif; height: 8px; margin: 6px 30px 0 13px; min-width: 66px; padding: 6px 27px 11px } .feature-btns .ticker { background: 0; border: 0; color: #999; font: 400 13px arial,sans-serif; margin-right: 10px; min-width: 30px; padding-left: 0 } .feature-btns .feature-btns-label { background: url(../../images/sprites/galleries-sprite.png) no-repeat 0 -105px; float: left; height: 12px; padding-left: 15px } .feature-btns .pause { background-position: 0 -140px; height: 11px } .feature-btns .thumbnails .feature-btns-label { background-position: 0 -116px; padding-left: 20px; width: auto } .lt-ie9 .feature-btns .thumbnails .feature-btns-label { width: 124px } .feature-btns .captions .feature-btns-label { background-position: 0 -128px; padding-left: 30px; width: auto } .galleries.autosize .gallery-photo-border { box-shadow: none; height: 100%; margin: 0; padding: 0; width: 100% } .galleries.autosize>.gallery-viewport>.slide.active.endslate { box-shadow: none; height: 100%; margin: 0; overflow: hidden; width: 100% } .galleries.autosize .gallery-photo-border>.gallery-endslate { background: #333; height: 100%; overflow: hidden; position: relative; width: 100% } .story-asset .gallery-endslate { height: 375px } .story-asset .gallery-related-link { color: #969696 } .cards .active.endslate { margin: 0; padding: 0; width: 100% } .endslate.loading .gallery-endslate-related { background: url(../../images/preloaders/windmill-loader_2x_dark.gif) center center no-repeat } .asset .story-asset .active.endslate { height: 380px } #media-view .active.endslate { box-shadow: none } .gallery-endslate { background: #333; height: 495px } .stag.cards .active.endslate { width: 920px } .asset .story-asset .gallery-taboola-endslate { height: 375px } .gallery-endslate-header { color: #a3a3a3; font-size: 17px; margin: 0; padding-top: 100px; position: relative; width: 100% } #overlay .gallery-endslate-header { padding-top: 60px } .gallery-endslate-related { display: block; list-style: none; margin: 60px auto auto; min-height: 150px; padding: 0 52px; width: 570px } .galleries.autosize .gallery-endslate-related { width: 760px } .stag .gallery-endslate-related { width: 760px } .asset .gallery-endslate-related { width: 704px } .story-asset .gallery-endslate-related { left: 0; margin: 40px auto auto; padding: 0; width: 98% } .gallery-related-item { color: #999; float: left; font-size: 12px; font-weight: 700; line-height: 1.5; margin: 0 2%; position: relative; -moz-transition: color .25s linear; -o-transition: color .25s linear; -webkit-transition: color .25s linear; transition: color .25s linear; width: 21% } .gallery-related-link,.gallery-related-date { color: #969696; float: left; font-size: 12px; line-height: 1.2em; padding-bottom: 8px; text-align: left } .gallery-related-link:visited { color: inherit } .gallery-related-link:hover { color: #f5f5f5 } .gallery-related-date.ui-sprite-before:before { background-position: -998px 5px } .gallery-related-date { color: #5b5b5b; font-size: 11px; font-style: italic; height: 20px; line-height: 20px; overflow: hidden; padding: 0 0 0 14px; -o-text-overflow: ''; text-overflow: ''; width: 9em } .front-gallery .taboola-image-crop { height: 70px } .story-asset .taboola-image-crop { height: 60px } .taboola-image-crop { border: 5px solid #5b5b5b; display: block; height: 84px; margin-bottom: 8px; overflow: hidden; position: relative } .taboola-related-img { width: 100% } .gallery-endslate-actions { margin: 20px auto; position: relative; width: 100px } .story-asset .gallery-endslate-actions { bottom: 0 } .gallery-actions-replay { background: #1c1c1c; border-radius: 5px; color: #777; cursor: pointer; display: inline-block; font-size: 12px; line-height: 1em; margin: 0; padding: 8px 20px } .gallery-actions-replay:hover { color: #f5f5f5 } .gallery-actions-replay:before { background: url(../../images/sprites/endslate-nav.png) 0 0 no-repeat; content: ""; display: inline-block; height: 13px; vertical-align: top; width: 21px } .gallery-actions-replay:hover:before { background-position: 0 -26px } .lt-ie9 .galleries.autosize>.feature-btns .captions .feature-btns-label { width: 110px } .mycapture-btn { border: 1px solid #999; border-radius: 3px; color: #999; cursor: pointer; height: 22px; line-height: 22px; margin-right: 35px; padding: 0 2px; position: absolute; right: 12px; width: 22px; z-index: 1 } .mycapture-btn:before { background: url(../../images/components/utility-btns.png) -838px -137px; content: ''; height: 20px; width: 21px; float: right } .mycapture-btn:hover:before { background: url(../../images/components/utility-btns.png) -838px -167px } .mycapture-btn:hover { border-color: #fff; color: #fff } .gallery-viewport-meta>.gallery-viewport-caption-with-mycapture { float: left; width: 75% } .mycapture-small-btn { background-color: rgba(0,0,0,.7); bottom: 5px; color: #999; font-size: 11px; height: 17px; line-height: 18px; padding-left: 5px; position: absolute; right: 5px; text-align: left; width: 22px; z-index: 1 } .mycapture-small-btn:before { background: url(../../images/components/utility-btns.png) -843px -139px; content: ''; height: 20px; width: 20px; float: right } .mycapture-gallery-btn { top: 30% } .mycapture-cinematic-gallery-btn { margin-right: 0; top: 35% } .mycapture-small-btn-cinematic { display: none; right: 0; bottom: 0 } .gallery-viewport-meta>.cinematic-caption-with-mycapture { float: left; width: 80% } .mycapture-btn-with-text { width: 77px } .mycapture-btn-longform { top: 30% } .fgnf-gallery .gallery-photo-border>.gallery-viewport-meta { bottom: 96px; left: 0; padding: 12px 0; right: 0; width: 680px } .fgnf-gallery .gallery-photo-border .gallery-viewport-meta>.gallery-viewport-caption { padding-bottom: 0 } .fgnf-gallery .gallery-thumbs.gallery-thumbs { bottom: 5px; height: 109px; left: 0; margin: 0 auto; right: 0; text-align: center; width: 680px } .fgnf-gallery .gallery-thumbs.gallery-thumbs .thumbswrapper { background: rgba(0,0,0,.7); height: 75px; padding: 0 } .fgnf-gallery .gallery-thumbs .thumbswrapper>.thumbslist { margin-top: 15px } .fgnf-gallery .gallery-photo-border { box-shadow: none; height: 100%; margin: 0; padding: 0; width: 100%!important } .fgnf-gallery .partner-slide-ad .gallery-photo-border { box-shadow: none; margin-top: 0!important; padding: 0 } .fgnf-gallery .gallery-thumbs .thumbslist>.thumb-item { background: 0; height: 50px } .fgnf-gallery .thumb-item { padding-right: 31px } .fgnf-gallery .thumbslist>.first-thumb { padding-left: 15px } .fgnf-gallery .thumbslist>.last-thumb { padding-right: 15px } .fgnf-gallery .gallery-thumbs .thumb-item>.thumb-link { border: 1px solid rgba(255,255,255,.1) } .fgnf-gallery .gallery-thumbs .thumb-item.active>.thumb-link,.fgnf-gallery .gallery-thumbs .thumb-item>.thumb-link:hover { border-color: #09f } .front-galleries .slide-nav { top: -60% } .fgnf-gallery .gallery-photo { box-shadow: 0 2px 1px rgba(0,0,0,.2); display: block; margin: 0 auto } .fgnf-gallery,.fgnf-gallery .galleries { height: 570px; margin-bottom: 10px } .fgnf-gallery .gallery-endslate { height: 100% } .fgnf-gallery .gallery-viewport { height: 512px; left: 0; margin: 0 auto; padding: 20px 0 0; right: 0; text-align: center; width: 680px } .fgnf-gallery .gallery-thumbs { left: 0 } .primary-module.front-galleries-primary-module { padding: 0 } .fgnf-gallery .gallery-photo-border>.gallery-viewport-meta>.toolbox { padding: 0 12px 0 9px } .fgnf-gallery .partner-placement.slide>.gallery-photo-border.size-s { height: 100%; width: 100% } .cards .fgnf-gallery .active.endslate { margin: 0; padding: 0 } .front-gallery .horizontal-scroll { margin-bottom: 4px; bottom: 0 } .primary-flex-module.front-galleries-primary-flex-module { background: #f7f7f7; text-align: center } .fgpfm-nav-list { display: inline-block; padding: 0 30px } .fgpfm-nav-item.front-gallery-item { border: 0; border-top: 2px solid transparent; display: table-cell; max-width: 160px; padding: 0; position: relative; text-align: center; vertical-align: middle } .fgpfm-nav-item.front-gallery-item:hover { background: 0 } .fgpfm-nav-item.front-gallery-item.selected { background: 0 } .fgpfm-nav-item.front-gallery-item.selected:after { display: none } .fgpfm-nav-border { background: #888; display: block; opacity: 0; transition: opacity .2s; height: 2px; left: 0; position: absolute; top: 0; width: 100% } .fgpfm-nav-item.front-gallery-item.selected .fgpfm-nav-border,.fgpfm-nav-item.front-gallery-item:hover .fgpfm-nav-border { opacity: 1 } .fgpfm-nav-link.front-gallery-link,.fgpfm-nav-link.front-gallery-link:visited,.fgpfm-nav-link.front-gallery-link:hover { border: 0; color: #333; font-size: 12px; font-weight: 400; padding: 10px 15px; position: relative } .fgpfm-gallery.front-gallery { margin-bottom: 45px } .primary-flex-gallery-viewport .gallery-photo-border { box-shadow: none; margin-top: 0 } .fgpfm-gallery .snapshots-container { overflow: hidden } .fgpfm-gallery .snapshots-container .gallery-viewport { margin: 0 auto; width: 700px } .fgpfm-gallery .snapshots-container .slide-nav { top: -70% } .primary-flex-gallery-viewport .gallery-endslate { height: 100% } @media (min-width: 1321px) { .fgpfm-gallery.front-gallery,.fgpfm-gallery.front-gallery .gallery-viewport,.fgpfm-gallery.front-gallery,.primary-flex-galleries.galleries,.fgpfm-gallery .galleries { height:690px } .primary-flex-gallery-thumbs.gallery-thumbs { left: 20px; right: 20px } .primary-flex-gallery-viewport .gallery-endslate { margin: 19px } .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta { left: 20px; right: 20px } } @media (max-width: 1320px) { .fgpfm-gallery.front-gallery,.fgpfm-gallery.front-gallery .gallery-viewport,.fgpfm-gallery.front-gallery,.primary-flex-galleries.galleries,.fgpfm-gallery .galleries { height:520px } .fgpfm-gallery.front-gallery.snapshot-placeholder,.fgpfm-gallery .galleries.snapshots-container,.fgpfm-gallery.front-gallery.snapshot-placeholder .gallery-viewport { height: 660px } .primary-flex-gallery-thumbs.gallery-thumbs { left: 13px; right: 13px } .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta { left: 13px; right: 13px } .primary-flex-gallery-viewport .gallery-endslate { height: 520px; margin: 0 13px } } .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta { bottom: 75px; padding: 7px 0 0 } .primary-flex-gallery-photo-border .gallery-viewport-meta>.gallery-viewport-caption { padding-bottom: 0 } .primary-flex-gallery-thumbs.gallery-thumbs { bottom: -32px; height: 107px } .primary-flex-gallery-thumbs.gallery-thumbs .thumbswrapper { background: rgba(0,0,0,.7); height: 75px; padding: 0 } .primary-flex-gallery-thumbs .thumbswrapper>.thumbslist { margin-top: 15px } .primary-flex-gallery-photo.gallery-photo { box-shadow: 0 2px 1px rgba(0,0,0,.2); display: block; height: 100%; margin: 0 auto } .primary-flex-gallery-viewport.gallery-viewport { padding-top: 0 } .primary-flex-gallery-photo-border.gallery-photo-border { box-shadow: none; margin: 0; padding: 0; height: 100%; width: 100%!important } .fgpfm-gallery .partner-slide-ad .gallery-photo-border { box-shadow: none; margin-top: 0!important; padding: 0 } .primary-flex-gallery-thumbs .thumbslist>.thumb-item { background: 0; height: 50px } .primary-flex-gallery-thumbs .thumbslist>.thumb-item:first-child { padding-left: 15px } .primary-flex-gallery-thumbs .thumb-item>.thumb-link { border: 1px solid rgba(255,255,255,.1) } .primary-flex-gallery-thumbs .thumb-item.active>.thumb-link,.primary-flex-gallery-thumbs .thumb-item>.thumb-link:hover { border-color: #09f } .primary-flex-galleries .slide-nav { top: -60% } .site-nav-social-span { width: 16px } .site-nav-span.site-nav-social-span:after { background-position: -84px 0; height: 18px; margin-left: -9px; top: 12px; width: 16px } .site-nav-dropdown.site-nav-social-module-dropdown { color: #fff; line-height: normal; padding: 10px; width: auto } .social-dropdown-item { height: 20px; margin-bottom: 5px } .social-dropdown-item.twitter .twitter-follow { float: none; font-size: 12px; line-height: 20px } .headline-text-collection { color: #525252; padding: 20px } .headline-text { display: inline-block; height: 90px; font-size: 12px; margin: 20px 0 0; overflow: hidden; vertical-align: top; width: 50% } .headline-text-asset-item-title { font-size: 1.3em; margin: 0 0 2px } .headline-text-grid-load-story { color: inherit; display: block; margin-right: 130px } .hero { background: #fff url(../../images/patterns/noise_fff.png); position: relative; width: 720px; z-index: 5 } .hero .stage,.hero .slide { cursor: pointer; height: 405px; position: relative } .hero-asset-open { cursor: pointer } .hero .stage { background-color: #000; width: 720px } .hero-color-pixel { height: 100%; width: 100% } .hero .media { bottom: 0; position: absolute; z-index: 50 } .hero .media>img { bottom: 0; left: 0; position: absolute; z-index: 52 } .hero .media img.cutout { z-index: 51 } .hero .videoStill,.hero .video .fit-me { height: 100%; max-width: 100% } .hero .media,.hero .video { height: 100%; width: 100% } .hero .videoObject { display: none; height: 405px; left: 0; position: absolute; top: 0; width: 720px; z-index: 9999 } .hero .videoObject object { height: 405px; vertical-align: middle; width: 720px } .videoStillPlay { background-image: url(../../images/buttons/button_video_play.png); background-position: 0 -2px; cursor: pointer; height: 91px; left: 50%; margin: -46px 0 0 -46px; position: absolute; top: 50%; visibility: hidden; width: 93px; z-index: 54 } .hero .videoObject:hover .videoCloseButton { display: block } .videoCloseButton { background-image: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat; display: none; height: 50px; overflow: hidden; position: absolute; right: -17px; text-indent: 105%; top: -10px; white-space: nowrap; width: 50px; z-index: 1 } .hero-headline-video-close { background-color: rgba(0,0,0,.6); background-color: #000; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; padding: 3px; position: absolute; right: 0; text-transform: uppercase; z-index: 100000 } .hero-headline-video-close:hover { color: #5bb5ff } .hero .temp-loader { background: #000 url(../../images/preloaders/windmill-loader_2x_dark.gif) no-repeat center center; display: none; height: 100%; position: absolute; top: 0; width: 100% } .videoCloseButton:hover,.videoCloseButton:active { background-position: -150px -255px } .hero-text:hover>.videoStillPlay,.hero-3up-media:hover .videoStillPlay,.hero-left-pane:hover>.hero-text>.videoStillPlay,.media:hover>.videoStillPlay,.hero-left-pane:hover>.media>.videoStillPlay,.super-hero-module-wrapper:hover .videoStillPlay,.videoStillPlay:hover,.videoStillPlay:active { background-position: 0 -2px; cursor: pointer; visibility: visible } .hero .media .pixel { height: 100%; width: 100% } .sp-hero-2up.portrait .media .pixel { height: 480px; width: 360px } .hero-text { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(42%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%); height: 100%; position: relative; z-index: 53 } .lt-ie9 .hero-text { background: transparent url(../../images/ie-gradients/transparent-to-black-67percent.png) repeat-x bottom left } .hero-story { bottom: 0; color: #fff; position: absolute; width: 100%; z-index: 54 } .hero-story h1 { font-size: 35px; line-height: 40px; margin: 0 0 0 20px; width: 75% } .hero-story h1 a { color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,.4); -moz-transition: color .25s ease-out; -ms-transition: color .25s ease-out; -o-transition: color .25s ease-out; -webkit-transition: color .25s ease-out; transition: color .25s ease-out } .lt-ie10 .hero-story h1 { filter: DropShadow(Color=#000000,OffX=1,OffY=1,Positive=1) } .hero .slide:hover h1 a { color: #bfbfbf; color: rgba(255,255,255,.75) } .hero .actions { display: table; list-style: none; margin: 15px 20px 18px 22px; padding: 0; vertical-align: middle } .hero .actions li { border-left: 1px solid #dedede; display: table-cell; font-size: 12px; padding: 0 10px; vertical-align: middle; width: auto } .hero .actions li:first-child { border-left: 0; padding-left: 0 } .hero .actions li a { color: #fff; font-weight: 700 } .hero .actions li a:hover { color: #0af } .hero .actions li a.spike,.hero .actions li a.read { background: transparent url(../../images/buttons/sprite-hero.png) no-repeat top left; height: 17px; min-width: 86px; padding: 1px 0 2px 22px } .hero .actions li a.spike:hover,.hero .actions li a.read:hover { background-position: 0 -17px } .hero .actions li a.video { background-position: 0 -152px } .hero .actions li a.video:hover { background-position: 0 -170px } .hero .actions li a.external { background-position: 0 -119px } .hero .actions li a.external:hover { background-position: 0 -135px } .hero .actions li a.read:hover { background-position: 0 -17px } .hero .actions li a.topic { background-position: 0 -34px; min-height: 16px; padding: 1px 0 0 18px } .hero .actions li a.topic:hover { background-position: 0 -51px } .hero-story .byline-block { display: table-cell; margin: 0 0 6px 20px; vertical-align: middle } .hero .actions li .byline { margin: -3.5px 0 0 0 } .hero .actions li a .byline { color: #fff } .hero .actions li a:hover .byline em { color: #0af } .hero.super .stage,.hero.super .slide { height: 600px } .hero.super .media { background: #000; overflow: hidden; text-align: center; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; -webkit-transition: width .5s; transition: width .5s; width: 840px } @media only screen and (min-width: 1150px) { .hero.super .media { width:1080px } } .hero-1up { height: 405px; width: 720px } .hero-2up-contents,.hero-2up { height: 480px; width: 720px } .hero-2up-slide { display: block; float: left; height: 100%; position: relative; width: 360px } .hero-2up-slide-1 { margin-right: 1px; width: 359px } .hero-2up-slide-1>.media,.hero-2up-slide-1>.hero-text { height: 480px; overflow: hidden; width: 359px } .hero-2up .media .pixel { height: 480px; width: 360px } .hero-2up-slide>.hero-text>.hero-story>h1 { margin: 0 20px; width: auto } .hero-2up-slide:hover>.hero-text>.hero-story>h1>.load-story { color: #bfbfbf; color: rgba(255,255,255,.75) } .hero-2up-slide-2 .videoObject { left: -360px } .card-hero-3up.hero { height: 480px; width: 720px } .hero-3up { background: #000; height: 405px; width: 960px } .hero-3up-pixel { height: 100%; width: 100% } .hero-3up-pixel-2,.hero-3up-pixel-3 { height: 113px; margin: 20px 20px 7px; width: 200px } .hero-3up-media-noimage { height: 100%; position: relative; width: 100%; z-index: 50 } .hero-3up-media { height: 100%; position: relative; width: 100%; z-index: 50 } .hero-3up-tile-1>.hero-3up-media { width: 720px } .card-hero-3up-tile-1.hero-3up-tile-1>.hero-3up-media { width: 480px } .hero-3up-image-2,.hero-3up-image-3 { margin: 20px 20px 7px } .stagfront-hero-3up-pixel-2,.stagfront-hero-3up-pixel-3 { height: 200px; width: 113px } .hero-3up-tile>.parent-label { left: 10px; top: 10px } .hero-3up-tile:hover>.hero-text>.hero-story>h1>.load-story { color: #bfbfbf; color: rgba(255,255,255,.75) } .hero-3up-tile { background-color: #000; cursor: pointer; display: block; float: left; height: 202px; position: relative; width: 240px } .card-hero-3up-tile { height: 240px } .hero-3up-tile-1 { height: 405px; margin-right: 1px; width: 719px } .card-hero-3up-tile-1 { height: 480px; width: 479px } .hero-3up-tile-3 { margin-top: 1px } .hero-3up-media>.hero-text { background: 0; background-color: rgba(0,0,0,.7); border-top: 1px solid #000; bottom: 0; height: auto; position: absolute; width: 100% } .hero-3up-media-1>.hero-text { padding-left: 2px } .lt-ie9 .hero-3up-media>.hero-text { background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left } .hero-3up-media>.hero-text>.hero-story { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.1)),color-stop(18%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); position: static } .hero-3up-media>.hero-text>.hero-story>h1 { font-size: 14px; line-height: 16px; margin: 0; padding: 10px; width: auto } .hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>h1 { font-size: 30px; line-height: 35px; padding: 14px 20px 10px } .hero-3up-media>.hero-text>.hero-story>.actions { height: 17px; margin: 0; padding: 0 10px 10px } .hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>.actions { padding: 0 20px 20px } .sp-hero-2up.portrait .stage,.sp-hero-2up.portrait .slide { float: left; height: 480px; width: 360px } .sp-hero-2up.portrait .hero-story h1 { width: 320px } .sp-hero-2up.portrait .videoObject,.hero-2up .videoObject { background: #000; height: 480px; line-height: 480px } .sp-hero-2up.portrait .contents .portraitli span>.video-headline { margin-left: -10px; padding: 0 } .hero .contents { background: -moz-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: -webkit-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: -ms-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); border-bottom: 1px solid #dedede; display: table; height: 119px; margin: 0; padding: 0; position: relative } .hero .contents li { background-color: transparent; background-color: rgba(255,255,255,0); border-right: 1px solid #dedede; color: #666; cursor: pointer; display: table-cell; float: none; font-size: 11px; font-weight: 700; height: 100%; line-height: 13px; list-style: none; padding: 10px 8px 0; position: relative; text-align: center; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; -moz-transition-property: color background-color; -o-transition-property: color background-color; -webkit-transition-property: color background-color; transition-property: color background-color; width: 119px } .hero .contents li:hover { background-color: #fff; background-color: rgba(255,255,255,.4); color: #333 } .hero .contents li>.container { position: relative } .hero .contents li>.container span { background: transparent url(../../images/notch.png) no-repeat center top; display: block; height: 8px; left: 50%; margin-left: -7px; opacity: 0; position: absolute; top: -8px; -moz-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -ms-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -o-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -webkit-transition: top 200ms ease-in-out; transition: top 200ms ease-in-out,opacity 200ms ease-in-out; visibility: hidden; width: 15px; z-index: 56 } .hero .contents li.active span { opacity: 1; top: -18px; visibility: visible } .lt-ie9 .hero .contents li.active span { visibility: visible } .hero .contents li img { border: 4px solid #f7f7f7; display: block; margin: 0 auto 5px; -moz-transition: border-color .2s; -ms-transition: border-color .2s; -o-transition: border-color .2s; -webkit-transition: border-color .2s; transition: border-color .2s } .hero .contents li.active img { border-color: #0af } .sp-hero-2up.portrait .contents { background: #e1e1e1 url(../../images/patterns/noise.png) repeat top left; border-bottom: 1px solid #c7c7c7; border-left: 0; border-right: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; display: block; height: 478px; position: absolute; right: 0; top: 0; width: 359px } .sp-hero-2up.portrait .contents .portraitli { border-bottom: 1px solid #c7c7c7; border-top: 1px solid #fff; display: block; float: left; height: 78px; margin: 0; padding: 0; text-align: left; width: 358px } .sp-hero-2up.portrait .contents .portraitli:first-child { border-top: 0; margin-top: 0 } .sp-hero-2up.portrait .contents .portraitli:hover { background: #f3f3f3 url(../../images/patterns/noise.png) repeat top left } .sp-hero-2up.portrait .contents .portraitli img { border: 0; float: left; margin: 14px 10px 14px 20px } .sp-hero-2up.portrait .contents .portraitli .container { display: table; height: 78px; margin-right: 20px } .sp-hero-2up.portrait .contents .portraitli span>span { display: table-cell; height: 78px; padding: 0 0 0 20px; vertical-align: middle } .sp-hero-2up.portrait .contents .portraitli span img+span { margin-left: 90px; padding: 0 } .sp-hero-2up.portrait .contents .portraitli .thumbHeadline { color: #333; font-size: 12px; font-weight: 700; line-height: 16px; margin: 0 } .sp-hero-2up.portrait .contents .portraitli .thumbHeadline { color: #333 } .sp-hero-2up.portrait .contents .portraitli:hover .thumbHeadline { color: #0af } .sp-hero-2up.portrait .contents .portraitli .read { background: transparent url(../../images/buttons/sprite-hero.png) no-repeat 0 -68px; color: #666; display: block; font-size: 11px; height: 16px; line-height: 16px; padding: 1px 0 0 22px } .sp-hero-2up.portrait .contents .portraitli:hover .read { background-position: 0 -85px; color: #333 } .hero-headline-pack { height: 420px; position: relative; width: 720px } .hero-headline-pack>.hero-page-video>.ui-placer>.video { width: 720px } .hero-headline-pack-popular { height: 421px } .hero-headline-pack .media>img { bottom: -1px } .hero-right-pane { background: #f8f8f8; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin-left: 360px; position: absolute; top: 0; width: 360px } .hero-left-pane { background: #000; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 421px; left: 0; overflow: hidden; padding-right: 20px; position: absolute; top: 0; width: 400px } .hero-headline-pack .hero-text { bottom: -1px; height: 100%; position: absolute; width: 100% } .hero-headline-square-pane { background: #f8f8f8; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; position: absolute; top: 0; width: 420px } .hero-headline-list-pane { background: #f8f8f8; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 421px; left: 400px; position: absolute; top: 0; width: 320px } .hero-page-turn { z-index: 98 } .hero-list { list-style: none; padding: 0 20px; position: relative; top: 40px; -moz-transform-style: preserve-3d } .hero-list-item { border-bottom: 1px solid #e6e6e6; color: #666; display: block; float: left; font-size: 11px; font-weight: 700; line-height: 16px; margin: 0; padding: 0; text-align: left; width: 100% } .hero-list-item.last { border-bottom: 0 } a.hero-list-anchor { color: #333; display: inline-block; float: left; font-size: 12px; height: 16px; overflow: hidden; padding: 13px 0 11px; text-overflow: ellipsis; white-space: nowrap; width: 280px } .no-touch .hero-list-item:hover { background: #009bff; color: #fff; margin-left: -10px; padding: 0 10px; width: 280px } .hero-list-item .hero-list-info { display: none } .no-touch .hero-list-item:hover>.hero-list-info { display: block } .no-touch .hero-list-item:hover>.hero-list-anchor { color: #fff; width: 250px } .hero-list-info { color: #696969; float: right; font-size: 10px; font-weight: 400; height: 16px; position: relative; top: 13px; width: auto } .hero-list-info.recent { color: #009bff } .hero-list-item:hover>.hero-list-info { color: #a5e0ff } .hero-list-info.video,.hero-list-info.gallery { height: 17px; overflow: hidden; position: relative; text-indent: 105%; top: 12px; white-space: nowrap; width: 17px } .hero-list-info.gallery { background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -42px } .hero-list-info.video { background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -1px } .hero-head { color: #999; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 16px; font-weight: 400; left: 20px; letter-spacing: 1px; margin: 0; padding: 0; position: absolute; text-transform: uppercase; top: 12px } .hero-turn-trigger { display: none } .hero-page-trigger:after { background-position: -379px -58px; margin-left: 6px } .hero-page-trigger { color: #333; cursor: pointer; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; height: 16px; margin: 0; position: absolute; right: 17px; text-transform: uppercase; top: 16px; white-space: nowrap } .hero-popular { background: #f8f8f8; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 720px } .hero-popular-crease { background: url(../../images/modules/dropshadows/hero-flip-crease.png) repeat-y 50% top; height: 100%; left: 345px; position: absolute; width: 30px; z-index: 9 } .hero-popular-head { background: #f3f3f3 url(../../images/sprites/popular-edge.png) repeat-x left bottom; height: 60px; width: 100% } .hero-popular-body { height: 100%; padding: 13px 0 10px 25px } .hero-popular-head-text { color: #999; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 16px; font-weight: 400; left: 0; letter-spacing: 1px; margin: 0; padding: 0; position: absolute; text-indent: 24px; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; top: 18px; width: 100% } .hero-popular .hero-page-trigger { padding-left: 25px; padding-right: 0; top: 23px; z-index: 1 } .hero-popular .hero-page-trigger:before { background-position: -401px -58px; margin-right: 3px } .hero-popular-large-item { float: left; height: 180px; margin-right: 26px; position: relative; width: 320px } .hero-popular-meta-image,.hero-popular-meta-noimage { bottom: 0; color: #fff; left: 0; padding: 3px 13px; position: absolute; width: 294px } .hero-popular-large-shadow { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(42%,transparent),color-stop(100%,rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%); height: 100%; position: absolute; top: 0; width: 100% } .hero-popular-list-header { font-size: 20px; line-height: 22px; margin: 0 0 8px } .lt-ie9 .hero-popular-meta-image { background: transparent url(../../images/ie-gradients/transparent-to-black-67percent.png) repeat-x bottom left } .hero-popular-small-item { float: left; height: 60px; overflow: hidden; padding: 18px 26px 0 1px; position: relative; width: 318px } .hero-popular-small-thumb { float: left; height: 60px; margin-right: 20px; width: 60px } .hero-popular-small-header { color: #333; font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 4px; position: relative; top: -2px; width: 100% } .hero-popular-small-item>a:hover>.hero-popular-small-header { color: #007dcf } a.hero-popular-small-anchor { color: #999; font-size: 11px; font-weight: 400; height: 100%; position: absolute; width: 320px; z-index: 0 } a.hero-popular-anchor { color: #999; font-size: 11px; font-weight: 400 } .hero-popular-viewcount { padding-left: 5px } .hero-popular-viewcount:before { background-position: -940px -34px; width: 18px } .hero-popular-large-item .hero-popular-viewcount:before { background-position: -940px -16px } .hero-popular-item-subtext { color: #999; font-size: 11px; font-weight: 400; margin-top: 1px; position: relative } .hero-popular-large-item .hero-popular-item-subtext { color: #fff } @media only screen and (max-width: 1149px) { a.hero-list-anchor { padding:11px 0 10px } .hero-page-trigger { bottom: 10px; top: auto } .hero-popular-right-item { padding-bottom: 11px } .hero-popular .hero-page-trigger { top: auto } } .hero-multi-up-thumbs { background: #f7f7f7; background: -moz-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: -webkit-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: -ms-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); background: linear-gradient(top,#f7f7f7 96%,#ebebeb 100%); box-shadow: inset 0 -1px 0 #dedede; margin: 0; padding: 0; position: relative; width: 720px } .hero-multi-up-thumb-item { background-color: rgba(255,255,255,0); border-right: 1px solid #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666; cursor: pointer; float: left; font-size: 11px; font-weight: 700; height: 100%; line-height: 13px; list-style: none; padding: 10px 8px 0; position: relative; text-align: center; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: 0; transition-duration: .2s; -moz-transition-property: color background-color; -o-transition-property: color background-color; -webkit-transition-property: color background-color; transition-property: color background-color } .hero-multi-up-thumb-photo { border: 4px solid #f7f7f7; display: block; margin: 0 auto 5px; overflow: hidden; -moz-transition: border-color .2s; -ms-transition: border-color .2s; -o-transition: border-color .2s; -webkit-transition: border-color 0s; transition: border-color .2s } .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-notch { opacity: 1; top: -8px; visibility: visible } .hero-multi-up-slide.active>.media.loading { height: 100%; width: 100% } .hero-multi-up-thumb-text { height: 40px; overflow: hidden; position: relative; width: 100% } .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-photo { border-color: #0af } .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-notch { opacity: 1; top: -8px; visibility: visible } .hero-multi-up-thumb-notch { background: transparent url(../../images/notch.png) no-repeat center top; display: block; height: 8px; left: 50%; margin-left: -7px; opacity: 0; position: absolute; top: 0; -moz-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -ms-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -o-transition: top 200ms ease-in-out,opacity 200ms ease-in-out; -webkit-transition: top 200ms ease-in-out; transition: top 200ms ease-in-out,opacity 200ms ease-in-out; visibility: hidden; width: 15px; z-index: 56 } .hero-multi-up-thumb-item:hover { background-color: rgba(255,255,255,.4); color: #333 } .hero-multi-up-ribbon { background: #000; background: rgba(0,0,0,.65); color: #fff; cursor: pointer; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; font-weight: 400; left: 584px; line-height: 11px; padding: 10px 6px 0 8px; position: absolute; text-transform: uppercase; top: 20px; width: 122px; z-index: 60 } .hero-multi-up-ribbon:after { background-position: -378px -1px; margin-left: 5px } .hero-multi-up-6 { height: 524px } .hero-multi-up-4 { height: 595px } .hero-multi-up-popular { height: 525px } .hero-up-thumbs-4 { height: 190px } .hero-up-thumbs-item-4 { width: 25% } .hero-up-thumbs-item-4 .hero-multi-up-thumb-photo { height: 90px; width: 130px } .hero-up-thumbs-6 { height: 120px } .hero-up-thumbs-item-6 { width: 120px } .hero-up-thumbs-item-6 .hero-multi-up-thumb-photo { height: 50px; width: 80px } @media only screen and (max-width: 1239px) { .hero-multi-up-ribbon { top:43px } } .hero.carousel .slide { display: block; opacity: 0; position: absolute; visibility: hidden; width: 100% } .hero.carousel .slide.active { opacity: 1; visibility: visible } .hero .contents .portraitli>a { display: inline-block; height: 100%; width: 100% } .portraitli span>.play-btn-s { bottom: -45px; margin: 0; padding: 0; position: relative; right: 24px } .hero.basic.election_night,.hero.basic.election_night .stage { background: #f8f8f8; height: auto } .hero.election_night h2.headline { font-size: 32px; margin: 0; padding: 10px 20px 0 } .hero.basic.election_night .stage { background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left; border-bottom: 1px solid #e1e1e1 } .hero.basic.election_night .top_headline h2.headline a { color: #333; margin: 0 } .hero-headline-pack.election_night { height: 480px } .hero.basic.election_night .stage.election-night-large-story .hero-right-pane { background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left; height: 600px; margin-left: 470px; width: 250px } .hero.basic.election_night .stage.election-night-large-story .hero-left-pane { height: 600px; width: 470px } .hero.basic.election_night .stage.election-night-large-story .slide { height: 600px } .hero-headline-pack.election_night .hero-page-front .hero-right-pane { background: #f8f8f8; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 420px; margin: 0; position: absolute; top: 0; width: 300px } .hero-headline-pack.election_night .hero-page-front .hero-left-pane { background: #000; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; position: absolute; top: 0; width: 420px } .hero-headline-pack.election_night .hero-page-front .hero-list-item { border-bottom: 1px solid #e6e6e6; color: #666; display: block; float: left; font-size: 11px; font-weight: 700; line-height: 16px; margin: 0; padding: 0; text-align: left; width: 272px } .hero-headline-pack.election_night .hero-page-front a.hero-list-anchor { color: #333; display: inline-block; float: left; font-size: 12px; height: 16px; overflow: hidden; padding: 13px 0 11px; text-overflow: ellipsis; white-space: nowrap; width: 252px } .hero-headline-pack.election_night .hero-page-front .hero-list-anchor:hover { background: #009bff; color: #fff; margin: -1px -10px; padding: 14px 22px 12px 10px; width: 252px } .hero-headline-pack.election_night .hero-page-front .hero-list-anchor>.info { color: #696969; font-size: 10px; font-weight: 400; height: 16px; margin-top: 1px; position: absolute; right: 10px; text-align: center; width: 16px } .promo-frame { background: #f8f8f8; margin: 0; padding: 0 } .front-bump-shadow { background: url(../../images/sprites/shadow-border.png) repeat-x left -10px; display: block; margin: -20px 0 0 0; overflow: visible; position: relative } .front-bump-shadow:before { background: url(../../images/sprites/shadow-border.png) -21px -26px; content: ''; height: 366px; left: -18px; position: absolute; top: 0; width: 18px; z-index: 2 } .front-bump-shadow:after { background: url(../../images/sprites/shadow-border.png) -40px -26px; content: ''; height: 366px; position: absolute; right: -18px; top: 0; width: 18px; z-index: 2 } .below-hero-ad-module { background: #dedede url(../../images/patterns/noise-featured.png) repeat top left; display: none } .below-hero-content-ul { list-style-type: none; margin: 0 0 5px; padding: 0; position: relative; width: 400px } .below-hero-content-li { display: inline-table; text-align: center; width: 197px } .below-hero-popular { float: left; width: 395px } .below-hero-ad.partner-placement { border: 5px solid #fff; box-shadow: 0 4px 8px 0 #bebebe; display: block; float: right; margin: 10px 10px 10px 0 } .below-hero-header-title { color: #333; float: left; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 15px; margin: 0 20px 20px; padding: 16px 0 0; padding-bottom: 5px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; width: 200px } a.below-hero-content-a { border-right: 0; color: #000; display: block; font-size: 10px; min-height: 200px; padding: 0 25px; position: relative } a.below-hero-content-a .play-btn-m { left: 128px; position: absolute; top: 97px } .below-hero-h3 { font-size: 12px; line-height: 18px; margin-bottom: 4px; margin-top: 7px; overflow: hidden; text-overflow: ellipsis } .below-hero-content-ul a.below-content-0 { border-right: 1px solid #c3c3c3 } .below-hero-ad-container { float: right } .stagfront-1-up-hero,.hero.stagfront-1-up-hero .slide,.hero.stagfront-1-up-hero .stage { height: 540px; width: 960px } .stagfront-1-up-with-ad { height: 332px; width: 960px } .hero.stagfront-1-up-with-ad .stage { border: 0; display: inline-block; height: 332px; width: 590px } .hero.stagfront-1-up-with-ad .slide { height: 332px; width: 590px } .topic-hero-ad { background: #2e2e2e; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; height: 332px; padding: 40px 35px; width: 370px } .partner-heroflip-ad { overflow: hidden; width: 720px } .partner-heroflip-ad.size-xxs { height: 400px } .partner-heroflip-ad.size-xs { height: 405px } .partner-heroflip-ad.size-s { height: 420px } .partner-heroflip-ad.size-m { height: 480px } .partner-heroflip-ad.size-l { height: 524px } .hero-full-width-module { background: #fff } .hfwmm-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hfwmm-link { color: #fff; display: block; position: relative; width: 100%; height: 100%; z-index: 1 } .hfwmm-image-link,.hfwmm-image { display: block } .hfwmm-image-link { height: 100%; width: 100% } .hfwmm-image-link:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hfwmm-primary-wrap:hover .hfwmm-image-link:before,.hfwmm-secondary-item:hover .hfwmm-image-link:before { background-color: transparent } .hfwmm-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 60%; left: 0; position: absolute; width: 100%; z-index: 2 } .hfwmm-primary-wrap { height: 400px; position: relative; float: left } .hfwmm-4uphp-primary-wrap { width: 720px } .hfwmm-primary-image-link:after { height: 50% } .hfwmm-primary-hed-link { display: block } .hfwmm-primary-link:hover,.hfwmm-primary-link:visited { color: #fff } .hfwmm-primary-text-wrap { box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; bottom: 0; left: 0; padding: 0 20px 18px; width: 100% } .hfwmm-primary-hed { font: 40px 'Futura Today DemiBold',Arial,sans-serif; line-height: 44px; display: block; margin: 0 0 5px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); letter-spacing: -1px; position: relative; z-index: 2; color: #fff } .hfwmm-video-hed-link,.hfwmm-gallery-hed-link { text-indent: -48px; margin-left: 48px } .hfwmm-primary-video-hed:before,.hfwmm-primary-gallery-hed:before { font-family: 'Gannett Icons'; vertical-align: top; margin-right: 8px; font-size: 34px; position: relative; top: 1px } .hfwmm-primary-video-hed:before { content: 'v' } .hfwmm-primary-gallery-hed:before { content: 'g' } .hfwmm-spikes { display: inline-block; padding: 8px 0 0; z-index: 5; position: relative; line-height: 30px; bottom: -8px } .hfwmm-spike-link,.hfwmm-spike-link:visited { color: #fff; font-size: 14px; padding: 0 15px 0 0; border-right: 1px solid rgba(255,255,255,.3); margin-right: 15px; font-weight: 700; transition: color .15s; display: inline-block; vertical-align: top; height: 16px; line-height: 16px } .hfwmm-spike-link:hover { color: #009bff } .hfwmm-last-spike-link { border: 0 } .hfwmm-spike-link:before { content: 'a'; font-family: 'Gannett Icons'; font-size: 18px; margin-right: 5px; vertical-align: top } .hfwmm-video-spike-link:before,.hfwmm-livevideo-spike-link:before { content: 'v' } .hfwmm-gallery-spike-link:before { content: 'g'; margin-right: 7px } .hfwmm-noicon-spike-link:before { display: none } .hfwmm-list { box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; display: block; position: relative; float: right } .hfwmm-light-list { border-right: 1px solid #ccc } .hfwmm-tertiary-list-title { box-sizing: border-box; -moz-box-sizing: border-box; font: 15px 'Futura Today Bold',Arial,sans-serif; height: 40px; line-height: 40px; padding: 0 0 0 15px; position: absolute; right: 0; text-align: left; text-transform: uppercase; top: 0; width: 360px } .hfwmm-dark-tertiary-list-title { background-color: #2b2b2b; border-bottom: 1px solid #0f0f0f; color: #fff } .hfwmm-light-tertiary-list-title { background-color: #f9f9f9; border-top: 1px solid #ccc; border-bottom: 1px solid #dcdcdc; color: #282828 } .hfwmm-item { display: block; position: relative; margin: 0; padding: 0; cursor: pointer } .hfwmm-first-tertiary-item { margin-top: 40px } .hfwmm-list-link { padding: 8px 16px; display: block; font-weight: 700; transition: color,background-color 75ms,75ms; -webkit-transition: color,background-color 75ms,75ms; box-sizing: border-box; -moz-box-sizing: border-box } .hfwmm-dark-list-link { color: #fff; background-color: #2b2b2b; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #0f0f0f } .hfwmm-dark-list-link:visited { color: #fff } .hfwmm-dark-list-link:hover { color: #fff; background-color: #272727; border-top-color: transparent; border-bottom-color: transparent } .hfwmm-light-list-link { color: #282828; background-color: #f9f9f9; border-top: 1px solid #fff; border-bottom: 1px solid #dcdcdc } .hfwmm-light-list-link:visited { color: #282828 } .hfwmm-light-list-link:hover { color: #282828; background-color: #fff; border-top-color: transparent } .hfwmm-list-hed { display: block; font-size: 13px; line-height: 14px; padding: 4px 0; text-overflow: ellipsis; height: 14px; overflow: hidden; white-space: nowrap } @media only screen and (max-width: 1320px) { .hfwmm-1uphp-primary-wrap { overflow:hidden; width: 720px } .hfwmm-1uphp-primary-image { margin-left: -120px } .hfwmm-list { width: 360px } .hfwmm-first-secondary-item { margin-top: 40px } .hfwmm-first-tertiary-item.hfwmm-4uphp-tertiary-item { margin-top: 0 } .hfwmm-secondary-image,.hfwmm-ssts-label-secondary,.hfwmm-truncated-item,.hfwmm-list-link.hfwmm-image-link:before,.hfwmm-secondary-image-gradient { display: none } } @media only screen and (min-width: 1321px) { .hfwmm-1uphp-primary-wrap { width:960px } .hfwmm-4uphp-list { width: 600px } .hfwmm-1uphp-list { width: 360px } .hfwmm-secondary-item { clear: both; float: left; width: 239px; height: 133px; overflow: hidden; margin: 0 0 1px 1px } .hfwmm-secondary-link { padding: 0; background: 0; border: 0 } .hfwmm-secondary-video-hed-icon,.hfwmm-secondary-gallery-hed-icon { display: table-cell; font-family: 'Gannett Icons'; vertical-align: middle; padding-right: 8px; font-size: 29px; position: relative; top: 0 } .hfwmm-secondary-gallery-hed-icon { font-size: 27px; padding-right: 9px; top: 0 } .hfwmm-secondary-video-hed-icon:before { content: 'v' } .hfwmm-secondary-gallery-hed-icon:before { content: 'g' } .hfwmm-secondary-hed-wrap { bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; display: block; left: 0; padding: 10px 10px 7px; position: absolute; text-shadow: 0 1px 1px #000; width: 100%; z-index: 5; height: auto } .hfwmm-secondary-hed { display: table-cell; font-size: 14px; line-height: 18px; white-space: normal; vertical-align: middle } .hfwmm-secondary-item.hfwmm-item-4 { height: 132px; margin-bottom: 0 } .hfwmm-4uphp-tertiary-item { margin-left: 240px } .hfwmm-truncated-item.hfwmm-1uphp-truncated-item { display: none } } .hfwsm-module-wrap { position: relative; float: left; width: 100% } .hfwsm-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hfwsm-primary-image-link,.hfwsm-primary-image { display: block; width: 100% } .hfwsm-primary-image-link { height: 100%; width: 100% } .hfwsm-primary-image-link:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hfwsm-module-wrap:hover .hfwsm-primary-image-link:before { background-color: transparent } .hfwsm-primary-image-link:after { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 70%; left: 0; position: absolute; width: 100%; z-index: 2 } .hfwsm-text-timeline-wrap { box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; bottom: 0; left: 0; padding: 0 } .hfwsm-primary-hed-link { display: block; position: relative; z-index: 5 } .hfwsm-primary-hed { font: 96px 'Futura Today DemiBold',Arial,sans-serif; line-height: 93px; display: block; margin: 0 0 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); letter-spacing: -2px; color: #fff; padding: 0 20px } .hfwsm-spikes { display: inline-block; padding: 5px 20px 10px 22px; z-index: 5; position: relative; line-height: 30px } .hfwsm-spike-link,.hfwsm-spike-link:visited { color: #fff; font-size: 14px; padding: 0 15px 0 0; border-right: 1px solid rgba(255,255,255,.3); margin-right: 15px; font-weight: 700; transition: color .15s; display: inline-block; vertical-align: top; height: 16px; line-height: 16px } .hfwsm-spike-link:hover { color: #009bff } .hfwsm-last-spike-link { border: 0 } .hfwsm-spike-link:before { content: 'a'; font-family: 'Gannett Icons'; font-size: 16px; position: relative; margin-right: 5px; vertical-align: top } .hfwsm-video-spike-link:before,.hfwsm-livevideo-spike-link:before { content: 'v' } .hfwsm-gallery-spike-link:before { content: 'g'; margin-right: 7px } .hfwsm-noicon-spike-link:before { display: none } .hfwsm-timeline-wrap { background: rgba(0,0,0,.6); position: relative; width: 100%; z-index: 5 } .hfwsm-timeline-list { display: table; table-layout: fixed; padding: 0 5px 0 20px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid rgba(255,255,255,.15) } .hfwsm-timeline-item { white-space: normal } .hfwsm-timeline-fixed-item { display: inline-block; vertical-align: top; width: 33% } .hfwsm-timeline-stretch-item { display: table-cell; vertical-align: top } .hfwsm-timeline-link,.hfwsm-timeline-link:visited { box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; display: inline-block; padding: 13px 10px 9px 0; position: relative; transition: color .15s; width: 100% } .hfwsm-timeline-link:hover { color: #009bff } .hfwsm-timeline-hed-wrap { width: 90%; display: table } .hfwsm-timeline-gallery-hed-icon,.hfwsm-timeline-video-hed-icon { display: table-cell; font-family: 'Gannett Icons'; font-size: 27px; vertical-align: top; padding: 0 10px 0 0; line-height: 32px } .hfwsm-timeline-gallery-hed-icon:before { content: 'g' } .hfwsm-timeline-video-hed-icon:before { content: 'v' } .hfwsm-timeline-hed { font-size: 15px; display: table-cell; width: 100%; vertical-align: top } .hfwsm-timeline-timestamp-wrap { color: #999; display: table; font-size: 11px; margin: 0 0 5px; position: relative } .hfwsm-timeline-timestamp { display: table-cell; white-space: nowrap; padding: 0 10px 0 0; position: relative } .hfwsm-timeline-timestamp-border { display: table-cell; width: 100% } .hfwsm-timeline-timestamp-border:before { background: #666; border-radius: 7px; content: ''; display: block; height: 7px; position: absolute; right: 0; top: 4px; width: 7px } .hfwsm-timeline-timestamp-border:after { border-top: 1px solid #666; content: ''; display: inline-block; height: 0; position: relative; top: 7px; vertical-align: top; width: 100% } .hfwsm-timeline-last-timestamp-border.hfwsm-timeline-timestamp-border { display: none } @media only screen and (max-width: 1320px) { .hfwsm-primary-flex-sidebar-page-primary-hed { font-size:66px; line-height: 68px } } @media only screen and (min-width: 1321px) { .hfwsm-primary-flex-sidebar-page-primary-hed { font-size:88px; line-height: 90px } } @media only screen and (max-width: 1250px) { .hfwsm-primary-suspender-sidebar-page-primary-hed { font-size:56px; line-height: 61px } .hfwsm-primary-suspender-sidebar-page-timeline-hed-icon { display: none } .hfwsm-primary-suspender-sidebar-page-timeline-hed { font-size: 13px } } @media only screen and (min-width: 1251px) { .hfwsm-primary-suspender-sidebar-page-primary-hed { font-size:78px; line-height: 84px } } .weather-nav-dropdown { color: #fff; font-family: Arial,sans-serif; cursor: default; overflow: hidden; position: absolute; background: #333; box-shadow: 0 3px 6px rgba(0,0,0,.7); line-height: normal; width: 240px; display: none; right: 0; top: 40px; outline: 0 } .weather-nav-dropdown.dropdown-active { display: block } .weather-nav-dropdown-panel-wrap { width: 480px; height: 174px; position: relative; left: 0; top: 0; transition: left 200ms ease; -moz-transition: left 200ms ease; -webkit-transition: left 200ms ease; -o-transition: left 200ms ease } .weather-nav-dropdown.settings-active .weather-nav-dropdown-panel-wrap { left: -240px; height: auto; float: left } .weather-nav-conditions-panel { overflow: hidden; float: left; width: 204px; height: 134px; padding: 20px 18px; position: relative } .weather-nav-location-name { font-size: 16px; font-weight: 700; text-shadow: none; width: 176px; margin-bottom: 14px } .weather-nav-location-name.longname { font-size: 14px } .weather-nav-dropdown-time,.weather-nav-dropdown-wicon,.weather-nav-dropdown-temp { float: left } .weather-nav-dropdown-time { font-size: 12px; font-style: italic; height: 38px; width: 43px; text-align: left; position: relative; top: 2px; padding-top: 11px } .weather-nav-dropdown-temp { font-size: 48px; font-family: 'Futura Today Bold',Helvetica,sans-serif; width: 85px; line-height: 46px; float: right; text-align: right; height: 50px } .weather-nav-dropdown-temp.three-digit { font-size: 36px; line-height: 55px } .weather-nav-conditions-wrap { list-style: none; display: block; margin-top: 16px; float: left } .weather-nav-condition-humidity,.weather-nav-condition-precip,.weather-nav-condition-wind { text-align: center; text-shadow: none; width: 66px; font-size: 16px; font-weight: 700; float: left; display: block } .weather-nav-condition-wind { float: right } .weather-nav-condition-title,.weather-nav-condition-value { display: block } .weather-nav-condition-humidity .weather-nav-condition-title,.weather-nav-condition-humidity .weather-nav-condition-value { text-align: left } .weather-nav-condition-wind .weather-nav-condition-title,.weather-nav-condition-wind .weather-nav-condition-value { text-align: right } .weather-nav-condition-title { display: block; font-size: 12px; font-style: italic; font-weight: 400; margin-bottom: 4px } .weather-nav-dropdown-wicon { background-image: url(../../images/weather/wicon-sprite-big.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 72px; height: 50px } .weather-nav-settings-panel { float: left; width: 200px; padding: 20px; position: relative; min-height: 134px } .weather-nav-settings-header { font-size: 16px; font-weight: 700; margin-bottom: 15px; text-shadow: none } .weather-nav-dropdown-settings-open-btn { background: url(../../images/sprites/ui-sprite.png) no-repeat -260px 0; cursor: pointer; height: 20px; opacity: .8; position: absolute; right: 17px; overflow: hidden; text-indent: 105%; white-space: nowrap; top: 18px; width: 20px } .weather-nav-dropdown-settings-open-btn:hover { opacity: 1; background-position: -260px -20px } .weather-nav-dropdown-settings-close-btn { background: url(../../images/sprites/ui-sprite.png) no-repeat -20px 0; cursor: pointer; height: 20px; opacity: .8; position: absolute; right: 20px; overflow: hidden; text-indent: 105%; white-space: nowrap; top: 20px; width: 21px } .weather-nav-dropdown-settings-close-btn:hover { opacity: 1; background-position: -20px -20px } .weather-nav-location-input-wrap:before { content: ''; display: block; position: absolute; width: 16px; height: 0; overflow: hidden; padding-top: 16px; left: 8px; top: 7px; background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat; z-index: 9 } .weather-nav-location-input-label { color: #b3b3b3; font-size: 13px; font-weight: 700; margin: 0 0 8px; text-shadow: none; display: block; cursor: default } .weather-nav-location-input { padding-left: 26px; margin-bottom: 10px; outline: 0; font-weight: 700; width: 100% } .lt-ie9 .weather-nav-location-input { padding-left: 9px; padding-top: 6px } .weather-nav-location-set-btn,.weather-nav-location-cancel-btn { padding-left: 26px } .weather-nav-location-set-btn { display: inline-block; float: right } .weather-nav-location-cancel-btn { display: inline-block } .weather-nav-location-set-btn:before,.weather-nav-location-cancel-btn:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: block; position: absolute; top: 10px; left: 10px; width: 12px; height: 14px; margin-right: 5px; overflow: hidden } .weather-nav-location-set-btn:before { background-position: -324px -64px } .weather-nav-location-set-btn:hover:before { background-position: -324px -44px } .weather-nav-location-cancel-btn:before { background-position: -5px -6px } .weather-nav-location-cancel-btn:hover:before { background-position: -5px -6px } .weather-nav-location-form .ui-autocomplete-content { position: relative; top: -8px; padding-top: 0 } .weather-nav-location-form .ui-form-field-container { margin-bottom: 8px } .weather-nav-location-form .ui-autocomplete-result-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .weather-nav-location-form .ui-autocomplete-result-item:first-child:before { background: transparent } .weather-nav-location-error { color: #ffc000; display: none; font-size: 11px; font-weight: 700 } .weather-nav-full-forecast-btn { clear: both; text-align: center; text-shadow: none; background: #222; background: rgba(0,0,0,.11); border-top: 1px solid #404040; display: block; font-size: 12px; font-weight: 700; color: #fff; text-decoration: none; transition: background-color .4s; -moz-transition: background-color .4s; -webkit-transition: background-color .4s; -o-transition: background-color .4s; padding: 14px 0; height: 12px; width: 100%; text-transform: none } .weather-nav-full-forecast-btn:visited { color: #fff } .weather-nav-full-forecast-btn:hover { background: #000; background: rgba(0,0,0,.3); color: #fff; text-decoration: underline } .weather-nav-full-forecast-btn:active { color: #029ae6 } .weather-nav-full-forecast-btn:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -128px -7px; content: ''; display: inline-block; height: 8px; margin: 0 7px 0 0; width: 4px } .weather-nav-dropdown-wicon.wicon-1 { background-position: 0 0 } .weather-nav-dropdown-wicon.wicon-2 { background-position: 0 -50px } .weather-nav-dropdown-wicon.wicon-3 { background-position: 0 -100px } .weather-nav-dropdown-wicon.wicon-4 { background-position: 0 -150px } .weather-nav-dropdown-wicon.wicon-5 { background-position: 0 -200px } .weather-nav-dropdown-wicon.wicon-6 { background-position: 0 -250px } .weather-nav-dropdown-wicon.wicon-7 { background-position: 0 -300px } .weather-nav-dropdown-wicon.wicon-8 { background-position: 0 -350px } .weather-nav-dropdown-wicon.wicon-11 { background-position: 0 -400px } .weather-nav-dropdown-wicon.wicon-12 { background-position: 0 -450px } .weather-nav-dropdown-wicon.wicon-13 { background-position: 0 -500px } .weather-nav-dropdown-wicon.wicon-14 { background-position: 0 -550px } .weather-nav-dropdown-wicon.wicon-15 { background-position: 0 -600px } .weather-nav-dropdown-wicon.wicon-16 { background-position: 0 -650px } .weather-nav-dropdown-wicon.wicon-17 { background-position: 0 -700px } .weather-nav-dropdown-wicon.wicon-18 { background-position: 0 -750px } .weather-nav-dropdown-wicon.wicon-19 { background-position: 0 -800px } .weather-nav-dropdown-wicon.wicon-20 { background-position: 0 -850px } .weather-nav-dropdown-wicon.wicon-21 { background-position: 0 -900px } .weather-nav-dropdown-wicon.wicon-22 { background-position: 0 -950px } .weather-nav-dropdown-wicon.wicon-23 { background-position: 0 -1000px } .weather-nav-dropdown-wicon.wicon-24 { background-position: 0 -1050px } .weather-nav-dropdown-wicon.wicon-25 { background-position: 0 -1100px } .weather-nav-dropdown-wicon.wicon-26 { background-position: 0 -1150px } .weather-nav-dropdown-wicon.wicon-29 { background-position: 0 -1200px } .weather-nav-dropdown-wicon.wicon-30 { background-position: 0 -1250px } .weather-nav-dropdown-wicon.wicon-31 { background-position: 0 -1300px } .weather-nav-dropdown-wicon.wicon-32 { background-position: 0 -1350px } .weather-nav-dropdown-wicon.wicon-33 { background-position: 0 -1400px } .weather-nav-dropdown-wicon.wicon-34 { background-position: 0 -1450px } .weather-nav-dropdown-wicon.wicon-35 { background-position: 0 -1500px } .weather-nav-dropdown-wicon.wicon-36 { background-position: 0 -1550px } .weather-nav-dropdown-wicon.wicon-37 { background-position: 0 -1600px } .weather-nav-dropdown-wicon.wicon-38 { background-position: 0 -1650px } .weather-nav-dropdown-wicon.wicon-39 { background-position: 0 -1700px } .weather-nav-dropdown-wicon.wicon-40 { background-position: 0 -1750px } .weather-nav-dropdown-wicon.wicon-41 { background-position: 0 -1800px } .weather-nav-dropdown-wicon.wicon-42 { background-position: 0 -1850px } .weather-nav-dropdown-wicon.wicon-43 { background-position: 0 -1900px } .weather-nav-dropdown-wicon.wicon-44 { background-position: 0 -1950px } .weather-nav-dropdown-wicon.mostly-clear { background-position: 0 -1450px } .wbtn-wrap-wicon:before { background-image: url(../../images/weather/wicon-sprite-med.png); background-repeat: no-repeat; -webkit-backface-visibility: hidden; content: ''; display: inline-block; height: 20px; margin: 0 5px 0 0; position: relative; top: 6px; width: 30px } .wbtn-wrap-wicon.wicon-1:before { background-position: 0 0 } .wbtn-wrap-wicon.wicon-2:before { background-position: 0 -20px } .wbtn-wrap-wicon.wicon-3:before { background-position: 0 -40px } .wbtn-wrap-wicon.wicon-4:before { background-position: 0 -60px } .wbtn-wrap-wicon.wicon-5:before { background-position: 0 -80px } .wbtn-wrap-wicon.wicon-6:before { background-position: 0 -100px } .wbtn-wrap-wicon.wicon-7:before { background-position: 0 -120px } .wbtn-wrap-wicon.wicon-8:before { background-position: 0 -140px } .wbtn-wrap-wicon.wicon-11:before { background-position: 0 -160px } .wbtn-wrap-wicon.wicon-12:before { background-position: 0 -180px } .wbtn-wrap-wicon.wicon-13:before { background-position: 0 -200px } .wbtn-wrap-wicon.wicon-14:before { background-position: 0 -220px } .wbtn-wrap-wicon.wicon-15:before { background-position: 0 -240px } .wbtn-wrap-wicon.wicon-16:before { background-position: 0 -260px } .wbtn-wrap-wicon.wicon-17:before { background-position: 0 -280px } .wbtn-wrap-wicon.wicon-18:before { background-position: 0 -300px } .wbtn-wrap-wicon.wicon-19:before { background-position: 0 -320px } .wbtn-wrap-wicon.wicon-20:before { background-position: 0 -340px } .wbtn-wrap-wicon.wicon-21:before { background-position: 0 -360px } .wbtn-wrap-wicon.wicon-22:before { background-position: 0 -380px } .wbtn-wrap-wicon.wicon-23:before { background-position: 0 -400px } .wbtn-wrap-wicon.wicon-24:before { background-position: 0 -420px } .wbtn-wrap-wicon.wicon-25:before { background-position: 0 -440px } .wbtn-wrap-wicon.wicon-26:before { background-position: 0 -460px } .wbtn-wrap-wicon.wicon-29:before { background-position: 0 -480px } .wbtn-wrap-wicon.wicon-30:before { background-position: 0 -500px } .wbtn-wrap-wicon.wicon-31:before { background-position: 0 -520px } .wbtn-wrap-wicon.wicon-32:before { background-position: 0 -540px } .wbtn-wrap-wicon.wicon-33:before { background-position: 0 -560px } .wbtn-wrap-wicon.wicon-34:before { background-position: 0 -580px } .wbtn-wrap-wicon.wicon-35:before { background-position: 0 -600px } .wbtn-wrap-wicon.wicon-36:before { background-position: 0 -620px } .wbtn-wrap-wicon.wicon-37:before { background-position: 0 -640px } .wbtn-wrap-wicon.wicon-38:before { background-position: 0 -660px } .wbtn-wrap-wicon.wicon-39:before { background-position: 0 -680px } .wbtn-wrap-wicon.wicon-40:before { background-position: 0 -700px } .wbtn-wrap-wicon.wicon-41:before { background-position: 0 -720px } .wbtn-wrap-wicon.wicon-42:before { background-position: 0 -740px } .wbtn-wrap-wicon.wicon-43:before { background-position: 0 -760px } .wbtn-wrap-wicon.wicon-44:before { background-position: 0 -780px } .front-headlines-header { background: #f2f2f2; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; position: relative; padding: 10px 20px 9px } .front-headlines-header-usat-network { background: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; position: relative; padding: 6px } .headlines-header { background: #cecece; background: rgba(0,0,0,.15); border-bottom: 1px solid #a6a6a6; padding: 10px 20px 9px; position: relative; min-height: 32px } .headlines-header-title { color: #666; float: left; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 15px; font-weight: 400; margin: 6px 5px 0 0; text-transform: uppercase; text-shadow: 0 1px 0 #fff } .headlines-header-time { color: #999; float: left; font-size: 11px; margin: 10px 0 0 } .headline-toggler { font-size: 13px; float: right } .front-headline-toggler { right: 0; margin: 0 } .front-headline-toggler.ui-button-toggle { background: #17a2ff } .headline-toggler>.ui-button-toggle-item:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; content: ''; display: inline-block; margin-right: 5px; overflow: hidden; position: relative; top: 2px } .headline-toggler>.headline-toggler-listview:before { background-position: -902px -24px; height: 12px; width: 16px } .headline-toggler>.headline-toggler-listview.active:before { background-position: -902px -4px } .headline-toggler>.headline-toggler-gridview:before { background-position: -883px -24px; height: 12px; width: 14px } .headline-toggler>.headline-toggler-gridview.active:before { background-position: -883px -4px } .headline-big-page-btn.ui-btn { box-shadow: none; padding: 0 12px; margin-left: 20px } .headline-big-page-btn.ui-btn,.headline-big-page-btn.ui-btn:hover { float: right; text-shadow: none } .headline-big-page-btn.ui-btn:before { background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat; background-position: -959px -24px; content: ''; display: inline-block; height: 16px; margin-right: 5px; overflow: hidden; position: relative; top: 3px; width: 14px } .headline-toggler.no-big-page { right: 20px } .lt-ie9 .ui-btn.headline-big-page-btn { display: none } .headline-asset-item { background: url(../../images/headlines-shadow.png) 0 -1px no-repeat; color: #fff; float: left; height: 243px; margin: 8px 0 7px 14px; position: relative; width: 220px } .headline-asset-item.headline-asset-item-stagfront { margin: 8px 0 8px 16px } .headlines .first-column { margin: 8px 0 7px 14px } .headline-page { max-height: 5000px; overflow: hidden; -moz-transition: max-height .3s ease-in; -ms-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; -webkit-transition: max-height .3s ease-in; transition: max-height .3s ease-in } .headline-page.inactive { max-height: 0 } .lt-ie9 .headline-asset-item:hover .headline-asset-item-tile { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0) } .lt-ie9 .headline-asset-item.hasimage:hover .headline-asset-item-tile { background-color: transparent } .lt-ie9 .listview .headline-asset-item:hover .headline-asset-item-tile { filter: none; outline: 0 } .noimage .headline-asset-item-back { background-color: transparent; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0) } .listview .noimage .headline-asset-item-back { background-color: transparent; filter: none } .headline-asset-item>.parent-label { left: 10px; top: 10px } .headline-asset-item-tile { height: 220px; left: 10px; opacity: 1; overflow: hidden; position: absolute; top: 10px; width: 200px } .headline-asset-item:hover .headline-asset-item-front { opacity: 1; z-index: 0 } .lt-ie9 .headline-asset-item:hover .headline-asset-item-front { opacity: 1; z-index: 0 } .headline-asset-item:hover .headline-asset-item-front .title { opacity: 0; visibility: hidden } .gallery-more .headline-asset-item:hover .headline-asset-item-front .title { opacity: 1; visibility: visible } .headline-asset-item-back { opacity: 0 } .headline-asset-item:hover .headline-asset-item-back { z-index: 1; opacity: 1 } .lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-back-title,.lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-back-text,.lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-byline { z-index: 2; filter: none; background: transparent } .asset .headline-asset-item:hover .headline-asset-item-front { opacity: 1 } .headline-asset-item-back,.headline-asset-item:hover .headline-asset-item-front .title { -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .headline-asset-item-front { z-index: 1 } .headline-asset-item-front-title { display: table; font-weight: 700; margin: 0; position: absolute; -moz-font-feature-settings: "liga=1,dlig=1,kern=1,opbd=1,titl=1"; -webkit-font-feature-settings: "liga","dlig","kern","opbd","titl"; font-feature-settings: "liga","dlig","kern","opbd","titl" } .headline-asset-item-front>.image { background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left; border-top: 1px solid #000; bottom: 0; font-size: 13px; height: 39px; left: 0; line-height: 14px; padding: 8px 10px 10px; width: 180px } .headline-asset-item-front>.gallery-head { background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left; border-top: 1px solid #000; bottom: 0; font-size: 13px; height: 39px; left: 0; line-height: 14px; padding: 8px 10px 10px; width: 134px; color: #fff; display: table } .headline-asset-item-front>.noimage { font-size: 24px; height: 165px; left: 18px; line-height: 27px; overflow: hidden; top: 40px; width: 165px } .headline-asset-item,.headline-asset-item .headline-grid-load-story { color: #fff } .headline-asset-item .headline-grid-load-story { width: 100%; height: 100%; display: inline-block } .headline-asset-item-back-text,.headline-asset-item-back-listview-text { color: #fff; color: rgba(255,255,255,.9); font-size: 12px; line-height: 16px; margin: 20px 20px 0 } .headline-asset-item-back-title { font-size: 14px; font-weight: 700; left: 18px; margin: 30px 20px 0; top: 40px; width: 165px } .headline-asset-item-byline { bottom: 11px; height: 22px; left: 0; margin: 0; overflow: hidden; padding-left: 20px; position: absolute; width: 180px } .headline-asset-item>.with-avatar { height: 31px; line-height: 31px } .headline-asset-item-back>.headline-asset-item-meta { display: none } .headlines-show-more { clear: both; margin: 5px auto 20px; text-align: center } .listview .headline-asset-item .headline-asset-item-byline { color: #292929; display: none; height: 28px; left: 230px; top: 53px } .listview .headline-asset-item.stagfront { border-bottom: 1px solid #ccc; border-top: 1px solid #f5f5f5; width: 920px } .headline-collection.listview { margin-bottom: 23px } .listview .headline-asset-item { background: transparent; margin: 0; min-height: 121px; height: auto; overflow: hidden; width: 720px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .lt-ie9 .listview .headline-asset-item { height: 120px; display: table-cell } .listview .headline-asset-item-stagfront { width: 960px } .listview .headline-asset-item-tile { border-bottom: 1px solid #e6e6e6; background: transparent; background-color: transparent; display: inline-block; top: 0; left: 0; width: 680px; margin: 20px 20px 0; padding-bottom: 19px; min-height: 81px; height: auto; position: absolute } .listview .headline-asset-item-back { opacity: 1 } .stag .listview .headline-asset-item-tile { min-height: 100px; width: 920px } .listview .headline-grid-image { height: auto; margin-top: -5px; width: 80px } .listview .image-wrap { display: block; height: 80px; overflow: hidden; width: auto } .listview .parent-label { display: none } .listview .headline-asset-item-tileImage { margin: 20px 0 0 20px } .listview .noimage .headline-asset-item-back-title { margin-left: 0 } .listview .anchor:hover .headline-asset-item-back-title { color: #009bff } .listview .headline-asset-item-front-title,.listview .headline-asset-item-back-text { display: none } .listview .headline-asset-item-back-listview-text { color: #999; line-height: 18px; margin: 0 0 0 100px; word-break: keep-all; float: left } .listview .noimage .headline-asset-item-back-listview-text { margin-left: 0 } .listview .headline-asset-item-meta { color: #999; display: block; float: left; clear: left; font-size: 11px; line-height: 18px; list-style: none; margin: 2px 0 0 100px; padding: 0 } .listview .noimage .headline-asset-item-meta { margin-left: 0 } .headline-asset-item-back-listview-text { display: none } .listview .headline-asset-item-back-listview-text { display: inline-block } .listview .headline-asset-item-meta .headline-asset-item-section { border-right: 1px solid #dedede; color: #009bff; float: left; font-size: 12px; font-weight: 700; padding-right: 10px } .listview .headline-asset-item-meta .headline-asset-item-section.no-border { border: 0 } .listview .headline-asset-item-back>.headline-asset-item-meta .headline-asset-item-time { float: left; font-style: italic; margin-left: 10px } .listview .headline-asset-item-back-title { clear: left; color: #333; float: left; font-size: 16px; height: auto; margin: 0 0 0 100px; top: 0; width: 580px } .listview .title.headline-asset-item-back-title.headline-adjust { width: 680px } .listview .headline-asset-item-stagfront .headline-asset-item-back-title { width: 790px } .lt-ie10 .headline-collection { display: inline-block } .gallery-more .headline-asset-item { background: 0; box-shadow: 0 1px 10px 0 rgba(0,0,0,.3); height: 204px; width: 164px } .gallery-more .headline-asset-item .headline-asset-item-front>.title { opacity: 1 } .gallery-more .headline-asset-item-front>.image { bottom: -13px; position: absolute } .gallery-more .headline-asset-item:hover .headline-asset-item-front { opacity: 1; visibility: visible } .lt-ie9 .gallery-more .headline-asset-item { outline: 1px solid #f0f0f0 } .gallery-more .headline-asset-item-tile { height: 194px; left: 5px; top: 5px; width: 154px } .gallery-more .tileImage { height: 194px; margin-left: -82px; margin-top: -2px } .gallery-more .gallery-more-img { margin-left: 0; margin-top: 0 } .content-info-icon-text,.content-info-icon-video,.content-info-icon-gallery { line-height: 18px } .content-info-icon-video,.content-info-icon-gallery { display: table-cell; padding-left: 23px } .content-info-icon-video:before,.content-info-icon-gallery:before { content: ""; float: left; height: 17px; left: 8px; margin: 0 5px 0 0; overflow: hidden; position: absolute; text-indent: 105%; top: 10px; white-space: nowrap; width: 17px } .listview .content-info-icon-video,.listview .content-info-icon-gallery,.hero-popular-item-subtext>.content-info-icon-video,.hero-popular-item-subtext>.content-info-icon-gallery,.headline-asset-item-section-label { display: block; padding-left: 0; position: static } .listview .content-info-icon-video:before,.listview .content-info-icon-gallery:before,.hero-popular-item-subtext>.content-info-icon-video:before,.hero-popular-item-subtext>.content-info-icon-gallery:before { display: inline-block; position: static } .content-info-icon-video:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -1px } .content-info-icon-gallery:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -43px } .hero-popular-small-anchor .content-info-icon-video:before,.listview .content-info-icon-video:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -61px } .hero-popular-small-anchor .content-info-icon-gallery:before,.listview .content-info-icon-gallery:before { background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -2px } .listview .headline-asset-item-byline { left: 140px } a.button-add-content { background: transparent url(../../images/buttons/button-add-content-back.png) repeat-x top left; color: #666; display: inline-block; font-size: 12px; font-weight: 700; line-height: 12px; padding: 11px 10px; position: relative; outline: 0 } a.button-add-content:before { background: transparent url(../../images/buttons/button-add-content-caps.png) no-repeat top left; content: url(../../images/buttons/button-add-content-icon-default.png); height: 34px; left: -34px; overflow: hidden; position: absolute; top: 0; width: 34px } a.button-add-content:after { background: transparent url(../../images/buttons/button-add-content-caps.png) no-repeat top right; content: ''; height: 34px; position: absolute; right: -16px; top: 0; width: 16px } a.button-add-content:hover:after { background-position: center right } a.button-add-content:active,a.button-add-content:active:before { background-position: bottom left; color: #0af } a.button-add-content:hover:before { content: url(../../images/buttons/button-add-content-icon-hover.png) } a.button-add-content:active:before { content: url(../../images/buttons/button-add-content-icon-open.png) } a.button-add-content:active:hover:before,.active a.button-add-content:before { content: url(../../images/buttons/button-add-content-icon-open-hover.png) } a.button-add-content:active:after,.active a.button-add-content:after { background-position: bottom right } a.button-add-content:hover,a.button-add-content:hover:before,.active a.button-add-content,.active a.button-add-content:before { background-position: center left; color: #0af } a.button-add-content.loading,a.button-add-content.loading:active,a.button-add-content.loading:hover,a.button-add-content.loading:active:before,a.button-add-content.loading:hover:before { background-position: top left; color: #666 } a.button-add-content.loading:after,a.button-add-content.loading:active:after,a.button-add-content.loading:hover:after { background-position: top right } a.button-add-content.loading:before { content: url(../../images/preloaders/windmill-loader_1x_light.gif); padding-top: 5px; height: 29px } a.button-add-content.inactive,a.button-add-content.inactive:active,a.button-add-content.inactive:hover,a.button-add-content.inactive:before,a.button-add-content.inactive:active:before,a.button-add-content.inactive:hover:before { background-position: top left; color: #ccc } a.button-add-content.inactive:active:before,a.button-add-content.inactive:hover:before { content: url(../../images/buttons/button-add-content-icon-default.png) } a.button-add-content.inactive:after,a.button-add-content.inactive:active:after,a.button-add-content.inactive:hover:after { background-position: top right } .headlines a.button-add-content.inactive,.headlines a.button-add-content.inactive:after,.headlines a.button-add-content.inactive:before { pointer-events: none; cursor: default } .headlines-usatoday-network { background: url(../../images/globalsections/usatoday-network-logo.png) no-repeat; background-size: auto 28px; display: inline-block; height: 30px; margin: 0; overflow: hidden; text-indent: -99px; width: 280px } .headlines .video .play-btn-l { bottom: 70px; right: 10px } .hgpfm-heading { font-family: "Futura Today Bold"; font-size: 15px; font-weight: 400; line-height: 15px; margin: 0 15px; padding: 15px 0 0 } .hgpfm-link { border: 0; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; margin: 13px 10px; position: relative; vertical-align: top; width: 155px } .hgpfm-link:hover { background: none!important; border: 0!important } .hgpfm-link:first-child { margin-left: 20px } .hgpfm-link.hgpfm-link-with-module-header { margin-top: 10px } .hgpfm-image-link:before { background: transparent; content: ''; display: block; height: 100%; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hgpfm-image-link:hover:before { background-color: rgba(0,0,0,0) } .hgpfm-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); content: ""; display: block; height: 62px; left: 0; position: absolute; top: 93px; width: 100%; z-index: 2 } .hgpfm-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hgpfm-image { height: 155px; width: 155px } .hgpfm-text-link { border: 1px solid #e0e0e0; color: #333; transition: background-color,border-color .15s,.15s } .hgpfm-image-hed-wrap { padding: 5px 0 10px } .hgpfm-image-video-hed-icon,.hgpfm-image-gallery-hed-icon { color: #fff; display: table-cell; font-family: 'Gannett Icons'; font-size: 26px; left: 5px; line-height: 27px; padding: 0 8px 0 0; position: absolute; top: 120px; vertical-align: top; z-index: 2 } .hgpfm-image-video-hed-icon:before { content: 'v' } .hgpfm-image-gallery-hed-icon:before { content: 'g' } .hgpfm-image-hed { color: #333; display: table-cell; font-family: Helvetica,Arial,sans-serif; font-size: 13px; line-height: 18px; padding: 0; vertical-align: middle } .hgpfm-text-hed-wrap { display: table; height: 100% } .hgpfm-text-hed { display: table-cell; font-family: "Futura Today Light"; font-size: 24px; line-height: 27px; padding: 0 10px; transition: color .15s; vertical-align: middle } .hgpfm-text-link:hover .hgpfm-text-hed { color: #fff } .hgpfm-link.hgpfm-link-4,.hgpfm-link.hgpfm-link-8,.hgpfm-link.hgpfm-link-12 { margin-right: 0 } @media only screen and (min-width: 1320px) { .hgpfm-link { height:230px; margin: 15px; width: 210px } .hgpfm-link:first-child { margin-left: 15px } .hgpfm-image-gradient { bottom: 0; height: 40%; top: auto } .hgpfm-image { bottom: 0; height: auto; left: 0; position: absolute; width: auto } .hgpfm-image-link { box-shadow: 0 2px 1px rgba(0,0,0,.2) } .hgpfm-image-hed-wrap { bottom: 0; left: 0; padding: 0 10px 11px; position: absolute; z-index: 10 } .hgpfm-image-hed { color: #fff; font-size: 14px; font-weight: 700; text-shadow: 0 1px 1px #000 } .hgpfm-image-video-hed-icon,.hgpfm-image-gallery-hed-icon { left: 0; position: relative; top: 0 } } .hgsm-heading { font-family: "Futura Today Bold"; font-size: 15px; font-weight: 400; line-height: 15px; margin: 0 15px; padding: 17px 0 0 } .hgsm-link { border-bottom: 1px solid #e6e6e6; box-sizing: border-box; display: block; margin: 0 15px; position: relative; vertical-align: top; width: 210px } .hgsm-image-link.hgsm-last-link { border: 0 } .hgsm-image-link:before { background: rgba(0,0,0,.15); content: ''; display: block; height: 157px; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hgsm-image-link:hover:before { background-color: rgba(0,0,0,0) } .hgsm-image { box-shadow: 0 2px 1px rgba(0,0,0,.2); display: block } .hgsm-text-link { border: 1px solid #e0e0e0; color: #333; transition: background-color,border-color .15s,.15s; margin: 20px 15px 45px } .hgsm-text-link:hover { background: #7c7c7c } .hgsm-text-link:after { background: #e0e0e0; content: ''; display: block; height: 1px; margin: 15px 0 0; width: 100%; position: absolute; bottom: -22px } .hgsm-text-link.hgsm-last-link:after { display: none } .hgsm-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hgsm-text-hed-wrap-top-align>.hgsm-ssts-label-top-left { position: relative; left: 0; top: 0; margin: 10px 10px 8px; display: inline-block } .hgsm-ssts-label { left: 10px; position: absolute; top: 10px } .hgsm-image-hed { color: #333; font-family: Helvetica,Arial,sans-serif; font-size: 14px; left: 0; margin: 6px 0 24px; transition: color .15s } .hgsm-image-link:hover .hgsm-image-hed { color: #009bff } .hgsm-text-hed-wrap { display: table; height: 200px; box-sizing: border-box } .hgsm-text-hed-wrap-top-align { display: block; min-height: auto; padding-bottom: 10px } .hgsm-text-hed { font-family: "Futura Today Light"; font-size: 24px; line-height: 27px; transition: color .15s; padding: 0 10px; display: table-cell; vertical-align: middle } .hgsm-text-link:hover .hgsm-text-hed { color: #fff } @media only screen and (max-width: 1320px) { .hgsm-link { display:inline-block; margin: 16px 15px 0 } .hgsm-link-3 { margin-left: 14px } .hgsm-image-link { border: 0 } .hgsm-text-link:after { display: none } .hgsm-truncated-link { display: none } } @media only screen and (min-width: 1321px) { .hgsm-link { margin-top:26px } } .shnnfm-branding { margin: 0; text-align: center } .shnnfm-logo { display: inline-block } .shnnfm-line { background-color: #000; display: inline-block; height: 1px; margin: 0 25px 2px; width: 162px } .sidebar-title.sports-follow-usat-sidebar-title { text-align: center } .sports-follow-usat-module>.sidebar-title-wrapper { padding: 0; border-bottom: 2px solid #ccc!important } .sports-follow-usat-module .follow-text { vertical-align: middle; letter-spacing: 0 } .sports-follow-usat-module .follow-button-wrapper { height: 32px; display: inline-block; vertical-align: middle } .sports-follow-usat-module .sports-follow-usat-sidebar-title { padding: 4px } .sports-follow-usat-module .follow-button { background-repeat: no-repeat; display: inline-block; width: 32px; height: 32px } .sports-follow-usat-module .follow-button.facebook { background-image: url(../../images/modules/sports/follow/ico-sidebar-fb.png) } .sports-follow-usat-module .follow-button.twitter { background-image: url(../../images/modules/sports/follow/ico-sidebar-tw.png) } .sports-follow-usat-module .follow-button.instagram { background-image: url(../../images/modules/sports/follow/ico-sidebar-ins.png) } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) { .sports-follow-usat-module .follow-button.facebook { background-image:url(../../images/modules/sports/follow/ico-sidebar-fb2x.png) } .sports-follow-usat-module .follow-button.twitter { background-image: url(../../images/modules/sports/follow/ico-sidebar-tw2x.png) } .sports-follow-usat-module .follow-button.instagram { background-image: url(../../images/modules/sports/follow/ico-sidebar-ins2x.png) } } .sports-follow-usat-module .follow-button { background-size: 32px } #follow-usat-film { background-color: #000; display: none; opacity: .7; filter: alpha(opacity=70); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 120 } #follow-usat-box-details { background-color: #b81800; display: none; color: #fff; position: absolute; left: 50%; margin-left: -290px; width: 579px; z-index: 125; min-height: 100px } .border-box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .follow-headline-wrap { width: 579px; min-height: 120px; display: block; padding: 28px 0 0 45px; background: url(../../images/modules/sports/follow/follow-overlay-bg.jpg); background-repeat: no-repeat; background-size: contain } .follow-headline-wrap h2 { font-family: 'Futura Today Bold'; margin: 0; line-height: 1.1; font-size: 2.2em } .follow-headline-wrap h3 { font-family: 'Futura Today'; font-weight: 400; line-height: 1.1; margin: 0 } .follow-buttons-wrap { text-align: center; position: relative; margin: 15px 0; line-height: 1!important } .follow-buttons-wrap .follow-button-wrap { display: inline-block; vertical-align: top; margin: 0 5px } .follow-buttons-wrap .follow-button-wrap.fb-wrap { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .follow-buttons-wrap .twitter-follow-button { height: 20px; width: 145px!important; margin: 0 10px } .ig-b-v-24 { width: 137px; height: 24px } .follow-newsletter-wrap { background-color: #000; padding: 15px; text-align: center } .follow-newsletter-wrap .follow-newsletter-text { font-family: 'Futura Today'; cursor: default } .follow-newsletter-wrap .follow-newsletter-email { border: 0; border-radius: 10px; color: #bcbcbc; font-family: 'Futura Today Bold'; margin: 10px; padding: 5px 10px; text-align: left } .follow-newsletter-wrap .follow-newsletter-subscribe { background-color: #b81800; border: 0; color: #fff; font-family: 'Futura Today'; font-size: .9em; padding: 5px 15px; text-align: center; letter-spacing: .05em } .shfm-heading { color: #009bff; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 90px; letter-spacing: 5px; margin: 0 0 20px; text-align: center; text-shadow: 1px 1px 0 #dbdbdb,2px 2px 0 #dbdbdb,3px 3px 0 #dbdbdb,4px 4px 0 #dbdbdb; text-transform: uppercase } .offscreen .live-feed-button { display: none } .open-sidebar { background-image: url(../../images/modules/live-feed/sprite.png); width: 86px } .livefeed-sidebar-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; position: relative; width: 100% } .livefeed-news-list { list-style: none; list-style-image: none; margin: 0; padding: 0; position: relative } .livefeed-news-item-link { background-color: #2b2b2b; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #0f0f0f; display: block; padding: 15px 20px; overflow: auto; position: relative; color: inherit; -webkit-transition: color,background-color 75ms,75ms; -moz-transition: color,background-color 75ms,75ms; -ms-transition: color,background-color 75ms,75ms; transition: color,background-color 75ms,75ms } .livefeed-news-item-link:hover { color: #009bff; background-color: #272727; border-top-color: transparent; border-bottom-color: transparent } .live-feed-news-item { list-style: none; padding: 0; text-align: left } .newcontent>.livefeed-news-item-link { background-color: transparent } .newcontent>.livefeed-news-item-link:hover { background-color: transparent } .newcontent.top>.livefeed-news-item-link { border-top-color: rgba(0,0,0,.05) } .live-feed-news-item>.shadow { height: 0; left: 0; overflow: hidden; position: absolute; -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; -ms-transition: height .2s ease-out; transition: height .2s ease-out; width: 100 } .live-feed-news-item.newcontent>.shadow { height: 5px } .live-feed-news-item.top>.shadow { background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) 0 -5px repeat-x; top: 0 } .live-feed-news-item.bottom>.shadow { background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) repeat-x; bottom: 0 } .live-feed-headline { box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.4; margin-top: 7px } .live-feed-hed-wrap { color: #fff; bottom: 0; left: 0; margin: 7px; position: absolute; text-shadow: 0 1px 1px #000; z-index: 10 } .live-feed-wide .live-feed-hed-wrap { margin: 10px 10px 11px } .live-feed-video-hed-icon,.live-feed-gallery-hed-icon { display: table-cell; font-family: 'Gannett Icons'; vertical-align: top; padding: 0 7px 0 0; font-size: 22px; line-height: 26px; color: #fff } .live-feed-wide .live-feed-video-hed-icon,.live-feed-wide .live-feed-gallery-hed-icon { font-size: 31px; line-height: 32px; padding: 0 10px 0 0 } .live-feed-video-hed-icon:before { content: 'v' } .live-feed-gallery-hed-icon:before { content: 'g' } .live-feed-headline-video,.live-feed-headline-gallery { display: table-cell; font-family: Arial,sans-serif; font-size: 12px; line-height: 16px; padding: 0; text-shadow: 0 1px 1px #000; vertical-align: middle } .live-feed-wide .live-feed-headline-video.live-feed-headline,.live-feed-wide .live-feed-headline-gallery.live-feed-headline { font-size: 18px; line-height: 22px } .livefeed-news-item-link:hover .live-feed-headline { color: #fff } .live-feed-timesince { display: inline-block; padding: 0 } .newcontent .live-feed-timesince { width: 70px } .live-feed-layout { width: 100%; vertical-align: top; line-height: 11px; margin-top: -2px } .live-feed-action { border-right: 1px solid #858585; color: #a1a1a1; display: inline-block; font-size: 11px; height: 11px; margin: 0 5px 0 0; padding: 0 5px 0 0; overflow: hidden; text-overflow: ellipsis; vertical-align: middle } .live-feed-gallery-icon { background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -44px; display: table-cell; height: 15px; width: 22px } .live-feed-timesince-span { color: #a1a1a1; display: none; font-family: Arial,sans-serif; font-size: 11px; margin: 0 1px 1px 0; width: 54px } .live-feed-wide .newcontent .live-feed-humanized { width: 70px } .newcontent .live-feed-humanized { display: block; color: #fff } .newcontent .live-feed-timestamp { display: none } .live-feed-timestamp { display: block } .newcontent .livefeed-news-item-link { background: #2e2e2e; border-bottom: 1px solid #000; border-top: 1px solid #454545 } .newcontent .livefeed-news-item-link:hover { background: #1d1d1d } .livefeed-sidebar-content>.shadow { background: transparent; left: 0; position: absolute; width: 100% } .livefeed-sidebar-content>.top-shadow { box-shadow: 0 -4px 12px 3px rgba(0,0,0,.3); top: 0 } .livefeed-sidebar-content>.bottom-shadow { bottom: 0; box-shadow: 0 2px 11px 2px rgba(0,0,0,.3) } .live-feed-video { overflow: hidden; position: relative } .dropdown .play-btn-l { bottom: 55px; right: 29px } .mod .play-btn-l { bottom: 4px; right: 4px } .live-feed-video .play-btn-l { bottom: 19px; right: 4px } .avathumb .play-btn-s,.thumb .play-btn-s { bottom: 10px; position: absolute; right: 10px } .portraitli .play-btn-s { bottom: -45px; margin: 0; padding: 0; position: relative; right: 24px } .live-feed-thumb { display: none; float: left } .has-image .live-feed-thumb { display: block; height: 60px; width: 75px; text-align: left } .live-feed-thumb-img { height: 60px; width: 60px } .live-feed-multimedia { display: block } .live-feed-full-width-image-wrap { position: relative } .live-feed-news-item.has-image .live-feed-full-width-image-wrap:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .livefeed-news-item-link:hover .live-feed-full-width-image-wrap:before { background-color: transparent } .live-feed-news-item.has-image .live-feed-full-width-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; width: 100%; z-index: 2 } .live-feed-wide .has-image .live-feed-layout { padding: 0; width: 100% } .has-image .live-feed-headline-article { margin-left: 75px } .live-feed-wide .live-feed-headline { font-size: 14px; line-height: 18px } .has-image .live-feed-multimedia-style .live-feed-layout { width: 100% } .has-image .live-feed-multimedia-style .live-feed-action { width: auto } .clearfix-1280 { clear: both } @media only screen and (min-width: 1250px) { .live-feed-headline { font-size:14px } .live-feed-news-item.has-image .live-feed-headline.live-feed-headline-video,.live-feed-news-item.has-image .live-feed-headline.live-feed-headline-gallery { font-size: 18px; line-height: 22px } .has-image .live-feed-layout { padding: 0; width: 190px } } .livefeed-loading { background: url(../../images/preloaders/windmill-loader_1x_dark.gif) no-repeat scroll 50% 0 transparent; height: 25px; margin: 13px 0 } .sidebar.light .livefeed-sidebar-content .open-sidebar { top: 10px } .sidebar.light .livefeed-sidebar-content .lower-sidebar { top: 210px } .sidebar.light .livefeed-sidebar-content { background: #f9f9f9 } .sidebar.light .livefeed-sidebar-content .livefeed-news-item-link { background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff } .sidebar.light .livefeed-sidebar-content .livefeed-news-item-link:hover { background: #fff; border-top-color: transparent } .sidebar.light .livefeed-sidebar-content .newcontent>.livefeed-news-item-link { background-color: transparent; background-color: rgba(249,249,249,0) } .sidebar.light .livefeed-sidebar-content .newcontent>.livefeed-news-item-link:hover { background-color: #959595; background-color: rgba(249,249,249,.6) } .sidebar.light .livefeed-sidebar-content .newcontent.top>.livefeed-news-item-link { border-top-color: rgba(0,0,0,.05) } .sidebar.light .livefeed-sidebar-content .live-feed-news-item.top>.shadow { background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) 0 -5px repeat-x } .sidebar.light .livefeed-sidebar-content .livefeed-news-item.bottom>.shadow { background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) repeat-x } .sidebar.light .livefeed-sidebar-content .live-feed-headline-article,.sidebar.light .live-feed-headline.article { color: #333 } .sidebar.light .livefeed-sidebar-content .live-feed-gallery-icon { background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -4px; margin: 0 0 -4px 4px } .sidebar.light .livefeed-sidebar-content .live-feed-action { border-right: 1px solid #aaa; color: #979797 } .sidebar.light .livefeed-sidebar-content .live-feed-timesince-span { color: #979797 } .sidebar.light .livefeed-sidebar-content .newcontent .live-feed-humanized { color: #009bff } .sidebar.light .livefeed-sidebar-content .newcontent .livefeed-news-item-link { background-color: transparent; background-color: rgba(249,249,249,0); border-bottom: 1px solid #ebebeb; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,1) } .sidebar.light .livefeed-sidebar-content .newcontent { background: transparent url(../../images/modules/live-feed/newcontentbg.png) repeat } .sidebar.light .livefeed-sidebar-content .newcontent .livefeed-news-item-link { background-color: #eee } .light .livefeed-loading { background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat scroll 50% 0 transparent } .livefeed-sidebar-title { text-align: left; padding-left: 21px } @media only screen and (min-width: 1250px) { .livefeed-sidebar-title { padding-left:0; text-align: center } } .partner-asset-right-ad,.poster-scroll-ad { background: #dedede url(../../images/patterns/paper-noise-ad.png) repeat; border-radius: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 30px; padding: 10px; text-align: center; width: auto } .common-ad-styling { background: #dedede url(../../images/patterns/paper-noise-ad.png) repeat; border-radius: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; text-align: center } .poster-scroll-ad { overflow: visible } .poster-scroll-ad.hidden { visibility: hidden } #partner_asset_transition iframe { display: none } .mediastoryrightrail-bucket>.partner-asset-right-ad { margin-top: 48px } .ui-video { background: #000; cursor: pointer; position: relative } .ui-video-still-image,.ui-video-play-btn { cursor: pointer; display: none; position: absolute } .ui-video-still-image { z-index: 2 } .ui-video-still-image-active,.ui-video-play-btn-active { display: block } .ui-video-play-btn { background: url(../../images/buttons/button-video-play-small.png) no-repeat; height: 45px; width: 45px; z-index: 3 } .next-video-data { padding: 95px 95px 95px 50px } .next-video-thumbnail { float: left; margin-right: 30px } .taboola-thumbnail { border: 5px solid #646464; height: 215px; width: 290px } .video-endslate { background: #2f2f2e; padding: 0 0 45px 80px; cursor: pointer; display: none; position: absolute; height: 450px; width: 800px } .video-endslate-active { display: block; z-index: 120 } .video-endslate .counter { color: #646464; font-size: 50px } .video-endslate .front-title { color: #fff } .video-endslate .video-up-next { color: #009bff; margin: 0 } .brightcove-video-object { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .active-transcript { color: #009bff } .hidetranscript,.searchcontroloff { display: none } input.video-search-btn { display: none } .keywords-viewport,.search-viewport { width: 50%; height: 20px; position: absolute; overflow: hidden } .lt-ie9 .video-search-form-input { position: relative; z-index: -1 } .story-asset .keywords-viewport,.story-asset .search-viewport { width: 35% } .story-asset .ui-video-controls { margin-top: 0; height: 100% } .story-asset .video-full-transcript,.story-asset .video-full-transcript-control { margin-left: 0 } .story-asset .video-transcript-keywords,.story-asset .video-transcript-search { margin-left: 205px } .transcript-search-result { cursor: pointer } .transcript-scroll-fade-left { background: url(../../images/components/utility-btns.png) -666px -218px; width: 14px; height: 20px; position: absolute; left: 382px; margin-top: -17px } .transcript-scroll-fade-right { background: url(../../images/components/utility-btns.png) -648px -278px; width: 30px; height: 20px; position: absolute; right: 66px; margin-top: -17px } .video-full-transcript-button { color: #009bff; content: ''; display: inline-block; font: 11px/18px Arial; font-weight: 700; line-height: 14px; cursor: pointer } .video-transcript-disclaimer { font: 11px/18px Arial; font-style: italic; padding-bottom: 5px } .video-full-transcript-button:after { content: ''; background: url(../../images/components/utility-btns.png) no-repeat -565px -258px; height: 15px; width: 15px; position: absolute } .video-full-transcript-control { border-bottom: 1px solid #e6e6e6; position: relative; width: 100% } .video-full-transcript .video-full-transcript-text { color: #333; font: 11px/18px Arial; height: 100px; overflow-y: scroll } .video-keywords-result { position: absolute; height: 20px; white-space: nowrap } .video-search-box { position: relative; float: left; margin-right: 10px } .video-search-btn-div { cursor: pointer; height: 30px; position: absolute; right: 0; top: 0; width: auto } .video-search-btn-div:hover:after { opacity: 1 } .video-search-close-btn { cursor: pointer; display: none; height: 40px; margin: 0 -10px 0 5px; overflow: hidden; padding: 0 10px; vertical-align: top } .video-search-close-btn:after { background: url(../../images/components/utility-btns.png) -601px -218px; content: ''; display: inline-block; height: 21px; opacity: .6; position: relative; top: 10px; transition: opacity .15s; width: 21px } .video-search-close-btn-visible { display: inline-block; float: right; margin-top: -35px } .video-search-close-btn:hover:after { opacity: 1 } .video-search-display,.video-transcript-search,.video-transcript-searchresult,.video-transcript-keywordresult,.transcript-search-result { color: #009bff; font: 11px/18px Arial; padding: 0 15px } .video-search-input-wrap:before { content: ''; background: url(../../images/components/utility-btns.png) no-repeat -274px -69px; display: none; left: 9px; position: relative; padding: 0; top: 8px; width: 40px; height: 30px } .video-search-input>.ui-text-input-clear-btn { background: url(../../images/components/utility-btns.png) no-repeat -277px -115px transparent; display: none; height: 20px; overflow: hidden; position: relative; right: 10px; top: 10px; width: 21px; z-index: 6 } .video-search-input::-ms-clear { display: none } .video-search-open-button { background: url(../../images/components/utility-btns.png) -455px -218px; content: ''; display: block; height: 25px; margin: 7px 0 0 12px; opacity: .6; transition: opacity .15s; width: 28px } .video-search-result { overflow: hidden; position: absolute } .video-search-term { color: #333; font-weight: 700 } .video-transcript-control-wrapper { padding-bottom: 20px; margin-bottom: 10px; height: 20px } .video-transcript-display { display: table-cell } .video-transcript-icon { background: url(../../images/components/utility-btns.png) -503px -220px; content: ''; display: inline-block; height: 9px; opacity: .6; transition: opacity .15s; width: 15px } .video-transcript-keywords,.video-transcript-search { margin-left: 215px; padding-left: 10px; border-left: 2px solid #e6e6e6; color: #333; font: 11px/18px Arial } .video-transcript-navigate-buttons { float: right; height: 20px; width: 60px; margin: -15px 0; position: relative; display: block } .video-transcript-navigate-next { position: absolute; display: inline-block; background: url(../../images/components/utility-btns.png) -566px -217px; height: 20px; width: 20px; margin-left: 40px } .transcript-navigate-next-active { background: url(../../images/components/utility-btns.png) -566px -237px; cursor: pointer } .video-transcript-navigate-prev { position: absolute; display: inline-block; background: url(../../images/components/utility-btns.png) -534px -217px; height: 20px; width: 20px; margin-left: 20px } .transcript-navigate-prev-active { background: url(../../images/components/utility-btns.png) -534px -237px; cursor: pointer } .video-transcript-title { display: block } .interactive { margin: 0 auto 30px 0; overflow: visible!important; position: relative; width: 920px; z-index: 0 } .secondary-interactives-module.storybottombar-bucket { clear: both } .interactive>.interactive-wrap-shadow { box-shadow: 0 0 4px 3px rgba(0,0,0,.05); margin-bottom: 10px } .interactive-sponsor { color: #999; float: right; font-size: 11px; padding-left: 15px; text-align: center; width: 100px } .interactive-sponsor { color: #999; float: right; max-width: 180px; font-size: 11px; padding-left: 15px; text-align: center; width: 100px } .interactive-wrap .interactive-sponsor .sponsored-by-text { line-height: 11px; margin-top: 7px } .interactive-header-wrapper { display: table } .interactive-header-wrapper-column { display: table-cell; vertical-align: top; width: 90% } .header.interactive-header-wrapper { width: 888px } .asset .interactive { margin-top: 15px; margin-left: 50px } .interactive .header { background: #f8f8f9; border-top: 10px solid #009bff; padding: 10px 15px } .interactive .header .title { color: #000; font-family: 'Futura Today Bold',Arial,sans-serif; font-size: 20px; letter-spacing: .04em; margin: 0; text-transform: uppercase } .interactive .header .chatter { color: #666; font-size: 12px; line-height: normal; margin: 5px 0 0 } .top .chatter { color: #999; float: left; font: 700 12px/18px arial,sans-serif; width: 560px } .interactive .viewport { background: #fff; box-shadow: 0 -3px 3px 0 rgba(0,0,0,.06); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block!important; overflow: hidden; position: relative; width: 100% } .interactive .slides { display: block; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; width: auto } .interactive .stage { list-style: none; position: relative } .interactive .stage .slide { display: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 920px } .interactive .stage .slide.active { display: block } .interactive .viewport.fade .stage .slide { -ms-filter: "alpha(Opacity=0)"; display: block; float: none; left: 0; opacity: 0; position: absolute; top: 0; z-index: 1 } .interactive .viewport.fade .stage .slide.active { -ms-filter: "alpha(Opacity=100)"; display: block; opacity: 1; z-index: 2 } .interactive .viewport.slide .stage { overflow: hidden; white-space: nowrap } .interactive .viewport.slide .stage .slide { display: inline-block; opacity: 1; position: relative; vertical-align: top; visibility: visible; white-space: normal } .interactive .viewport.slide .stage .slide.active { display: inline-block!important } .interactive .overview-content a { color: #1990e5 } .interactive .overview-content a:hover { text-decoration: underline } .interactive .overview-content .image { display: block; float: left; position: relative } .interactive .overview-content .image img { display: block } .interactive .overview-content .date { color: #1aa5ff; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 12px; line-height: 16px; margin: 0; text-transform: uppercase } .interactive .overview-content .title { color: #333; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 18px; line-height: 23px; margin: 0 0 15px; text-transform: uppercase; margin-bottom: 15px } .interactive .overview-content .text { font-style: normal!important; text-align: left } .interactive .overview-content .text div { text-align: left } .interactive .viewport .slide .meta { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.1)),color-stop(18%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%); background-color: #4d4d4d; background-color: rgba(0,0,0,.7); border-top: 1px solid #020202; bottom: 0; left: 0; padding: 10px; position: absolute; width: 100%; z-index: 21 } .interactive .viewport .slide .meta .caption { color: #fff; float: none; font-family: Arial; font-size: 12px; line-height: 18px; text-align: left; vertical-align: middle; width: 80% } .interactive .viewport .slide .meta .source { color: #999; font-size: 11px; padding-left: 5px } .interactive .viewport .slide .meta .toolbox { position: absolute; top: 10px; right: 10px } .interactive .viewport .slide .meta .toolbox a { border: 1px solid #ebebeb; border: 1px solid rgba(255,255,255,.1); border-radius: 3px; color: #999; cursor: pointer; display: block; float: left; font: 700 11px/18px; height: 21px; margin: 0 5px } .interactive .slide ul { margin: 0; padding-left: 0 } .interactive .slide .slides ul { list-style-type: square; margin-left: 10px; padding-left: 10px } .interactive .slide .slides ol { margin-left: 10px; padding-left: 10px } .interactive .slide .slides ol { margin-bottom: 10px } .interactive .interactive-credits .source,.interactive .interactive-credits .credit { color: #999!important; font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin-left: 8px; text-align: left } .interactive .interactive-credits .source { color: #999!important } .interactive .slide-nav { background-image: url(../../images/sprites/interactive_stories_sprite.png); display: block; float: none; height: 68px; left: auto; opacity: 1; position: absolute; right: auto; top: 50%; width: 44px; z-index: 99 } .asset>.standalone-story-interactive { min-height: 800px; margin-left: 50px } .asset .standalone-story-interactive-header { padding: 20px 0 0 } .interactive .slide-nav.prev { background-position: 0 0; left: -7px } .interactive .slide-nav.next { background-position: -44px 0; right: -7px } .no-touch .asset .interactive .slide-nav.prev:hover { background-position: 0 -68px } .no-touch .asset .interactive .slide-nav.next:hover { background-position: -44px -68px } body.interactive { margin: 0 auto; min-width: 920px; overflow: hidden } body.interactive.chart { min-width: 640px; width: 640px } .asset.standalone { margin: 0 auto; padding: 0; width: 920px } .asset.standalone.chart { width: 640px } .asset.standalone>.interactive { margin: 0 } .asset.standalone>.embed { font-size: 14px; max-width: 920px; padding: 20px 0 } .asset.standalone .embedCode { border: solid 1px #d5d5d5; font: 13px/14px monospace; height: 44px; overflow: hidden; padding: 5px; width: 620px } .interactive #rotate-overlay { display: none } @media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :portrait) { body.interactive { height:1024px; width: auto } .interactive #rotate-overlay { background: rgba(0,0,0,.75) url(../../images/interactives/ipad-rotate2x.png) no-repeat center center; background-size: 226px 274px; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 930px; z-index: 10000 } .interactive .rotate-overlay-modal { height: 230px; line-height: 1.6em; margin-top: 200px; padding: 20px; text-align: center } .interactive .rotate-overlay-modal h3 { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.4em; margin: 80px 40px 40px } .interactive .rotate-overlay-modal p { margin-bottom: 17px } } .chart #rotate-overlay { display: none } .interactive .video { position: relative } .interactive .video .videoObject { position: absolute; top: 0; left: 0; z-index: 3 } .interactive .video .videoStillPlay { background-image: url(../../images/buttons/button_video_play.png); background-position: 0 -2px; cursor: pointer; height: 91px; left: 50%; margin: -46px 0 0 -46px; position: absolute; top: 50%; visibility: visible; width: 93px; z-index: 2 } .chart-wrapper.interactive.bar-chart .tickLabels .xAxis.x1Axis .tickLabel,.chart-wrapper.interactive.bar-chart .tickLabels .yAxis.y1Axis .tickLabel { text-transform: none } .chart-wrapper.interactive.bar-chart ul.row-1 { width: auto; margin-right: 20px } .chart-wrapper.interactive.bar-chart ul.row-1 li { float: left; margin-left: 10px; margin-right: 15px; white-space: nowrap } .chart-wrapper.interactive.bar-chart .graph { width: 92%; height: 300px; margin: 0 3% 0 5% } .chart-wrapper.interactive.bar-chart { width: 100% } .chart-wrapper.interactive.bar-chart .chart-content { width: 100% } .bar-chart .interactive-header-wrapper { height: auto } .chart-wrapper.interactive.bar-chart .chart-content .chatter { max-height: 54px; overflow: hidden } .chart-wrapper.interactive.bar-chart .xAxisLabel { color: #999 } .chart-wrapper.interactive.bar-chart .chart-content h6.source { position: relative; padding-top: 7px } .chart-wrapper.interactive.bar-chart .chart-area { background: #fff; position: relative; margin: 0 auto; width: 100% } .chart-wrapper.interactive.bar-chart .tickLabels .xAxis.x1Axis .tickLabel { margin-top: 2px; color: #666 } .chart-wrapper.interactive.bar-chart .tickLabels .yAxis.y1Axis .tickLabel { font-size: 12px; line-height: 14px; margin-top: 0; color: #999 } .chart-wrapper.interactive.bar-chart .yAxis .tickLabel { max-width: 20% } .chart-wrapper.interactive.bar-chart .hiddenLabels { font-size: 10px; position: absolute; visibility: hidden; white-space: nowrap } .bar-chart .chart-area-footer { bottom: 0; color: #999; font-size: 16px; font-weight: 400; left: 0; margin: 6px 10px 10px 15px; position: relative } .bar-chart .chart-area-footer .source,.bar-chart .chart-area-footer .credit,.bar-chart .chart-area-footer .footnotes { bottom: 0; color: #999; font-size: 10px; font-weight: 400; line-height: 15px; margin: 0; padding: 0 } .bar-chart .chart-area-footer .footnotes { max-height: 30px; overflow: hidden } .chart-wrapper.interactive.bar-chart .xAxis,.chart-wrapper.interactive.bar-chart .yAxis { color: #666; font-size: 12px; text-transform: none } .video-carousel-viewport { font-family: Arial,sans-serif; overflow: hidden; position: relative; z-index: 0 } .video-carousel-series { margin: 0; position: relative; -webkit-transition-duration: 0 } .video-carousel-item-wrap { display: table-cell } .video-carousel-item { display: block; overflow: hidden } .carousel-nav { cursor: pointer; display: none; float: left; left: 0; overflow: hidden; position: relative; text-indent: -99999px; z-index: 100 } .video-carousel-wrap>.carousel-nav { -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; z-index: 1 } .carousel-nav.carousel-nav-active { display: block } .carousel-next { clear: none; float: right; right: 0 } .carousel-prev { display: none } .video-carousel-title { display: block } .video-carousel-description { position: relative } .video-carousel-item .see-more-link { bottom: 0; color: #009bff; font-size: 12px; position: absolute; right: 0 } .carousel-counter { color: #666; font-size: 13px; position: absolute } .card-primary .video-carousel-ellipsis { height: 239px; overflow: hidden; position: relative } .card-primary .video-carousel-ellipsis:before { content: ""; float: left; height: 229px; width: 5px } .card-primary .video-carousel-ellipsis>.ellipsis-data-grouped:first-child { float: right; margin-left: -5px; width: 100% } .card-primary .video-carousel-ellipsis:after { background: -webkit-gradient(linear,left top,right top,from(rgba(235,235,235,0)),to(rgba(235,235,235,0)),color-stop(15%,rgba(235,235,235,0))); background: -moz-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0)); background: -o-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0)); background: -ms-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0)); background: linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0)); box-sizing: content-box; content: " ..."; float: right; left: 100%; margin-left: -7em; -moz-box-sizing: content-box; padding-right: 5px; position: relative; text-align: right; top: -8px; -webkit-box-sizing: content-box; width: 7em } .card-primary>.video-carousel-wrap { color: #333; height: 300px; overflow: hidden } .card-primary .video-carousel-viewport { height: 268px; margin-top: 21px; width: 720px } .card-primary .video-carousel-series { height: 268px } .card-primary .video-carousel-item-wrap { padding: 0 25px 0 15px } .card-primary .video-carousel-item { height: 268px; width: 680px } .card-primary .carousel-nav { background: url(../../images/sprites/front-arrows.png) no-repeat; height: 58px; margin-bottom: -58px; top: -176px; width: 29px } .card-primary .carousel-next { background-position: -30px 0 } .card-primary .carousel-next:hover { background-position: -30px -60px } .card-primary .carousel-prev { background-position: 0 0 } .card-primary .carousel-prev:hover { background-position: 0 -60px } .card-primary .video-carousel-player { box-shadow: 0 2px 1px rgba(0,0,0,.2); height: 256px; float: left; overflow: hidden; width: 455px } .card-primary .video-carousel-description { float: left; font-family: Arial,sans-serif; font-size: 12px; height: 260px; line-height: 17px; margin-left: 16px; text-overflow: ellipsis; width: 200px } .card-primary .video-carousel-title { color: #333; font-family: 'Futura Today Light',Arial,sans-serif; font-size: 22px; font-weight: 400; line-height: 24px; margin-bottom: 10px; margin-top: -4px } .card-primary .carousel-counter { bottom: 0; left: 0 } .card-primary .video-carousel-player .video { cursor: pointer; position: relative; width: 100%; height: 100% } .video-carousel-card-module .carousel-nav { display: inline; background: 0; overflow: hidden } .video-carousel-card-module .carousel-nav:before { background: rgba(0,0,0,.7); border-radius: 58px; content: ''; height: 58px; position: absolute; top: 0; transition: background-color .15s ease-out; width: 58px } .video-carousel-card-module .carousel-nav.carousel-next:before { left: 0 } .video-carousel-card-module .carousel-nav.carousel-prev:before { left: -29px } .video-carousel-card-module .carousel-nav:hover:before { background: rgba(0,0,0,.8) } .video-carousel-card-module .carousel-nav:after { color: #fff; display: block; font-family: 'Gannett Icons'; font-size: 20px; line-height: 40px; position: absolute; top: 8px; text-indent: 0 } .video-carousel-card-module .carousel-nav.carousel-next:after { content: '>'; left: 8px } .video-carousel-card-module .carousel-nav.carousel-prev:after { content: '<'; left: 1px } .video-carousel-card-module .videoStillPlay { background: 0; cursor: pointer; visibility: visible; font-size: 50px; color: #fff; top: auto; bottom: 0; left: 60px; width: auto; height: auto; z-index: 5000; line-height: 60px } .video-carousel-card-module .videoStillPlay:before { content: 'v'; font-family: 'Gannett Icons'; text-shadow: 0 1px 1px rgba(0,0,0,.4) } .wide-story-series-flyout-bucket { bottom: 100px; position: fixed; right: 5px; width: 60px; z-index: 10001 } .wide-story-series-flyout-bucket:hover,.wide-story-series-flyout-bucket:hover .wide-story-series-flyout-bucket-icon { background-position: -418px -152px; cursor: pointer } .wide-story-series-flyout-bucket-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -418px -114px; height: 38px; margin: 0 auto; width: 38px } .wide-story-series-flyout-bucket.active .wide-story-series-flyout-bucket-icon,.wide-story-series-flyout-bucket.active:hover .wide-story-series-flyout-bucket-icon { background-position: 38px -76px } .wide-story-series-flyout-bucket.open .wide-story-series-flyout-bucket-text,.wide-story-series-flyout-bucket.active .wide-story-series-flyout-bucket-text { color: #fff } .wide-story-series-flyout-bucket.open .wide-story-series-flyout-bucket-icon { background-position: -418px 0 } .wide-story-series-flyout-bucket.open:hover .wide-story-series-flyout-bucket-icon { background-position: -418px -38px } .wide-story-series-flyout-bucket-text { color: #333; font: 700 8px 'futura today',Arial,sans-serif; margin-top: 10px; text-align: center; text-transform: uppercase } .wide-story-series-flyout { background-color: #000; box-shadow: -2px 0 2px rgba(0,0,0,.2); height: 100%; overflow: hidden; position: fixed; right: -300px; top: 0; width: 290px; z-index: 10000 } .wide-story-series-flyout-close { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -304px -38px; bottom: 30px; height: 38px; left: 16px; position: absolute; width: 38px } .wide-story-series-item-external-link,.wide-story-series-item-external-link:visited { color: #fff } .wide-story-series-item:hover { background-color: #666; cursor: pointer } .wide-story-series-item:hover .wide-story-series-item-bg { display: block } .wide-story-series-item-title { font: 400 16px/1.2 'futura today',Arial,sans-serif; margin: 0 40px; padding-top: 15px; position: relative; z-index: 10015 } .wide-story-series-up,.wide-story-series-down { height: 38px; width: 280px } .wide-story-series-up { opacity: .5 } .wide-story-series-up:hover,.wide-story-series-down:hover { cursor: pointer } .wide-story-series-up-icon,.wide-story-series-down-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); height: 38px; margin: 0 auto; width: 38px } .wide-story-series-up-icon { background-position: -342px -38px } .wide-story-series-down-icon { background-position: -342px 0 } .wide-story-series-item { color: #fff; overflow: hidden; position: relative; text-align: right; width: 280px } .series-current-item-count { font-size: 12px; margin: 10px 40px; padding-top: 10px; position: relative; z-index: 10015 } .series-counter-image { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -76px -227px; float: right; height: 12px; margin: 0 auto; padding: 35px 8px 0 0; position: relative; top: 2px; width: 9px } .series-counter-digits { float: right } .wide-story-series-wrapper { border-bottom: 1px #292929 solid; overflow: hidden; position: absolute; top: 0 } .wide-story-series-item-wrap { overflow-x: hidden; overflow-y: hidden; position: relative } .wide-story-series-grad-top,.wide-story-series-grad-bot { height: 130px; left: 0; position: absolute; width: 280px; z-index: 10016 } .wide-story-series-grad-top { background: url(../../images/bg-gradient-black-trans.png) top left repeat-x; display: none; pointer-events: none; top: 0 } .wide-story-series-grad-bot { background: url(../../images/bg-gradient-trans-black.png) bottom left repeat-x; bottom: 0; pointer-events: none } .wide-story-series-overflow-wrap { position: absolute } .wide-story-series-item-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2) } .suspender-ad { padding: 10px 0 0 10px } .wide-story-share { bottom: 30px; position: fixed; right: 5px; width: 60px; z-index: 10001 } .wide-story-share:hover,.wide-story-share:hover .wide-story-share-icon { background-position: -380px -152px; cursor: pointer } .wide-story-share-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -380px -114px; height: 38px; margin: 0 auto; width: 38px } .wide-story-share.active .wide-story-share-icon,.wide-story-share.active:hover .wide-story-share-icon { background-position: -380px -76px } .wide-story-share.open .wide-story-share-text,.wide-story-share.active .wide-story-share-text { color: #fff } .wide-story-share.open .wide-story-share-icon { background-position: -380px 0 } .wide-story-share.open:hover .wide-story-share-icon { background-position: -380px -38px } .wide-story-share-text { color: #333; font: 700 8px 'futura today',Arial,sans-serif; margin-top: 10px; text-align: center; text-transform: uppercase } .wide-story-share-flyout { background-color: #000; box-shadow: -2px 0 2px rgba(0,0,0,.2); height: 100%; overflow: hidden; position: fixed; right: -90px; top: 0; width: 80px; z-index: 10000 } .wide-story-share-flyout-close { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -304px -38px; bottom: 30px; height: 38px; left: 16px; position: absolute; width: 38px } .wide-story-share-flyout-close:hover { background-position: -304px -76px; cursor: pointer } .wide-story-share-flyout-icon-wrapper { bottom: 250px; position: absolute } .wide-story-share-flyout-icon-wrap { height: 54px; padding-top: 16px; width: 70px } .wide-story-share-flyout-icon-wrap:hover { cursor: pointer } .wide-story-share-flyout-icon-wrap-fb:hover { background-color: #3b5998 } .wide-story-share-flyout-icon-wrap-twitter:hover { background-color: #00aced } .wide-story-share-flyout-icon-wrap-gplus:hover { background-color: #dd4b39 } .wide-story-share-flyout-icon-wrap-email:hover { background-color: #666 } .wide-story-share-flyout-icon-wrap-comments:hover { background-color: #93b100 } .wide-story-share-flyout-icon-wrap-firefly:hover { background-color: #9b5b2c } .wide-story-share-flyout-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); height: 38px; margin: 0 auto; width: 38px } .wide-story-share-flyout-fb { background-position: -76px 0 } .wide-story-share-flyout-twitter { background-position: -114px 0 } .wide-story-share-flyout-gplus { background-position: -152px 0 } .wide-story-share-flyout-email { background-position: -190px 0 } .wide-story-share-flyout-comments { background-position: 225px 0 } .wide-story-share-flyout-firefly { background-position: 185px 0 } .wide-story-share-flyout-clicked-firefly { background: #9b5b2c } .wide-story-share-flyout-clicked-comments { background: #93b100 } .wide-story-share-flyout-clicked-email { background: #666 } .sub-flyout-comments,.sub-flyout-email { background-color: #000; border-right: 1px solid #3c3c3c; clear: both; color: #fff; float: right; font-size: 10px; height: 100%; overflow: hidden; position: fixed; right: -351px; top: 0; width: 350px; z-index: 9999 } .sub-flyout-firefly { background-color: #000; border-right: 1px solid #3c3c3c; clear: both; color: #fff; float: right; font-size: 10px; height: 100%; overflow: hidden; position: fixed; right: -211px; top: 0; width: 210px; z-index: 9999 } .sub-flyout-firefly-top { background-color: #222; height: 50%; position: relative; top: 0; width: 210px } .sub-flyout-comment-top { background-color: #222; margin: 0 auto; padding: 40px 0 } .sub-flyout-comment-content { overflow: hidden; position: relative; top: 0 } .sub-flyout-firefly-top-text { bottom: 70px; font: 12px 'Futura Today',Arial,sans-serif; left: 20px; position: absolute; text-align: center; width: 80% } .sub-flyout-firefly-top-btn { background: #9b5b2c; bottom: 20px; font-weight: bolder; left: 30px; margin: 0 auto; padding: 10px 0; position: absolute; text-align: center; text-transform: uppercase; width: 150px } .sub-flyout-firefly-top-btn-link .sub-flyout-firefly-top-btn,.sub-flyout-firefly-top-btn-link .sub-flyout-firefly-top-btn:hover { color: #fff; font: 12px 'Futura Today',Arial,sans-serif } .sub-flyout-firefly-login { font: 12px 'Helvetica Neue',Arial,sans-serif; margin: 0 auto; padding: 30px 0; position: relative; text-align: center; top: 0; width: 65% } .sub-flyout-firefly-login a { color: #fff } .sub-flyout-firefly-login .login-header { border-bottom: #1f1f1f solid thin; font-weight: bolder; margin: 0 auto 15px; padding-bottom: 20px; width: 50px } .sub-flyout-close { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -304px -38px; bottom: 70px; height: 38px; left: 85px; margin: 0 auto; width: 40px } .sub-flyout-close:hover { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -304px -76px; cursor: pointer } .wide-story-share-wrapper .facebook-comments-plugin-wrap { background-color: #000; margin: 0 auto 30px; overflow: auto; position: relative; top: 0; -webkit-overflow-scrolling: touch; width: 335px } .sub-flyout-comment-bottom { padding-top: 50px; position: relative } .sub-flyout-top-title { font: 24px 'Futura Today Light',Arial,sans-serif; margin: 0 0 30px; text-align: center } .sub-flyout-top-text { color: #fff; font: 12px 'Futura Today',Arial,sans-serif; margin: 0 auto; padding: 0 50px; text-align: center } .sub-flyout-top-text a { color: #fff; font-weight: 800 } .content-area-share-group { font: 700 12px 'futura today',Arial,sans-serif; margin: 0 auto 70px; position: relative; text-align: center; width: 600px } .content-area-share-group .social-bookmark-header { clear: both; font-size: 14px; font-weight: 5; margin: 0 auto; text-transform: uppercase; width: 600px } .content-area-share-group .share-item-wrapper { margin: 0 auto } .content-area-share-group .share-item { background-image: url(../../images/sprites/stories-wide-sprite.png); cursor: pointer; display: inline-block; height: 38px; margin: 20px 20px 0; position: relative; text-align: center; width: 38px; z-index: 5000 } .content-area-share-group .share-item .share-item-link { color: #999; display: block } .content-area-share-group .social-button-image { margin: 0 auto; min-height: 20px; text-align: center; width: 30px } .content-area-share-group .share-fb { background-color: #3b5998; background-position: -76px 0 } .content-area-share-group .social-button-text { display: inline-block; font: 700 12px HelveticaNeue-CondensedBold,'Helvetica Neue',Arial,sans-serif; position: relative; top: 35px } .content-area-share-group .share-twitter { background-color: #00aced; background-position: -114px 0 } .content-area-share-group .share-gplus { background-color: #dd4b39; background-position: -152px 0 } .content-area-share-group .share-text { display: block; margin-left: -6px; position: relative; width: 50px } .content-area-share-group .share-email { background-color: #666; background-position: -190px 0 } .content-area-share-group .share-comments { background-color: #93b100; background-position: 228px 0 } .content-area-share-group .line { background: #f3f3f3; border-top: solid 1px #f3f3f3; left: -50px; position: absolute; height: 1px; display: block; top: 56px; width: 700px } .sub-flyout-email { background-color: #000 } .sub-flyout-email .sub-flyout-email-scroll { background-color: #000; overflow: auto; position: relative; top: 0; -webkit-overflow-scrolling: touch } .sub-flyout-email .sub-flyout-email-header { background-color: #222; margin: 0 auto; padding: 40px 0 } .sub-flyout-email .sub-flyout-email-header-title { font: 24px 'Futura Today Light',Arial,sans-serif; margin: 0 0 30px; text-align: center } .sub-flyout-email .sub-flyout-email-header-desc { color: #fff; font: 12px 'Helvetica Neue',Arial,sans-serif; padding: 0 50px; margin: 0; text-align: center } .sub-flyout-email .sub-flyout-email-summary { background-color: #000; padding: 20px } .sub-flyout-email .sub-flyout-email-summary-title { color: #fff; font-family: 'Futura Today',Arial,sans-serif; font-size: 14px; font-weight: 700; margin: 0 0 8px } .sub-flyout-email .sub-flyout-email-summary-description { color: #fff; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 12px; line-height: 17px; margin: 2px 0 } .sub-flyout-email .sub-flyout-email-summary-image { border: 5px solid #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); float: left; margin: 0 20px 5px 0 } .sub-flyout-email .share-email-container { background-color: #000 } .sub-flyout-email .share-email-form-input,.sub-flyout-email .share-email-form-textarea { background-color: #343434; border: 0; border-radius: 0; box-shadow: none; color: #fff; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 12px; margin: 0 0 5px 20px; padding: 20px; width: 310px } .sub-flyout-email .recaptcha_image { border: 0; border-radius: 0; box-shadow: none; left: 0; margin: 0 0 5px 20px; width: 310px!important } .sub-flyout-email #recaptcha_challenge_image { width: 310px!important } .sub-flyout-email .email-form-buttons { margin: 30px 20px } .sub-flyout-email .email-form-buttons .share-email-form-cancel-btn,.sub-flyout-email .email-form-buttons .share-email-form-send-btn { border-radius: 0; font-family: 'Futura Today',Arial,sans-serif; font-size: 12px; font-weight: 700; width: 145px } .sub-flyout-email .email-form-buttons .share-email-form-cancel-btn { background: #fff; margin-right: 5px } .sub-flyout-email .email-form-buttons .share-email-form-send-btn { background: #009bff } .sub-flyout-email .email-form-buttons .share-email-form-send-btn:hover { background: #33afff } .sub-flyout-email .email-form-buttons .ui-chunky-btn.cancel:before,.sub-flyout-email .email-form-buttons .ui-chunky-btn.send:before,.sub-flyout-email .email-form-buttons .ui-chunky-btn.cancel:after,.sub-flyout-email .email-form-buttons .ui-chunky-btn.send:after { background: 0; content: none } .sub-flyout-email .email-form-buttons .ui-chunky-btn,.sub-flyout-email .email-form-buttons .ui-chunky-btn.icon { padding: 0 } .sub-flyout-email .recaptcha_option_list { display: table; margin: 0; padding: 0 25px; width: 310px } .sub-flyout-email .recaptcha_option_list:after { clear: both } .sub-flyout-email .recaptcha_option { color: #fff; font-family: 'Helvetica Neue',Arial,sans-serif; margin: 5px 0 0; padding: 0 10px } .sub-flyout-email .recaptcha_option_list:last-child { padding-right: 0 } .sub-flyout-email .recaptcha_option:hover { color: #fff } .sub-flyout-email .recaptcha_option_sprite { background: transparent url(../../images/sprites/spritesheet-captcha.png) no-repeat 0 0; margin-right: 5px } .sub-flyout-email .recaptcha_new,.sub-flyout-email .recaptcha_option:hover .recaptcha_new,.sub-flyout-email .recaptcha_new:hover { background-position: 0 0 } .sub-flyout-email .recaptcha_audio,.sub-flyout-email .recaptcha_option:hover .recaptcha_audio,.sub-flyout-email .recaptcha_audio:hover { background-position: -16px 0; width: 16px } .sub-flyout-email .recaptcha_help,.sub-flyout-email .recaptcha_option:hover .recaptcha_help,.sub-flyout-email .recaptcha_help:hover { background-position: -32px 0; width: 16px } .sub-flyout-email .share-email-success-pane-title { font: 24px 'Futura Today Light',Arial,sans-serif; line-height: 50px; text-align: center } .sub-flyout-email .share-email-success-pane-description { color: #fff; font: 12px 'Helvetica Neue',Arial,sans-serif; padding: 0 50px; margin: 0; text-align: center } .generic-iframe-header { background: #f2f2f2; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; position: relative; padding: 10px 20px 9px } .generic-iframe-header h5.generic-iframe-title { color: #666; float: left; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 15px; font-weight: 400; margin: 6px 5px 0 0; text-transform: uppercase; text-shadow: 0 1px 0 #fff } .coaches-ballot .ballot-list-container { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 30px; padding-top: 0; width: 50%; vertical-align: top } .coaches-ballot .ballot-list-container:nth-child(odd) { padding-right: 15px } .coaches-ballot .ballot-list-container:nth-child(even) { padding-left: 15px } .coaches-ballot .ballot-list-container>div { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100% } .coaches-ballot .ballot-list-container>h2 { font-family: Futura Today Bold; font-size: 19px; text-transform: uppercase } .coaches-ballot .ballot-keys-list,.coaches-ballot .ballot-values-list { max-height: 550px; overflow-y: hidden; position: relative } .coaches-ballot .ballot-key.active { background: #dfdfdf url(../../images/sports/sp-head-noise.png) repeat top left } .coaches-ballot .ballot-key:hover,.coaches-ballot .ballot-matrix-team:hover { cursor: pointer } .coaches-ballot .team_name,.coaches-ballot .coach_name,.coaches-ballot .ballot-matrix-team { text-align: left!important } .coaches-ballot .coaches-ranking { font-size: 12px!important } .coaches-ballot .loading-panel { opacity: .4; filter: alpha(opacity=40) } .sports-coaches-ballots .biggest-movers-header { width: 750px; margin-right: 50px } @media screen and (max-width: 1250px) { .sports-coaches-ballots .biggest-movers-header { width:650px!important } } @media screen and (max-width: 1154px) { .sports-coaches-ballots .biggest-movers-header { width:418px!important } } .coaches-ballot .sp-ballot-matrix { width: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; overflow-x: hidden } .coaches-ballot .sp-ballot-matrix th { padding: 0!important; padding-left: 5px!important; white-space: nowrap; font-size: .8em; height: 120px; vertical-align: bottom; border: 0!important; background-color: #fff!important; width: 15px } .coaches-ballot .sp-ballot-matrix th:not(.ballot-matrix-coach) { border-left: 0!important; border-right: 0!important; background-color: #fff!important } .coaches-ballot .sp-ballot-matrix .rotated-heading { float: left; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); width: inherit; margin: 5px auto; letter-spacing: .05em; font-weight: 700 } .coaches-ballot .sp-ballot-matrix td { padding: 0 3px!important; height: 17px; font-size: .75em!important; border-color: #fff!important } .coaches-ballot .sp-ballot-matrix tr td:first-child { text-align: left!important } .coaches-ballot .sp-ballot-matrix .vote-cell { background: #f0f0f0 } .coaches-ballot .sp-ballot-matrix th.ballot-matrix-column,.coaches-ballot .sp-ballot-matrix td:not(.vote-cell) { color: #333!important; font-weight: 400!important; white-space: nowrap; border: 0!important } #section_sports .coaches-ballot .sp-ballot-matrix tbody tr:hover td:not(vote-cell) { background: #fff } #section_sports .coaches-ballot .sp-ballot-matrix tbody tr:hover td.vote-cell { background: #f0f0f0 } .coaches-ballot .sp-ballot-matrix .active-row td:not(.vote-cell),.coaches-ballot .sp-ballot-matrix .active-row td a,.coaches-ballot .sp-ballot-matrix .active-column a { color: #e82219!important } #section_sports .coaches-ballot .sp-ballot-matrix tbody tr.active-row:hover td.vote-cell,#section_sports .coaches-ballot .sp-ballot-matrix tbody tr.active-row:hover td:not(vote-cell),.coaches-ballot .sp-ballot-matrix tr.active-row td,.coaches-ballot .sp-ballot-matrix td.active-column { background: #d6d6d6 url(../../images/sports/sp-head-noise.png) repeat top left } .coaches-ballot .sp-ballot-matrix .active-ballot { background: #b81800 url(../../images/sports/sp-head-noise.png) repeat top left!important; padding: 0!important; color: #fff } .coaches-ballot .sp-ballot-matrix .active-rank { background: #e82219 url(../../images/sports/sp-head-noise.png) repeat top left!important; padding: 0!important; color: #fff } .horizontal-scroll { width: 100%; margin-bottom: -13px } .sp-details-box.sp-ballot-weekly-rankings { position: absolute; left: 0!important; right: 0!important; margin: auto!important; top: 120px; width: 800px; min-height: 180px } .sp-ballot-weekly-subhead .sp-subhead-profile-well { height: 127px } .sp-ballot-weekly-subhead .sp-subhead-profile-logo-wrap { padding: 20px 25px } .sp-ballot-weekly-popup { overflow: hidden } .sp-ballot-weekly-popup.inactive { display: none } .sp-details-ballot-weekly-bar { background: none repeat scroll 0 0 rgba(0,0,0,.2); line-height: 40px; padding-left: 15px; width: 765px } .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon { background-repeat: no-repeat; background-image: url(../../images/sprites/table-graph-icon.png); display: inline-block; height: 24px; vertical-align: middle; width: 24px; margin-left: 10px; cursor: pointer } .sp-popup-content-ballot-weekly { padding: 0!important } .sp-popup-content-ballot-weekly table tbody td,.sp-ballot-weekly-popup table tbody td { padding: 2px!important } #section_sports .chart-wrapper.interactive.weekly-line-graph { width: 780px } .chart-wrapper.interactive.weekly-line-graph .chart-area { background: none repeat scroll 0 0 #fff; padding: 2%; width: 96% } .chart-wrapper.interactive.weekly-line-graph { min-height: 0!important } .chart-wrapper.interactive.weekly-line-graph .chart-area-legend ul li { background-image: url(../../images/interactives/charts/chart-list-bg.png) } .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.table-on { background-position: 0 -48px } .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.table-off { background-position: 0 -72px } .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.graph-on { background-position: 0 0 } .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.graph-off { background-position: 0 -24px } .ballot-weekly-xAxisLabel { color: #ccc; font-size: 100%; margin: 30px 0 0; position: relative; text-align: center; text-transform: uppercase } .coaches-ballot .ballot-matrix-scrollable,.sp-ballot-weekly-rankings .ballot-weekly-scrollable { height: 100%; max-width: 100%; overflow-x: hidden; position: relative } .sp-popup-content.sp-popup-content-ballot-weekly,.sp-popup-content.sp-popup-content-ballot-weekly-view { height: auto!important } .sp-ballot-weekly-popup .interactive-aside-sports { border-top: 0 } .asset-metabar-ribbon { float: left } .asset-metabar-ribbon-sports { background-position: -72px -42px } .asset-metabar-ribbon-life { background-position: -72px -84px } .asset-metabar-ribbon-money { background-position: -72px -126px } .asset-metabar-ribbon-tech { background-position: -72px -168px } .asset-metabar-ribbon-travel { background-position: -72px -210px } .asset-metabar-ribbon-opinion { background-position: -72px -252px } .asset-metabar-ribbon-weather { background-position: -72px -294px } .asset-metabar-ribbon-title:before { background: url(../../images/sprites/blogs-sprite.png) 0 0 no-repeat; content: ''; float: left; height: 13px; margin: 0 5px 0 -4px; width: 13px } .asset-metabar-ribbon-title { background: #009bff; box-shadow: 1px 1px 2px rgba(0,0,0,.4); color: #fff; font: 12px 'Futura Today Bold',arial,sans-serif; height: 12px; line-height: 11px; margin: 2px 0 0 -3px; padding: 6px 10px; text-transform: uppercase } .asset-metabar-ribbon-link,.asset-metabar-ribbon-link:visited { color: #fff } .asset-metabar-ribbon-link:hover { color: rgba(255,255,255,.8) } .asset-metabar-ribbon-title-sports { background: #eb1e00 } .asset-metabar-ribbon-title-life { background: #9600b4 } .asset-metabar-ribbon-title-money { background: #00a53c } .asset-metabar-ribbon-title-tech { background: #fa5f00 } .asset-metabar-ribbon-title-travel { background: #00c3c3 } .asset-metabar-ribbon-title-opinion { background: #666 } .asset-metabar-ribbon-title-weather { background: #ffc000 } .asset-metabar-wrap { clear: both; margin: 20px 0 23px 70px } .asset-metabar { border: 1px solid #e6e6e6; border-radius: 3px; margin: 20px 0 23px 70px; width: 878px } .asset-metabar-item { display: inline-block; font-size: 12px; font-weight: 700; line-height: 14px; margin: 6px 0 5px; padding: 2px 10px; position: relative } .asset-metabar-avatar { float: left; margin: 1px 0 0 1px } .asset-metabar-usatnetwork { padding: 0 10px } .asset-metabar-time { border-left: 1px solid #e1e1e1; color: #999; font-style: italic; font-weight: 400 } .asset-metabar-time.nobyline { border: 0 } .asset-metabar-usat-network { color: #000; font: 14px 'Futura Today Bold',arial,sans-serif; line-height: 30px; text-transform: uppercase } .asset-metabar-usat-network:before { background: url(../../images/sprites/usat-network.png) 0 0 no-repeat; content: ''; float: left; height: 18px; margin: 6px 3px 0 6px; width: 18px } .asset-metabar-usat-network .asset-metabar-usat-network-blue { color: #009bff } .site-nav-span.site-nav-user-span { width: 18px } .site-nav-span.site-nav-user-span:after { background-position: -40px 0; height: 16px; margin-left: -9px; top: 13px; width: 18px } .site-nav-link.site-nav-user-link { cursor: pointer } .site-nav-user-avatar-image { left: 9px; position: absolute; top: 9px } .site-nav-user-dropdown.site-nav-dropdown.dropdown { text-align: center; width: 220px } .site-nav-user-dropdown-wrap { width: 180px; padding: 20px; display: none } .site-nav-user-dropdown-wrap.site-nav-user-dropdown-wrap-active { display: block } .site-nav-user-btn { width: 100% } .site-nav-user-login-btn { display: block; font-size: 12px; margin-bottom: 20px; padding: 0; vertical-align: top } .site-nav-user-login-btn:before { content: ""; background: url(../../images/sprites/header-sprite.png) 0 0 no-repeat; display: inline-block; position: relative; top: 2px; margin-right: 10px; overflow: hidden; -webkit-backface-visibility: hidden } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) { .site-nav-user-login-btn:before { background-image:url(../../images/sprites/header-sprite@2x.png); background-size: 250px 120px } } .site-nav-user-login-facebook-btn:before { background-position: -161px 0; width: 7px; height: 12px } .site-nav-user-login-google-btn:before { background-position: -144px 0; height: 12px; width: 13px } .site-nav-user-logged-in-text { color: #fff; font-size: 13px; line-height: 18px; margin-bottom: 20px } .site-nav-user-display-name { display: block } .site-nav-user-display-name:after { content: '.'; display: inline-block } .site-nav-user-logout-btn.header-nav-dropdown-dark-btn { margin-bottom: 20px } .site-nav-user-sign-in-faq-link.site-nav-user-dropdown-link { color: #fff; display: block; font-size: 12px; margin: 0 auto } .jobs-card-module-wrap { background-color: #f8f8f8; padding: 20px; position: relative } .jobs-card-form-field-wrap,.jobs-card-form-btn-wrap { clear: both; float: none; width: 100% } .jobs-card-form-btn-wrap { padding-top: 30px } .jobs-card-form-keywords,.jobs-card-form-location { float: left; margin-right: 17px; width: 220px } .jobs-card-module-wrap .ui-text-input,.jobs-card-form-category { width: 220px } .jobs-card-form-category,.jobs-card-form-submit-btn { float: left; margin-right: 17px } .jobs-card-powered-by { color: #333; font-size: 11px; position: absolute; bottom: 20px; right: 20px } .jobs-powered-by-logo { background: url(../../images/money/jobs/logo-career-builder.png) no-repeat; display: inline-block; height: 20px; margin-left: 5px; text-indent: -99999px; vertical-align: bottom; width: 100px } .jobs-form-dropdown>.ui-dropdown-content { max-height: 160px } .jobs-story-module-wrap { background-color: transparent; margin: 0 42px; text-align: left } .jobs-story-form-field-wrap,.jobs-story-form-keywords,.jobs-story-form-category,.jobs-story-form-submit { padding-bottom: 30px } .jobs-story-module-wrap .ui-text-input,.jobs-story-form-category { width: 100% } .jobs-story-powered-by { color: #333; border-top: 1px dashed #cbcbcb; font-size: 11px; padding: 30px 0 15px } .hpfm-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hpfm-image { display: block } .hpfm-image-link { height: 100%; width: 100% } .hpfm-image-link:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hpfm-primary-wrap:hover .hpfm-image-link:before,.hpfm-item:hover .hpfm-image-link:before { background-color: transparent } .hpfm-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 60%; left: 0; position: absolute; width: 100%; z-index: 2 } .hpfm-primary-wrap { float: left; height: 400px; position: relative; width: 720px } .hpfm-primary-image-link:after { height: 50% } .hpfm-primary-hed-link { display: block } .hpfm-primary-text-wrap { box-sizing: border-box; -moz-box-sizing: border-box; bottom: 0; left: 0; padding: 0 20px 18px; position: absolute; width: 100% } .hpfm-primary-hed { color: #fff; display: block; font: 40px 'Futura Today DemiBold',Arial,sans-serif; letter-spacing: -1px; line-height: 44px; margin: 0 0 5px; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,.4); z-index: 2 } .hpfm-video-hed-link,.hpfm-gallery-hed-link { margin-left: 48px; text-indent: -48px } .hpfm-primary-video-hed:before,.hpfm-primary-gallery-hed:before { font-family: 'Gannett Icons'; font-size: 34px; margin-right: 8px; position: relative; top: 1px; vertical-align: top } .hpfm-primary-video-hed:before { content: 'v' } .hpfm-primary-gallery-hed:before { content: 'g' } .hpfm-spikes { bottom: -8px; display: inline-block; line-height: 30px; padding: 8px 0 0; position: relative; z-index: 5 } .hpfm-spike-link,.hpfm-spike-link:visited { border-right: 1px solid rgba(255,255,255,.3); color: #fff; display: inline-block; font-size: 14px; font-weight: 700; height: 16px; line-height: 16px; margin-right: 15px; padding: 0 15px 0 0; transition: color .15s; vertical-align: top } .hpfm-spike-link:hover { color: #009bff } .hpfm-last-spike-link { border: 0 } .hpfm-spike-link:before { content: 'a'; font-family: 'Gannett Icons'; font-size: 18px; margin-right: 5px; vertical-align: top } .hpfm-video-spike-link:before,.hpfm-livevideo-spike-link:before { content: 'v' } .hpfm-gallery-spike-link:before { content: 'g'; margin-right: 7px } .hpfm-noicon-spike-link:before { display: none } .hpfm-list { box-sizing: border-box; -moz-box-sizing: border-box; display: block; float: left; list-style: none; position: relative } .hpfm-item { cursor: pointer; display: block; float: left; margin: 0; margin-left: 1px; padding: 0; position: relative; width: 238px } .hpfm-item-1 { margin-left: 0; width: 240px } .hpfm-item-2 { width: 239px } .hpfm-list-link { box-sizing: border-box; -moz-box-sizing: border-box; display: block; font-weight: 700; overflow: hidden; padding: 0; transition: color,background-color 75ms,75ms; -webkit-transition: color,background-color 75ms,75ms } .hpfm-dark-list-link { background-color: #2b2b2b; border-bottom: 1px solid #0f0f0f; border-top: 1px solid #3c3c3c; color: #fff } .hpfm-dark-list-link:visited { color: #fff } .hpfm-dark-list-link:hover { background-color: #272727; border-bottom-color: transparent; border-top-color: transparent; color: #fff } .hpfm-light-list-link { color: #282828; background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff } .hpfm-light-list-link:visited { color: #282828 } .hpfm-light-list-link:hover { color: #282828; background-color: #fff; border-top-color: transparent } .hpfm-list-hed { display: block; font-size: 13px; height: 14px; line-height: 14px; overflow: hidden; padding: 4px 0; white-space: nowrap } .hpfm-item-hed-wrap { bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; display: block; height: auto; left: 0; padding: 10px 10px 7px; position: absolute; text-shadow: 0 1px 1px #000; width: 100%; z-index: 5 } .hpfm-item-hed { display: table-cell; font-size: 14px; line-height: 18px; vertical-align: middle; white-space: normal } .hpfm-item-video-hed-icon,.hpfm-item-gallery-hed-icon { display: table-cell; font-family: 'Gannett Icons'; font-size: 29px; padding-right: 8px; position: relative; top: 0; vertical-align: middle } .hpfm-item-gallery-hed-icon { font-size: 27px; padding-right: 9px; top: 0 } .hpfm-item-video-hed-icon:before { content: 'v' } .hpfm-item-gallery-hed-icon:before { content: 'g' } @media only screen and (min-width: 1321px) { .hpfm-list { float:right } .hpfm-item { clear: both; float: none; height: 133px; margin: 1px 0 0 1px; overflow: hidden } .hpfm-item-1 { margin-left: 1px; margin-top: 0; height: 132px; width: 238px } .hpfm-item-2 { width: 238px } .hpfm-item-link { background: 0; border: 0; padding: 0 } } .inline-share-tools { margin: 0 0 15px 60px; white-space: nowrap } .asset-inline-share-tools-bottom { padding-top: 10px } .inline-share-tools-label { display: inline-block; font: 400 11px/28px 'Futura Today Bold',Arial,sans-serif; height: 28px; background: #e0e0e0 url(../../images/components/utility-bar-noise.png); box-shadow: inset -2px 0 4px -1px rgba(0,0,0,.1); margin: 0; padding: 0 10px; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,.5); top: 1px; vertical-align: top } .inline-share-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d6d6d6; cursor: pointer; display: inline-block; height: 28px; outline: 0; padding: 0 10px; position: relative; text-align: center } .inline-share-btn-more { border: 0 } .inline-share-count { font: 400 12px/18px 'Futura Today Bold',arial,sans-serif; color: #000; display: block; white-space: nowrap } .inline-share-count:before { background: url(../../images/components/utility-contribute-new-sprite.png) no-repeat 0 0; content: ''; display: inline-block; position: relative; top: -2px; vertical-align: middle } .inline-share-count-facebook:before { background-position: -284px -65px; height: 14px; width: 8px } .inline-share-count-twitter:before { background-position: -11px -35px; height: 15px; width: 19px } .inline-share-count-linkedin:before { background-position: -68px -60px; height: 15px; width: 19px } .inline-share-count-comments:before { background-position: -190px -34px; height: 17px; width: 17px } .inline-share-count-email:before { background-position: -251px -64px; margin: 0; height: 15px; width: 15px } .inline-share-count-more:before { background-position: -101px -9px; height: 12px; top: -1px; width: 15px } .inline-share-btn-label { font: 700 8px/12px arial,sans-serif; color: #999; display: block; text-transform: uppercase; position: relative; top: 1px; -webkit-transition: color .1s; -moz-transition: color .1s; -ms-transition: color .1s; -o-transition: color .1s; transition: color .1s } .inline-share-btn:hover>.inline-share-btn-label { color: #000 } .inline-share-btn-facebook:hover>.inline-share-btn-label { color: #4862a7 } .inline-share-btn-twitter:hover>.inline-share-btn-label { color: #1bb2df } .inline-share-btn-linkedin:hover>.inline-share-btn-label { color: #4875b4 } .mppm-wrap { background: #fff; height: 100%; overflow: hidden; position: relative; width: 100% } .mppm-ssts-label { left: 10px; position: absolute; top: 10px; z-index: 3 } .mppm-wrap .paginator-indicator-bullet { background: #d1d1d1; background: rgba(0,0,0,.2); box-shadow: none } .mppm-wrap .paginator-indicator-bullet.active:after { box-shadow: none } .mppm-wrap .paginator-indicator-target { margin: 20px 0; padding: 0 0 0 8px } .mppm-wrap .paginator-indicator-target:first-child { padding-left: 0 } .mppm-items-wrap { display: table; margin: 0; padding: 20px 0 0; position: relative; -webkit-transition-duration: 0 } .mppm-item { display: table-cell; vertical-align: top } .mppm-img-wrap { position: relative } .mppm-img-wrap:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .mppm-img { border: 1px solid transparent; border-bottom-color: #bebebe; border-bottom-color: rgba(190,190,190,.6); box-shadow: 0 2px 2px 0 rgba(190,190,190,.6); height: 248px; margin: 0; -webkit-transition: border-color .2s ease-out; -moz-transition: border-color .2s ease-out; transition: border-color .2s ease-out; width: 328px } a.mppm-link:hover .mppm-img { border-color: #009bff } a.mppm-link { color: #333; display: block; margin: 0 20px 0 0; min-height: 250px; position: relative; width: auto; word-wrap: break-word } a.mppm-item-group-start { margin-left: 19px } .mppm-img-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; width: 100%; z-index: 2 } .mppm-link:hover .mppm-img-wrap:before { background: transparent } .mppm-hed-wrap { color: #fff; bottom: 0; left: 0; margin: 0 11px 16px; position: absolute; -webkit-transition: color .15s; -moz-transition: color .15s; transition: color .15s; z-index: 10 } .mppm-headline { display: table-cell; font: 700 14px Helvetica,Arial,sans-serif; line-height: 18px; margin: 0; padding: 0; text-shadow: 0 1px 1px #000; vertical-align: top } .mppm-video-icon { color: #fff; display: table-cell; font-family: 'Gannett Icons'; font-size: 25px; line-height: 36px; padding: 0 10px 0 0; vertical-align: top } .mppm-video-icon:before { content: "v" } .mpsm-item { list-style: none } .mpsm-link { display: block; padding: 15px 20px; position: relative; -webkit-transition: color,background-color 75ms,75ms; -moz-transition: color,background-color .75ms; transition: color,background-color 75ms,75ms } .mpsm-light-link { color: #282828; background-color: #f9f9f9; border-top: 1px solid #fff; border-bottom: 1px solid #dcdcdc } .mpsm-light-link:hover { color: #282828; background-color: #fff; border-top-color: transparent } .mpsm-dark-link { background: #2b2b2b; border-bottom: 1px solid #0f0f0f; border-top: 1px solid #3c3c3c } .mpsm-dark-link:hover { background-color: #272727; border-top-color: transparent; border-bottom-color: transparent } .mpsm-text-link:hover .mpsm-dark-hed { color: #fff } .mpsm-text-link:hover .mpsm-light-hed { color: #282828 } .mpsm-image-hed-span { padding: 0 10px } .mpsm-image-wrap { position: relative } .mpsm-image-wrap:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .mpsm-image-wrap:hover:before { background-color: rgba(0,0,0,0) } .mpsm-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; width: 100%; z-index: 2 } .mpsm-large-image { box-shadow: 0 2px 2px 0 rgba(0,0,0,.08); visibility: hidden } .mpsm-hed { font-size: 13px; line-height: 1.4; display: block } .mpsm-light-hed { color: #282828 } .mpsm-dark-hed { color: #fff } .mpsm-image-hed { bottom: 0; color: #fff; padding: 10px 0 11px; position: absolute; z-index: 3; width: 100% } .sidebar-primary-flex-sidebar-page .mpsm-image-hed { font-size: 18px; line-height: 22px } .sidebar-primary-suspender-sidebar-page .mpsm-image-hed { font-size: 12px; line-height: 16px } @media only screen and (min-width: 1250px) { .sidebar-primary-suspender-sidebar-page .mpsm-image-hed { font-size:20px; line-height: 25px } } .mpsm-hed-span { display: table-cell; vertical-align: middle } .mpsm-video-hed-span,.mpsm-gallery-hed-span { padding-left: 15px } .mpsm-video-hed:before { font-family: "Gannett Icons"; content: 'v'; display: table-cell; font-size: 32px; line-height: 1; vertical-align: middle } .mpsm-video-image-hed:before { font-size: 32px; padding-left: 10px } .mpsm-gallery-hed:before { font-family: "Gannett Icons"; content: 'g'; display: table-cell; line-height: 1; font-size: 26px; vertical-align: middle } .mpsm-gallery-image-hed:before { font-size: 32px; padding-left: 10px } .most-popular .play-btn-m { bottom: 26px; left: 53px } .popup-film { background-color: #000; filter: alpha(opacity=80); position: fixed; opacity: .8; bottom: 0; right: 0; left: 0; top: 0 } .popup-film.inactive { opacity: 0; visibility: hidden } .sports-popup-media-module .popup-film { z-index: 40 } .sports-popup-media-module .media-wrapper { position: fixed; left: 10px; top: 140px; z-index: 50; display: none } .sports-popup-media-module .gallery-wrapper { width: 720px; height: 680px } .sports-popup-media-module .gallery-wrapper .ui-loader { width: 720px } .sports-popup-media-module .video-wrapper { background-color: #2e2e2e; width: 880px; height: 495px; display: none } .sports-popup-media-module .video-wrapper.active { display: block } .sports-popup-media-module .video-wrapper .ui-loader { width: 880px } .sports-popup-media-module .gallery-sidebar-ad { z-index: -1 } @media screen and (min-width: 1080px) { .sports-popup-media-module .gallery-sidebar-ad { visibility:visible; opacity: 1 } .sports-popup-media-module .hover .gallery-viewport-meta,.sports-popup-media-module .hover .gallery-viewport-caption { display: none; visibility: hidden; opacity: 0 } } .hero-module .front-gallery-link:hover,.hero-module .front-gallery-link { padding: 0 } .video-popup-close { background-image: url(../../images/buttons/button-close.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 48px; position: absolute; right: -31px; top: -18px; width: 50px } .blogs { position: relative } .stagfront-primary .blogs .stage { width: 913px } .blogs-module { background: #f6f6f6; border: 1px solid #ccc } .blogs-mod-scrolling-stage { overflow: hidden; min-height: 128px; margin: 0 auto; position: relative; width: 729px } @media only screen and (min-width: 1150px) { .blogs-mod-scrolling-stage { width:913px } } @media only screen and (min-width: 1250px) { .blogs-mod-scrolling-stage { width:1095px } } .blogs-mod-list { list-style-type: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 20px; min-width: 7700px } .blogs-mod-item { cursor: pointer; float: left; height: 97px; margin: 0; padding: 0 10px; text-align: center; width: 161px } .blogs-mod-item.last { border-right: 0 } .blogs-mod-index { text-align: center; color: #333; font-size: 13px; font-weight: 400; line-height: 14px; height: 28px; padding-bottom: 10px; width: 161px } .blogs-mod-index .blogs-mod-index-link { color: inherit; display: inline-block; vertical-align: top; padding: 0; position: relative; margin: 0 auto } .blogs-mod-index-link:before { background: rgba(0,0,0,0) url(../../images/sprites/blogs-sprite.png) no-repeat -2px -105px; content: ''; height: 15px; position: relative; width: 13px; left: 0; display: inline-block } .blogs-mod-item:hover .blogs-mod-index-link:before { background-position: -19px -105px } .blogs-mod-item:hover .blogs-mod-index-link { color: #009bff } .blogs-mod-item .blogs-mod-meta { color: #333; font-size: 10px; line-height: 16px; margin: 0 0 6px; height: 26px; vertical-align: bottom } .blogs-mod-item:hover .blogs-mod-meta { color: #666 } .blogs-mod-meta .blogs-mod-time { border: 0; color: inherit; display: inline-block; font-size: inherit; font-style: italic; margin: 0; padding: 0; position: relative; white-space: nowrap } .blogs-mod-meta .blogs-mod-time:before { background: transparent url(../../images/sprites/blogs-sprite.png) no-repeat 0 -18px; content: ''; height: 11px; left: 0; position: absolute; top: 2px; width: 9px } .blogs-mod-item:hover .blogs-mod-time:before { background-position: -18px -18px } .blogs-mod-headline { color: #999; font-size: 11px; font-weight: 400; line-height: 17px; margin: 0 0 10px; vertical-align: middle; height: auto } .blogs-mod-headline-link:link,.blogs-mod-headline-link:visited,.blogs-mod-headline-link:active { color: #999 } .blogs-mod-item:hover .blogs-mod-headline,.blogs-mod-item:hover .blogs-mod-headline-link:link,.blogs-mod-item:hover .blogs-mod-headline-link:visited,.blogs-mod-item:hover .blogs-mod-headline-link:active { color: #333 } .blogs-mod-headline:hover { color: #0af } .blogs-mod-scroller { background: transparent url(../../images/sprites/blogs-sprite.png) no-repeat -20px -129px; font-size: 0; height: 26px; margin-top: -11px; position: absolute; overflow: hidden; text-indent: 105%; white-space: nowrap; top: 50%; width: 14px } .blogs-mod-scroller-left { left: 10px } .blogs-mod-scroller-left:hover,.blogs-mod-scroller-left:active { background-position: -36px -129px } .blogs-mod-scroller-left.disabled,.blogs-mod-scroller-left.disabled:hover,.blogs-mod-scroller-left.disabled:active { background-position: -3px -129px } .blogs-mod-scroller-right { background-position: -20px -156px; right: 10px } .blogs-mod-scroller-right:hover,.blogs-mod-scroller-right:active { background-position: -36px -156px; right: 10px } .blogs-mod-scroller-right.disabled,.blogs-mod-scroller-right.disabled:hover,.blogs-mod-scroller-right.disabled:active { background-position: -3px -156px; right: 10px } .blog-item-table { display: table; height: 100px } .blogs-mod-index,.blogs-mod-headline,.blogs-mod-meta { display: table-row } .blogs-mod-headline-link { display: table-cell } .social-media { overflow: hidden } .social-media a.social { background-image: url(../../images/sprites/social-media.png); background-repeat: none; display: block; float: left; height: 30px; margin: 0 4px; text-indent: -50000px; width: 30px } .social-media-facebook { background-position: 0 -4px } .social-media-facebook:hover { background-position: -30px -4px } .social-media.sm-flat-icons .social-media-facebook,.social-media.sm-flat-icons .social-media-facebook:hover { background-position: -60px -4px } .social-media-twitter { background-position: 0 -35px } .social-media-twitter:hover { background-position: -30px -35px } .social-media.sm-flat-icons .social-media-twitter,.social-media.sm-flat-icons .social-media-twitter:hover { background-position: -60px -35px } .social-media-google_plus { background-position: 0 -66px } .social-media-google_plus:hover { background-position: -30px -66px } .social-media.sm-flat-icons .social-media-google_plus,.social-media.sm-flat-icons .social-media-google_plus:hover { background-position: -60px -66px } .social-media-instagram { background-position: 0 -97px } .social-media-instagram:hover { background-position: -30px -97px } .social-media.sm-flat-icons .social-media-instagram,.social-media.sm-flat-icons .social-media-instagram:hover { background-position: -60px -97px } .social-media-linkedin { background-position: 0 -128px } .social-media-linkedin:hover { background-position: -30px -128px } .social-media.sm-flat-icons .social-media-linkedin,.social-media.sm-flat-icons .social-media-linkedin:hover { background-position: -60px -128px } .social-media-pinterest { background-position: 0 -159px } .social-media-pinterest:hover { background-position: -30px -159px } .social-media.sm-flat-icons .social-media-pinterest,.social-media.sm-flat-icons .social-media-pinterest:hover { background-position: -60px -159px } .social-media-four_square { background-position: 0 -190px } .social-media-four_square:hover { background-position: -30px -190px } .social-media.sm-flat-icons .social-media-four_square,.social-media.sm-flat-icons .social-media-four_square:hover { background-position: -60px -190px } .social-media.sm-flat-icons h5.headlines-header-title { font-size: 13px } .newsletter-signup-primary { padding: 20px } .newsletter-signup-title { color: #000; font-family: 'Futura Today Bold',arial,sans-serif; font-size: 15px; font-weight: 400; margin: 0 5px 20px 0; text-transform: uppercase } .newsletter-signup-tagline { margin: 5px 0 } .newsletter-signup-form .newsletters { list-style: none } .newsletter-signup-form .newsletters .newsletter-signup-list-label { font-weight: 700 } .newsletter-signup-form .newsletters .newsletter-description { margin-left: 18px; font-size: .9em } .newsletter-signup-form .newsletters .newsletter-signup-checkbox { margin-right: 5px } .newsletter-signup-inputs,.newsletter-signup-email,.newsletter-signup-email-confirm,.newsletter-signup-submit { float: left } .newsletter-signup-email-confirm,.newsletter-signup-submit { margin-left: 8px } .newsletter-signup-inputs,.newsletter-signup-submit { margin-top: 20px } .newsletter-signup-inputs .newsletter-signup-welcome-msg { margin-top: -9px } .newsletter-signup-msg { clear: both; display: none; font-size: 13px; font-weight: 700; height: 32px; vertical-align: middle; padding-top: 8px } .newsletter-signup-msg.success::before { content: "✓"; background: url(../../images/modules/newsletter-signup/checkmark.png) no-repeat center; display: table-cell; position: relative; margin-right: 10px; width: 24px; height: 24px; background-size: 22px; font-weight: 700; font-size: 13px; line-height: 24px; color: rgba(0,0,0,0); float: left } .newsletter-signup-msg .message-text { vertical-align: middle; margin-top: 4px; float: left } .newsletter-signup-msg.success .message-text { color: #33acff } .newsletter-signup-msg.fail .message-text { color: red } .newsletter-signup-msg.updating { background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat left; padding-left: 35px; color: #333 } .newsletter-signup-container .more-newsletters { font-size: 14px; font-weight: 700; display: block; margin: 25px 0 0 20px; float: left } .social-share-modal { display: none } .social-share-modal-window { background: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.5); left: 50%; margin-left: -300px; padding: 20px 25px; position: fixed; top: 215px; width: 600px; z-index: 125 } .social-share-modal-form-facebook-summary-title { font-weight: 700 } .social-share-modal-icons { padding-top: 10px; margin-left: -17px } .social-share-modal-header h3 { margin: 0 } .social-share-modal-header p { font-size: 12px } .social-share-modal-close-btn { background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat; height: 50px; position: absolute; right: -25px; overflow: hidden; text-indent: 105%; top: -12px; white-space: nowrap; width: 50px; cursor: pointer } .social-share-modal-btn { color: #000; cursor: pointer; display: inline-block; position: relative; width: 30px; height: 30px; margin-left: 10px; -webkit-transition: background-color .1s,color .1s,box-shadow .1s; -moz-transition: background-color .1s,color .1s,box-shadow .1s; -ms-transition: background-color .1s,color .1s,box-shadow .1s; -o-transition: background-color .1s,color .1s,box-shadow .1s; transition: background-color .1s,color .1s,box-shadow .1s } .social-share-modal-btn:hover,.social-share-modal-btn.active { background: #e8e8e8 } .social-share-modal-btn:before { background-image: url(../../images/components/utility-contribute-new-sprite.png); content: ''; display: block; margin: 6px auto; position: relative } .social-share-modal-btn-facebook:before { background-position: -281px -126px; margin-left: 10px; height: 17px; width: 25px } .social-share-modal-btn-twitter:before { background-position: -10px -63px; margin-left: 6px; height: 17px; width: 25px } .social-share-modal-btn-google:before { background-position: -35px -31px; height: 17px; width: 25px } .social-share-modal-btn-linkedin:before { background-position: -66px -29px; margin-left: 5px; height: 17px; width: 25px } .social-share-modal-btn-email:before { background-position: -249.5px -121px; margin-left: 5px; height: 17px; width: 25px } .social-share-modal-btn-submit-facebook { background: #637bad; background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7)); background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%); background: -o-linear-gradient(top,#637bad 0,#5972a7 100%); background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%); background: linear-gradient(to bottom,#637bad 0,#5972a7 100%); border: 1px solid #29447e; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); color: #fff; cursor: pointer; display: inline-block; float: left; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: 700; line-height: 13px; margin: 4px 4px 4px 0; padding: 4px 12px 5px } .social-share-modal-form-facebook { display: block } .social-share-modal-form-facebook-overview { padding-bottom: 20px } .social-share-modal-form-facebook-overview-image { box-shadow: 0 1px 2px 0 rgba(0,0,0,.45); float: left; height: 75px; margin-right: 12px; width: 100px } .social-share-modal-form-facebook-summary { margin-left: 10px } .social-share-modal-form-facebook-summary-description { font-size: 12px } .social-share-modal-loading-facebook-wrap { float: right } .social-share-modal-loading-facebook { display: none; float: left; margin-top: 11px; padding-right: 10px } .social-share-modal-form-twitter { display: none } .social-share-modal-form-google { display: none } .social-share-modal-form-linkedin { display: none } .social-share-modal-form-submit-success { display: none; margin: 0 auto; width: 200px } .social-share-modal-form-submit-success-title { font-size: 20px; text-align: center } .social-share-modal-form-submit-success-title:before { background: url(../../images/components/utility-contribute-sprite.png) 0 0 no-repeat; content: ''; display: block; height: 71px; margin: 0 auto; width: 71px } .social-share-modal-form-submit-success-text { font-size: 14px; text-align: center } .social-share-modal-form-submit-fail { display: none; margin: 0 auto; width: 200px } .social-share-modal-form-submit-fail-title { font-size: 20px; text-align: center } .social-share-modal-form-submit-fail-title:before { background: url(../../images/components/utility-contribute-sprite.png) -71px 0 no-repeat; content: ''; display: block; height: 71px; margin: 0 auto; width: 71px } .social-share-modal-form-submit-fail-text { font-size: 14px; text-align: center; white-space: nowrap } .social-share-modal-form-submit-fail-try-again-link { cursor: pointer } .big-headline { margin: 0 auto; position: relative; text-align: center; top: -60px; width: 760px; z-index: 0 } .big-headline-large-text { clear: both; font-family: 'Futura Today Demi-Bold',Helvetica,Arial,sans-serif; font-size: 36px; line-height: 38px; margin: 30px 0 10px; text-shadow: 2px 2px #fff; width: auto } @media only screen and (min-width: 1150px) { .big-headline { width:970px } .big-headline-large-text { font-size: 38px; line-height: 36px } } @media only screen and (min-width: 1250px) { .big-headline { width:1070px } .big-headline-large-text { font-size: 42px; line-height: 40px } } .big-headline-content-wrapper { display: inline-block; margin: 0 auto; text-align: left } a.big-headline-primary-href { color: #333 } .big-headline-chatter { clear: both; font-size: 13px; display: table-row } .big-headline-chatter-width-reference { display: table-cell } .big-headline-kicker { display: table-cell; font-weight: 700; padding-left: 10px; text-shadow: 1px 1px #fff; vertical-align: top; white-space: nowrap } .big-headline-kicker:hover { color: #0af } .big-headline-spikes { clear: both; font-size: 13px; font-weight: 700; list-style: none; margin: 0; padding: 0; z-index: 20 } .big-headline-spike { border-left: 1px solid #d9d9d9; display: inline-block; padding: 0 10px } a.big-headline-spike-href { color: #333; white-space: nowrap } .big-headline-spike-href:hover { color: #0af } .big-headline-first-spike { border: 0; padding-left: 0 } .big-headline-kicker.ui-sprite-before:before { background-position: -380px -60px; left: 3px; top: -1px } .big-headline-kicker.ui-sprite-before:hover:before { background-position: -380px -21px } .big-headline-spike-href.ui-sprite-before:before { top: -1px } .big-headline-spike-icon-topic:before { background-position: -484px -40px; width: 16px } .big-headline-spike-icon-topic:hover:before { background-position: -484px -20px } .big-headline-spike-icon-text:before { background-position: -380px -60px; margin-right: 4px; width: 18px } .big-headline-spike-icon-text:hover:before { background-position: -380px -21px } .big-headline-spike-icon-gallery:before { background-position: -822px -1px } .big-headline-spike-icon-gallery:hover:before { background-position: -822px -21px } .big-headline-spike-icon-video:before { background-position: -581px -60px } .big-headline-spike-icon-video:hover:before { background-position: -581px -20px } .big-headline-spike-icon-interactive:before { background-position: -980px 1px } .big-headline-spike-icon-interactive:hover:before { background-position: -980px -23px } .big-headline-spike-icon-external:before { background-position: -743px -40px } .big-headline-spike-icon-external:hover:before { background-position: -743px -20px } .share-email-form-container { clear: both; display: none } .share-email-form-input { margin: 4px 15px 0; width: 290px } .share-email-form-input.error { border: 1px solid red; outline: 0 } .share-email-form-input:focus,.share-email-form-textarea:focus { color: #000 } .share-email-form-textarea { height: 200px; margin: 4px 15px 5px; width: 290px } .share-email-form-input-accept-terms { display: none } .share-email-form-cta { margin: 0 15px } .email-form-buttons { margin: 70px 15px 0 } .ui-chunky-btn.share-email-form-cancel-btn { margin-right: 15px; padding-left: 51px; width: 115px } .ui-chunky-btn.share-email-form-send-btn { padding-left: 53px; width: 105px } .share-email-success-pane { display: none; padding: 30px 50px; text-align: center } .share-email-success-pane-title { font-size: 20px; margin: 0 } .share-email-success-pane-title:before { background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 0; content: ''; display: block; height: 71px; margin: 0 auto; width: 71px } .share-email-success-pane-description { color: #666; font-size: 14px } .recaptcha_image { border-radius: 3px; box-sizing: border-box; height: 57px; left: 15px; overflow: hidden; position: relative; width: 290px!important } .recaptcha_is_showing_audio>.recaptcha_image { width: auto!important } .recaptcha_isnot_showing_audio>.recaptcha_image { background: #fff; border-top: 2px solid rgba(0,0,0,.2) } .recaptcha_only_if_incorrect_sol,.recaptcha_image br { display: none } .recaptcha_is_showing_audio>.recaptcha_only_if_audio { display: block } .recaptcha_audio_cant_hear_link { background: #fff; background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1))); background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%); box-shadow: 0 1px 2px rgba(0,0,0,.1); color: #999; border: 1px solid #d4d4d4; border-radius: 3px; font-family: 'Futura Today Bold',helvetica,sans-serif; font-size: 10px; cursor: pointer; display: inline-block; height: 30px; line-height: 31px; margin: 12px 9px 0 0; padding: 0 10px; position: relative; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.1) } .recaptcha_audio_cant_hear_link:hover,.recaptcha_audio_cant_hear_link:visited,.recaptcha_audio_cant_hear_link:active { background: #fff } .recaptcha_option { color: #999; cursor: pointer; float: left; font-size: 10px; margin: 5px 0 13px 12px; text-transform: uppercase } .recaptcha_option:hover { color: #666 } .recaptcha_option_sprite { background: transparent url(../../images/components/recaptcha-sprites.png) no-repeat 0 0; display: inline-block; height: 20px; position: relative; top: 9px; width: 30px } .recaptcha_new { margin-left: 5px; width: 16px } .recaptcha_option:hover .recaptcha_new { background-position: 0 -30px } .recaptcha_audio { background-position: -40px 0; width: 30px } .recaptcha_option:hover .recaptcha_audio { background-position: -40px -30px } .recaptcha_help { background-position: -80px 0; width: 28px } .recaptcha_option:hover .recaptcha_help { background-position: -80px -30px } .national-news-desk-header { padding: 15px 20px 0 } .national-news-desk-header-logo { background: transparent url(../../images/modules/national-news-desk/USATN-module-logo@2x.png) no-repeat top left; background-size: auto 20px; display: inline-block; height: 21px; width: 250px } .national-news-desk-more-link { float: right; font-size: 11px; font-weight: 700; line-height: 17px; margin-bottom: 5px; padding-right: 10px; text-decoration: none } .generic-static-module-asset-item { float: left; font-family: Arial,sans-serif; height: 90px; margin: 8px 0 7px 20px; position: relative; width: 333px } .generic-static-module-asset-item.skip-publication { height: 80px } .generic-static-module-asset-img { float: left; height: 80px; left: 0; margin-right: 20px; position: relative; top: 0; width: 80px } .generic-static-module-subhead { font-size: 11px; font-weight: 700; line-height: 17px; margin-top: 5px } .generic-static-module-ssts { border-right: 1px solid #999; color: #3399fe; float: left; margin-right: 10px; padding-right: 10px; text-decoration: none } .generic-static-module-ssts.noborder { border-right: 0 } .generic-static-module-headline,.generic-static-module-headline:visited { color: #000; font-weight: 700; text-decoration: none } .generic-static-module-headline:hover { color: #1a95d2 } .generic-static-module-timestamp { color: #999; font-weight: 400 } .generic-static-module-sponsor-logo { float: right; width: 170px } .generic-static-module-presented { float: left; font-size: 10px; line-height: 25px; padding-right: 8px } .generic-static-module-asset-item .play-btn-m { position: absolute; left: 28px; top: 28px } .generic-front-header-module { border: 0 } .gfh-wrapper { width: 720px } .gfh-image { margin-bottom: 10px } .gfh-headline { font: 700 22px "Futura Today",Arial,sans-serif; margin: 0; padding: 12px 20px 5px } .gfh-text { font: 700 12px "Futura Today Light",Arial,sans-serif; padding: 0 20px 12px } .story-asset.oembed-asset { margin: 0 0 15px 60px; text-align: center } .oembed { display: inline-block } .oembed-asset>.oembed>iframe { max-width: 100% } .oembed-asset>.oembed-type-photo>img { max-width: 100% } .story-asset.oembed-asset blockquote { border-left: 0; color: #797979; font: 400 14px/22px arial,sans-serif; margin: 0; overflow: auto; padding-left: 0 } .story-asset.oembed-asset p { margin: 0 } .oembed-type-link { display: block } .oembed-twitter { width: 500px } .oembed-storify { display: block } .hp5um-ssts-label-top-left { left: 10px; position: absolute; top: 10px; z-index: 2 } .hp5um-image { display: block; height: 100%; width: 100% } .hp5um-image-link { height: 100%; width: 100% } .hp5um-image-link:before { background-color: rgba(0,0,0,.15); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .hp5um-primary-wrap:hover .hp5um-image-link:before,.hp5um-item:hover .hp5um-image-link:before { background-color: transparent } .hp5um-image-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 60%; left: 0; position: absolute; width: 100%; z-index: 2 } .hp5um-ranking { color: #fff; font: 700 20px Helvetica,Arial,sans-serif; left: 10px; position: absolute; text-shadow: -1px 0 4px rgba(0,0,0,.65); top: 10px; z-index: 3 } .hp5um-ranking-primary { font-size: 40px; left: 20px; top: 20px } .hp5um-primary-wrap { height: 405px; margin: 0 0 1px; position: relative; width: 720px } .hp5um-primary-image-link:after { height: 50% } .hp5um-primary-hed-link { display: block } .hp5um-primary-text-wrap { box-sizing: border-box; bottom: 0; left: 0; padding: 0 20px 18px; position: absolute; width: 100% } .hp5um-primary-hed { color: #fff; display: block; font: 40px 'Futura Today DemiBold',Arial,sans-serif; letter-spacing: -1px; line-height: 44px; margin: 0 0 5px; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,.4); z-index: 2 } .hp5um-video-hed-link,.hp5um-gallery-hed-link { margin-left: 48px; text-indent: -48px } .hp5um-primary-video-hed:before,.hp5um-primary-gallery-hed:before { font-family: 'Gannett Icons'; font-size: 34px; margin-right: 8px; position: relative; top: 1px; vertical-align: top } .hp5um-primary-video-hed:before { content: 'v' } .hp5um-primary-gallery-hed:before { content: 'g' } .hp5um-list { box-sizing: border-box; display: block; list-style: none; position: relative; width: 720px } .hp5um-item { cursor: pointer; display: block; float: left; height: 134px; margin: 0 0 0 1px; padding: 0; position: relative; width: 179px } .hp5um-item:first-child { margin-left: 0; width: 180px } .hp5um-list-link { box-sizing: border-box; display: block; font-weight: 700; overflow: hidden; padding: 0; transition: color,background-color 75ms,75ms } .hp5um-list-hed { display: block; font-size: 13px; height: 14px; line-height: 14px; overflow: hidden; padding: 4px 0; white-space: nowrap } .hp5um-item-hed-wrap { bottom: 0; box-sizing: border-box; color: #fff; display: block; height: auto; left: 0; padding: 10px 10px 7px; position: absolute; text-shadow: 0 1px 1px #000; width: 100%; z-index: 5 } .hp5um-item-hed { display: table-cell; font-size: 14px; line-height: 18px; vertical-align: middle; white-space: normal } .hp5um-item-video-hed-icon,.hp5um-item-gallery-hed-icon { display: table-cell; font-family: 'Gannett Icons'; font-size: 27px; padding-right: 7px; position: relative; top: 0; font-weight: 400; vertical-align: middle } .hp5um-item-gallery-hed-icon { font-size: 27px; padding-right: 9px; top: 0 } .hp5um-item-video-hed-icon:before { content: 'v' } .hp5um-item-gallery-hed-icon:before { content: 'g' } .hpm-wrapper { background: #f8f8f8; padding: 24px } .horo-icons-wrapper { width: 100% } .horo-icon { float: left; font: 400 12px Helvetica,Arial,sans-serif; margin-bottom: 35px; text-align: center; text-transform: uppercase; width: 111px } .horo-icon a.horo-icon-link,.horo-icon a.horo-icon-link:visited { color: #333; display: block; -webkit-transition: color .15s; -moz-transition: color 15s; transition: color .15s } .horo-icon a.horo-icon-link:hover { color: #009bff } .horo-icon-img { background: url(../../images/sprites/horoscope-icons.png); height: 75px; margin: 0 auto 10px; opacity: .4; overflow: hidden; -webkit-transition: opacity .15s; -moz-transition: opacity 15s; transition: opacity .15s; width: 75px } .horo-icon-link:hover .horo-icon-img { opacity: 1 } .horo-icon-img-aries { background-position: 0 -75px } .horo-icon-img-taurus { background-position: -75px -75px } .horo-icon-img-gemini { background-position: -150px -75px } .horo-icon-img-cancer { background-position: -225px -75px } .horo-icon-img-leo { background-position: -300px -75px } .horo-icon-img-virgo { background-position: -375px -75px } .horo-icon-img-libra { background-position: -450px -75px } .horo-icon-img-scorpio { background-position: -525px -75px } .horo-icon-img-sagittarius { background-position: -600px -75px } .horo-icon-img-capricorn { background-position: -675px -75px } .horo-icon-img-aquarius { background-position: -750px -75px } .horo-icon-img-pisces { background-position: 75px -75px } .horo-error { clear: both; color: red; font-size: 12px; height: 15px; margin-left: 20px } .horo-date-text { color: #999; float: left; font: 400 12px Arial,Helvetica,sans-serif; line-height: 22px; margin: 15px 0 0 20px } .horo-date-text-bold { color: #333; font: 700 12px Helvetica,Arial,sans-serif; text-transform: uppercase } .horo-date { float: right; margin: 15px 20px 0 0 } .horo-dropdown { float: left; margin-right: 15px; width: 125px } .horo-branding { clear: both; color: #999; font: 400 11px Helvetica,Arial,sans-serif; padding-top: 25px; text-align: right } .horo-submit-btn { float: left } .asset .priority-asset-gallery { background: #f7f7f7; border: 2px solid #e6e6e6; border-left: 0; border-radius: 0; border-right: 0; box-sizing: border-box; height: auto; margin: 10px 0 20px 70px; overflow: hidden; position: relative; width: 880px } .asset .pag-viewport { height: 405px; margin-bottom: 62px } .pag-photo-info { display: none } .pag-viewport-thumb-wrapper { border-right: 2px solid #e6e6e6; box-sizing: border-box; float: left; overflow: hidden; position: relative; width: 540px } .pag-arrow { top: -320px } .pag-thumbs { bottom: 8px; height: 110px } .pag-photo-border { box-shadow: none; margin-top: 10px; padding: 0 } .pag-thumb-item { display: table-cell; height: 60px; position: relative; width: 100px } .pag-thumb-link { border: 0; display: inline-block; margin: 10px; outline: 0 } .pag-thumb-image { box-shadow: 0 0 3px #646464; height: 45px; max-width: none; width: 80px } .pag-thumb-item.active .pag-thumb-image { box-shadow: 0 0 3px #4899ff } .pag-companion-wrapper { box-sizing: border-box; color: #333; float: left; margin: 0 10px 10px; padding: 10px; width: 320px } .pag-photo-title { font-family: 'Futura Today Light',Arial,sans-serif; font-weight: 400; line-height: 23px; margin: 0 0 30px; padding: 0; text-transform: uppercase } .pag-photo-caption { box-sizing: border-box; font-size: 14px; height: 155px; margin-bottom: 20px; overflow-y: auto; width: 310px } .pag-photo-credit { color: #696969; display: block; font-style: normal } .pag-ad { box-sizing: border-box; height: 250px; width: 300px; display: block; background: #fff } .gallery { overflow: hidden; position: relative; z-index: 0 } .gallery-viewport { position: relative; display: table; -webkit-transition-duration: 0 } .gallery-slides { margin: 0; position: relative; -webkit-transition-duration: 0 } .gallery-slide { display: table-cell; overflow: hidden } .gallery-nav { cursor: pointer; overflow: hidden; position: absolute; text-indent: -99999px; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; display: none; z-index: 100 } .gallery-nav.gallery-nav-active { display: block } .gallery-nav.gallery-nav-next { right: 0; left: auto } .gallery-nav.gallery-nav-prev { left: 0; right: auto } .gallery-title { display: block } .gallery-description { position: relative } .video-gallery-slides { position: absolute; top: 0; left: 0; display: table } .video-gallery-slide.gallery-slide { display: table-cell } .partner-placement.slide>.gallery-photo-border { margin-bottom: 8px } .partner-placement.slide>.gallery-photo-border.size-s { height: 450px; width: 600px } .partner-placement.slide>.gallery-photo-border.size-m { height: 576px; width: 768px } .partner-placement.slide>.gallery-photo-border.size-l { height: 700px; width: 936px } .partner-placement.slide>.gallery-photo-border.size-xl { height: 810px; width: 1080px } .inline-story-video-gallery { margin: 0 0 30px 50px; height: 410px; width: 520px; padding: 10px } .inline-story-video-gallery .video-gallery-viewport { box-shadow: 0 2px 11px 2px rgba(0,0,0,.3); font-family: Arial,sans-serif; height: 388px; overflow: hidden; padding-top: 10px; position: relative; width: 520px } .inline-story-video-gallery .video-gallery-slide { height: 388px; padding: 10px; width: 500px } .inline-story-video-gallery .video-gallery-description { font-size: 11px; height: 90px; padding-top: 10px; width: 500px } .inline-story-video-gallery .video-gallery-description p { color: #999; font-size: 11px; line-height: 16px; margin: 0 } .inline-story-video-gallery .video-gallery-title { color: #333; font-size: 14px; font-weight: 700; margin-bottom: 2px } .inline-story-video-gallery .gallery-counter { right: 0; top: 10px } .inline-story-video-gallery .story-video.ui-video { height: 282px; margin: 0; width: 500px } .inline-story-video-gallery .gallery-nav { background: url(../../images/sprites/carousel-arrows.png) no-repeat; height: 42px; margin-bottom: -58px; width: 22px; position: absolute; top: 130px } .inline-story-video-gallery .gallery-nav-next { background-position: -23px 0 } .inline-story-video-gallery .gallery-nav-prev { background-position: 0 0 } .inline-story-video-gallery .gallery-video .ui-video-play-btn { background: url(../../images/buttons/button-video-play-small.png) no-repeat; height: 45px; width: 45px; bottom: 10px; right: 10px; position: absolute } .section-highlights-primary-module { overflow: hidden; padding-bottom: 20px } .shpm-row { float: left } .shpm-section { border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0 0 5px; padding: 0 15px; position: relative; width: 360px } .shpm-section-even { padding-right: 14px; width: 359px } .shpm-section-header { line-height: 18px; margin: 18px 0 1px } .shpm-section-header-link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: 400 13px/18px 'Futura Today Bold',arial,sans-serif; text-transform: uppercase; width: 100%; color: #fff; display: inline-block; padding: 3px 0 3px 7px; text-shadow: 0 1px 1px rgba(0,0,0,.15) } .shpm-section-header-link:hover,.shpm-section-header-link:visited { color: #fff } .shpm-primary-link { box-shadow: 0 2px 1px rgba(0,0,0,.2); display: block; float: left; height: 186px; position: relative; width: 100% } .shpm-primary-link:before { background: rgba(0,0,0,.15); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-color .15s ease-out; -moz-transition: background-color .15s ease-out; -o-transition: background-color .15s ease-out; transition: background-color .15s ease-out; width: 100%; z-index: 2 } .shpm-primary-link:hover:before { background-color: rgba(0,0,0,0) } .shpm-primary-gradient { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; width: 100%; z-index: 2 } .shpm-primary-hed-wrap { color: #fff; bottom: 0; left: 0; margin: 10px 10px 11px; position: absolute; text-shadow: 0 1px 1px #000; z-index: 10 } .shpm-primary-video-hed-icon,.shpm-primary-gallery-hed-icon { display: table-cell; font-family: 'Gannett Icons'; vertical-align: top; padding: 0 8px 0 0; font-size: 26px; line-height: 27px; color: #fff } .shpm-primary-video-hed-icon:before { content: 'v' } .shpm-primary-gallery-hed-icon:before { content: 'g' } .shpm-primary-hed { color: #fff; display: table-cell; font: 300 18px/22px Arial,sans-serif; vertical-align: middle } .shpm-primary-image { height: 100%; position: absolute; width: 100% } .shpm-secondary-link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin: 15px 0 0; min-height: 80px; width: 100% } .shpm-secondary-image { float: left; height: 68px; margin: 0 15px 0 0; width: 90px } .shpm-secondary-hed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 15px; font-weight: 400; line-height: 18px; margin: -4px 0 0; padding: 0 0 4px; transition: color .15s; width: 100% } .shpm-secondary-meta { color: #999; font-size: 11px; font-weight: 400; margin: 0 } .shpm-secondary-link:hover .shpm-secondary-hed { color: #009bff } .shpm-tertiary-link { border-top: solid 1px #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; clear: both; display: block; font-size: 13px; line-height: 18px; margin: 0; padding: 7px 0 5px; transition: color .15s; width: 100% } .shpm-tertiary-link:hover { color: #009bff } .shpm-secondary-block-links { border-collapse: collapse; display: table; float: left; font: 400 14px 'Futura Today Bold',arial,sans-serif; margin: 15px 0; table-layout: fixed; text-transform: uppercase; width: 100% } a.shpm-secondary-block-link { background-color: #ececec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 10px solid #fff; display: table-cell; height: 65px; padding: 10px; text-align: center; transition: background-color,color .15s,.15s; vertical-align: middle } a.shpm-secondary-block-link:last-child { border: 0 } a.shpm-secondary-block-link:hover { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4) } .shpm-secondary-block-link-secondary-text { display: block; font-family: "Futura Today Light",arial,sans-serif } .wide-story-navigation { position: fixed; right: 5px; width: 60px; z-index: 10001 } .wide-story-navigation:hover,.wide-story-navigation:hover .wide-story-navigation-icon { background-position: 0 -152px; cursor: pointer } .wide-story-navigation-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: 0 -114px; height: 38px; margin: 0 auto; width: 38px } .wide-story-navigation.active .wide-story-navigation-icon,.wide-story-navigation.active:hover .wide-story-navigation-icon { background-position: 0 -76px } .wide-story-navigation.open .wide-story-navigation-text,.wide-story-navigation.active .wide-story-navigation-text { color: #fff } .wide-story-navigation.open .wide-story-navigation-icon { background-position: 0 0 } .wide-story-navigation.open:hover .wide-story-navigation-icon { background-position: 0 -38px } .wide-story-navigation-text { color: #333; font: 700 8px 'futura today',Arial,sans-serif; margin-top: 10px; text-align: center; text-transform: uppercase } .wide-story-navigation-flyout { background-color: #000; box-shadow: -2px 0 2px rgba(0,0,0,.2); height: 100%; overflow: hidden; position: fixed; right: -300px; top: 0; width: 290px; z-index: 10000 } .wide-story-navigation-flyout-close { background-image: url(../../images/sprites/stories-wide-sprite.png); background-position: -304px -38px; bottom: 30px; height: 38px; left: 120px; margin: 0 auto; position: absolute; width: 38px } .wide-story-navigation-flyout-close:hover { background-position: -304px -76px; cursor: pointer } .wide-story-navigation-chapter-wrapper { border-bottom: 1px #292929 solid; overflow: hidden; position: absolute; top: 0 } .wide-story-navigation-chapter { color: #fff; overflow: hidden; position: relative; text-align: right; width: 280px } .wide-story-navigation-chapter-external-link,.wide-story-navigation-chapter-external-link:visited { color: #fff } .wide-story-navigation-chapter:hover { background-color: #666; cursor: pointer } .wide-story-navigation-chapter:hover .wide-story-navigation-chapter-bg { display: block } .wide-story-navigation-chapter-title { font: 400 24px/1.2 'futura today',Arial,sans-serif; margin: 0 40px; padding-top: 20px; position: relative; z-index: 10015 } .wide-story-navigation-chapter-subtitle { font: 12px/1.6 'futura today',Arial,sans-serif; margin: 10px 40px 0; padding-bottom: 20px; position: relative; text-transform: uppercase; z-index: 10015 } .wide-story-navigation-chapter-up,.wide-story-navigation-chapter-down { height: 38px; width: 280px } .wide-story-navigation-chapter-up { opacity: .5 } .wide-story-navigation-chapter-up:hover,.wide-story-navigation-chapter-down:hover { cursor: pointer } .wide-story-navigation-chapter-up-icon,.wide-story-navigation-chapter-down-icon { background-image: url(../../images/sprites/stories-wide-sprite.png); height: 38px; margin: 0 auto; width: 38px } .wide-story-navigation-chapter-up-icon { background-position: -342px -38px } .wide-story-navigation-chapter-down-icon { background-position: -342px 0 } .wide-story-navigation-chapter-item-wrap { overflow-x: hidden; overflow-y: hidden; position: relative } .wide-story-navigation-chapter-grad-top,.wide-story-navigation-chapter-grad-bot { height: 130px; left: 0; position: absolute; width: 280px; z-index: 10016 } .wide-story-navigation-chapter-grad-top { background: url(../../images/bg-gradient-black-trans.png) top left repeat-x; display: none; pointer-events: none; top: 0 } .wide-story-navigation-chapter-grad-bot { background: url(../../images/bg-gradient-trans-black.png) bottom left repeat-x; bottom: 0; pointer-events: none } .wide-story-navigation-chapter-overflow-wrap { position: absolute } .wide-story-navigation-chapter-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2) } .site-footer { background: #f6f6f6; padding: 20px 0 0 } #overlay .site-footer { background: 0 } .footer { min-height: 44px; margin: 0 auto; position: relative; width: 840px } .lt-ie9 .footer { background: #efefef } .site-footer-fixed-width { margin: 0 auto; width: 960px } .utility { width: 840px; margin: 0 auto; padding: 0; text-align: center } .utility>.util-li { clear: none; display: inline-block; list-style: none; margin-right: 11px } .utility>.util-li.first { margin-left: 0 } .utility>.util-li.last { margin-right: 0 } .utility>.util-li>a { width: 95px; display: block; font: 400 12px arial,sans-serif; color: #464646; padding: 96px 0 0; text-align: center; transition: color .15s; position: relative } .utility>.util-li .big-icon { position: absolute; height: 86px; top: 0; left: 6px; bottom: 0; right: 0; width: 84px; background: url(../../images/components/utility-btns.png) no-repeat } .utility>.util-li>a:hover { color: #000 } .utility>.util-li .subscribe>.big-icon { margin-left: 0; background-position: 8px -3px } .utility>.util-li .subscribe:hover>.big-icon { background-position: 8px -115px } .utility>.util-li .usatshop>.big-icon { background-position: -78px -3px } .utility>.util-li .usatshop:hover>.big-icon { background-position: -78px -115px } .utility>.util-li .apps>.big-icon { background-position: -157px -3px } .utility>.util-li .apps:hover>.big-icon { background-position: -157px -115px } .utility>.util-li .rss>.big-icon { background-position: -230px -3px } .utility>.util-li .rss:hover>.big-icon { background-position: -230px -115px } .utility>.util-li .youreport>.big-icon { background-position: -308px -3px } .utility>.util-li .youreport:hover>.big-icon { background-position: -308px -115px } .utility>.util-li .mobile>.big-icon { background-position: -383px -3px } .utility>.util-li .mobile:hover>.big-icon { background-position: -383px -115px } .utility>.util-li .contactus>.big-icon { background-position: -481px -3px } .utility>.util-li .contactus:hover>.big-icon { background-position: -481px -115px } .utility>.util-li .feedback>.big-icon { background-position: -570px -3px } .utility>.util-li .feedback:hover>.big-icon { background-position: -570px -115px } .utility>.util-li .feedback-generic>.big-icon { background-position: -357px -224px } .utility>.util-li .feedback-generic:hover>.big-icon { background-position: -357px -336px } .utility>.util-li .aboutus>.big-icon { margin-left: 0; background-position: 3px -225px } .utility>.util-li .aboutus:hover>.big-icon { background-position: 3px -337px } .utility>.util-li .help>.big-icon { margin-left: 0; background-position: -93px -224px } .utility>.util-li .help:hover>.big-icon { background-position: -93px -336px } .utility>.util-li .connectwithus>.big-icon { margin-left: 0; background-position: -180px -224px } .utility>.util-li .connectwithus:hover>.big-icon { background-position: -180px -336px } .utility>.util-li .newsletters>.big-icon { background-position: -481px -330px } .utility>.util-li .newsletters:hover>.big-icon { background-position: -481px -219px } @media only screen and (min-width: 1150px) { .site-footer-var-width { width:1080px } } @media only screen and (min-width: 1250px) { .site-footer-var-width { width:1180px } } .third-party .site-footer-var-width { width: 840px } .footer>nav { clear: both; padding-bottom: 20px } .footer .footer-edge { background: url(../../images/footer-edge.png) repeat-x; height: 7px; position: absolute; top: -7px; width: 100% } .site-footer-legal-links { color: #999; float: left; font-size: 12px; margin: 50px 0; padding: 0; position: relative; text-align: center; text-shadow: 0 1px 0 #100100100; line-height: 1.4; width: 100% } .site-footer-legal-link { color: #333; padding: 0 7px; transition: color .15s } .site-footer-legal-link:hover { color: #007ccf } .footer>p.copyright { color: #999; float: left; font-size: 11px; margin: 0; padding: 22px 0 0 20px; position: relative; text-shadow: 0 1px 0 #100100100; top: -7px; line-height: 1.4; width: auto } .footer>p.copyright.copyright-with-nav { padding-left: 7px } .footer>p.site-index { color: #333; cursor: pointer; display: none; float: right; font-size: 12px; font-weight: 700; margin: 14px 20px 13px 0; padding-right: 30px; position: relative; text-shadow: 0 1px 0 #100100100; line-height: 1.4; width: auto } .footer>p.site-index:hover { color: #007ccf } .footer>p.site-index .arrow { background: url(../../images/footer.png) no-repeat; height: 24px; margin: 0 0 0 3px; position: absolute; right: 0; overflow: hidden; text-indent: 105%; white-space: nowrap; top: -3px; width: 24px } .footer>p.site-index:hover>.arrow { background-position: 0 -25px } .footer>p.site-index:active>.arrow { background-position: 0 -50px } .footer>p.site-index.open>.arrow { background-position: 0 -75px } .footer>p.site-index.open:hover>.arrow { background-position: 0 -100px } .footer>p.site-index.open:active>.arrow { background-position: 0 -125px } .footer>nav>.fronts { display: table; margin-top: 60px; overflow: hidden; padding: 30px 0 40px; width: 100% } .footer>nav>.fronts>section { display: table-cell; padding-bottom: 5px; width: 179px } .footer>nav>.fronts>section:last-child { border-right: 0 } .footer>nav>.fronts>section h6 { border-top: 2px solid #009bff; font-family: 'Futura Today Light',Arial,sans-serif; margin: -30px 0 20px 0; padding: 15px 20px 0 0 } .site-footer-partner-logos { clear: both; display: table; position: relative; width: 100% } .site-footer-partner-logo { display: table-cell; padding-top: 20px; text-align: center } .site-footer-partner-logo-image { width: 85px } .footer>nav section h6 { margin: 0 0 15px 20px } .footer>nav section h6 a,.footer>nav section h6 a:visited { color: #2e2e2e; font-size: 16px; font-weight: 700; transition: color .15s } .footer>nav section h6 a:hover { color: #007ccf } .site-footer-list { margin: 0 20px 0 0 } .site-footer-list-item { margin: 0 0 10px; line-height: 1 } .footer>nav section li.footer-more-item { display: none } .footer>nav section li.footer-more-item.footer-more-trigger { display: block } .site-footer-list-link,.site-footer-list-link:visited { color: #464646; font-size: 12px; transition: color .15s } .site-footer-list-link:hover { color: #007ccf } .footer>nav>section.services,.footer>nav>section.partners { padding: 0 0 30px } .site-footer-meta { clear: left; float: left; margin: 0 0 40px; width: 40% } .site-footer-meta-text { color: #999; clear: left; float: left; font-size: 11px; margin: 20px 0 0; width: 210px } .site-footer-logo { float: left; margin: 0 60px 40px 0; position: relative; white-space: nowrap; width: 240px } .site-footer-social-icon-list { clear: left; float: left; list-style: none; margin-left: -5px; overflow: hidden; width: 210px } .site-footer-social-icon-item { float: left; clear: none; list-style: none; width: 40px } .site-footer-social-icon-link { border-radius: 4px; display: inline-block; height: 20px; position: relative; padding: 5px; transition: background-color .15s } .site-footer-social-icon-link:hover { background: #fff } .site-footer-social-icon-link:after { background-image: url(../../images/sprites/footer-sprite.png); content: ''; display: block; position: relative } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) { .site-footer-social-icon-link:after { background-image:url(../../images/sprites/footer-sprite@2x.png); background-size: 300px 200px } } .site-footer-social-icon-link-soc-fb:after { background-position: 0 0; height: 20px; width: 10px } .site-footer-social-icon-link-soc-tw:after { background-position: -16px 0; height: 20px; width: 23px } .site-footer-social-icon-link-soc-in:after { background-position: -45px 0; height: 20px; width: 20px } .site-footer-social-icon-link-soc-gp:after { background-position: -71px 0; height: 20px; width: 19px } .site-footer-social-icon-link-soc-tm:after { background-position: -95px 0; height: 20px; width: 14px } .site-footer-social-icon-link-soc-yt:after { background-position: -112px 0; height: 14px; width: 20px; top: 3px } .site-footer-social-icon-link-soc-pt:after { background-position: -135px 0; height: 20px; width: 20px } .site-footer-social-icon-link-soc-li:after { background-position: -158px 0; height: 20px; width: 22px } .site-footer-social-icon-link-soc-rss:after { background-position: -183px 0; height: 20px; width: 20px } .site-footer-section-services { float: left; width: 40% } .footer>nav>section.services h3,.footer>nav>section.partners h3,.site-footer-link-list-heading { color: #2e2e2e; margin: 10px 20px 20px 0; font-size: 16px; font-family: 'Futura Today Light',Arial,sans-serif } .site-footer-link-list-heading { margin-top: 0 } .footer>nav>section.services ul,.footer>nav>section.partners ul { float: left; width: 42%; margin: 0 10px 0 0 } .footer>nav>section.partners ul { width: 90% } .footer>nav>section.services ul:last-child { margin: 0 } .lt-ie9 .footer>nav>section.services ul { width: 42% } .site-footer-section-partners { float: left; width: 20% } .site-footer-link-lists { display: table; margin: 0 0 20px; width: 60% } .site-footer-link-list-section { display: table-cell; width: 175px } @media only screen and (min-width: 1150px) { .site-footer-meta-var-width.site-footer-meta { width:50% } .site-footer-meta-text-var-width.site-footer-meta-text,.site-footer-social-icon-list-var-width.site-footer-social-icon-list { clear: none } .site-footer-section-services-var-width.site-footer-section-services { width: 33.3% } .site-footer-section-partners-var-width.site-footer-section-partners { width: 16.6% } .site-footer-link-lists-var-width.site-footer-link-lists { width: 50% } } .third-party .footer>nav { display: block } .third-party .footer .site-index { display: none } .chart-wrapper.interactive.line-chart { width: 100% } .chart-wrapper.interactive.line-chart .xAxis,.chart-wrapper.interactive.line-chart .yAxis { text-transform: none; font-size: 12px; color: #666 } .chart-wrapper.interactive.line-chart .graph { width: 90%; height: 300px; position: relative; margin: 0 auto } .chart-wrapper.interactive.line-chart .chart-area { width: 96%; padding: 0 2% 10%; background: #fff } .chart-wrapper.interactive.line-chart .chart-content { width: 100% } .chart-wrapper.interactive.line-chart ul.row-1,.chart-wrapper.interactive.line-chart ul.row-2 { float: left; width: auto } .chart-wrapper.interactive.line-chart ul.row-1 li { width: auto; margin-right: 35px; float: left; white-space: nowrap } .line-chart .chart-area-footer { bottom: 0; color: #999; font-size: 16px; font-weight: 400; left: 0; margin: 6px 10px 10px 15px } .line-chart .chart-area-footer .source,.line-chart .chart-area-footer .credit,.line-chart .chart-area-footer .footnotes { bottom: 0; color: #999; font-size: 10px; font-weight: 400; line-height: 15px; margin: 0; padding: 0 } .cf { zoom: 1 } .cf:before,.cf:after { content: ""; display: table } .cf:after { clear: both }