/*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a {
    text-decoration: none
}

a:focus {
    outline: 0
}

a:hover, a:active {
    outline: 0;
    text-decoration: none
}

h1 {
    font-size: 3.7em;
    margin: .67em 0;
    padding-bottom: 11px;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

small {
    font-size: 75%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul, ol {
    margin-left: 0;
    padding: 0 0 0 40px
}

dd {
    margin: 0 0 0 40px
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}

button[disabled], input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal
}

.reset-lists ul {
    margin: 0;
    padding: 0
}

.reset-lists ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    text-decoration: none;
    color: #999
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: normal
}

h2 {
    font-size: 2.0em
}

h3 {
    font-size: 1.8em
}

h4, h5, h6 {
    font-size: 1.6em
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .clearfix {
    height: 1%
}

*:first-child + html .clearfix {
    min-height: 1px
}

html {
    background: url(../graphics/site-bg.png) repeat scroll 0 0 transparent;
    margin-top: 0 !important;
    padding: 0
}

body {
    font: 13px/1.6em 'Myriad Pro', Arial, Helvetica, sans-serif;
    word-wrap: break-word;
    background: transparent;
    color: #000
}

img.alignnone {
    float: none;
    margin-right: 10px;
    margin-bottom: 2px
}

img.alignright {
    float: right;
    margin-left: 10px;
    margin-bottom: 2px
}

img.alignleft {
    float: left;
    margin-right: 0;
    margin-bottom: 2px
}

img.aligncenter {
    float: none;
    margin: 0 auto 2px auto
}

small {
    font-size: .7em
}

.entry-content ol.list {
    margin-left: 20px
}

.entry-content ol.list li {
    list-style: decimal;
    margin: 3px 0;
    border: none !important
}

.entry-content ul.list {
    margin-left: 20px
}

.entry-content ul.list li {
    list-style: disc;
    margin: 3px 0;
    border: none !important
}

.site-container {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    width: 960px;
    margin: 0 auto
}

header.site-header {
    height: 176px;
    background-color: #000;
    padding-top: 8px;
    position: relative
}

header.site-header .header-slide {
    overflow: hidden;
    height: 166px
}

header.site-header .caroufredsel_wrapper {
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    width: 100% !important;
}

header.site-header #logo {
    position: absolute;
    display: inline-block;
    top: 19px;
    left: 0;
    z-index: 2000
}

nav.main-nav {
    background: url(../graphics/menu-ribbon.png) no-repeat scroll 0 0 transparent;
    width: 1076px;
    height: 73px;
    position: relative;
    left: -58px;
    padding-left: 38px; /*margin-top:1px*/
}

nav.main-nav ul {
    margin: 0;
    padding: 0
}

nav.main-nav ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

nav.main-nav ul {
    height: 34px;
    padding: 8px 0
}

nav.main-nav ul li {
    float: left
}

nav.main-nav ul li a {
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    padding: 7px 30px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    border-right: 1px dashed #bc999b;
    line-height: 20px
}

nav.main-nav ul li a:hover {
    background: url(../graphics/white-trans-dot.png) repeat scroll 0 0 transparent
}

nav.main-nav ul li:hover > a {
    background: url(../graphics/white-trans-dot.png) repeat scroll 0 0 transparent
}

nav.main-nav ul li span.before {
    display: none
}

nav.main-nav ul li:first-child a {
    border-left: 1px dashed #bc999b
}

nav.main-nav ul li.current-menu-item a {
    background: url(../graphics/white-trans-dot.png) repeat scroll 0 0 transparent
}

.inner-container {
    padding: 0 20px 30px 20px
}

.timeline-meta {
    margin: 0 auto 10px auto;
    width: 387px
}

.timeline-meta h2.timeline-title {
    font-weight: bold;
    display: inline-block;
    margin-right: 15px;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
    font-size: 15px
}

.timeline-meta ul {
    margin: 0;
    padding: 0
}

.timeline-meta ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.timeline-meta ul.timeline-filter {
    display: inline-block
}

