.off-screen, .offscreen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* TRANSITION */
/* Box Shadow with Browser Prefixes */
.show-for-small { display: none; }

.hide-for-large { display: none !important; }

body { margin: 0px; }

#wrapper1 { background: url(../graphics/background-top.jpg) top center repeat-x; }

#wrapper2 { background: url(../graphics/background-top.jpg) top center repeat-x; }

#wrapper3 { margin: auto; width: 940px; }

/* Wrappers and Rows */
.section > .wrapper { max-width: 940px; margin: 0 auto; padding: 0 10px; }
.section > .wrapper .wrapper-inner { margin: auto; position: relative; }

/* Homepage Columns */
.homepageColumns { padding-bottom: 20px; }

.homepageColumns h2 { font-style: italic; }

.homepageColumns .col { width: 300px; float: left; }

.homepageColumns .col0, .homepageColumns .col1 { padding-right: 18px; }

.homepageColumns .col-finalists { width: 620px; padding-right: 18px; }

.homepageColumns .image { background: url(../graphics/tile-photo-bg.jpg) no-repeat; position: relative; height: 215px; width: 302px; }

.homepageColumns .image .UIInlineEditableImage { height: 215px !important; width: 302px !important; display: block !important; }

.homepageColumns .image img { position: absolute; bottom: 20px; left: 6px; }

.wrapper > .page-columns, .wrapper-inner > .page-columns, .row > .page-columns { float: left; }
.wrapper > .page-columns.columns-1, .wrapper > .page-columns.large-1, .wrapper-inner > .page-columns.columns-1, .wrapper-inner > .page-columns.large-1, .row > .page-columns.columns-1, .row > .page-columns.large-1 { width: 8.3333333333%; }
.wrapper > .page-columns.columns-2, .wrapper > .page-columns.large-2, .wrapper-inner > .page-columns.columns-2, .wrapper-inner > .page-columns.large-2, .row > .page-columns.columns-2, .row > .page-columns.large-2 { width: 16.6666666667%; }
.wrapper > .page-columns.columns-3, .wrapper > .page-columns.large-3, .wrapper-inner > .page-columns.columns-3, .wrapper-inner > .page-columns.large-3, .row > .page-columns.columns-3, .row > .page-columns.large-3 { width: 25%; }
.wrapper > .page-columns.columns-4, .wrapper > .page-columns.large-4, .wrapper-inner > .page-columns.columns-4, .wrapper-inner > .page-columns.large-4, .row > .page-columns.columns-4, .row > .page-columns.large-4 { width: 33.3333333333%; }
.wrapper > .page-columns.columns-5, .wrapper > .page-columns.large-5, .wrapper-inner > .page-columns.columns-5, .wrapper-inner > .page-columns.large-5, .row > .page-columns.columns-5, .row > .page-columns.large-5 { width: 41.6666666667%; }
.wrapper > .page-columns.columns-6, .wrapper > .page-columns.large-6, .wrapper-inner > .page-columns.columns-6, .wrapper-inner > .page-columns.large-6, .row > .page-columns.columns-6, .row > .page-columns.large-6 { width: 50%; }
.wrapper > .page-columns.columns-7, .wrapper > .page-columns.large-7, .wrapper-inner > .page-columns.columns-7, .wrapper-inner > .page-columns.large-7, .row > .page-columns.columns-7, .row > .page-columns.large-7 { width: 58.3333333333%; }
.wrapper > .page-columns.columns-8, .wrapper > .page-columns.large-8, .wrapper-inner > .page-columns.columns-8, .wrapper-inner > .page-columns.large-8, .row > .page-columns.columns-8, .row > .page-columns.large-8 { width: 66.6666666667%; }
.wrapper > .page-columns.columns-9, .wrapper > .page-columns.large-9, .wrapper-inner > .page-columns.columns-9, .wrapper-inner > .page-columns.large-9, .row > .page-columns.columns-9, .row > .page-columns.large-9 { width: 75%; }
.wrapper > .page-columns.columns-10, .wrapper > .page-columns.large-10, .wrapper-inner > .page-columns.columns-10, .wrapper-inner > .page-columns.large-10, .row > .page-columns.columns-10, .row > .page-columns.large-10 { width: 83.3333333333%; }
.wrapper > .page-columns.columns-11, .wrapper > .page-columns.large-11, .wrapper-inner > .page-columns.columns-11, .wrapper-inner > .page-columns.large-11, .row > .page-columns.columns-11, .row > .page-columns.large-11 { width: 91.6666666667%; }
.wrapper > .page-columns.columns-12, .wrapper > .page-columns.large-12, .wrapper-inner > .page-columns.columns-12, .wrapper-inner > .page-columns.large-12, .row > .page-columns.columns-12, .row > .page-columns.large-12 { width: 100%; }

/* Page content section - about 8 or 9 columns */
.page-columns.pagecontent { padding-top: 40px; padding-bottom: 50px; }
.page-columns.pagecontent.large-68-percent { width: 68.085106383%; float: left; }
.page-columns.pagecontent > h2 { color: white; }

/* Sidebar - about 3 columns */
.page-columns.sidebar { float: right; padding-top: 60px; width: 23.4042553191%; }

/* Sidebar */
.sidebar .nav ul { margin: 0px; padding: 0px; list-style: none; }

.sidebar .nav li { margin-bottom: 20px; }

