/** Main style sheet. here comes everything together **/ .sprites-sprite, .sprites-arrow-left, .sprites-arrow-right-bronze, .sprites-arrow-right-gold, .sprites-arrow-right-silver, .sprites-arrow-right, .sprites-award-logo, .sprites-filter-checkbox-bronze, .sprites-filter-checkbox-gold, .sprites-filter-checkbox-silver, .sprites-filter-checkbox, .sprites-grey-overlay-pattern, .sprites-hover-background-pattern-bronze, .sprites-hover-background-pattern-gold, .sprites-hover-background-pattern-silver, .sprites-hover-background-pattern, .sprites-icon-about, .sprites-icon-awards, .sprites-icon-close, .sprites-icon-education, .sprites-icon-events, .sprites-icon-facebook, .sprites-icon-filter-disabled, .sprites-icon-filter, .sprites-icon-googleplus, .sprites-icon-home, .sprites-icon-instagram, .sprites-icon-main-nav, .sprites-icon-mobile-main-nav, .sprites-icon-mobile-social, .sprites-icon-search, .sprites-icon-twitter, .sprites-overlay-pattern-bronze, .sprites-overlay-pattern-gold, .sprites-overlay-pattern-silver, .module .module-content .buttons .text-button .arrow, .module .module-content .buttons .text-button .arrow-right, .module:hover .module-content .text-button .arrow, .module:hover .module-content .text-button .arrow-right, .module-feature-notification .module-content .buttons .text-button .arrow, .module-feature-notification .module-content .buttons .text-button .arrow-right, .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon, .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon, .module-feature-notification .module-content .buttons.social-buttons #button-go .icon, .module-feature-notification .social-buttons .facebook span, .module-feature-notification .social-buttons .twitter span, .module-feature-notification .social-buttons .google span, .module-sidebar nav a .arrow, .module-sidebar nav a .arrow-right, #filter-search button#home-button span, #main-navigation .icon-main-nav, #main-navigation #home #icon-home, #main-navigation #icon-awards, #main-navigation #icon-events, #main-navigation #icon-education, #main-navigation #icon-about, #main-navigation #icon-social, #filter-search .toggle-button .icon#icon-search, #filter-search .toggle-button .icon#icon-filter, #filter #filter-button.disabled .icon, #search.expanded button span, #search button span, #social .social-buttons a#button-facebook, #social .social-buttons a#button-twitter, #social .social-buttons a#button-googleplus, #social .social-buttons a#button-instagram, #logo, .module.win.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module.win.gold .text-button:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .text-button:hover .arrow, .module.win.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module.win.silver .text-button:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .text-button:hover .arrow, .module.win.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module.win.bronze .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .text-button:hover .arrow, #mobile-button button span, #mobile-button button.active span, #main-nav .nav-wrapper button.nav-toggle, #main-nav .nav-wrapper ul.icons .icon-home, #main-nav .nav-wrapper ul.links .icon-home, #main-nav .nav-wrapper ul.icons .icon-awards, #main-nav .nav-wrapper ul.links .icon-awards, #main-nav .nav-wrapper ul.icons .icon-events, #main-nav .nav-wrapper ul.links .icon-events, #main-nav .nav-wrapper ul.icons .icon-education, #main-nav .nav-wrapper ul.links .icon-education, #main-nav .nav-wrapper ul.icons .icon-about, #main-nav .nav-wrapper ul.links .icon-about, #main-nav .nav-wrapper ul.icons .icon-follow, #main-nav .nav-wrapper ul.links .icon-follow, #topbar .button-container div.search-button button span, #topbar .button-container div.filter-button button span, #topbar .button-container div.filter-button.disabled button span, #topbar .area .bar .close-button .icon-close, #topbar #back-link #icon-arrow-back, #topbar #back a span, .schoolform button span.arrow-right { background: url('/award/img/sprites-sca847ba5e2.png') no-repeat; } .sprites-arrow-left { background-position: 0 -778px; } .sprites-arrow-left:hover, .sprites-arrow-left.arrow-left_hover, .sprites-arrow-left.arrow-left-hover { background-position: 0 -815px; } .sprites-arrow-right-bronze { background-position: 0 -694px; } .sprites-arrow-right-gold { background-position: 0 -706px; } .sprites-arrow-right-silver { background-position: 0 -718px; } .sprites-arrow-right { background-position: 0 -791px; } .sprites-arrow-right:hover, .sprites-arrow-right.arrow-right_hover, .sprites-arrow-right.arrow-right-hover { background-position: 0 -803px; } .sprites-award-logo { background-position: 0 0; } .sprites-filter-checkbox-bronze { background-position: 0 -574px; } .sprites-filter-checkbox-gold { background-position: 0 -598px; } .sprites-filter-checkbox-silver { background-position: 0 -622px; } .sprites-filter-checkbox { background-position: 0 -670px; } .sprites-filter-checkbox:hover, .sprites-filter-checkbox.filter-checkbox_hover, .sprites-filter-checkbox.filter-checkbox-hover { background-position: 0 -646px; } .sprites-grey-overlay-pattern { background-position: 0 -844px; } .sprites-hover-background-pattern-bronze { background-position: 0 -828px; } .sprites-hover-background-pattern-gold { background-position: 0 -832px; } .sprites-hover-background-pattern-silver { background-position: 0 -836px; } .sprites-hover-background-pattern { background-position: 0 -840px; } .sprites-icon-about { background-position: 0 -255px; } .sprites-icon-awards { background-position: 0 -388px; } .sprites-icon-close { background-position: 0 -303px; } .sprites-icon-education { background-position: 0 -231px; } .sprites-icon-events { background-position: 0 -364px; } .sprites-icon-facebook { background-position: 0 -324px; } .sprites-icon-facebook:hover, .sprites-icon-facebook.icon-facebook_hover, .sprites-icon-facebook.icon-facebook-hover { background-position: 0 -344px; } .sprites-icon-filter-disabled { background-position: 0 -481px; } .sprites-icon-filter { background-position: 0 -460px; } .sprites-icon-googleplus { background-position: 0 -110px; } .sprites-icon-googleplus:hover, .sprites-icon-googleplus.icon-googleplus_hover, .sprites-icon-googleplus.icon-googleplus-hover { background-position: 0 -90px; } .sprites-icon-home { background-position: 0 -279px; } .sprites-icon-instagram { background-position: 0 -211px; } .sprites-icon-instagram:hover, .sprites-icon-instagram.icon-instagram_hover, .sprites-icon-instagram.icon-instagram-hover { background-position: 0 -171px; } .sprites-icon-main-nav { background-position: 0 -730px; } .sprites-icon-mobile-main-nav { background-position: 0 -754px; } .sprites-icon-mobile-social { background-position: 0 -526px; } .sprites-icon-search { background-position: 0 -130px; } .sprites-icon-twitter { background-position: 0 -151px; } .sprites-icon-twitter:hover, .sprites-icon-twitter.icon-twitter_hover, .sprites-icon-twitter.icon-twitter-hover { background-position: 0 -191px; } .sprites-overlay-pattern-bronze { background-position: 0 -846px; } .sprites-overlay-pattern-gold { background-position: 0 -850px; } .sprites-overlay-pattern-silver { background-position: 0 -848px; } .spritesretina-sprite { background: url('/award/img/spritesretina-saa56515160.png') no-repeat; } html, body, div, span, applet, object, iframe, h1, h2, .home .logo .annual, .winner .logo .annual, .winsi .logo .annual, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html, body { height: 100%; } .hidden { display: none; } /** For modern browsers 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that are clearfixed. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } .clearfix { clear: both; height: 1px; width: 1px; visibility: hidden; } body { font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; width: 1364px; -webkit-font-smoothing: antialiased; } h1, h2, .home .logo .annual, .winner .logo .annual, .winsi .logo .annual, h3, h4, h5, h6 { font-family: "din-condensed-web",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; color: #222222; -webkit-font-smoothing: antialiased; } h1 { font-size: 3.23em; line-height: 1.14em; margin-bottom: 40px; } h3, h4, h5, h6 { line-height: 1.1em; } h2, .home .logo .annual, .winner .logo .annual, .winsi .logo .annual { font-size: 2.46em; line-height: 1em; margin-bottom: 1em; } h2.underline, .home .logo .underline.annual, .winner .logo .underline.annual, .winsi .logo .underline.annual { border-bottom: 2px solid #dddddd; display: block; clear: both; } h2.smaller-h2, .home .logo .smaller-h2.annual, .winner .logo .smaller-h2.annual, .winsi .logo .smaller-h2.annual { font-size: 1.95em; } h3 { font-size: 1.85em; margin-bottom: 1em; } h4 { font-size: 1.38em; margin-bottom: 1em; } h5 { font-family: "din-condensed-web",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 1.1em; margin-bottom: 16px; } h6 { font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; margin-bottom: 1em; } p { color: #222222; line-height: 1.85em; margin-bottom: 1.5em; } p a { color: #222222; text-decoration: underline !important; } .introText { width: 590px; font-size: 1.54em; line-height: 1.60em; margin-bottom: 1.5em; } em { font-style: normal; } strong { font-weight: bold; } a { color: #888888; text-decoration: none; } a:hover { text-decoration: underline !important; } ul li { list-style: none; } #content { color: #222222; } #content p, #content ul, #content ol { max-width: 530px; } #content p { -webkit-font-kerning: auto; } #content ul, #content ol { line-height: 1.85em; margin-bottom: 1.5em; } #content ul li, #content ol li { margin-bottom: 0.5em; } #content ul { margin-left: 3%; } #content ul li { list-style: disc; } #content ol { margin-left: 5%; list-style: decimal; } table { width: 100% !important; margin-bottom: 3.7em; } table td { width: 25%; } table tr td { text-align: right; padding: 16px 0; border-bottom: 2px #dddddd solid; } table tr td:first-child { text-align: left; } .module, .module-a-feature { float: left; margin: 0 30px 30px 0; } .module img, .widget img { background: none; } .module-a-feature { position: relative; width: 900px; height: 430px; cursor: pointer; } .module-a-feature .figure-container { position: relative; z-index: 6; width: 900px; height: 430px; overflow: hidden; } .module-a-feature figure { width: 50000px; position: absolute; } .module-a-feature figure img { float: left; } .module-a-feature div.container { position: relative; left: 0; width: 100000px; } .module-a-feature div.container .label-wrapper { padding: 1.85em; width: 280px; float: left; } .module-a-feature .module-content-container { width: 900px; height: 430px; z-index: 20; position: absolute; } .module-a-feature .module-content { overflow: hidden; border: 2px solid #dddddd; background-color: white; position: absolute; top: 0; right: 0; z-index: 10; width: 280px; height: 430px; height: auto; padding-bottom: 48px; } .module-a-feature .module-content .controls { width: 100%; position: absolute; bottom: 0; left: 0; border-top: 2px solid #dddddd; padding: 18px 26px; } .module-a-feature .module-content .controls li { margin: 0 10px 0 0; } .module-a-feature .module-content .meta, .module-a-feature .module-content a { color: #888888; } .module-a-feature .module-shade { width: 900px; height: 430px; } .module-a-feature:hover .module-content-container { bottom: 10px; left: -10px; } .module-a-feature:hover .module-content { border: 2px solid #222222; } .module-a-feature:hover .module-content .meta, .module-a-feature:hover .module-content a { color: #222222; } .module-a-feature:hover .module-content .controls { border-top: 2px solid #222222; } .mod-tutor.module.image-module { height: 400px !important; } .mod-tutor.module.image-module .module-content { height: 400px !important; } .mod-tutor.module.image-module .module-shade { height: 400px !important; } .module { position: relative; width: 280px; height: 430px; cursor: pointer; } .module.image-module { height: 570px !important; } .module.image-module .module-content { height: 570px !important; } .module.image-module .module-shade { height: 570px !important; } .module.just-image { height: 250px; } .module.just-image .module-content { height: 250px; } .module.just-image .module-content .img-crop { height: auto; overflow: visible; } .module.just-image .module-shade { height: 250px; } .module .module-content { position: absolute; border: 2px solid #dddddd; background-color: white; width: 280px; height: 430px; z-index: 20; overflow: hidden; } .module .module-content h2, .module .module-content .home .logo .annual, .home .logo .module .module-content .annual, .module .module-content .winner .logo .annual, .winner .logo .module .module-content .annual, .module .module-content .winsi .logo .annual, .winsi .logo .module .module-content .annual, .module .module-content p { margin-bottom: 0; padding: 24px; } .module .module-content h2, .module .module-content .home .logo .annual, .home .logo .module .module-content .annual, .module .module-content .winner .logo .annual, .winner .logo .module .module-content .annual, .module .module-content .winsi .logo .annual, .winsi .logo .module .module-content .annual { padding-bottom: 0; } .module .module-content .buttons { position: absolute; bottom: 0; left: 0; width: 100%; } .module .module-content .buttons .text-button { display: block; width: 100%; padding: 20px 24px 17px 24px; line-height: 1; font-size: 1.08em; border-top: 2px solid #dddddd; } .module .module-content .buttons .text-button .arrow { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module .module-content .buttons .text-button .arrow:hover, .module .module-content .buttons .text-button .arrow.arrow-right_hover, .module .module-content .buttons .text-button .arrow.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module .module-content .buttons .text-button .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module .module-content .buttons .text-button .arrow-right { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module .module-content .buttons .text-button .arrow-right:hover, .module .module-content .buttons .text-button .arrow-right.arrow-right_hover, .module .module-content .buttons .text-button .arrow-right.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module .module-content .buttons .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module .module-content .meta { position: absolute; bottom: 76px; left: 24px; line-height: 1; } .module .module-content p, .module .module-content .text-button, .module .module-content .meta { color: #888888; } .module .module-content .buttons .text-button .arrow-right { background-position: 0 -803px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module .module-content .buttons .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module .module-content .img-crop { width: 100%; } .module .module-content .img-crop img { width: 100%; max-width: 100%; } .module .module-shade { width: 280px; height: 430px; } .module:hover .module-content { border: 2px solid #222222; } .module:hover .module-content p, .module:hover .module-content .text-button, .module:hover .module-content .meta, .module:hover .module-content a { color: #222222; } .module:hover .module-content .text-button .arrow { background-position: 0 -803px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module:hover .module-content .text-button .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module:hover .module-content .text-button .arrow-right { background-position: 0 -803px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module:hover .module-content .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module:hover .module-content .text-button { border-top: 2px solid #222222; text-decoration: underline; } .module.twitter .module-content p { font-size: 1.15em; line-height: 1.50em; text-align: center; } .module-feature-notification { width: 100%; height: 430px; margin-bottom: 40px; position: relative; } .module-feature-notification .module-content { z-index: 20; position: absolute; border: 2px solid #222222; background-color: #222222; width: 100%; height: 430px; color: white; } .module-feature-notification .module-content h2, .module-feature-notification .module-content .home .logo .annual, .home .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winner .logo .annual, .winner .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winsi .logo .annual, .winsi .logo .module-feature-notification .module-content .annual { padding: 24px 0 0 0; margin-bottom: 0; } .module-feature-notification .module-content .excerptText { margin-bottom: 0; padding: 24px; } .module-feature-notification .module-content .excerptText p { margin-bottom: 16px; line-height: 1.5em; } .module-feature-notification .module-content .introText { padding: 16px 0; margin-bottom: 0; } .module-feature-notification .module-content .meta { line-height: 1.85em; } .module-feature-notification .module-content .meta span { display: block; font-size: 1.54em; } .module-feature-notification .module-content .meta .description { font-size: 1.23em; } .module-feature-notification .module-content .countdown { padding: 16px 0; line-height: 1; } .module-feature-notification .module-content .countdown .clock { font-size: 3.23em; margin: 0 auto 12px; } .module-feature-notification .module-content .countdown .labels { width: 300px; margin: 0 auto; font-size: 1.08em; } .module-feature-notification .module-content .countdown .labels span { display: inline-block; width: 25%; color: #888888; text-decoration: underline; } .module-feature-notification .module-content .introText, .module-feature-notification .module-content h2, .module-feature-notification .module-content .home .logo .annual, .home .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winner .logo .annual, .winner .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winsi .logo .annual, .winsi .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content p, .module-feature-notification .module-content .excerpt span { color: white; } .module-feature-notification .module-content h2, .module-feature-notification .module-content .home .logo .annual, .home .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winner .logo .annual, .winner .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .winsi .logo .annual, .winsi .logo .module-feature-notification .module-content .annual, .module-feature-notification .module-content .introText, .module-feature-notification .module-content .excerptText, .module-feature-notification .module-content .meta, .module-feature-notification .module-content .countdown { text-align: center; } .module-feature-notification .module-content .buttons { position: absolute; bottom: 0; left: 0; width: 100%; background-color: white; bottom: -2px; } .module-feature-notification .module-content .buttons .text-button { display: block; width: 100%; padding: 20px 24px 17px 24px; line-height: 1; font-size: 1.08em; border-top: 2px solid #dddddd; } .module-feature-notification .module-content .buttons .text-button .arrow { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module-feature-notification .module-content .buttons .text-button .arrow:hover, .module-feature-notification .module-content .buttons .text-button .arrow.arrow-right_hover, .module-feature-notification .module-content .buttons .text-button .arrow.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons .text-button .arrow-right { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module-feature-notification .module-content .buttons .text-button .arrow-right:hover, .module-feature-notification .module-content .buttons .text-button .arrow-right.arrow-right_hover, .module-feature-notification .module-content .buttons .text-button .arrow-right.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons .text-button { display: block; width: 100%; padding: 20px 24px 17px 24px; line-height: 1; font-size: 1.08em; border-top: 2px solid #dddddd; border-top: 0; border-bottom: 2px solid #5d5d5d; color: #222222; } .module-feature-notification .module-content .buttons .text-button .arrow { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module-feature-notification .module-content .buttons .text-button .arrow:hover, .module-feature-notification .module-content .buttons .text-button .arrow.arrow-right_hover, .module-feature-notification .module-content .buttons .text-button .arrow.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons .text-button .arrow-right { background-position: 0 -791px; display: block; height: 12px; width: 14px; display: inline; float: right; } .module-feature-notification .module-content .buttons .text-button .arrow-right:hover, .module-feature-notification .module-content .buttons .text-button .arrow-right.arrow-right_hover, .module-feature-notification .module-content .buttons .text-button .arrow-right.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons .text-button .arrow { background-position: 0 -803px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons .text-button .arrow-right { background-position: 0 -803px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons .text-button .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons.social-buttons .icon { display: inline; float: left; position: relative; top: -4px; margin-right: 24px; } .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon { background-position: 0 -324px; display: block; height: 20px; width: 20px; } .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon:hover, .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon.icon-facebook_hover, .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon.icon-facebook-hover { background-position: 0 -344px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons.social-buttons #button-fb .icon { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -573px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon { background-position: 0 -151px; display: block; height: 20px; width: 20px; } .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon:hover, .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon.icon-twitter_hover, .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon.icon-twitter-hover { background-position: 0 -191px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons.social-buttons #button-tw .icon { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -441px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-content .buttons.social-buttons #button-go .icon { background-position: 0 -110px; display: block; height: 20px; width: 20px; } .module-feature-notification .module-content .buttons.social-buttons #button-go .icon:hover, .module-feature-notification .module-content .buttons.social-buttons #button-go .icon.icon-googleplus_hover, .module-feature-notification .module-content .buttons.social-buttons #button-go .icon.icon-googleplus-hover { background-position: 0 -90px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .module-content .buttons.social-buttons #button-go .icon { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -360px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .module-shade { width: 100%; height: 430px; background: url("../img/sprites/hover-background-pattern.png") repeat; position: absolute; z-index: 10; top: 10px; left: 10px; } .module-feature-notification .social-buttons { display: none; } .module-feature-notification .social-buttons .text-button { position: relative; padding-left: 60px !important; } .module-feature-notification .social-buttons .text-button span { position: absolute; left: 20px; top: 15px; } .module-feature-notification .social-buttons .facebook span { background-position: 0 -324px; display: block; height: 20px; width: 20px; } .module-feature-notification .social-buttons .facebook span:hover, .module-feature-notification .social-buttons .facebook span.icon-facebook_hover, .module-feature-notification .social-buttons .facebook span.icon-facebook-hover { background-position: 0 -344px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .social-buttons .facebook span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -573px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .social-buttons .twitter span { background-position: 0 -151px; display: block; height: 20px; width: 20px; } .module-feature-notification .social-buttons .twitter span:hover, .module-feature-notification .social-buttons .twitter span.icon-twitter_hover, .module-feature-notification .social-buttons .twitter span.icon-twitter-hover { background-position: 0 -191px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .social-buttons .twitter span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -441px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-feature-notification .social-buttons .google span { background-position: 0 -110px; display: block; height: 20px; width: 20px; } .module-feature-notification .social-buttons .google span:hover, .module-feature-notification .social-buttons .google span.icon-googleplus_hover, .module-feature-notification .social-buttons .google span.icon-googleplus-hover { background-position: 0 -90px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-feature-notification .social-buttons .google span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -360px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-hover, .module:hover .module-content { bottom: 10px; left: -10px; } .module-shade { background: url("../img/sprites/hover-background-pattern.png") repeat; position: absolute; z-index: 10; } .module-bg-cover { background-color: #222222; position: absolute; z-index: 5; width: 900px; height: 430px; } .module-notification { margin-bottom: 60px; border: 2px solid #5d5d5d; padding: 20px; } .module-notification h3 { margin-bottom: 16px; } .module-notification p { font-size: 1.08em; line-height: 1.43em; margin-bottom: 0; color: #222222; } .module-content-list { margin-bottom: 60px; } .module-content-list * { color: #222222; } .module-content-list h5 { display: inline; float: left; width: 50%; } .module-content-list .description { display: inline; float: right; width: 50%; text-align: right; } .module-content-list li { clear: both; float: left; width: 100%; border-bottom: 2px solid #dddddd; padding: 16px 0; } .product-page .module-sidebar { border: none; height: auto; } .module-sidebar { margin-bottom: 50px; border-bottom: 2px solid #dddddd; } .module-sidebar ul li { color: #666666; margin-bottom: 16px; } .module-sidebar .contact-details { border: 0; } .module-sidebar .contact-details li { color: #222222; } .module-sidebar .contact-details li a { color: #222222; text-decoration: underline; } .module-sidebar .contact-details span { display: inline-block; width: 32px; } .module-sidebar nav { margin-top: -6px; } .module-sidebar nav a { border-bottom: 2px solid #dddddd; padding: 12px 0; display: block; color: #666666; clear: both; } .module-sidebar nav a:last-of-type { border: 0; } .module-sidebar nav a .arrow { background-position: 0 -803px; display: block; height: 12px; width: 14px; float: right; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-sidebar nav a .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module-sidebar nav a .arrow-right { background-position: 0 -803px; display: block; height: 12px; width: 14px; float: right; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module-sidebar nav a .arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -844px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .controls li { margin-top: 10px; float: left; cursor: pointer; text-indent: -9999px; width: 16px; height: 16px; border: 2px solid #dddddd; margin-left: 10px; } .controls li.active { border: 2px solid #222222; background: url("../img/sprites/hover-background-pattern.png") repeat; } aside div.media-labels { margin-bottom: 40px; } .module-feature { width: 100% !important; max-width: 900px; position: relative; } .module-feature figure { cursor: pointer; margin-bottom: 16px; } .module-feature figcaption { color: #666666; font-size: 0.92em; line-height: 1.33em; } .module-feature figcaption .meta { display: block; margin-top: 16px; } .module-feature figcaption .meta a { color: #666666; text-decoration: underline; } .module-feature.desktop { width: 900px; overflow: hidden; } .module-feature.desktop .media-container { min-height: 620px; height: 620px; } .module-feature.desktop .media-container figure { min-height: 620px; } .module-feature.desktop figure { position: relative; left: 0px; } .module-feature.desktop figure img { position: absolute; width: 100%; } .module-feature.desktop figure iframe { position: absolute; width: 100%; } .module-feature.desktop .controls { display: none; float: none; margin-bottom: 16px; } .module-feature.desktop .controls li:first-child { margin-left: 0; } .module-feature.desktop div.media-labels { display: none; clear: both; float: none; overflow: hidden; width: 100%; } .module-feature.desktop div.media-labels .wrapper { height: 150px; position: relative; left: 0px; } .module-feature.desktop div.media-labels .wrapper figcaption { position: absolute; display: block; width: 100%; margin-right: 20px; border-bottom: 2px solid #dddddd; padding: 16px 0; } @media screen and (max-width: 1362px) { .module-feature { margin-bottom: 0px; } .module-feature.desktop { width: 590px; } .module-feature.desktop .media-container { min-height: 440px; height: 440px; } .module-feature.desktop .media-container figure { min-height: 440px; } .module-feature.desktop .controls { margin-top: 8px; display: block; float: none; } .module-feature.desktop .controls li:first-child { margin-left: 0; } .module-feature.desktop div.media-labels { display: block; width: 100%; } .module-feature.desktop div.media-labels .wrapper figcaption { border: none; border-bottom: 2px solid #dddddd; padding: 16px 0; } .module.full { width: 590px; } .module.full .module-content { width: 590px; } } @media screen and (max-width: 640px) { body .module img { height: auto !important; } .module-a-feature .module-shade { width: 100%; } .module { clear: both; height: auto; } .module .module-shade { width: 100%; display: none; } .module img { max-width: 100%; width: auto; height: auto !important; } .module .module-content { height: auto !important; position: static; } .module .module-content .buttons { position: relative; margin-top: 20px; } .module .module-content .meta { padding-left: 20px; position: static; } .module { position: relative; width: 280px; height: 430px; cursor: pointer; height: auto !important; } .module.image-module { height: auto !important; } .module.image-module .module-content { height: auto !important; } .module.image-module .module-shade { height: auto !important; } .module-feature-notification.social-expanded { height: 549px; } .module-feature-notification.social-expanded .module-shade { height: 549px; } .module-feature-notification.social-expanded .social-buttons { display: block; } .module-feature-notification .module-content { height: 100%; } .module-feature { width: 100% !important; max-width: 900px; position: relative; margin-bottom: 40px; } .module-feature .controls li { float: left; cursor: pointer; text-indent: -9999px; width: 16px; height: 16px; border: 2px solid #dddddd; margin-left: 10px; } .module-feature .controls li.active { border: 2px solid #222222; background: url("../img/sprites/hover-background-pattern.png") repeat; } .module-feature figure { cursor: pointer; margin-bottom: 16px; } .module-feature figcaption { color: #666666; font-size: 0.92em; line-height: 1.33em; } .module-feature figcaption .meta { display: block; margin-top: 16px; } .module-feature figcaption .meta a { color: #666666; text-decoration: underline; } .module-feature.desktop { width: 100%; margin-bottom: 0; } .module-feature.desktop .media-container { min-height: 220px; margin-bottom: 20px; } .module-feature.desktop .media-container figure { min-height: 220px; } .module-feature.desktop figure img { width: 100%; height: auto; } .module-feature.desktop .controls { float: none; margin: auto; width: 100%; text-align: center; } .module-feature.desktop .controls li { display: inline-block; vertical-align: top; float: none; margin-left: 5px; } .module-feature.desktop figcaption { display: none; } .jspTrack { background-color: #222222; } } /*** Layout ***/ #ui-lock { position: absolute; left: 0; opacity: 0.8; z-index: 100; overflow: hidden; background: url("../img/sprites/grey-overlay-pattern.png") repeat; } #filter-search button#home-button span { background-position: 0 -778px; display: block; height: 13px; width: 14px; } #filter-search button#home-button span:hover, #filter-search button#home-button span.arrow-left_hover, #filter-search button#home-button span.arrow-left-hover { background-position: 0 -815px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #filter-search button#home-button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -796px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } body { -webkit-font-smoothing: antialiased; } body img { background-color: #222222; border: none !important; } #social-mobile { display: none; } #main-content { position: absolute; top: 0; left: 0; margin-right: 40px; padding-top: 230px; padding-bottom: 80px; } #container { position: relative; margin-left: 84px; } .locked { overflow: hidden; } .last { margin-right: 0 !important; } .extra-wide #container { width: 1290px !important; } .extra-wide #search-button { left: 704px; } .extra-wide #filter-button { left: 842px; } .extra-wide #social { left: 1014px; } .extra-wide #text-search { width: 1210px; } .extra-wide #clear-button { left: 1158px; } .extra-wide.home-page #main-content { width: 1290px !important; } .wide #search-button { left: 394px; } .wide #filter-button { left: 532px; } .wide #social { left: 704px; } .wide #text-search { width: 900px; } .wide #clear-button { left: 850px; } .wide #container { width: 1024px !important; } .wide.detail-page #main-content { width: 960px; } .contentpage .logo .annual { display: none; } /*** Main Navigation ***/ #main-navigation { -webkit-transform: translateZ(0); position: fixed; display: block; min-height: 100%; height: 100%; width: 44px; padding: 10px; background-color: #222222; overflow: hidden; left: 0; right: auto; z-index: 1101; } #main-navigation .wrapper { width: 270px; padding-bottom: 60px; } #main-navigation .label, #main-navigation .menu-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #main-navigation.expanded { width: 260px; } #main-navigation.expanded .label, #main-navigation.expanded .menu-item { opacity: 1; } #main-navigation.expanded ul { margin-bottom: 30px; } #main-navigation.expanded #open-nav .icon-main-nav { position: fixed; left: 226px; } #main-navigation #open-nav { margin-bottom: 196px; } #main-navigation #open-nav .label, #main-navigation .menu-header .label { font-family: "din-condensed-web",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; text-transform: uppercase; font-size: 1.85em; color: white; } #main-navigation ul { margin-bottom: 40px; } #main-navigation ul .menu-item.last a { border: none; } #main-navigation ul a { display: block; padding: 13px 0; margin: 0 25px 0 40px; border-bottom: 1px solid #393939; color: white; font-size: 1.08em; } #main-navigation .menu-header { display: block; height: 24px; margin-bottom: 20px; } #main-navigation .menu-header .icon { float: left; margin-right: 15px; } #main-navigation .icon-main-nav { background-position: 0 -730px; display: block; height: 24px; width: 24px; cursor: pointer; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation .icon-main-nav { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -1072px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #home #icon-home { background-position: 0 -279px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #home #icon-home { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -549px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #home a.label { border: none; padding: 3px 0 0 0; } #main-navigation #home a.label:hover { text-decoration: none !important; } #main-navigation #icon-awards { background-position: 0 -388px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #icon-awards { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -700px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #icon-events { background-position: 0 -364px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #icon-events { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -634px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #icon-education { background-position: 0 -231px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #icon-education { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -501px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #icon-about { background-position: 0 -255px; display: block; height: 24px; width: 25px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #icon-about { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -525px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation #icon-social { background-position: 0 -526px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-navigation #icon-social { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -724px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-navigation.collapsed li { border: none; } #main-navigation.collapsed .label, #main-navigation.collapsed .menu-item { display: none; } /*** Filter & Search ***/ #filter-search .toggle-button { display: block; top: 0; width: 140px; height: 50px; background: white; border-top: none !important; border: 2px solid #dddddd; cursor: pointer; } #filter-search .toggle-button .icon { float: right; margin: 14px; } #filter-search .toggle-button .icon#icon-search { background-position: 0 -130px; display: block; height: 21px; width: 22px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #filter-search .toggle-button .icon#icon-search { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -400px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #filter-search .toggle-button .icon#icon-filter { background-position: 0 -460px; display: block; height: 21px; width: 20px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #filter-search .toggle-button .icon#icon-filter { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -658px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #search.expanded, #filter.expanded { z-index: 1100; } #search.expanded .toggle-button, #filter.expanded .toggle-button { border-color: #222222; } #search.expanded .label-button, #filter.expanded .label-button { text-decoration: underline; } .toggle-button .label-button, #social .label-button { float: left; display: inline-block; font-size: 1.08em; color: #222222; margin: 17px 0 0 16px; } #top-bar { position: fixed; left: 40px; z-index: 1100; width: 100%; height: 1px; } #top-bar div.wrapper { left: 664px; position: absolute; } .content-container { width: 100%; position: relative; height: 0; overflow: hidden; margin-top: -2px; background-color: #ffffff; border-bottom: 2px black solid; } /*** Filter ***/ #filter-content { width: 1300px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; height: 215px; overflow: hidden; margin-top: -2px; background: #ffffff; margin-left: 44px; } #filter-content h4 { margin-top: 20px; } #filter-content #filter-list { padding: 10px 0; } #filter-content #filter-list li { float: left; width: 310px; margin-bottom: 32px; } #filter-content #filter-list li label { font-size: 1.23em; color: #888888; cursor: pointer; } #filter-content #filter-list li label:hover { color: #222222 !important; } #filter-content #filter-list li .filter-label { text-decoration: underline; } #filter-content #filter-list li input[type="checkbox"]:checked + label { color: #222222; } .winwin #filter-list li { margin-bottom: 24px !important; } .winwin #filter-list .col1 { width: 300px !important; } .winwin #filter-list .col2 { width: 640px; float: left; } .winwin #filter-list .col2 li label { position: relative; } .winwin #filter-list .col2 li label strong { font-weight: normal; position: absolute; width: 250px; } .finalists { width: 590px !important; } .finalists h3 { margin-top: 32px; } .finalists a.sublink { color: black; display: block; border-bottom: 2px solid #826f4a; padding: 8px 0; position: relative; } .finalists a.sublink span { position: absolute; right: 0; } .finalists a.sublink { overflow: hidden; padding-right: 50px; } .finalists a.sublink span { margin-left: 50px; } .finalists .sub { height: 0; overflow: hidden; width: 590px; } .finalists .sub.active { height: auto; } .finalists .sub hr { border: none; background: none; border-bottom: 2px solid #826f4a; padding-top: 28px; } .finalists .sub .box { color: black; margin-top: 32px; width: 49%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: top !important; } .finalists .sub .box .row { margin-bottom: 5px; position: relative; } .finalists .sub .box .row span:first-child { width: 25%; right: auto; } .finalists .sub .box .row span { width: 74%; display: inline-block; vertical-align: top; } #search-content { width: 1250px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 215px; background: #fff; overflow: hidden; margin-top: -2px; padding-right: 40px; } #search-content #search-form { padding-top: 32px; position: relative; } #search-content #text-search, #search-content label, #search-content .overlay { margin: 44px; width: 100%; font-size: 1.85em; font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; color: #888888; border-bottom: 2px solid #dddddd; } #search-content label, #search-content .overlay { position: absolute; border-bottom: none; } #search-content .overlay { top: 50px; font-size: 15px; } #filter { position: absolute; left: 138px; width: 100%; background: white; z-index: 40; } #filter.expanded { top: 0; border-bottom: 2px solid #222222; margin-top: -2px; } #filter.expanded #filter-button { height: 52px; } #filter #filter-button { width: 142px !important; } #filter #filter-button.disabled .label-button { color: #dddddd !important; } #filter #filter-button.disabled .icon { background-position: 0 -481px; display: block; height: 21px; width: 20px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #filter #filter-button.disabled .icon { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -679px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #search-button, #filter-button { position: relative; } #search-button .number, #filter-button .number { position: absolute; right: 33px; top: 17px; } /*** Search ***/ #search { position: absolute; top: 0; left: 0; width: 100%; background: white; z-index: 40; } #search.expanded { top: 0; border-bottom: 2px solid #222222; margin-top: -2px; } #search.expanded #search-button { height: 52px; } #search.expanded button { height: 52px; } #search.expanded button span { background-position: 0 -791px; display: block; height: 12px; width: 14px; } #search.expanded button span:hover, #search.expanded button span.arrow-right_hover, #search.expanded button span.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #search.expanded button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #search .icon { float: right; } #search button { display: none; border: 2px solid #dddddd; cursor: pointer; position: absolute; left: -60px; height: 50px; background: none; background-color: black; border: none; color: fff; color: #FFF; width: 60px; text-indent: -9999px; } #search button span { background-position: 0 -791px; display: block; height: 12px; width: 14px; position: absolute; top: 35%; left: 40%; } #search button span:hover, #search button span.arrow-right_hover, #search button span.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #search button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } /*** Social Nav ***/ #social { position: absolute; left: 310px; display: block; width: 280px; height: 50px; background: white; border-top: none !important; border: 2px solid #dddddd; z-index: 40; } #social .social-buttons { float: right; margin: 14px 14px 0 0; } #social .social-buttons a { float: left; margin-left: 20px; text-indent: -9999px; } #social .social-buttons a#button-facebook { background-position: 0 -324px; display: block; height: 20px; width: 20px; } #social .social-buttons a#button-facebook:hover, #social .social-buttons a#button-facebook.icon-facebook_hover, #social .social-buttons a#button-facebook.icon-facebook-hover { background-position: 0 -344px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #social .social-buttons a#button-facebook { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -573px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #social .social-buttons a#button-twitter { background-position: 0 -151px; display: block; height: 20px; width: 20px; } #social .social-buttons a#button-twitter:hover, #social .social-buttons a#button-twitter.icon-twitter_hover, #social .social-buttons a#button-twitter.icon-twitter-hover { background-position: 0 -191px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #social .social-buttons a#button-twitter { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -441px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #social .social-buttons a#button-googleplus { background-position: 0 -110px; display: block; height: 20px; width: 20px; } #social .social-buttons a#button-googleplus:hover, #social .social-buttons a#button-googleplus.icon-googleplus_hover, #social .social-buttons a#button-googleplus.icon-googleplus-hover { background-position: 0 -90px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #social .social-buttons a#button-googleplus { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -360px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #social .social-buttons a#button-instagram { background-position: 0 -211px; display: block; height: 20px; width: 20px; } #social .social-buttons a#button-instagram:hover, #social .social-buttons a#button-instagram.icon-instagram_hover, #social .social-buttons a#button-instagram.icon-instagram-hover { background-position: 0 -171px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #social .social-buttons a#button-instagram { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -481px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #mobile-nav-button { display: none; } .module-feature-notification { display: none; } #back-link { display: none; } #filter-label { display: none; } /*** Main Content ***/ #logo { display: none; position: absolute; top: -161px; left: 0; z-index: 40; background-position: 0 0; display: block; height: 90px; width: 51px; text-indent: -9999px; margin-bottom: 0; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #logo { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 0; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .home .logo .annual, .winner .logo .annual, .winsi .logo .annual { display: none; font-size: 30px; } .home #logo, .winner #logo, .winsi #logo { position: relative; top: 69px; } .home.winner #logo, .home.winsi #logo, .winner.winner #logo, .winner.winsi #logo, .winsi.winner #logo, .winsi.winsi #logo { background: transparent url(../img/sprites/award-logo-gif.gif) no-repeat 0 0; } .home.winner .logo, .home.winsi .logo, .winner.winner .logo, .winner.winsi .logo, .winsi.winner .logo, .winsi.winsi .logo { position: relative; } .home.winner .logo .annual, .home.winsi .logo .annual, .winner.winner .logo .annual, .winner.winsi .logo .annual, .winsi.winner .logo .annual, .winsi.winsi .logo .annual { display: block; position: absolute; top: 105px; left: 80px; height: 50px; width: 200px; } .winsi #page-header .logo { display: none; } /*** Internal Page ***/ #page-header .author, #content .author { position: relative; } #page-header .author .img, #content .author .img { margin-right: 16px; } #page-header .author span, #content .author span { display: block; left: 60px; top: 18px; position: absolute; line-height: 1.3em; color: #888888; } #page-header .author span a, #content .author span a { display: block; color: #222222; } #content .author { border-bottom: 2px solid #dddddd; } .meta { padding-bottom: 8px; } .tag-list { line-height: 1.5em; margin-top: 1em; } .tag-list span.first { display: none; } .tag-list strong { font-weight: normal; } #page-header { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: fixed; left: 84px; visibility: visible; width: 280px; top: 230px; z-index: 10; } #page-header hgroup { padding-top: 0 !important; } #page-header hgroup h1 { margin-top: -5px; } #page-header .meta, #page-header a { color: #888888; } #page-header aside, #page-header hgroup { border-bottom: 2px solid #dddddd; padding: 14px 0; } #page-header .meta { padding-bottom: 8px; } #page-header .tag-list { line-height: 1.5em; margin-top: 1em; } #page-header .tag-list span.first { display: none; } #page-header .tag-list strong { font-weight: normal; } .share-tools { border-bottom: 2px solid #dddddd; padding: 16px 0; } .share-tools .share-tool { margin-bottom: 10px; } .share-tools .share-tool.last { margin-bottom: 0 !important; } .share-tools .addthis_button_facebook_like { display: block; } #page-content { position: relative; left: 310px; } #page-content .introText { margin-top: -7px; } #page-content .widget a.link img { margin-bottom: 20px; width: 100%; } #page-content.desktop { width: 900px; } #page-content.desktop.product-page { width: 931px; } #page-content.desktop.product-page .body { width: 620px; } #page-content.desktop.product-page h3 { display: block; clear: both; } #page-content.desktop .introText { width: 600px; } #page-content.desktop #content { float: left; margin-top: 30px; } #page-content.desktop #page-sidebar { float: right; width: 280px; } #page-content.desktop #page-sidebar .controls { margin-top: 8px; float: right; } #page-content.desktop #page-sidebar div.media-labels { clear: both; float: none; overflow: hidden; width: 100%; } #page-content.desktop #page-sidebar div.media-labels .wrapper { height: 150px; position: relative; left: 0px; } #page-content.desktop #page-sidebar div.media-labels .wrapper figcaption { position: absolute; display: block; width: 100%; margin-right: 20px; margin-top: 16px; border-top: 2px solid #dddddd; padding: 16px 0; } #page-content.desktop .module-row .module:nth-child(3n) { margin-right: 0; } #page-content.desktop .module-row .module-sidebar { width: 280px; float: left; margin-right: 0; } #page-content section { margin-bottom: 30px; } #page-content .module-row .module-sidebar.last { margin-right: 0; } .winner .introText { width: 100% !important; height: 85px; padding-right: 120px; position: relative; font-size: 24px; } .winner .introText span { margin-top: 7px; font-family: "din-condensed-web",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; text-transform: uppercase; text-align: right; position: absolute; right: 0; top: 0; line-height: 1em; font-size: 28px; } .module.finalista { display: none; } .excerpt.winner p { font-size: 18px; } .gold, .module.win.gold h2, .module.win.gold .home .logo .annual, .home .logo .module.win.gold .annual, .module.win.gold .winner .logo .annual, .winner .logo .module.win.gold .annual, .module.win.gold .winsi .logo .annual, .winsi .logo .module.win.gold .annual, .module-a-feature.win .module-content a.gold h2, .module-a-feature.win .module-content a.gold .home .logo .annual, .home .logo .module-a-feature.win .module-content a.gold .annual, .module-a-feature.win .module-content a.gold .winner .logo .annual, .winner .logo .module-a-feature.win .module-content a.gold .annual, .module-a-feature.win .module-content a.gold .winsi .logo .annual, .winsi .logo .module-a-feature.win .module-content a.gold .annual { color: #826f4a; } .silver, .module.win.silver h2, .module.win.silver .home .logo .annual, .home .logo .module.win.silver .annual, .module.win.silver .winner .logo .annual, .winner .logo .module.win.silver .annual, .module.win.silver .winsi .logo .annual, .winsi .logo .module.win.silver .annual, .module-a-feature.win .module-content a.silver h2, .module-a-feature.win .module-content a.silver .home .logo .annual, .home .logo .module-a-feature.win .module-content a.silver .annual, .module-a-feature.win .module-content a.silver .winner .logo .annual, .winner .logo .module-a-feature.win .module-content a.silver .annual, .module-a-feature.win .module-content a.silver .winsi .logo .annual, .winsi .logo .module-a-feature.win .module-content a.silver .annual { color: #7c7f7f; } .bronze, .module.win.bronze h2, .module.win.bronze .home .logo .annual, .home .logo .module.win.bronze .annual, .module.win.bronze .winner .logo .annual, .winner .logo .module.win.bronze .annual, .module.win.bronze .winsi .logo .annual, .winsi .logo .module.win.bronze .annual, .module-a-feature.win .module-content a.bronze h2, .module-a-feature.win .module-content a.bronze .home .logo .annual, .home .logo .module-a-feature.win .module-content a.bronze .annual, .module-a-feature.win .module-content a.bronze .winner .logo .annual, .winner .logo .module-a-feature.win .module-content a.bronze .annual, .module-a-feature.win .module-content a.bronze .winsi .logo .annual, .winsi .logo .module-a-feature.win .module-content a.bronze .annual { color: #6a644c; } .module.win.gold .module-content, .module-a-feature.win .module-content a.gold h2.module.win .module-content, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .module-content, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .module-content, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .module-content, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content, .module.win.gold .text-button, .module-a-feature.win .module-content a.gold h2.module.win .text-button, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .text-button, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .text-button, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .text-button, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button, .module-a-feature.win .module-content a.gold .module-content, .module-a-feature.win .module-content a.gold .text-button { border-color: #826f4a; } .module.win.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module.win.gold .text-button:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .text-button:hover .arrow { background-position: 0 -706px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module.win.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-content:hover .arrow, .module.win.gold .text-button:hover .arrow, .module-a-feature.win .module-content a.gold h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.gold .module-content:hover .arrow, .module-a-feature.win .module-content a.gold .text-button:hover .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -784px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module.win.gold .module-shade, .module-a-feature.win .module-content a.gold h2.module.win .module-shade, .module-a-feature.win .module-content a.gold .home .logo .module.win.annual .module-shade, .home .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-shade, .module-a-feature.win .module-content a.gold .winner .logo .module.win.annual .module-shade, .winner .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-shade, .module-a-feature.win .module-content a.gold .winsi .logo .module.win.annual .module-shade, .winsi .logo .module-a-feature.win .module-content a.gold .module.win.annual .module-shade, .module-a-feature.win .module-content a.gold .module-shade { background: url("../img/sprites/hover-background-pattern-gold.png") repeat !important; } .module.win.silver .module-content, .module-a-feature.win .module-content a.silver h2.module.win .module-content, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .module-content, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .module-content, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .module-content, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content, .module.win.silver .text-button, .module-a-feature.win .module-content a.silver h2.module.win .text-button, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .text-button, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .text-button, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .text-button, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button, .module-a-feature.win .module-content a.silver .module-content, .module-a-feature.win .module-content a.silver .text-button { border-color: #7c7f7f; } .module.win.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module.win.silver .text-button:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .text-button:hover .arrow { background-position: 0 -718px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module.win.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-content:hover .arrow, .module.win.silver .text-button:hover .arrow, .module-a-feature.win .module-content a.silver h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.silver .module-content:hover .arrow, .module-a-feature.win .module-content a.silver .text-button:hover .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -748px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module.win.silver .module-shade, .module-a-feature.win .module-content a.silver h2.module.win .module-shade, .module-a-feature.win .module-content a.silver .home .logo .module.win.annual .module-shade, .home .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-shade, .module-a-feature.win .module-content a.silver .winner .logo .module.win.annual .module-shade, .winner .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-shade, .module-a-feature.win .module-content a.silver .winsi .logo .module.win.annual .module-shade, .winsi .logo .module-a-feature.win .module-content a.silver .module.win.annual .module-shade, .module-a-feature.win .module-content a.silver .module-shade { background: url("../img/sprites/hover-background-pattern-silver.png") repeat !important; } .module.win.bronze .module-content, .module-a-feature.win .module-content a.bronze h2.module.win .module-content, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .module-content, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .module-content, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .module-content, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content, .module.win.bronze .text-button, .module-a-feature.win .module-content a.bronze h2.module.win .text-button, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .text-button, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .text-button, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .text-button, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button, .module-a-feature.win .module-content a.bronze .module-content, .module-a-feature.win .module-content a.bronze .text-button { border-color: #6a644c; } .module.win.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module.win.bronze .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .text-button:hover .arrow { background-position: 0 -694px; display: block; height: 12px; width: 14px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .module.win.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .module-content:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .module-content:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .module-content:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-content:hover .arrow, .module.win.bronze .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze h2.module.win .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .text-button:hover .arrow, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .text-button:hover .arrow, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .text-button:hover .arrow, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .text-button:hover .arrow, .module-a-feature.win .module-content a.bronze .module-content:hover .arrow, .module-a-feature.win .module-content a.bronze .text-button:hover .arrow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -772px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .module.win.bronze .module-shade, .module-a-feature.win .module-content a.bronze h2.module.win .module-shade, .module-a-feature.win .module-content a.bronze .home .logo .module.win.annual .module-shade, .home .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-shade, .module-a-feature.win .module-content a.bronze .winner .logo .module.win.annual .module-shade, .winner .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-shade, .module-a-feature.win .module-content a.bronze .winsi .logo .module.win.annual .module-shade, .winsi .logo .module-a-feature.win .module-content a.bronze .module.win.annual .module-shade, .module-a-feature.win .module-content a.bronze .module-shade { background: url("../img/sprites/hover-background-pattern-bronze.png") repeat !important; } .introText.second { display: none; } #content { width: 590px; } #content .author { display: none; } #content .tag-list { margin-top: 1em; } #container { position: relative; margin-left: 84px; left: 0px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; height: 100%; } .c_gold { color: #826f4a; } .c_silver { color: #7c7f7f; } .c_bronze { color: #6a644c; } #mobile-button { display: none; position: absolute; top: 200px; left: 0px; width: 100%; background: white; height: 50px; border-bottom: 2px solid #dddddd; } #mobile-button button { background-color: #ffffff; margin: 0; border: none; padding: 12px; border-right: 2px solid #dddddd; } #mobile-button button span { background-position: 0 -754px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #mobile-button button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -1048px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #mobile-button button.active { background-color: #222222; border-right: 2px solid #222222 !important; border-bottom: 2px solid #222222 !important; } #mobile-button button.active span { background-position: 0 -730px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #mobile-button button.active span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -1072px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav { -webkit-overflow-scrolling: touch; overflow: hidden; left: 0px; -webkit-transform: translate3d(-236px, 0, 0); -moz-transform: translate3d(-236px, 0, 0); -ms-transform: translate3d(-236px, 0, 0); -o-transform: translate3d(-236px, 0, 0); transform: translate3d(-236px, 0, 0); -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; z-index: 5000; position: fixed; top: 0; height: 100%; width: 280px !important; } #main-nav .jspPane { width: 280px !important; } #main-nav .jspScrollable { width: 280px !important; } #main-nav .jspVerticalBar { right: 40px; } #main-nav .nav-wrapper { position: relative; left: 0; background-color: #222222; width: 280px !important; height: 100%; min-height: 100%; padding: 20px; } #main-nav .nav-wrapper button.nav-toggle { position: absolute; right: -10px; top: 10px; background-position: 0 -730px; display: block; height: 24px; width: 24px; width: 44px; height: 24px; border: none; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper button.nav-toggle { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -1072px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons, #main-nav .nav-wrapper ul.links { position: absolute; right: 10px; margin-top: 210px; } #main-nav .nav-wrapper ul.icons li, #main-nav .nav-wrapper ul.links li { margin-bottom: 40px; } #main-nav .nav-wrapper ul.icons li.main, #main-nav .nav-wrapper ul.links li.main { cursor: pointer; overflow: hidden; height: 26px; font-family: "din-condensed-web",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 1.85em; color: #FFF; margin-bottom: 38px; } #main-nav .nav-wrapper ul.icons li.main span a, #main-nav .nav-wrapper ul.links li.main span a { color: white !important; } #main-nav .nav-wrapper ul.icons li.main ul, #main-nav .nav-wrapper ul.links li.main ul { overflow: hidden; } #main-nav .nav-wrapper ul.icons li.main ul li, #main-nav .nav-wrapper ul.links li.main ul li { font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; text-transform: capitalize; margin-top: 0px; margin-bottom: 0px; font-size: 0.58em; padding: 13px 0; border-bottom: 1px solid #393939; width: 180px; } #main-nav .nav-wrapper ul.icons li.main ul li:first-child, #main-nav .nav-wrapper ul.links li.main ul li:first-child { margin-top: 20px; } #main-nav .nav-wrapper ul.icons .icon-home, #main-nav .nav-wrapper ul.links .icon-home { background-position: 0 -279px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-home, #main-nav .nav-wrapper ul.links .icon-home { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -549px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons .icon-awards, #main-nav .nav-wrapper ul.links .icon-awards { background-position: 0 -388px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-awards, #main-nav .nav-wrapper ul.links .icon-awards { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -700px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons .icon-events, #main-nav .nav-wrapper ul.links .icon-events { background-position: 0 -364px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-events, #main-nav .nav-wrapper ul.links .icon-events { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -634px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons .icon-education, #main-nav .nav-wrapper ul.links .icon-education { background-position: 0 -231px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-education, #main-nav .nav-wrapper ul.links .icon-education { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -501px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons .icon-about, #main-nav .nav-wrapper ul.links .icon-about { background-position: 0 -255px; display: block; height: 24px; width: 25px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-about, #main-nav .nav-wrapper ul.links .icon-about { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -525px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons .icon-follow, #main-nav .nav-wrapper ul.links .icon-follow { background-position: 0 -526px; display: block; height: 24px; width: 24px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #main-nav .nav-wrapper ul.icons .icon-follow, #main-nav .nav-wrapper ul.links .icon-follow { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -724px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #main-nav .nav-wrapper ul.icons { z-index: 5001; background-color: #222222; right: 0px; width: 44px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left,right; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left,right; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left,right; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left,right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #main-nav .nav-wrapper ul.icons li { margin-left: 10px; } #main-nav .nav-wrapper ul.icons a { display: block; height: 25px; width: 25px; } #main-nav .nav-wrapper ul.links { z-index: 5000; right: auto; left: 50px; } #topbar { position: fixed; z-index: 5000; right: 0px; left: 44px; width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,top; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,top; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,top; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,top; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; top: -200px; height: 250px; } #topbar .button-container { position: absolute; top: 200px; left: 660px; width: 280px; background-color: #ffffff; z-index: 5100; } #topbar .button-container div { border: 2px solid #dddddd; background-color: #ffffff; border-top: none; position: absolute; height: 50px; width: 141px; } #topbar .button-container div button { font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; position: relative; float: left; font-size: 1.08em; color: #222222; padding-left: 15px; cursor: pointer; } #topbar .button-container div button span { position: absolute; margin: 14px; top: -2px; right: 0px; } #topbar .button-container div.search-button { left: 0px; } #topbar .button-container div.search-button button span { background-position: 0 -130px; display: block; height: 21px; width: 22px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar .button-container div.search-button button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -400px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar .button-container div.filter-button { right: 0px; } #topbar .button-container div.filter-button button span { background-position: 0 -460px; display: block; height: 21px; width: 20px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar .button-container div.filter-button button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -658px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar .button-container div.filter-button.disabled em { color: #dddddd; } #topbar .button-container div.filter-button.disabled button span { background-position: 0 -481px; display: block; height: 21px; width: 20px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar .button-container div.filter-button.disabled button span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -679px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar .button-container div.filter-button .number { position: absolute; top: 3px; right: 30px; background: none; font-size: 0.85em; } #topbar .button-container div.active { border: 2px solid #222222; z-index: 5200; } #topbar .button-container div.active button { text-decoration: underline; padding-top: 7px; margin-top: -4px; } #topbar .button-container button { text-align: left; border: none; margin-top: 0; position: absolute; border-radius: 0; width: 100%; height: 100%; background-color: #fff; z-index: 5202; } #topbar .area { width: 100%; position: absolute; background-color: white; height: 200px; border-bottom: 2px solid #222222; z-index: 5099; overflow: hidden; } #topbar .area .content { width: 100%; max-width: 1300px; padding: 20px 40px; } #topbar .area .bar { position: relative; height: 40px; width: 100%; } #topbar .area .bar h4 { position: absolute; left: 40px; top: 10px; color: #888888; } #topbar .area .bar .close-button { padding: 8px; position: absolute; top: -2px; height: 42px; left: 1152px; display: block; width: 100px; } #topbar .area .bar .close-button .label-button { position: absolute; color: #222222; font-size: 1.08em; margin: 4px 12px 0 0; display: inline-block; } #topbar .area .bar .close-button .icon-close { background-position: 0 -303px; display: block; height: 21px; width: 21px; position: absolute; top: 8px; right: 10px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar .area .bar .close-button .icon-close { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -613px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar .area.search-area { z-index: 5010; } #topbar .area.search-area #search-form { position: relative; } #topbar .area.search-area #text-search, #topbar .area.search-area label { margin: 25px 35px 35px 0; width: 100%; font-size: 1.85em; font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; color: #888888; border-bottom: 2px solid #dddddd; } #topbar .area.search-area label, #topbar .area.search-area .overlay { position: absolute; border-bottom: none; } #topbar .area.filter-area { z-index: 5011; } #topbar .area.filter-area #filter-list { padding: 10px 0; } #topbar .area.filter-area #filter-list li { float: left; width: 310px; margin-bottom: 32px; } #topbar .area.filter-area #filter-list li label { font-size: 1.23em; color: #888888; cursor: pointer; } #topbar .area.filter-area #filter-list li label:hover { color: #222222 !important; } #topbar .area.filter-area #filter-list li .filter-label { text-decoration: underline; } #topbar .area.filter-area #filter-list li input[type="checkbox"]:checked + label { color: #222222; } #topbar #back-link { position: fixed; top: 44px; left: 0; width: 100%; z-index: 40; background-color: #222222; height: 50px; padding: 16px 15px; display: block; } #topbar #back-link #icon-arrow-back { background-position: 0 -815px; display: block; height: 13px; width: 14px; float: left; margin-top: 2px; margin-right: 25px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar #back-link #icon-arrow-back { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -760px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar #back-link #back-link-label { display: inline-block; color: white !important; font-size: 1.23em; } #topbar #back { top: 200px; position: absolute; height: 50px; width: 112px; background: #222; left: 560px; } #topbar #back a { padding: 18px; padding-left: 50px; display: block; color: #ffffff; } #topbar #back a span { position: absolute; top: 18px; left: 15px; background-position: 0 -778px; display: block; height: 13px; width: 14px; } #topbar #back a span:hover, #topbar #back a span.arrow-left_hover, #topbar #back a span.arrow-left-hover { background-position: 0 -815px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #topbar #back a span { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -796px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } #topbar.winwin { top: -410px; height: 400px !important; } #topbar.winwin .area { height: 410px; } #topbar.winwin .button-container { top: 410px; } .social-mobile { display: none !important; } .home #topbar #back { display: none; } .module.just-image .img-crop img { background-color: #ffffff !important; } #container #main-content { margin-right: 0px; } #container #main-content aside#page-header { display: none; } .col1 { width: 50%; float: left; padding-right: 15px; margin-bottom: 10px; position: relative; } .col1 .over { right: 30px !important; } .col2 { width: 50%; float: right; padding-left: 15px; margin-bottom: 10px; } #page-content.desktop.school #content { width: 590px !important; overflow: hidden !important; margin-top: 0px; } .schoolform { margin-bottom: 30px; } .schoolform h3 { clear: both; padding-top: 50px; } .schoolform .module-notification { clear: both; margin-top: 50px; margin-bottom: 0px; } .schoolform .module-notification h3 { padding-top: 0px; } .schoolform .row { clear: both; position: relative; padding-bottom: 10px; } .schoolform .row label { width: 70%; padding: 19px 15px; position: absolute; } .schoolform .row input[type="text"] { padding-right: 110px; } .schoolform .row input[type="text"], .schoolform .row textarea { width: 100%; } .schoolform .row div.over { position: absolute; right: 15px; top: 19px; color: #dddddd; display: block; } .schoolform input[type="text"], .schoolform textarea { border: 2px solid black; padding: 13px; font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; font-size: 1em; line-height: 1em; } .schoolform label { position: relative; } .schoolform label input[type="radio"], .schoolform label input[type="checkbox"] { margin-right: 30px; } .schoolform input.error { border-color: #cc0000; } .schoolform span.error { clear: both; padding: 5px 17px 0; display: block; color: #cc0000; } .schoolform .region { overflow: hidden; height: 160px; width: 100%; } .schoolform .options { width: 100%; } .schoolform .options .hear label.col-2, .schoolform .options .hear label.col-3 { width: 35%; } .schoolform .options label { display: block; width: 25%; float: left; margin-bottom: 15px; } .schoolform .options .australia label.col-3 { padding-left: 15px; } .schoolform .options .areas { height: 10px; font-size: 1.15em; } .schoolform .options .areas label.col-1 { width: 30%; } .schoolform .options .areas label.col-2 { width: 35%; } .schoolform button { margin-top: 20px; padding: 18px 80px 18px 18px; border: none; background-color: black; color: white; font-family: "Apercu Mono Regular", 'Andale Mono', monospace; font-size-adjust: 0.5; font-weight: normal; font-style: normal; font-size: 1em; font-weight: normal; position: relative; z-index: 5; -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .schoolform button span.arrow-right { background-position: 0 -791px; display: block; height: 12px; width: 14px; position: absolute; right: 20px; top: 21px; } .schoolform button span.arrow-right:hover, .schoolform button span.arrow-right.arrow-right_hover, .schoolform button span.arrow-right.arrow-right-hover { background-position: 0 -803px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .schoolform button span.arrow-right { background-image: url('/award/img/spritesretina-saa56515160.png'); background-position: 0 -832px; -webkit-background-size: 51px auto; -moz-background-size: 51px auto; -o-background-size: 51px auto; background-size: 51px auto; } } .schoolform button span.bg { position: absolute; display: block; width: 100%; height: 100%; background: transparent url("../img/sprites/hover-background-pattern.png") repeat; top: 0px; left: 0px; z-index: -1; -webkit-backface-visibility: hidden; /** prevent ios flickers **/ -webkit-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -moz-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -o-transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; transition-property: -webkit-transform,transform,-o-transform,-moz-transform,-ms-transform,left; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .schoolform button:hover { text-decoration: underline; left: -10px; top: -10px; left: -10px; } .schoolform button:hover span.bg { top: 10px; left: 10px; } .schoolform .inactive { color: #dddddd; } .schoolform .inactive textarea { border-color: #dddddd; } .schoolform textarea { height: 100px; } .schoolform .fauxEl { position: absolute; width: 24px; display: inline-block; height: 24px; margin: -3px 24px 0 0; vertical-align: middle; background: url(../img/check_radio_sheet.png) -24px top no-repeat; cursor: pointer; } .schoolform label.checked .fauxEl { background: url(../img/check_radio_sheet.png) 0 top no-repeat; } @media screen and (max-width: 1362px) { body { width: 100%; } #top-bar div.wrapper { left: 354px; } #container #main-content { margin-right: 0px; } #container #main-content aside#page-header { display: none; } #filter-content { width: 100%; } #search-content { width: 100%; } #page-content.desktop { width: 590px; } #page-content.desktop #content { margin-top: 0px; } #page-content.desktop.product-page { width: 620px; } #page-content.desktop #page-sidebar { clear: both; float: none; width: 590px; } #page-content.desktop #page-sidebar .controls { display: none; } #page-content.desktop #page-sidebar div.media-labels { display: none; } #page-content.desktop #page-sidebar .widget { overflow: hidden; margin-right: 20px; width: 285px; float: left; } #page-content.desktop #page-sidebar .widget.last { margin-right: 0px; } #topbar .button-container { left: 350px; } .close-button { left: auto !important; right: 94px !important; } #topbar #back { left: 239px; } } @media screen and (max-width: 640px) { .finalists h3 { margin-top: 32px; } .finalists a.sublink { padding-right: 0; } .finalists .sub { top: 50px; z-index: 10000; width: 100%; } .finalists .sub .box { width: 100%; } .finalists a span { display: none; } .winwin #filter-list .col2 { display: none; } #page-content.desktop.school #content { width: auto !important; } .schoolform { margin-bottom: 30px; } .schoolform .col1 { width: 100%; float: left; padding-right: 0px; margin-bottom: 10px; position: relative; } .schoolform .col1 .over { right: 15px !important; } .schoolform .col2 { position: relative; width: 100%; float: right; padding-left: 0px; margin-bottom: 10px; } .schoolform label { width: 100% !important; } .schoolform .region .col-1, .schoolform .region .col-3 { float: left !important; padding-left: 0 !important; width: 49% !important; } .schoolform .region .col-2, .schoolform .region .col-4 { padding-left: 0 !important; float: right !important; width: 49% !important; } .filter-button .number { display: none !important; } .introText { display: none; } .introText.second { display: block; margin-bottom: 2.5em; } .introText.second span { position: relative; } .body { margin-bottom: 40px; } #page-header { margin-top: 70px; padding: 20px; } #page-header .author { display: none; } #content .author { display: none; margin-bottom: 20px; padding-bottom: 10px; } .is-news #content .author { display: block; } #filter-content h4 { margin-top: 17px; margin-left: 40px; color: #888888; font-size: 1.1em; } #filter-content #filter-list { padding: 30px 0; } #clear-button { right: 18px; top: 3px; border: 2px solid #dddddd; padding: 6px; } body { width: 100%; } .module-feature.desktop { width: 100%; } .normal .meta, .normal .author { display: none; } .normal #page-header { margin-bottom: 0; } .home .meta, .home .author { margin: 20px 5px 0; display: block; } .contentpage .logo { margin-top: 40px; } .contentpage section .logo { display: block; margin-top: 40px !important; } .logo { display: block; width: 100%; margin-bottom: 40px; } .logo #logo { margin: 0 auto; position: static; } #page-content.desktop.product-page { width: inherit; } #container { left: 0px; margin-left: 0px; } #top-bar { left: 0px; } #top-bar div.wrapper { left: auto; width: 100%; } #filter-search { position: fixed; width: 100% !important; height: 44px; background: white; border-bottom: 2px solid #dddddd; z-index: 100; /*** Filter ***/ } #filter-search .toggle-button { display: block; position: static; top: 0; padding: 10px; height: 44px; } #filter-search .toggle-button#filter-button { width: 44px !important; } #filter-search .toggle-button#search-button { width: 44px !important; } #filter-search .toggle-button .icon { float: none; margin: 0; } #filter-search .toggle-button .label-button { display: none; } #filter-search #search { right: 42px; width: 44px; left: auto; } #filter-search #search button { display: none; } #filter-search #search.expanded { border-bottom: none; } #filter-search #search.expanded #search-button { height: 46px; } #filter-search #filter-list { width: 100%; } #filter-search #filter-list li { width: 150px; margin-bottom: 14.4px; } #filter-search #filter-list li label { font-size: 0.85em; } #filter-search #filter-content { margin-left: 20px; } #filter-search #filter { left: auto; right: 0px; width: 44px; } #filter-search #filter #filter-button { border-right: none; } #filter-search #filter.expanded { border-bottom: none; } #filter-search #filter.expanded #filter-button { border-right: none; height: 46px; } #mobile-nav-button { z-index: 5000; cursor: pointer; background-color: transparent; -webkit-transform: translateZ(0); display: block; position: absolute; top: 0; left: 0; width: 44px !important; height: 44px !important; border-right: none; padding: 10px 0 0 10px; } #mobile-nav-button span.sprites-icon-mobile-main-nav { background-position: 0 -754px; display: block; height: 24px; width: 24px; } #mobile-nav-button.active { background-color: #222222; border-right-color: #222222; } #mobile-nav-button.active span.sprites-icon-mobile-main-nav { background-position: 0 -730px; display: block; height: 24px; width: 24px; } #main-navigation { left: -44px; } #main-navigation.expanded { left: 0; z-index: 50; } #main-navigation .jspVerticalBar { width: 0px; margin-left: 0px; background-color: #222222; } #main-navigation #social-mobile { display: block; } #container { width: 100%; } #container .logo { display: none; } #main-content { position: absolute; width: 100%; left: 0; padding-top: 0px; padding-right: 20px; padding-left: 20px; margin-left: 0; margin-right: 0; } .module-feature-notification { display: block; } .module-a-feature { display: none; } #social { display: none; } #open-nav { visibility: hidden; margin-bottom: 22px !important; } .module, .module .module-content, .module-shade { width: 100%; } .module .module-content { height: 390px; } #page-header { position: static; left: auto; padding-right: 20px; width: 100%; } #page-header .share-tools { display: none; } #page-header hgroup { height: auto; border: none; padding-bottom: 24px; } #page-header hgroup h1 { margin: 0 0 15px; } #page-header hgroup .meta { position: static; bottom: auto; padding-bottom: 0; } #page-content { width: 100%; left: auto; } #page-content .introText { width: 100%; margin-top: 0; font-size: 1.23em; line-height: 1.3em; } #page-content .share-tools { margin-top: -46px; } #page-content.desktop { width: 100% !important; } #page-content.desktop .introText { width: 100% !important; } #page-content.desktop #content { margin-top: 0px !important; } #page-content.desktop #page-sidebar { width: 100%; } #page-content.desktop #page-sidebar .widget { width: 100%; } #content { width: 100%; } .detail-page #logo { top: 120px; } .detail-page #main-content { padding-top: 244px; } .detail-page #main-content figure img { width: 100%; height: auto; display: block; } .bar { border-bottom: 2px solid #dddddd; } .bar .close-button { border: 2px solid #dddddd; right: -2px !important; background-color: #ffffff; } #main-nav { left: -44px; } #main-nav .nav-wrapper button.nav-toggle { display: none; } #topbar { left: 0px !important; } #topbar.winwin { top: -200px; height: 250px !important; } #topbar.winwin .area { height: 200px; } #topbar.winwin .button-container { top: 200px; } #topbar .button-container { right: -2px !important; left: auto !important; } #topbar .button-container em { display: none; } #topbar .button-container .search-button, #topbar .button-container .filter-button { width: 55px; } #topbar .button-container .search-button { left: 172px !important; } #topbar .area.filter-area #filter-list li { width: 50%; font-size: 0.8em; margin-bottom: 17px; } #topbar h4 { margin-left: 0px; margin-top: 3px; font-size: 1em; left: 20px !important; } #topbar .area .content { padding: 20px; } #mobile-button { display: block; } #main-nav .nav-wrapper ul.icons, #main-nav .nav-wrapper ul.links { margin-top: 30px; } #page-content.desktop.product-page .body { width: 100%; } .module-feature-notification .module-content .countdown .labels { width: 100%; } .home #back, .winner #back { display: none; } .home #container, .winner #container { margin-top: 80px; } .home #container #main-content, .winner #container #main-content { margin-top: 130px; } .home #container .logo, .winner #container .logo { display: block; } .winner #container .logo { display: block; } .winner #container .logo .annual { display: none; } .winner #container #main-content { margin-top: 130px; } #topbar #back { top: 250px; position: absolute; height: 50px; width: 100%; left: 0; } #topbar #back a { padding-left: 70px; } .winner .introText { padding-right: 0px; } #main-content #page-header { display: none; } .social-mobile { display: block !important; } #page-header .author span, #content .author span { top: 4px; } .minutes { padding-left: 8px; } .days { padding-right: 12px; } #winwin { width: 100% !important; display: block !important; } .home #back { display: none !important; } .winsi #page-header .logo { display: block; } } input[type="text"] { outline: none; border: none; padding: 0; } *:focus { outline: none; } input[type="checkbox"] + label { position: relative; margin-left: 20px; } input, textarea, select, a { outline: none; -moz-appearance: none; } #filter-form input[type="checkbox"] + label span.checked { background: url(../img/check_radio_sheet.png) 0 top no-repeat !important; } input[type="checkbox"] + label .fauxEl { position: absolute; left: -46px; width: 24px; display: inline-block; height: 24px; margin: -3px 24px 0 0; vertical-align: middle; background: url(../img/check_radio_sheet.png) -24px top no-repeat; cursor: pointer; } input[type="checkbox"]:checked + label .fauxEl { background: url(../img/check_radio_sheet.png) 0 top no-repeat; } .lt-ie9 #main-nav { left: -236px; } .lt-ie9 #topbar .search-button span, .lt-ie9 #topbar .filter-button span { top: -15px; } .lt-ie9 #topbar .search-button span.number, .lt-ie9 #topbar .filter-button span.number { top: -10px; } .lt-ie9 #topbar .search-button.active span.number, .lt-ie9 #topbar .filter-button.active span.number { top: -5px; }