.timeline-meta ul.timeline-filter > li {
    padding: 2px 10px;
    cursor: pointer;
    line-height: 21px;
    position: relative;
    border-radius: 2px;
    border: 1px solid #999;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #eee 0, #ccc 100%);
    background: -o-linear-gradient(top, #eee 0, #ccc 100%);
    background: -ms-linear-gradient(top, #eee 0, #ccc 100%);
    background: linear-gradient(to bottom, #eee 0, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}

.timeline-meta ul.timeline-filter > li span.arrow {
    background: url(../images/filter-arrow.png) no-repeat scroll 0 0 transparent;
    width: 8px;
    height: 5px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    display: inline-block
}

.timeline-meta ul.timeline-filter > li ul {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 230px;
    background-color: #fff;
    border: 2px solid #8d9fad;
    display: none;
    z-index: 1000;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6)
}

.timeline-meta ul.timeline-filter > li ul li {
    padding: 5px 10px;
    cursor: pointer
}

.timeline-meta ul.timeline-filter > li ul li label {
    display: block;
    position: relative;
    top: 3px
}

.timeline-meta ul.timeline-filter > li ul li label input {
    float: right;
    position: relative;
    top: 4px
}

.timeline-meta ul.timeline-filter > li ul li:hover {
    background-color: #dbdbdb
}

.timeline-meta ul.timeline-filter > li ul li.all-button {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eaedef));
    background: -webkit-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -o-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: linear-gradient(to bottom, #fbfbfb 0, #eaedef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eaedef', GradientType=0);
    border-bottom: 1px solid #8d9fad
}

.timeline-meta ul.timeline-filter > li ul li.apta i {
    background: url(../images/sprite.png) no-repeat scroll -22px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-meta ul.timeline-filter > li ul li.court-rules-equipment i {
    background: url(../images/sprite.png) no-repeat scroll -49px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-meta ul.timeline-filter > li ul li.fmtc-and-platform-tennis i {
    background: url(../images/sprite.png) no-repeat scroll -103px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-meta ul.timeline-filter > li ul li.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -130px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-meta ul.timeline-filter > li ul li.notable-events {
    border-bottom: 2px solid #ccc
}

.timeline-meta ul.timeline-filter > li ul li.notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -76px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-meta ul.timeline-filter > li ul li.filter-button a {
    text-align: center;
    display: block;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eaedef));
    background: -webkit-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -o-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: linear-gradient(to bottom, #fbfbfb 0, #eaedef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eaedef', GradientType=0);
    border: 1px solid #8d9fad;
    padding: 2px 6px;
    border-radius: 2px;
    color: #000
}

.timeline-meta ul.timeline-filter > li ul li.filter-button a:hover {
    background: 0;
    background-color: #f4e9be
}

.timeline-meta ul.timeline-filter > li ul li.filter-button:hover {
    background: transparent
}

.timeline-meta ul.timeline-filter > li:hover ul {
    display: block
}

.timeline-meta ul.timeline-filter > li:hover {
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #ccc 0, #eee 100%);
    background: -o-linear-gradient(top, #ccc 0, #eee 100%);
    background: -ms-linear-gradient(top, #ccc 0, #eee 100%);
    background: linear-gradient(to bottom, #ccc 0, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0)
}

.timeline-tabs ul {
    margin: 0;
    padding: 0
}

.timeline-tabs ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.timeline-tabs ul {
    width: 920px;
    height: 64px
}

.timeline-tabs ul li {
    float: left
}

.timeline-tabs ul li a {
    display: block;
    position: relative;
    line-height: 64px;
    font-size: 33px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-left: 1px solid #98948d;
    border-right: 1px solid #d6d2cb;
    padding-bottom: 5px;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    background: #d2ccc3;
    background: -moz-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2ccc3), color-stop(50%, #d0cbc2), color-stop(100%, #a9a59e));
    background: -webkit-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -o-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -ms-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: linear-gradient(to bottom, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2ccc3', endColorstr='#a9a59e', GradientType=0)
}

.timeline-tabs ul li a small {
    display: block;
    line-height: 0;
    font-size: 14px;
    position: relative;
    top: -10px;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
    text-transform: none;
    padding-top: 2px
}

.timeline-tabs ul li:first-child, .timeline-tabs ul li:first-child a {
    border-left: none;
    border-radius: 7px 0 0 0
}

.timeline-tabs ul li:last-child, .timeline-tabs ul li:last-child a {
    border-radius: 0 7px 0 0;
    border-right: 0
}

.timeline-tabs ul li:hover, .timeline-tabs ul li:hover a {
    background: #e9e6e1;
    background: -moz-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e6e1), color-stop(50%, #e8e5e0), color-stop(100%, #d4d2cf));
    background: -webkit-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -o-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -ms-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: linear-gradient(to bottom, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e6e1', endColorstr='#d4d2cf', GradientType=0)
}

.timeline-tabs ul li.ui-state-active a {
    background: #008334;
    background: -moz-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008334), color-stop(50%, #00662c), color-stop(100%, #004d26));
    background: -webkit-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -o-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -ms-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: linear-gradient(to bottom, #008334 0, #00662c 50%, #004d26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008334', endColorstr='#004d26', GradientType=0);
    color: #fff
}

.timeline-tabs ul li.tab-1 a {
    width: 208px
}

.timeline-tabs ul li.tab-2 a {
    width: 193px
}

.timeline-tabs ul li.tab-3 a {
    width: 150px
}

.timeline-tabs ul li.tab-4 a {
    width: 180px
}

.timeline-tabs ul li.tab-5 a {
    width: 181px
}

.no-borderradius .timeline-tabs ul li.tab-5 a {
    width: 180px
}

.timeline-wrapper {
    position: relative;
    clear: both
}

.timeline-wrapper .event-load-mask {
    display: none;
    background: url(../images/black-trans-dot.png) repeat scroll 0 0 transparent;
    position: absolute;
    width: 100%;
    height: 310px;
    top: 0;
    left: 0;
    z-index: 6000
}

.timeline-wrapper .event-load-mask img {
    position: absolute;
    left: 50%;
    margin-left: -27px;
    top: 50%;
    margin-top: -27px
}

.timeline-wrapper .scroll-pane {
    overflow: hidden;
    height: 310px
}

.timeline-wrapper .timeline {
    width: auto;
    height: 310px;
    display: none
}

.timeline-wrapper .timeline .inner-wrap {
    float: left;
    width: auto;
    height: 270px;
    padding: 20px
}

.timeline-wrapper .timeline .inner-wrap h2 {
    color: #fff;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 15px
}

.timeline-wrapper .timeline .inner-wrap .event-container {
    height: 260px;
    width: auto
}

.timeline-wrapper .timeline .inner-wrap a.event-item {
    background-color: #fff;
    width: 215px;
    height: auto;
    padding: 5px;
    position: relative;
    z-index: 101;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    display: block;
    color: #000;
    text-decoration: none
}

.timeline-wrapper .timeline .inner-wrap a.event-item h3 {
    padding-top: 6px;
    padding-left: 3px;
    float: left;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    width: 170px;
    line-height: 1.3em
}

.timeline-wrapper .timeline .inner-wrap a.event-item.apta i {
    background: url(../images/sprite.png) no-repeat scroll -22px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.apta:hover {
    background-color: #9fedad;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment i {
    background: url(../images/sprite.png) no-repeat scroll -49px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment:hover {
    background-color: #fff0af;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap a.event-item.fmtc-and-platform-tennis i {
    background: url(../images/sprite.png) no-repeat scroll -103px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.fmtc-and-platform-tennis:hover {
    background-color: #82e5fd
}

.timeline-wrapper .timeline .inner-wrap a.event-item.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -130px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.fmtc-notable-events:hover {
    background-color: #d9d9d9;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap a.event-item.notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -76px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.notable-events:hover {
    background-color: #f3b9ba;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap:first-child {
    padding-left: 50px
}

.timeline-wrapper .timeline .inner-wrap a.event-item.apta.fmtc-and-platform-tennis i, .timeline-wrapper .timeline .inner-wrap a.event-item.apta.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -22px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.apta.fmtc-and-platform-tennis:hover, .timeline-wrapper .timeline .inner-wrap a.event-item.apta.fmtc-notable-events:hover {
    background-color: #9fedad;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment.fmtc-and-platform-tennis i, .timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -49px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment.fmtc-and-platform-tennis:hover, .timeline-wrapper .timeline .inner-wrap a.event-item.court-rules-equipment.fmtc-notable-events:hover {
    background-color: #fff0af;
    border: 1px solid #fff
}

.timeline-wrapper .timeline .inner-wrap a.event-item.notable-events.fmtc-and-platform-tennis i, .timeline-wrapper .timeline .inner-wrap a.event-item.notable-events.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -76px 0 transparent;
    width: 27px;
    height: 27px;
    display: block;
    margin-right: 10px;
    float: left
}

.timeline-wrapper .timeline .inner-wrap a.event-item.notable-events.fmtc-and-platform-tennis:hover, .timeline-wrapper .timeline .inner-wrap a.event-item.notable-events.fmtc-notable-events:hover {
    background-color: #f3b9ba;
    border: 1px solid #fff
}

.timeline-wrapper .shadow {
    box-shadow: 0 0 100px #000 inset;
    height: 310px;
    width: 920px;
    position: absolute;
    top: 0;
    z-index: 100
}

.timeline-wrapper a.scroll-left {
    background: url(../images/sprite.png) no-repeat scroll 0 -27px transparent;
    width: 71px;
    height: 106px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    left: -5px;
    z-index: 102
}

.timeline-wrapper a.scroll-left:hover {
    background-position: 0 -132px;
    text-decoration: none
}

.timeline-wrapper a.scroll-right {
    background: url(../images/sprite.png) no-repeat scroll -71px -27px transparent;
    width: 71px;
    height: 106px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    right: -5px;
    z-index: 102
}

.timeline-wrapper a.scroll-right:hover {
    background-position: -71px -132px;
    text-decoration: none
}

#timeline-slider {
    clear: both;
    background: url(../images/slider.png) no-repeat scroll 0 0 transparent;
    width: 920px;
    height: 14px;
    position: relative
}

#timeline-slider .slider {
    width: 873px;
    height: 14px;
    margin: 0 32px 0 15px;
    position: relative
}

#timeline-slider .slider a.ui-slider-handle {
    background: url(../images/slider-handle.png) no-repeat scroll 0 0 transparent;
    width: 18px;
    height: 28px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    z-index: 200
}

.mask {
    background: url(../images/black-trans-dot.png) repeat scroll 0 0 transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000
}

.popup {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #181616;
    width: 560px;
    padding: 20px;
    position: fixed;
    z-index: 5100
}

.popup .content-container {
    position: relative;
    padding-bottom: 40px
}

.popup .content-container h2.entry-title {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 1.1em
}

.popup .content-container img {
    display: block;
    margin: 0 auto 20px;
    border: 6px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}

.popup .content-container a.more-link {
    background: url(../images/sprite.png) no-repeat scroll 0 -323px transparent;
    width: 134px;
    height: 35px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    right: -30px;
    bottom: -12px
}

.popup .content-container a.more-link:hover {
    background-position: -134px -323px
}

.popup .content-container .audiojs {
    width: 560px
}

.popup .content-container .audiojs .scrubber {
    width: 380px
}

.popup .close {
    background: url(../images/sprite.png) no-repeat scroll -157px 0 transparent;
    width: 34px;
    height: 33px;
    display: block;
    position: absolute;
    top: -11px;
    right: -11px;
    text-decoration: none
}

.tabs-hog {
    position: relative
}

.tabs-hog ul {
    margin: 0;
    padding: 0
}

.tabs-hog ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs-hog > ul {
    width: 920px;
    height: 64px
}

.tabs-hog > ul li {
    float: left
}

.tabs-hog > ul li a {
    display: block;
    position: relative;
    line-height: 64px;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-left: 1px solid #98948d;
    border-right: 1px solid #d6d2cb;
    padding-bottom: 5px;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    background: #d2ccc3;
    background: -moz-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2ccc3), color-stop(50%, #d0cbc2), color-stop(100%, #a9a59e));
    background: -webkit-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -o-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: -ms-linear-gradient(top, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    background: linear-gradient(to bottom, #d2ccc3 0, #d0cbc2 50%, #a9a59e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2ccc3', endColorstr='#a9a59e', GradientType=0)
}

.tabs-hog > ul li a small {
    display: block;
    line-height: 0;
    font-size: 12px;
    position: relative;
    top: -10px;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif
}

.tabs-hog > ul li:first-child, .tabs-hog > ul li:first-child a {
    border-left: none;
    border-radius: 7px 0 0 0
}

.tabs-hog > ul li:last-child, .tabs-hog > ul li:last-child a {
    border-radius: 0 7px 0 0;
    border-right: 0
}

.tabs-hog > ul li:hover, .tabs-hog > ul li:hover a {
    background: #e9e6e1;
    background: -moz-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e6e1), color-stop(50%, #e8e5e0), color-stop(100%, #d4d2cf));
    background: -webkit-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -o-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: -ms-linear-gradient(top, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    background: linear-gradient(to bottom, #e9e6e1 0, #e8e5e0 50%, #d4d2cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e6e1', endColorstr='#d4d2cf', GradientType=0)
}

.tabs-hog > ul li.ui-state-active a {
    background: #008334;
    background: -moz-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008334), color-stop(50%, #00662c), color-stop(100%, #004d26));
    background: -webkit-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -o-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: -ms-linear-gradient(top, #008334 0, #00662c 50%, #004d26 100%);
    background: linear-gradient(to bottom, #008334 0, #00662c 50%, #004d26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008334', endColorstr='#004d26', GradientType=0);
    color: #fff
}

.tabs-hog > ul li.tab-1 a {
    width: 208px
}

.tabs-hog > ul li.tab-2 a {
    width: 193px
}

.tabs-hog > ul li.tab-3 a {
    width: 150px
}

.tabs-hog > ul li.tab-4 a {
    width: 180px
}

.tabs-hog > ul li.tab-5 a {
    width: 181px
}

.tabs-hog .hog-filter-wrapper {
    border-radius: 10px;
    padding: 0 8px 5px 8px;
    position: relative;
    border: 1px solid #cdcdcd;
    clear: both;
    margin: 20px 0;
    font-size: 12px
}

.tabs-hog .hog-filter-wrapper ul {
    margin: 0;
    padding: 0
}

.tabs-hog .hog-filter-wrapper ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs-hog .hog-filter-wrapper ul li {
    margin: 0 6px;
    display: inline-block;
    position: relative
}

.tabs-hog .hog-filter-wrapper ul li input {
    display: inline-block;
    margin-right: 5px
}

.tabs-hog .hog-filter-wrapper ul li span.border {
    width: 1px;
    height: 27px;
    top: 5px;
    left: 8px;
    position: relative;
    display: inline-block;
    background-color: #ccc
}

.tabs-hog .hog-filter-wrapper ul li.apta i {
    background: url(../images/sprite.png) no-repeat scroll -22px 0 transparent;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.tabs-hog .hog-filter-wrapper ul li.court-rules-equipment i {
    background: url(../images/sprite.png) no-repeat scroll -49px 0 transparent;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.tabs-hog .hog-filter-wrapper ul li.fmtc-and-platform-tennis i {
    background: url(../images/sprite.png) no-repeat scroll -103px 0 transparent;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.tabs-hog .hog-filter-wrapper ul li.fmtc-notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -130px 0 transparent;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.tabs-hog .hog-filter-wrapper ul li.notable-events i {
    background: url(../images/sprite.png) no-repeat scroll -76px 0 transparent;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.tabs-hog .hog-filter-wrapper ul li.filter-button {
    display: block
}

.tabs-hog .hog-filter-wrapper ul li.filter-button a {
    text-align: center;
    display: block;
    margin-top: 5px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eaedef));
    background: -webkit-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -o-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0, #eaedef 100%);
    background: linear-gradient(to bottom, #fbfbfb 0, #eaedef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eaedef', GradientType=0);
    border: 1px solid #8d9fad;
    padding: 2px 6px;
    border-radius: 2px;
    color: #000
}

.tabs-hog .hog-filter-wrapper ul li.filter-button a:hover {
    background: 0;
    background-color: #f4e9be
}

.tabs-hog .hog-filter-wrapper ul li.filter-button:hover {
    background: transparent
}

.tabs-hog section.events {
    position: relative
}

.tabs-hog section.events .tab-content article.event-entry {
    padding: 40px 40px 21px;
    border-radius: 10px;
    margin-bottom: 12px;
    position: relative;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, #e4e4e4 0, #e4e4ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4ea));
    background: -webkit-linear-gradient(top, #e4e4e4 0, #e4e4ea 100%);
    background: -o-linear-gradient(top, #e4e4e4 0, #e4e4ea 100%);
    background: -ms-linear-gradient(top, #e4e4e4 0, #e4e4ea 100%);
    background: linear-gradient(to bottom, #e4e4e4 0, #e4e4ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0)
}

.tabs-hog section.events .tab-content article.event-entry h2.entry-title {
    font-size: 45px;
    line-height: 40px;
    margin-bottom: 28px
}

.tabs-hog section.events .tab-content article.event-entry span.year-tag {
    background: url(../images/sprite.png) no-repeat scroll -191px 0 transparent;
    width: 77px;
    height: 46px;
    display: block;
    position: absolute;
    top: 20px;
    left: -90px;
    line-height: 46px;
    color: #fff;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    font-size: 25px;
    text-align: center;
    padding-left: 13px
}

.tabs-hog section.events .tab-content article.event-entry a.btt {
    font-size: 15px;
    position: absolute;
    top: 23px;
    right: 20px
}

.tabs-hog section.events .tab-content article.event-entry a.btt i {
    background: url(../images/sprite.png) no-repeat scroll 0 0 transparent;
    width: 22px;
    height: 15px;
    display: inline-block;
    margin-right: 10px
}

.tabs-hog section.events .tab-content article.event-entry figure {
    background-color: #fff;
    padding: 3px;
    border: 1px solid #d7d8d8;
    height: auto;
    width: 211px;
    display: inline-block;
    float: left;
    margin-right: 40px
}

.tabs-hog section.events .tab-content article.event-entry figure img.wp-post-image {
    display: block
}

.tabs-hog section.events .tab-content article.event-entry figure figcaption {
    padding: 5px 5px 2px;
    font-size: 12px;
    line-height: 16px
}

.tabs-hog section.events .tab-content article.event-entry p {
    float: left;
    width: 570px;
    margin: 0;
    font-size: 16px
}

.tabs-hog section.events .tab-content article.event-entry a.more-link {
    background: url(../images/sprite.png) no-repeat scroll 0 -323px transparent;
    width: 134px;
    height: 35px;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    right: -47px;
    margin-top: 50px;
    float: right
}

.tabs-hog section.events .tab-content article.event-entry a.more-link:hover {
    background-position: -134px -322px
}

.tabs-hog section.events a.load-more-events {
    clear: both;
    display: block;
    font-size: 40px;
    padding: 30px 0;
    margin: 30px 0 10px 0;
    border-radius: 10px;
    text-align: center;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    background: #ffd3ce;
    background: -moz-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd3ce), color-stop(100%, #cfaaa6));
    background: -webkit-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -o-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -ms-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: linear-gradient(to bottom, #ffd3ce 0, #cfaaa6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3ce', endColorstr='#cfaaa6', GradientType=0)
}

.tabs-hog section.events small.post-count {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    display: block
}

.tabs-hog .hog-load-mask {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/black-trans-dot.png) repeat scroll 0 0 transparent;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 6000
}

.tabs-hog .hog-load-mask img {
    position: absolute;
    left: 50%;
    margin-left: -27px;
    top: 50%;
    margin-top: -27px
}

#primary.event-detail article.entry-content h1.entry-title {
    margin-bottom: 7px;
    line-height: 50px
}

#primary.event-detail article.entry-content .col1 {
    float: left;
    width: 307px;
    padding-right: 35px
}

#primary.event-detail article.entry-content .col1 figure {
    background-color: #fff;
    padding: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    display: inline-block
}

#primary.event-detail article.entry-content .col1 figure figcaption {
    margin-left: 5px;
    font-size: 14px;
    line-height: 18px;
    padding: 5px
}

#primary.event-detail article.entry-content .col1 .featured-media {
    margin-top: 20px
}

#primary.event-detail article.entry-content .col1 .featured-media .audiojs {
    width: 320px
}

#primary.event-detail article.entry-content .col1 .featured-media .audiojs .scrubber {
    width: 130px
}

#primary.event-detail article.entry-content .col1 .additional-info {
    margin-top: 20px;
    padding-left: 2px;
    width: 266px
}

#primary.event-detail article.entry-content .col2 {
    float: left;
    font-size: 15px;
    line-height: 1.6em;
    padding-top: 3px;
    width: 549px
}

#primary.event-detail article.entry-content .col2 p {
    margin-top: 0
}

nav.nav-single {
    margin-top: 30px
}

nav.nav-single .nav-previous {
    float: left
}

nav.nav-single .nav-next {
    float: right
}

.donate-page section {
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 5px;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -o-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -ms-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: linear-gradient(to bottom, #e4e4e4 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0)
}

.donate-page section h2.section-title {
    font-size: 40px
}

.donate-page section.first .col1 {
    float: left;
    width: 460px;
    font-size: 16px
}

.donate-page section.first .col2 {
    float: right;
    width: 330px
}

.donate-page section.first .col2 .note-bg {
    background: url(../images/donate-note.png) no-repeat scroll 0 0 transparent;
    width: 229px;
    height: 201px;
    position: relative;
    padding: 50px
}

.donate-page section.first .col2 .note-bg h2 {
    font-size: 80px;
    margin-bottom: 30px
}

.donate-page section.first .col2 .note-bg strong {
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    font-size: 23px;
    font-weight: normal
}

.donate-page section.first .col2 .note-bg p {
    font-size: 16px
}

.donate-page section.second ul {
    margin: 0;
    padding: 0
}

.donate-page section.second ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.donate-page section.second ul {
    margin-bottom: 20px
}

.donate-page section.second li {
    font-size: 15px;
    line-height: 1.6em
}

.donate-page section.second h2.section-title {
    margin-bottom: 40px
}

.donate-page section.second h3 {
    font-size: 27px
}

.donate-page section.second .col1 {
    width: 23%;
    float: left;
    margin-right: 20px
}

.donate-page section.second .col2 {
    width: 23%;
    float: left;
    margin-right: 20px
}

.donate-page section.second .col3 {
    width: 23%;
    float: left;
    margin-right: 20px
}

.donate-page section.second .col4 {
    width: 23%;
    float: left
}

.donate-page section.third h2.section-title {
    margin-bottom: 20px
}

.donate-page section.third small {
    font-size: 15px;
    margin-bottom: 20px;
    display: block
}

.donate-page section.third img {
    padding: 2px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: block
}

.donate-page section.third .col1 {
    float: left;
    margin-right: 40px;
    width: 30%
}

.donate-page section.third .col2 {
    float: left;
    margin-right: 40px;
    width: 30%
}

.donate-page section.third .col3 {
    float: left;
    width: 30%
}

.donate-page section.third figure {
    width: 256px
}

.donate-page section.third figure figcaption {
    background-color: #000;
    color: #fff;
    padding: 10px;
    font-size: 30px;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    width: 100%;
    margin-top: -3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.donate-page .button-container {
    line-height: 14px;
    margin: 7px 11px 0 0;
    padding: 20px;
    border-radius: 6px;
    background: #ffd3ce;
    background: -moz-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd3ce), color-stop(100%, #cfaaa6));
    background: -webkit-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -o-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: -ms-linear-gradient(top, #ffd3ce 0, #cfaaa6 100%);
    background: linear-gradient(to bottom, #ffd3ce 0, #cfaaa6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3ce', endColorstr='#cfaaa6', GradientType=0)
}

.donate-page .button-container h2.section-title {
    font-size: 50px;
    margin: 7px 20px 0 4px;
    line-height: 64px;
    float: left;
    display: inline-block
}

.donate-page .button-container p {
    display: -inline-block;
    float: left;
    width: 368px;
    margin: 11px 20px 0 5px
}

.donate-page .button-container a {
    background: url(../images/sprite.png) no-repeat scroll -177px -270px transparent;
    width: 177px;
    height: 53px;
    text-indent: -9999px;
    display: inline-block;
    margin-top: 18px
}

.donate-page .button-container a:hover {
    background-position: 0 -270px
}

.contact-page section {
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 5px;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -o-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: -ms-linear-gradient(top, #e4e4e4 0, #fff 100%);
    background: linear-gradient(to bottom, #e4e4e4 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0)
}

.contact-page h2.section-title {
    font-size: 40px
}

.contact-page .col1 {
    float: left;
    font-size: 16px;
    width: 510px
}

.contact-page .col1 a {
    text-decoration: underline
}

.contact-page .col1 a.button {
    background: url(../images/sprite.png) no-repeat scroll -142px -106px transparent;
    width: 300px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    text-decoration: none
}

.contact-page .col1 a.button:hover {
    background-position: -142px -137px
}

.contact-page .col2 {
    float: right;
    width: 300px
}

.contact-page .col2 .note-bg {
    background: url(../images/contact-us-note.png) no-repeat scroll 0 0 transparent;
    width: 219px;
    height: 151px;
    position: relative;
    padding: 40px
}

.contact-page .col2 .note-bg h3 {
    font-size: 20px
}

.contact-page .col2 .note-bg p {
    margin: 0
}

.hof-page ul {
    margin: 0;
    padding: 0
}

.hof-page ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.hof-page .tabs-hof ul.tab-style li {
    float: left;
    padding: 0 10px;
    position: relative;
    border-left: 1px solid #ccc
}

.hof-page .tabs-hof ul.tab-style li a {
    color: #a3a3a3;
    display: block;
    padding: 20px 20px;
    font-size: 32px;
    font-family: 'LeagueGothicRegular', Arial, sans-serif;
    border-radius: 10px
}

.hof-page .tabs-hof ul.tab-style li a:hover {
    background-color: #f1dcae;
    text-shadow: -4px 0 1px #fff;
    color: #000
}

.hof-page .tabs-hof ul.tab-style li span.arrow {
    background: url(../images/hof-arrow.png) no-repeat scroll 0 0 transparent;
    width: 119px;
    height: 21px;
    position: absolute;
    z-index: 100;
    display: none;
    top: 86px;
    left: 50%;
    margin-left: -60px
}

.hof-page .tabs-hof ul.tab-style li:first-child {
    border-left: none
}

.hof-page .tabs-hof ul.tab-style li.ui-state-active a {
    background-color: #f1dcae;
    text-shadow: -4px 0 1px #fff;
    color: #000
}

.hof-page .tabs-hof ul.tab-style li.ui-state-active span.arrow {
    display: block
}

.hof-page .tabs-hof .tabs-container {
    margin-top: 30px;
    padding: 30px 28px;
    border-top: 1px solid #ccc;
    background: #e8e8e8;
    background: -moz-linear-gradient(top, #e8e8e8 0, #fff 10%, #fff 90%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(10%, #fff), color-stop(90%, #fff), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #e8e8e8 0, #fff 10%, #fff 90%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #e8e8e8 0, #fff 10%, #fff 90%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #e8e8e8 0, #fff 10%, #fff 90%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #e8e8e8 0, #fff 10%, #fff 90%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=0)
}

.hof-page .tabs-hof .tabs-container .search {
    border: 1px solid #ccc;
    border-radius: 30px;
    position: relative;
    float: right;
    width: 230px;
    padding: 3px;
    background-color: #fff
}

.hof-page .tabs-hof .tabs-container .search i {
    background: url(../images/sprite.png) no-repeat scroll -336px 0 transparent;
    width: 11px;
    height: 12px;
    display: inline-block;
    position: relative;
    left: 3px;
    top: 4px
}

.hof-page .tabs-hof .tabs-container .search input {
    background: 0;
    outline: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 24px;
    height: 26px
}

.hof-page .tabs-hof .tabs-container .tab-content {
    margin-top: 60px
}

.hof-page .tabs-hof .tabs-container #tabs-1 {
    position: relative
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column-wrapper {
    text-align: center
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element {
    padding: 0 10px;
    text-align: left;
    display: inline-block
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element h2 {
    color: #a4231f;
    text-transform: uppercase;
    font-size: 35px;
    margin-top: 40px
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element h2:first-child {
    margin-top: 0
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element h3 {
    font-size: 16px;
    display: inline-block
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element a.item {
    text-decoration: underline;
    margin: 0 1px
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element a.item:hover {
    text-decoration: none;
    color: #a4231f
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element ul.list li a span.comma {
    display: inline-block
}

.hof-page .tabs-hof .tabs-container #tabs-1 .column .column-element ul.list li:last-child a span.comma {
    display: none
}

.hof-page .tabs-hof .tabs-container #tabs-1 span.divider1 {
    background: url(../images/divider.png) repeat-y scroll 0 0 transparent;
    width: 9px;
    height: 90%;
    position: absolute;
    top: 0;
    left: 260px;
    display: block
}

.hof-page .tabs-hof .tabs-container #tabs-1 span.divider2 {
    background: url(../images/divider.png) repeat-y scroll 0 0 transparent;
    width: 9px;
    height: 90%;
    position: absolute;
    top: 0;
    left: 550px;
    display: block
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col1 {
    float: left;
    width: 403px
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col1 p {
    margin-top: 0;
    font-size: 15px
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col2 {
    float: right;
    width: 400px;
    padding-top: 10px
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col2 figure {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    background-color: #fff;
    padding: 5px;
    margin-bottom: 5px
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col2 figure img {
    display: block
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col2 figure figcaption {
    display: block;
    text-align: center
}

.hof-page .tabs-hof .tabs-container #tabs-2 .col2 small {
    font-size: 11px;
    line-height: 1.5em;
    display: block
}

.hof-page .tabs-hof .tabs-container #tabs-3 .col1 {
    float: left;
    width: 500px;
    font-size: 15px
}

.hof-page .tabs-hof .tabs-container #tabs-3 .col1 p {
    margin-top: 0
}

.hof-page .tabs-hof .tabs-container #tabs-3 .col2 {
    float: right;
    width: 300px
}

.hof-page .tabs-hof .tabs-container #tabs-3 .col2 img {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px;
    display: block;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6)
}

article.inductee-detail .top-meta {
    margin-top: -30px;
    margin-bottom: 50px
}

article.inductee-detail .top-meta a.back-to-hof {
    background: url(../images/sprite.png) no-repeat scroll -142px -46px transparent;
    width: 263px;
    height: 29px;
    display: block;
    float: left;
    text-indent: -9999px
}

article.inductee-detail .top-meta a.back-to-hof:hover {
    background-position: -142px -76px
}

article.inductee-detail .top-meta p {
    margin: 0;
    float: right;
    line-height: 31px
}

article.inductee-detail .top-meta p a.search-explore {
    background: url(../images/sprite.png) no-repeat scroll -175px -239px transparent;
    width: 174px;
    height: 31px;
    display: inline-block;
    text-indent: -9999px
}

article.inductee-detail .top-meta p a.search-explore:hover {
    background-position: 0 -239px
}

article.inductee-detail .col1 {
    float: left;
    width: 551px;
    font-size: 15px;
    padding-left: 12px
}

article.inductee-detail .col1 .profile {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 20px
}

article.inductee-detail .col1 h1.entry-title {
    line-height: 51px
}

article.inductee-detail .col2 {
    float: right;
    width: 264px
}

article.inductee-detail .col2 figure {
    background-color: #fff;
    display: inline-block;
    padding: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px
}

article.inductee-detail .col2 figure img {
    display: block
}

.highlight {
    background-color: yellow
}

.footer-wrapper {
    padding-top: 0
}

.footer-wrapper footer .halloffame {
    padding: 15px;
    width: 590px;
    height: 209px;
    margin-bottom: 20px;
    border-radius: 7px;
    float: left;
    position: relative;
    background: #d8d3ca;
    background: -moz-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d3ca), color-stop(100%, #e8e5e0));
    background: -webkit-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -o-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -ms-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: linear-gradient(to bottom, #d8d3ca 0, #e8e5e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d3ca', endColorstr='#e8e5e0', GradientType=0)
}

.footer-wrapper footer .halloffame figure {
    position: relative;
    float: left;
    margin-right: 19px
}

.footer-wrapper footer .halloffame figure figcaption {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 11px
}

.footer-wrapper footer .halloffame .entry-content {
    padding-top: 5px;
    position: relative;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 12px
}

.footer-wrapper footer .halloffame .entry-content h3 {
    font-size: 40px;
    margin-top: 5px
}

.footer-wrapper footer .halloffame .entry-content p {
    font-size: 15px;
    line-height: 1.3em
}

.footer-wrapper footer .halloffame a.more-link {
    background: url(../images/sprite.png) no-repeat scroll -276px -198px transparent;
    width: 134px;
    height: 35px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    right: -8px;
    bottom: 7px
}

.footer-wrapper footer .halloffame a.more-link:hover {
    background-position: -142px -198px
}

.footer-wrapper footer .supportus {
    padding: 15px;
    width: 250px;
    height: 209px;
    margin-bottom: 20px;
    border-radius: 7px;
    float: right;
    position: relative;
    background: #d8d3ca;
    background: -moz-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d3ca), color-stop(100%, #e8e5e0));
    background: -webkit-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -o-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: -ms-linear-gradient(top, #d8d3ca 0, #e8e5e0 100%);
    background: linear-gradient(to bottom, #d8d3ca 0, #e8e5e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d3ca', endColorstr='#e8e5e0', GradientType=0)
}

.footer-wrapper footer .supportus .entry-content {
    padding-top: 5px;
    position: relative
}

.footer-wrapper footer .supportus .entry-content h3 {
    font-size: 40px;
    margin-top: 5px
}

.footer-wrapper footer .supportus .entry-content p {
    font-size: 15px;
    line-height: 1.3em
}

.footer-wrapper footer .supportus a.join-link {
    background: url(../images/sprite.png) no-repeat scroll -142px -168px transparent;
    width: 107px;
    height: 29px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    left: 20px;
    bottom: 13px
}

.footer-wrapper footer .supportus a.join-link:hover {
    background-position: -249px -168px
}

.footer-wrapper footer .supportus a.more-link {
    background: url(../images/sprite.png) no-repeat scroll -276px -198px transparent;
    width: 134px;
    height: 35px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    right: -8px;
    bottom: 7px
}

.footer-wrapper footer .supportus a.more-link:hover {
    background-position: -142px -198px
}

.footer-shadow {
    text-align: center;
    width: 960px;
    margin: 0 auto
}

.footer-shadow img {
    display: inline-block;
    height: 17px;
    width: 95%;
    margin-bottom: 5px
}

.footer-shadow small {
    display: block;
    margin-bottom: 20px;
    font-size: 12px
}

span.zoom {
    background: url(../images/zoom.png) no-repeat scroll 0 0 transparent;
    width: 48px;
    height: 48px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px
}

a.colorbox {
    position: relative;
    display: block
}

a.colorbox:hover span.zoom {
    display: block
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #000
}

#colorbox {
    background-color: #fff
}

#cboxTopLeft {
    width: 14px;
    height: 14px;
    background: url(images/controls.png) no-repeat 0 0
}

#cboxTopCenter {
    height: 14px;
    background: url(images/border.png) repeat-x top left
}

#cboxTopRight {
    width: 14px;
    height: 14px;
    background: url(images/controls.png) no-repeat -36px 0
}

#cboxBottomLeft {
    width: 14px;
    height: 43px;
    background: url(images/controls.png) no-repeat 0 -32px
}

#cboxBottomCenter {
    height: 43px;
    background: url(images/border.png) repeat-x bottom left
}

#cboxBottomRight {
    width: 14px;
    height: 43px;
    background: url(images/controls.png) no-repeat -36px -32px
}

#cboxMiddleLeft {
    width: 14px;
    background: url(images/controls.png) repeat-y -175px 0
}

#cboxMiddleRight {
    width: 14px;
    background: url(images/controls.png) repeat-y -211px 0
}

#cboxContent {
    background: #fff;
    overflow: visible
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 5px
}

#cboxLoadingOverlay {
    background: url(images/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center
}

#cboxTitle {
    position: absolute;
    bottom: -25px;
    left: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #7c7c7c
}

#cboxCurrent {
    position: absolute;
    bottom: -25px;
    left: 58px;
    font-weight: bold;
    color: #7c7c7c
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    position: absolute;
    bottom: -29px;
    background: url(images/controls.png) no-repeat 0 0;
    width: 23px;
    height: 23px;
    text-indent: -9999px
}

#cboxPrevious {
    left: 0;
    background-position: -51px -25px
}

#cboxPrevious:hover {
    background-position: -51px 0
}

#cboxNext {
    left: 27px;
    background-position: -75px -25px
}

#cboxNext:hover {
    background-position: -75px 0
}

#cboxClose {
    right: 0;
    background-position: -100px -25px
}

#cboxClose:hover {
    background-position: -100px 0
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -125px 0;
    right: 27px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -150px 0
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -150px -25px;
    right: 27px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -125px 0
}

.facetAlphabetical {
    margin-top: 10px;
}

.facetAlphabetical__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 12px;
}

/*.facetAlphabetical__navItem {*/
/*    border: 1px solid #ccc;*/
/*    background: #f4f4f4;*/
/*    color: #333;*/
/*    padding: 4px 8px;*/
/*    font-size: 13px;*/
/*    line-height: 1.2;*/
/*    cursor: pointer;*/
/*    border-radius: 2px;*/
/*}*/

/*.facetAlphabetical__navItem.is-active {*/
/*    background: #455560;*/
/*    border-color: #455560;*/
/*    color: #fff;*/
/*}*/

.facetAlphabetical__navItem.is-disabled,
.facetAlphabetical__navItem:disabled {
    opacity: 0.45;
    cursor: default;
    pointer-events: none;
}

.facetAlphabetical__sections {
    border-top: 1px solid #ddd;
    padding-top: 8px;
}

.facetAlphabetical__section {
    display: none;
}

.facetAlphabetical__section.is-active {
    display: block;
}

.facetAlphabetical__sectionLabel {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
    color: #333;
}