.sidebar .nav li a { font-family: "utopia-std", serif; color: #666666; font-size: 11pt; font-weight: 200; text-decoration: none; letter-spacing: 0.07em; }

.sidebar .nav li a:hover, .sidebar .nav li.active a { color: #f15a40; }

/* Call to action block */
.sidebar .cta h4 { font-family: 'proxima-nova', 'Arial'; font-size: 14pt; font-weight: normal; color: #7f725f; }
.sidebar .cta .image { background: url(../graphics/sidebar-image-shadow.png) no-repeat bottom center; padding-bottom: 3px; }
.sidebar .cta .image img { padding: 5px; border: 1px solid #e1e1e1; }
.sidebar .cta .description { margin: 10px 0px; }

.share ul.methods { margin: 0; padding: 0; }
.share ul.methods li { list-style: none; float: left; }
.share:after { content: " "; display: block; clear: both; }

/* Pagination */
.pagination { text-align: center; height: 23px; line-height: 23px; font-family: "utopia-std", serif; font-size: 10pt; }
.pagination a, .pagination span { display: inline-block; padding: 0px 3px; height: 23px; line-height: 23px; vertical-align: middle; }
.pagination a.selected span, .pagination span.selected span { text-decoration: underline !important; }
.pagination .next, .pagination .back { width: 23px; height: 23px; padding: 0px; overflow: hidden; text-align: left; text-indent: -1000px; }
.pagination .next.next, .pagination .back.next { background: url(../graphics/next-page-icon.png); }
.pagination .next.back, .pagination .back.back { background: url(../graphics/prev-page-icon.png); }
.pagination .next span, .pagination .back span { display: none; }

.nomination-thanks .share { text-align: left; }
.nomination-thanks .share a { float: none; margin: 0 5px 10px 5px; min-width: 200px; max-width: 200px; }
.nomination-thanks .share a:first-child { margin-left: 0; }
.nomination-thanks .share a:last-child { margin-right: 0; }
.nomination-thanks .share a.twitter { background-color: #55acee; }
.nomination-thanks .share a.facebook { background-color: #3b5998; }
.nomination-thanks .share a.linkedin { background-color: #0077b5; }

.nomination-form-short .nomination-thanks .share { text-align: left; }
.nomination-form-short .nomination-thanks .share a { margin: 0 5px 10px 5px; min-width: 150px; max-width: 150px; padding: 0; }
.nomination-form-short .nomination-thanks .share a.nominate-again { background-color: #d12c0f; background: #fe4f32; background: -webkit-linear-gradient(top, #fe4f32 0%, #d12c0f 100%); background: linear-gradient(to bottom, #fe4f32 0%, #d12c0f 100%); /*
#fe4f32
#d12c0f
*/ }

.section#headerPlaceholder { height: 300px; position: relative; z-index: 50; background-color: #000000; }

#header { z-index: 120; height: 300px; left: 0px; right: 0px; }
#header.floating { position: fixed; top: -140px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px; height: 199px; border-bottom: 1px solid #6a5841; }
#header .header-bg { position: absolute; width: 100%; top: 240px; left: 0; height: 60px; z-index: 1; background-color: #98a2a4; }
#header .logo { margin: 0px; background: url(../graphics/header-logo-2017-2018.png) left center no-repeat; background-size: 216px 103px; position: absolute; top: 68px; left: 0px; }
#header .logo a { display: block; width: 216px; height: 103px; cursor: pointer; }
#header #principal-partner-container { position: absolute; width: 161px; height: 134px; right: 0px; top: 53px; }
#header #principal-partner-container #principal-partner-logo { width: 100%; height: 100%; }
#header #principal-partner-container #principal-partner-logo > a { display: block; text-decoration: none; outline: none; width: 100%; height: 100%; background: url("../graphics/header-principal-partner-commbank@1x.png") center center no-repeat; }
#header #site-navigation-helpers-container #site-search-toggler { position: absolute; z-index: 10; top: 240px; right: 15px; height: 60px; width: 26px; }
#header #site-navigation-helpers-container #site-search-toggler > a { display: block; outline: none; margin-top: 17px; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; background-image: url("../graphics/header-search-magnifier-small@2x.png"); }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container { position: absolute; z-index: 10; top: 240px; right: 49px; height: 60px; }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul, #header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container li { margin: 0; padding: 0; list-style: none; background-image: none; }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul { font-size: 0; line-height: 0; }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li { display: inline-block; height: 60px; width: 26px; margin: 0 15px 0 0; }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li > a { display: block; outline: none; margin-top: 17px; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li > a.facebook { background-image: url("../graphics/header-social-media-icon-facebook@2x.png"); }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li > a.twitter { background-image: url("../graphics/header-social-media-icon-twitter@2x.png"); }
#header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li > a.instagram { background-image: url("../graphics/header-social-media-icon-instagram@2x.png"); }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container { overflow: hidden; height: 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 2000; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: Black; opacity: 0; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; -webkit-transition: opacity 0.15s ease-in-out; -ms-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container.collapsed { height: 0; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container.open, #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container:target { height: 100%; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container.open:before, #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container:target:before { opacity: 0.8; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 500px; max-height: 100%; box-sizing: border-box; width: 100%; padding-right: 46px; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search #cancel-site-search { position: absolute; z-index: 2; width: 36px; height: 36px; top: 50%; margin-top: -18px; right: 20px; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search #cancel-site-search > a { display: block; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border: 0; outline: none; background: url("../graphics/search-cancel-search@2x.png") center center no-repeat; background-size: 34px 34px; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner { box-sizing: border-box; margin: 20px; background-color: White; height: 56px; position: relative; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner label { display: block; position: absolute; height: 100%; width: 56px; outline: none; top: 0; left: 0; background: url("../graphics/icon-search-small-black@2x.png") center center no-repeat; background-size: 20px 20px; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner .input-container { position: absolute; height: 100%; width: calc(100% - 56px); top: 0; left: 56px; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner .input-container input { display: block; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); font-size: 26px; outline: none; background: transparent; border-width: 0; margin: 0; padding: 0; }
#header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner input#header-search-submit { position: absolute; height: 100%; width: 56px; top: 0; right: 0; position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Primary Nav */
#navigation { position: absolute; top: 240px; height: 60px; z-index: 2; left: 0px; right: 0px; font-family: "utopia-std", serif; background-color: #98a2a4; }
#navigation ul, #navigation li { margin: 0px; list-style: none; padding: 0px; }
#navigation li { display: block; float: left; height: 60px; line-height: 60px; margin-right: 22px; font-size: 11pt; }
#navigation li a { color: #FFF; text-decoration: none; }
#navigation li.active a, #navigation li a:hover { color: white; }
#navigation li.active a { font-weight: bold; }

/* Secondary nav */
.section.subnav { background: #d2d3d5; }
.section.subnav #subnav { font-family: "utopia-std", serif; font-size: 11pt; }
.section.subnav #subnav ul, .section.subnav #subnav li { list-style: none; padding: 0px; margin: 0px; }
.section.subnav #subnav li { display: block; float: left; line-height: 50px; height: 50px; }
.section.subnav #subnav li a { display: block; margin-right: 30px; color: #000; text-decoration: none; }
.section.subnav #subnav li.active a, .section.subnav #subnav li a:hover { color: #f15a40; }

#navigation a, #subnav a { -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }

/* Highlights Panel */
#highlights { margin-top: 30px; position: relative; height: 0; max-width: 940px; margin-left: auto; margin-right: auto; padding-bottom: 40.1063829787%; background: url(../graphics/highlights-background.jpg) bottom left no-repeat; }
#highlights > .inner { background: white; padding: 0; background-color: #f0f0f0; position: absolute; width: 100%; height: 0; padding-bottom: 37.8723404255%; }
#highlights > .inner > .inner-2 { padding: 0; position: absolute; top: 1px; left: 1px; width: 99.7872340426%; height: 0; padding-bottom: 37.6595744681%; background-color: white; }
#highlights > .inner > .inner-2 .highlights { position: absolute; top: 5px; left: 5px; width: 98.9361702128%; height: 0; padding-bottom: 36.5957446809%; }
#highlights > .inner > .inner-2 .highlights .highlight-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
#highlights > .inner > .inner-2 .highlights .highlight-item .highlight-item-inner { display: block; width: 100%; height: 100%; }
#highlights > .inner > .inner-2 .highlights .highlight-item a { display: block; width: 100%; height: 100%; }
#highlights > .inner > .inner-2 .highlights .highlight-item img { display: block; margin: 0; width: 100%; height: auto; }
#highlights .image-carousel-navigation { position: absolute; height: 18px; width: 100%; left: 0; bottom: -31px; z-index: 30; text-align: center; }
#highlights .image-carousel-navigation ul { font-size: 0px; }
#highlights .image-carousel-navigation ul, #highlights .image-carousel-navigation ul li { margin: 0; padding: 0; list-style: none; background: none; }
#highlights .image-carousel-navigation ul li { margin: 0; display: inline-block; height: 18px; }
#highlights .image-carousel-navigation ul li.stepper, #highlights .image-carousel-navigation ul li.play-pause { display: none; }
#highlights .image-carousel-navigation ul li a { cursor: pointer; text-decoration: none; display: block; width: 10px; height: 10px; padding: 4px; }
#highlights .image-carousel-navigation ul li a span { display: block; overflow: hidden; width: 10px; height: 10px; border-radius: 5px; background-color: #CCC; }
#highlights .image-carousel-navigation ul li a.active span { background-color: #f15a40; }
#highlights .default .title { position: absolute; display: block; bottom: 160px; left: 55px; width: 400px; font-family: "utopia-std", serif; color: white; font-size: 36pt; line-height: 39pt; }
#highlights .default .button-large { position: absolute; display: block; bottom: 60px; left: 50px; }

.custom-block.aoty-full-width-image { margin-bottom: 20px; }
.custom-block.aoty-full-width-image .image-outer .image-wrapper { border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.custom-block.aoty-full-width-image .image-outer .image-wrapper .image-container { outline: none; text-decoration: none; border: 0; display: block; }
.custom-block.aoty-full-width-image .image-outer .image-wrapper .image-container img { border: 0; /*
max-width: 100%;
min-width: 100%;
*/ width: 100%; display: block; margin: 0; padding: 0; }
.custom-block.aoty-full-width-image .image-outer .shadow { width: 100%; height: 0; padding-bottom: 2.1276595745%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
.custom-block.aoty-award-categories { width: 102.1276595745%; margin-left: -10px; margin-bottom: 20px; }
.custom-block.aoty-award-categories .award-category { width: 25%; float: left; }
.custom-block.aoty-award-categories .award-category .inner { margin-right: 10px; margin-left: 10px; }
.custom-block.aoty-award-categories .award-category .inner .category-outer { border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details { padding: 10px 15px; background-color: #eceae5; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p { margin: 0; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-heading { font-family: "proxima-nova", sans-serif; font-weight: 100; font-size: 24px; line-height: 28px; letter-spacing: -0.025em; margin-bottom: 12px; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-heading a { text-decoration: none; color: #46494e; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-heading a:hover, .custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-heading a:focus { text-decoration: underline; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-sub-heading { font-weight: bold; font-style: italic; font-size: 18px; line-height: 28px; font-family: "utopia-std"; margin-bottom: 5px; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .details p.award-summary { font-size: 13px; line-height: 16px; margin-bottom: 10px; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper { border-bottom: 10px solid grey; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper.national { border-color: #e54b21; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper.senior { border-color: #78962c; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper.young { border-color: #fbb255; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper.local { border-color: #517891; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .recipient .image-wrapper .image-container { display: block; height: 0; text-decoration: none; padding-bottom: 67.619047619%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #fafafa; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .badge { background-color: #fbfcfc; border: 1px solid #edece7; border-top-width: 0; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .badge .image-wrapper .image-container { display: block; text-decoration: none; padding: 10px 0 12px 0; text-align: center; }
.custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .badge .image-wrapper .image-container img { width: 100px; border: 0; }
.custom-block.aoty-award-categories .award-category .inner .shadow { width: 100%; height: 0; padding-bottom: 4%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
.custom-block.aoty-row-of-call-to-actions .listing { width: 102.1276595745%; margin-left: -10px; margin-bottom: 20px; }
.custom-block.aoty-row-of-call-to-actions .listing .item { float: left; }
.custom-block.aoty-row-of-call-to-actions .listing .item.cols-6 { width: 50%; }
.custom-block.aoty-row-of-call-to-actions .listing .item.cols-4 { width: 33.333%; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner { margin-left: 10px; margin-right: 10px; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .image-wrapper { height: 0; padding-bottom: 50%; position: relative; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .image-wrapper .image-container { display: block; position: absolute; text-decoration: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text { background-color: #5d5750; background: #736c63; background: -webkit-linear-gradient(top, #736c63, #5d5750); background: linear-gradient(to bottom, #736c63, #5d5750); padding: 15px 18px 18px; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text p { color: white; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text p a { color: white; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text p.title { margin-top: 0; font-size: 20px; line-height: 22px; font-family: "proxima-nova", sans-serif; font-weight: 100; letter-spacing: -0.025em; }
.custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text p.summary { font-size: 14px; line-height: 16px; }
.custom-block.aoty-video-with-text { margin: 40px 0 20px; }
.custom-block.aoty-video-with-text .video-box { width: 48.9361702128%; }
.custom-block.aoty-video-with-text .video-box .video-wrapper { border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.custom-block.aoty-video-with-text .video-box .video-wrapper .video-container { outline: none; text-decoration: none; border: 0; display: block; position: relative; height: 0; padding-bottom: 55.1111111111%; }
.custom-block.aoty-video-with-text .video-box .video-wrapper .video-container .video { border: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 0; background-color: #fafafa; }
.custom-block.aoty-video-with-text .video-box .video-wrapper .video-container .video iframe { width: 100%; height: 100%; }
.custom-block.aoty-video-with-text .video-box .shadow { width: 100%; height: 0; padding-bottom: 4%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
.custom-block.aoty-video-with-text .text-wrapper { width: 51.0638297872%; }
.custom-block.aoty-video-with-text .text-wrapper .large-text p { margin: 15px 0 25px; font-size: 36px; line-height: 36px; font-weight: bold; font-family: "utopia-std", serif; }
.custom-block.aoty-video-with-text .text-wrapper .regular-text p { margin: 0 0 0.75em 0; font-size: 16px; font-family: "proxima-nova", sans-serif; }
.custom-block.aoty-video-with-text .text-wrapper.without-large-text .regular-text { margin-top: 20px; }
.custom-block.aoty-video-with-text.video-left .video-box { float: left; }
.custom-block.aoty-video-with-text.video-left .text-wrapper { float: right; }
.custom-block.aoty-video-with-text.video-left .text-wrapper .text-container { margin-left: 25px; }
.custom-block.aoty-video-with-text.video-right .video-box { float: right; }
.custom-block.aoty-video-with-text.video-right .text-wrapper { float: left; }
.custom-block.aoty-video-with-text.video-right .text-wrapper .text-container { margin-right: 25px; }
.custom-block.aoty-honour-roll-editable-bio { margin-bottom: 20px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper { border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container { padding: 15px; background: #575d67; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .image-wrapper { float: left; width: 31.1111111111%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .image-wrapper .image-container { position: relative; height: 0; background-color: #f0ede8; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 100%; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .image-wrapper .image-container a { display: block; text-decoration: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper { float: left; width: 68.8888888889%; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container { margin-left: 20px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container p.heading { color: white; margin: 10px 0 0.75em 0; font-size: 26px; line-height: 26px; font-family: "utopia-std", serif; text-shadow: 0 1px 3px #000; letter-spacing: -0.025em; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content div, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content p, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content ul li { color: white; font-size: 15px; font-family: "proxima-nova", sans-serif; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content ul { margin-top: 0; margin-bottom: 0; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content ul li { list-style-image: url(../graphics/block-editable-bio-bullet.png); margin: 10px 0 20px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content div, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content p { margin: 0 0 0.75em 20px; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content a:link, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content a:visited, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content a:active { color: white; text-decoration: underline; }
.custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content a:hover, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content a:focus { color: white; text-decoration: none; }
.custom-block.aoty-honour-roll-editable-bio .shadow { width: 100%; height: 0; padding-bottom: 2.1276595745%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }

.sidebar .custom-block.aoty-full-width-image .image-outer .shadow { width: 100%; height: 0; padding-bottom: 4%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }

body.pages_default .pagecontent.twoColumns .recipients-block .listing { width: 102.8985507246%; margin-left: -10px; }
body.pages_default .pagecontent.twoColumns .custom-block.aoty-award-categories { width: 102.8985507246%; margin-left: -10px; }
body.pages_default .pagecontent.twoColumns .custom-block.aoty-row-of-call-to-actions .listing { width: 102.8985507246%; margin-left: -10px; }

.block-ui.aoty-award-categories .message p { text-align: center; }
.block-ui.aoty-award-categories .categories .award-category-button { padding: 10px 20px; text-align: center; font-weight: bold; text-shadow: 0 1px 0px #fff; font-size: 14px; text-align: center; border: 1px solid #ddd; border-top-color: #eee; border-bottom-color: #CCC; background-color: #f0ede8; background: #f0ede8; background: -webkit-linear-gradient(top, #f0ede8, #dcd5c9); background: linear-gradient(to bottom, #f0ede8, #dcd5c9); cursor: pointer; }
.block-ui.aoty-award-categories .categories .award-category-button:first-child { border-top-color: #ddd; }
.block-ui.aoty-award-categories .categories .award-category-button:hover { background: #f0ede8; }
.block-ui.aoty-row-of-call-to-actions a.add-new { margin-bottom: 10px; }
.block-ui.aoty-row-of-call-to-actions .items-container:after { content: ''; display: block; clear: both; }
.block-ui.aoty-row-of-call-to-actions .items-container .item { position: relative; text-align: center; font-weight: bold; text-shadow: 0 1px 0px #fff; font-size: 14px; text-align: center; border: 1px solid #ddd; border-top-color: #eee; border-bottom-color: #CCC; background-color: #f0ede8; background: #f0ede8; background: -webkit-linear-gradient(top, #f0ede8, #dcd5c9); background: linear-gradient(to bottom, #f0ede8, #dcd5c9); cursor: pointer; }
.block-ui.aoty-row-of-call-to-actions .items-container .item:first-child { border-top-color: #ddd; }
.block-ui.aoty-row-of-call-to-actions .items-container .item:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 100%; background: url(/core/design/graphics/ui-drag-small.gif) center center no-repeat #f0ede8; border-right: 1px solid #ddd; cursor: move; }
.block-ui.aoty-row-of-call-to-actions .items-container .item:hover { background: #f0ede8; }
.block-ui.aoty-row-of-call-to-actions .items-container .item:hover .inner a.remove { display: block; }
.block-ui.aoty-row-of-call-to-actions .items-container .item .inner { padding: 10px 20px; }
.block-ui.aoty-row-of-call-to-actions .items-container .item .inner .details { /*
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-align:left;
.title {
	padding-left: 20px;
	font-size: 15px;
	line-height: 46px;
}
*/ }
.block-ui.aoty-row-of-call-to-actions .items-container .item .inner a.remove { cursor: pointer; display: none; position: absolute; top: 50%; right: 2px; z-index: 10; width: 30px; height: 30px; margin-top: -15px; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-image: url(/core/design/icons/cross-circle.png); }
.block-ui.aoty-row-of-call-to-actions-selector .filters { font-size: 0; margin-bottom: 10px; }
.block-ui.aoty-row-of-call-to-actions-selector .filters a { display: inline-block; font-size: 11px; padding: 0 10px; border: 1px solid CornflowerBlue; background-color: #E4EDFC; border-radius: 10px; text-decoration: none; color: #5077BE; line-height: 18px; height: 18px; margin-right: 5px; text-shadow: 0 1px 1px #FFF; cursor: pointer; }
.block-ui.aoty-row-of-call-to-actions-selector .filters a:hover, .block-ui.aoty-row-of-call-to-actions-selector .filters a.inactive { border-color: #CCC; background-color: #fafafa; color: #bfbfbf; }
.block-ui.aoty-row-of-call-to-actions-selector .item { border: 1px solid #e1e1e1; border-bottom-width: 0; padding: 5px; }
.block-ui.aoty-row-of-call-to-actions-selector .item:last-child { border-bottom-width: 1px; }
.block-ui.aoty-row-of-call-to-actions-selector .item.border-bottom { border-bottom-width: 1px; }
.block-ui.aoty-row-of-call-to-actions-selector .item.selected { background-color: #44a0fe; color: white; }

/* Quote block */
.blockquote { background: url(../graphics/quote-border.gif) no-repeat top center; margin: 20px 0px; }
.blockquote .blockquote-inner { background: url(../graphics/quote-border.gif) no-repeat bottom center; width: 70%; margin: auto; }
.blockquote .blockquote-inner p { text-align: center; margin: 0px; padding: 20px 0px; line-height: 1.4em; font-size: 15pt; color: #7f725f; font-family: serif; font-style: italic; }

/* Embedded Image */
.embedded-image { background: url(../graphics/embedded-image-shadow.png) no-repeat left bottom; padding-bottom: 8px; padding-top: 1px; margin: 20px 0px; max-width: 642px; }
.embedded-image > div.inner { border: 1px solid #ecebe9; padding: 5px; background: white; position: relative; }
.embedded-image > div.inner img { box-sizing: border-box; margin: 0px; width: 100%; display: block; }
.embedded-image > div.inner .caption { position: absolute; bottom: 5px; left: 5px; right: 5px; background: url(../graphics/caption-background.png); padding: 10px 15px; color: white; font-family: "utopia-std", serif; font-style: italic; font-weight: normal; }

/* Latest Tweets/News/Photos/Videos */
#latest { font-size: 10pt; color: #40464f; }
#latest .column { float: left; width: 222px; padding-right: 20px; }
#latest .heading { height: 105px; position: relative; margin-bottom: 10px; }
#latest .heading h2 { position: absolute; bottom: 15px; left: 0px; right: 0px; margin: 0px; }
#latest .heading h2, #latest .heading h2 a { color: #40464f; text-decoration: none; }
#latest .tweets .heading { background: url(../graphics/twitter-bird.png) no-repeat bottom center; }
#latest .tweets .tweet { background: url(../graphics/tweet-bg.png) no-repeat top left; margin-left: -10px; padding: 7px 10px 5px 20px; margin-bottom: 20px; }
#latest .tweets .tweet a { color: #888888; text-decoration: none; }
#latest .tweets .tweet p { margin: 0px; }
#latest .tweets .tweet .timestamp { color: #f15a40; margin-top: 2px; }

/* Embedded Image Gallery */
.embedded_gallery .gallery_item { width: 80% !important; }

/* YouTube Videos List */
.youtube-videos .video .shadow { width: 100%; height: 0; padding-bottom: 2.1276595745%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
.youtube-videos .video .video-inner { border: 1px solid #e1e1e1; background: white; padding: 6px; }
.youtube-videos .video .video-inner .video-wrapper { height: 0; position: relative; padding-bottom: 50%; }
.youtube-videos .video .video-inner .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-videos .items .page-columns .item { margin: 10px 0px 0px 0px; }
.youtube-videos .items .page-columns:nth-child(odd) .item { margin-right: 5px; }
.youtube-videos .items .page-columns:nth-child(even):after { content: ''; display: block; clear: both; }
.youtube-videos .items .page-columns:nth-child(even) .item { margin-left: 5px; }
.youtube-videos .items .item { background: white; border: 1px solid #e4e4e4; border-top: 1px solid #eaeaea; border-bottom: 1px solid #cbcbcb; padding: 10px; position: relative; height: auto !important; height: 91px; min-height: 91px; }
.youtube-videos .items .item .info { margin-left: 130px; }
.youtube-videos .items .item .info h4 { margin: 0px; font-size: 10pt; }
.youtube-videos .items .item .info p { margin: 0px; color: #aaaaaa; font-size: 9pt; }
.youtube-videos .items .item .image { position: absolute; top: 10px; left: 10px; }

#latest .media .youtube-videos { padding-bottom: 15px; margin-bottom: 5px; width: 460px; text-align: center; }

.newsitems .item { background: url(../graphics/news-homepage-hr.gif) no-repeat bottom center; padding-bottom: 10px; margin-bottom: 20px; }
.newsitems .item p { margin: 10px 0px; }
.newsitems h4 { color: #333333; margin-bottom: 5px; }
.newsitems .meta { color: #8b8b8b; font-family: "utopia-std", serif; font-style: italic; }
.newsitems .hasImage .thumb { float: right; }
.newsitems .hasImage .thumb a { display: block; padding-bottom: 1px; }
.newsitems .hasImage .thumb img { background: white; border: 1px solid #e1e1e1; padding: 5px; }
.newsitems .hasImage .inner { margin-right: 180px; }

.articleView .articleImage { margin: -5px 15px 15px 0px; display: block; padding: 1px; }
.articleView .articleImage img { padding: 6px; background: white; border: 1px solid #e0e0e0; }
.articleView .meta { font-family: "utopia-std", serif; color: #666666; font-style: italic; font-size: 10pt; }

.articleContent .custom-block.aoty-full-width-image { max-width: 50%; }

/* Fabric wrapper */
.fabric { background: #efefef; }

/* Sponsors */
.section.sponsors { background: #e4e4e4; }
.section.sponsors #sponsors .wrapper-inner { padding-top: 30px; height: 140px; position: relative; }
.section.sponsors #sponsors .wrapper-inner > a { display: inline-block; margin: 0px 5px; }
.section.sponsors #sponsors .wrapper-inner > a img { max-width: 60px; }
.section.sponsors #sponsors .wrapper-inner > a:first-child { margin: 0; }
.section.sponsors #sponsors .wrapper-inner > a:first-child img { max-width: 800px; width: 300px; margin-right: 15px; }
.section.sponsors #sponsors .viewsponsors { position: absolute; bottom: 10px; left: 0px; }
.section.sponsors #sponsors .viewsponsors a { display: inline-block; height: 17px; width: 165px; background: url(../graphics/footer-view-sponsors.gif); }
.section.sponsors #sponsors .backtotop { position: absolute; bottom: 0px; right: 0px; width: 200px; height: 31px; text-align: right; }
.section.sponsors #sponsors .backtotop a.button { display: inline-block; height: 31px; width: auto; min-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-left: 35px; padding-right: 20px; position: relative; }
.section.sponsors #sponsors .backtotop a.button:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 35px; height: 100%; background: url(../graphics/footer-back-to-top-arrow.gif) center center no-repeat; }
.section.sponsors #sponsors .backtotop a.button:hover { top: 0; }

/* Footer nav */
.section.mainfooter { background: #000000; }
.section.mainfooter #mainfooter { /* Footer info box */ }
.section.mainfooter #mainfooter ul, .section.mainfooter #mainfooter .col li { list-style: none; padding: 0px; margin: 0px; }
.section.mainfooter #mainfooter a.top { color: white; font-family: "utopia-std", serif; font-size: 11pt; font-style: italic; font-weight: bold; text-decoration: none; display: inline-block; margin-bottom: 5px; }
.section.mainfooter #mainfooter .footernav .row .page-columns .column-inner { padding: 40px 20px 30px 0px; }
.section.mainfooter #mainfooter .footernav ul > li { margin-left: 12px; margin-top: 8px; font-size: 9pt; }
.section.mainfooter #mainfooter .footernav ul > li a { color: #b3b3b3; text-decoration: none; }
.section.mainfooter #mainfooter .footernav ul > li a:hover { color: #f96b53; }
.section.mainfooter #mainfooter .info { max-width: 300px; background: none; }
.section.mainfooter #mainfooter .info .links { padding-top: 40px; padding-bottom: 60px; }
.section.mainfooter #mainfooter .info .links a { display: block; float: left; width: 50%; }
.section.mainfooter #mainfooter .info p { color: #b3b3b3; font-family: "utopia-std", serif; text-transform: uppercase; font-size: 9pt; line-height: 30px; height: 30px; margin: 0px; vertical-align: middle; margin-bottom: 10px; }
.section.mainfooter #mainfooter .info .social { line-height: 16px; height: 16px; }
.section.mainfooter #mainfooter .info .social a { width: 16px; height: 16px; display: inline-block; margin-left: 5px; vertical-align: top; opacity: 1.0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }
.section.mainfooter #mainfooter .info .social a:hover { opacity: 0.8; }
.section.mainfooter #mainfooter .info .social a.facebook { background: url(../graphics/footer-facebook-on-black.gif); }
.section.mainfooter #mainfooter .info .social a.youtube { background: url(../graphics/footer-youtube-on-black.gif); }
.section.mainfooter #mainfooter .info .social a.twitter { background: url(../graphics/footer-twitter-on-black.gif); }
.section.mainfooter #mainfooter .info .social a.instagram { background: url(../graphics/header-social-instagram-on-black.png); opacity: 0.85; background-size: 16px 16px; }
.section.mainfooter #mainfooter form.subscribe { position: relative; width: 300px; }
.section.mainfooter #mainfooter form.subscribe div { position: relative; background-color: #1e1e1e; border-radius: 6px; height: 35px; width: 100%; }
.section.mainfooter #mainfooter form.subscribe div label { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 40px; background: url(../graphics/footer-email-on-black.gif) center center no-repeat; cursor: pointer; }
.section.mainfooter #mainfooter form.subscribe div input { margin: 0; border: 0px; outline: none; padding: 0; position: absolute; width: 220px; top: 0; left: 40px; height: 35px; background: transparent; color: white; }
.section.mainfooter #mainfooter form.subscribe div a { display: block; text-decoration: none; position: absolute; top: 0px; right: 0px; height: 35px; width: 40px; cursor: pointer; background: url(../graphics/footer-subscribe-arrow.png) center center no-repeat; }
.section.mainfooter #mainfooter .footerlinks { font-size: 9pt; padding-bottom: 20px; color: #b3b3b3; position: relative; line-height: 25px; }
.section.mainfooter #mainfooter .footerlinks a, .section.mainfooter #mainfooter .footerlinks .copyright { color: #b3b3b3; }
.section.mainfooter #mainfooter .footerlinks .cre8iveLink { position: absolute; top: 0px; right: 0px; text-align: right; width: 200px; color: #b3b3b3; line-height: 25px; height: 25px; vertical-align: top; }

/* Honour Roll page AJAX Spinner */
#honourRoll .ajax-loading { width: 172px; height: 88px; top: 50px; left: 378px; position: absolute; background: url(../graphics/hw-loader-bg.png); }
#honourRoll .ajax-loading .spinner { width: 74px; height: 25px; background: url(../graphics/hw-loader.png); position: absolute; top: 31px; left: 49px; }

/* Breadcrumbs */
#hwbreadcrumbs { background: url(../graphics/hw-breadcrumbs.png); height: 45px; padding-left: 27px; }
#hwbreadcrumbs .item { line-height: 45px; height: 45px; display: inline-block; background: url(../graphics/hw-breadcrumbs-separator.png) no-repeat right center; padding-left: 10px; padding-right: 25px; color: #e9e9e9; font-family: "utopia-std", serif; font-size: 12pt; text-transform: uppercase; letter-spacing: 0.07em; cursor: pointer; }
#hwbreadcrumbs .item:hover, #hwbreadcrumbs .item.last { color: white; }
#hwbreadcrumbs .item.last { background: none; cursor: default; }

/* Finalists and Recipients blocks for the home page. */
.recipients-block .listing { width: 102.1276595745%; margin-left: -10px; margin-bottom: 20px; }
.recipients-block .listing .item { width: 25%; float: left; }
.recipients-block .listing .item .inner { margin-left: 10px; margin-right: 10px; }
.recipients-block .listing .item .inner h2 { font-size: 16pt; width: 80%; height: 80px; }
.recipients-block .listing .item .inner .image-wrapper { border: 1px solid #f1f1f1; background-color: white; padding: 5px; }
.recipients-block .listing .item .inner .image-wrapper .image-container { outline: none; text-decoration: none; border: 0; display: block; width: 100%; height: 0; padding-bottom: 100%; background-color: #fafafa; background-repeat: no-repeat; background-size: cover; }
.recipients-block .listing .item .inner p.info { padding: 5px 5px 5px 7px; margin: 0px; color: #555555; }
.recipients-block .listing .item .inner p.info a.name:link, .recipients-block .listing .item .inner p.info a.name:visited, .recipients-block .listing .item .inner p.info a.name:hover, .recipients-block .listing .item .inner p.info a.name:active { color: #f15a40; }
.recipients-block .listing .item .inner .shadow { width: 100%; height: 0; padding-bottom: 4%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
.recipients-block.finalists .recipients-wrapper { padding-top: 20px; }
.recipients-block.finalists .tabs { height: 29px; line-height: 29px; overflow: hidden; border-bottom: 1px solid #fd4d3a; }
.recipients-block.finalists .tabs a { background: url(../graphics/finalists-tabs.png) no-repeat bottom left; line-height: 30px; height: 29px; display: inline-block; margin-right: 2px; width: 72px; text-align: center; font-family: "utopia-std", serif; color: white; text-decoration: none; color: #aaaaaa; }
.recipients-block.finalists .tabs a.disabled { background: none; }
.recipients-block.finalists .tabs a.active { background-position: top left; color: white; }
.recipients-block.finalists .container .listing .category { width: 25%; float: left; }
.recipients-block.finalists .container .listing .category > .inner { padding: 0 10px; }
.recipients-block .message { margin-bottom: 20px; border: 2px solid orange; background-color: PapayaWhip; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.recipients-block .message .block-name { padding: 10px; border-bottom: 1px solid orange; font-weight: bold; font-size: 18px; background-color: #ffe5bc; }
.recipients-block .message p { margin: 0; padding: 20px 10px; }

/* Honour Roll */
#honourRoll { padding-top: 30px; margin-bottom: 40px; }
#honourRoll > .border { background: white; border: 1px solid #f1f1f1; padding: 5px; border-radius: 2px; }
#honourRoll .header { background: #2a2f3d; position: relative; height: 423px; -moz-transition: height 200ms ease-in-out; -o-transition: height 200ms ease-in-out; -webkit-transition: height 200ms ease-in-out; -ms-transition: height 200ms ease-in-out; transition: height 200ms ease-in-out; font-family: "utopia-std", serif; color: white; }
#honourRoll .header ul, #honourRoll .header ul li { display: block; list-style: none; margin: 0px; padding: 0px; }
#honourRoll .header .heading { position: absolute; color: white; left: 50px; top: 40px; }
#honourRoll .header .heading h2 { font-size: 40pt; text-shadow: black 0px 3px 0px; color: white; margin: 0px; }
#honourRoll .header .heading p { font-style: italic; font-size: 11pt; text-shadow: black 0px 2px 0px; margin: 0px; }
#honourRoll .header .search { position: absolute; right: 40px; top: 120px; }
#honourRoll .header .search .searchField .input { background-image: url(../graphics/hw-searchbox-focus.png); background: transparent url(../graphics/hw-searchbox.png) no-repeat; width: 298px; height: 32px; position: absolute; top: 0px; right: 0px; outline: none; border: 0px; padding-left: 35px; color: white; font-size: 10pt; padding-top: 2px; margin: 0px; line-height: 32px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#honourRoll .header .search .searchField .input:focus { background-image: url(../graphics/hw-searchbox-focus.png); }
#honourRoll .header .search .searchField .submit { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: none; border: 0px; cursor: pointer; padding: 0px; margin: 0px; font-size: 1px; }
#honourRoll .header #decadeSelector { background: url(../graphics/hw-decades-flat.png) no-repeat 0px 88px; height: 130px; width: 861px; position: absolute; top: 160px; left: 35px; }
#honourRoll .header #decadeSelector.noDecadeSelected { opacity: 0.5; }
#honourRoll .header #decadeSelector li { display: block; list-style: none; width: 130px; position: absolute; top: 90px; background: url(../graphics/hw-decade-toggle-off-flat.png) no-repeat top center; height: 60px; }
#honourRoll .header #decadeSelector li.decade-1 { left: 43px; }
#honourRoll .header #decadeSelector li.decade-2 { left: 172px; }
#honourRoll .header #decadeSelector li.decade-3 { left: 301px; }
#honourRoll .header #decadeSelector li.decade-4 { left: 430px; }
#honourRoll .header #decadeSelector li.decade-5 { left: 560px; }
#honourRoll .header #decadeSelector li.decade-6 { left: 688px; }
#honourRoll .header #decadeSelector li.active { background-image: url(../graphics/hw-decade-toggle-on-flat.png); }
#honourRoll .header #decadeSelector li a { display: block; text-align: center; color: white; text-decoration: none; padding-top: 30px; font-size: 13pt; }
#honourRoll .header #decadeSelector li .yearPopup { top: -75px !important; }
#honourRoll .header #decadeSelector .yearPopup { top: 15px; position: absolute; display: block; left: -5px; width: 140px; height: 57px; text-align: center; color: white; font-size: 22pt; padding-top: 4px; line-height: 40px; text-shadow: black 0px 2px 2px; -moz-transition: opacity 300 ease-in-out; -o-transition: opacity 300 ease-in-out; -webkit-transition: opacity 300 ease-in-out; -ms-transition: opacity 300 ease-in-out; transition: opacity 300 ease-in-out; }
#honourRoll .header #decadeSelector .yearPopup.hidden { display: none; }
#honourRoll .header .yearsDisabled { height: 340px; }
#honourRoll .header .yearsDisabled #decadeSelector, #honourRoll .header .yearsDisabled #yearSelector { opacity: 0.5; }
#honourRoll .header #yearSelector { position: absolute; top: 350px; left: 42px; }
#honourRoll .header #yearSelector li { float: left; display: block; height: 30px; width: 72px; margin-right: 15px; }
#honourRoll .header #yearSelector li a { color: white; text-decoration: none; display: inline-block; height: 30px; line-height: 30px; width: 72px; text-align: center; line-height: 30px; border-radius: 4px; background-color: #444a52; }
#honourRoll .header #yearSelector li.active { background-position: bottom left; }
#honourRoll .header #yearSelector li.active a { background-color: #fc513b; }
#honourRoll .textureArea { background: url(../graphics/hw-texture-repeat.jpg); }
#honourRoll .textureAreaShadow { position: relative; }
#honourRoll .box { position: relative; padding-top: 40px; }
#honourRoll .box h3 { color: #eae1b9; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px; font-size: 19pt; font-weight: normal; margin: 0px; height: 45px; letter-spacing: 0.05em; line-height: 1.2em; }
#honourRoll .box h4.aligned { margin: 0px; height: 30px; color: white; font-weight: normal; text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; text-transform: uppercase; font-size: 10pt; letter-spacing: 1px; }
#honourRoll .landing { padding-top: 10px; padding-bottom: 1px; }
#honourRoll .landing .box { width: 425px; float: left; margin-right: 14px; }
#honourRoll .landing .recipient-photo { float: left; margin-right: 14px; }
#honourRoll .landing .fake { margin-right: 0px !important; }
#honourRoll .landing .fake, #honourRoll .landing .face span { cursor: pointer; }
#honourRoll .no-recipients-big { color: #cecece; text-shadow: #25262c -1px -1px 2px; font-size: 18pt; font-weight: normal; padding-top: 35px; font-family: "utopia-std", serif; text-align: center; }
#honourRoll .recipientView .box-content { border: 1px solid #4c5058; width: 855px; }
#honourRoll .recipientView .box-content h3 { color: #555555; text-shadow: none; font-size: 16pt; }
#honourRoll .recipientView .box-content2 { border: 5px solid white; background: #f8f7f0; position: relative; }
#honourRoll .recipientView .photo-panel { position: absolute; top: 15px; left: 15px; }
#honourRoll .recipientView .photo-panel .recipient-photo .recipient-photo-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; }
#honourRoll .recipientView .photo-panel .meta { color: #ef6554; font-style: italic; font-family: "utopia-std", serif; padding-left: 20px; }
#honourRoll .recipientView .photo-panel .meta a.profile-page-link { color: #ef6554; text-decoration: underline; }
#honourRoll .recipientView .recipient-content { float: right; width: 555px; padding-top: 55px; padding-right: 37px; }
#honourRoll .recipientView .box .recipient-heading { margin-bottom: 30px; }
#honourRoll .recipientView .box .recipient-heading h2 { color: #f15a40; margin: 0px; font-size: 21pt; margin-bottom: 0px; }
#honourRoll .recipientView .box .recipient-heading h3 { margin: 0px; padding: 0px; }
#honourRoll .recipientView .box .recipient-heading p { margin-bottom: 0px; margin-top: 10px; font-style: italic; font-family: "utopia-std", serif; font-size: 12pt; color: #444444; }

/* Basic sliding stuff */
#honourRollContent { position: relative; overflow: hidden; }
#honourRollContent .slide { position: relative; overflow: hidden; width: 928px; top: 0px; }
#honourRollContent .slide-inner { padding-left: 36px; padding-bottom: 36px; }

/* Recipient Photos (can be embedded across the site) */
.recipient-photo, .recipient-photo-nolink { position: relative; display: block; width: 205px; height: 215px; background: url(../graphics/recipient-image-cell-large.png) no-repeat; }
.recipient-photo .recipient-photo-inner, .recipient-photo-nolink .recipient-photo-inner { position: absolute; top: 6px; left: 6px; width: 193px; height: 193px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.recipient-photo:hover .recipient-photo-inner, .recipient-photo.recipient-photo-nolink .recipient-photo-inner, .recipient-photo-nolink:hover .recipient-photo-inner, .recipient-photo-nolink.recipient-photo-nolink .recipient-photo-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.recipient-photo .recipient-photo-label, .recipient-photo-nolink .recipient-photo-label { text-decoration: none !important; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 5px 15px; font-family: 'Times', serif; font-size: 10pt; font-style: italic; background: black; color: white; visibility: hidden; }
.recipient-photo .over-label, .recipient-photo-nolink .over-label { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; line-height: 1.4em; padding-top: 70px; color: white; font-family: "utopia-std", serif; font-style: italic; text-align: center; font-size: 14pt; }

.recipient-photo:hover, .recipient-photo:hover .recipient-photo-label { text-decoration: none !important; }

.recipient-photo:hover .recipient-photo-label { visibility: visible; }

.recipient-photo-nolink .recipient-photo-label { display: none; }

.recipient-photo-extended { width: 419px; background-image: url(../graphics/recipient-image-cell-large-extended.png); }
.recipient-photo-extended .recipient-photo-info { position: absolute; top: 8px; left: 220px; width: 180px; height: 195px; font-family: "utopia-std", serif; font-size: 10.5pt; text-shadow: #fdf6db 0px 1px 1px; }
.recipient-photo-extended .recipient-photo-info p { margin: 0px; }
.recipient-photo-extended .recipient-photo-info .title { margin-top: 20px; color: #484438; }
.recipient-photo-extended .recipient-photo-info .name { color: #f15a40; font-size: 15pt; margin-top: 12px; }
.recipient-photo-extended .recipient-photo-info .desc { font-style: italic; margin-top: 12px; color: #484438; }
.recipient-photo-extended:hover .recipient-photo-label { display: none !important; }

/* Recipient photos */
/* - shared */
.photo-viewer { background: url(../graphics/youtube-shadow.png) no-repeat bottom left; padding-bottom: 15px; margin-bottom: 5px; width: 460px; text-align: center; }
.photo-viewer img { border: 1px solid #e1e1e1; background: white; padding: 5px; }

.photos-slider a { float: left; position: relative; display: block; background: url(../graphics/embedded-gallery-thumb.png) no-repeat; width: 122px; height: 87px; }
.photos-slider a img { position: absolute; top: 6px; left: 6px; }
.photos-slider .photo-control { position: absolute; top: 20px; bottom: 20px; width: 30px; background: url(../graphics/hw-photos-nav.png) no-repeat center center; cursor: pointer; }
.photos-slider .photo-control.back { left: 0px; background-position: top left; }
.photos-slider .photo-control.next { right: 0px; background-position: bottom right; }

#honourRoll .photos-slider a { background: url(../graphics/recipient-image-cell-small.png) no-repeat; width: 87px; height: 92px; }

/* - static */
.photos-slider-static a { margin-right: 10px; margin-bottom: 10px; }

/* - dynamic */
.photos-slider-dynamic { position: relative; height: 92px; width: 463px; }
.photos-slider-dynamic a { margin-right: 7px; margin-left: 7px; }
.photos-slider-dynamic .photos-all { position: relative; }
.photos-slider-dynamic .photos-slider-inner { top: 0px; bottom: 0px; left: 30px; right: 30px; position: absolute; overflow: hidden; }

/* Results page (main template) */
#honourRoll .resultsWithRecipient .box-hseg { float: left; }

#honourRoll .resultsWithRecipient .recipient-box { width: 222px; }

#honourRoll .resultsWithRecipient .recipient-box h3 { margin-top: 20px; margin-bottom: 10px; height: auto; }

#honourRoll .resultsWithRecipient .recipient-box .info { margin-top: 0px; font-family: "utopia-std", serif; color: white; font-style: italic; font-size: 11pt; }

#honourRoll .resultsWithRecipient .result-box { width: 643px; }

/* Mode toggle */
#honourRoll .modeToggle { position: absolute; top: 30px; right: 30px; color: white; z-index: 80; }
#honourRoll .modeToggle label { position: absolute; right: 110px; height: 21px; width: 100px; text-align: right; line-height: 21px; font-size: 9pt; }
#honourRoll .modeToggle .toggle { position: relative; display: block; width: 104px; height: 21px; background: url(../graphics/hw-mode-toggle.png) no-repeat; }
#honourRoll .modeToggle .toggle a { display: block; width: 20px; height: 20px; cursor: pointer; }
#honourRoll .modeToggle .toggle .btn { position: absolute; top: 0px; bottom: 0px; width: 20px; height: 20px; }
#honourRoll .modeToggle .toggle .gridButton { right: 0px; }
#honourRoll .modeToggle .toggle .listButton { left: 0px; }
#honourRoll .modeToggle .switch { position: absolute; top: 0px; left: 25px; right: 25px; bottom: 0px; }
#honourRoll .modeToggle .switch a { display: block; width: 100%; height: 100%; }
#honourRoll .modeToggle .switch span { position: absolute; top: 0px; left: 0px; background: url(../graphics/hw-mode-toggle-switch.png); width: 25px; height: 25px; cursor: pointer; }

/* Honour roll results tabs */
#honourRoll .stateTabs { list-style: none; display: block; padding: 0px; margin: 0px; height: 30px; }
#honourRoll .stateTabs li { display: block; float: left; height: 30px; margin: 0px; padding: 0px; }
#honourRoll .stateTabs li a { display: inline-block; height: 30px; width: 64px; background: url(../graphics/hw-tabs.gif) no-repeat top left; line-height: 30px; text-align: center; color: white; font-family: "utopia-std", serif; text-shadow: #786d58 0px 1px 1px; text-transform: uppercase; text-decoration: none; }
#honourRoll .stateTabs li.active a, #honourRoll .stateTabs li a:hover { text-shadow: none; color: #f15a40; }
#honourRoll .stateTabs li.state a { background-position: 0px -90px; }
#honourRoll .stateTabs li.state.active a, #honourRoll .stateTabs li.state a:hover { background-position: 0px -60px; }
#honourRoll .stateTabs li.all a { background-position: 0px -30px; width: 122px; }
#honourRoll .stateTabs li.all.active a, #honourRoll .stateTabs li.all a:hover { background-position: 0px 0px; }

/* Honour roll results box */
#honourRoll .resultsInner { padding-bottom: 22px; background: url(../graphics/hw-results-shadow.png) no-repeat bottom center; }

#honourRoll .resultsInner2 { background: #d4cbb2; border: 4px solid white; }

#honourRoll .results-as-list .item { height: 65px; font-family: "utopia-std", serif; position: relative; border-top: 1px solid; }
#honourRoll .results-as-list .item:hover a { text-decoration: underline !important; }
#honourRoll .results-as-list.dynamic .item { cursor: pointer; }
#honourRoll .results-as-list .status-2 { background: white; font-style: italic; border-top-color: #f0f0f0; }
#honourRoll .results-as-list .status-2, #honourRoll .results-as-list .status-2 a { color: #f15a40; }
#honourRoll .results-as-list .status-1 { background: #dcd0b4; border-top-color: #c9bea4; }
#honourRoll .results-as-list .status-1, #honourRoll .results-as-list .status-1 a { color: #454545; }
#honourRoll .results-as-list .status-1.odd { background: #d4c8ab; }
#honourRoll .results-as-list .status-0 { background: #e5e2d0; border-top-color: #dbd8c7; }
#honourRoll .results-as-list .status-0 a { color: #000000; }
#honourRoll .results-as-list .status-0.odd { background: #e0dcc6; border-top-color: #d6d2bd; }
#honourRoll .results-as-list .pic { position: absolute; display: block; top: 12px; left: 10px; width: 42px; height: 42px; padding: 3px 0px 0px 3px; background: url(../graphics/hw-image-cell-tiny.png) no-repeat; }
#honourRoll .results-as-list .pic a span { display: block; width: 36px; height: 36px; background-position: center center; background-size: cover; }
#honourRoll .results-as-list .column { position: absolute; top: 0px; height: 65px; line-height: 65px; }
#honourRoll .results-as-list .name { left: 75px; width: 250px; overflow: hidden; }
#honourRoll .results-as-list .year { left: 325px; }
#honourRoll .results-as-list .status { left: 400px; width: 215px; text-align: right; }
#honourRoll .results-as-grid { padding: 1px; padding-bottom: 20px; }
#honourRoll .resultsWithoutRecipient .results-as-list .status { left: 550px; width: 260px; }
#honourRoll .resultsWithoutRecipient .results-as-grid { width: 775px; margin: 0 auto; padding-top: 2px; }
#honourRoll .resultsWithoutRecipient .result-box { width: 850px; }
#honourRoll .resultsWithoutRecipient .resultsInner { background: none; padding-bottom: 1px; }

#honourRoll .results-as-grid .item, .gridPhoto { display: block; margin: 17px 0px 0px 19px; float: left; width: 132px; height: 136px; display: block; background: url(../graphics/hw-photo-grid.png) no-repeat; position: relative; }
#honourRoll .results-as-grid .item .pic, .gridPhoto .pic { position: absolute; top: 6px; left: 6px; height: 120px; width: 120px; background-position: center center; background-size: cover; }
#honourRoll .results-as-grid .item .pic span, .gridPhoto .pic span { display: none; }

#honourRoll .no-recipients { font-size: 14pt; font-family: "utopia-std"; color: #635e50; text-shadow: #f1e6c3 0px 1px 1px; padding: 21px; }

#honourRoll .results-as-grid .no-recipients { padding: 20px; padding-bottom: 1px; }

/* Embedded Award Recipient Bio */
.embedded-bio { background-color: #efefef; padding: 20px; position: relative; margin-bottom: 5px; }
.embedded-bio .recipient-photo { position: absolute; }
.embedded-bio .info { margin-left: 225px; }
.embedded-bio .info h3 { margin-top: 0px; }
.embedded-bio .info h2 { margin-top: 5px; color: #f15a40; margin-bottom: 0px; }
.embedded-bio .info p.read-more { margin-bottom: 0; }
.embedded-bio .biline { margin-top: 5px; font-family: "utopia-std", serif; font-size: 10pt; font-style: italic; }

.embedded-bio-long { height: auto; }

.embedded-bio-small { background-color: #efefef; margin: 20px 0px; padding: 10px; position: relative; border: 1px solid #e5e4db; }
.embedded-bio-small .image { position: absolute; top: 10px; left: 10px; overflow: hidden; width: 90px; height: 90px; }
.embedded-bio-small .image img { width: 100%; }
.embedded-bio-small .info { padding-left: 100px; line-height: 1.5em; }
.embedded-bio-small .info p { margin: 0; }
.embedded-bio-small .info .title { font-family: "utopia-std"; color: black; font-size: 11pt; }
.embedded-bio-small .info .name { font-family: "utopia-std"; color: #f15a40; font-size: 14pt; }

/* hoverbox */
.hoverbox { position: absolute; }
.hoverbox .top { background: url(../graphics/hw-recipient-hoverbox.png); height: 8px; overflow: hidden; width: 271px; }
.hoverbox .info { width: 241px; background: url(../graphics/hw-recipient-hoverbox.png); background-position: bottom right; color: white; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; font-family: "utopia-std", serif; text-align: center; }
.hoverbox .info .info-title { font-size: 10pt; color: #e1e1e1; }
.hoverbox .info .info-name { font-size: 11pt; color: white; }
.hoverbox .info .info-desc { font-size: 9pt; font-style: italic; }

#honourRoll .pagination { padding-top: 10px; }
#honourRoll .pagination, #honourRoll .pagination a { color: white; }
#honourRoll .pagination a.selected { color: #f15a40; text-decoration: none; font-weight: normal; }

@media only screen and (max-width: 767px) { a.special, .orangelinks a { font-size: 16px; }
  body.homepage { background: #93846b; }
  a:hover { text-decoration: none; }
  img { max-width: 100%; }
  h1, h2 { margin-top: 0px; margin-bottom: 0.7em; padding-top: 30px; font-weight: bold; color: #f15a40; font-size: 26px; line-height: 28px; }
  h1 { padding-top: 0; }
  h3 { color: #555555; font-size: 20px; line-height: 24px; margin: 0 0 0.7em 0; }
  body { margin: 0px; font-size: 16px; padding-top: 45px; padding-bottom: 5px; }
  body.homepage { background-color: white; }
  body.homepage { padding-top: 0; }
  * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .show-for-small { display: inherit !important; }
  .hide-for-small { display: none; }
  .wrapper > .page-columns, .wrapper-inner > .page-columns, .row > .page-columns { float: left; }
  .wrapper > .page-columns.small-1, .wrapper-inner > .page-columns.small-1, .row > .page-columns.small-1 { width: 8.3333333333%; }
  .wrapper > .page-columns.small-2, .wrapper-inner > .page-columns.small-2, .row > .page-columns.small-2 { width: 16.6666666667%; }
  .wrapper > .page-columns.small-3, .wrapper-inner > .page-columns.small-3, .row > .page-columns.small-3 { width: 25%; }
  .wrapper > .page-columns.small-4, .wrapper-inner > .page-columns.small-4, .row > .page-columns.small-4 { width: 33.3333333333%; }
  .wrapper > .page-columns.small-5, .wrapper-inner > .page-columns.small-5, .row > .page-columns.small-5 { width: 41.6666666667%; }
  .wrapper > .page-columns.small-6, .wrapper-inner > .page-columns.small-6, .row > .page-columns.small-6 { width: 50%; }
  .wrapper > .page-columns.small-7, .wrapper-inner > .page-columns.small-7, .row > .page-columns.small-7 { width: 58.3333333333%; }
  .wrapper > .page-columns.small-8, .wrapper-inner > .page-columns.small-8, .row > .page-columns.small-8 { width: 66.6666666667%; }
  .wrapper > .page-columns.small-9, .wrapper-inner > .page-columns.small-9, .row > .page-columns.small-9 { width: 75%; }
  .wrapper > .page-columns.small-10, .wrapper-inner > .page-columns.small-10, .row > .page-columns.small-10 { width: 83.3333333333%; }
  .wrapper > .page-columns.small-11, .wrapper-inner > .page-columns.small-11, .row > .page-columns.small-11 { width: 91.6666666667%; }
  .wrapper > .page-columns.small-12, .wrapper-inner > .page-columns.small-12, .row > .page-columns.small-12 { width: 100%; }
  .wrapper > .page-columns.columns-1, .wrapper-inner > .page-columns.columns-1, .row > .page-columns.columns-1 { width: 100%; }
  .wrapper > .page-columns.columns-2, .wrapper-inner > .page-columns.columns-2, .row > .page-columns.columns-2 { width: 100%; }
  .wrapper > .page-columns.columns-3, .wrapper-inner > .page-columns.columns-3, .row > .page-columns.columns-3 { width: 100%; }
  .wrapper > .page-columns.columns-4, .wrapper-inner > .page-columns.columns-4, .row > .page-columns.columns-4 { width: 100%; }
  .wrapper > .page-columns.columns-5, .wrapper-inner > .page-columns.columns-5, .row > .page-columns.columns-5 { width: 100%; }
  .wrapper > .page-columns.columns-6, .wrapper-inner > .page-columns.columns-6, .row > .page-columns.columns-6 { width: 100%; }
  .wrapper > .page-columns.columns-7, .wrapper-inner > .page-columns.columns-7, .row > .page-columns.columns-7 { width: 100%; }
  .wrapper > .page-columns.columns-8, .wrapper-inner > .page-columns.columns-8, .row > .page-columns.columns-8 { width: 100%; }
  .wrapper > .page-columns.columns-9, .wrapper-inner > .page-columns.columns-9, .row > .page-columns.columns-9 { width: 100%; }
  .wrapper > .page-columns.columns-10, .wrapper-inner > .page-columns.columns-10, .row > .page-columns.columns-10 { width: 100%; }
  .wrapper > .page-columns.columns-11, .wrapper-inner > .page-columns.columns-11, .row > .page-columns.columns-11 { width: 100%; }
  .wrapper > .page-columns.columns-12, .wrapper-inner > .page-columns.columns-12, .row > .page-columns.columns-12 { width: 100%; }
  /* Homepage Columns */
  #homepageMobileContent { padding: 0 5px; }
  .page-columns.pagecontent { padding-top: 20px; padding-bottom: 0px; }
  /* Content unavailable on mobile */
  .mobile-unavailable { background: white; margin-bottom: 20px; border-radius: 5px; padding: 20px 50px; font-size: 1.5em; color: #666666; line-height: 1.5em; font-style: italic; font-family: "utopia-std"; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 2px; }
  #wrapper { min-width: 320px; }
  .wrapper#main > .wrapper-inner { padding-left: 5px; padding-right: 5px; }
  body.homepage .wrapper#main > .wrapper-inner { padding-left: 0; padding-right: 0; }
  /* Main Content */
  .main-content { margin-top: 160px; padding: 0px 25px; box-sizing: border-box; }
  .main-content p { background: rgba(255, 255, 255, 0.01); }
  .main-content .embedded-image { margin-left: -6px; border: 1px solid #e7e7e7; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; outline: 1px solid rgba(0, 0, 0, 0.1); background: white; padding: 5px; }
  .main-content .embedded-image img { max-width: 100%; margin-bottom: 0px; }
  .main-content .embedded-image .caption { background: #1a1312; border-top: 1px solid #2f2825; padding: 10px 15px; color: white; font-family: "utopia-std"; font-size: 0.8em; font-style: italic; }
  .main-content a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); }
  .main-content ol, .main-content ul { color: #ff5032; margin-left: 0px; padding-left: 0px; }
  .main-content ol li, .main-content ul li { margin-left: 30px; padding-left: 0px; color: #444444; }
  .main-content ul li { list-style: disc; }
  /* Banner */
  #banner { padding-bottom: 10px; position: relative; }
  #banner .caption { display: block; font-family: "utopia-std"; color: white; font-size: 1.4em; line-height: 1.2em; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; position: absolute; top: 50px; width: 250px; left: 50px; }
  /* Articles */
  .newsitems .item { border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; }
  .newsitems h4 { font-size: 1.2em; color: #555555; margin-bottom: 5px; }
  .newsitems .meta { margin-top: 0px; margin-bottom: 5px; color: #aaaaaa; }
  .newsitems p { margin: 0px; }
  .articleImage { margin: 0px -25px; }
  .articleImage img { width: 100%; }
  /* Pagination */
  .pagination { margin: 20px 0px; text-align: center; }
  .pagination > a, .pagination > span { display: inline-block; padding: 3px 5px; margin: 0px 5px; }
  .pagination .disabled { color: #bbbbbb; }
  /* Button Styling */
  .button-large { display: block; text-align: center; }
  /* Thanks page */
  .nomination-thanks .reference { font-size: 2em !important; }
  .nomination-thanks .reference dl.centered dt { font-size: 0.8em !important; }
  .CMSForm.alumni-profile input[type="text"], .CMSForm.alumni-profile input[type="password"] { max-width: 100%; }
  .CMSForm.eventSubmission h2 { color: inherit; font-size: 1.2em; }
  a.remove_field { text-indent: -9999px; }
  .formButtons .button { line-height: 20px; height: 35px; }
  .section#headerPlaceholder { background-color: transparent; background-color: black; height: 80px; display: none; }
  body.homepage .section#headerPlaceholder, body.honourRollPage .section#headerPlaceholderz { display: block; }
  #header { position: relative; height: 80px; }
  #header .logo { background: url(../graphics/header-logo-mobile-2017-2018.png) no-repeat; background-size: auto 38px; width: 149px; height: 38px; position: absolute; left: 15px; top: 20px; }
  #header .logo a { width: 100%; height: 100%; }
  #header #principal-partner-container { display: none; }
  #header #site-navigation-helpers-container #site-search-toggler { top: 10px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container { top: 10px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #social-channels-container ul > li { margin-right: 10px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search { padding-right: 50px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search #cancel-site-search { width: 20px; height: 20px; top: 50%; margin-top: -10px; right: 30px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search #cancel-site-search > a { background-size: 20px 20px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner { margin: 20px; height: 56px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner label { width: 56px; background-size: 20px 20px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner .input-container { width: calc(100% - 56px); left: 56px; }
  #header #site-navigation-helpers-container #site-navigation-helpers #site-search-container #search .search-inner .input-container input { left: 0; transform: translateY(-50%); font-size: 26px; }
  #header .header-bg { display: none; }
  .alert-bar-staging { display: none; }
  /* Navigation Styling */
  .site-menu { padding-top: 10px; }
  .site-menu ul, .site-menu ul li { list-style: none; padding: 0px; margin: 0px; }
  .site-menu ul li { display: block; float: none; background: #404849; background: #646f72; background: -webkit-linear-gradient(top, #646f72 0%, #404849 100%); background: linear-gradient(to bottom, #646f72 0%, #404849 100%); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; border-radius: 4px; font-family: "utopia-std"; margin-bottom: 5px; font-weight: 200; margin: 0 0 5px; padding: 0 10px 0 0; height: auto; }
  .site-menu ul li:last-child { margin-bottom: 10px; }
  .site-menu ul li a { margin: 0; color: white; display: block; padding: 6px 12px 8px 12px; font-size: 18px; line-height: 22px; text-shadow: black 0px -1px 0px; text-decoration: none !important; background: url(../mobile-graphics/menu-arrow.png) no-repeat; background-position: right center; background-size: auto 19px; /* 	text-overflow: ellipsis; */ /* 	white-space: nowrap; */ /* 	overflow: hidden; */ line-height: 1.2em; padding-right: 35px; }
  .site-menu ul li.glyph-home a { background-image: url(../graphics/mobile-home-icon.png); background-size: 18px auto; }
  .site-menu ul li.glyph-desktop a { background-image: url(../mobile-graphics/glyph-desktop.png); }
  .site-menu.homelinks { padding: 10px 5px; }
  /* Navbar */
  body.homepage #navigation, body.homepage #navbar { display: none !important; height: 0; overflow: hidden; }
  #navbar { background: #000; background: #444444; background: -webkit-linear-gradient(top, #444444 0%, #2b2b2b 50%, #000000 100%); background: linear-gradient(to bottom, #444444 0%, #2b2b2b 50%, #000000 100%); height: 45px; line-height: 45px; color: white; font-size: 18px; z-index: 50; position: fixed; top: 0px; left: 0px; right: 0px; color: #edebdb; font-family: "utopia-std"; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 1px; }
  #navbar .title { display: block; text-align: center; position: absolute; top: 0px; left: 70px; right: 70px; height: 45px; line-height: 45px; bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  #navbar .back-button { position: absolute; left: 5px; top: 8px; padding-left: 13px; font-size: 12px; color: inherit; }
  #navbar .back-button, #navbar .back-button span { background: url(../mobile-graphics/navbar-back.png) no-repeat; background-size: auto 90px; display: block; height: 30px; line-height: 30px; }
  #navbar .back-button > span { background-position: bottom right; padding-right: 7px; }
  #navbar .back-button > span > span { background-position: center center; background-repeat: repeat; padding: 0px 4px 0 2px; }
  #navbar .back-button.home { background-image: url(../mobile-graphics/navbar-home.png); background-size: auto 35px; padding: 0px; width: 35px; }
  #navbar .back-button.home span { display: none; }
  #navbar .home-button { position: absolute; right: 10px; top: 8px; background-image: url(../mobile-graphics/navbar-home-blank.png); background-size: auto 30px; padding: 0px; display: block; height: 30px; width: 35px; opacity: 0.9; }
  #navbar .home-button:before { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-image: url(../graphics/mobile-home-icon.png); background-size: 18px auto; }
  body.showingMenu #navbar { box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px; }
  /* NEW subnav styles */
  .section.subnav { background-color: #98a2a4; }
  .section.subnav .wrapper { padding: 0; }
  .section.subnav .wrapper#subnav #subnav-wrapper { overflow: hidden; height: 0; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; }
  .section.subnav .wrapper#subnav ul { padding: 10px 10px 1px; margin: 0px; }
  .section.subnav .wrapper#subnav ul, .section.subnav .wrapper#subnav ul li { list-style: none; }
  .section.subnav .wrapper#subnav ul li { display: block; float: none; background: #404849; background: #646f72; background: -webkit-linear-gradient(top, #646f72 0%, #404849 100%); background: linear-gradient(to bottom, #646f72 0%, #404849 100%); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; border-radius: 4px; font-family: "utopia-std"; margin-bottom: 5px; font-weight: 200; margin: 0 0 5px; padding: 0 10px 0 0; height: auto; }
  .section.subnav .wrapper#subnav ul li:last-child { margin-bottom: 10px; }
  .section.subnav .wrapper#subnav ul li a { margin: 0; color: white; display: block; padding: 6px 12px 8px 12px; font-size: 18px; line-height: 22px; text-shadow: black 0px -1px 0px; text-decoration: none !important; background: url(../mobile-graphics/menu-arrow.png) no-repeat; background-position: right center; background-size: auto 19px; /* 	text-overflow: ellipsis; */ /* 	white-space: nowrap; */ /* 	overflow: hidden; */ line-height: 1.2em; padding-right: 35px; }
  .section.subnav .wrapper#subnav ul li.glyph-home a { background-image: url(../graphics/mobile-home-icon.png); background-size: 18px auto; }
  .section.subnav .wrapper#subnav ul li.glyph-desktop a { background-image: url(../mobile-graphics/glyph-desktop.png); }
  .section.subnav .toggle-submenu { position: relative; background: #7d8a8c; background: #a6aeb0; background: -webkit-linear-gradient(top, #a6aeb0 0%, #7d8a8c 100%); background: linear-gradient(to bottom, #a6aeb0 0%, #7d8a8c 100%); color: white; text-transform: uppercase; font-family: "utopia-std"; letter-spacing: 0.1em; height: 35px; font-size: 14px; text-shadow: rgba(0, 0, 0, 0.75) 0px -1px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #ced3d4; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px; }
  .section.subnav .toggle-submenu .label { line-height: 35px; display: block; padding-left: 55px; font-size: 13px; }
  .section.subnav .toggle-submenu .arrow { left: 22px; top: 7px; background-color: #707d7f; }
  .section.subnav .toggle-submenu .arrow, .section.subnav .toggle-submenu .arrow span { display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; }
  .section.subnav .toggle-submenu .arrow span { background-position: top right; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); background-color: #98a2a4; background-image: url(../mobile-graphics/white-arrow.png); background-repeat: no-repeat; background-size: 10px auto; background-position: center center; top: 1px; }
  .section.subnav .toggle-submenu.active .arrow span { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  /* Search */
  .search-form { padding: 0px 0px; }
  .search-form input { font-size: 16px; border-radius: 0.6em; border: none; padding: 8px; outline: none; padding-left: 35px; box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 5px inset; border: 1px solid #554a39; background: white url(../mobile-graphics/site-search.gif) no-repeat left center; background-size: 29px 17px; width: 100%; box-sizing: border-box; }
  .search-results .search-form { padding: 0px; margin-bottom: 10px; }
  .search-results .CMSResult { border-top: 1px solid #d7d7d7; padding-top: 20px; margin-top: 20px; }
  .search-results .CMSResult .CMSResultType { display: none; }
  .search-results .CMSResult .CMSResultDate { margin: 0px; font-size: 0.8em; color: #777777; }
  .search-results .CMSResult h3, .search-results .CMSResult p { margin: 10px 0px 0px 0px; }
  #highlights { padding: 0; height: auto; margin-top: 0; }
  #highlights > .inner { width: 100%; height: 0; position: relative; overflow: hidden; padding: 0 10px; margin-left: -10px; padding-bottom: 38.7401574803%; border: 0; }
  #highlights > .inner > .inner-2 { top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0; }
  #highlights > .inner > .inner-2 > .highlights { top: 0px; left: 0px; width: 100%; height: 100%; padding-bottom: 0; }
  #highlights > .inner > .inner-2 > .highlights .highlight-item { width: 100%; height: 100%; }
  #highlights > .inner > .inner-2 > .highlights .highlight-item .highlights_biglink { width: 100%; height: 100%; }
  #highlights .image-carousel-navigation { position: absolute; height: 10px; width: 300px; left: 320px; bottom: -30px; z-index: 30; text-align: center; }
  #highlights .image-carousel-navigation a { cursor: pointer; display: inline-block; width: 7px; height: 7px; margin-left: 3px; background: url(../graphics/highlight-indicators.gif) no-repeat bottom; }
  .custom-block.aoty-award-categories { width: 100%; margin-left: 0; margin-bottom: 20px; }
  .custom-block.aoty-award-categories .award-category { width: 100%; float: none; }
  .custom-block.aoty-award-categories .award-category .inner { margin-right: 0; margin-left: 0; }
  .custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .badge { background-color: #fbfcfc; border: 1px solid #edece7; border-top-width: 0; }
  .custom-block.aoty-award-categories .award-category .inner .category-outer .category-wrapper .category-container .badge .image-wrapper { display: none; }
  .custom-block.aoty-row-of-call-to-actions .listing { width: 100%; padding: 0 10px; margin-bottom: 0; }
  .custom-block.aoty-row-of-call-to-actions .listing .item { float: none; }
  .custom-block.aoty-row-of-call-to-actions .listing .item.cols-6, .custom-block.aoty-row-of-call-to-actions .listing .item.cols-4 { width: 100%; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner { margin-left: 0; margin-right: 0; margin-bottom: 22px; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 { border: 1px solid #f1f1f1; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .image-wrapper, .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text { border: 5px solid white; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .image-wrapper { border-bottom-width: 0; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text { border-top-width: 0; padding: 15px 15px 10px; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .inner-2 .text p.summary { font-size: 16px; line-height: 1.6em; }
  .custom-block.aoty-row-of-call-to-actions .listing .item .inner .shadow { width: 100%; height: 0; padding-bottom: 2.12766%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
  .custom-block.aoty-video-with-text .video-box { width: 100%; }
  .custom-block.aoty-video-with-text .video-box .shadow { width: 100%; height: 0; padding-bottom: 2.1276595745%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
  .custom-block.aoty-video-with-text .text-wrapper { width: 100%; /*
.regular-text {
	p {
		margin: 0 0 0.75em 0;
		font-size: 16px;
		font-family: "proxima-nova", sans-serif;
	}
}
&.without-large-text {
	.regular-text {
		margin-top: 20px;
	}
}
*/ }
  .custom-block.aoty-video-with-text .text-wrapper .large-text p { margin: 15px 0; font-size: 26px; line-height: 28px; }
  .custom-block.aoty-video-with-text.video-left .video-box, .custom-block.aoty-video-with-text.video-right .video-box { float: none; }
  .custom-block.aoty-video-with-text.video-left .text-wrapper, .custom-block.aoty-video-with-text.video-right .text-wrapper { float: none; }
  .custom-block.aoty-video-with-text.video-left .text-wrapper .text-container, .custom-block.aoty-video-with-text.video-right .text-wrapper .text-container { margin-left: 0; margin-right: 0; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .image-wrapper { float: none; width: 100%; margin-bottom: 20px; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper { float: none; width: 100%; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container { margin-left: 0; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container p.heading { font-size: 26px; line-height: 28px; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content div, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content p, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content ul li { color: white; font-size: 15px; font-family: "proxima-nova", sans-serif; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content ul li { margin: 10px 0; }
  .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content div, .custom-block.aoty-honour-roll-editable-bio .content-wrapper .content-container .text-wrapper .text-container .rich-content p { margin: 0 0 0.75em 0; }
  /* Embedded Image */
  .embedded-image { padding-bottom: 0; background-image: none; }
  .embedded-image > div.inner .caption { margin-top: 1px; position: static; background: black; }
  /* Embedded Image Gallery */
  .wrapper .embedded_gallery .gallery_item { width: 100% !important; background: white; padding: 15px; border-top: 1px solid #d0cfc7; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px; margin: 10px 0px; position: relative; float: none !important; box-sizing: border-box; }
  .wrapper .embedded_gallery .gallery_item .image { position: relative; left: 0; top: 0; margin-bottom: 1px; padding-bottom: 0; }
  .wrapper .embedded_gallery .gallery_item .info { margin-left: 100px; float: none !important; padding-left: 15px; }
  .wrapper .embedded_gallery .gallery_item .info h5 { margin: 0px; font-size: 1em; }
  .wrapper .embedded_gallery .gallery_item .info p { margin-top: 3px; margin-bottom: 0px; }
  .wrapper .embedded_gallery .gallery_item:after { content: ''; display: block; clear: both; }
  /* YouTube Videos Playlist */
  .youtube-videos .items .page-columns:nth-child(odd) .item { margin-right: 0px; }
  .youtube-videos .items .page-columns:nth-child(even) .item { margin-left: 0px; }
  .youtube-videos .items .item .info h4 { font-size: 1em; }
  .youtube-videos .items .item .info p { font-size: 1em; }
  .newsitems .hasImage .thumb { display: none; }
  .newsitems .hasImage .inner { margin-right: 0; }
  body.honourRollPage { background: url(/design/main/mobile-graphics/recipients/bg.gif); }
  .recipient-photo { float: left; width: 47.5%; height: 0; padding-bottom: 47.5%; margin-right: 2.5%; }
  .recipient-photo .recipient-photo-inner { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; box-sizing: border-box; border: 1px solid #cabc96; }
  .recipient-photo .recipient-photo-inner .over-label { height: 20px; line-height: 20px; top: 50%; bottom: auto; margin-top: -18px; font-size: 1em; padding: 0; }
  #honourRoll { padding-top: 0; margin-bottom: 0; /* Honour Roll page AJAX Spinner */ }
  #honourRoll .ajax-loading { top: 50%; left: 50%; margin-top: -44px; margin-left: -86px; }
  #honourRoll > .border { background: transparent; border-width: 0; padding: 0; }
  #honourRoll .header { background: transparent; height: auto; position: relative; overflow: hidden; }
  #honourRoll .header .heading { position: static; color: white; left: 0; top: 0; padding: 0; }
  #honourRoll .header .heading h2 { color: #f02700; margin: 0px; padding-top: 0; font-weight: normal; text-transform: capitalize; text-shadow: none; font-size: 26px; line-height: 28px; }
  #honourRoll .header .heading p { display: none; }
  #honourRoll .header .search { position: absolute; width: 100%; right: 0; top: 0; }
  #honourRoll .header .search #honour-roll-search-toggle { display: block; position: absolute; z-index: 1; height: 36px; width: 36px; background-color: transparent; top: 0; right: 0; }
  #honourRoll .header .search #honour-roll-search-toggle > a { display: block; cursor: pointer; width: 100%; height: 100%; text-decoration: none; background: url(/design/main/graphics/hw-search-magnifier.png) center center no-repeat; }
  #honourRoll .header .search .searchField { z-index: 10; width: 0; padding: 0; margin: 0; position: absolute; right: 0; top: 0; height: 36px; overflow: hidden; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; border-radius: 8px; background-color: #1b232a; border-top: 1px solid #0b0e11; border-bottom: 1px solid #33424f; }
  #honourRoll .header .search .searchField.active, #honourRoll .header .search .searchField:target { width: 100%; }
  #honourRoll .header .search .searchField label { display: block; position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(/design/main/graphics/hw-search-magnifier.png) 1px center no-repeat; }
  #honourRoll .header .search .searchField .input { display: block; position: relative; top: 3px; left: 0; box-sizing: border-box; width: 100%; margin: 0 36px; padding: 0; }
  #honourRoll .header .search .searchField .input, #honourRoll .header .search .searchField .input:focus { background: transparent; }
  #honourRoll .header .search .searchField .submit { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
  #honourRoll .header .search .searchField a.honour-roll-search-close { display: block; position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: transparent; z-index: 20; text-decoration: none; background: url(/design/main/graphics/hw-search-close.png) center center no-repeat; background-size: 16px auto; }
  #honourRoll .header #decadeSelector { margin-top: 15px; margin-bottom: 10px; position: relative; top: 0; left: 0; height: 70px; width: auto; background: transparent; }
  #honourRoll .header #decadeSelector:before { content: ''; display: block; width: 100%; position: absolute; top: 50px; left: 0; height: 4px; border-radius: 4px; background-color: #1b232a; border-top: 1px solid #0b0e11; border-bottom: 1px solid #33424f; }
  #honourRoll .header #decadeSelector ul > li { position: relative; display: block; float: left; left: auto !important; right: auto !important; top: 0; height: 70px; width: 16.6666666667%; background-image: none; }
  #honourRoll .header #decadeSelector ul > li > a { display: block; width: 100%; height: 100%; padding-top: 0; position: relative; font-size: 13px; }
  #honourRoll .header #decadeSelector ul > li > a:before { content: ''; display: block; position: absolute; width: 12px; height: 12px; background-color: #d1d1d1; border-radius: 12px; left: 50%; margin-left: -9px; top: 44px; border: 3px solid #73757b; }
  #honourRoll .header #decadeSelector ul > li:before { content: ''; display: block; position: absolute; width: 1px; left: 50%; top: 25px; height: 25px; background-color: #33424f; border-left: 1px solid #0b0e11; margin-left: -1px; }
  #honourRoll .header #decadeSelector ul > li.active { background: transparent; }
  #honourRoll .header #decadeSelector ul > li.active > a:before { background-color: #f15a40; }
  #honourRoll .header #decadeSelector ul:after { content: ''; display: block; clear: both; }
  #honourRoll .header #decadeSelector .yearPopup { display: none; }
  #honourRoll .header #decadeSelector:after { content: ''; display: block; clear: both; }
  #honourRoll .header #yearSelector { position: static; }
  #honourRoll .header #yearSelector > ul { margin-left: -10px; }
  #honourRoll .header #yearSelector > ul > li { box-sizing: border-box; width: 20%; margin: 0 0 10px 0; padding-left: 10px; }
  #honourRoll .header #yearSelector > ul > li > a { width: 100%; font-size: 13px; }
  #honourRoll .header #yearSelector:after { content: ''; display: block; clear: both; }
  #honourRoll .textureArea { clear: both; background: transparent; }
  #honourRoll #hwbreadcrumbs { background: transparent; height: auto; padding-left: 0; padding-top: 15px; }
  #honourRoll #hwbreadcrumbs .item { line-height: 18px; padding: 4px 20px 4px 0; margin-right: 10px; height: auto; background-size: 10px auto; font-size: 14px; }
  #honourRoll #honourRollContent .slide { width: 100%; }
  #honourRoll #honourRollContent .slide > .slide-inner { padding: 0; }
  #honourRoll .box { padding-top: 20px; }
  #honourRoll .box h3 { height: auto; font-size: 20px; line-height: 24px; margin: 0 0 0.25em 0; }
  #honourRoll .landing { padding-top: 0; }
  #honourRoll .landing .box { width: 100%; float: none; margin-right: 0; }
  #honourRoll .landing .recipient-photo { margin-right: 2.5%; }
  #honourRoll .landing .recipient-photo.fake { margin-right: 0px !important; margin-left: 2.5%; background-image: none; background-color: #907f65; }
  #honourRoll .landing .recipient-photo.fake, #honourRoll .landing .recipient-photo.fake span { cursor: pointer; }
  #honourRoll .landing .recipient-photo.recipient-photo-extended .recipient-photo-info { left: 100%; top: 0; width: 100%; height: 100%; padding-left: 5%; padding-right: 5%; font-size: 1em; background-color: #cabc96; }
  #honourRoll .landing .recipient-photo.recipient-photo-extended .recipient-photo-info p.title { margin-top: 10px; font-size: 14px; line-height: 18px; display: none; }
  #honourRoll .landing .recipient-photo.recipient-photo-extended .recipient-photo-info p.name { margin-top: 10px; font-size: 14px; line-height: 18px; }
  #honourRoll .landing .recipient-photo.recipient-photo-extended .recipient-photo-info p.name br { display: none; }
  #honourRoll .landing .recipient-photo.recipient-photo-extended .recipient-photo-info p.desc { font-size: 14px; line-height: 18px; margin-top: 5px; }
  #honourRoll .resultsInner { padding-bottom: 0; }
  #honourRoll .resultsPage .modeToggle { display: none; }
  #honourRoll .resultsWithRecipient .box-hseg { float: none; }
  #honourRoll .resultsWithRecipient .recipient-box { width: 100%; margin-bottom: 15px; }
  #honourRoll .resultsWithRecipient .recipient-box .box-content h3 { margin-top: 0; margin-bottom: 0; }
  #honourRoll .resultsWithRecipient .recipient-box:after { content: ''; display: block; clear: both; }
  #honourRoll .resultsWithRecipient .result-box { width: 100%; }
  #honourRoll .resultsWithoutRecipient .result-box { width: 100%; }
  #honourRoll .stateTabs { display: none; }
  #honourRoll .results-as-list .item { height: auto; min-height: 70px; padding-left: 70px; padding-right: 10px; line-height: 16px; }
  #honourRoll .results-as-list .item .pic { width: 50px; height: 50px; border: 1px solid #dbd8c7; background: white; padding: 3px; top: 5px; left: 5px; }
  #honourRoll .results-as-list .item .pic > a { display: block; text-decoration: none; width: 50px; height: 50px; }
  #honourRoll .results-as-list .item .pic > a > span { width: 100%; height: 100%; }
  #honourRoll .results-as-list .item .column { height: auto; position: static; }
  #honourRoll .results-as-list .item .column.name, #honourRoll .results-as-list .item .column.year, #honourRoll .results-as-list .item .column.status { left: auto; width: auto; font-size: 14px; line-height: 16px; margin-bottom: 0; text-align: left; }
  #honourRoll .results-as-list .item .column.name { margin-top: 10px; display: block; }
  #honourRoll .results-as-list .item .column.year { display: inline; }
  #honourRoll .results-as-list .item .column.status { display: inline; }
  #honourRoll .recipientView .box-content { width: 100%; }
  #honourRoll .recipientView .box-content .box-content2 { padding: 10px; }
  #honourRoll .recipientView .photo-panel { position: static; }
  #honourRoll .recipientView .photo-panel .recipient-photo { margin-bottom: 15px; float: none; width: 100%; padding-bottom: 100%; margin-right: 0; box-sizing: border-box; border: 1px solid #dbd8c7; position: relative; }
  #honourRoll .recipientView .photo-panel .recipient-photo .recipient-photo-inner { border: none; box-sizing: border-box; border: 5px solid white; background-position: center center; background-repeat: no-repeat; background-size: cover; }
  #honourRoll .recipientView .photo-panel .recipient-photo:after { content: ''; display: block; position: absolute; bottom: -5%; width: 100%; width: 100%; height: 0; padding-bottom: 5%; background: url(../graphics/shadow-160.png) center center no-repeat; background-size: 100% 100%; }
  #honourRoll .recipientView .photo-panel .meta { padding-left: 0; margin-bottom: 0; }
  #honourRoll .recipientView .recipient-content { float: none; width: 100%; padding-top: 10px; clear: both; padding-right: 0; }
  #honourRoll .recipientView .box .recipient-heading { margin-bottom: 20px; }
  #honourRoll .recipientView .box .recipient-heading h2 { margin-top: 0px; margin-bottom: 0.7em; padding-top: 30px; font-weight: bold; color: #f15a40; font-size: 26px; line-height: 28px; margin-bottom: 0px; padding-top: 10px; }
  #honourRoll .recipientView .box .recipient-heading h3 { color: #555555; font-size: 20px; line-height: 24px; margin: 0 0 0.7em 0; margin: 0px; }
  #honourRoll .recipientView .box .recipient-heading p { margin-bottom: 0px; margin-top: 10px; font-size: 1em; }
  #honourRoll .recipientView .box .photos-slider { max-width: 100%; }
  #honourRoll .recipientView .box .photos-slider .photos-slider-inner { position: static; margin-left: -1.78571%; margin-right: -1.78571%; }
  #honourRoll .recipientView .box .photos-slider .photos-slider-inner .photos-all { height: auto; max-width: 100%; }
  #honourRoll .recipientView .box .photos-slider .photos-slider-inner .photos-all:after { content: ''; display: block; clear: both; }
  #honourRoll .recipientView .box .photos-slider .photos-slider-inner .photos-all a { display: block; float: left; box-sizing: border-box; width: 29.75858%; height: 0; padding: 0; padding-bottom: 29.75858%; margin: 0 1.78571% 3.57142%; text-decoration: none; background-image: none; }
  #honourRoll .recipientView .box .photos-slider .photos-slider-inner .photos-all a img { width: 100%; display: block; position: absolute; top: 0; left: 0; border: 1px solid #dbd8c7; padding: 5px; background-color: white; box-sizing: border-box; margin: 0; }
  #honourRoll .recipientView .box .photos-slider .photo-control { display: none; }
  #honourRoll .pagination { padding: 0; }
  /* Recipient Block */
  .embedded-bio { border-radius: 5px; background: white; margin: 15px 0px; margin-bottom: 15px; padding: 15px; height: auto; border-top: 1px solid #d0cfc7; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px; /*
.recipient-photo {
	// The photo is about 193px;
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
	.recipient-photo-inner {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		background-size: cover;
	}	
}
*/ }
  .embedded-bio .recipient-photo { width: 33.33%; height: 0; padding-bottom: 33.33%; margin-right: 0; position: relative; float: left; }
  .embedded-bio .info { margin-left: 0; }
  .embedded-bio .info h2, .embedded-bio .info h3 { margin: 0; margin-left: 15px; font-size: 20px !important; line-height: 22px !important; }
  .embedded-bio .info h2 { padding: 5px 0 0 10px; margin-left: 33.33%; }
  .embedded-bio .info h3 { padding-top: 10px; clear: both; margin-left: 0; }
  .embedded-bio .info p.biline { margin-top: 5px; margin-bottom: 0; font-size: 1em; }
  .embedded-bio .info p.summary { margin: 0; padding: 7px 0 0 0; clear: both; }
  .embedded-bio .info p.read-more { margin: 0; padding-top: 7px; }
  /* Embedded Bio (small, aka search result) */
  .embedded-bio-small { background: white; margin: 10px 0px; border: 1px solid #d8d8d8; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; border-radius: 4px; padding: 20px; position: relative; }
  .embedded-bio-small .image { width: 90px; height: 90px; position: absolute; left: 20px; top: 20px; overflow: hidden; }
  .embedded-bio-small .info { margin-left: 110px; }
  .embedded-bio-small .info p { margin: 0px; }
  .embedded-bio-small .info p.title { color: #ff5032; }
  .embedded-bio-small .info p.desc { color: #888888; }
  .embedded-bio-small .info p.readmore { /* 	display: none; */ }
  /*  // // Styles taken from 'mobile-honour-roll.css'. These are the OLD styles for mobile. //  #honour-roll { // Note that this is a different ID from that of the desktop version, which uses #honourRoll. 	position: absolute; 	top: 0px; 	left: 0px; 	right: 0px; 	bottom: 0px; 	background: url(/design/main/mobile-graphics/recipients/bg.gif); 	.slide { 		position: absolute; 		top: 0px; 		bottom: 0px; 		width: 100%; 		padding-top: 90px; 		overflow: scroll; 		overflow-x: hidden; 		color: white; 		&.main { 			padding-top: 0px; 			.header { 				padding: 0px 20px; 				h1 { 					font-size: 3.7em; 					color: #f02700; 					margin-bottom: 0.3em; 					margin-top: 0.2em; 				} 			} 		} 		.slide-inner { 			padding: 20px; 		} 	} 	 	// 	// This is presumably the same styles as for the main site menu on mobile. 	// 	 	.site-menu { 		ul { 			margin-left: 0px; 			padding-left: 0px; 			padding-right: 0px; 			list-style: none; 			li { 				@include mobile-honour-roll-button(); 			} 		} 	} 	 	// 	// Award Categories. 	// 	 	.categories { 		margin-right: -30px; 		.item { 			float: left; 			width: 45%; 			margin-right: 20px; 			background: white; 			padding: 5px; 			margin-bottom: 20px; 			.recipient-photo { 				width: 100%; 				position: relative; 				img { 					width: 100%; 					position: absolute; 					left: 0px; 					bottom: 0px; 				} 			} 			.title { 				background: #edebdb; 				color: #383e47; 				font-size: 1.2em; 				line-height: 1.4em; 				text-align: center; 				font-weight: bold; 				padding: 15px 40px; 				font-family: "utopia-std"; 			} 		} 	} 	 	// 	// List-style results. 	// 	 	.results-as-list { 		margin-left: -20px; 		margin-right: -20px; 		background: white; 		padding: 5px; 		.item { 			background: #e5e3ce url(/design/main/mobile-graphics/recipients/menu-arrow.png) no-repeat 95% center; 			padding: 30px; 			padding-left: 150px; 			padding-right: 90px; 			color: #3f4650; 			font-family: "utopia-std"; 			font-size: 1.1em; 			line-height: 1.6em; 			position: relative; 			 			// 			// For the national award recipient. 			// 			 			&.status-2 { 				background: #ffffff; 				color: #ff2b00; 			} 			 			&.odd { 				background-color: #dfd8bc; 			} 			 			a { 				color: #3f4650; 				font-weight: bold; 			} 			.pic { 				display: block; 				width: 90px; 				height: 90px; 				position: absolute; 				top: 13px; 				left: 13px; 				span { 					display: block; 					width: 90px; 					height: 90px; 					border: 5px solid white; 				} 			} 		} 	} 	 	// 	// Search input. 	// 	 	.hr-search { 		&, div { 			background: url(../mobile-graphics/recipients/search-box.png); 			height: 89px; 		} 		padding-left: 65px; 		> div { 			background-position: bottom right; 			padding-right: 40px; 			> div { 				background-position: center center; 				background-repeat: repeat-x; 			} 		} 		input { 			height: 80px; 			line-height: 80px; 			padding: 0px; 			padding-top: 5px; 			padding-left: 20px; 			width: 100%; 			box-sizing: content-box; 			border: 0px; 			font-size: 1.5em; 			font-family: "utopia-std"; 			background: transparent; 			color: white; 			outline: none; 		} 	} 	 	// 	// Spinner to display when results are loading. 	// 	 	.spinner { 		text-align: center; 		padding-top: 20px; 	} 	 	.search-title { 		font-size: 1.8em; 		font-family: "utopia-std"; 		text-align: center; 		padding-top: 30px; 		padding-bottom: 50px; 		color: #edebdb; 		font-weight: 200; 		background: url(../mobile-graphics/recipients/search-arrow.gif) no-repeat bottom center; 		&.noresults { 			background: none; 		} 	} 	 } */
  /* FUll view */
  .HRDetail { background: #e5e3ce; border: 4px solid white; padding: 40px; margin-left: -20px; margin-right: -20px; color: #555555; line-height: 1.3em; font-family: "utopia-std"; font-size: 1.5em; }
  .HRDetail h2 { margin: 0px; padding: 0px; font-size: 1.6em; }
  .HRDetail h3 { font-size: 0.9em !important; margin: 0px; color: #8a8879; }
  .HRDetail .biline { color: #ff5032; font-style: italic; margin: 0.8em 0px; }
  .HRDetail .meta { font-family: "utopa-std"; }
  /* Sponsors */
  .section.sponsors { margin-top: 15px !important; }
  .section.sponsors #sponsors .wrapper-inner { height: auto; }
  .section.sponsors #sponsors .wrapper-inner > a { display: block; float: left; width: 33.333%; text-align: center; margin: 0; }
  .section.sponsors #sponsors .wrapper-inner > a:first-child { float: none; width: 100%; width: auto; margin-bottom: 15px; }
  .section.sponsors #sponsors .wrapper-inner > a:first-child > img { display: block; margin: 0 auto; max-width: 80%; }
  .section.sponsors #sponsors .wrapper-inner > a:nth-child(5), .section.sponsors #sponsors .wrapper-inner > a:nth-child(8), .section.sponsors #sponsors .wrapper-inner > a:nth-child(11) { clear: left; }
  .section.sponsors #sponsors .wrapper-inner > a:nth-child(8) { float: none; margin: 0 auto; }
  .section.sponsors #sponsors .wrapper-inner > a > img { margin: 0 auto 5% auto; display: inline; max-width: 80%; }
  .section.sponsors #sponsors .backtotop { margin-top: 20px; clear: both; position: static; width: auto; text-align: center; }
  .section.sponsors #sponsors .backtotop a { display: inline-block; margin: 0 auto; } }

/*# sourceMappingURL=screen.css.map */
